zmdms-webui 2.2.9 → 2.3.1

package/dist/es/canvastable/utils/formatHelpers.js

@@ -0,0 +1,60 @@
+import dayjs from 'dayjs';
+
+/**
+ * 数据格式化工具函数
+ */
+/**
+ * 格式化数值（千分符）
+ */
+var formatThousand = function (value) {
+    if (value === null || value === undefined || value === "")
+        return "";
+    var num = typeof value === "string" ? parseFloat(value) : value;
+    if (isNaN(num))
+        return String(value);
+    return num.toLocaleString("en-US");
+};
+/**
+ * 格式化精度
+ */
+var formatPrecision = function (value, precision) {
+    if (value === null || value === undefined || value === "")
+        return "";
+    var num = typeof value === "string" ? parseFloat(value) : value;
+    if (isNaN(num))
+        return String(value);
+    return num.toFixed(precision);
+};
+/**
+ * 格式化日期
+ */
+var formatDate = function (value, format) {
+    if (format === void 0) { format = "YYYY-MM-DD"; }
+    if (!value)
+        return "";
+    var date = dayjs(value);
+    return date.isValid() ? date.format(format) : String(value);
+};
+/**
+ * 格式化单元格值
+ */
+var formatCellValue = function (value, column) {
+    if (value === null || value === undefined)
+        return "";
+    var formattedValue = value;
+    // 日期格式化
+    if (column.dateFormat) {
+        formattedValue = formatDate(formattedValue, column.dateFormat);
+    }
+    // 数值精度
+    if (column.precision !== undefined && typeof formattedValue === "number") {
+        formattedValue = formatPrecision(formattedValue, column.precision);
+    }
+    // 千分符
+    if (column.thousand && !isNaN(Number(formattedValue))) {
+        formattedValue = formatThousand(formattedValue);
+    }
+    return String(formattedValue);
+};
+
+export { formatCellValue, formatDate, formatPrecision, formatThousand };

package/dist/es/canvastable/utils/interactionHelpers.js

@@ -0,0 +1,176 @@
+/**
+ * 交互相关的辅助函数
+ */
+var calculateIconArea = function (column, cellWidth) {
+    var hasOrder = column.isOrder !== false;
+    var hasFilter = column.isFilter !== false;
+    var iconsWidth = 0;
+    if (hasFilter) {
+        iconsWidth += 15; // 筛选图标宽度（10px图标 + 5px右边距）
+    }
+    if (hasOrder) {
+        iconsWidth += 15; // 排序图标宽度（10px图标）
+        if (hasFilter) {
+            iconsWidth += 4; // 排序和筛选之间的间距
+        }
+    }
+    // 排序图标区域
+    var sortIconStart = hasFilter ? cellWidth - 38 : cellWidth - 18;
+    var sortIconEnd = hasFilter ? cellWidth - 20 : cellWidth;
+    // 筛选图标区域（最右侧20px）
+    var filterIconStart = cellWidth - 20;
+    var filterIconEnd = cellWidth;
+    return {
+        hasOrder: hasOrder,
+        hasFilter: hasFilter,
+        sortIconStart: sortIconStart,
+        sortIconEnd: sortIconEnd,
+        filterIconStart: filterIconStart,
+        filterIconEnd: filterIconEnd,
+        iconsWidth: iconsWidth,
+    };
+};
+/**
+ * 判断点击是否在图标区域内
+ */
+var isClickInIconArea = function (relativeX, iconArea, type) {
+    if (type === "filter" && iconArea.hasFilter) {
+        return (relativeX >= iconArea.filterIconStart &&
+            relativeX < iconArea.filterIconEnd);
+    }
+    if (type === "sort" && iconArea.hasOrder) {
+        return (relativeX >= iconArea.sortIconStart && relativeX < iconArea.sortIconEnd);
+    }
+    return false;
+};
+/**
+ * 计算弹窗位置（确保不超出容器边界）
+ */
+var calculatePopoverPosition = function (columnDrawX, columnWidth, containerWidth, headerHeight, popoverWidth, gap) {
+    if (popoverWidth === void 0) { popoverWidth = 180; }
+    if (gap === void 0) { gap = 2; }
+    // 默认位置：列的右边缘对齐弹窗右边缘
+    var popoverX = columnDrawX + columnWidth - popoverWidth;
+    // 如果超出左边界，调整位置
+    if (popoverX < 8) {
+        popoverX = 8; // 留一点边距
+    }
+    // 如果超出右边界，调整位置
+    var maxX = containerWidth - popoverWidth - 8;
+    if (popoverX > maxX) {
+        popoverX = maxX;
+    }
+    return {
+        x: popoverX,
+        y: headerHeight + gap,
+    };
+};
+var calculateSelectionState = function (dataSource, selectedRowKeys, getRowKey, getCheckboxProps) {
+    // 获取所有可选择的数据（排除 disabled 的）
+    var selectableData = dataSource.filter(function (record) {
+        var checkboxProps = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(record)) || {};
+        return !checkboxProps.disabled;
+    });
+    // 计算选中状态
+    var selectedCount = selectableData.filter(function (record) {
+        var actualIndex = dataSource.indexOf(record);
+        return selectedRowKeys.includes(getRowKey(record, actualIndex));
+    }).length;
+    var isAllSelected = selectableData.length > 0 && selectedCount === selectableData.length;
+    var isIndeterminate = selectedCount > 0 && selectedCount < selectableData.length;
+    return {
+        isAllSelected: isAllSelected,
+        isIndeterminate: isIndeterminate,
+        selectedCount: selectedCount,
+        selectableCount: selectableData.length,
+    };
+};
+/**
+ * 切换全选状态
+ */
+var toggleSelectAll = function (dataSource, isAllSelected, getRowKey, getCheckboxProps) {
+    if (isAllSelected) {
+        return [];
+    }
+    // 获取所有可选择的数据（排除 disabled 的）
+    var selectableData = dataSource.filter(function (record) {
+        var checkboxProps = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(record)) || {};
+        return !checkboxProps.disabled;
+    });
+    return selectableData.map(function (record) {
+        var actualIndex = dataSource.indexOf(record);
+        return getRowKey(record, actualIndex);
+    });
+};
+/**
+ * 处理排序点击
+ */
+var handleSortClick = function (clickedUpper, currentSortField, currentSortOrder, columnKey) {
+    var newOrder = null;
+    if (clickedUpper) {
+        // 点击上箭头：升序
+        if (currentSortField === columnKey && currentSortOrder === "ascend") {
+            newOrder = null; // 取消排序
+        }
+        else {
+            newOrder = "ascend";
+        }
+    }
+    else {
+        // 点击下箭头：降序
+        if (currentSortField === columnKey && currentSortOrder === "descend") {
+            newOrder = null; // 取消排序
+        }
+        else {
+            newOrder = "descend";
+        }
+    }
+    return {
+        sortField: newOrder ? columnKey : null,
+        sortOrder: newOrder,
+    };
+};
+/**
+ * 计算三角形badge的区域判断
+ */
+var isPointInTriangle = function (x, y, cellX, cellY, cellWidth, cellHeight, position, triangleSize) {
+    if (triangleSize === void 0) { triangleSize = 12; }
+    switch (position) {
+        case "top-left":
+            return (x >= cellX &&
+                x <= cellX + triangleSize &&
+                y >= cellY &&
+                y <= cellY + triangleSize &&
+                x - cellX + (y - cellY) <= triangleSize);
+        case "top-right":
+            return (x >= cellX + cellWidth - triangleSize &&
+                x <= cellX + cellWidth &&
+                y >= cellY &&
+                y <= cellY + triangleSize &&
+                cellX + cellWidth - x + (y - cellY) <= triangleSize);
+        case "bottom-left":
+            return (x >= cellX &&
+                x <= cellX + triangleSize &&
+                y >= cellY + cellHeight - triangleSize &&
+                y <= cellY + cellHeight &&
+                x - cellX + (cellY + cellHeight - y) <= triangleSize);
+        case "bottom-right":
+            return (x >= cellX + cellWidth - triangleSize &&
+                x <= cellX + cellWidth &&
+                y >= cellY + cellHeight - triangleSize &&
+                y <= cellY + cellHeight &&
+                cellX + cellWidth - x + (cellY + cellHeight - y) <= triangleSize);
+        default:
+            return false;
+    }
+};
+/**
+ * 计算滚动位置（限制在最大值范围内）
+ */
+var calculateScrollPosition = function (delta, currentScroll, maxScroll, totalSize, dragStart, scrollableSize) {
+    var scrollRatio = delta / scrollableSize;
+    var newScroll = currentScroll + scrollRatio * totalSize;
+    return Math.max(0, Math.min(maxScroll, newScroll));
+};
+
+export { calculateIconArea, calculatePopoverPosition, calculateScrollPosition, calculateSelectionState, handleSortClick, isClickInIconArea, isPointInTriangle, toggleSelectAll };

package/dist/es/canvastable/utils/multiHeaderHelpers.js

@@ -0,0 +1,82 @@
+/**
+ * 多级表头工具函数
+ */
+/**
+ * 获取叶子列（没有children的列）
+ */
+function getLeafColumns(columns) {
+    var leafColumns = [];
+    var walk = function (nodes) {
+        var _a;
+        (_a = nodes === null || nodes === void 0 ? void 0 : nodes.forEach) === null || _a === void 0 ? void 0 : _a.call(nodes, function (node) {
+            if (Array.isArray(node === null || node === void 0 ? void 0 : node.children) && node.children.length > 0) {
+                walk(node.children);
+            }
+            else {
+                leafColumns.push(node);
+            }
+        });
+    };
+    walk(columns);
+    return leafColumns;
+}
+/**
+ * 获取表头的最大深度
+ */
+function getMaxDepth(columns) {
+    var maxDepth = 1;
+    var walk = function (nodes, depth) {
+        var _a;
+        (_a = nodes === null || nodes === void 0 ? void 0 : nodes.forEach) === null || _a === void 0 ? void 0 : _a.call(nodes, function (node) {
+            if (depth > maxDepth) {
+                maxDepth = depth;
+            }
+            if (Array.isArray(node === null || node === void 0 ? void 0 : node.children) && node.children.length > 0) {
+                walk(node.children, depth + 1);
+            }
+        });
+    };
+    walk(columns, 1);
+    return maxDepth;
+}
+/**
+ * 计算列的跨度（colspan）
+ */
+function computeColSpan(column) {
+    if (!column.children || column.children.length === 0) {
+        return 1;
+    }
+    return column.children.reduce(function (sum, child) { return sum + computeColSpan(child); }, 0);
+}
+function flattenHeaders(columns) {
+    var maxDepth = getMaxDepth(columns);
+    var headerRows = Array.from({ length: maxDepth }, function () { return []; });
+    var walk = function (nodes, depth, startColIndexRef) {
+        nodes.forEach(function (node) {
+            var hasChildren = Array.isArray(node.children) && node.children.length > 0;
+            var colSpan = computeColSpan(node);
+            var rowSpan = hasChildren ? 1 : maxDepth - depth + 1;
+            var currentCol = startColIndexRef.value;
+            // 添加表头单元格
+            headerRows[depth - 1].push({
+                column: node,
+                rowSpan: rowSpan,
+                colSpan: colSpan,
+                depth: depth - 1,
+                colIndex: currentCol,
+            });
+            if (hasChildren) {
+                var childStartRef = { value: currentCol };
+                walk(node.children, depth + 1, childStartRef);
+                startColIndexRef.value = currentCol + colSpan;
+            }
+            else {
+                startColIndexRef.value = currentCol + 1;
+            }
+        });
+    };
+    walk(columns, 1, { value: 0 });
+    return headerRows;
+}
+
+export { computeColSpan, flattenHeaders, getLeafColumns, getMaxDepth };

package/dist/es/canvastable/utils/tableCalculations.js

@@ -0,0 +1,100 @@
+import { DEFAULT_COLUMN_WIDTH } from './constants.js';
+import { getLeafColumns } from './multiHeaderHelpers.js';
+
+/**
+ * 表格计算工具函数
+ */
+/**
+ * 计算列的渲染信息
+ * 注意：多级表头时，只处理叶子列（用于渲染数据）
+ */
+var calculateColumnRenderInfos = function (columns) {
+    // 获取叶子列（多级表头时只有叶子列才渲染数据）
+    var leafColumns = getLeafColumns(columns);
+    var infos = [];
+    var currentX = 0;
+    var fixedLeftX = 0;
+    leafColumns.forEach(function (column) {
+        var columnWidth = column.width || DEFAULT_COLUMN_WIDTH;
+        var isFixed = column.fixed === "left" || column.fixed === true;
+        infos.push({
+            column: column,
+            x: isFixed ? fixedLeftX : currentX,
+            width: columnWidth,
+            fixed: isFixed,
+            fixedLeft: isFixed ? fixedLeftX : undefined,
+        });
+        if (isFixed) {
+            fixedLeftX += columnWidth;
+        }
+        currentX += columnWidth;
+    });
+    return infos;
+};
+/**
+ * 计算总宽度
+ */
+var calculateTotalWidth = function (columnRenderInfos) {
+    return columnRenderInfos.reduce(function (sum, info) { return sum + info.width; }, 0);
+};
+/**
+ * 计算总高度
+ */
+var calculateTotalHeight = function (headerHeight, dataLength, rowHeight) {
+    return headerHeight + dataLength * rowHeight;
+};
+/**
+ * 计算滚动条位置和大小
+ */
+var calculateScrollbarMetrics = function (params) {
+    var containerWidth = params.containerWidth, containerHeight = params.containerHeight, totalWidth = params.totalWidth, totalHeight = params.totalHeight, headerHeight = params.headerHeight, scrollbarSize = params.scrollbarSize, minScrollbarSize = params.minScrollbarSize, scrollTop = params.scrollTop, scrollLeft = params.scrollLeft;
+    // 是否需要显示滚动条
+    var needVerticalScrollbar = totalHeight > containerHeight;
+    var needHorizontalScrollbar = totalWidth > containerWidth;
+    // 计算可滚动的最大值
+    // maxScrollTop 需要考虑水平滚动条占用的空间
+    // 当有水平滚动条时，数据可视区域减少了 scrollbarSize 的高度
+    var maxScrollTop = Math.max(0, totalHeight -
+        containerHeight +
+        (needHorizontalScrollbar ? scrollbarSize : 0));
+    // maxScrollLeft 需要考虑垂直滚动条占用的空间
+    // 当有垂直滚动条时，数据可视区域减少了 scrollbarSize 的宽度
+    var maxScrollLeft = Math.max(0, totalWidth - containerWidth + (needVerticalScrollbar ? scrollbarSize : 0));
+    // 计算数据区域高度（不包括表头和水平滚动条）
+    var dataAreaHeight = containerHeight -
+        headerHeight -
+        (needHorizontalScrollbar ? scrollbarSize : 0);
+    // 计算垂直滚动条高度
+    var verticalScrollbarHeight = needVerticalScrollbar
+        ? Math.max(minScrollbarSize, (dataAreaHeight / totalHeight) * dataAreaHeight)
+        : 0;
+    // 计算水平滚动条宽度
+    var horizontalScrollbarWidth = needHorizontalScrollbar
+        ? Math.max(minScrollbarSize, ((containerWidth - (needVerticalScrollbar ? scrollbarSize : 0)) /
+            totalWidth) *
+            (containerWidth - (needVerticalScrollbar ? scrollbarSize : 0)))
+        : 0;
+    // 计算滚动条位置
+    var verticalScrollbarTop = needVerticalScrollbar && maxScrollTop > 0
+        ? (scrollTop / maxScrollTop) * (dataAreaHeight - verticalScrollbarHeight)
+        : 0;
+    var horizontalScrollbarLeft = needHorizontalScrollbar && maxScrollLeft > 0
+        ? (scrollLeft / maxScrollLeft) *
+            (containerWidth -
+                (needVerticalScrollbar ? scrollbarSize : 0) -
+                horizontalScrollbarWidth)
+        : 0;
+    return {
+        needVerticalScrollbar: needVerticalScrollbar,
+        needHorizontalScrollbar: needHorizontalScrollbar,
+        maxScrollTop: maxScrollTop,
+        maxScrollLeft: maxScrollLeft,
+        dataAreaHeight: dataAreaHeight,
+        verticalScrollbarHeight: verticalScrollbarHeight,
+        horizontalScrollbarWidth: horizontalScrollbarWidth,
+        verticalScrollbarTop: verticalScrollbarTop,
+        horizontalScrollbarLeft: horizontalScrollbarLeft,
+    };
+};
+
+export { calculateColumnRenderInfos, calculateScrollbarMetrics, calculateTotalHeight, calculateTotalWidth };

package/dist/es/form/form.js

@@ -39,6 +39,7 @@ var Form = function (props, ref) {
     // 左容器类名
     var leftClasses = classNames("ztxk-form__left", leftClassName, {
         "ztxk-form__left--flex": isFlex,
+        "ztxk-form__left--toggle": isToggle,
         "ztxk-form__left--flex-direction": directionColumn,
     });
     // 右容器类名