yuand 1.0.2 → 1.0.3

package/es/components/TableUseFetch/useTable.js

@@ -14,26 +14,23 @@ var useTable = function useTable() {
     form = _Form$useForm2[0];
   var tableRef = useRef(null);
   if (!tableRef.current) {
+    var _options$page, _options$size, _options$sorter;
+    var initState = {
+      page: (_options$page = options.page) !== null && _options$page !== void 0 ? _options$page : 1,
+      size: (_options$size = options.size) !== null && _options$size !== void 0 ? _options$size : 10,
+      sorter: (_options$sorter = options.sorter) !== null && _options$sorter !== void 0 ? _options$sorter : {},
+      search: {},
+      params: {},
+      data: {},
+      ready: false
+    };
     var useStore = create(function (set) {
-      var _options$page, _options$size, _options$page2, _options$size2;
-      return {
-        page: (_options$page = options.page) !== null && _options$page !== void 0 ? _options$page : 1,
-        size: (_options$size = options.size) !== null && _options$size !== void 0 ? _options$size : 10,
-        sorter: options.sorter || {},
-        search: {},
-        params: {
-          page: (_options$page2 = options.page) !== null && _options$page2 !== void 0 ? _options$page2 : 1,
-          size: (_options$size2 = options.size) !== null && _options$size2 !== void 0 ? _options$size2 : 10,
-          sorter: options.sorter || {},
-          form: {}
-        },
-        data: {},
-        ready: false,
+      return _objectSpread(_objectSpread({}, initState), {}, {
         setState: function setState() {
           var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
           set(values);
         }
-      };
+      });
     });
     tableRef.current = {
       form: form,
@@ -57,6 +54,9 @@ var useTable = function useTable() {
         }
         return null;
       },
+      resetStore: function resetStore() {
+        useStore.getState().setState(initState);
+      },
       update: function update() {
         return _update(function (v) {
           return v + 1;

package/es/hooks/useFetch.d.ts

@@ -1,6 +1,6 @@
 import type { HttpClientConfig, HttpMethod } from "../fetch";
-import type { Result } from "ahooks/lib/useRequest/src/types";
-import type { Options } from "ahooks/lib/useRequest/src/types";
+import type { Result } from "../../node_modules/ahooks";
+import type { Options } from "../../node_modules/ahooks";
 export interface UseFetchOption<TData = any> extends Options<TData, any[]> {
     ignoreError?: boolean;
     returnData?: boolean;

package/es/hooks/useMutation.d.ts

@@ -1,5 +1,5 @@
 import type { HttpMethod } from "../fetch";
-import type { UseMutationResult, UseMutationOptions } from "@tanstack/react-query";
+import type { UseMutationResult, UseMutationOptions } from "../../node_modules/@tanstack/react-query";
 interface Options<TData, TError = unknown, TVariables = void, TOnMutateResult = unknown> extends UseMutationOptions<TData, TError, TVariables, TOnMutateResult> {
     url: string;
     method?: HttpMethod;

package/es/utils/index.js

@@ -1,5 +1,5 @@
-import dayjs from 'dayjs';
-import duration from 'dayjs/plugin/duration';
+import dayjs from "dayjs";
+import duration from "dayjs/plugin/duration";
 dayjs.extend(duration);
 
 /**
@@ -8,16 +8,16 @@ dayjs.extend(duration);
  * @returns 格式化后的字符串
  */
 export function formatDuration(seconds) {
-  if (!seconds || seconds === 0) return '0秒';
-  var duration = dayjs.duration(seconds, 'seconds');
+  if (!seconds || seconds === 0) return "0秒";
+  var duration = dayjs.duration(seconds, "seconds");
   var days = Math.floor(duration.asDays());
   var hours = duration.hours();
   var minutes = duration.minutes();
   var secs = duration.seconds();
-  var result = '';
+  var result = "";
   if (days > 0) result += "".concat(days, "\u5929");
   if (hours > 0) result += "".concat(hours, "\u5C0F\u65F6");
   if (minutes > 0) result += "".concat(minutes, "\u5206");
   if (secs > 0) result += "".concat(secs, "\u79D2");
-  return result || '0秒';
+  return result || "0秒";
 }

package/es/utils/util.js

@@ -1,6 +1,6 @@
 export var isObject = function isObject(oj) {
-  return Object.prototype.toString.call(oj) === '[object Object]';
+  return Object.prototype.toString.call(oj) === "[object Object]";
 };
 export var isFunction = function isFunction(oj) {
-  return Object.prototype.toString.call(oj) === '[object Function]';
+  return Object.prototype.toString.call(oj) === "[object Function]";
 };

package/lib/components/Table/index.d.ts

@@ -1,12 +1,18 @@
 import type { ProTableProps, ProTableConfigOptions } from "./types";
 import "./style.css";
 declare const ProTable: {
-    <T extends Record<string, any>>(props: ProTableProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends Record<string, any>>(props: ProTableProps<T>): import("../../../node_modules/@types/react").JSX.Element;
     useTable: (options?: import("./types").UseTableProps) => import("./types").TableInstance<any>[];
     getQuery: ({ page, size, sorter, search, params, }: import("../../utils/table").GetQueryProps) => Record<string, unknown>;
     formatDate: (key: string, data: Record<string, any>, format?: string) => Record<string, any>;
     removeEmpty: (data: Record<string, any>) => Record<string, any>;
     pageSizeOptions: number[];
+    /**
+     * 自定义配置参数组合方式.
+     * getQuery函数配置默认提供 page,size，orderField，isAsc，...params,...search
+     * @param options
+     * @returns
+     */
     config(options: ProTableConfigOptions): void;
 };
 export default ProTable;

package/lib/components/Table/index.js

@@ -44,52 +44,53 @@ var import_useX = __toESM(require("../../hooks/useX"));
 var import_useTable = __toESM(require("./useTable"));
 var import_style = require("./style.css");
 var import_jsx_runtime = require("react/jsx-runtime");
-var defaultClassNames = {
-  root: "main-container",
-  form: "search-form",
-  table: "main-table"
-};
-var defaultStyles = {
-  root: {},
-  form: {
-    display: "flex",
-    justifyContent: "space-between"
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
+var DEFAULT_CONFIG = {
+  classNames: {
+    root: "main-container",
+    form: "search-form",
+    table: "main-table"
+  },
+  styles: {
+    root: {},
+    form: { display: "flex", justifyContent: "space-between" },
+    table: {},
+    toolbar: { marginBottom: 15 }
   },
-  table: {},
-  toolbar: {
-    marginBottom: 15
+  pagination: {
+    showQuickJumper: true,
+    showSizeChanger: true,
+    hideOnSinglePage: false
   }
 };
-var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
 var ProTable = (props) => {
   const {
     request = {},
-    classNames = defaultClassNames,
-    styles = defaultStyles,
+    classNames = DEFAULT_CONFIG.classNames,
+    styles = DEFAULT_CONFIG.styles,
     table,
     locale,
     dataKey = "data",
     totalKey = "total",
-    manual = false,
     nostyle,
     columns,
     form = {},
     alert,
     toolbar = null,
-    pageSizeOptions,
-    pagination,
+    pagination = DEFAULT_CONFIG.pagination,
     scroll,
     useData,
     ...prop
   } = props;
   const { lang } = (0, import_react.useContext)(import_TableConfig.I18nContext);
+  pagination.showTotal ?? (pagination.showTotal = (total2) => `${(0, import_TableConfig.t)("共", lang)} ${total2} ${(0, import_TableConfig.t)("条记录", lang)}`);
+  pagination.pageSizeOptions ?? (pagination.pageSizeOptions = ProTable.pageSizeOptions);
   const {
     title: formTitle,
     extra: formExtra,
     right: formRight,
-    formItem,
     layout = "inline",
-    items,
+    items: formItems,
     reset: formReset,
     dataForm,
     handleValues: formHandleValues,
@@ -97,7 +98,6 @@ var ProTable = (props) => {
     ...otherFormProps
   } = form;
   const forceKey = (0, import_react.useRef)(0);
-  const formItems = formItem || items;
   const queryClient = (0, import_react_query.useQueryClient)();
   const { page, size, sorter, search, ready, setState } = table.useStore(
     (0, import_shallow.useShallow)((state) => {
@@ -152,7 +152,7 @@ var ProTable = (props) => {
         data
       });
     }
-  }, [data]);
+  }, [data, useData]);
   const { dataSource, total, column, renderAlert } = (0, import_react.useMemo)(() => {
     return {
       column: typeof columns === "function" ? columns(data) : columns,
@@ -171,8 +171,9 @@ var ProTable = (props) => {
     }
   };
   const onReset = () => {
+    var _a;
     setState({
-      size: (pageSizeOptions == null ? void 0 : pageSizeOptions[0]) || ProTable.pageSizeOptions[0],
+      size: ((_a = pagination == null ? void 0 : pagination.pageSizeOptions) == null ? void 0 : _a[0]) ?? ProTable.pageSizeOptions[0],
       sorter: {}
     });
     if (formItems) {
@@ -184,21 +185,19 @@ var ProTable = (props) => {
       }
     }
   };
+  if (table) {
+    table.queryKey = queryKey;
+    table.clear = () => queryClient.setQueryData(queryKey, {});
+    table.run = onSearch;
+    table.refresh = refetch;
+    table.reset = () => {
+      if (formItems) {
+        onReset();
+      }
+    };
+  }
   (0, import_react.useEffect)(() => {
-    if (table) {
-      table.run = onSearch;
-      table.queryKey = queryKey;
-      table.clear = () => queryClient.setQueryData(queryKey, {});
-      table.refresh = refetch;
-      table.reset = () => {
-        if (formItems) {
-          onReset();
-        }
-      };
-    }
-  }, [table, queryKey]);
-  (0, import_react.useEffect)(() => {
-    if (manual)
+    if (request.manual)
       return;
     if (formItems) {
       table.form.submit();
@@ -248,14 +247,8 @@ var ProTable = (props) => {
         pagination: {
           current: page,
           pageSize: size,
-          showQuickJumper: pagination ? pagination.showQuickJumper : true,
-          showSizeChanger: pagination ? pagination.showSizeChanger : true,
-          hideOnSinglePage: pagination ? pagination.hideOnSinglePage : false,
-          pageSizeOptions: pageSizeOptions || ProTable.pageSizeOptions,
           total,
-          showTotal(total2) {
-            return `${(0, import_TableConfig.t)("共", lang)} ${total2} ${(0, import_TableConfig.t)("条记录", lang)}`;
-          }
+          ...pagination
         },
         dataSource,
         ...prop
@@ -265,13 +258,13 @@ var ProTable = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      className: (classNames == null ? void 0 : classNames.root) ?? defaultClassNames.root,
+      className: (classNames == null ? void 0 : classNames.root) ?? DEFAULT_CONFIG.classNames.root,
       style: styles.root,
       children: [
         !!formItems && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "div",
           {
-            className: (classNames == null ? void 0 : classNames.form) ?? defaultClassNames.form,
+            className: (classNames == null ? void 0 : classNames.form) ?? DEFAULT_CONFIG.classNames.form,
             style: styles.form,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -299,7 +292,7 @@ var ProTable = (props) => {
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "div",
           {
-            className: (classNames == null ? void 0 : classNames.table) ?? defaultClassNames.table,
+            className: (classNames == null ? void 0 : classNames.table) ?? DEFAULT_CONFIG.classNames.table,
             style: styles.table,
             children: [
               toolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.toolbar, children: toolbar }),

package/lib/components/Table/style.css

@@ -1,3 +1,3 @@
 .search-form .ant-form-item {
-    margin-bottom: 20px!important;
+  margin-bottom: 20px !important;
 }

package/lib/components/Table/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { FormInstance, TableColumnType, TableProps, FormProps } from "antd";
+import type { FormInstance, TableColumnType, TableProps, FormProps, PaginationProps } from "../../../node_modules/antd";
 import type { HttpMethod } from "../../fetch";
-import type { UseBoundStore, StoreApi } from "zustand";
+import type { UseBoundStore, StoreApi } from "../../../node_modules/zustand";
 import type { GetQueryProps } from "../../utils/table";
 type RecordType = Record<string, any>;
 interface SorterType {
@@ -33,13 +33,11 @@ export interface TableInstance<TData = any> {
 }
 interface FormOptions extends Omit<FormProps, "form" | "title" | "children"> {
     title?: React.ReactNode;
-    /** @deprecated 此属性已废弃，请使用新的formItem属性代替 */
     items?: React.ReactNode | React.ReactNode[];
-    formItem?: React.ReactNode | React.ReactNode[];
     extra?: React.ReactNode;
     right?: React.ReactNode;
-    handleValues?: (values: Record<string, any>) => any;
     reset?: boolean;
+    handleValues?: (values: Record<string, any>) => any;
     onResetBefore?: () => void | boolean;
     dataForm?: FormProps;
 }
@@ -59,8 +57,10 @@ export interface ProTableProps<Tdata = any> extends Omit<TableProps<Tdata>, "col
     request: {
         /** 请求地址方法 */
         url?: string;
+        /** 手动调用发送 table.run */
+        manual?: boolean;
         method?: HttpMethod;
-        /** 请求参数 */
+        /** 请求额外参数 */
         params?: Record<string, any>;
         onBefore?: () => any;
         onSuccess?: (data: any) => any;
@@ -69,19 +69,12 @@ export interface ProTableProps<Tdata = any> extends Omit<TableProps<Tdata>, "col
     locale?: Record<string, any>;
     dataKey?: string;
     totalKey?: string;
-    manual?: boolean;
     nostyle?: boolean;
     columns: ((data: Tdata) => TableColumnType<unknown>[]) | TableColumnType<unknown>[];
     form?: FormOptions;
     alert?: React.ReactNode | ((data: Tdata) => React.ReactNode);
     toolbar?: React.ReactNode;
-    pageSizeOptions?: number[];
-    pagination?: {
-        showQuickJumper?: boolean;
-        showSizeChanger?: boolean;
-        hideOnSinglePage?: boolean;
-    };
-    loadingDelay?: number;
+    pagination?: PaginationProps;
     useData?: boolean;
 }
 export interface UseTableProps {

package/lib/components/TableUseFetch/index.d.ts

@@ -1,12 +1,18 @@
 import type { ProTableProps, ProTableConfigOptions } from "./types";
 import "./style.css";
 declare const ProTable: {
-    <T extends Record<string, any>>(props: ProTableProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends Record<string, any>>(props: ProTableProps<T>): import("../../../node_modules/@types/react").JSX.Element;
     useTable: (options?: import("./types").UseTableProps) => import("./types").TableRef[];
     getQuery(options: any): Record<string, unknown>;
     formatDate: (key: string, data: Record<string, any>, format?: string) => Record<string, any>;
     removeEmpty: (data: Record<string, any>) => Record<string, any>;
     pageSizeOptions: number[];
+    /**
+     * 自定义配置参数组合方式.
+     * getQuery函数配置默认提供 page,size，orderField，isAsc，...params,...search
+     * @param options
+     * @returns
+     */
     config(options: ProTableConfigOptions): void;
 };
 export default ProTable;

package/lib/components/TableUseFetch/index.js

@@ -58,6 +58,7 @@ var defaultStyles = {
     marginBottom: 15
   }
 };
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
 var ProTable = (props) => {
   const {
     classNames = defaultClassNames,
@@ -66,32 +67,32 @@ var ProTable = (props) => {
     locale,
     dataKey = "data",
     totalKey = "total",
-    manual = false,
     nostyle,
     request = {},
     columns,
     form = {},
     alert,
     toolbar = null,
-    pageSizeOptions = [10, 20, 50, 100],
     pagination,
-    loadingDelay = 300,
     scroll,
     ...prop
   } = props;
+  pagination.showQuickJumper ?? (pagination.showQuickJumper = true);
+  pagination.showSizeChanger ?? (pagination.showSizeChanger = true);
+  pagination.hideOnSinglePage ?? (pagination.hideOnSinglePage = false);
+  pagination.pageSizeOptions ?? (pagination.pageSizeOptions = ProTable.pageSizeOptions);
+  pagination.showTotal ?? (pagination.showTotal = (total2) => `共 ${total2} 条记录`);
   const {
     title: formTitle,
     extra: formExtra,
     right: formRight,
-    formItem,
-    items,
+    items: formItems,
     reset: formReset,
     dataForm,
     handleValues: formHandleValues,
     onResetBefore: formOnResetBefore,
     ...otherFormProps
   } = form;
-  const formItems = formItem || items;
   const { data, page, size, sorter, search, ready, setState } = table.useStore(
     (0, import_shallow.useShallow)((state) => {
       return {
@@ -125,8 +126,7 @@ var ProTable = (props) => {
       setState({
         data: data2
       });
-    },
-    loadingDelay
+    }
   });
   const { dataSource, total, column, renderAlert } = (0, import_react.useMemo)(() => {
     return {
@@ -146,8 +146,9 @@ var ProTable = (props) => {
     }
   };
   const onReset = () => {
+    var _a;
     setState({
-      size: 10,
+      size: ((_a = pagination == null ? void 0 : pagination.pageSizeOptions) == null ? void 0 : _a[0]) ?? ProTable.pageSizeOptions[0],
       sorter: {}
     });
     if (formItems) {
@@ -168,7 +169,7 @@ var ProTable = (props) => {
     };
   }
   (0, import_react.useEffect)(() => {
-    if (manual)
+    if (request.manual)
       return;
     if (formItems) {
       table.form.submit();
@@ -212,14 +213,8 @@ var ProTable = (props) => {
         pagination: {
           current: page,
           pageSize: size,
-          showQuickJumper: pagination ? pagination.showQuickJumper : true,
-          showSizeChanger: pagination ? pagination.showSizeChanger : true,
-          hideOnSinglePage: pagination ? pagination.hideOnSinglePage : false,
-          pageSizeOptions,
           total,
-          showTotal(total2) {
-            return `共 ${total2} 条记录`;
-          }
+          ...pagination
         },
         dataSource,
         ...prop
@@ -289,7 +284,7 @@ ProTable.getQuery = (options) => {
 };
 ProTable.formatDate = import_table.formatDate;
 ProTable.removeEmpty = import_table.removeEmpty;
-ProTable.pageSizeOptions = [10, 20, 50, 100];
+ProTable.pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS;
 ProTable.config = (options) => {
   if (!options || !(0, import_util.isObject)(options))
     return;

package/lib/components/TableUseFetch/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { FormInstance, TableColumnType, TableProps, FormProps } from "antd";
+import type { FormInstance, TableColumnType, TableProps, FormProps, PaginationProps } from "../../../node_modules/antd";
 import type { HttpMethod } from "../../fetch";
-import type { UseBoundStore, StoreApi } from "zustand";
+import type { UseBoundStore, StoreApi } from "../../../node_modules/zustand";
 import type { GetQueryProps } from "../../utils/table";
 type RecordType = Record<string, any>;
 interface SorterType {
@@ -27,17 +27,16 @@ export interface TableInstance<TData = any> {
     reset: () => void;
     sortOrder: (key: string) => any;
     update: () => void;
+    resetStore: () => void;
     form?: FormInstance;
 }
 interface FormOptions extends Omit<FormProps, "form" | "title"> {
     title?: React.ReactNode;
-    /** @deprecated 此属性已废弃，请使用新的formItem属性代替 */
     items?: React.ReactNode | React.ReactNode[];
-    formItem?: React.ReactNode | React.ReactNode[];
     extra?: React.ReactNode;
+    reset?: boolean;
     right?: React.ReactNode;
     handleValues?: (values: Record<string, any>) => any;
-    reset?: boolean;
     onResetBefore?: () => void | boolean;
     dataForm?: FormProps;
 }
@@ -55,7 +54,10 @@ export interface ProTableProps<Tdata = any> extends Omit<TableProps<Tdata>, "col
     };
     request?: {
         url?: string;
+        /** 手动调用发送 table.run */
+        manual?: boolean;
         method?: HttpMethod;
+        /** 请求额外参数 */
         params?: RecordType;
         onBefore?: () => any;
         onSuccess?: (data: Tdata) => any;
@@ -64,18 +66,12 @@ export interface ProTableProps<Tdata = any> extends Omit<TableProps<Tdata>, "col
     locale?: Record<string, any>;
     dataKey?: string;
     totalKey?: string;
-    manual?: boolean;
     nostyle?: boolean;
     columns: ((data: Tdata) => TableColumnType<unknown>[]) | TableColumnType<unknown>[];
     form?: FormOptions;
     alert?: React.ReactNode | ((data: Tdata) => React.ReactNode);
     toolbar?: React.ReactNode;
-    pageSizeOptions?: number[];
-    pagination?: {
-        showQuickJumper?: boolean;
-        showSizeChanger?: boolean;
-        hideOnSinglePage?: boolean;
-    };
+    pagination?: PaginationProps;
     loadingDelay?: number;
 }
 export interface UseTableProps {
@@ -91,6 +87,7 @@ export interface TableRef {
     refresh: () => void;
     reset: () => void;
     sortOrder: (key: string) => "ascend" | "descend" | null;
+    resetStore: () => void;
     update: () => void;
 }
 export interface ProTableConfigOptions {

package/lib/components/TableUseFetch/useTable.js

@@ -30,19 +30,17 @@ var useTable = (options = {}) => {
   const [form] = import_antd.Form.useForm();
   const tableRef = (0, import_react.useRef)(null);
   if (!tableRef.current) {
-    const useStore = (0, import_zustand.create)((set) => ({
+    const initState = {
       page: options.page ?? 1,
       size: options.size ?? 10,
-      sorter: options.sorter || {},
+      sorter: options.sorter ?? {},
       search: {},
-      params: {
-        page: options.page ?? 1,
-        size: options.size ?? 10,
-        sorter: options.sorter || {},
-        form: {}
-      },
+      params: {},
       data: {},
-      ready: false,
+      ready: false
+    };
+    const useStore = (0, import_zustand.create)((set) => ({
+      ...initState,
       setState(values = {}) {
         set(values);
       }
@@ -71,6 +69,9 @@ var useTable = (options = {}) => {
         }
         return null;
       },
+      resetStore() {
+        useStore.getState().setState(initState);
+      },
       update: () => update((v) => v + 1)
     };
     useStore.subscribe((state, prevState) => {

package/lib/hooks/useFetch.d.ts

@@ -1,6 +1,6 @@
 import type { HttpClientConfig, HttpMethod } from "../fetch";
-import type { Result } from "ahooks/lib/useRequest/src/types";
-import type { Options } from "ahooks/lib/useRequest/src/types";
+import type { Result } from "../../node_modules/ahooks";
+import type { Options } from "../../node_modules/ahooks";
 export interface UseFetchOption<TData = any> extends Options<TData, any[]> {
     ignoreError?: boolean;
     returnData?: boolean;

package/lib/hooks/useMutation.d.ts

@@ -1,5 +1,5 @@
 import type { HttpMethod } from "../fetch";
-import type { UseMutationResult, UseMutationOptions } from "@tanstack/react-query";
+import type { UseMutationResult, UseMutationOptions } from "../../node_modules/@tanstack/react-query";
 interface Options<TData, TError = unknown, TVariables = void, TOnMutateResult = unknown> extends UseMutationOptions<TData, TError, TVariables, TOnMutateResult> {
     url: string;
     method?: HttpMethod;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuand",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "hyu",
   "module": "./es/index",
   "main": "./lib/index",
@@ -11,7 +11,10 @@
     "build": "sudo father build",
     "build:deps": "father prebundle",
     "prepublishOnly": "father doctor && npm run build",
-    "publish": "npm publish --access public"
+    "publish": "npm publish --access public",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage"
   },
   "keywords": [],
   "authors": [
@@ -25,11 +28,18 @@
   ],
   "devDependencies": {
     "@rc-component/father-plugin": "^2.1.3",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/ui": "^2.1.8",
     "babel-plugin-import": "^1.13.8",
     "father": "^4.6.9",
-    "typescript": "^5.9.3"
+    "jsdom": "^25.0.1",
+    "typescript": "^5.9.3",
+    "vitest": "^2.1.8"
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",