@base-stone/hooks 0.9.8 → 1.0.1

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

@@ -64,6 +64,10 @@ export declare interface ModalProps {
     onCancel: () => void;
 }
 
+declare type noop = (this: any, ...args: any[]) => any;
+
+declare type PickFunction<T extends noop> = (this: ThisParameterType<T>, ...args: Parameters<T>) => ReturnType<T>;
+
 declare type Placement = 'top' | 'bottom' | 'left' | 'right';
 
 export declare interface QueryParamsData {
@@ -74,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;
@@ -81,14 +90,17 @@ declare interface RequestFn {
     }>;
 }
 
-declare type SelectConfig<K extends string> = Readonly<{
-    params?: Record<string, any>;
-    selectKey: K;
-    fieldNames?: {
-        label: string;
-        value: string;
+declare interface SelectConfig<K extends string> {
+    queryFn: (data: Record<string, any>) => Promise<QueryResponse>;
+    options: {
+        params?: Record<string, any>;
+        selectKey: K;
+        fieldNames?: {
+            label: string;
+            value: string;
+        };
     };
-}>;
+}
 
 declare type SelectOption<T extends string | number = string | number> = {
     label: string;
@@ -109,17 +121,12 @@ 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>>;
+    options?: {
+        params: P;
+        rowSelection: boolean;
+    };
 }
 
 export declare interface TableProps<T> {
@@ -144,6 +151,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;
 } & {
@@ -154,8 +174,10 @@ export declare function useCreateModal<const T extends Record<string, ModalConfi
 
 export declare function useFormSubmit(requestFn: RequestFn, successFn: SuccessFn): FormSubmitResult;
 
-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 useMemoizedFn<T extends noop>(fn: T): PickFunction<T>;
+
+export declare function useSelectOptions<T extends string | number = string | number, K extends string = string>({ queryFn, options }: 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, options }: TableOptions<T>): TableResult<T>;
 
 export { }

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

@@ -1,11 +1,11 @@
-import { useRef as w, useMemo as F, useState as M, useEffect as D, useId as W, useCallback as q } from "react";
+import { useRef as w, useMemo as L, useState as y, useEffect as D, useId as U, useCallback as W } from "react";
 import { Empty as A, App as X } from "antd";
 import { create as K } from "zustand";
-var k = { exports: {} }, y = {};
-var L;
+var k = { exports: {} }, b = {};
+var j;
 function ee() {
-  if (L) return y;
-  L = 1;
+  if (j) return b;
+  j = 1;
   var s = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
   function o(t, r, n) {
     var u = null;
@@ -22,21 +22,22 @@ function ee() {
       props: n
     };
   }
-  return y.Fragment = a, y.jsx = o, y.jsxs = o, y;
+  return b.Fragment = a, b.jsx = o, b.jsxs = o, b;
 }
-var j;
+var F;
 function te() {
-  return j || (j = 1, k.exports = ee()), k.exports;
+  return F || (F = 1, k.exports = ee()), k.exports;
 }
 var oe = te();
-const b = (s) => {
+function M(s) {
   const a = w(s);
-  a.current = F(() => s, [s]);
+  a.current = L(() => s, [s]);
   const o = w(void 0);
   return o.current || (o.current = function(...t) {
     return a.current.apply(this, t);
   }), o.current;
-}, x = {
+}
+const x = {
   sortField: ["orderType", "orderField"],
   sortOrder: ["ASC", "DESC"],
   pageSize: 10
@@ -46,8 +47,11 @@ function ie(s) {
     x[a] = s[a];
   });
 }
-function le(s, a = {}) {
-  const { rowSelection: o, ...t } = a, r = x.pageSize, [n, u] = M({
+function le({
+  queryFn: s,
+  options: a
+}) {
+  const { rowSelection: o, params: t } = a || {}, r = x.pageSize, [n, u] = y({
     pagination: {
       showSizeChanger: !0,
       showQuickJumper: !0,
@@ -61,13 +65,13 @@ function le(s, a = {}) {
       pageSize: r,
       ...t
     }
-  }), { pagination: c, list: p, queryParams: e } = n, { pageNo: d, pageSize: f } = e, [i, S] = M(!0), g = w(e), [v, E] = M([]), C = F(() => {
+  }), { pagination: c, list: p, queryParams: e } = n, { pageNo: d, pageSize: f } = e, [i, S] = y(!0), g = w(e), [v, E] = y([]), C = L(() => {
     if (o)
       return {
         selectedRowKeys: v,
         onChange: (l) => E(l)
       };
-  }, [o, v]), z = b(
+  }, [o, v]), z = M(
     (l) => `共 ${l} 条记录 第 ${d}/${Math.ceil(l / f)} 页 `
   ), m = async (l) => {
     const { pageNo: O } = l;
@@ -87,30 +91,30 @@ function le(s, a = {}) {
     }), S(!1);
   }, N = (l) => {
     m({ ...e, ...l, pageNo: 1 });
-  }, I = (l) => {
+  }, q = (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 = {
+      const { current: T, pageSize: I } = l, { field: G, order: _ } = h, [V, Q] = x.sortField, [Y, Z] = x.sortOrder, B = {
         ...e,
-        [Q]: _ ? _ === "ascend" ? Z : B : void 0,
-        [Y]: V,
+        [V]: _ ? _ === "ascend" ? Y : Z : void 0,
+        [Q]: G,
         pageNo: T,
-        pageSize: G
+        pageSize: I
       };
-      m(U);
+      m(B);
     }
   };
   return D(() => {
     N(g.current);
   }, []), {
     queryParams: e,
-    search: b(N),
-    refresh: b(I),
-    reset: b(J),
+    search: M(N),
+    refresh: M(q),
+    reset: M(J),
     selectedRowKeys: v,
     tableProps: {
       bordered: !0,
@@ -120,7 +124,7 @@ function le(s, a = {}) {
       loading: i,
       dataSource: p,
       pagination: { ...c, showTotal: z },
-      onChange: b(H),
+      onChange: M(H),
       locale: {
         emptyText: i ? "" : /* @__PURE__ */ oe.jsx(A, { image: A.PRESENTED_IMAGE_SIMPLE })
       }
@@ -158,7 +162,7 @@ const R = K((s) => ({
   })
 }));
 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(), u = w([]), c = Object.keys(s);
+  const a = R((e) => e.modals), o = R((e) => e.toggleModal), t = R((e) => e.setModal), r = R((e) => e.clearModals), n = U(), u = w([]), c = Object.keys(s);
   D(() => (u.current = c.map(
     (e) => `${n}-${e}`
   ), () => {
@@ -201,11 +205,11 @@ function ce(s) {
   }, p;
 }
 const ae = (s, a = "value", o = "label") => new Map(s.map((t) => [t[a], t[o]]));
-function de(s, a) {
-  const [o, t] = M({
-    options: [],
+function de({ queryFn: s, options: a }) {
+  const [o, t] = y({
+    list: [],
     mapData: /* @__PURE__ */ new Map()
-  }), [r, n] = M(!0), { params: u, selectKey: c, fieldNames: p } = a, e = async () => {
+  }), [r, n] = y(!0), { params: u, selectKey: c, fieldNames: p } = a, e = async () => {
     n(!0);
     const { data: S } = await s(u), g = S || [];
     if (p) {
@@ -218,13 +222,11 @@ function de(s, a) {
     } else
       t((v) => ({ ...v, options: g }));
     n(!1);
-  }, d = q(() => {
-    e();
-  }, [e]);
+  }, d = M(void 0);
   D(() => {
-    d();
+    e();
   }, []);
-  const { options: f, mapData: i } = o;
+  const { list: f, mapData: i } = o;
   return {
     loading: r,
     refresh: d,
@@ -233,7 +235,7 @@ function de(s, a) {
   };
 }
 function ue(s, a) {
-  const [o, t] = M(!1), { message: r } = X.useApp(), n = q(async (u) => {
+  const [o, t] = y(!1), { message: r } = X.useApp(), n = W(async (u) => {
     try {
       t(!0);
       const c = await s(u), { status: p, info: e } = c;
@@ -251,6 +253,7 @@ export {
   ie as configureTableOption,
   ce as useCreateModal,
   ue as useFormSubmit,
+  M as useMemoizedFn,
   de as useSelectOptions,
   le as useTableList
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@base-stone/hooks",
   "license": "MIT",
-  "version": "0.9.8",
+  "version": "1.0.1",
   "author": {
     "name": "leafront",
     "email": "leafront@126.com"
@@ -48,12 +48,12 @@
     "prettier": "^3.7.4",
     "rollup-plugin-shell": "^1.0.9",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.0",
-    "vite": "^7.3.0",
+    "typescript-eslint": "^8.52.0",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
-    "antd": "^6.1.1",
+    "antd": "^6.1.4",
     "react": "^19.2.3",
     "zustand": "^5.0.9"
   }