@jswork/antd-components 1.0.149 → 1.0.151

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/antd-components",
-  "version": "1.0.149",
+  "version": "1.0.151",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",

package/src/lib/table.tsx

@@ -2,7 +2,7 @@
  * @Author: aric 1290657123@qq.com
  * @Date: 2025-10-03 07:11:26
  * @LastEditors: aric 1290657123@qq.com
- * @LastEditTime: 2025-10-26 08:56:31
+ * @LastEditTime: 2025-10-26 19:11:01
  *
  *
  * 路由风格: /{module}/{name} eg: /admin/staff-roles
@@ -44,6 +44,16 @@ export type AcTableProps = TableProps & {
    * The extra params when query data.
    */
   params?: Record<string, any>;
+  /**
+   * The extra params when redirect to add page.
+   * `paramsAdd` will merge with `params` when redirect to add page.
+   */
+  paramsAdd?: Record<string, any>;
+  /**
+   * The extra params when redirect to edit page.
+   * `paramsEdit` will merge with `paramsAdd` when redirect to edit page.
+   */
+  paramsEdit?: Record<string, any>;
   /**
    * Custom get standard data.
    * @param params { current: number; pageSize: number }
@@ -60,10 +70,10 @@ export type AcTableProps = TableProps & {
    */
   onPageChange?: (page: number, size: number) => void;
   /**
-   * When destroy success.
+   * When destroy complete.
    * @param model
    */
-  onDestroySuccess?: (model: any) => void;
+  onDestroyComplete?: (model: any) => void;
   /**
    * Default page.
    */
@@ -143,6 +153,10 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
     this.defaultFetcher = fetcher || nx.createFetcher(resourceId, { dataPath, totalPath });
   }
 
+  private toQueryString(params?: Record<string, any>) {
+    return params ? `?${new URLSearchParams(params).toString()}` : '';
+  }
+
   async componentDidMount() {
     const { current, pageSize } = this.state;
     this.harmonyEvents = ReactHarmonyEvents.create(this);
@@ -217,24 +231,26 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   };
 
   public destroy = (item) => {
-    const { name, onDestroySuccess } = this.props;
+    const { name, onDestroyComplete } = this.props;
     this.setState({ isLoading: true });
     nx.$api[`${name}_destroy`](item)
       .then(this.refetch)
       .finally(() => {
-        onDestroySuccess?.(item);
+        onDestroyComplete?.(item);
         this.setState({ isLoading: false });
       });
   };
 
   public add = () => {
-    const { module } = this.props;
-    nx.$nav?.(`/${module}/${this.routerKey}/add`);
+    const { module, paramsAdd } = this.props;
+    const qs = this.toQueryString(paramsAdd);
+    nx.$nav?.(`/${module}/${this.routerKey}/add${qs}`);
   };
 
   public edit = (item: any) => {
-    const { module, rowKey } = this.props;
-    nx.$nav?.(`/${module}/${this.routerKey}/${item[rowKey as string]}/edit`);
+    const { module, rowKey, paramsEdit } = this.props;
+    const qs = this.toQueryString(paramsEdit);
+    nx.$nav?.(`/${module}/${this.routerKey}/${item[rowKey as string]}/edit${qs}`);
   };
 
   /* ----- public eventBus methods end  ----- */
@@ -252,8 +268,20 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   };
 
   render() {
-    const { className, pagination, onPageChange, params, fetcher, dataPath, totalPath, ...rest } = this.props;
+    const {
+      className,
+      pagination,
+      onPageChange,
+      params,
+      paramsAdd,
+      paramsEdit,
+      fetcher,
+      dataPath,
+      totalPath,
+      ...rest
+    } = this.props;
     const { dataSource, isLoading, current, pageSize, total } = this.state;
+
     return (
       <Table
         className={cx(className, CLASS_NAME)}