@base-stone/hooks 1.0.0 → 1.0.2

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

@@ -78,6 +78,11 @@ export declare interface QueryParamsData {
     [key: string]: any;
 }
 
+declare interface QueryResponse {
+    status: string;
+    data: Record<string, any>[];
+}
+
 declare interface RequestFn {
     (val?: unknown): Promise<{
         status: string;
@@ -85,14 +90,15 @@ declare interface RequestFn {
     }>;
 }
 
-declare type SelectConfig<K extends string> = Readonly<{
+declare interface SelectConfig<K extends string> {
+    queryFn: (data: Record<string, any>) => Promise<QueryResponse>;
     params?: Record<string, any>;
     selectKey: K;
     fieldNames?: {
         label: string;
         value: string;
     };
-}>;
+}
 
 declare type SelectOption<T extends string | number = string | number> = {
     label: string;
@@ -113,17 +119,10 @@ declare interface SuccessFn {
     (data: Record<string, any>): void;
 }
 
-declare interface TableListResult<T> {
-    /** 查询参数 */
-    queryParams: QueryParamsData;
-    /** 执行查询方法 */
-    search: (params?: Record<string, any>) => void;
-    refresh: (params?: Record<string, any>) => void;
-    reset: (params?: Record<string, any>) => void;
-    /** 选中的行 keys */
-    selectedRowKeys: Key[];
-    /** 表格属性 */
-    tableProps: TableProps<T>;
+declare interface TableOptions<T, P = Record<string, any>> {
+    queryFn: (data: QueryParamsData) => Promise<TableResponse<T>>;
+    params?: P;
+    rowSelection?: boolean;
 }
 
 export declare interface TableProps<T> {
@@ -148,6 +147,19 @@ declare interface TableResponse<T> {
     };
 }
 
+declare interface TableResult<T> {
+    /** 查询参数 */
+    queryParams: QueryParamsData;
+    /** 执行查询方法 */
+    search: (params?: Record<string, any>) => void;
+    refresh: (params?: Record<string, any>) => void;
+    reset: (params?: Record<string, any>) => void;
+    /** 选中的行 keys */
+    selectedRowKeys: Key[];
+    /** 表格属性 */
+    tableProps: TableProps<T>;
+}
+
 export declare function useCreateModal<const T extends Record<string, ModalConfig>>(configs: T): {
     [K in keyof T as `${string & K}Modal`]: ModalInstance;
 } & {
@@ -160,8 +172,8 @@ export declare function useFormSubmit(requestFn: RequestFn, successFn: SuccessFn
 
 export declare function useMemoizedFn<T extends noop>(fn: T): PickFunction<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 useSelectOptions<T extends string | number = string | number, K extends string = string>({ queryFn, params, selectKey, fieldNames }: 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>;
+export declare function useTableList<T extends Record<string, any> = Record<string, any>>({ queryFn, params: initParams, rowSelection }: TableOptions<T>): TableResult<T>;
 
 export { }

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

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

package/package.json

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