@basestone/hooks 1.3.7 → 1.3.9

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>> {
@@ -107,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 {
@@ -143,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;
 }
@@ -199,8 +199,6 @@ 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, 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,180 +1,180 @@
-import { useRef as j, useMemo as V, useState as M, 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: {} }, R = {};
+var F = { exports: {} }, x = {};
 var H;
 function te() {
-  if (H) return R;
+  if (H) return x;
   H = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
-  function o(t, a, n) {
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
+  function o(t, s, n) {
     var d = null;
-    if (n !== void 0 && (d = "" + n), a.key !== void 0 && (d = "" + a.key), "key" in a) {
+    if (n !== void 0 && (d = "" + n), s.key !== void 0 && (d = "" + s.key), "key" in s) {
       n = {};
-      for (var c in a)
-        c !== "key" && (n[c] = a[c]);
-    } else n = a;
-    return a = n.ref, {
+      for (var c in s)
+        c !== "key" && (n[c] = s[c]);
+    } else n = s;
+    return s = n.ref, {
       $$typeof: r,
       type: t,
       key: d,
-      ref: a !== void 0 ? a : null,
+      ref: s !== void 0 ? s : null,
       props: n
     };
   }
-  return R.Fragment = s, R.jsx = o, R.jsxs = o, R;
+  return x.Fragment = a, x.jsx = o, x.jsxs = o, x;
 }
 var I;
-function ae() {
-  return I || (I = 1, _.exports = te()), _.exports;
+function se() {
+  return I || (I = 1, F.exports = te()), F.exports;
 }
-var se = ae();
-function y(r) {
-  const s = j(r);
-  s.current = V(() => r, [r]);
-  const o = j(void 0);
+var oe = se();
+function b(r) {
+  const a = _(r);
+  a.current = V(() => r, [r]);
+  const o = _(void 0);
   return o.current || (o.current = function(...t) {
-    return s.current.apply(this, 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((s) => {
-    w[s] = r[s];
+  Object.keys(r).forEach((a) => {
+    P[a] = r[a];
   });
 }
 function ce({
   queryFn: r,
-  params: s,
+  params: a,
   transform: o,
   rowSelection: t
 }) {
-  const a = w.pageSize, [n, d] = M({
+  const s = P.pageSize, [n, d] = h({
     pagination: {
       showSizeChanger: !0,
       showQuickJumper: !0,
       total: 0,
-      pageSize: a,
+      pageSize: s,
       current: 1
     },
     list: [],
     queryParams: {
       pageNo: 1,
-      pageSize: a,
-      ...s
+      pageSize: s,
+      ...a
     }
-  }), { pagination: c, list: f, queryParams: e } = n, { pageNo: u, pageSize: p } = e, [i, v] = M(!0), [g, S] = M([]), b = V(() => {
+  }), { pagination: c, list: f, queryParams: e } = n, { pageNo: u, pageSize: p } = e, [i, v] = h(!0), [g, y] = h([]), C = V(() => {
     if (t)
       return {
         selectedRowKeys: g,
-        onChange: (l) => S(l)
+        onChange: (l) => y(l)
       };
-  }, [t, g]), C = y(
+  }, [t, g]), R = b(
     (l) => `共 ${l} 条记录 第 ${u}/${Math.ceil(l / p)} 页 `
   ), m = async (l) => {
     const { pageNo: L } = l;
     v(!0);
-    const E = { ...s, pageSize: p, ...l };
+    const E = { ...a, pageSize: p, ...l };
     l.pageNo === void 0 && (E.pageNo = 1), l.pageSize === void 0 && (E.pageSize = p);
-    const { data: D } = await r(E), N = o ? o(D) : D, { list: O = [], totalCount: F = 0 } = N || {};
-    t && S([]), d({
-      list: O,
+    const { data: z } = await r(E), k = o ? o(z) : z, { list: N = [], totalCount: A = 0 } = k || {};
+    t && y([]), d({
+      list: N,
       queryParams: E,
       pagination: {
         ...c,
         current: L,
         pageSize: E.pageSize,
-        total: F
+        total: A
       }
     }), v(!1);
-  }, P = A(() => {
+  }, M = j(() => {
     m({ ...e, pageNo: 1 });
-  }), x = (l) => {
+  }), $ = (l) => {
     m({ ...e, ...l, pageNo: 1 });
-  }, k = (l) => {
+  }, O = (l) => {
     m({ ...e, ...l });
-  }, h = (l) => {
+  }, S = (l) => {
     m({ ...l, pageSize: p, pageNo: 1 });
-  }, z = (l, L, E, D) => {
-    const { action: N } = D;
-    if (["paginate", "sort"].includes(N)) {
-      const { current: O, pageSize: F } = l, { field: G, order: q } = E, [Q, Y] = w.sortField, [Z, B] = w.sortOrder, U = {
+  }, D = (l, L, E, z) => {
+    const { action: k } = z;
+    if (["paginate", "sort"].includes(k)) {
+      const { current: N, pageSize: A } = l, { field: G, order: q } = E, [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
       };
-      m(U);
+      m(B);
     }
   };
   return T(() => {
-    P();
+    M();
   }, []), {
     queryParams: e,
-    search: y(x),
-    refresh: y(k),
-    reset: y(h),
+    search: b($),
+    refresh: b(O),
+    reset: b(S),
     selectedRowKeys: g,
     tableProps: {
       bordered: !0,
       size: "middle",
       sticky: !0,
-      rowSelection: b,
+      rowSelection: C,
       loading: i,
       dataSource: f,
-      pagination: { ...c, showTotal: C },
-      onChange: y(z),
+      pagination: { ...c, showTotal: R },
+      onChange: b(D),
       locale: {
-        emptyText: i ? "" : /* @__PURE__ */ se.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: (s, o) => r((t) => {
-    const n = t.modals[s]?.visible || !1;
+  toggleModal: (a, o) => r((t) => {
+    const n = t.modals[a]?.visible || !1;
     return {
       modals: {
         ...t.modals,
-        [s]: {
+        [a]: {
           visible: !n,
           data: n ? {} : o || {}
         }
       }
     };
   }),
-  setModal: (s, o, t) => r((a) => ({
+  setModal: (a, o, t) => r((s) => ({
     modals: {
-      ...a.modals,
-      [s]: {
+      ...s.modals,
+      [a]: {
         visible: o,
         data: o ? t || {} : {}
       }
     }
   })),
-  clearModals: (s) => r((o) => {
+  clearModals: (a) => r((o) => {
     const t = { ...o.modals };
-    return s.forEach((a) => {
-      delete t[a];
+    return a.forEach((s) => {
+      delete t[s];
     }), { modals: t };
   })
 }));
 function le(r) {
-  const s = $((e) => e.modals), o = $((e) => e.toggleModal), t = $((e) => e.setModal), a = $((e) => e.clearModals), n = W(), d = j([]), c = Object.keys(r);
+  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}`
   ), () => {
-    a(d.current);
+    s(d.current);
   }), []);
   const f = {};
   return c.forEach((e) => {
-    const u = `${n}-${e}`, p = s[u] ?? { visible: !1, data: {} }, i = r[e], v = typeof i.title == "function" ? i.title(p.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: p.visible,
       data: p.data,
@@ -208,26 +208,26 @@ function le(r) {
     t(`${n}-${e}`, !1);
   }, f;
 }
-function ue({ queryFn: r, params: s, dataKey: o, fieldNames: t, transform: a }) {
-  const [n, d] = M({
+function ue({ queryFn: r, params: a, dataKey: o, fieldNames: t, transform: s }) {
+  const [n, d] = h({
     list: [],
     mapData: /* @__PURE__ */ new Map()
-  }), [c, f] = M(!1), e = async () => {
+  }), [c, f] = h(!0), e = async () => {
     f(!0);
-    const { data: g, status: S } = await r(s);
-    if (S === "success") {
-      const C = (a ? a(g) : g) || [], { label: m, value: P } = t, x = /* @__PURE__ */ new Map([]), k = C.map((h) => {
-        const z = h[P];
-        return x.set(z, h[m]), {
-          label: h[m],
-          value: z,
-          data: h
+    const { data: g, status: y } = await r(a);
+    if (y === "success") {
+      const R = (s ? s(g) : g) || [], { label: m, value: M } = t, $ = /* @__PURE__ */ new Map([]), O = R.map((S) => {
+        const D = S[M];
+        return $.set(D, S[m]), {
+          label: S[m],
+          value: D,
+          data: S
         };
       });
-      d((h) => ({ ...h, list: k, mapData: x }));
+      d((S) => ({ ...S, list: O, mapData: $ }));
     }
     f(!1);
-  }, u = A(e), p = y(() => {
+  }, u = j(e), p = b(() => {
     e();
   });
   T(() => {
@@ -241,16 +241,16 @@ function ue({ queryFn: r, params: s, dataKey: o, fieldNames: t, transform: a })
     [`${o}Map`]: v
   };
 }
-function de(r, s) {
-  const [o, t] = M(!1), { message: a } = K.useApp(), n = X(async (d) => {
+function de(r, a) {
+  const [o, t] = h(!1), { message: s } = K.useApp(), n = X(async (d) => {
     try {
       t(!0);
       const c = await r(d), { status: f, info: e } = c;
-      f == "success" && (s(c), a.success(e));
+      f == "success" && (a(c), s.success(e));
     } catch {
     }
     t(!1);
-  }, [r, s, a]);
+  }, [r, a, s]);
   return {
     loading: o,
     submit: n
@@ -258,30 +258,31 @@ function de(r, s) {
 }
 function pe({
   queryFn: r,
-  params: s,
+  params: a,
   dataType: o,
   dataKey: t,
-  initialValue: a,
+  initialValue: s,
   transform: n,
   success: d
 }) {
-  const c = a || (o === "Array" ? [] : /* @__PURE__ */ Object.create({})), [f, e] = M(c), [u, p] = M(!1), i = async (S) => {
+  const c = s || (o === "Array" ? [] : /* @__PURE__ */ Object.create({})), [f, e] = h(c), [u, p] = h(!0), i = async (C) => {
     p(!0);
-    const { data: b, status: C } = await r(S ?? s);
-    if (C === "success") {
-      const m = n ? n(b) : b;
-      d && d(b), e(m);
+    const { data: R, status: m } = await r(C ?? a), M = R === null ? o === "Array" ? [] : /* @__PURE__ */ Object.create({}) : R;
+    if (m === "success") {
+      const $ = n ? n(M) : M;
+      d && d(M), e($);
     }
     p(!1);
-  }, v = A(i);
+  }, v = j(i);
   T(() => {
     v();
   }, []);
-  const g = y((S) => {
-    i(S);
-  });
+  const g = b((C) => {
+    i(C);
+  }), y = `set${t.charAt(0).toUpperCase()}${t.slice(1)}`;
   return {
     [t]: f,
+    [y]: e,
     loading: u,
     refresh: g
   };
@@ -290,7 +291,6 @@ 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.7",
+  "version": "1.3.9",
   "author": {
     "name": "leafront",
     "email": "leafront@126.com"