@basestone/hooks 1.3.6 → 1.3.8

package/README.md

@@ -1,69 +1,463 @@
-# design-hooks
+# @basestone/hooks
 
+一套用于 React + Ant Design 应用的生产级 Hooks 库，提供表格管理、模态框管理、表单提交、数据请求等常用功能。
 
-### 安装
+[![npm version](https://img.shields.io/npm/v/@basestone/hooks.svg)](https://www.npmjs.com/package/@basestone/hooks)
+[![license](https://img.shields.io/npm/l/@basestone/hooks.svg)](https://github.com/base-stone/hooks/blob/master/LICENSE)
 
-```
+## ✨ 特性
+
+- 🎯 **开箱即用** - 提供常用业务场景的完整解决方案
+- 💪 **TypeScript** - 完整的类型定义和类型推导
+- 🎨 **Ant Design** - 深度集成 Ant Design 组件
+- ⚡️ **性能优化** - 内置性能优化和记忆化
+- 🔧 **灵活配置** - 支持全局配置和局部定制
 
-  pnpm add @base-stone/hooks
+## 📦 安装
 
+```bash
+pnpm add @basestone/hooks
+# or
+npm install @basestone/hooks
+# or
+yarn add @basestone/hooks
 ```
 
+## 📚 Hooks 列表
 
-### useTableList 使用
+- [useTableList](#usetablelist---表格管理) - 表格管理（分页、排序、加载等）
+- [useCreateModal](#usecreatemodal---模态框管理) - 模态框/抽屉管理
+- [useSelectOptions](#useselectoptions---下拉选项管理) - 下拉选项管理
+- [useRequestQuery](#userequestquery---数据请求) - 通用数据请求
+- [useFormSubmit](#useformsubmit---表单提交) - 表单提交处理
+- [useMemoizedFn](#usememoizedfn---函数记忆化) - 函数记忆化
 
+## 🔧 Claude Code Skill
 
-```
+本库提供了 Claude Code Skill，可以在使用 Claude Code 开发时快速获取帮助和代码示例。
+
+查看 [Skill 文档](./.claude/skills/README.md) 了解如何在你的项目中使用。
+
+## 📖 使用文档
 
-  const { tableProps, reload } = useTableList<ListItemData>({
-    queryFn: getCooperateList,
+
+### useTableList - 表格管理
+
+提供完整的表格管理功能，包括分页、排序、加载状态、行选择等。
+
+```tsx
+import { useTableList } from '@basestone/hooks'
+import { Table } from 'antd'
+
+function UserList() {
+  const { tableProps, search, refresh, reset, queryParams, selectedRowKeys } = useTableList({
+    queryFn: async (params) => {
+      // API 返回格式: { status: 'success', data: { list: [], totalCount: 0 } }
+      return await getUserList(params)
+    },
     params: {
       orderField: 'createDate',
       orderType: 'DESC',
-      taskStatuses: taskStatusesArr,
-      scope: scopeType
-    }
+      status: 'active'
+    },
+    rowSelection: true // 启用行选择
   })
-  
-  <Table rowKey="id" scroll={{ x: 'max-content' }} columns={columns} {...tableProps} />
 
+  return (
+    <div>
+      <button onClick={() => search({ keyword: 'test' })}>搜索</button>
+      <button onClick={() => refresh()}>刷新</button>
+      <Table
+        rowKey="id"
+        scroll={{ x: 'max-content' }}
+        columns={columns}
+        {...tableProps}
+      />
+    </div>
+  )
+}
 ```
 
-### useCreateModal 使用
+**API:**
+- `tableProps` - Ant Design Table 所需的所有属性
+- `search(params)` - 搜索并重置到第一页
+- `refresh(params)` - 刷新当前页
+- `reset(params)` - 重置查询参数
+- `queryParams` - 当前查询参数
+- `selectedRowKeys` - 选中的行 keys
 
+### useCreateModal - 模态框管理
 
-``` 
+使用 zustand 管理多个模态框的状态，支持 Modal 和 Drawer。
 
-  const { editModal, infoModal, memberModal, toggle } = useCreateModal(['edit', 'member', 'info'])
+```tsx
+import { useCreateModal } from '@basestone/hooks'
+import { Modal, Drawer } from 'antd'
 
-  toggle(type, data)
+function UserManagement() {
+  const { editModal, viewModal, open, close, toggle } = useCreateModal({
+    edit: {
+      width: 600,
+      title: (data) => data?.id ? '编辑用户' : '创建用户',
+      centered: true,
+      maskClosable: false
+    },
+    view: {
+      width: 800,
+      title: '用户详情',
+      placement: 'right' // Drawer 配置
+    }
+  })
+
+  return (
+    <div>
+      <button onClick={() => open('edit', { id: 1, name: 'John' })}>
+        编辑用户
+      </button>
 
+      {/* 作为 Modal 使用 */}
+      <Modal {...editModal.modalProps}>
+        <div>用户数据: {JSON.stringify(editModal.data)}</div>
+      </Modal>
+
+      {/* 作为 Drawer 使用 */}
+      <Drawer {...viewModal.drawerProps}>
+        <div>用户详情: {JSON.stringify(viewModal.data)}</div>
+      </Drawer>
+    </div>
+  )
+}
 ```
 
+**API:**
+- `{name}Modal.modalProps` - Modal 组件属性
+- `{name}Modal.drawerProps` - Drawer 组件属性
+- `{name}Modal.visible` - 可见状态
+- `{name}Modal.data` - 传入的数据
+- `open(type, data)` - 打开指定模态框
+- `close(type)` - 关闭指定模态框
+- `toggle(type, data)` - 切换指定模态框
+
 
-### useSelectOptions 使用
+### useSelectOptions - 下拉选项管理
 
+自动获取和管理下拉选项，并创建 value-label 映射。
 
+```tsx
+import { useSelectOptions } from '@basestone/hooks'
+import { Select } from 'antd'
+
+function UserFilter() {
+  const { departmentOptions, departmentMap, loading, refresh } = useSelectOptions({
+    queryFn: async (params) => {
+      // API 返回格式: { status: 'success', data: [] }
+      return await getDepartmentList(params)
+    },
+    params: { active: true },
+    dataKey: 'department', // 会创建 departmentOptions 和 departmentMap
+    fieldNames: {
+      label: 'departmentName',
+      value: 'departmentId'
+    },
+    transform: (data) => data.filter(item => item.visible) // 可选的数据转换
+  })
+
+  return (
+    <Select
+      options={departmentOptions}
+      loading={loading}
+      onChange={(value) => {
+        console.log('选中值:', value)
+        console.log('对应标签:', departmentMap.get(value))
+      }}
+    />
+  )
+}
 ```
-  const { sceneOptions, sceneMap } = useSelectOptions<string, 'scene'>({
-    queryFn: getRecruitSceneList,
-    dataKey: 'scene',
-    fieldNames: { label: 'recruitTypeName', value: 'recruitEncrypt' }
+
+**API:**
+- `{dataKey}Options` - 格式化后的选项数组 `{ label, value, data }`
+- `{dataKey}Map` - value 到 label 的映射 Map
+- `loading` - 加载状态
+- `refresh()` - 刷新选项
+
+### useRequestQuery - 数据请求
+
+通用的数据请求 Hook，支持 Object 和 Array 类型数据。
+
+```tsx
+import { useRequestQuery } from '@basestone/hooks'
+
+function UserProfile({ userId }) {
+  // 请求单个对象
+  const { userInfo, setUserInfo, loading, refresh } = useRequestQuery({
+    queryFn: async (params) => {
+      // API 返回格式: { status: 'success', data: {...} }
+      return await getUserInfo(params)
+    },
+    params: { userId },
+    dataKey: 'userInfo',
+    dataType: 'Object',
+    initialValue: { name: '', email: '' },
+    transform: (data) => ({
+      ...data,
+      fullName: `${data.firstName} ${data.lastName}`
+    }),
+    success: (data) => {
+      console.log('数据加载成功:', data)
+    }
   })
 
+  // 请求数组数据
+  const { notificationList, setNotificationList } = useRequestQuery({
+    queryFn: getNotificationList,
+    params: { userId },
+    dataKey: 'notificationList',
+    dataType: 'Array',
+    initialValue: []
+  })
+
+  // 手动更新数据
+  const handleUpdateName = () => {
+    setUserInfo(prev => ({ ...prev, name: '新名字' }))
+  }
+
+  const markAsRead = (id) => {
+    setNotificationList(prev =>
+      prev.map(item => item.id === id ? { ...item, read: true } : item)
+    )
+  }
+
+  return (
+    <div>
+      {loading ? '加载中...' : (
+        <div>
+          <h1>{userInfo?.fullName}</h1>
+          <p>{userInfo?.email}</p>
+          <button onClick={handleUpdateName}>修改名字</button>
+        </div>
+      )}
+    </div>
+  )
+}
 ```
 
-### useRequestQuery 使用
+**API:**
+- `{dataKey}` - 请求到的数据
+- `set{DataKey}` - 手动更新数据的函数，支持直接设置或函数式更新
+- `loading` - 加载状态
+- `refresh(params)` - 刷新数据
+
+### useFormSubmit - 表单提交
 
+处理表单提交，自动管理加载状态和消息提示。
+
+```tsx
+import { useFormSubmit } from '@basestone/hooks'
+import { Form, Input, Button, App } from 'antd'
+
+function UserForm({ onSuccess }) {
+  const [form] = Form.useForm()
+
+  const { loading, submit } = useFormSubmit(
+    async (values) => {
+      // API 返回格式: { status: 'success', info: '操作成功' }
+      return await createUser(values)
+    },
+    (result) => {
+      form.resetFields()
+      onSuccess?.(result)
+    }
+  )
+
+  return (
+    <App> {/* 必需：message API 依赖 */}
+      <Form form={form} onFinish={submit}>
+        <Form.Item name="name" label="姓名" rules={[{ required: true }]}>
+          <Input />
+        </Form.Item>
+        <Button type="primary" htmlType="submit" loading={loading}>
+          提交
+        </Button>
+      </Form>
+    </App>
+  )
+}
 ```
 
-  const { settlementInfo, refresh } = useRequestQuery<ListItemData, 'settlementInfo'>({
-    queryFn: getSettlementInfo,
-    dataKey: 'settlementInfo',
-    dataType: 'Object',
-    params: {
-      taskId
+**API:**
+- `loading` - 提交中状态
+- `submit(values)` - 提交函数
+
+### useMemoizedFn - 函数记忆化
+
+创建一个稳定引用的函数，但始终调用最新的实现。
+
+```tsx
+import { useMemoizedFn } from '@basestone/hooks'
+import { useEffect } from 'react'
+
+function Component() {
+  const [count, setCount] = useState(0)
+
+  // 函数引用永不改变，但总是调用最新的实现
+  const handleClick = useMemoizedFn(() => {
+    console.log('当前 count:', count) // 总是打印最新的 count
+    setCount(count + 1)
+  })
+
+  useEffect(() => {
+    // handleClick 不会导致 effect 重新运行
+  }, [handleClick])
+
+  return <button onClick={handleClick}>点击 {count}</button>
+}
+```
+
+## 🎯 完整示例
+
+```tsx
+import {
+  useTableList,
+  useCreateModal,
+  useSelectOptions,
+  useFormSubmit
+} from '@basestone/hooks'
+import { Table, Modal, Form, Input, Select, Button, Space } from 'antd'
+
+function UserManagement() {
+  const [form] = Form.useForm()
+
+  // 表格管理
+  const { tableProps, refresh } = useTableList({
+    queryFn: getUserList,
+    params: { status: 'active' },
+    rowSelection: true
+  })
+
+  // 模态框管理
+  const { editModal, open, close } = useCreateModal({
+    edit: {
+      width: 600,
+      title: (data) => data?.id ? '编辑' : '创建'
     }
   })
 
+  // 下拉选项
+  const { roleOptions } = useSelectOptions({
+    queryFn: getRoleList,
+    dataKey: 'role',
+    fieldNames: { label: 'roleName', value: 'roleId' }
+  })
+
+  // 表单提交
+  const { loading, submit } = useFormSubmit(
+    async (values) => {
+      const api = editModal.data?.id ? updateUser : createUser
+      return api({ ...values, id: editModal.data?.id })
+    },
+    () => {
+      close('edit')
+      refresh()
+    }
+  )
+
+  const columns = [
+    { title: '姓名', dataIndex: 'name' },
+    { title: '邮箱', dataIndex: 'email' },
+    {
+      title: '操作',
+      render: (_, record) => (
+        <Space>
+          <Button onClick={() => open('edit', record)}>编辑</Button>
+        </Space>
+      )
+    }
+  ]
+
+  return (
+    <div>
+      <Button onClick={() => open('edit')}>创建用户</Button>
+      <Table rowKey="id" columns={columns} {...tableProps} />
+
+      <Modal {...editModal.modalProps}>
+        <Form form={form} onFinish={submit} initialValues={editModal.data}>
+          <Form.Item name="name" label="姓名" rules={[{ required: true }]}>
+            <Input />
+          </Form.Item>
+          <Form.Item name="roleId" label="角色">
+            <Select options={roleOptions} />
+          </Form.Item>
+          <Button type="primary" htmlType="submit" loading={loading}>
+            提交
+          </Button>
+        </Form>
+      </Modal>
+    </div>
+  )
+}
 ```
+
+## 🔌 API 响应格式
+
+所有请求函数应返回以下格式：
+
+```typescript
+// 成功响应
+{
+  status: 'success',
+  data: any, // 实际数据
+  info?: string // 可选的消息
+}
+
+// useTableList 专用格式
+{
+  status: 'success',
+  data: {
+    list: any[], // 数据列表
+    totalCount: number // 总数
+  }
+}
+```
+
+## 🎨 全局配置
+
+### 表格全局配置
+
+```typescript
+import { configureTableOption } from '@basestone/hooks'
+
+configureTableOption({
+  sortField: ['orderType', 'orderField'], // 排序字段名
+  sortOrder: ['ASC', 'DESC'], // 排序顺序值
+  pageSize: 20 // 默认每页条数
+})
+```
+
+## 💡 最佳实践
+
+1. **错误处理**: 所有 hooks 内部处理错误，但应确保 API 返回正确的响应格式
+2. **加载状态**: 利用提供的 loading 状态提升用户体验
+3. **函数记忆化**: 对于传递给子组件的回调，使用 `useMemoizedFn`
+4. **模态框状态**: 模态框状态使用 zustand 全局管理，跨渲染保持
+5. **类型安全**: 使用 TypeScript 泛型获得更好的类型推导
+
+## 📄 依赖
+
+- `react` ^19.0.0
+- `antd` ^6.0.0
+- `zustand` ^5.0.0
+
+## 📝 License
+
+MIT
+
+## 👨‍💻 Author
+
+leafront (leafront@126.com)
+
+## 🔗 相关链接
+
+- [GitHub](https://github.com/base-stone/hooks)
+- [NPM](https://www.npmjs.com/package/@basestone/hooks)
+- [Claude Code Skill](./.claude/skills/README.md)

package/dist/design-hooks.es.prod.d.ts

@@ -66,10 +66,6 @@ export declare interface ModalProps {
     onCancel: () => void;
 }
 
-declare type noop = (this: any, ...args: any[]) => any;
-
-declare type PickFunction<T extends noop> = (this: ThisParameterType<T>, ...args: Parameters<T>) => ReturnType<T>;
-
 declare type Placement = 'top' | 'bottom' | 'left' | 'right';
 
 declare interface QueryOptions<K extends string, T = Record<string, any>> {
@@ -78,6 +74,7 @@ declare interface QueryOptions<K extends string, T = Record<string, any>> {
     dataType: DataType;
     dataKey: K;
     transform?: (data: unknown) => T;
+    success?: (data: unknown) => void;
     initialValue?: Record<string, any> | Record<string, any>[];
 }
 
@@ -106,6 +103,8 @@ declare type QueryResult<K extends string, T = Record<string, any>> = {
     refresh: (params?: Record<string, any> | undefined) => void;
 } & {
     [P in K]?: T;
+} & {
+    [P in SetterKey<K>]: (data: T | ((prevData: T) => T)) => void;
 };
 
 declare interface RequestFn {
@@ -142,6 +141,8 @@ declare type SelectOptionsResult<K extends string, V extends string | number = s
     [P in `${K}Map`]?: MapData<V>;
 }>;
 
+declare type SetterKey<K extends string> = `set${Capitalize<K>}`;
+
 declare interface SuccessFn {
     (data: Record<string, any>): void;
 }
@@ -198,9 +199,7 @@ export declare function useCreateModal<const T extends Record<string, ModalConfi
 
 export declare function useFormSubmit(requestFn: RequestFn, successFn: SuccessFn): FormSubmitResult;
 
-export declare function useMemoizedFn<T extends noop>(fn: T): PickFunction<T>;
-
-export declare function useRequestQuery<T = Record<string, any> | Record<string, any>[] | undefined, const K extends string = string>({ queryFn, params, dataType, dataKey, initialValue, transform }: QueryOptions<K, T>): QueryResult<K, T>;
+export declare function useRequestQuery<T = Record<string, any> | Record<string, any>[] | undefined, const K extends string = string>({ queryFn, params, dataType, dataKey, initialValue, transform, success }: QueryOptions<K, T>): QueryResult<K, T>;
 
 export declare function useSelectOptions<V extends string | number = string | number, const K extends string = string>({ queryFn, params, dataKey, fieldNames, transform }: SelectConfig<K>): SelectOptionsResult<K, V>;
 

package/dist/design-hooks.es.prod.js

@@ -1,15 +1,15 @@
-import { useRef as j, useMemo as V, useState as h, useEffectEvent as A, useEffect as T, useId as W, useCallback as X } from "react";
+import { useRef as _, useMemo as V, useState as h, useEffectEvent as j, useEffect as T, useId as W, useCallback as X } from "react";
 import { Empty as J, App as K } from "antd";
 import { create as ee } from "zustand";
-var _ = { exports: {} }, C = {};
+var F = { exports: {} }, x = {};
 var H;
 function te() {
-  if (H) return C;
+  if (H) return x;
   H = 1;
   var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
   function o(t, s, n) {
-    var p = null;
-    if (n !== void 0 && (p = "" + n), s.key !== void 0 && (p = "" + s.key), "key" in s) {
+    var d = null;
+    if (n !== void 0 && (d = "" + n), s.key !== void 0 && (d = "" + s.key), "key" in s) {
       n = {};
       for (var c in s)
         c !== "key" && (n[c] = s[c]);
@@ -17,34 +17,34 @@ function te() {
     return s = n.ref, {
       $$typeof: r,
       type: t,
-      key: p,
+      key: d,
       ref: s !== void 0 ? s : null,
       props: n
     };
   }
-  return C.Fragment = a, C.jsx = o, C.jsxs = o, C;
+  return x.Fragment = a, x.jsx = o, x.jsxs = o, x;
 }
 var I;
 function se() {
-  return I || (I = 1, _.exports = te()), _.exports;
+  return I || (I = 1, F.exports = te()), F.exports;
 }
-var ae = se();
+var oe = se();
 function y(r) {
-  const a = j(r);
+  const a = _(r);
   a.current = V(() => r, [r]);
-  const o = j(void 0);
+  const o = _(void 0);
   return o.current || (o.current = function(...t) {
     return a.current.apply(this, t);
   }), o.current;
 }
-const w = {
+const P = {
   sortField: ["orderType", "orderField"],
   sortOrder: ["ASC", "DESC"],
   pageSize: 10
 };
 function ie(r) {
   Object.keys(r).forEach((a) => {
-    w[a] = r[a];
+    P[a] = r[a];
   });
 }
 function ce({
@@ -53,7 +53,7 @@ function ce({
   transform: o,
   rowSelection: t
 }) {
-  const s = w.pageSize, [n, p] = h({
+  const s = P.pageSize, [n, d] = h({
     pagination: {
       showSizeChanger: !0,
       showQuickJumper: !0,
@@ -67,57 +67,57 @@ function ce({
       pageSize: s,
       ...a
     }
-  }), { pagination: c, list: f, queryParams: e } = n, { pageNo: l, pageSize: d } = e, [i, m] = h(!0), [g, M] = h([]), R = V(() => {
+  }), { pagination: c, list: f, queryParams: e } = n, { pageNo: u, pageSize: p } = e, [i, v] = h(!0), [g, C] = h([]), R = V(() => {
     if (t)
       return {
         selectedRowKeys: g,
-        onChange: (u) => M(u)
+        onChange: (l) => C(l)
       };
-  }, [t, g]), b = y(
-    (u) => `共 ${u} 条记录 第 ${l}/${Math.ceil(u / d)} 页 `
-  ), v = async (u) => {
-    const { pageNo: L } = u;
-    m(!0);
-    const E = { ...a, pageSize: d, ...u };
-    u.pageNo === void 0 && (E.pageNo = 1), u.pageSize === void 0 && (E.pageSize = d);
-    const { data: D } = await r(E), N = o ? o(D) : D, { list: O = [], totalCount: F = 0 } = N || {};
-    t && M([]), p({
-      list: O,
-      queryParams: E,
+  }, [t, g]), M = y(
+    (l) => `共 ${l} 条记录 第 ${u}/${Math.ceil(l / p)} 页 `
+  ), m = async (l) => {
+    const { pageNo: L } = l;
+    v(!0);
+    const b = { ...a, pageSize: p, ...l };
+    l.pageNo === void 0 && (b.pageNo = 1), l.pageSize === void 0 && (b.pageSize = p);
+    const { data: z } = await r(b), k = o ? o(z) : z, { list: N = [], totalCount: A = 0 } = k || {};
+    t && C([]), d({
+      list: N,
+      queryParams: b,
       pagination: {
         ...c,
         current: L,
-        pageSize: E.pageSize,
-        total: F
+        pageSize: b.pageSize,
+        total: A
       }
-    }), m(!1);
-  }, P = A(() => {
-    v({ ...e, pageNo: 1 });
-  }), x = (u) => {
-    v({ ...e, ...u, pageNo: 1 });
-  }, k = (u) => {
-    v({ ...e, ...u });
-  }, S = (u) => {
-    v({ ...u, pageSize: d, pageNo: 1 });
-  }, z = (u, L, E, D) => {
-    const { action: N } = D;
-    if (["paginate", "sort"].includes(N)) {
-      const { current: O, pageSize: F } = u, { field: G, order: q } = E, [Q, Y] = w.sortField, [Z, B] = w.sortOrder, U = {
+    }), v(!1);
+  }, E = j(() => {
+    m({ ...e, pageNo: 1 });
+  }), $ = (l) => {
+    m({ ...e, ...l, pageNo: 1 });
+  }, O = (l) => {
+    m({ ...e, ...l });
+  }, S = (l) => {
+    m({ ...l, pageSize: p, pageNo: 1 });
+  }, D = (l, L, b, z) => {
+    const { action: k } = z;
+    if (["paginate", "sort"].includes(k)) {
+      const { current: N, pageSize: A } = l, { field: G, order: q } = b, [Q, Y] = P.sortField, [U, Z] = P.sortOrder, B = {
         ...e,
-        [Q]: q ? q === "ascend" ? Z : B : void 0,
+        [Q]: q ? q === "ascend" ? U : Z : void 0,
         [Y]: G,
-        pageNo: O,
-        pageSize: F
+        pageNo: N,
+        pageSize: A
       };
-      v(U);
+      m(B);
     }
   };
   return T(() => {
-    P();
+    E();
   }, []), {
     queryParams: e,
-    search: y(x),
-    refresh: y(k),
+    search: y($),
+    refresh: y(O),
     reset: y(S),
     selectedRowKeys: g,
     tableProps: {
@@ -127,15 +127,15 @@ function ce({
       rowSelection: R,
       loading: i,
       dataSource: f,
-      pagination: { ...c, showTotal: b },
-      onChange: y(z),
+      pagination: { ...c, showTotal: M },
+      onChange: y(D),
       locale: {
-        emptyText: i ? "" : /* @__PURE__ */ ae.jsx(J, { image: J.PRESENTED_IMAGE_SIMPLE })
+        emptyText: i ? "" : /* @__PURE__ */ oe.jsx(J, { image: J.PRESENTED_IMAGE_SIMPLE })
       }
     }
   };
 }
-const $ = ee((r) => ({
+const w = ee((r) => ({
   modals: {},
   toggleModal: (a, o) => r((t) => {
     const n = t.modals[a]?.visible || !1;
@@ -166,86 +166,86 @@ const $ = ee((r) => ({
   })
 }));
 function le(r) {
-  const a = $((e) => e.modals), o = $((e) => e.toggleModal), t = $((e) => e.setModal), s = $((e) => e.clearModals), n = W(), p = j([]), c = Object.keys(r);
-  T(() => (p.current = c.map(
+  const a = w((e) => e.modals), o = w((e) => e.toggleModal), t = w((e) => e.setModal), s = w((e) => e.clearModals), n = W(), d = _([]), c = Object.keys(r);
+  T(() => (d.current = c.map(
     (e) => `${n}-${e}`
   ), () => {
-    s(p.current);
+    s(d.current);
   }), []);
   const f = {};
   return c.forEach((e) => {
-    const l = `${n}-${e}`, d = a[l] ?? { visible: !1, data: {} }, i = r[e], m = typeof i.title == "function" ? i.title(d.data) : i.title;
+    const u = `${n}-${e}`, p = a[u] ?? { visible: !1, data: {} }, i = r[e], v = typeof i.title == "function" ? i.title(p.data) : i.title;
     f[`${e}Modal`] = {
-      visible: d.visible,
-      data: d.data,
+      visible: p.visible,
+      data: p.data,
       modalProps: {
         width: i.width,
-        title: m,
-        open: d.visible,
+        title: v,
+        open: p.visible,
         maskClosable: i.maskClosable ?? !1,
         centered: i.centered ?? !0,
         destroyOnHidden: i.destroyOnHidden ?? !0,
-        onCancel: i.onCancel ?? (() => t(l, !1))
+        onCancel: i.onCancel ?? (() => t(u, !1))
       },
       drawerProps: {
         size: i.width,
-        title: m,
-        open: d.visible,
+        title: v,
+        open: p.visible,
         maskClosable: i.maskClosable ?? !0,
         destroyOnHidden: i.destroyOnHidden ?? !0,
         placement: i.placement ?? "right",
-        onClose: i.onClose ?? (() => t(l, !1))
+        onClose: i.onClose ?? (() => t(u, !1))
       },
-      toggle: (g) => o(l, g),
-      open: (g) => t(l, !0, g),
-      close: () => t(l, !1)
+      toggle: (g) => o(u, g),
+      open: (g) => t(u, !0, g),
+      close: () => t(u, !1)
     };
-  }), f.toggle = (e, l) => {
-    o(`${n}-${e}`, l);
-  }, f.open = (e, l) => {
-    t(`${n}-${e}`, !0, l);
+  }), f.toggle = (e, u) => {
+    o(`${n}-${e}`, u);
+  }, f.open = (e, u) => {
+    t(`${n}-${e}`, !0, u);
   }, f.close = (e) => {
     t(`${n}-${e}`, !1);
   }, f;
 }
 function ue({ queryFn: r, params: a, dataKey: o, fieldNames: t, transform: s }) {
-  const [n, p] = h({
+  const [n, d] = h({
     list: [],
     mapData: /* @__PURE__ */ new Map()
-  }), [c, f] = h(!1), e = async () => {
+  }), [c, f] = h(!0), e = async () => {
     f(!0);
-    const { data: g, status: M } = await r(a);
-    if (M === "success") {
-      const b = (s ? s(g) : g) || [], { label: v, value: P } = t, x = /* @__PURE__ */ new Map([]), k = b.map((S) => {
-        const z = S[P];
-        return x.set(z, S[v]), {
-          label: S[v],
-          value: z,
+    const { data: g, status: C } = await r(a);
+    if (C === "success") {
+      const M = (s ? s(g) : g) || [], { label: m, value: E } = t, $ = /* @__PURE__ */ new Map([]), O = M.map((S) => {
+        const D = S[E];
+        return $.set(D, S[m]), {
+          label: S[m],
+          value: D,
           data: S
         };
       });
-      p((S) => ({ ...S, list: k, mapData: x }));
+      d((S) => ({ ...S, list: O, mapData: $ }));
     }
     f(!1);
-  }, l = A(e), d = y(() => {
+  }, u = j(e), p = y(() => {
     e();
   });
   T(() => {
-    l();
+    u();
   }, []);
-  const { list: i, mapData: m } = n;
+  const { list: i, mapData: v } = n;
   return {
     loading: c,
-    refresh: d,
+    refresh: p,
     [`${o}Options`]: i,
-    [`${o}Map`]: m
+    [`${o}Map`]: v
   };
 }
 function de(r, a) {
-  const [o, t] = h(!1), { message: s } = K.useApp(), n = X(async (p) => {
+  const [o, t] = h(!1), { message: s } = K.useApp(), n = X(async (d) => {
     try {
       t(!0);
-      const c = await r(p), { status: f, info: e } = c;
+      const c = await r(d), { status: f, info: e } = c;
       f == "success" && (a(c), s.success(e));
     } catch {
     }
@@ -262,34 +262,35 @@ function pe({
   dataType: o,
   dataKey: t,
   initialValue: s,
-  transform: n
+  transform: n,
+  success: d
 }) {
-  const p = s || (o === "Array" ? [] : /* @__PURE__ */ Object.create({})), [c, f] = h(p), [e, l] = h(!1), d = async (g) => {
-    l(!0);
-    const { data: M, status: R } = await r(g ?? a);
-    if (R === "success") {
-      const b = n ? n(M) : M;
-      f(b);
+  const c = s || (o === "Array" ? [] : /* @__PURE__ */ Object.create({})), [f, e] = h(c), [u, p] = h(!0), i = async (R) => {
+    p(!0);
+    const { data: M, status: m } = await r(R ?? a), E = M == null ? M : o === "Array" ? [] : /* @__PURE__ */ Object.create({});
+    if (m === "success") {
+      const $ = n ? n(E) : E;
+      d && d(E), e($);
     }
-    l(!1);
-  }, i = A(d);
+    p(!1);
+  }, v = j(i);
   T(() => {
-    i();
+    v();
   }, []);
-  const m = y((g) => {
-    d(g);
-  });
+  const g = y((R) => {
+    i(R);
+  }), C = `set${t.charAt(0).toUpperCase()}${t.slice(1)}`;
   return {
-    [t]: c,
-    loading: e,
-    refresh: m
+    [t]: f,
+    [C]: e,
+    loading: u,
+    refresh: g
   };
 }
 export {
   ie as configureTableOption,
   le as useCreateModal,
   de as useFormSubmit,
-  y as useMemoizedFn,
   pe as useRequestQuery,
   ue as useSelectOptions,
   ce as useTableList

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@basestone/hooks",
   "license": "MIT",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "author": {
     "name": "leafront",
     "email": "leafront@126.com"