// 多选框 全选（被动联动）
<SchemaField.Boolean
  name="all"
  title="全选"
  x-component="Checkbox"
  x-decorator="FormItem"
/>
<SchemaField.Markup
  name="goods"
  title="商品管理"
  enum={[
    { value: 'get', label: '读取' },
    { value: 'update', label: '编辑' },
    { value: 'delete', label: '删除/批量删除' },
    { value: 'create', label: '新建' },
  ]}
  x-component="Checkbox.Group"
  x-decorator="FormItem"
  x-reactions={{
    dependencies: ['all'],
    fulfill: {
      state: {
        value: '{{$deps[0] ? $self.dataSource.map(ds => ds.value) : []}}',
      },
    },
  }}
/>
<SchemaField.Markup
  name="order"
  title="订单管理"
  enum={[
    { value: 'get', label: '读取' },
    { value: 'update', label: '编辑' },
    { value: 'delete', label: '删除/批量删除' },
    { value: 'create', label: '新建' },
  ]}
  x-component="Checkbox.Group"
  x-decorator="FormItem"
  x-reactions={{
    dependencies: ['all'],
    fulfill: {
      state: {
        value: '{{$deps[0] ? $self.dataSource.map(ds => ds.value) : []}}',
      },
    },
  }}
/>

// 引入获取权限Hooks/权限控制组件
import { useAccess, Access } from 'umi';

// 获取权限集合
const access = useAccess();

// 方式1：通过判断权限展示
{
  access.canGetTable('order') ? (
    <TabPane tab="订单记录" key="order">
      ...
    </TabPane>
  ) : (
    <></>
  );
}

// 方式2：通过Access组件展示
<Access accessible={access.canGetTable('order')} fallback={<div>Can not get content.</div>}>
  ...
</Access>;

<CrudTable
  table="goods"
  proTableProps={{
    pagination: { showSizeChanger: true, pageSizeOptions: [10, 100, 1000] },
  }}
  hiddenColumns={['stock_number', 'user,realname']}
  appendColumns={[
    {
      title: '新1',
      dataIndex: ['user', 'realname'],
    },
    {
      title: '新2',
      dataIndex: 'test2',
      render: (text, record) => <>{record.no}</>,
    },
  ]}
  renderColumns={{
    // 调用弹窗组件
    no: (text: any, record: any) => (
      <a
        onClick={() => {
          setPropsLogsModal({ visible: true, spu_id: record.id });
        }}
      >
        {text}({record?.stock_number})
      </a>
    ),
    // 路由到关联页
    'product_brand,name': (text: any, record: any) => (
      <Link to={`/product/brand/${record.product_brand_id}`}>{text}</Link>
    ),
  }}
  appendColumnsOptions={[
    {
      action: 'testco',
      title: '列操作1',
    },
    {
      type: 'form',
      action: 'putInfo',
      title: '列操作2',
      target: 'com_info',
    },
  ]}
  renderColumnsOptions={{
    // 自定义列操作，覆盖表格设计中原先的操作
    putUpdate: (option: any, record: any) => (
      <Button
        key={option.action}
        onClick={() => {
          console.log(option, record);
        }}
      >
        {option.title}
      </Button>
    ),
    // 根据情况展示列操作
    testco: (option: any, record: any) =>
      record.status == 0 ? (
        <a key={option.action} href={`/product/brand/${record.product_brand_id}`}>
          {option.title}
        </a>
      ) : (
        <></>
      ),
  }}
  appendToolbarOptions={[
    {
      type: 'add',
      action: 'testto',
      title: '工具样操作1',
    },
  ]}
  renderToolbarOptions={{
    // 自定义工具栏操作，覆盖表格设计中原先的操作
    create: (option: any) => (
      <Button
        key={option.action}
        onClick={() => {
          console.log(option);
        }}
      >
        {option.title}
      </Button>
    ),
  }}
  renderBatchOptions={{
    // 自定义批量操作，覆盖表格设计中原先的操作
    delete: (option: any, { selectedRowKeys }: any) => (
      <a
        key={option.action}
        onClick={() => {
          console.log(selectedRowKeys);
        }}
      >
        {option.title}
      </a>
    ),
  }}
/>