@base-stone/hooks 0.9.1 → 0.9.3

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

@@ -9,6 +9,16 @@ import { TableProps as TableProps_2 } from 'antd';
  */
 export declare function configureTableOption(config: GlobalTableConfig): void;
 
+export declare interface DrawerProps {
+    size: number | string;
+    title: string;
+    open: boolean;
+    maskClosable: boolean;
+    destroyOnHidden: boolean;
+    placement: string;
+    onClose: () => void;
+}
+
 declare interface FormSubmitResult {
     loading: boolean;
     submit: (number?: unknown) => void;
@@ -22,19 +32,22 @@ declare interface GlobalTableConfig {
 
 declare type MapData<T extends string | number = string | number> = Map<T, string | number | undefined>;
 
-declare interface ModalConfig<T = any> {
+declare interface ModalConfig<T = Record<string, any>> {
     width: number;
     title: string | ((data: T) => string);
     maskClosable?: boolean;
     centered?: boolean;
     destroyOnHidden?: boolean;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    onClose?: () => void;
     onCancel?: () => void;
 }
 
 declare type ModalInstance<T = any> = {
     visible: boolean;
     data: T;
-    props: ModalProps;
+    modalProps: ModalProps;
+    drawerProps: DrawerProps;
     toggle: (data?: T) => void;
     open: (data?: T) => void;
     close: () => void;

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

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

package/package.json

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