@base-stone/hooks 0.9.7 → 1.0.0

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

@@ -64,6 +64,10 @@ 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';
 
 export declare interface QueryParamsData {
@@ -154,6 +158,8 @@ 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 useSelectOptions<T extends string | number = string | number, K extends string = string>(getRequestFn: (params: Record<string, any>) => Promise<any>, selectConfig: SelectConfig<K>): SelectOptionsResult<K, T>;
 
 export declare function useTableList<T extends Record<string, any> = Record<string, any>>(getRequestFn: (data: QueryParamsData) => Promise<TableResponse<T>>, initParams?: Record<string, any>): TableListResult<T>;

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@base-stone/hooks",
   "license": "MIT",
-  "version": "0.9.7",
+  "version": "1.0.0",
   "author": {
     "name": "leafront",
     "email": "leafront@126.com"
@@ -48,12 +48,12 @@
     "prettier": "^3.7.4",
     "rollup-plugin-shell": "^1.0.9",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.0",
-    "vite": "^7.3.0",
+    "typescript-eslint": "^8.52.0",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
-    "antd": "^6.1.1",
+    "antd": "^6.1.4",
     "react": "^19.2.3",
     "zustand": "^5.0.9"
   }