0.0.2 • Published 6 years ago
hd-tree-data v0.0.2
Hd-Tree-Data
树接口数据转换
快速开始
下载
# 安装插件
npm install hd-tree-data引入
// 引入插件
import Tree from 'hd-tree-data'
import { Tree,recursion , listToTree, treeToList, listToObj } from 'hd-tree-data'初始化,返回一个实例
// 传入配置参数,返回一个实例
const tree = new Tree({
idName: 'id',
childrenName: 'children',
parentIdName: 'pid',
rootId: [0],
data: [],
type: 'list'
})Tree实例可选配置参数如下:
| 参数名 | 说明 | 值类型 | 默认值 |
|---|---|---|---|
| data | 原始数据tree结构或者list结构 | Array | 无 |
| type | 'list'或 'tree' | String | 无 |
| idName | 节点唯一标识符 | Number | id |
| parentIdName | 父级节点唯一标识符 | Boolean | pId |
| childrenName | 子节点属性名 | Boolean | children |
| rootId | 根节点的值,满足其中之一为根节点 | Array | null, undefined, 0, '0', null |
返回数据: 数据名 | 说明 | 值类型 --- | --- | --- tree | 多维数组 | [] list | 一维数组 | [] objList | 以id为key的object | {}
递归方法recursion({data,recursionCondition,level},callback)
| 参数名 | 说明 | 值类型 |
|---|---|---|
| data | 需要递归的数据 | [] 或者 {} |
| recursionCondition | 判断条件,会抛出当前项item以及父级的数据data | Function |
| level | 首层的level 默认0 | number |
| callback | 见callback说明 | function |
| 参数名 | 说明 | 值类型 |
|---|---|---|
| item | 当前节点的Item | any |
| level | 层级 | Number |
| parent | 父级的data | []或{} |
| parentIdName | 父级idname parent和parentIdName 结合起来能找到自 | string |
callback return false会终止该叶子的递归,return数组或者object的时候回继续递归
0.0.2
6 years ago