design-hooks

安装

  pnpm add @st-fed/antd-hooks

useTableList 使用

  const { tableProps, reload } = useTableList<ListItemData>(getCooperateList, {
    orderField: 'createDate',
    orderType: 'DESC',
    taskStatuses: taskStatusesArr,
    scope: scopeType
  })
  
  <Table rowKey="id" scroll={{ x: 'max-content' }} columns={columns} {...tableProps} />

useCreateModal 使用

  const { editModal, infoModal, memberModal, toggle } = useCreateModal(['edit', 'member', 'info'])

  const onSetModalData = (type: string, data?: any) => {
    toggle(type, data)
  }

useSelectOptions 使用

  const { sceneOptions, sceneMap } = useSelectOptions<string>(getRecruitSceneList, {
    selectKey: 'scene',
    fieldNames: { label: 'recruitTypeName', value: 'recruitEncrypt' }
  })