@base-stone/hooks 1.0.2 → 1.0.3

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

@@ -78,11 +78,18 @@ export declare interface QueryParamsData {
     [key: string]: any;
 }
 
+declare type QueryParamsData_2 = Record<string, any>;
+
 declare interface QueryResponse {
     status: string;
     data: Record<string, any>[];
 }
 
+declare interface QueryResponse_2<T> {
+    status: string;
+    data: T;
+}
+
 declare interface RequestFn {
     (val?: unknown): Promise<{
         status: string;
@@ -90,6 +97,18 @@ declare interface RequestFn {
     }>;
 }
 
+declare interface RequestQueryOptions<T, P = Record<string, any>> {
+    queryFn: (data: QueryParamsData_2) => Promise<QueryResponse_2<T>>;
+    initialValue?: T;
+    params?: P;
+}
+
+declare interface RequestQueryResult<T> {
+    data: T;
+    loading: boolean;
+    refresh: () => void;
+}
+
 declare interface SelectConfig<K extends string> {
     queryFn: (data: Record<string, any>) => Promise<QueryResponse>;
     params?: Record<string, any>;
@@ -172,6 +191,8 @@ export declare function useFormSubmit(requestFn: RequestFn, successFn: SuccessFn
 
 export declare function useMemoizedFn<T extends noop>(fn: T): PickFunction<T>;
 
+export declare function useRequestQuery<T, P = Record<string, any>>({ queryFn, params, initialValue }: RequestQueryOptions<T, P>): RequestQueryResult<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>>({ queryFn, params: initParams, rowSelection }: TableOptions<T>): TableResult<T>;

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

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

package/package.json

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