zmdms-webui 3.5.2 → 3.5.4

package/dist/es/button/buttonPreview.js

@@ -2,9 +2,9 @@ import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js'
 import { jsx } from 'react/jsx-runtime';
 import ButtonCom from './button.js';
 import { formatUnit, previewFile } from 'zmdms-utils';
-import 'react';
-import '../config/ZtxkContext.js';
+import useLocale, { formatLocaleText } from '../config/useLocale.js';
 import useBaseContext from '../config/useBaseContext.js';
+import '../config/ZtxkContext.js';
 import '../config/MyStorage.js';
 import { MAX_PREVIEW_SIZE } from '../config/constant.js';
 import myMessage from '../message/index.js';
@@ -12,11 +12,14 @@ import myMessage from '../message/index.js';
 var ButtonPreview = function (props) {
     var attachId = props.attachId, attachName = props.attachName, attachSize = props.attachSize, attachList = props.attachList; props.isPublic; var FILE_BASEURL = props.FILE_BASEURL; props.onClick; var resetProps = __rest(props, ["attachId", "attachName", "attachSize", "attachList", "isPublic", "FILE_BASEURL", "onClick"]);
     var fileBaseUrl = useBaseContext().fileBaseUrl;
+    var locale = useLocale().Button;
     var onClickHandle = function (e) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             if (attachId) {
                 if (attachSize && attachSize > MAX_PREVIEW_SIZE) {
-                    myMessage.info("\u6587\u4EF6\u5927\u4E8E".concat(formatUnit(MAX_PREVIEW_SIZE), ",\u6682\u4E0D\u652F\u6301\u5728\u7EBF\u9884\u89C8\uFF0C\u8BF7\u5148\u4E0B\u8F7D\u540E\u67E5\u770B"));
+                    myMessage.info(formatLocaleText(locale.previewSizeLimit, {
+                        size: formatUnit(MAX_PREVIEW_SIZE),
+                    }));
                 }
                 else {
                     previewFile(attachId, attachName, {

package/dist/es/canvastable/canvasTable.js

@@ -39,10 +39,15 @@ import { useExcelExport } from '../table/excel.js';
 import { getTableColumns } from '../table/utils.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
 import '../dynamicsetting/useTemplate.js';
+import { useSelectionSnapshot } from './hooks/useSelectionSnapshot.js';
+import useLocale from '../config/useLocale.js';
+import '../config/ZtxkContext.js';
+import '../config/MyStorage.js';
 
 function CanvasTable(props) {
     var _a;
-    var _b = props.dataSource, dataSource = _b === void 0 ? [] : _b, _c = props.columns, columns = _c === void 0 ? [] : _c, _d = props.rowKey, rowKey = _d === void 0 ? "id" : _d, _e = props.height, height = _e === void 0 ? 600 : _e, width = props.width, _f = props.rowHeight, rowHeight = _f === void 0 ? 36 : _f, _g = props.headerHeight, headerHeight = _g === void 0 ? 36 : _g, rowSelection = props.rowSelection, onSortChange = props.onSortChange, onFilterChange = props.onFilterChange, onScroll = props.onScroll, onRowClick = props.onRowClick, onColumnResize = props.onColumnResize, _h = props.bordered, bordered = _h === void 0 ? true : _h, _j = props.striped, striped = _j === void 0 ? false : _j, _k = props.emptyText, emptyText = _k === void 0 ? "暂无数据" : _k, style = props.style, className = props.className, _l = props.loading, loading = _l === void 0 ? false : _l, _m = props.isContextMenu, isContextMenu = _m === void 0 ? true : _m, isFullscreenHandle = props.isFullscreenHandle, mode = props.mode, dynamicKey = props.dynamicKey, dynamicVersion = props.dynamicVersion, customDynamicListHandle = props.customDynamicListHandle, isDimensionDynamic = props.isDimensionDynamic, _o = props.isDimensionMergeChildren, isDimensionMergeChildren = _o === void 0 ? true : _o, dimensionCustomSumKeys = props.dimensionCustomSumKeys, isAutoMerge = props.isAutoMerge, _p = props.isIndexMerge, isIndexMerge = _p === void 0 ? true : _p, _q = props.isSelectionMerge, isSelectionMerge = _q === void 0 ? false : _q, _r = props.renderMode, renderMode = _r === void 0 ? "object" : _r, fixedRowsCount = props.fixedRowsCount, fixedRowsConfig = props.fixedRowsConfig, _s = props.summaryFixed, summaryFixed = _s === void 0 ? false : _s, _t = props.isAutoScrollY, isAutoScrollY = _t === void 0 ? false : _t, _u = props.autoScrollYMarginBottom, autoScrollYMarginBottom = _u === void 0 ? 65 : _u, canvasTableId = props.canvasTableId, headerWrap = props.headerWrap, _v = props.headerAlign, headerAlign = _v === void 0 ? "center" : _v, tableRefHandle = props.tableRefHandle, exportExcelConfig = props.exportExcelConfig, _w = props.maxHeight, maxHeight = _w === void 0 ? 3000 : _w, expandable = props.expandable;
+    var locale = useLocale().CanvasTable;
+    var _b = props.dataSource, dataSource = _b === void 0 ? [] : _b, _c = props.columns, columns = _c === void 0 ? [] : _c, _d = props.rowKey, rowKey = _d === void 0 ? "id" : _d, _e = props.height, height = _e === void 0 ? 600 : _e, width = props.width, _f = props.rowHeight, rowHeight = _f === void 0 ? 36 : _f, _g = props.headerHeight, headerHeight = _g === void 0 ? 36 : _g, rowSelection = props.rowSelection, onSortChange = props.onSortChange, onFilterChange = props.onFilterChange, onScroll = props.onScroll, onRowClick = props.onRowClick, onColumnResize = props.onColumnResize, _h = props.bordered, bordered = _h === void 0 ? true : _h, _j = props.striped, striped = _j === void 0 ? false : _j, emptyText = props.emptyText, 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, _m = props.isDimensionMergeChildren, isDimensionMergeChildren = _m === void 0 ? true : _m, 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, headerWrap = props.headerWrap, _u = props.headerAlign, headerAlign = _u === void 0 ? "center" : _u, tableRefHandle = props.tableRefHandle, exportExcelConfig = props.exportExcelConfig, _v = props.maxHeight, maxHeight = _v === void 0 ? 3000 : _v, expandable = props.expandable;
     var actualMode = "mode" in props ? mode : "index";
     var canvasRef = useRef(null);
     var containerRef = useRef(null);
@@ -65,17 +70,17 @@ function CanvasTable(props) {
         return String((_a = record[rowKey]) !== null && _a !== void 0 ? _a : index);
     }, [rowKey]);
     // 动态列配置
-    var _x = useDynamicListByColumns(columns, {
+    var _w = useDynamicListByColumns(columns, {
         dynamicKey: dynamicKey,
         dynamicVersion: dynamicVersion,
         customDynamicListHandle: customDynamicListHandle,
-    }), defaultDynamicList = _x.defaultDynamicList, currentDynamicList = _x.currentDynamicList, onCurrentListChange = _x.onCurrentListChange, dynamicSettingRef = _x.dynamicSettingRef;
+    }), defaultDynamicList = _w.defaultDynamicList, currentDynamicList = _w.currentDynamicList, onCurrentListChange = _w.onCurrentListChange, dynamicSettingRef = _w.dynamicSettingRef;
     // 根据动态列配置处理columns
     var dynamicColumns = useMemo(function () { return getTableColumns(columns, currentDynamicList); }, [columns, currentDynamicList]).columns;
     // 内部列宽状态（未开启动态配置时使用）
-    var _y = useState({}), internalColumnWidths = _y[0], setInternalColumnWidths = _y[1];
+    var _x = useState({}), internalColumnWidths = _x[0], setInternalColumnWidths = _x[1];
     // 跟踪用户手动调整过宽度的列（用于排除自动宽度分配）
-    var _z = useState(new Set()), manuallyResizedColumnKeys = _z[0], setManuallyResizedColumnKeys = _z[1];
+    var _y = useState(new Set()), manuallyResizedColumnKeys = _y[0], setManuallyResizedColumnKeys = _y[1];
     // 处理选中框列、序号列等
     var processedColumnsOld = useProcessedColumns({
         columns: columns,
@@ -90,31 +95,31 @@ function CanvasTable(props) {
         headerAlign: headerAlign,
     });
     // 表格状态管理
-    var _0 = useTableState({
+    var _z = useTableState({
         dataSource: dataSource,
         columns: processedColumnsOld,
         rowSelection: rowSelection,
         onFilterChange: onFilterChange,
         isAutoMerge: isAutoMerge,
-    }), state = _0.state, setState = _0.setState, handleFilterChange = _0.handleFilterChange, closeFilterPopover = _0.closeFilterPopover;
+    }), state = _z.state, setState = _z.setState, handleFilterChange = _z.handleFilterChange, closeFilterPopover = _z.closeFilterPopover;
     // 树形展开管理
-    var _1 = useExpandable({
+    var _0 = useExpandable({
         dataSource: dataSource,
         expandable: expandable,
         rowKey: rowKey,
-    }), expandedKeys = _1.expandedKeys, flattenedData = _1.flattenedData, toggleExpand = _1.toggleExpand, expandRow = _1.expandRow, collapseRow = _1.collapseRow, setExpandedRowKeys = _1.setExpandedRowKeys, hasExpandable = _1.hasExpandable;
+    }), expandedKeys = _0.expandedKeys, flattenedData = _0.flattenedData, toggleExpand = _0.toggleExpand, expandRow = _0.expandRow, collapseRow = _0.collapseRow, setExpandedRowKeys = _0.setExpandedRowKeys, hasExpandable = _0.hasExpandable;
     var order = useMemo(function () {
         return state.sortOrder && state.sortField
             ? { field: state.sortField, order: state.sortOrder }
             : undefined;
     }, [state.sortOrder, state.sortField]);
-    var _2 = useAutoMerge(dataSource, processedColumnsOld, {
+    var _1 = useAutoMerge(dataSource, processedColumnsOld, {
         isAutoMerge: isAutoMerge,
         isDimensionDynamic: isDimensionDynamic,
         isDimensionMergeChildren: isDimensionMergeChildren,
         order: order,
         dimensionCustomSumKeys: dimensionCustomSumKeys,
-    }), newDataSource = _2[0], processedColumns = _2[1];
+    }), newDataSource = _1[0], processedColumns = _1[1];
     // 如果开启了树形展开，使用扁平化后的数据源
     var expandedDataSource = useMemo(function () {
         if (hasExpandable) {
@@ -123,10 +128,10 @@ function CanvasTable(props) {
         return newDataSource;
     }, [hasExpandable, flattenedData, newDataSource]);
     // 生成合计行和最终数据源（基于全量数据，合计值不随筛选变化）
-    var _3 = useSummaryRow({
+    var _2 = useSummaryRow({
         columns: processedColumns,
         dataSource: expandedDataSource,
-    }), finalDataSource = _3.finalDataSource, hasSummaryRowConfig = _3.hasSummaryRow;
+    }), finalDataSource = _2.finalDataSource, hasSummaryRowConfig = _2.hasSummaryRow;
     // 基于含合计行的全量数据筛选
     // 末尾合计行（总计）始终保留在最后，不参与筛选
     var processedDataSource = useMemo(function () {
@@ -161,9 +166,9 @@ function CanvasTable(props) {
     // 基于含合计行的全量数据源生成筛选候选值
     var autoGeneratedFilters = useMemo(function () { return generateAutoFilters(finalDataSource, processedColumns); }, [finalDataSource, processedColumns]);
     // 用于存储计算后的表头高度（用于自动高度的精确计算）
-    var _4 = useState(undefined), preciseHeaderHeight = _4[0], setPreciseHeaderHeight = _4[1];
+    var _3 = useState(undefined), preciseHeaderHeight = _3[0], setPreciseHeaderHeight = _3[1];
     // 用于存储是否需要横向滚动条（用于自动高度的精确计算）
-    var _5 = useState(false), needHorizontalScrollbar = _5[0], setNeedHorizontalScrollbar = _5[1];
+    var _4 = useState(false), needHorizontalScrollbar = _4[0], setNeedHorizontalScrollbar = _4[1];
     // 自动高度计算（需要在容器尺寸计算之前）
     var autoHeight = useCanvasTableAutoHeight(isAutoScrollY, autoScrollYMarginBottom, canvasTableId, processedDataSource.length, // 数据行数（用于 content 模式）
     headerHeight, // 表头基础高度（用于 content 模式的初始计算）
@@ -230,7 +235,7 @@ function CanvasTable(props) {
         return calculateTotalHeight(calculatedHeaderHeight, processedDataSource.length, rowHeight);
     }, [calculatedHeaderHeight, processedDataSource.length, rowHeight]);
     // 计算滚动条指标
-    var _6 = useScrollbarMetrics({
+    var _5 = useScrollbarMetrics({
         containerWidth: containerWidth,
         containerHeight: containerHeight,
         totalWidth: totalWidth,
@@ -238,14 +243,14 @@ function CanvasTable(props) {
         headerHeight: calculatedHeaderHeight,
         scrollTop: 0,
         scrollLeft: 0,
-    }), maxScrollTop = _6.maxScrollTop, maxScrollLeft = _6.maxScrollLeft;
+    }), maxScrollTop = _5.maxScrollTop, maxScrollLeft = _5.maxScrollLeft;
     // 滚动管理（使用预先计算的maxScrollTop和maxScrollLeft）
-    var _7 = useTableScroll({
+    var _6 = useTableScroll({
         containerRef: containerRef,
         maxScrollTop: maxScrollTop,
         maxScrollLeft: maxScrollLeft,
         onScroll: onScroll,
-    }), scrollState = _7.scrollState, setScrollState = _7.setScrollState;
+    }), scrollState = _6.scrollState, setScrollState = _6.setScrollState;
     // 使用 ref 保存最新的滚动位置，确保在组件卸载过程中仍能访问
     var scrollPositionRef = useRef({ x: 0, y: 0 });
     useEffect(function () {
@@ -289,12 +294,12 @@ function CanvasTable(props) {
         needHorizontalScrollbar,
     ]);
     // 单元格框选
-    var _8 = useTableSelection({
+    var _7 = useTableSelection({
         state: state,
         setState: setState,
     }), 
     // selectionStartRef,
-    startSelection = _8.startSelection, updateSelection = _8.updateSelection, extendSelection = _8.extendSelection;
+    startSelection = _7.startSelection, updateSelection = _7.updateSelection, extendSelection = _7.extendSelection;
     // 处理列宽调整
     var handleColumnResize = useCallback(function (columnKey, newWidth) {
         var _a;
@@ -349,20 +354,32 @@ function CanvasTable(props) {
         onCurrentListChange,
     ]);
     // 列宽调整
-    var _9 = useColumnResize({
+    var _8 = useColumnResize({
         columnRenderInfos: columnRenderInfos,
         containerWidth: containerWidth,
         headerHeight: calculatedHeaderHeight,
         scrollLeft: scrollState.scrollLeft,
         onColumnResize: handleColumnResize,
-    }), resizeState = _9.resizeState, checkResizeHandle = _9.checkResizeHandle, startResize = _9.startResize, updateResize = _9.updateResize, endResize = _9.endResize, setHoverResizeColumn = _9.setHoverResizeColumn, getColumnWidth = _9.getColumnWidth, RESIZE_HANDLE_WIDTH = _9.RESIZE_HANDLE_WIDTH;
+    }), resizeState = _8.resizeState, checkResizeHandle = _8.checkResizeHandle, startResize = _8.startResize, updateResize = _8.updateResize, endResize = _8.endResize, setHoverResizeColumn = _8.setHoverResizeColumn, getColumnWidth = _8.getColumnWidth, RESIZE_HANDLE_WIDTH = _8.RESIZE_HANDLE_WIDTH;
     // 复制到剪贴板
-    var _10 = useCopyToClipboard({
+    var _9 = useCopyToClipboard({
         cellSelection: state.cellSelection,
         processedDataSource: processedDataSource,
         columns: processedColumns,
         containerRef: containerRef,
-    }), getSelectedCellsText = _10.getSelectedCellsText, copyToClipboard = _10.copyToClipboard;
+    }), getSelectedCellsText = _9.getSelectedCellsText, copyToClipboard = _9.copyToClipboard;
+    useSelectionSnapshot({
+        selection: state.cellSelection,
+        selecting: state.isSelecting,
+        columns: processedColumns,
+        rows: processedDataSource,
+        scrollLeft: scrollState.scrollLeft,
+        scrollTop: scrollState.scrollTop,
+        containerRef: containerRef,
+        getText: getSelectedCellsText,
+        headerHeight: calculatedHeaderHeight,
+        onChange: props.onCellSelectionChange,
+    });
     // 处理右键菜单的复制操作
     var handleCopy = useCallback(function () {
         var text = getSelectedCellsText();
@@ -382,7 +399,7 @@ function CanvasTable(props) {
         childrenColumnName: (_a = props.expandable) === null || _a === void 0 ? void 0 : _a.childrenColumnName,
     });
     // 交互事件处理（使用baseScrollbarMetrics的maxScrollTop/maxScrollLeft以保持稳定）
-    var _11 = useTableInteraction({
+    var _10 = useTableInteraction({
         state: state,
         setState: setState,
         scrollState: scrollState,
@@ -432,7 +449,7 @@ function CanvasTable(props) {
         fixedRowsCount: fixedRowsCount,
         fixedRowsConfig: fixedRowsConfig,
         summaryFixed: summaryFixed,
-    }), handleCanvasMouseDown = _11.handleCanvasMouseDown, handleCanvasMouseMove = _11.handleCanvasMouseMove, handleCanvasMouseUp = _11.handleCanvasMouseUp, handleCanvasMouseLeave = _11.handleCanvasMouseLeave, handleCanvasContextMenu = _11.handleCanvasContextMenu;
+    }), handleCanvasMouseDown = _10.handleCanvasMouseDown, handleCanvasMouseMove = _10.handleCanvasMouseMove, handleCanvasMouseUp = _10.handleCanvasMouseUp, handleCanvasMouseLeave = _10.handleCanvasMouseLeave, handleCanvasContextMenu = _10.handleCanvasContextMenu;
     // 渲染表格
     useTableRender(__assign(__assign({ canvasRef: canvasRef, processedDataSource: processedDataSource, columnRenderInfos: columnRenderInfos, columns: processedColumns, // 传递原始columns用于渲染多级表头
         state: state, scrollState: scrollState, rowSelection: rowSelection, containerWidth: containerWidth, containerHeight: containerHeight, headerHeight: calculatedHeaderHeight, baseHeaderHeight: headerHeight, // 传入原始基础高度用于计算每层高度
@@ -603,8 +620,8 @@ function CanvasTable(props) {
                         WebkitFontSmoothing: "antialiased",
                         MozOsxFontSmoothing: "grayscale",
                         textRendering: "optimizeLegibility",
-                    } }), dynamicKey ? (jsx(DynamicSetting, { parentDynamicKey: TABLE_DYNAMIC_KEY, dynamicKey: dynamicKey, defaultList: defaultDynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef, hiddenOperationIcon: true, isMore: true, isFixed: true, isDimensionDynamic: isDimensionDynamic })) : null, jsx(EmptyPlaceholder, { visible: processedDataSource.length === 0, text: emptyText, headerHeight: calculatedHeaderHeight }), jsx(HeaderOverlay, { overlays: headerOverlays }), jsx(CellOverlay, { overlays: cellOverlays }), filterPopoverElement, jsx(Tooltip, { visible: state.tooltip.visible, content: state.tooltip.content, position: state.tooltip.position }), jsx(BadgePopover, { visible: state.badgePopover.visible, content: state.badgePopover.content, position: state.badgePopover.position, popoverRef: badgePopoverRef }), menuId ? (jsx(CanvasTableMenu, { menuId: menuId, containerRef: containerRef, isFullscreenHandle: isFullscreenHandle, tableMenuRef: tableMenuRef, onCopy: handleCopy, onExport: function () {
-                        return exportExcel((exportExcelConfig === null || exportExcelConfig === void 0 ? void 0 : exportExcelConfig.fileName) || "表格数据.xlsx", exportExcelConfig);
+                    } }), dynamicKey ? (jsx(DynamicSetting, { parentDynamicKey: TABLE_DYNAMIC_KEY, dynamicKey: dynamicKey, defaultList: defaultDynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef, hiddenOperationIcon: true, isMore: true, isFixed: true, isDimensionDynamic: isDimensionDynamic })) : null, jsx(EmptyPlaceholder, { visible: processedDataSource.length === 0, text: emptyText || locale.emptyText, headerHeight: calculatedHeaderHeight }), jsx(HeaderOverlay, { overlays: headerOverlays }), jsx(CellOverlay, { overlays: cellOverlays }), filterPopoverElement, jsx(Tooltip, { visible: state.tooltip.visible, content: state.tooltip.content, position: state.tooltip.position }), jsx(BadgePopover, { visible: state.badgePopover.visible, content: state.badgePopover.content, position: state.badgePopover.position, popoverRef: badgePopoverRef }), menuId ? (jsx(CanvasTableMenu, { menuId: menuId, containerRef: containerRef, isFullscreenHandle: isFullscreenHandle, tableMenuRef: tableMenuRef, onCopy: handleCopy, onExport: function () {
+                        return exportExcel((exportExcelConfig === null || exportExcelConfig === void 0 ? void 0 : exportExcelConfig.fileName) || locale.exportFileName, exportExcelConfig);
                     } })) : null] })) })));
 }
 

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

@@ -4,9 +4,13 @@ import { useState, useEffect, useImperativeHandle } from 'react';
 import { Menu as it, Item as pt } from '../../node_modules/react-contexify/dist/index.js';
 import screenfull from '../../node_modules/screenfull/index.js';
 import { useLatest } from 'ahooks';
+import useLocale from '../../config/useLocale.js';
+import '../../config/ZtxkContext.js';
+import '../../config/MyStorage.js';
 
 var CanvasTableMenu = function (_a) {
     var menuId = _a.menuId, containerRef = _a.containerRef, isFullscreenHandle = _a.isFullscreenHandle, tableMenuRef = _a.tableMenuRef, onCopy = _a.onCopy, onExport = _a.onExport;
+    var locale = useLocale().CanvasTable;
     var _b = useState(false), isFull = _b[0], setIsFull = _b[1];
     var isFullscreenHandleRef = useLatest(isFullscreenHandle);
     function toggleFullscreen() {
@@ -67,7 +71,7 @@ var CanvasTableMenu = function (_a) {
     useImperativeHandle(tableMenuRef, function () { return ({
         toggleFullscreen: toggleFullscreen,
     }); });
-    return (jsxs(Fragment, { children: [jsxs(it, __assign({ id: menuId, className: "canvas-table-menu" }, { children: [jsx(pt, __assign({ data: "copy", onClick: onMenuItemClick }, { children: "\u590D\u5236" })), onExport ? (jsx(pt, __assign({ data: "export", onClick: onMenuItemClick }, { children: "\u5BFC\u51FAExcel" }))) : null, jsx(pt, __assign({ data: "fullscreen", onClick: onMenuItemClick }, { children: isFull ? "退出全屏" : "全屏" }))] })), isFull ? (jsx("div", __assign({ className: "canvas-table--exit-fullscreen", onClick: toggleFullscreen }, { children: "\u9000\u51FA\u5168\u5C4F" }))) : null] }));
+    return (jsxs(Fragment, { children: [jsxs(it, __assign({ id: menuId, className: "canvas-table-menu" }, { children: [jsx(pt, __assign({ data: "copy", onClick: onMenuItemClick }, { children: locale.copy })), onExport ? (jsx(pt, __assign({ data: "export", onClick: onMenuItemClick }, { children: locale.exportExcel }))) : null, jsx(pt, __assign({ data: "fullscreen", onClick: onMenuItemClick }, { children: isFull ? locale.exitFullscreen : locale.fullscreen }))] })), isFull ? (jsx("div", __assign({ className: "canvas-table--exit-fullscreen", onClick: toggleFullscreen }, { children: locale.exitFullscreen }))) : null] }));
 };
 
 export { CanvasTableMenu as default };

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

@@ -2,10 +2,14 @@ import { __assign, __spreadArray } from '../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
 import { Select, Tabs, Space, Input, Button, Checkbox } from 'antd';
+import useLocale, { formatLocaleText } from '../../config/useLocale.js';
+import '../../config/ZtxkContext.js';
+import '../../config/MyStorage.js';
 
 var Option = Select.Option;
 var FilterPopover = function (_a) {
     var visible = _a.visible; _a.columnKey; _a.columnTitle; var _b = _a.dataType, dataType = _b === void 0 ? "text" : _b, precision = _a.precision, thousand = _a.thousand, position = _a.position, filterOptions = _a.filterOptions, selectedValues = _a.selectedValues, onConfirm = _a.onConfirm, onReset = _a.onReset, onClose = _a.onClose, popoverRef = _a.popoverRef;
+    var locale = useLocale().CanvasTable;
     // 临时选中值（点击确认才生效）
     var _c = useState([]), tempSelectedValues = _c[0], setTempSelectedValues = _c[1];
     // 搜索关键词
@@ -217,27 +221,27 @@ var FilterPopover = function (_a) {
             } }, { children: [jsx(Tabs, { activeKey: activeTab, onChange: setActiveTab, size: "small", items: [
                         {
                             key: "single",
-                            label: "单值",
-                            children: (jsx("div", { children: jsxs(Space.Compact, __assign({ style: { width: "100%", marginBottom: "12px" } }, { children: [jsxs(Select, __assign({ value: numberOperator, onChange: setNumberOperator, style: { width: "80px" } }, { children: [jsx(Option, __assign({ value: "=" }, { children: "=" })), jsx(Option, __assign({ value: "!=" }, { children: "!=" })), jsx(Option, __assign({ value: ">" }, { children: ">" })), jsx(Option, __assign({ value: "<" }, { children: "<" })), jsx(Option, __assign({ value: ">=" }, { children: ">=" })), jsx(Option, __assign({ value: "<=" }, { children: "<=" }))] })), jsx(Input, { type: "number", placeholder: "\u8F93\u5165\u6570\u503C", value: numberValue, onChange: function (e) { return setNumberValue(e.target.value); }, onPressEnter: handleNumberFilter, style: { flex: 1 } })] })) })),
+                            label: locale.filterSingle,
+                            children: (jsx("div", { children: jsxs(Space.Compact, __assign({ style: { width: "100%", marginBottom: "12px" } }, { children: [jsxs(Select, __assign({ value: numberOperator, onChange: setNumberOperator, style: { width: "80px" } }, { children: [jsx(Option, __assign({ value: "=" }, { children: "=" })), jsx(Option, __assign({ value: "!=" }, { children: "!=" })), jsx(Option, __assign({ value: ">" }, { children: ">" })), jsx(Option, __assign({ value: "<" }, { children: "<" })), jsx(Option, __assign({ value: ">=" }, { children: ">=" })), jsx(Option, __assign({ value: "<=" }, { children: "<=" }))] })), jsx(Input, { type: "number", placeholder: locale.filterNumberPlaceholder, value: numberValue, onChange: function (e) { return setNumberValue(e.target.value); }, onPressEnter: handleNumberFilter, style: { flex: 1 } })] })) })),
                         },
                         {
                             key: "range",
-                            label: "区间",
+                            label: locale.filterRange,
                             children: (jsxs("div", { children: [jsxs("div", __assign({ style: { marginBottom: "8px" } }, { children: [jsx("div", __assign({ style: {
                                                     fontSize: "12px",
                                                     color: "#666",
                                                     marginBottom: "4px",
-                                                } }, { children: "\u6700\u5C0F\u503C\uFF1A" })), jsxs(Space.Compact, __assign({ style: { width: "100%" } }, { children: [jsxs(Select, __assign({ value: minOperator, onChange: setMinOperator, style: { width: "70px" } }, { children: [jsx(Option, __assign({ value: ">=" }, { children: ">=" })), jsx(Option, __assign({ value: ">" }, { children: ">" }))] })), jsx(Input, { type: "number", placeholder: "\u6700\u5C0F\u503C", value: minValue, onChange: function (e) { return setMinValue(e.target.value); }, onPressEnter: handleNumberFilter, style: { flex: 1 } })] }))] })), jsxs("div", __assign({ style: { marginBottom: "12px" } }, { children: [jsx("div", __assign({ style: {
+                                                } }, { children: locale.filterMinLabel })), jsxs(Space.Compact, __assign({ style: { width: "100%" } }, { children: [jsxs(Select, __assign({ value: minOperator, onChange: setMinOperator, style: { width: "70px" } }, { children: [jsx(Option, __assign({ value: ">=" }, { children: ">=" })), jsx(Option, __assign({ value: ">" }, { children: ">" }))] })), jsx(Input, { type: "number", placeholder: locale.filterMinPlaceholder, value: minValue, onChange: function (e) { return setMinValue(e.target.value); }, onPressEnter: handleNumberFilter, style: { flex: 1 } })] }))] })), jsxs("div", __assign({ style: { marginBottom: "12px" } }, { children: [jsx("div", __assign({ style: {
                                                     fontSize: "12px",
                                                     color: "#666",
                                                     marginBottom: "4px",
-                                                } }, { children: "\u6700\u5927\u503C\uFF1A" })), jsxs(Space.Compact, __assign({ style: { width: "100%" } }, { children: [jsxs(Select, __assign({ value: maxOperator, onChange: setMaxOperator, style: { width: "70px" } }, { children: [jsx(Option, __assign({ value: "<=" }, { children: "<=" })), jsx(Option, __assign({ value: "<" }, { children: "<" }))] })), jsx(Input, { type: "number", placeholder: "\u6700\u5927\u503C", value: maxValue, onChange: function (e) { return setMaxValue(e.target.value); }, onPressEnter: handleNumberFilter, style: { flex: 1 } })] }))] })), jsx("div", __assign({ style: { fontSize: "12px", color: "#1890ff" } }, { children: "\u793A\u4F8B\uFF1A\u8BBE\u7F6E >=10 \u548C <=20 \u8868\u793A 10-20 \u4E4B\u95F4" }))] })),
+                                                } }, { children: locale.filterMaxLabel })), jsxs(Space.Compact, __assign({ style: { width: "100%" } }, { children: [jsxs(Select, __assign({ value: maxOperator, onChange: setMaxOperator, style: { width: "70px" } }, { children: [jsx(Option, __assign({ value: "<=" }, { children: "<=" })), jsx(Option, __assign({ value: "<" }, { children: "<" }))] })), jsx(Input, { type: "number", placeholder: locale.filterMaxPlaceholder, value: maxValue, onChange: function (e) { return setMaxValue(e.target.value); }, onPressEnter: handleNumberFilter, style: { flex: 1 } })] }))] })), jsx("div", __assign({ style: { fontSize: "12px", color: "#1890ff" } }, { children: locale.filterRangeExample }))] })),
                         },
                     ] }), jsx("div", __assign({ style: {
                         borderTop: "1px solid #f0f0f0",
                         paddingTop: "12px",
                         marginTop: "12px",
-                    } }, { children: jsxs(Space, { children: [jsx(Button, __assign({ size: "small", type: "primary", onClick: handleNumberFilter, disabled: !numberValue && !minValue && !maxValue }, { children: "\u786E\u5B9A" })), jsx(Button, __assign({ size: "small", onClick: handleResetAndClose }, { children: "\u91CD\u7F6E" }))] }) }))] })));
+                    } }, { children: jsxs(Space, { children: [jsx(Button, __assign({ size: "small", type: "primary", onClick: handleNumberFilter, disabled: !numberValue && !minValue && !maxValue }, { children: locale.filterOk })), jsx(Button, __assign({ size: "small", onClick: handleResetAndClose }, { children: locale.filterReset }))] }) }))] })));
     }
     // 文本类型的筛选界面
     return (jsxs("div", __assign({ ref: popoverRef, className: "canvas-table-filter-popover", style: {
@@ -251,24 +255,24 @@ var FilterPopover = function (_a) {
             padding: "8px",
             minWidth: "200px",
             maxWidth: "300px",
-        } }, { children: [jsxs("div", __assign({ style: { padding: "4px 8px", marginBottom: "8px" } }, { children: [jsx(Input, { placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u6A21\u7CCA\u67E5\u8BE2", value: searchText, onChange: function (e) { return setSearchText(e.target.value); }, allowClear: true, size: "small", onPressEnter: handleConfirm }), searchText && (jsxs("div", __assign({ style: {
+        } }, { children: [jsxs("div", __assign({ style: { padding: "4px 8px", marginBottom: "8px" } }, { children: [jsx(Input, { placeholder: locale.filterSearchPlaceholder, value: searchText, onChange: function (e) { return setSearchText(e.target.value); }, allowClear: true, size: "small", onPressEnter: handleConfirm }), searchText && (jsx("div", __assign({ style: {
                             fontSize: "12px",
                             color: "#1890ff",
                             marginTop: "4px",
                             padding: "0 4px",
-                        } }, { children: ["\u6309\u56DE\u8F66\u6216\u70B9\u51FB\u786E\u5B9A\u4EE5\u6A21\u7CCA\u67E5\u8BE2\"", searchText, "\""] })))] })), jsx("div", __assign({ style: {
+                        } }, { children: formatLocaleText(locale.filterFuzzyTip, { text: searchText }) })))] })), jsx("div", __assign({ style: {
                     padding: "5px 12px",
                     borderBottom: "1px solid #f0f0f0",
                     marginBottom: "4px",
-                } }, { children: jsx(Checkbox, __assign({ indeterminate: isIndeterminate, checked: isAllSelected, onChange: handleSelectAll }, { children: "\u5168\u9009" })) })), jsx("div", __assign({ style: { maxHeight: "300px", overflowY: "auto" } }, { children: filteredOptions.length > 0 ? (filteredOptions.map(function (filter) { return (jsx("div", __assign({ style: { padding: "5px 12px", cursor: "pointer" }, onClick: function () { return handleCheckboxChange(filter.value); } }, { children: jsx(Checkbox, __assign({ checked: tempSelectedValues.includes(filter.value) }, { children: filter.text })) }), filter.value)); })) : (jsx("div", __assign({ style: {
+                } }, { children: jsx(Checkbox, __assign({ indeterminate: isIndeterminate, checked: isAllSelected, onChange: handleSelectAll }, { children: locale.filterSelectAll })) })), jsx("div", __assign({ style: { maxHeight: "300px", overflowY: "auto" } }, { children: filteredOptions.length > 0 ? (filteredOptions.map(function (filter) { return (jsx("div", __assign({ style: { padding: "5px 12px", cursor: "pointer" }, onClick: function () { return handleCheckboxChange(filter.value); } }, { children: jsx(Checkbox, __assign({ checked: tempSelectedValues.includes(filter.value) }, { children: filter.text })) }), filter.value)); })) : (jsx("div", __assign({ style: {
                         padding: "20px",
                         textAlign: "center",
                         color: "#999",
-                    } }, { children: "\u6682\u65E0\u5339\u914D\u9879" }))) })), jsx("div", __assign({ style: {
+                    } }, { children: locale.filterNoMatch }))) })), jsx("div", __assign({ style: {
                     borderTop: "1px solid #f0f0f0",
                     marginTop: "8px",
                     paddingTop: "8px",
-                } }, { children: jsxs(Space, { children: [jsx(Button, __assign({ size: "small", type: "primary", onClick: handleConfirm }, { children: "\u786E\u5B9A" })), jsx(Button, __assign({ size: "small", onClick: handleResetAndClose }, { children: "\u91CD\u7F6E" }))] }) }))] })));
+                } }, { children: jsxs(Space, { children: [jsx(Button, __assign({ size: "small", type: "primary", onClick: handleConfirm }, { children: locale.filterOk })), jsx(Button, __assign({ size: "small", onClick: handleResetAndClose }, { children: locale.filterReset }))] }) }))] })));
 };
 
 export { FilterPopover as default };

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

@@ -9,6 +9,9 @@ import { MERGE_INDEX } from '../../table/constant.js';
 import 'lodash/isEqual';
 import 'ahooks';
 import '../../node_modules/immutability-helper/index.js';
+import useLocale from '../../config/useLocale.js';
+import '../../config/ZtxkContext.js';
+import '../../config/MyStorage.js';
 import '../../node_modules/exceljs/dist/exceljs.min.js';
 import '../components/FilterPopover.js';
 import '../../node_modules/react-contexify/dist/index.js';
@@ -16,19 +19,20 @@ import '../../node_modules/screenfull/index.js';
 import ColumnDynamic from '../components/ColumnDynamic.js';
 
 var useProcessedColumns = function (params) {
+    var locale = useLocale().CanvasTable;
     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, headerWrap = params.headerWrap, _b = params.headerAlign, headerAlign = _b === void 0 ? "center" : _b;
     return useMemo(function () {
         var cols = __spreadArray([], (dynamicColumns || columns), true);
         // 添加序号列
         if (mode === "index") {
-            var title = "序号";
+            var title = locale.serialNumber;
             if (dynamicKey && dynamicSettingRef) {
                 title = jsx(ColumnDynamic, { dynamicSettingRef: dynamicSettingRef });
             }
             cols.unshift({
                 key: "__index__",
                 title: title,
-                dynamicTitle: "序号",
+                dynamicTitle: locale.serialNumber,
                 width: 60,
                 fixed: "left",
                 align: "center",
@@ -100,6 +104,7 @@ var useProcessedColumns = function (params) {
         dynamicSettingRef,
         headerWrap,
         headerAlign,
+        locale,
     ]);
 };
 

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

@@ -0,0 +1,115 @@
+import { __assign, __spreadArray } from '../../_virtual/_tslib.js';
+import { useRef, useEffect } from 'react';
+import { flattenHeaders } from '../utils/multiHeaderHelpers.js';
+
+/** 按显示顺序收集叶子列标题和明确配置的单位，保留多级表头路径。 */
+function selectionColumns(columns, parents, parentUnit) {
+    if (parents === void 0) { parents = []; }
+    return columns.flatMap(function (column) {
+        var _a, _b, _c, _d, _e, _f;
+        var title = (_c = (_b = (_a = column.aiContext) === null || _a === void 0 ? void 0 : _a.columnTitle) !== null && _b !== void 0 ? _b : column.dynamicTitle) !== null && _c !== void 0 ? _c : (typeof column.title === "string" ? column.title : column.key);
+        var path = __spreadArray(__spreadArray([], parents, true), [title], false);
+        var unit = (_e = (_d = column.aiContext) === null || _d === void 0 ? void 0 : _d.displayUnit) !== null && _e !== void 0 ? _e : parentUnit;
+        return ((_f = column.children) === null || _f === void 0 ? void 0 : _f.length)
+            ? selectionColumns(column.children, path, unit)
+            : [
+                {
+                    key: column.key,
+                    fieldKey: column.dataIndex,
+                    columnTitle: path.join(" / "),
+                    displayUnit: unit || undefined,
+                },
+            ];
+    });
+}
+/** 框选完成才发布快照；数据、列、滚动变化清除旧快照，避免旧位置指向新记录。 */
+function useSelectionSnapshot(options) {
+    var selection = options.selection, selecting = options.selecting, columns = options.columns, rows = options.rows, scrollLeft = options.scrollLeft, scrollTop = options.scrollTop, headerHeight = options.headerHeight, containerRef = options.containerRef, getText = options.getText, onChange = options.onChange;
+    var point = useRef({ x: 0, y: 0 });
+    var previous = useRef({ selection: selection, selecting: selecting });
+    var callback = useRef(onChange);
+    callback.current = onChange;
+    var enabled = !!onChange;
+    useEffect(function () {
+        if (!enabled)
+            return;
+        /** 在 Canvas mouseup 状态提交前记录最终鼠标坐标。 */
+        var rememberPoint = function (event) {
+            point.current = { x: event.clientX, y: event.clientY };
+        };
+        document.addEventListener("pointerup", rememberPoint, true);
+        return function () { return document.removeEventListener("pointerup", rememberPoint, true); };
+    }, [enabled]);
+    useEffect(function () {
+        var _a, _b, _c, _d, _e, _f;
+        var old = previous.current;
+        previous.current = { selection: selection, selecting: selecting };
+        if (!callback.current)
+            return;
+        if (!selection ||
+            selecting ||
+            (!old.selecting && selection === old.selection) ||
+            !containerRef.current) {
+            callback.current(null);
+            return;
+        }
+        var count = (Math.abs(selection.endRow - selection.startRow) + 1) *
+            (Math.abs(selection.endCol - selection.startCol) + 1);
+        // ponytail: 最多同步读取 200 格；更大范围分析应使用分页数据接口。
+        if (count > 200) {
+            callback.current(null);
+            return;
+        }
+        var metadata = selectionColumns(columns)
+            .slice(Math.min(selection.startCol, selection.endCol), Math.max(selection.startCol, selection.endCol) + 1)
+            .filter(function (column) {
+            return column.key !== "__selection__" && column.key !== "__index__";
+        });
+        var text = getText();
+        // 单击分组表头时解释实际表头，不能把所在叶子列误当成点击目标。
+        if (selection.startRow === -1 &&
+            selection.endRow === -1 &&
+            selection.startCol === selection.endCol) {
+            var headers = flattenHeaders(columns);
+            var y = point.current.y - containerRef.current.getBoundingClientRect().top;
+            var depth = Math.min(headers.length - 1, Math.max(0, Math.floor(y / (headerHeight / headers.length))));
+            var header = (_a = headers[depth]) === null || _a === void 0 ? void 0 : _a.find(function (cell) {
+                return selection.startCol >= cell.colIndex &&
+                    selection.startCol < cell.colIndex + cell.colSpan;
+            });
+            if ((_b = header === null || header === void 0 ? void 0 : header.column.children) === null || _b === void 0 ? void 0 : _b.length) {
+                var column = header.column;
+                text =
+                    (_e = (_d = (_c = column.aiContext) === null || _c === void 0 ? void 0 : _c.columnTitle) !== null && _d !== void 0 ? _d : column.dynamicTitle) !== null && _e !== void 0 ? _e : (typeof column.title === "string" ? column.title : column.key);
+                metadata.splice(0, metadata.length, {
+                    key: column.key,
+                    fieldKey: column.dataIndex,
+                    columnTitle: text,
+                    displayUnit: (_f = column.aiContext) === null || _f === void 0 ? void 0 : _f.displayUnit,
+                });
+            }
+        }
+        if (!text.trim()) {
+            callback.current(null);
+            return;
+        }
+        callback.current({
+            range: __assign({}, selection),
+            columns: metadata,
+            text: text,
+            anchor: __assign({}, point.current),
+        });
+    }, [
+        selection,
+        selecting,
+        columns,
+        rows,
+        scrollLeft,
+        scrollTop,
+        headerHeight,
+        containerRef,
+        getText,
+    ]);
+}
+
+export { useSelectionSnapshot };

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

@@ -5,6 +5,9 @@ import 'lodash/isEqual';
 import 'ahooks';
 import '../../node_modules/immutability-helper/index.js';
 import 'react/jsx-runtime';
+import useLocale from '../../config/useLocale.js';
+import '../../config/ZtxkContext.js';
+import '../../config/MyStorage.js';
 import { plus, exactRound, addThousedSeparator } from 'zmdms-utils';
 import '../../node_modules/exceljs/dist/exceljs.min.js';
 import 'dayjs';
@@ -15,6 +18,7 @@ import { getAllLeafColumns } from '../utils/columnHelpers.js';
  */
 var useSummaryRow = function (params) {
     var columns = params.columns, dataSource = params.dataSource;
+    var locale = useLocale().CanvasTable;
     var summaryRow = useMemo(function () {
         // 先扁平化多级表头，获取所有叶子列
         var leafColumns = getAllLeafColumns(columns);
@@ -65,7 +69,7 @@ var useSummaryRow = function (params) {
             }
             else if (colIndex === firstColIndex) {
                 // 第一列显示"合计"（可以是序号列、选择框列或数据列）
-                summaryRecord[dataIndex] = "合计";
+                summaryRecord[dataIndex] = locale.total;
             }
             else {
                 summaryRecord[dataIndex] = "";
@@ -79,7 +83,7 @@ var useSummaryRow = function (params) {
         });
         summaryRecord[IS_SUMMARY] = true;
         return summaryRecord;
-    }, [columns, dataSource]);
+    }, [columns, dataSource, locale]);
     // 包含合计行的数据源
     var finalDataSource = useMemo(function () {
         if (summaryRow) {

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

@@ -4,6 +4,9 @@ import 'zmdms-utils';
 import 'dayjs';
 import '../../_virtual/_tslib.js';
 import { useMemoizedFn } from 'ahooks';
+import useLocale from '../../config/useLocale.js';
+import '../../config/ZtxkContext.js';
+import '../../config/MyStorage.js';
 import './renderers/BadgeRenderer.js';
 import './renderers/ExpandIconRenderer.js';
 import { HeaderRenderer } from './renderers/HeaderRenderer.js';
@@ -19,6 +22,7 @@ import { FixedColumnRenderer } from './renderers/FixedColumnRenderer.js';
  * 重构版本：使用渲染器模式，职责分离
  */
 var useTableRender = function (params) {
+    var locale = useLocale().CanvasTable;
     // 添加节流机制，避免频繁重绘
     var rafIdRef = useRef(null);
     var isDrawingRef = useRef(false);
@@ -273,7 +277,7 @@ var useTableRender = function (params) {
                         ctx.fillStyle = "#ff4d4f";
                         ctx.font = "14px Arial";
                         ctx.textAlign = "center";
-                        ctx.fillText("表格渲染异常，请检查数据或刷新页面", canvas.width / 2, canvas.height / 2);
+                        ctx.fillText(locale.renderError, canvas.width / 2, canvas.height / 2);
                     }
                 }
             }

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

@@ -7,6 +7,11 @@ interface FilterConfig {
 }
 type ColumnDataType = "text" | "number" | "date" | "boolean";
 interface ICanvasColumnType<RecordType = any> {
+    /** 选区的展示标题和单位；子列继承父列单位，空字符串取消继承。 */
+    aiContext?: {
+        columnTitle?: string;
+        displayUnit?: string;
+    };
     /**
      * 列的key，唯一标识
      */
@@ -479,6 +484,8 @@ interface ICanvasTableProps<RecordType = any> {
      * 表格id（用于自动高度计算时定位元素）
      */
     canvasTableId?: string;
+    /** 框选结束发布展示快照，开始框选、数据或滚动变化传 null 使旧快照失效。 */
+    onCellSelectionChange?: (selection: ICanvasCellSelection | null) => void;
     /**
      * 表格ref句柄，用于暴露表格的一些方法
      */
@@ -590,6 +597,27 @@ interface ICanvasTableRefHandle {
      * 清除过滤
      */
     clearFilter: () => void;
+}
+/** 完成选区的展示快照，不暴露完整记录；超过 200 格不生成快照。 */
+interface ICanvasCellSelection {
+    range: ICellSelection;
+    columns: {
+        fieldKey?: string;
+        columnTitle: string;
+        displayUnit?: string;
+    }[];
+    text: string;
+    /** 屏幕坐标，用于定位选区操作入口。 */
+    anchor: {
+        x: number;
+        y: number;
+    };
+}
+interface ICellSelection {
+    startRow: number;
+    endRow: number;
+    startCol: number;
+    endCol: number;
 }
 
-export { ColumnDataType, FilterConfig, IBadgeProps, ICanvasColumnType, ICanvasColumnsType, ICanvasRowSelection, ICanvasTableProps, ICanvasTableRefHandle, IExpandable, SortOrder };
+export { ColumnDataType, FilterConfig, IBadgeProps, ICanvasCellSelection, ICanvasColumnType, ICanvasColumnsType, ICanvasRowSelection, ICanvasTableProps, ICanvasTableRefHandle, ICellSelection, IExpandable, SortOrder };