g-tools

此项目仅示范性封装自身常用的工具函数.

安装

yarn 安装方式

yarn add @teaghy/g-utils

npm 安装方式

npm install @teaghy/g-utils

使用方式

import { arrayToTree, getDiffTree, treeToList } from '@teaghy/g-utils';
const arr = [
  {
    pid: 1,
    id: 2,
    name: '0-1-1',
  },
  {
    id: 0,
    name: '0-0',
  },
  {
    pid: 0,
    id: 3,
    name: '0-2',
  },
  {
    pid: 0,
    id: 1,
    name: '0-1',
  },
];
const treeData = arrayToTree(arr);
// console.log(treeData);

const list = treeToList(treeData);
// console.log(list);

 const oldTree = [{
    id: '1',
    value: 'a',
    children: [
      { id: '2', value: 'b', children: [] },
      {
        id: '3',
        value: 'c',
        children: [
          { id: '4', value: 'd', children: [] },
          { id: '5', value: 'e', children: [] },
          { id: '6', value: 'f', children: [] },
        ],
      },
    ],
  }];

  const newTree = [{
    id: '1',
    value: 'a',
    children: [
      { id: '7', value: 'g', children: [] },
      {
        id: '3',
        value: 'cc',
        children: [
          { id: '5', value: 'e', children: [] },
          { id: '4', value: 'd', children: [] },
        ],
      },
      { id: '6', value: 'f', children: [] },
    ],
  }];
  const result = getDiffTree(newTree, oldTree);

函数文档

| 方法 | 描述 | 参数 | 返回值 | |:----------- |:------------- |:------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |:---------------------------------------- | | arrayToTree | 平行数据结构转树形结构 | (list, options) 接收两个参数: 1. 平行数据结构数据 2. options: ReplaceFiledOptionsType 替换数据中的 id,pid,children 字段为 每个数据 中对应的字段 默认为 { id = 'id', pid = 'pid', children = 'children' } | Array | | treeToList | 树形结构转换平行数据结构 | (tree, options) 接收两个参数: 1. 树形结构数据 2. options: ReplaceFiledOptionsType 替换数据中的 id,pid,children 字段为 每个数据 中对应的字段 默认为 { id = 'id', pid = 'pid', children = 'children' } | Array | | getDiffTree | 获取两个json对象的区别 | getDiffTree(newData: TreeNodeType[], oldData: TreeNodeType[], option: CompareDiffOptionType = {})1. 新树2.旧树3.CompareDiffOptionType {  indexEffect?: boolean; // 是否检测索引变化  key?: string; // 对象对比的唯一键(获取的属性的路径a.b.c)  childrenKey: string // 子集属性的键compareMethod?: (...arg: any) => boolean; // 比较的方法(默认比较除children外的整个对象) } | 返回全部的差异对象{updates, deletes, adds, moves} |