design-hooks

安装

  pnpm add @base-stone/hooks

useTableList 使用

  const { tableProps, reload } = useTableList<ListItemData>({
    queryFn: getCooperateList,
    params: {
      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'])

  toggle(type, data)

useSelectOptions 使用

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

useRequestQuery 使用

  const { settlementInfo, refresh } = useRequestQuery<ListItemData, 'settlementInfo'>({
    queryFn: getSettlementInfo,
    dataKey: 'settlementInfo',
    dataType: 'Object',
    params: {
      taskId
    }
  })