@basestone/hooks 1.3.6

package/README.md

@@ -0,0 +1,69 @@
+# design-hooks
+
+
+### 安装
+
+```
+
+  pnpm add @base-stone/hooks
+
+```
+
+
+### useTableList 使用
+
+
+```
+
+  const { tableProps, reload } = useTableList<ListItemData>({
+    queryFn: getCooperateList,
+    params: {
+      orderField: 'createDate',
+      orderType: 'DESC',
+      taskStatuses: taskStatusesArr,
+      scope: scopeType
+    }
+  })
+  
+  <Table rowKey="id" scroll={{ x: 'max-content' }} columns={columns} {...tableProps} />
+
+```
+
+### useCreateModal 使用
+
+
+``` 
+
+  const { editModal, infoModal, memberModal, toggle } = useCreateModal(['edit', 'member', 'info'])
+
+  toggle(type, data)
+
+```
+
+
+### useSelectOptions 使用
+
+
+```
+  const { sceneOptions, sceneMap } = useSelectOptions<string, 'scene'>({
+    queryFn: getRecruitSceneList,
+    dataKey: 'scene',
+    fieldNames: { label: 'recruitTypeName', value: 'recruitEncrypt' }
+  })
+
+```
+
+### useRequestQuery 使用
+
+```
+
+  const { settlementInfo, refresh } = useRequestQuery<ListItemData, 'settlementInfo'>({
+    queryFn: getSettlementInfo,
+    dataKey: 'settlementInfo',
+    dataType: 'Object',
+    params: {
+      taskId
+    }
+  })
+
+```

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

@@ -0,0 +1,209 @@
+import { Key } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { TablePaginationConfig } from 'antd/es/table/interface';
+import { TableProps as TableProps_2 } from 'antd';
+
+/**
+ * 配置全局表格参数
+ * @param config
+ */
+export declare function configureTableOption(config: GlobalTableConfig): void;
+
+declare type DataType = 'Array' | 'Object';
+
+export declare interface DrawerProps {
+    size: number | 'default' | 'large';
+    title: string | ReactElement;
+    open: boolean;
+    maskClosable: boolean;
+    destroyOnHidden: boolean;
+    placement: Placement;
+    onClose: () => void;
+}
+
+declare interface FormSubmitResult {
+    loading: boolean;
+    submit: (number?: unknown) => void;
+}
+
+declare interface GlobalTableConfig {
+    sortField: string[];
+    sortOrder: string[];
+    pageSize: number;
+}
+
+declare type MapData<K extends string | number = string | number> = Map<K, string | number | undefined>;
+
+declare interface ModalConfig<T = Record<string, any>> {
+    width: number;
+    title: string | ReactElement | ((data: T) => string | ReactElement);
+    maskClosable?: boolean;
+    centered?: boolean;
+    destroyOnHidden?: boolean;
+    placement?: Placement;
+    onClose?: () => void;
+    onCancel?: () => void;
+}
+
+declare type ModalInstance<T = any> = {
+    visible: boolean;
+    data: T;
+    modalProps: ModalProps;
+    drawerProps: DrawerProps;
+    toggle: (data?: T) => void;
+    open: (data?: T) => void;
+    close: () => void;
+};
+
+export declare interface ModalProps {
+    width: number;
+    title: string | ReactElement;
+    open: boolean;
+    maskClosable?: boolean;
+    centered?: boolean;
+    destroyOnHidden?: boolean;
+    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';
+
+declare interface QueryOptions<K extends string, T = Record<string, any>> {
+    queryFn: (data: QueryParamsData_2) => Promise<QueryResponse_2<T>>;
+    params?: Record<string, any> | undefined;
+    dataType: DataType;
+    dataKey: K;
+    transform?: (data: unknown) => T;
+    initialValue?: Record<string, any> | Record<string, any>[];
+}
+
+export declare interface QueryParamsData {
+    pageNo: number;
+    pageSize: number;
+    orderType?: string;
+    orderField?: string;
+    [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 type QueryResult<K extends string, T = Record<string, any>> = {
+    loading: boolean;
+    refresh: (params?: Record<string, any> | undefined) => void;
+} & {
+    [P in K]?: T;
+};
+
+declare interface RequestFn {
+    (val?: unknown): Promise<{
+        status: string;
+        info: string;
+    }>;
+}
+
+declare interface SelectConfig<K extends string> {
+    queryFn: (data: Record<string, any>) => Promise<QueryResponse>;
+    params?: Record<string, any>;
+    dataKey: K;
+    transform?: (data: unknown) => Record<string, any>[];
+    fieldNames: {
+        label: string;
+        value: string;
+    };
+}
+
+declare type SelectOption<V extends string | number = string | number> = {
+    label: string;
+    value: V;
+    data?: Record<string, unknown>;
+    [key: string]: any;
+};
+
+declare type SelectOptionsResult<K extends string, V extends string | number = string | number> = Readonly<{
+    loading: boolean;
+    refresh: () => void;
+} & {
+    [P in `${K}Options`]: (SelectOption<V> & Record<string, any>)[];
+} & {
+    [P in `${K}Map`]?: MapData<V>;
+}>;
+
+declare interface SuccessFn {
+    (data: Record<string, any>): void;
+}
+
+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;
+}
+
+export declare interface TableProps<T> {
+    bordered: boolean;
+    size: 'middle';
+    sticky: boolean;
+    rowSelection: TableProps_2<T>['rowSelection'] | undefined;
+    pagination: TablePaginationConfig;
+    loading: boolean;
+    dataSource: T[];
+    onChange: TableProps_2<T>['onChange'];
+    locale: {
+        emptyText: string | ReactNode;
+    };
+}
+
+declare interface TableResponse<T> {
+    status: string;
+    data: {
+        list: T[];
+        totalCount: number;
+    };
+}
+
+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;
+} & {
+    open: (type: keyof T, data?: any) => void;
+    close: (type: keyof T) => void;
+    toggle: (type: keyof T, data?: any) => void;
+};
+
+export declare function useFormSubmit(requestFn: RequestFn, successFn: SuccessFn): FormSubmitResult;
+
+export declare function useMemoizedFn<T extends noop>(fn: T): PickFunction<T>;
+
+export declare function useRequestQuery<T = Record<string, any> | Record<string, any>[] | undefined, const K extends string = string>({ queryFn, params, dataType, dataKey, initialValue, transform }: QueryOptions<K, T>): QueryResult<K, T>;
+
+export declare function useSelectOptions<V extends string | number = string | number, const K extends string = string>({ queryFn, params, dataKey, fieldNames, transform }: SelectConfig<K>): SelectOptionsResult<K, V>;
+
+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

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

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@basestone/hooks",
+  "license": "MIT",
+  "version": "1.3.6",
+  "author": {
+    "name": "leafront",
+    "email": "leafront@126.com"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/base-stone/hooks.git"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "type": "module",
+  "main": "./dist/design-hooks.es.prod.js",
+  "module": "./dist/design-hooks.es.prod.js",
+  "exports": {
+    ".": {
+      "import": "./dist/design-hooks.es.prod.js",
+      "types": "./dist/design-hooks.es.prod.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "homepage": "https://github.com/base-stone/design-hooks",
+  "scripts": {
+    "build:prod": "tsc && vite build",
+    "build:publish": "npm run build:prod && npm publish",
+    "eslint": "eslint ./src --fix",
+    "prettier": "prettier --write \"./src/**/*.{tsx,ts}\"",
+    "lint:js": "npm run eslint && npm run prettier"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@types/node": "^25.0.10",
+    "@types/react": "^19.2.9",
+    "@vitejs/plugin-react-swc": "^4.2.2",
+    "classnames": "^2.5.1",
+    "eslint": "^9.39.2",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "prettier": "^3.8.1",
+    "rollup-plugin-shell": "^1.0.9",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.54.0",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "dependencies": {
+    "antd": "^6.2.2",
+    "react": "^19.2.4",
+    "zustand": "^5.0.10"
+  }
+}