fix(useColumns): 多级表头下的列支持行内编辑 (#2521)

src/components/Table/src/hooks/useColumns.ts

@@ -146,12 +146,7 @@ export function useColumns(
   const getViewColumns = computed(() => {
     const viewColumns = sortFixedColumn(unref(getColumnsRef));
 
-    const columns = cloneDeep(viewColumns);
-    return columns
-      .filter((column) => {
-        return hasPermission(column.auth) && isIfShow(column);
-      })
-      .map((column) => {
+    const mapFn = (column) => {
       const { slots, customRender, format, edit, editRow, flag } = column;
 
       if (!slots || !slots?.title) {
@@ -171,6 +166,18 @@ export function useColumns(
         column.customRender = renderEditCell(column);
       }
       return reactive(column);
+    };
+
+    const columns = cloneDeep(viewColumns);
+    return columns
+      .filter((column) => hasPermission(column.auth) && isIfShow(column))
+      .map((column) => {
+        // Support table multiple header editable
+        if (column.children?.length) {
+          column.children = column.children.map(mapFn);
+        }
+
+        return mapFn(column);
       });
   });
 

src/views/demo/table/EditRowTable.vue

@@ -27,6 +27,11 @@
   import { useMessage } from '/@/hooks/web/useMessage';
 
   const columns: BasicColumn[] = [
+    {
+      title: '输入框',
+      dataIndex: 'name-group',
+      editRow: true,
+      children: [
         {
           title: '输入框',
           dataIndex: 'name',
@@ -71,6 +76,8 @@
           editComponent: 'InputNumber',
           width: 150,
         },
+      ],
+    },
     {
       title: '下拉框',
       dataIndex: 'name3',