跳到正文
Linasan UI

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(半选的)

属性

属性

类型

本页目录