@base-stone/hooks 0.8.2 → 0.8.6

package/README.md

@@ -5,7 +5,7 @@
 
 ```
 
-  pnpm add @st-fed/antd-hooks
+  pnpm add @base-stone/hooks
 
 ```
 

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

@@ -25,11 +25,28 @@ declare type MapData<T extends string | number = string | number> = Map<T, strin
 declare type ModalInstance<T = any> = {
     visible: boolean;
     data: T;
+    props: {
+        width: number;
+        title: string;
+        open: boolean;
+        maskClosable: boolean;
+        centered: boolean;
+        destroyOnHidden: boolean;
+        onCancel: () => void;
+    };
     toggle: (data?: T) => void;
     open: (data?: T) => void;
     close: () => void;
 };
 
+export declare interface ModalProps {
+    width: number;
+    title: string;
+    maskClosable?: boolean;
+    centered?: boolean;
+    destroyOnHidden?: boolean;
+}
+
 export declare interface QueryParamsData {
     pageNo: number;
     pageSize: number;
@@ -108,15 +125,12 @@ declare interface TableResponse<T> {
     };
 }
 
-/**
- * 批量创建多个模态框 hook
- * @param suffixes 模态框后缀数组
- * @returns 包含所有模态框实例的对象，以及统一的 toggle/open/close 函数
- */
-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;
+export declare function useCreateModal<const T extends Record<string, ModalProps>>(configs: T): {
+    [K in keyof T as `${string & K}Modal`]: ModalInstance;
+} & {
+    open: (type: keyof T, data?: any) => void;
+    close: (type: keyof T) => void;
+    toggle: (type: keyof T, data?: any) => void;
 };
 
 export declare function useFormSubmit(requestFn: RequestFn, successFn: SuccessFn): FormSubmitResult;

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

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

package/package.json

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