@base-stone/hooks 0.7.4 → 0.7.5

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

@@ -15,6 +15,14 @@ declare interface GlobalTableConfig {
     pageSize: number;
 }
 
+declare type ModalInstance<T = any> = {
+    visible: boolean;
+    data: T;
+    toggle: (data?: T) => void;
+    open: (data?: T) => void;
+    close: () => void;
+};
+
 export declare interface QueryParamsData {
     pageNo: number;
     pageSize: number;
@@ -58,6 +66,17 @@ declare interface TableResponse<T> {
     };
 }
 
+/**
+ * 批量创建多个模态框 hook
+ * @param suffixes 模态框后缀数组
+ * @returns 包含所有模态框实例的对象，以及统一的 toggle/open/close 函数
+ */
+export declare function useCreateModal<T extends readonly string[]>(suffixes: T): Record<`${T[number]}Modal`, ModalInstance> & {
+    toggle: (type: T[number], data?: any) => void;
+    open: (type: T[number], data?: any) => void;
+    close: (type: T[number]) => void;
+};
+
 export declare function useTableList<T>(getRequestFn: (data: QueryParamsData) => Promise<TableResponse<T>>, initParams?: Record<string, any>): TableListResult<T>;
 
 export { }

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

@@ -1,141 +1,200 @@
-import { useState as z, useRef as B, useMemo as q, useCallback as d, useEffect as H } from "react";
-import { Empty as A } from "antd";
-var T = { exports: {} }, S = {};
-var F;
-function U() {
-  if (F) return S;
-  F = 1;
-  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), l = /* @__PURE__ */ Symbol.for("react.fragment");
-  function i(p, t, o) {
-    var g = null;
-    if (o !== void 0 && (g = "" + o), t.key !== void 0 && (g = "" + t.key), "key" in t) {
-      o = {};
-      for (var a in t)
-        a !== "key" && (o[a] = t[a]);
-    } else o = t;
-    return t = o.ref, {
-      $$typeof: n,
-      type: p,
-      key: g,
-      ref: t !== void 0 ? t : null,
-      props: o
+import { useState as z, useRef as I, useMemo as j, useCallback as S, useEffect as J, useId as W } from "react";
+import { Empty as q } from "antd";
+import { create as X } from "zustand";
+var T = { exports: {} }, E = {};
+var A;
+function K() {
+  if (A) return E;
+  A = 1;
+  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(r, o, a) {
+    var p = null;
+    if (a !== void 0 && (p = "" + a), o.key !== void 0 && (p = "" + o.key), "key" in o) {
+      a = {};
+      for (var c in o)
+        c !== "key" && (a[c] = o[c]);
+    } else a = o;
+    return o = a.ref, {
+      $$typeof: l,
+      type: r,
+      key: p,
+      ref: o !== void 0 ? o : null,
+      props: a
     };
   }
-  return S.Fragment = l, S.jsx = i, S.jsxs = i, S;
+  return E.Fragment = i, E.jsx = s, E.jsxs = s, E;
 }
-var J;
-function W() {
-  return J || (J = 1, T.exports = U()), T.exports;
+var F;
+function ee() {
+  return F || (F = 1, T.exports = K()), T.exports;
 }
-var X = W();
-const f = {
+var te = ee();
+const v = {
   sortField: ["orderType", "orderField"],
   sortOrder: ["ASC", "DESC"],
   pageSize: 15
 };
-function te(n) {
-  Object.keys(n).forEach((l) => {
-    f[l] = n[l];
+function se(l) {
+  Object.keys(l).forEach((i) => {
+    v[i] = l[i];
   });
 }
-function re(n, l = {}) {
-  const { rowSelection: i, ...p } = l, t = f.pageSize, [o, g] = z({
+function ne(l, i = {}) {
+  const { rowSelection: s, ...r } = i, o = v.pageSize, [a, p] = z({
     pagination: {
       showSizeChanger: !0,
       showQuickJumper: !0,
       total: 0,
-      pageSize: t,
+      pageSize: o,
       current: 1
     },
     list: [],
     queryParams: {
       pageNo: 1,
-      pageSize: t,
-      ...p
+      pageSize: o,
+      ...r
     }
-  }), { pagination: a, list: P, queryParams: r } = o, { pageNo: h, pageSize: u } = r, [E, y] = z(!0), L = B(r), [m, C] = z([]), N = q(() => {
-    if (i)
+  }), { pagination: c, list: e, queryParams: t } = a, { pageNo: g, pageSize: u } = t, [f, h] = z(!0), L = I(t), [x, P] = z([]), k = j(() => {
+    if (s)
       return {
-        selectedRowKeys: m,
-        onChange: (e) => C(e)
+        selectedRowKeys: x,
+        onChange: (n) => P(n)
       };
-  }, [i, m]), _ = d(
-    (e) => `共 ${e} 条记录 第 ${h}/${Math.ceil(e / u)} 页 `,
-    [h, u]
-  ), s = d(
-    async (e) => {
-      const { pageNo: w } = e;
-      y(!0);
-      const c = { ...p, pageSize: u, ...e };
-      e.pageNo === void 0 && (c.pageNo = 1), e.pageSize === void 0 && (c.pageSize = u);
-      const { data: x } = await n(c), { list: R = [], totalCount: v = 0 } = x || {};
-      i && C([]), g({
-        list: R,
-        queryParams: c,
+  }, [s, x]), C = S(
+    (n) => `共 ${n} 条记录 第 ${g}/${Math.ceil(n / u)} 页 `,
+    [g, u]
+  ), d = S(
+    async (n) => {
+      const { pageNo: b } = n;
+      h(!0);
+      const m = { ...r, pageSize: u, ...n };
+      n.pageNo === void 0 && (m.pageNo = 1), n.pageSize === void 0 && (m.pageSize = u);
+      const { data: R } = await l(m), { list: y = [], totalCount: $ = 0 } = R || {};
+      s && P([]), p({
+        list: y,
+        queryParams: m,
         pagination: {
-          ...a,
-          current: w,
-          pageSize: c.pageSize,
-          total: v
+          ...c,
+          current: b,
+          pageSize: m.pageSize,
+          total: $
         }
-      }), y(!1);
+      }), h(!1);
     },
-    [r, p, i, u, n, a]
-  ), M = d(
-    (e) => {
-      s({ ...r, ...e, pageNo: 1 });
+    [t, r, s, u, l, c]
+  ), N = S(
+    (n) => {
+      d({ ...t, ...n, pageNo: 1 });
     },
-    [s, r]
-  ), b = d(
-    (e) => {
-      s({ ...r, ...e });
+    [d, t]
+  ), D = S(
+    (n) => {
+      d({ ...t, ...n });
     },
-    [s, r]
-  ), I = d(
-    (e) => {
-      s({ ...e, pageSize: u, pageNo: 1 });
+    [d, t]
+  ), O = S(
+    (n) => {
+      d({ ...n, pageSize: u, pageNo: 1 });
     },
-    [s, u]
-  ), k = d(
-    (e, w, c, x) => {
-      const { action: R } = x;
-      if (["paginate", "sort"].includes(R)) {
-        const { current: v, pageSize: D } = e, { field: O, order: j } = c, [G, Q] = f.sortField, [V, Y] = f.sortOrder, Z = {
-          ...r,
-          [G]: j ? j === "ascend" ? V : Y : void 0,
-          [Q]: O,
-          pageNo: v,
-          pageSize: D
+    [d, u]
+  ), _ = S(
+    (n, b, m, R) => {
+      const { action: y } = R;
+      if (["paginate", "sort"].includes(y)) {
+        const { current: $, pageSize: V } = n, { field: Q, order: w } = m, [Y, Z] = v.sortField, [B, H] = v.sortOrder, U = {
+          ...t,
+          [Y]: w ? w === "ascend" ? B : H : void 0,
+          [Z]: Q,
+          pageNo: $,
+          pageSize: V
         };
-        s(Z);
+        d(U);
       }
     },
-    [r, s]
-  ), $ = q(() => ({
+    [t, d]
+  ), G = j(() => ({
     bordered: !0,
     size: "middle",
     sticky: !0,
-    rowSelection: N,
-    pagination: { ...a, showTotal: _ },
-    loading: E,
-    dataSource: P,
-    onChange: k,
+    rowSelection: k,
+    pagination: { ...c, showTotal: C },
+    loading: f,
+    dataSource: e,
+    onChange: _,
     locale: {
-      emptyText: E ? "" : /* @__PURE__ */ X.jsx(A, { image: A.PRESENTED_IMAGE_SIMPLE })
+      emptyText: f ? "" : /* @__PURE__ */ te.jsx(q, { image: q.PRESENTED_IMAGE_SIMPLE })
     }
-  }), [N, a, _, E, P, k]);
-  return H(() => {
-    s(L.current);
+  }), [k, c, C, f, e, _]);
+  return J(() => {
+    N(L.current);
   }, []), {
-    queryParams: r,
-    reload: M,
-    refresh: b,
-    reset: I,
-    selectedRowKeys: m,
-    tableProps: $
+    queryParams: t,
+    reload: N,
+    refresh: D,
+    reset: O,
+    selectedRowKeys: x,
+    tableProps: G
   };
 }
+const M = X((l) => ({
+  modals: {},
+  toggleModal: (i, s) => l((r) => {
+    const a = r.modals[i]?.visible || !1;
+    return {
+      modals: {
+        ...r.modals,
+        [i]: {
+          visible: !a,
+          data: a ? {} : s || {}
+        }
+      }
+    };
+  }),
+  setModal: (i, s, r) => l((o) => ({
+    modals: {
+      ...o.modals,
+      [i]: {
+        visible: s,
+        data: s ? r || {} : {}
+      }
+    }
+  })),
+  clearModals: (i) => l((s) => {
+    const r = { ...s.modals };
+    return i.forEach((o) => {
+      delete r[o];
+    }), { modals: r };
+  })
+}));
+function ie(l) {
+  const i = M((e) => e.modals), s = M((e) => e.toggleModal), r = M((e) => e.setModal), o = M((e) => e.clearModals), a = W(), p = I(l.map((e) => `${a}-${e}`));
+  J(() => () => {
+    o(p.current);
+  }, []);
+  const c = {};
+  for (const e of l) {
+    const t = `${a}-${e}`, u = i[t] ?? { visible: !1, data: {} };
+    c[`${e}Modal`] = {
+      visible: u.visible,
+      data: u.data,
+      toggle: (f) => s(t, f),
+      open: (f) => r(t, !0, f),
+      close: () => r(t, !1)
+    };
+  }
+  return c.toggle = (e, t) => {
+    const g = `${a}-${e}`;
+    s(g, t);
+  }, c.open = (e, t) => {
+    const g = `${a}-${e}`;
+    r(g, !0, t);
+  }, c.close = (e) => {
+    const t = `${a}-${e}`;
+    r(t, !1);
+  }, c;
+}
 export {
-  te as configureTableOption,
-  re as useTableList
+  se as configureTableOption,
+  ie as useCreateModal,
+  ne as useTableList
 };

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

@@ -1 +1 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react"),require("antd")):typeof define=="function"&&define.amd?define(["exports","react","antd"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.DesignReact={},r.React,r.antd))})(this,(function(r,e,y){"use strict";var T={exports:{}},f={};var C;function L(){if(C)return f;C=1;var u=Symbol.for("react.transitional.element"),p=Symbol.for("react.fragment");function l(g,o,s){var S=null;if(s!==void 0&&(S=""+s),o.key!==void 0&&(S=""+o.key),"key"in o){s={};for(var a in o)a!=="key"&&(s[a]=o[a])}else s=o;return o=s.ref,{$$typeof:u,type:g,key:S,ref:o!==void 0?o:null,props:s}}return f.Fragment=p,f.jsx=l,f.jsxs=l,f}var z;function A(){return z||(z=1,T.exports=L()),T.exports}var F=A();const E={sortField:["orderType","orderField"],sortOrder:["ASC","DESC"],pageSize:15};function J(u){Object.keys(u).forEach(p=>{E[p]=u[p]})}function O(u,p={}){const{rowSelection:l,...g}=p,o=E.pageSize,[s,S]=e.useState({pagination:{showSizeChanger:!0,showQuickJumper:!0,total:0,pageSize:o,current:1},list:[],queryParams:{pageNo:1,pageSize:o,...g}}),{pagination:a,list:P,queryParams:n}=s,{pageNo:k,pageSize:c}=n,[m,b]=e.useState(!0),D=e.useRef(n),[R,N]=e.useState([]),_=e.useMemo(()=>{if(l)return{selectedRowKeys:R,onChange:t=>N(t)}},[l,R]),j=e.useCallback(t=>`共 ${t} 条记录 第 ${k}/${Math.ceil(t/c)} 页 `,[k,c]),i=e.useCallback(async t=>{const{pageNo:w}=t;b(!0);const d={...g,pageSize:c,...t};t.pageNo===void 0&&(d.pageNo=1),t.pageSize===void 0&&(d.pageSize=c);const{data:x}=await u(d),{list:h=[],totalCount:v=0}=x||{};l&&N([]),S({list:h,queryParams:d,pagination:{...a,current:w,pageSize:d.pageSize,total:v}}),b(!1)},[n,g,l,c,u,a]),I=e.useCallback(t=>{i({...n,...t,pageNo:1})},[i,n]),$=e.useCallback(t=>{i({...n,...t})},[i,n]),G=e.useCallback(t=>{i({...t,pageSize:c,pageNo:1})},[i,c]),q=e.useCallback((t,w,d,x)=>{const{action:h}=x;if(["paginate","sort"].includes(h)){const{current:v,pageSize:V}=t,{field:Y,order:M}=d,[Z,B]=E.sortField,[H,U]=E.sortOrder,W={...n,[Z]:M?M==="ascend"?H:U:void 0,[B]:Y,pageNo:v,pageSize:V};i(W)}},[n,i]),Q=e.useMemo(()=>({bordered:!0,size:"middle",sticky:!0,rowSelection:_,pagination:{...a,showTotal:j},loading:m,dataSource:P,onChange:q,locale:{emptyText:m?"":F.jsx(y.Empty,{image:y.Empty.PRESENTED_IMAGE_SIMPLE})}}),[_,a,j,m,P,q]);return e.useEffect(()=>{i(D.current)},[]),{queryParams:n,reload:I,refresh:$,reset:G,selectedRowKeys:R,tableProps:Q}}r.configureTableOption=J,r.useTableList=O,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));
+(function(c,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("antd"),require("zustand")):typeof define=="function"&&define.amd?define(["exports","react","antd","zustand"],o):(c=typeof globalThis<"u"?globalThis:c||self,o(c.DesignReact={},c.React,c.antd,c.zustand))})(this,(function(c,o,z,A){"use strict";var v={exports:{}},E={};var b;function F(){if(b)return E;b=1;var u=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function r(a,s,n){var g=null;if(n!==void 0&&(g=""+n),s.key!==void 0&&(g=""+s.key),"key"in s){n={};for(var d in s)d!=="key"&&(n[d]=s[d])}else n=s;return s=n.ref,{$$typeof:u,type:a,key:g,ref:s!==void 0?s:null,props:n}}return E.Fragment=l,E.jsx=r,E.jsxs=r,E}var h;function I(){return h||(h=1,v.exports=F()),v.exports}var J=I();const y={sortField:["orderType","orderField"],sortOrder:["ASC","DESC"],pageSize:15};function O(u){Object.keys(u).forEach(l=>{y[l]=u[l]})}function D(u,l={}){const{rowSelection:r,...a}=l,s=y.pageSize,[n,g]=o.useState({pagination:{showSizeChanger:!0,showQuickJumper:!0,total:0,pageSize:s,current:1},list:[],queryParams:{pageNo:1,pageSize:s,...a}}),{pagination:d,list:e,queryParams:t}=n,{pageNo:S,pageSize:p}=t,[m,$]=o.useState(!0),V=o.useRef(t),[T,P]=o.useState([]),N=o.useMemo(()=>{if(r)return{selectedRowKeys:T,onChange:i=>P(i)}},[r,T]),_=o.useCallback(i=>`共 ${i} 条记录 第 ${S}/${Math.ceil(i/p)} 页 `,[S,p]),f=o.useCallback(async i=>{const{pageNo:j}=i;$(!0);const M={...a,pageSize:p,...i};i.pageNo===void 0&&(M.pageNo=1),i.pageSize===void 0&&(M.pageSize=p);const{data:C}=await u(M),{list:k=[],totalCount:x=0}=C||{};r&&P([]),g({list:k,queryParams:M,pagination:{...d,current:j,pageSize:M.pageSize,total:x}}),$(!1)},[t,a,r,p,u,d]),q=o.useCallback(i=>{f({...t,...i,pageNo:1})},[f,t]),Q=o.useCallback(i=>{f({...t,...i})},[f,t]),Y=o.useCallback(i=>{f({...i,pageSize:p,pageNo:1})},[f,p]),w=o.useCallback((i,j,M,C)=>{const{action:k}=C;if(["paginate","sort"].includes(k)){const{current:x,pageSize:B}=i,{field:H,order:L}=M,[U,W]=y.sortField,[X,K]=y.sortOrder,ee={...t,[U]:L?L==="ascend"?X:K:void 0,[W]:H,pageNo:x,pageSize:B};f(ee)}},[t,f]),Z=o.useMemo(()=>({bordered:!0,size:"middle",sticky:!0,rowSelection:N,pagination:{...d,showTotal:_},loading:m,dataSource:e,onChange:w,locale:{emptyText:m?"":J.jsx(z.Empty,{image:z.Empty.PRESENTED_IMAGE_SIMPLE})}}),[N,d,_,m,e,w]);return o.useEffect(()=>{q(V.current)},[]),{queryParams:t,reload:q,refresh:Q,reset:Y,selectedRowKeys:T,tableProps:Z}}const R=A.create(u=>({modals:{},toggleModal:(l,r)=>u(a=>{const n=a.modals[l]?.visible||!1;return{modals:{...a.modals,[l]:{visible:!n,data:n?{}:r||{}}}}}),setModal:(l,r,a)=>u(s=>({modals:{...s.modals,[l]:{visible:r,data:r?a||{}:{}}}})),clearModals:l=>u(r=>{const a={...r.modals};return l.forEach(s=>{delete a[s]}),{modals:a}})}));function G(u){const l=R(e=>e.modals),r=R(e=>e.toggleModal),a=R(e=>e.setModal),s=R(e=>e.clearModals),n=o.useId(),g=o.useRef(u.map(e=>`${n}-${e}`));o.useEffect(()=>()=>{s(g.current)},[]);const d={};for(const e of u){const t=`${n}-${e}`,p=l[t]??{visible:!1,data:{}};d[`${e}Modal`]={visible:p.visible,data:p.data,toggle:m=>r(t,m),open:m=>a(t,!0,m),close:()=>a(t,!1)}}return d.toggle=(e,t)=>{const S=`${n}-${e}`;r(S,t)},d.open=(e,t)=>{const S=`${n}-${e}`;a(S,!0,t)},d.close=e=>{const t=`${n}-${e}`;a(t,!1)},d}c.configureTableOption=O,c.useCreateModal=G,c.useTableList=D,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@base-stone/hooks",
   "license": "MIT",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "author": {
     "name": "yeliang",
     "email": "leafront@126.com"
@@ -36,9 +36,10 @@
     "lint:js": "npm run eslint && npm run prettier"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.2",
     "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
-    "@eslint/js": "^9.39.2",
+    "@vitejs/plugin-react-swc": "^4.2.2",
     "classnames": "^2.5.1",
     "eslint": "^9.39.2",
     "eslint-plugin-prettier": "^5.5.4",
@@ -46,14 +47,14 @@
     "eslint-plugin-react-refresh": "^0.4.26",
     "prettier": "^3.7.4",
     "rollup-plugin-shell": "^1.0.9",
-    "@vitejs/plugin-react-swc": "^4.2.2",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.50.0",
     "vite": "^7.3.0",
-    "vite-plugin-dts": "^4.5.4",
-    "typescript-eslint": "^8.50.0"
+    "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
     "antd": "^6.1.1",
-    "react": "^19.2.3"
+    "react": "^19.2.3",
+    "zustand": "^5.0.9"
   }
 }