TreeCheck 权限树
带勾选的树:父子联动、半选、展开折叠、全选、已选计数,用于菜单权限、数据权限。
已选 3 / 10
目录
菜单
按钮
按钮
按钮
菜单
按钮
目录
菜单
菜单
strict 模式下父子不联动。节点 data.kind(dir / menu / button)显示类型标签。树的纯函数(walk、toggleNode、normalize……)在 tree/tree-check-state。
安装
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/tree-check.json第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。
用法
import { TreeCheck, useTreeCheck } from '@/components/tree/tree-check';
const tree = useTreeCheck(menus, role.menuIds);
<TreeCheck api={tree} />
// 保存:tree.checkedKeys(全选的)+ tree.halfCheckedKeys(半选的)属性
属性
类型