@base-stone/hooks 0.7.8 → 0.8.2

package/README.md

@@ -1,11 +1,52 @@
 # design-hooks
 
 
-## 安装
+### 安装
 
 ```
 
-  pnpm add @base-stone/design-hooks
+  pnpm add @st-fed/antd-hooks
 
 ```
 
+
+### useTableList 使用
+
+
+```
+
+  const { tableProps, reload } = useTableList<ListItemData>(getCooperateList, {
+    orderField: 'createDate',
+    orderType: 'DESC',
+    taskStatuses: taskStatusesArr,
+    scope: scopeType
+  })
+  
+  <Table rowKey="id" scroll={{ x: 'max-content' }} columns={columns} {...tableProps} />
+
+```
+
+### useCreateModal 使用
+
+
+``` 
+
+  const { editModal, infoModal, memberModal, toggle } = useCreateModal(['edit', 'member', 'info'])
+
+  const onSetModalData = (type: string, data?: any) => {
+    toggle(type, data)
+  }
+
+```
+
+
+### useSelectOptions 使用
+
+
+```
+  const { sceneOptions, sceneMap } = useSelectOptions<string>(getRecruitSceneList, {
+    selectKey: 'scene',
+    fieldNames: { label: 'recruitTypeName', value: 'recruitEncrypt' }
+  })
+
+```

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

@@ -45,14 +45,14 @@ declare interface RequestFn {
     }>;
 }
 
-declare interface SelectConfig<K> {
+declare type SelectConfig<K extends string> = Readonly<{
     params?: Record<string, any>;
     selectKey: K;
     fieldNames?: {
         label: string;
         value: string;
     };
-}
+}>;
 
 declare type SelectOption<T extends string | number = string | number> = {
     label: string;
@@ -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>;
-};
+    [P in `${K}Map`]?: MapData<T>;
+}>;
 
 declare interface SuccessFn {
     (data: Record<string, any>): void;
@@ -121,7 +121,7 @@ export declare function useCreateModal<const T extends readonly string[] = reado
 
 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 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,28 +1,28 @@
-import { useState as M, useRef as J, useMemo as j, useCallback as m, useEffect as C, useId as W } from "react";
-import { Empty as q, App as X } from "antd";
+import { useState as v, useRef as J, useMemo as L, useCallback as m, useEffect as C, useId as W } from "react";
+import { Empty as j, App as X } from "antd";
 import { create as K } from "zustand";
-var k = { exports: {} }, x = {};
-var D;
+var k = { exports: {} }, E = {};
+var q;
 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 d = null;
-    if (n !== void 0 && (d = "" + n), s.key !== void 0 && (d = "" + s.key), "key" in s) {
-      n = {};
-      for (var l in s)
-        l !== "key" && (n[l] = s[l]);
-    } else n = s;
-    return s = n.ref, {
+  if (q) return E;
+  q = 1;
+  var i = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(e, a, r) {
+    var p = null;
+    if (r !== void 0 && (p = "" + r), a.key !== void 0 && (p = "" + a.key), "key" in a) {
+      r = {};
+      for (var c in a)
+        c !== "key" && (r[c] = a[c]);
+    } else r = a;
+    return a = r.ref, {
       $$typeof: i,
       type: e,
-      key: d,
-      ref: s !== void 0 ? s : null,
-      props: n
+      key: p,
+      ref: a !== void 0 ? a : null,
+      props: r
     };
   }
-  return x.Fragment = r, x.jsx = a, x.jsxs = a, x;
+  return E.Fragment = n, E.jsx = s, E.jsxs = s, E;
 }
 var I;
 function te() {
@@ -35,211 +35,215 @@ const b = {
   pageSize: 10
 };
 function ie(i) {
-  Object.keys(i).forEach((r) => {
-    b[r] = i[r];
+  Object.keys(i).forEach((n) => {
+    b[n] = i[n];
   });
 }
-function le(i, r = {}) {
-  const { rowSelection: a, ...e } = r, s = b.pageSize, [n, d] = M({
+function ce(i, n = {}) {
+  const { rowSelection: s, ...e } = n, a = b.pageSize, [r, p] = v({
     pagination: {
       showSizeChanger: !0,
       showQuickJumper: !0,
       total: 0,
-      pageSize: s,
+      pageSize: a,
       current: 1
     },
     list: [],
     queryParams: {
       pageNo: 1,
-      pageSize: s,
+      pageSize: a,
       ...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)
+  }), { pagination: c, list: t, queryParams: o } = r, { pageNo: f, pageSize: d } = o, [g, x] = v(!0), R = J(o), [S, $] = v([]), y = L(() => {
+    if (s)
       return {
-        selectedRowKeys: y,
-        onChange: (c) => h(c)
+        selectedRowKeys: S,
+        onChange: (l) => $(l)
       };
-  }, [a, y]), v = m(
-    (c) => `共 ${c} 条记录 第 ${p}/${Math.ceil(c / u)} 页 `,
-    [p, u]
-  ), g = m(
-    async (c) => {
-      const { pageNo: _ } = c;
-      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({
+  }, [s, S]), h = m(
+    (l) => `共 ${l} 条记录 第 ${f}/${Math.ceil(l / d)} 页 `,
+    [f, d]
+  ), u = m(
+    async (l) => {
+      const { pageNo: _ } = l;
+      x(!0);
+      const M = { ...e, pageSize: d, ...l };
+      l.pageNo === void 0 && (M.pageNo = 1), l.pageSize === void 0 && (M.pageSize = d);
+      const { data: z } = await i(M), { list: w = [], totalCount: P = 0 } = z || {};
+      s && $([]), p({
         list: w,
-        queryParams: S,
+        queryParams: M,
         pagination: {
-          ...l,
+          ...c,
           current: _,
-          pageSize: S.pageSize,
+          pageSize: M.pageSize,
           total: P
         }
-      }), R(!1);
+      }), x(!1);
     },
-    [t, e, a, u, i, l]
-  ), L = m(
-    (c) => {
-      g({ ...t, ...c, pageNo: 1 });
+    [o, e, s, d, i, c]
+  ), D = m(
+    (l) => {
+      u({ ...o, ...l, pageNo: 1 });
     },
-    [g, t]
+    [u, o]
   ), O = m(
-    (c) => {
-      g({ ...t, ...c });
+    (l) => {
+      u({ ...o, ...l });
     },
-    [g, t]
+    [u, o]
   ), F = m(
-    (c) => {
-      g({ ...c, pageSize: u, pageNo: 1 });
+    (l) => {
+      u({ ...l, pageSize: d, pageNo: 1 });
     },
-    [g, u]
+    [u, d]
   ), N = m(
-    (c, _, S, z) => {
+    (l, _, M, 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 = {
-          ...t,
+        const { current: P, pageSize: V } = l, { field: Q, order: A } = M, [Y, Z] = b.sortField, [B, H] = b.sortOrder, U = {
+          ...o,
           [Y]: A ? A === "ascend" ? B : H : void 0,
           [Z]: Q,
           pageNo: P,
           pageSize: V
         };
-        g(U);
+        u(U);
       }
     },
-    [t, g]
-  ), G = j(() => ({
+    [o, u]
+  ), G = L(() => ({
     bordered: !0,
     size: "middle",
     sticky: !0,
-    rowSelection: E,
-    pagination: { ...l, showTotal: v },
-    loading: f,
-    dataSource: o,
+    rowSelection: y,
+    pagination: { ...c, showTotal: h },
+    loading: g,
+    dataSource: t,
     onChange: N,
     locale: {
-      emptyText: f ? "" : /* @__PURE__ */ oe.jsx(q, { image: q.PRESENTED_IMAGE_SIMPLE })
+      emptyText: g ? "" : /* @__PURE__ */ oe.jsx(j, { image: j.PRESENTED_IMAGE_SIMPLE })
     }
-  }), [E, l, v, f, o, N]);
+  }), [y, c, h, g, t, N]);
   return C(() => {
-    L($.current);
+    D(R.current);
   }, []), {
-    queryParams: t,
-    reload: L,
+    queryParams: o,
+    reload: D,
     refresh: O,
     reset: F,
-    selectedRowKeys: y,
+    selectedRowKeys: S,
     tableProps: G
   };
 }
 const T = K((i) => ({
   modals: {},
-  toggleModal: (r, a) => i((e) => {
-    const n = e.modals[r]?.visible || !1;
+  toggleModal: (n, s) => i((e) => {
+    const r = e.modals[n]?.visible || !1;
     return {
       modals: {
         ...e.modals,
-        [r]: {
-          visible: !n,
-          data: n ? {} : a || {}
+        [n]: {
+          visible: !r,
+          data: r ? {} : s || {}
         }
       }
     };
   }),
-  setModal: (r, a, e) => i((s) => ({
+  setModal: (n, s, e) => i((a) => ({
     modals: {
-      ...s.modals,
-      [r]: {
-        visible: a,
-        data: a ? e || {} : {}
+      ...a.modals,
+      [n]: {
+        visible: s,
+        data: s ? e || {} : {}
       }
     }
   })),
-  clearModals: (r) => i((a) => {
-    const e = { ...a.modals };
-    return r.forEach((s) => {
-      delete e[s];
+  clearModals: (n) => i((s) => {
+    const e = { ...s.modals };
+    return n.forEach((a) => {
+      delete e[a];
     }), { 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}`));
+function le(i) {
+  const n = T((t) => t.modals), s = T((t) => t.toggleModal), e = T((t) => t.setModal), a = T((t) => t.clearModals), r = W(), p = J(i.map((t) => `${r}-${t}`));
   C(() => () => {
-    s(d.current);
+    a(p.current);
   }, []);
-  const l = {};
-  for (const o of i) {
-    const t = `${n}-${o}`, u = r[t] ?? { visible: !1, data: {} };
-    l[`${o}Modal`] = {
-      visible: u.visible,
-      data: u.data,
-      toggle: (f) => a(t, f),
-      open: (f) => e(t, !0, f),
-      close: () => e(t, !1)
+  const c = {};
+  for (const t of i) {
+    const o = `${r}-${t}`, d = n[o] ?? { visible: !1, data: {} };
+    c[`${t}Modal`] = {
+      visible: d.visible,
+      data: d.data,
+      toggle: (g) => s(o, g),
+      open: (g) => e(o, !0, g),
+      close: () => e(o, !1)
     };
   }
-  return l.toggle = (o, t) => {
-    const p = `${n}-${o}`;
-    a(p, t);
-  }, l.open = (o, t) => {
-    const p = `${n}-${o}`;
-    e(p, !0, t);
-  }, l.close = (o) => {
-    const t = `${n}-${o}`;
-    e(t, !1);
-  }, l;
+  return c.toggle = (t, o) => {
+    const f = `${r}-${t}`;
+    s(f, o);
+  }, c.open = (t, o) => {
+    const f = `${r}-${t}`;
+    e(f, !0, o);
+  }, c.close = (t) => {
+    const o = `${r}-${t}`;
+    e(o, !1);
+  }, c;
 }
-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 () => {
-    l(!0);
-    const { data: R } = await i(o), $ = R || [];
-    if (p) {
-      const { label: y, value: h } = p, E = $.map((v) => ({
-        data: v,
-        label: v[y],
-        value: v[h]
-      }));
-      e(E), n(se(E));
+const ae = (i, n = "value", s = "label") => new Map(i.map((e) => [e[n], e[s]]));
+function ue(i, n) {
+  const [s, e] = v({
+    options: [],
+    mapData: /* @__PURE__ */ new Map()
+  }), [a, r] = v(!0), { params: p, selectKey: c, fieldNames: t } = n, o = async () => {
+    r(!0);
+    const { data: x } = await i(p), R = x || [];
+    if (t) {
+      const { label: S, value: $ } = t, y = R.map((u) => ({
+        data: u,
+        label: u[S],
+        value: u[$]
+      })), h = ae(y);
+      e((u) => ({ ...u, options: y, mapData: h }));
     } else
-      e($);
-    l(!1);
+      e((S) => ({ ...S, options: R }));
+    r(!1);
   }, f = m(() => {
-    u();
-  }, [u]);
-  return C(() => {
+    o();
+  }, [o]);
+  C(() => {
     f();
-  }, []), {
-    loading: d,
+  }, []);
+  const { options: d, mapData: g } = s;
+  return {
+    loading: a,
     refresh: f,
-    [`${t}Options`]: a,
-    [`${t}Map`]: s
+    [`${c}Options`]: d,
+    [`${c}Map`]: g
   };
 }
-function de(i, r) {
-  const [a, e] = M(!1), { message: s } = X.useApp(), n = m(async (d) => {
+function de(i, n) {
+  const [s, e] = v(!1), { message: a } = X.useApp(), r = m(async (p) => {
     try {
-      const l = await i(d);
       e(!0);
-      const { status: o, info: t } = l;
-      o == "success" && (r(l), s.success(t));
+      const c = await i(p), { status: t, info: o } = c;
+      t == "success" && (n(c), a.success(o));
     } catch {
     }
     e(!1);
-  }, [i, r, s]);
+  }, [i, n, a]);
   return {
-    loading: a,
-    submit: n
+    loading: s,
+    submit: r
   };
 }
 export {
   ie as configureTableOption,
-  ce as useCreateModal,
+  le as useCreateModal,
   de as useFormSubmit,
   ue as useSelectOptions,
-  le as useTableList
+  ce as useTableList
 };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@base-stone/hooks",
   "license": "MIT",
-  "version": "0.7.8",
+  "version": "0.8.2",
   "author": {
-    "name": "yeliang",
+    "name": "leafront",
     "email": "leafront@126.com"
   },
   "publishConfig": {

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

@@ -1 +0,0 @@
-(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"})}));