@base-stone/hooks 0.7.7 → 0.8.0

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

@@ -60,14 +60,14 @@ declare type SelectOption<T extends string | number = string | number> = {
     data?: Record<string, unknown>;
 };
 
-declare type SelectOptionsResult<K extends string, T extends string | number> = {
+declare type SelectOptionsResult<K extends string, T extends string | number> = Readonly<{
     loading: boolean;
     refresh: () => void;
 } & {
     [P in `${K}Options`]: (SelectOption<T> & Record<string, any>)[];
 } & {
     [P in `${K}Map`]: MapData<T>;
-};
+}>;
 
 declare interface SuccessFn {
     (data: Record<string, any>): void;
@@ -113,7 +113,7 @@ declare interface TableResponse<T> {
  * @param suffixes 模态框后缀数组
  * @returns 包含所有模态框实例的对象，以及统一的 toggle/open/close 函数
  */
-export declare function useCreateModal<T extends readonly string[] = readonly string[]>(suffixes: T): Record<`${T[number]}Modal`, ModalInstance> & {
+export declare function useCreateModal<const T extends readonly string[] = readonly string[]>(suffixes: T): Record<`${T[number]}Modal`, ModalInstance> & {
     toggle: (type: string, data?: any) => void;
     open: (type: string, data?: any) => void;
     close: (type: string) => void;
@@ -121,8 +121,8 @@ export declare function useCreateModal<T extends readonly string[] = readonly st
 
 export declare function useFormSubmit(requestFn: RequestFn, successFn: SuccessFn): FormSubmitResult;
 
-export declare function useSelectOptions<K extends string = string, T extends string | number = string | number>(getRequestFn: (params: Record<string, any>) => Promise<any>, selectConfig: SelectConfig<K>): SelectOptionsResult<K, 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>(getRequestFn: (data: QueryParamsData) => Promise<TableResponse<T>>, initParams?: Record<string, any>): TableListResult<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>;
 
 export { }

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

@@ -1,13 +1,13 @@
-import { useState as M, useRef as J, useMemo as j, useCallback as m, useEffect as C, useId as W } from "react";
+import { useState as M, useRef as J, useMemo as j, useCallback as m, useEffect as L, useId as W } from "react";
 import { Empty as q, App as X } from "antd";
 import { create as K } from "zustand";
-var k = { exports: {} }, x = {};
+var P = { exports: {} }, x = {};
 var D;
 function ee() {
   if (D) return x;
   D = 1;
-  var i = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(e, s, n) {
+  var i = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(e, s, n) {
     var d = null;
     if (n !== void 0 && (d = "" + n), s.key !== void 0 && (d = "" + s.key), "key" in s) {
       n = {};
@@ -22,11 +22,11 @@ function ee() {
       props: n
     };
   }
-  return x.Fragment = r, x.jsx = a, x.jsxs = a, x;
+  return x.Fragment = a, x.jsx = r, x.jsxs = r, x;
 }
 var I;
 function te() {
-  return I || (I = 1, k.exports = ee()), k.exports;
+  return I || (I = 1, P.exports = ee()), P.exports;
 }
 var oe = te();
 const b = {
@@ -35,12 +35,12 @@ const b = {
   pageSize: 10
 };
 function ie(i) {
-  Object.keys(i).forEach((r) => {
-    b[r] = i[r];
+  Object.keys(i).forEach((a) => {
+    b[a] = i[a];
   });
 }
-function le(i, r = {}) {
-  const { rowSelection: a, ...e } = r, s = b.pageSize, [n, d] = M({
+function le(i, a = {}) {
+  const { rowSelection: r, ...e } = a, s = b.pageSize, [n, d] = M({
     pagination: {
       showSizeChanger: !0,
       showQuickJumper: !0,
@@ -55,12 +55,12 @@ function le(i, r = {}) {
       ...e
     }
   }), { pagination: l, list: o, queryParams: t } = n, { pageNo: p, pageSize: u } = t, [f, R] = M(!0), $ = J(t), [y, h] = M([]), E = j(() => {
-    if (a)
+    if (r)
       return {
         selectedRowKeys: y,
         onChange: (c) => h(c)
       };
-  }, [a, y]), v = m(
+  }, [r, y]), v = m(
     (c) => `共 ${c} 条记录 第 ${p}/${Math.ceil(c / u)} 页 `,
     [p, u]
   ), g = m(
@@ -69,20 +69,20 @@ function le(i, r = {}) {
       R(!0);
       const S = { ...e, pageSize: u, ...c };
       c.pageNo === void 0 && (S.pageNo = 1), c.pageSize === void 0 && (S.pageSize = u);
-      const { data: z } = await i(S), { list: w = [], totalCount: P = 0 } = z || {};
-      a && h([]), d({
-        list: w,
+      const { data: z } = await i(S), { list: k = [], totalCount: w = 0 } = z || {};
+      r && h([]), d({
+        list: k,
         queryParams: S,
         pagination: {
           ...l,
           current: _,
           pageSize: S.pageSize,
-          total: P
+          total: w
         }
       }), R(!1);
     },
-    [t, e, a, u, i, l]
-  ), L = m(
+    [t, e, r, u, i, l]
+  ), C = m(
     (c) => {
       g({ ...t, ...c, pageNo: 1 });
     },
@@ -99,13 +99,13 @@ function le(i, r = {}) {
     [g, u]
   ), N = m(
     (c, _, S, z) => {
-      const { action: w } = z;
-      if (["paginate", "sort"].includes(w)) {
-        const { current: P, pageSize: V } = c, { field: Q, order: A } = S, [Y, Z] = b.sortField, [B, H] = b.sortOrder, U = {
+      const { action: k } = z;
+      if (["paginate", "sort"].includes(k)) {
+        const { current: w, pageSize: V } = c, { field: Q, order: A } = S, [Y, Z] = b.sortField, [B, H] = b.sortOrder, U = {
           ...t,
           [Y]: A ? A === "ascend" ? B : H : void 0,
           [Z]: Q,
-          pageNo: P,
+          pageNo: w,
           pageSize: V
         };
         g(U);
@@ -125,11 +125,11 @@ function le(i, r = {}) {
       emptyText: f ? "" : /* @__PURE__ */ oe.jsx(q, { image: q.PRESENTED_IMAGE_SIMPLE })
     }
   }), [E, l, v, f, o, N]);
-  return C(() => {
-    L($.current);
+  return L(() => {
+    C($.current);
   }, []), {
     queryParams: t,
-    reload: L,
+    reload: C,
     refresh: O,
     reset: F,
     selectedRowKeys: y,
@@ -138,53 +138,53 @@ function le(i, r = {}) {
 }
 const T = K((i) => ({
   modals: {},
-  toggleModal: (r, a) => i((e) => {
-    const n = e.modals[r]?.visible || !1;
+  toggleModal: (a, r) => i((e) => {
+    const n = e.modals[a]?.visible || !1;
     return {
       modals: {
         ...e.modals,
-        [r]: {
+        [a]: {
           visible: !n,
-          data: n ? {} : a || {}
+          data: n ? {} : r || {}
         }
       }
     };
   }),
-  setModal: (r, a, e) => i((s) => ({
+  setModal: (a, r, e) => i((s) => ({
     modals: {
       ...s.modals,
-      [r]: {
-        visible: a,
-        data: a ? e || {} : {}
+      [a]: {
+        visible: r,
+        data: r ? e || {} : {}
       }
     }
   })),
-  clearModals: (r) => i((a) => {
-    const e = { ...a.modals };
-    return r.forEach((s) => {
+  clearModals: (a) => i((r) => {
+    const e = { ...r.modals };
+    return a.forEach((s) => {
       delete e[s];
     }), { modals: e };
   })
 }));
 function ce(i) {
-  const r = T((o) => o.modals), a = T((o) => o.toggleModal), e = T((o) => o.setModal), s = T((o) => o.clearModals), n = W(), d = J(i.map((o) => `${n}-${o}`));
-  C(() => () => {
+  const a = T((o) => o.modals), r = T((o) => o.toggleModal), e = T((o) => o.setModal), s = T((o) => o.clearModals), n = W(), d = J(i.map((o) => `${n}-${o}`));
+  L(() => () => {
     s(d.current);
   }, []);
   const l = {};
   for (const o of i) {
-    const t = `${n}-${o}`, u = r[t] ?? { visible: !1, data: {} };
+    const t = `${n}-${o}`, u = a[t] ?? { visible: !1, data: {} };
     l[`${o}Modal`] = {
       visible: u.visible,
       data: u.data,
-      toggle: (f) => a(t, f),
+      toggle: (f) => r(t, f),
       open: (f) => e(t, !0, f),
       close: () => e(t, !1)
     };
   }
   return l.toggle = (o, t) => {
     const p = `${n}-${o}`;
-    a(p, t);
+    r(p, t);
   }, l.open = (o, t) => {
     const p = `${n}-${o}`;
     e(p, !0, t);
@@ -193,13 +193,13 @@ function ce(i) {
     e(t, !1);
   }, l;
 }
-const se = (i, r = "value", a = "label") => new Map(i.map((e) => [e[r], e[a]]));
-function ue(i, r) {
-  const [a, e] = M([]), [s, n] = M(/* @__PURE__ */ new Map()), [d, l] = M(!0), { params: o, selectKey: t, fieldNames: p } = r, u = async () => {
+const se = (i, a = "value", r = "label") => new Map(i.map((e) => [e[a], e[r]]));
+function ue(i, a) {
+  const [r, e] = M([]), [s, n] = M(/* @__PURE__ */ new Map()), [d, l] = M(!0), { params: o, fieldNames: t } = a, p = a.selectKey, u = async () => {
     l(!0);
     const { data: R } = await i(o), $ = R || [];
-    if (p) {
-      const { label: y, value: h } = p, E = $.map((v) => ({
+    if (t) {
+      const { label: y, value: h } = t, E = $.map((v) => ({
         data: v,
         label: v[y],
         value: v[h]
@@ -211,28 +211,28 @@ function ue(i, r) {
   }, f = m(() => {
     u();
   }, [u]);
-  return C(() => {
+  return L(() => {
     f();
   }, []), {
     loading: d,
     refresh: f,
-    [`${t}Options`]: a,
-    [`${t}Map`]: s
+    [`${p}Options`]: r,
+    [`${p}Map`]: s
   };
 }
-function de(i, r) {
-  const [a, e] = M(!1), { message: s } = X.useApp(), n = m(async (d) => {
+function de(i, a) {
+  const [r, e] = M(!1), { message: s } = X.useApp(), n = m(async (d) => {
     try {
       const l = await i(d);
       e(!0);
       const { status: o, info: t } = l;
-      o == "success" && (r(l), s.success(t));
+      o == "success" && (a(l), s.success(t));
     } catch {
     }
     e(!1);
-  }, [i, r, s]);
+  }, [i, a, s]);
   return {
-    loading: a,
+    loading: r,
     submit: n
   };
 }

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@base-stone/hooks",
   "license": "MIT",
-  "version": "0.7.7",
+  "version": "0.8.0",
   "author": {
     "name": "yeliang",
     "email": "leafront@126.com"