fix(demo): fix demo error

src/components/Table/src/components/editable/index.ts

@@ -41,7 +41,8 @@ export function renderEditCell(column: BasicColumn) {
   };
 }
 
-export type EditRecordRow<T = Hash<any>> = {
+export type EditRecordRow<T = Hash<any>> = Partial<
+  {
     onEdit: (editable: boolean, submit?: boolean) => Promise<boolean>;
     editable: boolean;
     onCancel: Fn;
@@ -49,4 +50,5 @@ export type EditRecordRow<T = Hash<any>> = {
     submitCbs: Fn[];
     cancelCbs: Fn[];
     validCbs: Fn[];
-} & T;
+  } & T
+>;

src/views/demo/page/form/high/PersonTable.vue

@@ -16,7 +16,6 @@
     TableAction,
     BasicColumn,
     ActionItem,
-    renderEditableRow,
     EditTableHeaderIcon,
     EditRecordRow,
   } from '/@/components/Table';
@@ -25,17 +24,21 @@
     {
       title: '成员姓名',
       dataIndex: 'name',
-      customRender: renderEditableRow({ dataIndex: 'name', placeholder: '请输入成员姓名' }),
+      editRow: true,
     },
     {
       title: '工号',
       dataIndex: 'no',
-      customRender: renderEditableRow({ dataIndex: 'no', placeholder: '请输入工号' }),
+      editRow: true,
+
+      // customRender: renderEditableRow({ dataIndex: 'no', placeholder: '请输入工号' }),
     },
     {
       title: '所属部门',
       dataIndex: 'dept',
-      customRender: renderEditableRow({ dataIndex: 'dept', placeholder: '请输入所属部门' }),
+      editRow: true,
+
+      // customRender: renderEditableRow({ dataIndex: 'dept', placeholder: '请输入所属部门' }),
     },
   ];
 
@@ -73,12 +76,11 @@
       });
 
       function handleEdit(record: EditRecordRow) {
-        record.editable = true;
+        record.onEdit?.(true);
       }
 
       function handleCancel(record: EditRecordRow) {
-        record.editable = false;
+        record.onEdit?.(false);
-        record.onCancel && record.onCancel();
         if (record.isNew) {
           const data = getDataSource();
           const index = data.findIndex((item) => item.key === record.key);
@@ -87,8 +89,7 @@
       }
 
       function handleSave(record: EditRecordRow) {
-        record.editable = false;
+        record.onEdit?.(false, true);
-        record.onSubmit && record.onSubmit();
       }
 
       function handleAdd() {