zb-ui-tree

第一次上传组件到npm，虽然比较简单。记录一下

安装

npm i zb-ui-tree

使用

import { Tree, type TreeNode } from "zb-ui-tree";
import "zb-ui-tree/dist/zb-ui-tree.css";

export default function App() {
  const data: TreeNode[] = [
    {
      id: 1,
      name: "parent",
      children: [
        {
          id: 2,
          name: "child1",
          children: [
            {
              id: 21,
              name: "child1-1",
              children: [],
              selected: false
            },
            {
              id: 22,
              name: "child1-2",
              children: [],
              selected: false
            }
          ],
          selected: true
        },
        {
          id: 3,
          name: "child2",
          children: [],
          selected: false
        }
      ],
      selected: true
    },
    {
      id: 4,
      name: "parent2",
      children: [
        {
          id: 5,
          name: "child3",
          children: [],
          selected: false
        },
        {
          id: 6,
          name: "child4",
          children: [],
          selected: false
        }
      ],
      selected: true
    }
  ];

  const handleTreeChange = (node: TreeNode) => {
    console.log(node)
  }

  return (
    <Tree data={data} onChange={handleTreeChange}></Tree>
  );
}