@jswork/antd-components 1.0.147 → 1.0.149

package/package.json

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

package/src/lib/table-extras.tsx

@@ -2,12 +2,12 @@
  * @Author: aric 1290657123@qq.com
  * @Date: 2025-10-24 20:40:55
  * @LastEditors: aric 1290657123@qq.com
- * @LastEditTime: 2025-10-24 21:04:29
+ * @LastEditTime: 2025-10-26 14:48:21
  */
-import { Button, Space, SpaceProps } from 'antd';
+import { Space, SpaceProps } from 'antd';
 import React, { FC } from 'react';
-import { PlusOutlined, ReloadOutlined } from '@ant-design/icons';
 import nx from '@jswork/next';
+import { BtnBack, BtnCreate, BtnRefresh } from './button';
 
 declare global {
   interface NxStatic {
@@ -23,17 +23,6 @@ export type AcTableExtrasProps = SpaceProps & {
   actions?: string []
 }
 
-const locales = {
-  'zh-CN': {
-    reset: '刷新',
-    add: '添加',
-  },
-  'en-US': {
-    reset: 'Refresh',
-    add: 'Create',
-  },
-};
-
 const defaultExtras = {
   lang: 'zh-CN',
   actions: ['reset', 'add'],
@@ -41,17 +30,14 @@ const defaultExtras = {
 
 export const AcTableExtras: FC<AcTableExtrasProps> = (props) => {
   const { name, lang, as, asProps, actions } = { ...defaultExtras, ...props };
-  const t = (key: string) => locales[lang][key];
   const handleRefresh = () => nx.$event?.emit?.(`${name}:reset`);
   const handleAdd = () => nx.$event?.emit?.(`${name}:add`);
+  const handleBack = () => history.back();
   const AsComponent = as || Space;
   const items = {
-    reset: <Button key="reset" size="small" icon={<ReloadOutlined />} onClick={handleRefresh}>
-      {t('reset')}
-    </Button>,
-    add: <Button key="add" size="small" icon={<PlusOutlined />} onClick={handleAdd}>
-      {t('add')}
-    </Button>,
+    reset: <BtnRefresh lang={lang} onClick={handleRefresh} />,
+    add: <BtnCreate lang={lang} onClick={handleAdd} />,
+    back: <BtnBack lang={lang} onClick={handleBack} />,
   };
 
   return (

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-25 23:54:58
+ * @LastEditTime: 2025-10-26 08:56:31
  *
  *
  * 路由风格: /{module}/{name} eg: /admin/staff-roles
@@ -100,7 +100,7 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   static formSchema = CLASS_NAME;
   private harmonyEvents: ReactHarmonyEvents | null = null;
   static event: EventMittNamespace.EventMitt;
-  static events = ['refetch', 'reset', 'add', 'edit', 'destroy', 'optimisticUpdate'];
+  static events = ['refetch', 'reset', 'add', 'edit', 'destroy', 'draft'];
   static defaultProps = {
     name: '@',
     module: 'admin',
@@ -202,15 +202,15 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
     );
   };
 
-  public optimisticUpdate = async (inData: Record<string, any>) => {
+  public draft = async (payload: Record<string, any>) => {
     const { rowKey } = this.props;
-    const id = inData[rowKey as string];
+    const id = payload[rowKey as string];
     const dataSource = this.state.dataSource!.slice();
     const index = dataSource.findIndex((item) => item[rowKey as string] === id);
     if (index !== -1) {
       dataSource[index] = {
         ...dataSource[index],
-        ...inData,
+        ...payload,
       };
       this.setState({ dataSource });
     }

package/src/lib/use-table-command.ts

@@ -1,7 +1,8 @@
 import { AcTable } from './table';
 
-type ExecuteFn = (command: string, ...args: any[]) => void;
+type ExecuteFn = (command: string, data?: any) => void;
 type ListenFn = (command: string, callback: any) => void;
+type Payload = Record<string, any>;
 
 const useCommand = (inName?: string) => {
   const name = inName || '@';
@@ -14,7 +15,7 @@ const useCommand = (inName?: string) => {
   const add = () => execute('add');
   const edit = () => execute('edit');
   const destroy = () => execute('destroy');
-  const optimisticUpdate = (inData: Record<string, any>) => execute('optimisticUpdate', inData);
+  const draft = (payload: Payload) => execute('draft', payload);
 
   return {
     listen,
@@ -24,7 +25,7 @@ const useCommand = (inName?: string) => {
     add,
     edit,
     destroy,
-    optimisticUpdate,
+    draft,
   };
 };