@hzab/edit-table 0.0.1 → 0.1.0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# @hzab/edit-table@0.0.2
+
+feat: 组件优化，批量提交
+
 # @hzab/edit-table@0.0.1
 
 组件初始化

package/README.md

@@ -18,11 +18,24 @@ import Demo from "@hzab/edit-table";
 
 ## API
 
-### InfoPanel Attributes
+#### cellEditTableProps
 
-| 参数   | 类型   | 必填 | 默认值 | 说明              |
-| ------ | ------ | ---- | ------ | ----------------- |
-| schema | Object | 是   | -      | 数据信息的 schema |
+| 属性名称        | 属性类型 | 必须 | 默认值 | 描述               |
+| --------------- | -------- | ---- | ------ | ------------------ |
+| reactGridProps  | Object   | 否   |        | reactGrid 相关参数 |
+| onChange        | Function | 否   |        | 单元格回调         |
+| formulaConfig   | Object   | 否   |        | 运算相关配置       |
+| headerRowHeight | number   | 否   |        | 表头高度           |
+| rowHeight       | number   | 否   |        | 数据行高度         |
+
+#### reactGridProps
+
+| 属性名称 | 属性类型 | 必须 | 默认值 | 描述 |
+| enableFillHandle | boolean | false | 开启后，选中单元格右下角会出现小方块，可拖拽快速复制 / 序列填充数据（类似 Excel 拖拽填充）|
+| enableRangeSelection | boolean | false | 开启框选单元格区域（批量选中、批量编辑 / 填充必备）|
+| onFocusLocationChanging | (location: CellLocation): boolean | 否 | 焦点 / 进入编辑态前回调，return false 阻止进入编辑）|
+| customCellTemplates | Function | 否 | 注册自定义单元格模板（按钮、下拉、日期等单元格）|
+| onSelectionChanged | Function | 否 | 选择区回调 |
 
 # 组件开发流程
 
@@ -39,6 +52,7 @@ import Demo from "@hzab/edit-table";
 ## 命令
 
 - Mac 执行该命令，设置 pre-commit 为可执行文件
+
   - npm run mac-chmod
   - chmod +x .husky && chmod +x .husky/pre-commit
 

package/package.json

@@ -1,59 +1,58 @@
-{
-  "name": "@hzab/edit-table",
-  "version": "0.0.1",
-  "description": "",
-  "main": "src",
-  "scripts": {
-    "dev": "webpack serve -c ./config/webpack.config.js --env local",
-    "build": "webpack -c ./config/webpack.config.js --env production",
-    "version:alpha": "npm version prerelease --preid=alpha",
-    "publish:alpha": "npm publish --tag alpha",
-    "version:beta": "npm version prerelease --preid=beta",
-    "publish:beta": "npm publish --tag beta",
-    "version:patch": "npm version patch",
-    "version:minior": "npm version minor",
-    "version:major": "npm version major",
-    "publish:stable": "npm publish --access public",
-    "prepare": "husky install",
-    "mac-chmod": "chmod +x .husky && chmod +x .husky/pre-commit",
-    "docs": "typedoc"
-  },
-  "files": [
-    "src",
-    "CHANGELOG.md"
-  ],
-  "keywords": [],
-  "author": "CaiYansong",
-  "license": "ISC",
-  "devDependencies": {
-    "@hzab/permissions": "1.0.0",
-    "@hzab/webpack-config": "1.1.4",
-    "@types/react": "17.0.62",
-    "@types/react-dom": "17.0.20",
-    "antd": "4.24.16",
-    "axios": "1.13.6",
-    "eslint": "8.30.0",
-    "less": "4.1.3",
-    "mobx": "6.7.0",
-    "mobx-react": "7.6.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-router-dom": "6.14.1",
-    "typedoc": "0.24.8",
-    "typescript": "4.9.4",
-    "webpack": "5.75.0"
-  },
-  "directories": {
-    "src": "src"
-  },
-  "lint-staged": {
-    "**.{js,jsx,ts,tsx,css,scss,less,json,html}": [
-      "prettier --write"
-    ]
-  },
-  "dependencies": {
-    "@hzab/form-render": "^1.7.17",
-    "@hzab/list-render": "^1.11.0",
-    "@silevis/reactgrid": "^4.1.17"
-  }
-}
+{
+  "name": "@hzab/edit-table",
+  "version": "0.1.0",
+  "description": "",
+  "main": "src",
+  "scripts": {
+    "dev": "webpack serve -c ./config/webpack.config.js --env local",
+    "build": "webpack -c ./config/webpack.config.js --env production",
+    "version:alpha": "npm version prerelease --preid=alpha",
+    "publish:alpha": "npm publish --tag alpha",
+    "version:beta": "npm version prerelease --preid=beta",
+    "publish:beta": "npm publish --tag beta",
+    "version:patch": "npm version patch",
+    "version:minior": "npm version minor",
+    "version:major": "npm version major",
+    "publish:stable": "npm publish --access public",
+    "prepare": "husky install",
+    "mac-chmod": "chmod +x .husky && chmod +x .husky/pre-commit",
+    "docs": "typedoc"
+  },
+  "files": [
+    "src",
+    "CHANGELOG.md"
+  ],
+  "keywords": [],
+  "author": "CaiYansong",
+  "license": "ISC",
+  "devDependencies": {
+    "@hzab/permissions": "1.0.0",
+    "@hzab/webpack-config": "1.1.4",
+    "@types/react": "17.0.62",
+    "@types/react-dom": "17.0.20",
+    "antd": "4.24.16",
+    "axios": "1.13.6",
+    "eslint": "8.30.0",
+    "less": "4.1.3",
+    "mobx": "6.7.0",
+    "mobx-react": "7.6.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-router-dom": "6.14.1",
+    "typedoc": "0.24.8",
+    "typescript": "4.9.4",
+    "webpack": "5.75.0",
+    "@hzab/form-render": "^1.7.17",
+    "@hzab/list-render": "^1.11.0",
+    "@silevis/reactgrid": "^4.1.17"
+  },
+  "directories": {
+    "src": "src"
+  },
+  "lint-staged": {
+    "**.{js,jsx,ts,tsx,css,scss,less,json,html}": [
+      "prettier --write"
+    ]
+  },
+  "dependencies": {}
+}

package/src/Template/ExpandListTemplate/index.tsx

@@ -1,5 +1,5 @@
-import { MinusCircleOutlined, MinusSquareOutlined, PlusCircleOutlined } from "@ant-design/icons";
 import { useEffect, useState } from "react";
+import { MinusCircleOutlined, PlusCircleOutlined } from "@ant-design/icons";
 import "./index.less";
 
 export const ExpandListTemplate = (props) => {
@@ -29,10 +29,6 @@ export const ExpandListTemplate = (props) => {
     }
   }, [cell?.record]);
 
-  const colRender = function (record) {
-    const Slot = Slots[columnId];
-    return <Slot record={record} />;
-  };
   /** 展开关闭子项 */
   const onClickExpand = () => {
     setExpandKeys((preExpandKeys) => {
@@ -57,9 +53,6 @@ export const ExpandListTemplate = (props) => {
       ) : (
         <div style={{ width: 14 }}></div>
       )}
-      <div className={`expandList-template-name`} style={{ marginLeft: record?.level * 8 }}>
-        {Slots?.[columnId] ? colRender(record) : record[columnId]}
-      </div>
     </div>
   );
 };

package/src/Template/NumberCellTemplate.tsx

@@ -15,7 +15,7 @@ import {
   UncertainCompatible,
 } from "@silevis/reactgrid";
 import * as React from "react";
-import { parseLocaleNumber } from "./utils";
+import { parseLocaleNumber } from "../common/utils";
 
 // NOTE: all modules imported below may be imported from '@silevis/reactgrid'
 

package/src/common/WidthWrapHoc.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 
 import {
   Cell,
@@ -12,7 +12,6 @@ import {
   Uncertain,
   UncertainCompatible,
 } from "@silevis/reactgrid";
-import { getVal } from "@hzab/list-render/src/common/utils";
 import { InfoCircleOutlined } from "@ant-design/icons";
 import { Popover } from "antd";
 
@@ -108,6 +107,12 @@ export const WidthWrapHoc = (WrapComponent: any) => {
       const [isOpen, setIsOpen] = useState<boolean>(false);
       const datatypeId = cell?.columnId + cell?.rowId;
       const [comValue, setComValue] = useState(cell?.text);
+      const comValueInit = useRef<any>(cell?.text);
+      useEffect(() => {
+        setComValue(cell?.text);
+        comValueInit.current = cell?.text;
+      }, [cell?.text]);
+
       useEffect(() => {
         // 处理下拉选项弹层失焦逻辑
         function onClick() {
@@ -120,21 +125,12 @@ export const WidthWrapHoc = (WrapComponent: any) => {
           document.removeEventListener("click", onClick);
         };
       }, []);
-      const echoValue = useMemo(() => {
-        if (!cell?.getField) {
-          return;
-        }
-        return getVal(
-          { ...cell?.getField(), enum: cell?.getField()?.enum || cell?.values },
-          { [cell?.getField().name]: cell.text },
-        );
-      }, [cell]);
 
       const isValidator = useMemo(() => {
         let flag = false;
         let isVerify = false;
         for (let it of cell?.validatorList || []) {
-          if (it?.pattern?.test(cell.text)) {
+          if (it?.pattern?.test(comValue)) {
             flag = true;
           }
           break;
@@ -142,7 +138,7 @@ export const WidthWrapHoc = (WrapComponent: any) => {
         isVerify = !flag && cell?.validatorList?.length > 0;
 
         return isVerify;
-      }, [cell?.validatorList, cell.text]);
+      }, [cell?.validatorList, comValue]);
 
       return (
         <div
@@ -151,7 +147,6 @@ export const WidthWrapHoc = (WrapComponent: any) => {
             if (cell?.nonEditable) {
               return;
             }
-            (window as any).preCell = cell;
             setIsOpen(true);
           }}
         >
@@ -164,6 +159,8 @@ export const WidthWrapHoc = (WrapComponent: any) => {
                 cell["commit"] = "change";
                 const targetValue = e?.target?.value ?? e;
                 setComValue(targetValue);
+                comValueInit.current = targetValue;
+
                 onCellChanged(
                   this.getCompatibleCell({
                     ...cell,
@@ -178,7 +175,7 @@ export const WidthWrapHoc = (WrapComponent: any) => {
                 if (isValidator) {
                   cell["commit"] = "verify";
                 }
-                const targetValue = cell?.text;
+                const targetValue = comValueInit.current;
                 onCellChanged(
                   this.getCompatibleCell({
                     ...cell,
@@ -202,8 +199,8 @@ export const WidthWrapHoc = (WrapComponent: any) => {
             cell={cell}
           ></WrapComponent>
           {isValidator && (
-            <Popover content="该字段不合法">
-              <InfoCircleOutlined style={{ cursor: "pointer" }} />
+            <Popover content={cell?.validatorMessage ?? "该字段不合法"}>
+              <InfoCircleOutlined className="validator-icon" />
             </Popover>
           )}
         </div>

package/src/index.less

@@ -1,7 +1,10 @@
 .grid-container {
   overflow: auto;
   position: relative;
-  max-height: 80vh;
+  max-height: 100vh;
+  padding-bottom: 16px;
+
+
 
 
 
@@ -10,14 +13,6 @@
   }
 
 
-  .reactgrid-content .rg-pane .rg-cell {
-    padding: 0;
-
-    >div:nth-child(1) {
-      padding: 0 4px;
-    }
-  }
-
   .rg-header-cell,
   .rg-cell {
     display: flex;
@@ -32,4 +27,23 @@
   display: flex;
   align-items: center;
   justify-content: center;
+}
+
+.validator-icon {
+  position: relative;
+  background: #fff;
+  cursor: pointer;
+}
+
+.rg-rowSelection-cell {
+  label {
+    justify-content: center;
+  }
+}
+
+.grid-container-empty {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }

package/src/index.tsx

@@ -1,10 +1,10 @@
 import { useEffect, useMemo, useRef, useState } from "react";
+import { Checkbox, Empty, Spin } from "antd";
 import { ReactGrid } from "@silevis/reactgrid";
 import { TextTemplate } from "./Template/TextCellTemplate";
 import { antdComponents, customComponents } from "@hzab/form-render/src/index";
 import { WidthWrapHoc } from "./common/WidthWrapHoc";
 import { NumberTemplate } from "./Template/NumberCellTemplate";
-import { Checkbox, Spin } from "antd";
 import { ExpandListTemplate } from "./Template/ExpandListTemplate";
 import { convertColumnsToRows, flattenColumns, isReactElement } from "./common/utils";
 import { childAntdComponent } from "./common/childAntdComponent";
@@ -29,6 +29,8 @@ interface CellEditTableProps {
   query?: any;
   loading?: boolean;
   isExpand?: boolean;
+  getList?: () => void;
+  onRow?: (v: any, ri: number, ci: number) => void;
 }
 
 export default function CellEditTable(props: CellEditTableProps) {
@@ -39,8 +41,8 @@ export default function CellEditTable(props: CellEditTableProps) {
     onChange,
     reactGridProps = {},
     onEditSubmit,
-    headerRowHeight,
-    rowHeight,
+    headerRowHeight = 44,
+    rowHeight = 44,
     reactGridStyle,
     className,
     Slots,
@@ -49,15 +51,22 @@ export default function CellEditTable(props: CellEditTableProps) {
     query,
     loading,
     isExpand = false,
+    getList,
+    onRow,
   } = props;
 
   const [headerList, setHeaderList] = useState<any>([]);
   const [rows, setRows] = useState<any>([]);
+  /** 初始行数据 */
+  const initRowsRef = useRef<any>([]);
+  const firstRender = useRef(true);
   const [tableColumns, setTableColumns] = useState<any>([]);
   const [selectedRowKeys, setSelectedRowKeys] = useState<any>([]);
   const [newDataSource, setNewDataSource] = useState<any>([]);
   const [expandKeys, setExpandKeys] = useState<any>([]);
   const [headerCustomTemplate, setHeaderCustomTemplate] = useState<any>([]);
+  const gridRef = useRef<any>();
+
   /** 递归处理子节点数据 */
   const handleDataSource = (arr, level = 0) => {
     arr?.forEach((el) => {
@@ -166,9 +175,9 @@ export default function CellEditTable(props: CellEditTableProps) {
               if (key == el) {
                 const it = formulaConfig[key];
                 newCell = {
-                  text: it?.setCellData(item),
-                  value: it?.setCellData(item),
-                  style: it?.setCellStyle(it?.setCellData(item)),
+                  text: it?.setCellData && it?.setCellData(item),
+                  value: it?.setCellData && it?.setCellData(item),
+                  style: it?.setCellStyle && it?.setCellStyle((it?.setCellData && it?.setCellData(item)) || item),
                 };
               }
             }
@@ -184,6 +193,7 @@ export default function CellEditTable(props: CellEditTableProps) {
             value: cellItem,
             selectedValue: cellItem || "",
             style: columnsItem?.type == "rowSelection" ? { display: "flex", justifyContent: "center" } : {},
+            ...((onRow && onRow(item, index, ind)) || {}),
             ...((columnsItem?.onCell && columnsItem?.onCell(item, index, ind)) || {}),
             ...(columnsItem?.cellProps || {}),
             setNewDataSource,
@@ -196,44 +206,70 @@ export default function CellEditTable(props: CellEditTableProps) {
         }),
       };
     });
+    if (firstRender.current) {
+      initRowsRef.current = [...headerList, ...tempDataSource];
+      firstRender.current = false;
+    }
     setRows([...headerList, ...tempDataSource]);
   }, [newDataSource, tableColumns, headerList]);
 
   // 单元格编辑回调
-  const handleCellsChanged = (changes) => {
+  const handleCellsChanged = async (changes) => {
+    const batchQuery: any = [];
     if (!Array.isArray(changes) || changes.length === 0) return;
     /** 批量提交 */
     let isBatchSubmit = false;
     if (changes?.length > 1) {
       isBatchSubmit = true;
     }
+
     setRows((prevRows) => {
-      changes.forEach((change) => {
-        const hasDiff = JSON.stringify((window as any).preCell?.text) != JSON.stringify(change.newCell?.text);
-        if (!hasDiff) return;
+      changes.forEach(async (change) => {
+        // const hasDiff = JSON.stringify( change?.newCell?.text) != JSON.stringify(change.previousCell?.text);
+        // if (hasDiff) return;
         const changeRowIdx = prevRows.findIndex((el) => el.rowId == change.rowId);
         const changeColumnIdx = tableColumns.findIndex((el) => el.columnId == change.columnId);
         prevRows[changeRowIdx].cells[changeColumnIdx] = { ...change.newCell };
+        batchQuery.push(handleArrayToObj(prevRows[changeRowIdx]));
         if (formulaConfig) {
           for (let key in formulaConfig) {
             const item = formulaConfig[key];
             const resultColumnIdx = tableColumns.findIndex((el) => el.columnId == key);
             const newCell = {
               ...prevRows[changeRowIdx].cells[resultColumnIdx],
-              text: item?.setCellData(prevRows[changeRowIdx]),
-              value: item?.setCellData(prevRows[changeRowIdx]),
-              style: item?.setCellStyle(item?.setCellData(prevRows[changeRowIdx])),
+              text: item?.setCellData && item?.setCellData(prevRows[changeRowIdx]),
+              value: item?.setCellData && item?.setCellData(prevRows[changeRowIdx]),
+              style:
+                item?.setCellStyle &&
+                item?.setCellStyle(
+                  (item?.setCellData && item?.setCellData(prevRows[changeRowIdx])) || prevRows[changeRowIdx],
+                ),
             };
             prevRows[changeRowIdx].cells[resultColumnIdx] = newCell;
           }
         }
-        if (change?.newCell?.commit == "submit") {
-          onEditSubmit && onEditSubmit(handleArrayToObj(prevRows[changeRowIdx]));
+
+        if (change?.newCell?.commit == "submit" && onEditSubmit && !isBatchSubmit) {
+          try {
+            await onEditSubmit(batchQuery);
+          } catch (err) {
+            getList && getList();
+          }
         }
+
         onChange && onChange(prevRows[changeRowIdx]);
       });
+      initRowsRef.current = prevRows;
       return [...prevRows];
     });
+
+    if (isBatchSubmit) {
+      try {
+        onEditSubmit && (await onEditSubmit(batchQuery));
+      } catch (err) {
+        getList && getList();
+      }
+    }
   };
   /** 自定义组件注册 */
   const baseTemplate = useMemo(() => {
@@ -325,7 +361,8 @@ export default function CellEditTable(props: CellEditTableProps) {
     <Spin spinning={loading}>
       <div className={`grid-container ${className}`} style={reactGridStyle}>
         <ReactGrid
-          rows={rows}
+          ref={gridRef}
+          rows={loading ? initRowsRef.current : rows}
           columns={tableColumns}
           onCellsChanged={handleCellsChanged}
           enableFillHandle={true}
@@ -353,11 +390,12 @@ export default function CellEditTable(props: CellEditTableProps) {
             Input: TextTemplate,
             Number: NumberTemplate,
           }}
-
-          // onSelectionChanged={(newSelection) => {
-          //   console.log("选区发生变化", newSelection[0]);
-          // }}
         />
+        {dataSource?.length <= 0 && (
+          <div className="grid-container-empty">
+            <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+          </div>
+        )}
       </div>
     </Spin>
   );

package/src/Template/utils.ts

@@ -1,288 +0,0 @@
-export const getNavigatorLanguage = (): string => navigator.language || "en-US";
-
-function getLocaleSeparators(locale: string) {
-  const testNumber = 123456.789;
-  const localeFormattedNumber = Intl.NumberFormat(locale).format(testNumber);
-
-  // Get the thousands separator of the locale
-  const thousandsSeparator = localeFormattedNumber.split("123")[1][0];
-
-  // Get the decimal separator of the locale
-  const decimalSeparator = localeFormattedNumber.split("123")[1][4];
-  return { thousandsSeparator, decimalSeparator };
-}
-export function parseLocaleNumber(stringNumber: string, locale = getNavigatorLanguage()): number {
-  if (!stringNumber.trim()) return NaN;
-  const { thousandsSeparator, decimalSeparator } = getLocaleSeparators(locale);
-  const normalizedStringNumber = stringNumber.replace(/\u00A0/g, " "); // Replace non-breaking space with normal space
-  const numberString = normalizedStringNumber
-    .replace(new RegExp(`[${thousandsSeparator}\\s]`, "g"), "") // Replace thousands separator and white-space
-    .replace(new RegExp(`\\${decimalSeparator}`, "g"), "."); // Replace decimal separator
-
-  const trimmedNumberString = numberString.replace(/^(?!-)\D+|\D+$/g, ""); // Remove characters before first and after last number, but keep negative sign
-  if (trimmedNumberString === null || trimmedNumberString.trim().length === 0) {
-    return NaN;
-  }
-  return Number(trimmedNumberString);
-}
-
-
-export function isReactElement(value) {
-  return value !== null && typeof value === "object";
-}
-const getTitle = (item) => {
-  return typeof item?.title == "function"
-    ? isReactElement(item?.title())
-      ? item?.title()?.props.children
-      : String(item?.title()) || ""
-    : String(item?.title) || ""
-}
-
-export function convertColumnsToRows(columns, headerRowHeight = 40) {
-  // 获取所有叶子节点
-  const getLeaves = (cols) => {
-    return cols.reduce((acc, col) => {
-      if (col.children?.length) {
-        return [...acc, ...getLeaves(col.children)];
-      }
-      return [...acc, col];
-    }, []);
-  };
-
-  // 计算最大深度
-  const getDepth = (cols, depth = 1) => {
-    return cols.reduce((max, col) => {
-      if (col.children?.length) {
-        return Math.max(max, getDepth(col.children, depth + 1));
-      }
-      return Math.max(max, depth);
-    }, depth);
-  };
-
-  const leafColumns = getLeaves(columns);
-  const totalDepth = getDepth(columns);
-  const totalCols = leafColumns.length;
-
-  // 构建表头树
-  const buildTree = (cols, depth = 0) => {
-    return cols.map((col) => {
-      const hasChildren = col.children?.length > 0;
-      if (!hasChildren) {
-        return {
-          ...col,
-          rowspan: totalDepth - depth,
-          colspan: 1,
-          _depth: depth,
-          _isLeaf: true,
-        };
-      }
-      const leafCount = getLeaves(col.children).length;
-      return {
-        ...col,
-        rowspan: 1,
-        colspan: leafCount,
-        _depth: depth,
-        _isLeaf: false,
-        children: buildTree(col.children, depth + 1),
-      };
-    });
-  };
-
-  const tree = buildTree(columns, 0);
-
-  // 初始化行
-  const rows: any = Array.from({ length: totalDepth }, (_, i) => ({
-    rowId: `header-${i}`,
-    height: headerRowHeight,
-    cells: [],
-  }));
-
-  const handleType = (item) => {
-    if (["rowSelection", "ExpandListTemplate"]?.includes(item?.type)) {
-      return item?.type
-    }
-
-    if (isReactElement(typeof item?.title == "function" ? item?.title() : null)) {
-      return `${item?.dataIndex}`
-    }
-    return "header"
-  }
-
-
-  // 递归填充行
-  const fillRow = (nodes, rowIndex = 0) => {
-    nodes.forEach((node) => {
-      if (node._isLeaf) {
-        const cell = {
-          ...node,
-          type: handleType(node),
-          text: getTitle(node),
-          dataIndex: node.dataIndex,
-          width: node.width,
-          rowspan: node.rowspan,
-          style: node?.style ? node?.style : {
-            background: "rgba(128, 128, 128, 0.1)",
-            display: "flex",
-            justifyContent: "center"
-          },
-        };
-        if (node.sorter) cell.sorter = node.sorter;
-        if (node.key) cell.key = node.key;
-        rows[rowIndex].cells.push(cell);
-      } else {
-        // 父节点：添加colspan
-        rows[rowIndex].cells.push({
-          ...node,
-          type: handleType(node),
-          text: getTitle(node),
-          colspan: node.colspan,
-          style: node?.style ? node?.style : {
-            background: "rgba(128, 128, 128, 0.1)",
-            display: "flex",
-            justifyContent: "center"
-          },
-        });
-        if (node.children) {
-          fillRow(node.children, rowIndex + 1);
-        }
-      }
-    });
-  };
-
-  fillRow(tree, 0);
-
-  // 补全每一行的cell，使长度一致
-  rows.forEach((row, rowIndex) => {
-    const newCells = [];
-    let colIndex = 0;
-    let cellIndex = 0;
-
-    while (colIndex < totalCols) {
-      const currentCell = row.cells[cellIndex];
-
-      if (!currentCell) {
-        // 如果当前行没有足够的cell，从叶子节点补充
-        const leaf = leafColumns[colIndex];
-        newCells.push({
-          ...leaf,
-          type: handleType(leaf),
-          text: getTitle(leaf),
-          dataIndex: leaf.dataIndex,
-          width: leaf.width,
-          rowspan: rowIndex === totalDepth - 1 ? 1 : undefined,
-          style: leaf?.style ? leaf?.style : {
-            background: "rgba(128, 128, 128, 0.1)",
-            display: "flex",
-            justifyContent: "center"
-          },
-        });
-        colIndex++;
-        cellIndex++;
-        continue;
-      }
-
-      const colspan = currentCell.colspan || 1;
-      const rowspan = currentCell.rowspan || 1;
-
-      // 检查当前cell是否应该出现在这一行
-      // 如果rowspan > 1，表示它跨多行，但只在第一行出现
-      if (rowspan > 1 && rowIndex > 0) {
-        // 这个cell不应该出现在当前行，跳过
-        colIndex += colspan;
-        cellIndex++;
-        continue;
-      }
-
-      // 如果当前cell有colspan，需要补全后面的空cell
-      newCells.push(currentCell);
-      colIndex += colspan;
-      cellIndex++;
-
-      // 如果colspan > 1，后面补充空cell
-      for (let i = 1; i < colspan; i++) {
-        newCells.push({
-          type: "header",
-          text: "",
-        });
-      }
-    }
-
-    row.cells = newCells;
-  });
-
-  // 最后一行的特殊处理：确保所有叶子节点都有对应的cell
-  const lastRow = rows[totalDepth - 1];
-  const lastRowCells = [];
-  let leafIndex = 0;
-
-  // 遍历所有叶子节点
-  leafColumns.forEach((leaf, index) => {
-    // 检查是否已经在lastRow中有对应的cell
-    const existingCell = lastRow.cells.find((cell) => cell.dataIndex === leaf.dataIndex && cell.text === leaf.title);
-
-    if (existingCell) {
-      lastRowCells.push(existingCell);
-    } else {
-      // 创建新的cell
-      lastRowCells.push({
-        ...leaf,
-        type: handleType(leaf),
-        text: getTitle(leaf),
-        dataIndex: leaf.dataIndex,
-        width: leaf.width,
-        rowspan: 1,
-        style: leaf?.style ? leaf?.style : {
-          background: "rgba(128, 128, 128, 0.1)",
-          display: "flex",
-          justifyContent: "center"
-        },
-      });
-    }
-  });
-
-  lastRow.cells = lastRowCells;
-
-  // 确保所有行的cell数量等于totalCols
-  rows.forEach((row) => {
-    // 如果cell数量少于totalCols，补充空cell
-    while (row.cells.length < totalCols) {
-      row.cells.push({
-        type: "header",
-        text: "",
-      });
-    }
-  });
-
-  return rows;
-}
-
-
-export function flattenColumns(columns: any[]) {
-  const result: any[] = [];
-
-  function traverse(cols) {
-    cols.forEach((col) => {
-      if (col.children && col.children.length > 0) {
-        traverse(col.children);
-      } else {
-        // 创建新对象，只保留需要的属性
-        const { title, dataIndex, key, width, sorter, k, ...rest } = col;
-
-        result.push({
-          type: "Input",
-          dataIndex,
-          title,
-          ...(key && { key }),
-          ...(width && { width }),
-          ...(sorter && { sorter }),
-          ...(k && { k }),
-          // 如果需要保留其他属性
-          ...rest,
-        });
-      }
-    });
-  }
-
-  traverse(columns);
-  return result;
-}

package/src/common/test.ts

@@ -1,3 +0,0 @@
-export const test = function () {
-  console.log("test");
-};