flit-kit
指南
API
NPM
指南
API
NPM
  • 总览
  • Tree

    • buildTree
    • traverseTree
    • findNode
    • getNodePath
    • normalizeChildren
    • pruneTreeDepth
    • getDescendants
    • getTreeDepth
    • flattenTree
    • renameTreeKeys
  • Number

    • animation

API 速查

引入

// 按需导入(推荐)
import { buildTree, traverseTree, findNode, getNodePath, normalizeChildren, pruneTreeDepth, getDescendants, getTreeDepth, flattenTree, renameTreeKeys, animation } from 'flit-kit'

// 命名空间导入(等效,便于分类使用)
import { tree, number } from 'flit-kit'
// tree.buildTree(...)
// number.animation(...)

分组

Tree

  • 构建:buildTree
  • 遍历:traverseTree
  • 查找:findNode
  • 路径:getNodePath
  • 规范 children:normalizeChildren
  • 层级截断:pruneTreeDepth
  • 子孙集合:getDescendants
  • 最大深度:getTreeDepth
  • 扁平化:flattenTree
  • 重命名键:renameTreeKeys

Number

  • 数值动画:animation

快速示例

const nodes = [
  { id: 1, parentId: null, name: 'A', sort: 2 },
  { id: 2, parentId: 1, name: 'A-1', sort: 1 },
  { id: 3, parentId: 1, name: 'A-2', sort: 2 },
]
const tree = buildTree({ list: nodes, sort: 'sort', levelKey: 'level', emptyChildren: 'array' })
const flat = flattenTree({ tree, order: 'level' })