@zstark/permission-table

Permission-Table

权限选择. 表格形式.

Example

Live Demo

🚀 Quick Start

import { useMemo } from 'react';
import PermissionTable from '@zstark/permission-table';

const App = () => {
  const dataSource = useMemo(
    () => ({
      id: 0,
      name: 'title1',
      childList: [
        { id: 1, name: 'title2' },
        { id: 2, name: 'title3' },
      ],
    }),
    [],
  );

  return <PermissionTable dataSource={dataSource} onChange={console.log} />;
};

Props

• loading: boolean; loading 动效.
• value: Id[]; 一般用户 form 表单. 或者初始化选中.
• columns: { title: string }[]; 表头.
• onChange: (ids: Id[]) => void;