@base-stone/hooks 0.8.7 → 0.9.0

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

@@ -22,18 +22,20 @@ declare interface GlobalTableConfig {
 
 declare type MapData<T extends string | number = string | number> = Map<T, string | number | undefined>;
 
+declare interface ModalConfig<T = any> {
+    width: number;
+    title: string | ((data: T) => string);
+    open: boolean;
+    maskClosable: boolean;
+    centered: boolean;
+    destroyOnHidden: boolean;
+    onCancel: () => void;
+}
+
 declare type ModalInstance<T = any> = {
     visible: boolean;
     data: T;
-    props: {
-        width: number;
-        title: string;
-        open: boolean;
-        maskClosable: boolean;
-        centered: boolean;
-        destroyOnHidden: boolean;
-        onCancel: () => void;
-    };
+    props: ModalProps;
     toggle: (data?: T) => void;
     open: (data?: T) => void;
     close: () => void;
@@ -126,7 +128,7 @@ declare interface TableResponse<T> {
     };
 }
 
-export declare function useCreateModal<const T extends Record<string, ModalProps>>(configs: T): {
+export declare function useCreateModal<const T extends Record<string, ModalConfig>>(configs: T): {
     [K in keyof T as `${string & K}Modal`]: ModalInstance;
 } & {
     open: (type: keyof T, data?: any) => void;

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

@@ -1,15 +1,15 @@
-import { useState as E, useRef as I, useMemo as L, useCallback as S, useEffect as D, useId as W } from "react";
+import { useState as y, 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 P = { exports: {} }, y = {};
+var P = { exports: {} }, b = {};
 var j;
 function ee() {
-  if (j) return y;
+  if (j) return b;
   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) {
+    var g = null;
+    if (s !== void 0 && (g = "" + s), o.key !== void 0 && (g = "" + o.key), "key" in o) {
       s = {};
       for (var i in o)
         i !== "key" && (s[i] = o[i]);
@@ -17,12 +17,12 @@ function ee() {
     return o = s.ref, {
       $$typeof: n,
       type: t,
-      key: f,
+      key: g,
       ref: o !== void 0 ? o : null,
       props: s
     };
   }
-  return y.Fragment = r, y.jsx = a, y.jsxs = a, y;
+  return b.Fragment = r, b.jsx = a, b.jsxs = a, b;
 }
 var q;
 function te() {
@@ -40,7 +40,7 @@ function ie(n) {
   });
 }
 function le(n, r = {}) {
-  const { rowSelection: a, ...t } = r, o = C.pageSize, [s, f] = E({
+  const { rowSelection: a, ...t } = r, o = C.pageSize, [s, g] = y({
     pagination: {
       showSizeChanger: !0,
       showQuickJumper: !0,
@@ -54,23 +54,23 @@ function le(n, r = {}) {
       pageSize: o,
       ...t
     }
-  }), { pagination: i, list: d, queryParams: e } = s, { pageNo: c, pageSize: p } = e, [g, m] = E(!0), b = I(e), [M, x] = E([]), h = L(() => {
+  }), { pagination: i, list: f, queryParams: e } = s, { pageNo: c, pageSize: u } = e, [d, E] = y(!0), m = I(e), [M, x] = y([]), h = L(() => {
     if (a)
       return {
         selectedRowKeys: M,
         onChange: (l) => x(l)
       };
   }, [a, M]), R = S(
-    (l) => `共 ${l} 条记录 第 ${c}/${Math.ceil(l / p)} 页 `,
-    [c, p]
-  ), u = S(
+    (l) => `共 ${l} 条记录 第 ${c}/${Math.ceil(l / u)} 页 `,
+    [c, u]
+  ), p = S(
     async (l) => {
       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);
+      E(!0);
+      const v = { ...t, pageSize: u, ...l };
+      l.pageNo === void 0 && (v.pageNo = 1), l.pageSize === void 0 && (v.pageSize = u);
       const { data: w } = await n(v), { list: T = [], totalCount: z = 0 } = w || {};
-      a && x([]), f({
+      a && x([]), g({
         list: T,
         queryParams: v,
         pagination: {
@@ -79,24 +79,24 @@ function le(n, r = {}) {
           pageSize: v.pageSize,
           total: z
         }
-      }), m(!1);
+      }), E(!1);
     },
-    [e, t, a, p, n, i]
+    [e, t, a, u, n, i]
   ), N = S(
     (l) => {
-      u({ ...e, ...l, pageNo: 1 });
+      p({ ...e, ...l, pageNo: 1 });
     },
-    [u, e]
+    [p, e]
   ), J = S(
     (l) => {
-      u({ ...e, ...l });
+      p({ ...e, ...l });
     },
-    [u, e]
+    [p, e]
   ), F = S(
     (l) => {
-      u({ ...l, pageSize: p, pageNo: 1 });
+      p({ ...l, pageSize: u, pageNo: 1 });
     },
-    [u, p]
+    [p, u]
   ), _ = S(
     (l, k, v, w) => {
       const { action: T } = w;
@@ -108,25 +108,25 @@ function le(n, r = {}) {
           pageNo: z,
           pageSize: V
         };
-        u(U);
+        p(U);
       }
     },
-    [e, u]
+    [e, p]
   ), G = L(() => ({
     bordered: !0,
     size: "middle",
     sticky: !0,
     rowSelection: h,
     pagination: { ...i, showTotal: R },
-    loading: g,
-    dataSource: d,
+    loading: d,
+    dataSource: f,
     onChange: _,
     locale: {
-      emptyText: g ? "" : /* @__PURE__ */ oe.jsx(O, { image: O.PRESENTED_IMAGE_SIMPLE })
+      emptyText: d ? "" : /* @__PURE__ */ oe.jsx(O, { image: O.PRESENTED_IMAGE_SIMPLE })
     }
-  }), [h, i, R, g, d, _]);
+  }), [h, i, R, d, f, _]);
   return D(() => {
-    N(b.current);
+    N(m.current);
   }, []), {
     queryParams: e,
     reload: N,
@@ -167,56 +167,56 @@ const $ = K((n) => ({
   })
 }));
 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(
+  const r = $((e) => e.modals), a = $((e) => e.toggleModal), t = $((e) => e.setModal), o = $((e) => e.clearModals), s = W(), g = I([]), i = Object.keys(n);
+  D(() => (g.current = i.map(
     (e) => `${s}-${e}`
   ), () => {
-    o(f.current);
+    o(g.current);
   }), []);
-  const d = {};
+  const f = {};
   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,
+    const c = `${s}-${e}`, u = r[c] ?? { visible: !1, data: {} }, d = n[e], E = typeof d.title == "function" ? d.title(u.data) : d.title;
+    f[`${e}Modal`] = {
+      visible: u.visible,
+      data: u.data,
       props: {
-        width: g.width,
-        title: g.title,
-        open: p.visible,
-        maskClosable: g.maskClosable ?? !1,
-        centered: g.centered ?? !0,
-        destroyOnHidden: g.destroyOnHidden ?? !0,
-        onCancel: g.onCancel ?? t(c, !1)
+        width: d.width,
+        title: E,
+        open: u.visible,
+        maskClosable: d.maskClosable ?? !1,
+        centered: d.centered ?? !0,
+        destroyOnHidden: d.destroyOnHidden ?? !0,
+        onCancel: d.onCancel ?? (() => t(c, !1))
       },
       toggle: (m) => a(c, m),
       open: (m) => t(c, !0, m),
       close: () => t(c, !1)
     };
-  }), d.toggle = (e, c) => {
+  }), f.toggle = (e, c) => {
     a(`${s}-${e}`, c);
-  }, d.open = (e, c) => {
+  }, f.open = (e, c) => {
     t(`${s}-${e}`, !0, c);
-  }, d.close = (e) => {
+  }, f.close = (e) => {
     t(`${s}-${e}`, !1);
-  }, d;
+  }, f;
 }
 const ae = (n, r = "value", a = "label") => new Map(n.map((t) => [t[r], t[a]]));
 function ue(n, r) {
-  const [a, t] = E({
+  const [a, t] = y({
     options: [],
     mapData: /* @__PURE__ */ new Map()
-  }), [o, s] = E(!0), { params: f, selectKey: i, fieldNames: d } = r, e = async () => {
+  }), [o, s] = y(!0), { params: g, selectKey: i, fieldNames: f } = 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[M],
-        value: u[x]
+    const { data: E } = await n(g), m = E || [];
+    if (f) {
+      const { label: M, value: x } = f, h = m.map((p) => ({
+        data: p,
+        label: p[M],
+        value: p[x]
       })), R = ae(h);
-      t((u) => ({ ...u, options: h, mapData: R }));
+      t((p) => ({ ...p, options: h, mapData: R }));
     } else
-      t((M) => ({ ...M, options: b }));
+      t((M) => ({ ...M, options: m }));
     s(!1);
   }, c = S(() => {
     e();
@@ -224,20 +224,20 @@ function ue(n, r) {
   D(() => {
     c();
   }, []);
-  const { options: p, mapData: g } = a;
+  const { options: u, mapData: d } = a;
   return {
     loading: o,
     refresh: c,
-    [`${i}Options`]: p,
-    [`${i}Map`]: g
+    [`${i}Options`]: u,
+    [`${i}Map`]: d
   };
 }
 function de(n, r) {
-  const [a, t] = E(!1), { message: o } = X.useApp(), s = S(async (f) => {
+  const [a, t] = y(!1), { message: o } = X.useApp(), s = S(async (g) => {
     try {
       t(!0);
-      const i = await n(f), { status: d, info: e } = i;
-      d == "success" && (r(i), o.success(e));
+      const i = await n(g), { status: f, info: e } = i;
+      f == "success" && (r(i), o.success(e));
     } catch {
     }
     t(!1);

package/package.json

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