mqw-request-pagination v1.0.29

用法示例

模拟分页查询

const list: Array<{
    id: number;
    title: string;
  }> = [];
  for (let i = 1; i < 100; i++) {
    list.push({
      id: i,
      title: `第${i}条数据`,
    });
  }
const dataRepository = new GetListPagination(list);
dataRepository.post({ title: "新创建的数据" }); // 新增数据
dataRepository.update({ id: 1, title: "修改后" }); // 更新数据
dataRepository.remove([10,14]); // 删除数据
dataRepository.get({ page: 1, size: 50 }, { title: "12" }).then(pagon=>{ console.log('get',pagon) }) // 分页模糊查询
dataRepository.get({ page: 1, size: 50 }).then(pagon=>{ console.log('get',pagon) }) // 请求页码超出
dataRepository.get({ page: 5, size: 50 }).then(pagon=>{ console.log('get',pagon) }) // 请求页码超出
console.log(dataRepository.list);

树结构数据处理

const list = [
    { id: 1, index: 0, label: "目录1" },
    { id: 2, index: 1, label: "目录2" },
    { id: 3, index: 2, label: "目录3" },
    { id: 4, index: 0, label: "目录3-1", parentId: 3 },
]
const transfronTreeData = new TransfronTreeData(list);
/**
 * 获取map结构的数据
 * 可以通过 key 映射出tree的结构
 */
transfronTreeData.getMap;
/**
 * 获取tree结构的数据
 */
transfronTreeData.getTree;
/**
 * tree数据扁平化
 * 并且重置index和parentId
 */
transfronTreeData.smooth;
/**
 * 检测name、index、parentId字段的变化
 * 注：扁平化的时候必须传入扁平化的数据，否则ParentId对应关系会错
 * @deprecated 即将弃用
 */
transfronTreeData.diffChange;
/**
 * 检测name、index、parentId字段的变化
 * 适用于大部分场景
 */
transfronTreeData.diffChangeAsTree;