@base-stone/hooks 1.2.1 → 1.2.3

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

@@ -72,7 +72,7 @@ declare type PickFunction<T extends noop> = (this: ThisParameterType<T>, ...args
 
 declare type Placement = 'top' | 'bottom' | 'left' | 'right';
 
-declare interface QueryOptions<K extends string = string, T = Record<string, any> | Record<string, any>[] | undefined> {
+declare interface QueryOptions<K extends string = string, T = Record<string, any>> {
     queryFn: (data: QueryParamsData_2) => Promise<QueryResponse_2<T>>;
     params?: Record<string, any> | undefined;
     dataType: DataType;
@@ -101,7 +101,7 @@ declare interface QueryResponse_2<T> {
     data: T;
 }
 
-declare type QueryResult<K extends string = string, T = Record<string, any> | Record<string, any>[]> = {
+declare type QueryResult<K extends string = string, T = Record<string, any>> = {
     loading: boolean;
     refresh: (params?: Record<string, any> | undefined) => void;
 } & {
@@ -149,6 +149,7 @@ declare interface SuccessFn {
 declare interface TableOptions<T, P = Record<string, any>> {
     queryFn: (data: QueryParamsData) => Promise<TableResponse<T>>;
     params?: P;
+    transform?: (result: TableResponse<T>['data']) => TableResponse<T>['data'];
     rowSelection?: boolean;
 }
 
@@ -203,6 +204,6 @@ export declare function useRequestQuery<K extends string = string, T = Record<st
 
 export declare function useSelectOptions<T extends string | number = string | number, K extends string = string>({ queryFn, params, dataKey, fieldNames, transform }: SelectConfig<K>): SelectOptionsResult<K, T>;
 
-export declare function useTableList<T extends Record<string, any> = Record<string, any>>({ queryFn, params: initParams, rowSelection }: TableOptions<T>): TableResult<T>;
+export declare function useTableList<T extends Record<string, any> = Record<string, any>>({ queryFn, params: initParams, transform, rowSelection }: TableOptions<T>): TableResult<T>;
 
 export { }

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

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

package/package.json

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