@jswork/antd-components 1.0.208 → 1.0.210

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/antd-components",
-  "version": "1.0.208",
+  "version": "1.0.210",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",
@@ -19,8 +19,8 @@
   "peerDependencies": {
     "@ant-design/icons": "*",
     "@ebay/nice-form-react": "*",
-    "@jswork/react-ant-status-switch": "*",
     "@jswork/next": "*",
+    "@jswork/react-ant-status-switch": "*",
     "antd": "*",
     "react-router-dom": "*"
   },
@@ -60,6 +60,7 @@
     "@jswork/next-create-fetcher": "^1.0.6",
     "@jswork/next-dom-event": "^1.0.8",
     "@jswork/next-gpid": "^1.0.4",
+    "@jswork/next-tmpl": "^1.0.7",
     "@jswork/next-tree-walk": "^1.0.7",
     "@jswork/next-unique": "^1.0.2",
     "@jswork/noop": "^1.0.0",

package/src/lib/table.tsx

@@ -13,6 +13,7 @@ import { ReactHarmonyEvents } from '@jswork/harmony-events';
 import nx from '@jswork/next';
 import '@jswork/next-compact-object';
 import '@jswork/next-create-fetcher';
+import '@jswork/next-tmpl';
 import UrlSyncFlat from '@jswork/url-sync-flat';
 import { Table, TableProps } from 'antd';
 import { ColumnsType } from 'antd/es/table';
@@ -67,6 +68,14 @@ export type AcTableProps = TableProps & {
    * The extra params when reset the page.
    */
   paramsReset?: Record<string, any>;
+  /**
+   * Use custom router path for add page.
+   */
+  pathAdd?: string;
+  /**
+   * Use custom router path for edit page.
+   */
+  pathEdit?: string;
   /**
    * Custom get standard data.
    * @param params { current: number; pageSize: number }
@@ -360,8 +369,9 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
    * CURD(page): Redirect to add page.
    */
   public add = () => {
-    const { module, paramsAdd } = this.props;
+    const { module, paramsAdd, pathAdd } = this.props;
     const qs = this.toQueryString(paramsAdd);
+    if (pathAdd) return nx.$nav?.(pathAdd);
     nx.$nav?.(`/${module}/${this.routerKey}/add${qs}`);
   };
 
@@ -369,8 +379,12 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
    * CURD(page): Redirect to edit page.
    */
   public edit = (item: any) => {
-    const { module, rowKey, paramsEdit } = this.props;
+    const { module, rowKey, paramsEdit, pathEdit } = this.props;
     const qs = this.toQueryString(paramsEdit);
+    if (pathEdit) {
+      const _editPath = nx.tmpl(pathEdit, item);
+      return nx.$nav?.(nx.tmpl(_editPath, item));
+    }
     nx.$nav?.(`/${module}/${this.routerKey}/${item[rowKey as string]}/edit${qs}`);
   };