@hzab/edit-table 0.1.9 → 0.1.12

package/src/common/utils.ts

@@ -1,288 +1,295 @@
-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 = [];
-  const 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;
-}
+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 = [];
+  const 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;
+}