zmdms-webui 2.3.2 → 2.3.4

package/dist/es/canvastable/canvasTable.js

@@ -26,8 +26,10 @@ import { useMergeCells } from './hooks/useMergeCells.js';
 import { useContainerSize } from './hooks/useContainerSize.js';
 import { useProcessedColumns } from './hooks/useProcessedColumns.js';
 import { useSummaryRow } from './hooks/useSummaryRow.js';
+import { useCanvasTableAutoHeight } from './hooks/useAutoHeight.js';
 import { SCROLLBAR_SIZE } from './utils/constants.js';
 import { calculateColumnRenderInfos, calculateTotalWidth, calculateTotalHeight } from './utils/tableCalculations.js';
+import 'zmdms-utils';
 import 'dayjs';
 import { TABLE_DYNAMIC_KEY } from '../table/constant.js';
 import { useDynamicListByColumns } from '../table/useDynamicListByColumns.js';
@@ -37,7 +39,7 @@ import { getTableColumns } from '../table/utils.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
 
 function CanvasTable(props) {
-    var _a = props.dataSource, dataSource = _a === void 0 ? [] : _a, _b = props.columns, columns = _b === void 0 ? [] : _b, _c = props.rowKey, rowKey = _c === void 0 ? "id" : _c, _d = props.height, height = _d === void 0 ? 600 : _d, width = props.width, _e = props.rowHeight, rowHeight = _e === void 0 ? 36 : _e, _f = props.headerHeight, headerHeight = _f === void 0 ? 36 : _f, rowSelection = props.rowSelection, onSortChange = props.onSortChange, onFilterChange = props.onFilterChange, onScroll = props.onScroll, onRowClick = props.onRowClick, onColumnResize = props.onColumnResize, _g = props.bordered, bordered = _g === void 0 ? true : _g, _h = props.striped, striped = _h === void 0 ? false : _h, _j = props.emptyText, emptyText = _j === void 0 ? "暂无数据" : _j, style = props.style, className = props.className, _k = props.loading, loading = _k === void 0 ? false : _k, _l = props.isContextMenu, isContextMenu = _l === void 0 ? true : _l, isFullscreenHandle = props.isFullscreenHandle, mode = props.mode, dynamicKey = props.dynamicKey, dynamicVersion = props.dynamicVersion, customDynamicListHandle = props.customDynamicListHandle, isDimensionDynamic = props.isDimensionDynamic, dimensionCustomSumKeys = props.dimensionCustomSumKeys, isAutoMerge = props.isAutoMerge, _m = props.isIndexMerge, isIndexMerge = _m === void 0 ? true : _m, _o = props.isSelectionMerge, isSelectionMerge = _o === void 0 ? false : _o, _p = props.renderMode, renderMode = _p === void 0 ? "object" : _p, fixedRowsCount = props.fixedRowsCount, fixedRowsConfig = props.fixedRowsConfig, _q = props.fixedSummaryRow, fixedSummaryRow = _q === void 0 ? false : _q;
+    var _a = props.dataSource, dataSource = _a === void 0 ? [] : _a, _b = props.columns, columns = _b === void 0 ? [] : _b, _c = props.rowKey, rowKey = _c === void 0 ? "id" : _c, _d = props.height, height = _d === void 0 ? 600 : _d, width = props.width, _e = props.rowHeight, rowHeight = _e === void 0 ? 36 : _e, _f = props.headerHeight, headerHeight = _f === void 0 ? 36 : _f, rowSelection = props.rowSelection, onSortChange = props.onSortChange, onFilterChange = props.onFilterChange, onScroll = props.onScroll, onRowClick = props.onRowClick, onColumnResize = props.onColumnResize, _g = props.bordered, bordered = _g === void 0 ? true : _g, _h = props.striped, striped = _h === void 0 ? false : _h, _j = props.emptyText, emptyText = _j === void 0 ? "暂无数据" : _j, style = props.style, className = props.className, _k = props.loading, loading = _k === void 0 ? false : _k, _l = props.isContextMenu, isContextMenu = _l === void 0 ? true : _l, isFullscreenHandle = props.isFullscreenHandle, _m = props.mode, mode = _m === void 0 ? "index" : _m, dynamicKey = props.dynamicKey, dynamicVersion = props.dynamicVersion, customDynamicListHandle = props.customDynamicListHandle, isDimensionDynamic = props.isDimensionDynamic, dimensionCustomSumKeys = props.dimensionCustomSumKeys, isAutoMerge = props.isAutoMerge, _o = props.isIndexMerge, isIndexMerge = _o === void 0 ? true : _o, _p = props.isSelectionMerge, isSelectionMerge = _p === void 0 ? false : _p, _q = props.renderMode, renderMode = _q === void 0 ? "object" : _q, fixedRowsCount = props.fixedRowsCount, fixedRowsConfig = props.fixedRowsConfig, _r = props.summaryFixed, summaryFixed = _r === void 0 ? false : _r, _s = props.isAutoScrollY, isAutoScrollY = _s === void 0 ? false : _s, _t = props.autoScrollYMarginBottom, autoScrollYMarginBottom = _t === void 0 ? 65 : _t, canvasTableId = props.canvasTableId;
     var canvasRef = useRef(null);
     var containerRef = useRef(null);
     var filterPopoverRef = useRef(null);
@@ -59,11 +61,11 @@ function CanvasTable(props) {
         return String((_a = record[rowKey]) !== null && _a !== void 0 ? _a : index);
     }, [rowKey]);
     // 动态列配置
-    var _r = useDynamicListByColumns(columns, {
+    var _u = useDynamicListByColumns(columns, {
         dynamicKey: dynamicKey,
         dynamicVersion: dynamicVersion,
         customDynamicListHandle: customDynamicListHandle,
-    }), defaultDynamicList = _r.defaultDynamicList, currentDynamicList = _r.currentDynamicList, onCurrentListChange = _r.onCurrentListChange, dynamicSettingRef = _r.dynamicSettingRef;
+    }), defaultDynamicList = _u.defaultDynamicList, currentDynamicList = _u.currentDynamicList, onCurrentListChange = _u.onCurrentListChange, dynamicSettingRef = _u.dynamicSettingRef;
     // 根据动态列配置处理columns
     var dynamicColumns = useMemo(function () { return getTableColumns(columns, currentDynamicList); }, [columns, currentDynamicList]).columns;
     // 计算表头动态高度（支持wrap换行）
@@ -72,7 +74,7 @@ function CanvasTable(props) {
         headerHeight: headerHeight,
     });
     // 内部列宽状态（未开启动态配置时使用）
-    var _s = useState({}), internalColumnWidths = _s[0], setInternalColumnWidths = _s[1];
+    var _v = useState({}), internalColumnWidths = _v[0], setInternalColumnWidths = _v[1];
     // 处理选中框列、序号列等
     var processedColumnsOld = useProcessedColumns({
         columns: columns,
@@ -85,28 +87,28 @@ function CanvasTable(props) {
         dynamicSettingRef: dynamicSettingRef,
     });
     // 表格状态管理
-    var _t = useTableState({
+    var _w = useTableState({
         dataSource: dataSource,
         columns: processedColumnsOld,
         rowSelection: rowSelection,
         onFilterChange: onFilterChange,
-    }), state = _t.state, setState = _t.setState, processedDataSource = _t.processedDataSource, handleFilterChange = _t.handleFilterChange, closeFilterPopover = _t.closeFilterPopover, autoGeneratedFilters = _t.autoGeneratedFilters;
+    }), state = _w.state, setState = _w.setState, processedDataSource = _w.processedDataSource, handleFilterChange = _w.handleFilterChange, closeFilterPopover = _w.closeFilterPopover, autoGeneratedFilters = _w.autoGeneratedFilters;
     var order = useMemo(function () {
         return state.sortOrder && state.sortField
             ? { field: state.sortField, order: state.sortOrder }
             : undefined;
     }, [state.sortOrder, state.sortField]);
-    var _u = useAutoMerge(processedDataSource, processedColumnsOld, {
+    var _x = useAutoMerge(processedDataSource, processedColumnsOld, {
         isAutoMerge: isAutoMerge,
         isDimensionDynamic: isDimensionDynamic,
         order: order,
         dimensionCustomSumKeys: dimensionCustomSumKeys,
-    }), newDataSource = _u[0], processedColumns = _u[1];
+    }), newDataSource = _x[0], processedColumns = _x[1];
     // 生成合计行和最终数据源
-    var _v = useSummaryRow({
+    var _y = useSummaryRow({
         columns: processedColumns,
         dataSource: newDataSource,
-    }), finalDataSource = _v.finalDataSource, hasSummaryRow = _v.hasSummaryRow;
+    }), finalDataSource = _y.finalDataSource, hasSummaryRow = _y.hasSummaryRow;
     // 计算列的渲染信息
     var columnRenderInfos = useMemo(function () { return calculateColumnRenderInfos(processedColumns); }, [processedColumns]);
     // 计算合并单元格信息
@@ -121,16 +123,18 @@ function CanvasTable(props) {
     var totalHeight = useMemo(function () {
         return calculateTotalHeight(calculatedHeaderHeight, finalDataSource.length, rowHeight);
     }, [calculatedHeaderHeight, finalDataSource.length, rowHeight]);
+    // 自动高度计算
+    var autoHeight = useCanvasTableAutoHeight(isAutoScrollY, autoScrollYMarginBottom, canvasTableId);
     // 监听容器尺寸变化
     var containerSize = useContainerSize({
         containerRef: containerRef,
         width: width,
-        height: height,
+        height: isAutoScrollY ? autoHeight || height : height,
     });
     var containerWidth = containerSize.width;
     var containerHeight = containerSize.height;
     // 计算滚动条指标
-    var _w = useScrollbarMetrics({
+    var _z = useScrollbarMetrics({
         containerWidth: containerWidth,
         containerHeight: containerHeight,
         totalWidth: totalWidth,
@@ -138,15 +142,15 @@ function CanvasTable(props) {
         headerHeight: calculatedHeaderHeight,
         scrollTop: 0,
         scrollLeft: 0,
-    }), maxScrollTop = _w.maxScrollTop, maxScrollLeft = _w.maxScrollLeft;
+    }), maxScrollTop = _z.maxScrollTop, maxScrollLeft = _z.maxScrollLeft;
     // 滚动管理（使用预先计算的maxScrollTop和maxScrollLeft）
-    var _x = useTableScroll({
+    var _0 = useTableScroll({
         canvasRef: canvasRef,
         containerRef: containerRef,
         maxScrollTop: maxScrollTop,
         maxScrollLeft: maxScrollLeft,
         onScroll: onScroll,
-    }), scrollState = _x.scrollState, setScrollState = _x.setScrollState;
+    }), scrollState = _0.scrollState, setScrollState = _0.setScrollState;
     // 数据变化时重置滚动位置（筛选、排序、数据源更新等操作后）
     useScrollReset({
         dataSourceLength: dataSource.length,
@@ -167,12 +171,12 @@ function CanvasTable(props) {
         scrollLeft: scrollState.scrollLeft,
     }).actualMetrics;
     // 单元格框选
-    var _y = useTableSelection({
+    var _1 = useTableSelection({
         state: state,
         setState: setState,
     }), 
     // selectionStartRef,
-    startSelection = _y.startSelection, updateSelection = _y.updateSelection, extendSelection = _y.extendSelection;
+    startSelection = _1.startSelection, updateSelection = _1.updateSelection, extendSelection = _1.extendSelection;
     // 处理列宽调整
     var handleColumnResize = useCallback(function (columnKey, newWidth) {
         var _a;
@@ -221,13 +225,13 @@ function CanvasTable(props) {
         onCurrentListChange,
     ]);
     // 列宽调整
-    var _z = useColumnResize({
+    var _2 = useColumnResize({
         columnRenderInfos: columnRenderInfos,
         containerWidth: containerWidth,
         headerHeight: calculatedHeaderHeight,
         scrollLeft: scrollState.scrollLeft,
         onColumnResize: handleColumnResize,
-    }), resizeState = _z.resizeState, checkResizeHandle = _z.checkResizeHandle, startResize = _z.startResize, updateResize = _z.updateResize, endResize = _z.endResize, setHoverResizeColumn = _z.setHoverResizeColumn, getColumnWidth = _z.getColumnWidth, RESIZE_HANDLE_WIDTH = _z.RESIZE_HANDLE_WIDTH;
+    }), resizeState = _2.resizeState, checkResizeHandle = _2.checkResizeHandle, startResize = _2.startResize, updateResize = _2.updateResize, endResize = _2.endResize, setHoverResizeColumn = _2.setHoverResizeColumn, getColumnWidth = _2.getColumnWidth, RESIZE_HANDLE_WIDTH = _2.RESIZE_HANDLE_WIDTH;
     // 复制到剪贴板
     var getSelectedCellsText = useCopyToClipboard({
         cellSelection: state.cellSelection,
@@ -250,7 +254,7 @@ function CanvasTable(props) {
         isAutoMerge: isAutoMerge,
     });
     // 交互事件处理（使用baseScrollbarMetrics的maxScrollTop/maxScrollLeft以保持稳定）
-    var _0 = useTableInteraction({
+    var _3 = useTableInteraction({
         state: state,
         setState: setState,
         scrollState: scrollState,
@@ -295,11 +299,11 @@ function CanvasTable(props) {
         menuShow: isContextMenu ? menuShow : undefined,
         fixedRowsCount: fixedRowsCount,
         fixedRowsConfig: fixedRowsConfig,
-        fixedSummaryRow: fixedSummaryRow,
-    }), handleCanvasMouseDown = _0.handleCanvasMouseDown, handleCanvasMouseMove = _0.handleCanvasMouseMove, handleCanvasMouseUp = _0.handleCanvasMouseUp, handleCanvasMouseLeave = _0.handleCanvasMouseLeave, handleCanvasContextMenu = _0.handleCanvasContextMenu;
+        summaryFixed: summaryFixed,
+    }), handleCanvasMouseDown = _3.handleCanvasMouseDown, handleCanvasMouseMove = _3.handleCanvasMouseMove, handleCanvasMouseUp = _3.handleCanvasMouseUp, handleCanvasMouseLeave = _3.handleCanvasMouseLeave, handleCanvasContextMenu = _3.handleCanvasContextMenu;
     // 渲染表格
     useTableRender(__assign(__assign({ canvasRef: canvasRef, processedDataSource: finalDataSource, columnRenderInfos: columnRenderInfos, columns: processedColumns, // 传递原始columns用于渲染多级表头
-        state: state, scrollState: scrollState, rowSelection: rowSelection, containerWidth: containerWidth, containerHeight: containerHeight, headerHeight: calculatedHeaderHeight, rowHeight: rowHeight, bordered: bordered, striped: striped }, scrollbarMetrics), { getRowKey: getRowKey, resizeState: resizeState, getColumnWidth: getColumnWidth, RESIZE_HANDLE_WIDTH: RESIZE_HANDLE_WIDTH, mergeCellMap: mergeCellMap, hasSummaryRow: hasSummaryRow, fixedRowsCount: fixedRowsCount, fixedRowsConfig: fixedRowsConfig, fixedSummaryRow: fixedSummaryRow }));
+        state: state, scrollState: scrollState, rowSelection: rowSelection, containerWidth: containerWidth, containerHeight: containerHeight, headerHeight: calculatedHeaderHeight, rowHeight: rowHeight, bordered: bordered, striped: striped }, scrollbarMetrics), { getRowKey: getRowKey, resizeState: resizeState, getColumnWidth: getColumnWidth, RESIZE_HANDLE_WIDTH: RESIZE_HANDLE_WIDTH, mergeCellMap: mergeCellMap, hasSummaryRow: hasSummaryRow, fixedRowsCount: fixedRowsCount, fixedRowsConfig: fixedRowsConfig, summaryFixed: summaryFixed }));
     // 单元格覆盖层
     var cellOverlays = useTableCellOverlay({
         canvasRef: canvasRef,
@@ -316,7 +320,7 @@ function CanvasTable(props) {
         fixedRowsCount: fixedRowsCount,
         fixedRowsConfig: fixedRowsConfig,
         hasSummaryRow: hasSummaryRow,
-        fixedSummaryRow: fixedSummaryRow,
+        summaryFixed: summaryFixed,
     }).cellOverlays;
     // 表头覆盖层
     var headerOverlays = useHeaderOverlay({
@@ -357,7 +361,7 @@ function CanvasTable(props) {
         isVisible: state.badgePopover.visible,
         onClose: handleCloseBadgePopover,
     });
-    return (jsx(Spin, __assign({ spinning: loading }, { children: jsxs("div", __assign({ ref: containerRef, className: "canvas-table-container ".concat(className || ""), tabIndex: 0, style: __assign(__assign({}, style), { position: "relative", width: width || "100%", height: containerHeight, overflow: "hidden", touchAction: "none", outline: "none" }) }, { children: [jsx("canvas", { ref: canvasRef, onMouseDown: handleCanvasMouseDown, onMouseMove: handleCanvasMouseMove, onMouseUp: handleCanvasMouseUp, onMouseLeave: handleCanvasMouseLeave, onContextMenu: handleCanvasContextMenu, style: {
+    return (jsx(Spin, __assign({ spinning: loading }, { children: jsxs("div", __assign({ ref: containerRef, id: canvasTableId, className: "canvas-table-container ".concat(className || ""), tabIndex: 0, style: __assign(__assign({}, style), { position: "relative", width: width || "100%", height: containerHeight, overflow: "hidden", touchAction: "none", outline: "none" }) }, { children: [jsx("canvas", { ref: canvasRef, onMouseDown: handleCanvasMouseDown, onMouseMove: handleCanvasMouseMove, onMouseUp: handleCanvasMouseUp, onMouseLeave: handleCanvasMouseLeave, onContextMenu: handleCanvasContextMenu, style: {
                         display: "block",
                         // cursor 由 useTableInteraction 动态管理
                         touchAction: "none",

package/dist/es/canvastable/components/ColumnDynamic.js

@@ -9,4 +9,6 @@ var ColumnDynamic = function (_a) {
             (_a = dynamicSettingRef === null || dynamicSettingRef === void 0 ? void 0 : dynamicSettingRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(true);
         } }));
 };
-memo(ColumnDynamic);
+var ColumnDynamic$1 = memo(ColumnDynamic);
+
+export { ColumnDynamic$1 as default };

package/dist/es/canvastable/hooks/useAutoHeight.js

@@ -0,0 +1,67 @@
+import { useState, useEffect } from 'react';
+
+/**
+ * CanvasTable 自动高度计算 Hook
+ */
+/**
+ * 计算CanvasTable高度
+ * @param isAutoScrollY 是否自动计算高度
+ * @param marginBottom canvas table下面留出的距离
+ * @param canvasTableId 表格id
+ * @returns 计算出的表格高度
+ */
+function useCanvasTableAutoHeight(isAutoScrollY, marginBottom, canvasTableId) {
+    if (marginBottom === void 0) { marginBottom = 65; }
+    var _a = useState(undefined), tableHeight = _a[0], setTableHeight = _a[1];
+    useEffect(function () {
+        if (!isAutoScrollY)
+            return;
+        var calculateHeight = function () {
+            var _a, _b;
+            // 查找容器元素
+            var containerRect = (_a = document
+                .querySelector(".ztxk-container")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            // 查找CanvasTable元素
+            var tableSelector = canvasTableId
+                ? "#".concat(CSS.escape(canvasTableId), " .canvas-table-container")
+                : ".canvas-table-container";
+            var tableRect = (_b = document
+                .querySelector(tableSelector)) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+            if (containerRect && tableRect) {
+                var calculatedHeight = containerRect.height +
+                    containerRect.top -
+                    tableRect.top -
+                    marginBottom;
+                // 确保高度不小于最小值
+                var minHeight = 200;
+                setTableHeight(Math.max(calculatedHeight, minHeight));
+            }
+        };
+        // 初始计算
+        calculateHeight();
+        // 监听窗口大小变化
+        var handleResize = function () {
+            calculateHeight();
+        };
+        window.addEventListener("resize", handleResize);
+        // 使用 MutationObserver 监听DOM变化
+        var observer = new MutationObserver(function () {
+            calculateHeight();
+        });
+        var container = document.querySelector(".ztxk-container");
+        if (container) {
+            observer.observe(container, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+            });
+        }
+        return function () {
+            window.removeEventListener("resize", handleResize);
+            observer.disconnect();
+        };
+    }, [isAutoScrollY, marginBottom, canvasTableId]);
+    return tableHeight;
+}
+
+export { useCanvasTableAutoHeight };

package/dist/es/canvastable/hooks/useHeaderHeight.js

@@ -2,7 +2,7 @@ import { __spreadArray } from '../../_virtual/_tslib.js';
 import { useState, useEffect } from 'react';
 import { getMaxDepth } from '../utils/multiHeaderHelpers.js';
 
-var FONT_SIZE = 14;
+var FONT_SIZE = 13;
 var FONT_FAMILY = "Arial, sans-serif";
 var LINE_HEIGHT = 20;
 var FILTER_ICON_WIDTH = 15;

package/dist/es/canvastable/hooks/useOverlays.js

@@ -29,7 +29,7 @@ import 'dayjs';
  * - 只渲染React元素类型的内容（字符串和数字在Canvas中直接绘制）
  */
 var useTableCellOverlay = function (params) {
-    var processedDataSource = params.processedDataSource, columnRenderInfos = params.columnRenderInfos, scrollState = params.scrollState, containerWidth = params.containerWidth, containerHeight = params.containerHeight, headerHeight = params.headerHeight, rowHeight = params.rowHeight, needHorizontalScrollbar = params.needHorizontalScrollbar, needVerticalScrollbar = params.needVerticalScrollbar, scrollbarSize = params.scrollbarSize, fixedRowsCount = params.fixedRowsCount, fixedRowsConfig = params.fixedRowsConfig, _a = params.hasSummaryRow, hasSummaryRow = _a === void 0 ? false : _a, _b = params.fixedSummaryRow, fixedSummaryRow = _b === void 0 ? false : _b;
+    var processedDataSource = params.processedDataSource, columnRenderInfos = params.columnRenderInfos, scrollState = params.scrollState, containerWidth = params.containerWidth, containerHeight = params.containerHeight, headerHeight = params.headerHeight, rowHeight = params.rowHeight, needHorizontalScrollbar = params.needHorizontalScrollbar, needVerticalScrollbar = params.needVerticalScrollbar, scrollbarSize = params.scrollbarSize, fixedRowsCount = params.fixedRowsCount, fixedRowsConfig = params.fixedRowsConfig, _a = params.hasSummaryRow, hasSummaryRow = _a === void 0 ? false : _a, _b = params.summaryFixed, summaryFixed = _b === void 0 ? false : _b;
     // 计算可见的单元格覆盖层信息
     var cellOverlays = useMemo(function () {
         var overlays = [];
@@ -49,7 +49,7 @@ var useTableCellOverlay = function (params) {
             ? containerWidth - scrollbarSize
             : containerWidth;
         // 计算可用高度，需要为固定合计行预留空间
-        var fixedSummaryHeight = fixedSummaryRow && hasSummaryRow ? rowHeight : 0;
+        var fixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
         var effectiveHeight = (needHorizontalScrollbar
             ? containerHeight - scrollbarSize
             : containerHeight) - fixedSummaryHeight;
@@ -158,7 +158,7 @@ var useTableCellOverlay = function (params) {
                     else {
                         // 非固定行需要严格避开所有固定行区域
                         var currentFixedBottomHeight = fixedBottomRowsCount * rowHeight;
-                        var currentFixedSummaryHeight = fixedSummaryRow && hasSummaryRow ? rowHeight : 0;
+                        var currentFixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
                         // 计算可滚动区域的严格边界
                         var scrollableAreaBottom = containerHeight -
                             (needHorizontalScrollbar ? scrollbarSize : 0) -
@@ -248,7 +248,7 @@ var useTableCellOverlay = function (params) {
         if (fixedBottomRowsCount > 0) {
             var bottomRowsStartIndex = processedDataSource.length -
                 fixedBottomRowsCount -
-                (fixedSummaryRow && hasSummaryRow ? 1 : 0);
+                (summaryFixed && hasSummaryRow ? 1 : 0);
             for (var i = 0; i < fixedBottomRowsCount; i++) {
                 var rowIndex = bottomRowsStartIndex + i;
                 var y = containerHeight -
@@ -260,7 +260,7 @@ var useTableCellOverlay = function (params) {
             }
         }
         // 4. 处理固定合计行
-        if (fixedSummaryRow && hasSummaryRow) {
+        if (summaryFixed && hasSummaryRow) {
             var summaryRowIndex = processedDataSource.length - 1;
             var summaryY = containerHeight -
                 (needHorizontalScrollbar ? scrollbarSize : 0) -
@@ -272,7 +272,7 @@ var useTableCellOverlay = function (params) {
             // 计算优先级（数值越大优先级越高）
             var getPriority = function (overlay) {
                 // 检查是否是固定合计行（最后一行且固定合计行开启）
-                var isSummaryRow = fixedSummaryRow &&
+                var isSummaryRow = summaryFixed &&
                     hasSummaryRow &&
                     overlay.rowIndex === processedDataSource.length - 1;
                 if (isSummaryRow && overlay.isFixed)
@@ -304,7 +304,7 @@ var useTableCellOverlay = function (params) {
         fixedRowsCount,
         fixedRowsConfig,
         hasSummaryRow,
-        fixedSummaryRow,
+        summaryFixed,
     ]);
     return {
         cellOverlays: cellOverlays,

package/dist/es/canvastable/hooks/usePopovers.js

@@ -1,6 +1,7 @@
 import { __assign } from '../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useCallback, useEffect, useMemo } from 'react';
+import 'zmdms-utils';
 import 'dayjs';
 import { findColumnByKey } from '../utils/columnHelpers.js';
 import FilterPopover from '../components/FilterPopover.js';

package/dist/es/canvastable/hooks/useProcessedColumns.js

@@ -2,14 +2,18 @@ import { __spreadArray } from '../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { DEFAULT_SELECTION_COLUMN_WIDTH } from '../utils/constants.js';
+import 'zmdms-utils';
 import 'dayjs';
 import { processColumnRender } from '../utils/columnHelpers.js';
 import { MERGE_INDEX } from '../../table/constant.js';
 import 'lodash/isEqual';
 import 'ahooks';
 import '../../node_modules/immutability-helper/index.js';
-import 'zmdms-utils';
 import '../../node_modules/exceljs/dist/exceljs.min.js';
+import '../components/FilterPopover.js';
+import '../../node_modules/react-contexify/dist/index.js';
+import '../../node_modules/screenfull/index.js';
+import ColumnDynamic from '../components/ColumnDynamic.js';
 
 var useProcessedColumns = function (params) {
     var columns = params.columns, dynamicColumns = params.dynamicColumns, mode = params.mode, rowSelection = params.rowSelection, internalColumnWidths = params.internalColumnWidths, dynamicKey = params.dynamicKey, _a = params.renderMode, renderMode = _a === void 0 ? "object" : _a, dynamicSettingRef = params.dynamicSettingRef;
@@ -19,8 +23,6 @@ var useProcessedColumns = function (params) {
         if (mode === "index") {
             var title = "序号";
             if (dynamicKey && dynamicSettingRef) {
-                // 动态引入ColumnDynamic组件，避免循环依赖
-                var ColumnDynamic = require("../components/ColumnDynamic").default;
                 title = jsx(ColumnDynamic, { dynamicSettingRef: dynamicSettingRef });
             }
             cols.unshift({

package/dist/es/canvastable/hooks/useScroll.js

@@ -2,6 +2,7 @@ import { __assign } from '../../_virtual/_tslib.js';
 import { useMemo, useState, useRef, useEffect } from 'react';
 import { SCROLLBAR_SIZE, MIN_SCROLLBAR_SIZE } from '../utils/constants.js';
 import { calculateScrollbarMetrics } from '../utils/tableCalculations.js';
+import 'zmdms-utils';
 import 'dayjs';
 
 /**

package/dist/es/canvastable/hooks/useSummaryRow.js

@@ -5,7 +5,7 @@ import 'lodash/isEqual';
 import 'ahooks';
 import '../../node_modules/immutability-helper/index.js';
 import 'react/jsx-runtime';
-import { plus } from 'zmdms-utils';
+import { plus, exactRound, addThousedSeparator } from 'zmdms-utils';
 import '../../node_modules/exceljs/dist/exceljs.min.js';
 import 'dayjs';
 
@@ -31,25 +31,38 @@ var useSummaryRow = function (params) {
         columns.forEach(function (column, colIndex) {
             var dataIndex = column.dataIndex || column.key;
             if (column.isSummary) {
-                // 计算合计值
-                var sum_1 = 0;
-                dataSource.forEach(function (record) {
-                    var value = record[dataIndex];
-                    var num = typeof value === "string" ? parseFloat(value) : value;
-                    if (!isNaN(num) &&
-                        num !== null &&
-                        num !== undefined &&
-                        !record[IS_SUMMARY]) {
-                        sum_1 = plus(sum_1, num);
-                    }
-                });
-                // 应用格式化
-                var formattedSum = sum_1;
-                if (column.precision !== undefined) {
-                    formattedSum = sum_1.toFixed(column.precision);
+                var calculatedSum = void 0;
+                if (column.totalCalcCallback) {
+                    // 使用自定义计算回调
+                    var values = dataSource
+                        .filter(function (record) { return !record[IS_SUMMARY]; })
+                        .map(function (record) { return record[dataIndex]; });
+                    calculatedSum = column.totalCalcCallback(null, values);
+                }
+                else {
+                    // 默认计算逻辑：数值求和
+                    var sum_1 = 0;
+                    dataSource.forEach(function (record) {
+                        var value = record[dataIndex];
+                        var num = typeof value === "string" ? parseFloat(value) : value;
+                        if (!isNaN(num) &&
+                            num !== null &&
+                            num !== undefined &&
+                            !record[IS_SUMMARY]) {
+                            sum_1 = plus(sum_1, num);
+                        }
+                    });
+                    calculatedSum = sum_1;
                 }
-                if (column.thousand) {
-                    formattedSum = Number(formattedSum).toLocaleString("en-US");
+                // 应用格式化（仅在没有自定义回调或回调返回数值时）
+                var formattedSum = calculatedSum;
+                if (typeof calculatedSum === "number") {
+                    if (column.precision !== undefined) {
+                        formattedSum = exactRound(calculatedSum, column.precision);
+                    }
+                    if (column.thousand) {
+                        formattedSum = addThousedSeparator(formattedSum);
+                    }
                 }
                 summaryRecord[dataIndex] = formattedSum;
             }

package/dist/es/canvastable/hooks/useTableInteraction.js

@@ -5,6 +5,7 @@ import { FONT_SIZE, FONT_FAMILY } from '../utils/constants.js';
 import { isTextTruncated } from '../utils/canvasDrawHelpers.js';
 import { getMaxDepth, flattenHeaders, getLeafColumns } from '../utils/multiHeaderHelpers.js';
 import { getCellFromMousePosition, extractCellText } from '../utils/cellHelpers.js';
+import 'zmdms-utils';
 import 'dayjs';
 import { calculateSelectionState, toggleSelectAll, handleSortClick, calculateIconArea, isClickInIconArea, calculateScrollPosition, calculatePopoverPosition, isPointInTriangle } from '../utils/interactionHelpers.js';
 
@@ -12,7 +13,7 @@ import { calculateSelectionState, toggleSelectAll, handleSortClick, calculateIco
  * 表格交互事件处理 Hook
  */
 var useTableInteraction = function (params) {
-    var state = params.state, setState = params.setState, scrollState = params.scrollState, setScrollState = params.setScrollState, processedDataSource = params.processedDataSource, columnRenderInfos = params.columnRenderInfos, _a = params.columns, columns = _a === void 0 ? [] : _a, rowSelection = params.rowSelection, rowHeight = params.rowHeight, headerHeight = params.headerHeight, containerWidth = params.containerWidth, containerHeight = params.containerHeight, scrollbarSize = params.scrollbarSize, canvasRef = params.canvasRef, needVerticalScrollbar = params.needVerticalScrollbar, needHorizontalScrollbar = params.needHorizontalScrollbar, verticalScrollbarTop = params.verticalScrollbarTop, verticalScrollbarHeight = params.verticalScrollbarHeight, horizontalScrollbarLeft = params.horizontalScrollbarLeft, horizontalScrollbarWidth = params.horizontalScrollbarWidth, maxScrollTop = params.maxScrollTop, maxScrollLeft = params.maxScrollLeft, totalHeight = params.totalHeight, totalWidth = params.totalWidth, dataAreaHeight = params.dataAreaHeight, onSortChange = params.onSortChange, onRowClick = params.onRowClick, getRowKey = params.getRowKey, startSelection = params.startSelection, updateSelection = params.updateSelection, extendSelection = params.extendSelection, checkResizeHandle = params.checkResizeHandle, startResize = params.startResize, updateResize = params.updateResize, endResize = params.endResize, setHoverResizeColumn = params.setHoverResizeColumn, resizeState = params.resizeState, _b = params.hasSummaryRow, hasSummaryRow = _b === void 0 ? false : _b, mergeCellMap = params.mergeCellMap, menuShow = params.menuShow, fixedRowsCount = params.fixedRowsCount, fixedRowsConfig = params.fixedRowsConfig, fixedSummaryRow = params.fixedSummaryRow;
+    var state = params.state, setState = params.setState, scrollState = params.scrollState, setScrollState = params.setScrollState, processedDataSource = params.processedDataSource, columnRenderInfos = params.columnRenderInfos, _a = params.columns, columns = _a === void 0 ? [] : _a, rowSelection = params.rowSelection, rowHeight = params.rowHeight, headerHeight = params.headerHeight, containerWidth = params.containerWidth, containerHeight = params.containerHeight, scrollbarSize = params.scrollbarSize, canvasRef = params.canvasRef, needVerticalScrollbar = params.needVerticalScrollbar, needHorizontalScrollbar = params.needHorizontalScrollbar, verticalScrollbarTop = params.verticalScrollbarTop, verticalScrollbarHeight = params.verticalScrollbarHeight, horizontalScrollbarLeft = params.horizontalScrollbarLeft, horizontalScrollbarWidth = params.horizontalScrollbarWidth, maxScrollTop = params.maxScrollTop, maxScrollLeft = params.maxScrollLeft, totalHeight = params.totalHeight, totalWidth = params.totalWidth, dataAreaHeight = params.dataAreaHeight, onSortChange = params.onSortChange, onRowClick = params.onRowClick, getRowKey = params.getRowKey, startSelection = params.startSelection, updateSelection = params.updateSelection, extendSelection = params.extendSelection, checkResizeHandle = params.checkResizeHandle, startResize = params.startResize, updateResize = params.updateResize, endResize = params.endResize, setHoverResizeColumn = params.setHoverResizeColumn, resizeState = params.resizeState, _b = params.hasSummaryRow, hasSummaryRow = _b === void 0 ? false : _b, mergeCellMap = params.mergeCellMap, menuShow = params.menuShow, fixedRowsCount = params.fixedRowsCount, fixedRowsConfig = params.fixedRowsConfig, summaryFixed = params.summaryFixed;
     // 获取鼠标位置对应的单元格
     var getCellFromPosition = useMemoizedFn(function (x, y) {
         var fixedTopRowsCount = (fixedRowsConfig === null || fixedRowsConfig === void 0 ? void 0 : fixedRowsConfig.topCount) || fixedRowsCount || 0;
@@ -29,7 +30,7 @@ var useTableInteraction = function (params) {
             fixedTopRowsCount: fixedTopRowsCount,
             fixedBottomRowsCount: fixedBottomRowsCount,
             hasSummaryRow: hasSummaryRow,
-            fixedSummaryRow: fixedSummaryRow,
+            summaryFixed: summaryFixed,
             displayHeight: containerHeight,
             needHorizontalScrollbar: needHorizontalScrollbar,
             scrollbarSize: scrollbarSize,

package/dist/es/canvastable/hooks/useTableRender.js

@@ -19,7 +19,7 @@ import { calculateSelectionState, calculateIconArea } from '../utils/interaction
  * 表格渲染 Hook
  */
 var useTableRender = function (params) {
-    var canvasRef = params.canvasRef, processedDataSource = params.processedDataSource, columnRenderInfos = params.columnRenderInfos, columns = params.columns, state = params.state, scrollState = params.scrollState, rowSelection = params.rowSelection, containerWidth = params.containerWidth, containerHeight = params.containerHeight, headerHeight = params.headerHeight, rowHeight = params.rowHeight, bordered = params.bordered, striped = params.striped, needVerticalScrollbar = params.needVerticalScrollbar, needHorizontalScrollbar = params.needHorizontalScrollbar, verticalScrollbarTop = params.verticalScrollbarTop, verticalScrollbarHeight = params.verticalScrollbarHeight, horizontalScrollbarLeft = params.horizontalScrollbarLeft, horizontalScrollbarWidth = params.horizontalScrollbarWidth, getRowKey = params.getRowKey, resizeState = params.resizeState, getColumnWidth = params.getColumnWidth, _a = params.RESIZE_HANDLE_WIDTH, RESIZE_HANDLE_WIDTH = _a === void 0 ? 8 : _a, mergeCellMap = params.mergeCellMap, _b = params.hasSummaryRow, hasSummaryRow = _b === void 0 ? false : _b, fixedRowsCount = params.fixedRowsCount, fixedRowsConfig = params.fixedRowsConfig, _c = params.fixedSummaryRow, fixedSummaryRow = _c === void 0 ? false : _c;
+    var canvasRef = params.canvasRef, processedDataSource = params.processedDataSource, columnRenderInfos = params.columnRenderInfos, columns = params.columns, state = params.state, scrollState = params.scrollState, rowSelection = params.rowSelection, containerWidth = params.containerWidth, containerHeight = params.containerHeight, headerHeight = params.headerHeight, rowHeight = params.rowHeight, bordered = params.bordered, striped = params.striped, needVerticalScrollbar = params.needVerticalScrollbar, needHorizontalScrollbar = params.needHorizontalScrollbar, verticalScrollbarTop = params.verticalScrollbarTop, verticalScrollbarHeight = params.verticalScrollbarHeight, horizontalScrollbarLeft = params.horizontalScrollbarLeft, horizontalScrollbarWidth = params.horizontalScrollbarWidth, getRowKey = params.getRowKey, resizeState = params.resizeState, getColumnWidth = params.getColumnWidth, _a = params.RESIZE_HANDLE_WIDTH, RESIZE_HANDLE_WIDTH = _a === void 0 ? 8 : _a, mergeCellMap = params.mergeCellMap, _b = params.hasSummaryRow, hasSummaryRow = _b === void 0 ? false : _b, fixedRowsCount = params.fixedRowsCount, fixedRowsConfig = params.fixedRowsConfig, _c = params.summaryFixed, summaryFixed = _c === void 0 ? false : _c;
     // 判断是否是多级表头
     var maxDepth = useMemo(function () { return getMaxDepth(columns); }, [columns]);
     var isMultiHeader = maxDepth > 1;
@@ -365,7 +365,7 @@ var useTableRender = function (params) {
         // 计算实际可用的渲染区域高度（考虑固定底部行和合计行）
         var fixedBottomRowsCount = (fixedRowsConfig === null || fixedRowsConfig === void 0 ? void 0 : fixedRowsConfig.bottomCount) || 0;
         var fixedBottomHeight = fixedBottomRowsCount * rowHeight;
-        var fixedSummaryHeight = fixedSummaryRow && hasSummaryRow ? rowHeight : 0;
+        var fixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
         var effectiveHeight = displayHeight -
             (needHorizontalScrollbar ? SCROLLBAR_SIZE : 0) -
             fixedBottomHeight -
@@ -503,7 +503,10 @@ var useTableRender = function (params) {
                     }
                     // 绘制文本
                     ctx.fillStyle = COLORS.text;
-                    ctx.font = "".concat(FONT_SIZE, "px ").concat(FONT_FAMILY);
+                    // 合计行字体加粗
+                    ctx.font = record[IS_SUMMARY]
+                        ? "bold ".concat(FONT_SIZE, "px ").concat(FONT_FAMILY)
+                        : "".concat(FONT_SIZE, "px ").concat(FONT_FAMILY);
                     ctx.textBaseline = "middle";
                     var align = column.align || "left";
                     var textX_1 = drawX + 16;
@@ -887,7 +890,7 @@ var useTableRender = function (params) {
     var drawFixedBottomRow = useMemoizedFn(function (ctx, rowIndex, relativeIndex, displayWidth, displayHeight, onlyFixed) {
         if (onlyFixed === void 0) { onlyFixed = false; }
         drawFixedRow(ctx, rowIndex, function () {
-            var fixedSummaryHeight = fixedSummaryRow && hasSummaryRow ? rowHeight : 0;
+            var fixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
             return (displayHeight -
                 (needHorizontalScrollbar ? SCROLLBAR_SIZE : 0) -
                 fixedSummaryHeight -
@@ -899,7 +902,7 @@ var useTableRender = function (params) {
     var drawFixedBottomRowsBorder = useMemoizedFn(function (ctx, rowCount, displayWidth, displayHeight, onlyFixed) {
         if (onlyFixed === void 0) { onlyFixed = false; }
         drawFixedRowsBorder(ctx, rowCount, function () {
-            var fixedSummaryHeight = fixedSummaryRow && hasSummaryRow ? rowHeight : 0;
+            var fixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
             return (displayHeight -
                 (needHorizontalScrollbar ? SCROLLBAR_SIZE : 0) -
                 fixedSummaryHeight -
@@ -948,7 +951,7 @@ var useTableRender = function (params) {
         var fixedBottomRowsCount = (fixedRowsConfig === null || fixedRowsConfig === void 0 ? void 0 : fixedRowsConfig.bottomCount) || 0;
         var bottomRowsStartIndex = processedDataSource.length -
             fixedBottomRowsCount -
-            (fixedSummaryRow && hasSummaryRow ? 1 : 0);
+            (summaryFixed && hasSummaryRow ? 1 : 0);
         var summaryRowIndex = hasSummaryRow
             ? processedDataSource.length - 1
             : -1;
@@ -974,7 +977,7 @@ var useTableRender = function (params) {
                 row < bottomRowsStartIndex + fixedBottomRowsCount) {
                 // 固定底部行
                 var relativeIndex = row - bottomRowsStartIndex;
-                var fixedSummaryHeight = fixedSummaryRow && hasSummaryRow ? rowHeight : 0;
+                var fixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
                 y =
                     displayHeight -
                         (needHorizontalScrollbar ? SCROLLBAR_SIZE : 0) -
@@ -984,7 +987,7 @@ var useTableRender = function (params) {
                 cellHeight = rowHeight;
                 isFixedRow = true;
             }
-            else if (fixedSummaryRow && row === summaryRowIndex) {
+            else if (summaryFixed && row === summaryRowIndex) {
                 // 固定合计行
                 var summaryRowY = displayHeight -
                     (needHorizontalScrollbar ? SCROLLBAR_SIZE : 0) -
@@ -1168,7 +1171,7 @@ var useTableRender = function (params) {
         // 计算固定行占用的高度
         var fixedTopRowsHeight = fixedTopRowsCount * rowHeight;
         var fixedBottomRowsHeight = fixedBottomRowsCount * rowHeight;
-        var fixedSummaryRowHeight = fixedSummaryRow && hasSummaryRow ? rowHeight : 0;
+        var fixedSummaryRowHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
         // 计算可视区域的数据区域高度（不包括表头、固定行和固定合计行）
         var dataAreaHeight = displayHeight -
             headerHeight -
@@ -1215,7 +1218,7 @@ var useTableRender = function (params) {
             ctx.save();
             var bottomRowsStartIndex_1 = processedDataSource.length -
                 fixedBottomRowsCount -
-                (fixedSummaryRow && hasSummaryRow ? 1 : 0);
+                (summaryFixed && hasSummaryRow ? 1 : 0);
             renderWithFixedLayer(ctx, 
             // 渲染行内容
             function (onlyFixed) {
@@ -1233,7 +1236,7 @@ var useTableRender = function (params) {
         // 7. 绘制固定列阴影
         drawFixedColumns(ctx, scrollStartRow, scrollEndRow, displayWidth, displayHeight);
         // 4. 绘制固定合计行（如果启用）
-        if (fixedSummaryRow && hasSummaryRow) {
+        if (summaryFixed && hasSummaryRow) {
             var summaryRowIndex_1 = processedDataSource.length - 1;
             var summaryRowY_1 = displayHeight -
                 (needHorizontalScrollbar ? SCROLLBAR_SIZE : 0) -

package/dist/es/canvastable/hooks/useTableState.js

@@ -1,6 +1,7 @@
 import { __assign, __spreadArray } from '../../_virtual/_tslib.js';
 import { useState, useEffect, useMemo } from 'react';
 import { useMemoizedFn } from 'ahooks';
+import 'zmdms-utils';
 import 'dayjs';
 import { getAllLeafColumns, findColumnByKey } from '../utils/columnHelpers.js';
 

package/dist/es/canvastable/index.css

@@ -0,0 +1 @@
+.canvas-table-container{-webkit-overflow-scrolling:auto;background:#fff;border:1px solid #dee9f6;box-sizing:border-box;overflow:hidden;overscroll-behavior:contain;position:relative;touch-action:none}.canvas-table-container canvas{cursor:default;touch-action:none}.canvas-table-container .canvas-table-filter-popover{background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d}.canvas-table-container .canvas-table-filter-popover .ant-checkbox-wrapper{width:100%}.canvas-table-container .canvas-table-filter-popover .ant-checkbox-wrapper:hover{background-color:#f5f5f5}.canvas-table-container .canvas-table-cell-overlay{align-items:center;box-sizing:border-box;display:flex;overflow:hidden;pointer-events:auto;position:absolute}.canvas-table-container .canvas-table-cell-content>*,.canvas-table-container .canvas-table-cell-overlay a,.canvas-table-container .canvas-table-cell-overlay button,.canvas-table-container .canvas-table-cell-overlay input,.canvas-table-container .canvas-table-cell-overlay select,.canvas-table-container .canvas-table-cell-overlay textarea{pointer-events:auto}.canvas-table-container canvas{position:relative;z-index:0}.canvas-table-container.canvas-table--fullscreen{background-color:#fff;bottom:0!important;height:100%!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:9999!important}.canvas-table-container .canvas-table--exit-fullscreen{background:#000000b3;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;position:fixed;right:20px;top:20px;transition:background .3s;-webkit-user-select:none;user-select:none;z-index:10000}.canvas-table-container .canvas-table--exit-fullscreen:hover{background:#000000e6}

package/dist/es/canvastable/index.d.ts

@@ -0,0 +1,5 @@
+import CanvasTable from './canvasTable.js';
+
+
+
+export { CanvasTable as default };