zmdms-webui 2.3.0 → 2.3.2

package/dist/es/canvastable/canvasTable.js

@@ -0,0 +1,367 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useCallback, useMemo } from 'react';
+import { Spin } from 'antd';
+import './components/FilterPopover.js';
+import CellOverlay from './components/CellOverlay.js';
+import Tooltip from './components/Tooltip.js';
+import BadgePopover from './components/BadgePopover.js';
+import EmptyPlaceholder from './components/EmptyPlaceholder.js';
+import CanvasTableMenu from './components/CanvasTableMenu.js';
+import './components/ColumnDynamic.js';
+import HeaderOverlay from './components/HeaderOverlay.js';
+import { useContextMenu as Fe } from '../node_modules/react-contexify/dist/index.js';
+import { useTableState } from './hooks/useTableState.js';
+import { useTableSelection } from './hooks/useTableSelection.js';
+import { useTableRender } from './hooks/useTableRender.js';
+import { useTableInteraction } from './hooks/useTableInteraction.js';
+import { useScrollbarMetrics, useTableScroll, useScrollReset } from './hooks/useScroll.js';
+import { useFilterPopover, useBadgePopover } from './hooks/usePopovers.js';
+import { useTableCellOverlay, useHeaderOverlay } from './hooks/useOverlays.js';
+import { useCopyToClipboard } from './hooks/useCopyToClipboard.js';
+import { useColumnResize } from './hooks/useColumnResize.js';
+import { useHeaderHeight } from './hooks/useHeaderHeight.js';
+import { useClickOutside } from './hooks/useClickOutside.js';
+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 { SCROLLBAR_SIZE } from './utils/constants.js';
+import { calculateColumnRenderInfos, calculateTotalWidth, calculateTotalHeight } from './utils/tableCalculations.js';
+import 'dayjs';
+import { TABLE_DYNAMIC_KEY } from '../table/constant.js';
+import { useDynamicListByColumns } from '../table/useDynamicListByColumns.js';
+import { useAutoMerge } from '../table/hooks.js';
+import { useExcelExport } from '../table/excel.js';
+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 canvasRef = useRef(null);
+    var containerRef = useRef(null);
+    var filterPopoverRef = useRef(null);
+    var badgePopoverRef = useRef(null);
+    var tableMenuRef = useRef();
+    // 右键菜单
+    var menuId = useState(isContextMenu
+        ? "canvas-table-menu-" + Math.floor(Math.random() * 100000000)
+        : undefined)[0];
+    var menuShow = Fe({
+        id: menuId,
+    }).show;
+    // 获取行的key
+    var getRowKey = useCallback(function (record, index) {
+        var _a;
+        if (typeof rowKey === "function") {
+            return String(rowKey(record));
+        }
+        return String((_a = record[rowKey]) !== null && _a !== void 0 ? _a : index);
+    }, [rowKey]);
+    // 动态列配置
+    var _r = useDynamicListByColumns(columns, {
+        dynamicKey: dynamicKey,
+        dynamicVersion: dynamicVersion,
+        customDynamicListHandle: customDynamicListHandle,
+    }), defaultDynamicList = _r.defaultDynamicList, currentDynamicList = _r.currentDynamicList, onCurrentListChange = _r.onCurrentListChange, dynamicSettingRef = _r.dynamicSettingRef;
+    // 根据动态列配置处理columns
+    var dynamicColumns = useMemo(function () { return getTableColumns(columns, currentDynamicList); }, [columns, currentDynamicList]).columns;
+    // 计算表头动态高度（支持wrap换行）
+    var calculatedHeaderHeight = useHeaderHeight({
+        columns: (dynamicColumns || columns),
+        headerHeight: headerHeight,
+    });
+    // 内部列宽状态（未开启动态配置时使用）
+    var _s = useState({}), internalColumnWidths = _s[0], setInternalColumnWidths = _s[1];
+    // 处理选中框列、序号列等
+    var processedColumnsOld = useProcessedColumns({
+        columns: columns,
+        dynamicColumns: dynamicColumns,
+        mode: mode,
+        rowSelection: rowSelection,
+        internalColumnWidths: internalColumnWidths,
+        dynamicKey: dynamicKey,
+        renderMode: renderMode,
+        dynamicSettingRef: dynamicSettingRef,
+    });
+    // 表格状态管理
+    var _t = 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;
+    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, {
+        isAutoMerge: isAutoMerge,
+        isDimensionDynamic: isDimensionDynamic,
+        order: order,
+        dimensionCustomSumKeys: dimensionCustomSumKeys,
+    }), newDataSource = _u[0], processedColumns = _u[1];
+    // 生成合计行和最终数据源
+    var _v = useSummaryRow({
+        columns: processedColumns,
+        dataSource: newDataSource,
+    }), finalDataSource = _v.finalDataSource, hasSummaryRow = _v.hasSummaryRow;
+    // 计算列的渲染信息
+    var columnRenderInfos = useMemo(function () { return calculateColumnRenderInfos(processedColumns); }, [processedColumns]);
+    // 计算合并单元格信息
+    var mergeCellMap = useMergeCells({
+        dataSource: finalDataSource,
+        columns: processedColumns,
+        isIndexMerge: isIndexMerge,
+        isSelectionMerge: isSelectionMerge,
+    }).mergeCellMap;
+    // 计算总宽度和总高度
+    var totalWidth = useMemo(function () { return calculateTotalWidth(columnRenderInfos); }, [columnRenderInfos]);
+    var totalHeight = useMemo(function () {
+        return calculateTotalHeight(calculatedHeaderHeight, finalDataSource.length, rowHeight);
+    }, [calculatedHeaderHeight, finalDataSource.length, rowHeight]);
+    // 监听容器尺寸变化
+    var containerSize = useContainerSize({
+        containerRef: containerRef,
+        width: width,
+        height: height,
+    });
+    var containerWidth = containerSize.width;
+    var containerHeight = containerSize.height;
+    // 计算滚动条指标
+    var _w = useScrollbarMetrics({
+        containerWidth: containerWidth,
+        containerHeight: containerHeight,
+        totalWidth: totalWidth,
+        totalHeight: totalHeight,
+        headerHeight: calculatedHeaderHeight,
+        scrollTop: 0,
+        scrollLeft: 0,
+    }), maxScrollTop = _w.maxScrollTop, maxScrollLeft = _w.maxScrollLeft;
+    // 滚动管理（使用预先计算的maxScrollTop和maxScrollLeft）
+    var _x = useTableScroll({
+        canvasRef: canvasRef,
+        containerRef: containerRef,
+        maxScrollTop: maxScrollTop,
+        maxScrollLeft: maxScrollLeft,
+        onScroll: onScroll,
+    }), scrollState = _x.scrollState, setScrollState = _x.setScrollState;
+    // 数据变化时重置滚动位置（筛选、排序、数据源更新等操作后）
+    useScrollReset({
+        dataSourceLength: dataSource.length,
+        processedDataLength: processedDataSource.length,
+        filters: state.filters,
+        sortField: state.sortField,
+        sortOrder: state.sortOrder,
+        setScrollState: setScrollState,
+    });
+    // 使用实际滚动位置重新计算滚动条的显示位置
+    var scrollbarMetrics = useScrollbarMetrics({
+        containerWidth: containerWidth,
+        containerHeight: containerHeight,
+        totalWidth: totalWidth,
+        totalHeight: totalHeight,
+        headerHeight: calculatedHeaderHeight,
+        scrollTop: scrollState.scrollTop,
+        scrollLeft: scrollState.scrollLeft,
+    }).actualMetrics;
+    // 单元格框选
+    var _y = useTableSelection({
+        state: state,
+        setState: setState,
+    }), 
+    // selectionStartRef,
+    startSelection = _y.startSelection, updateSelection = _y.updateSelection, extendSelection = _y.extendSelection;
+    // 处理列宽调整
+    var handleColumnResize = useCallback(function (columnKey, newWidth) {
+        var _a;
+        // 先调用外部回调（用户可以监听列宽变化）
+        onColumnResize === null || onColumnResize === void 0 ? void 0 : onColumnResize(columnKey, newWidth);
+        if (dynamicKey && currentDynamicList) {
+            // 开启了动态配置：更新到动态配置中
+            var newList = currentDynamicList.map(function (item) { return (__assign({}, item)); });
+            // 递归查找并更新列宽
+            var updateWidth_1 = function (items) {
+                for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
+                    var item = items_1[_i];
+                    if (item.key === columnKey) {
+                        item.width = newWidth;
+                        return true;
+                    }
+                    // 递归处理多级表头
+                    if (item.children && updateWidth_1(item.children)) {
+                        return true;
+                    }
+                }
+                return false;
+            };
+            if (updateWidth_1(newList)) {
+                // 更新动态配置
+                if ((_a = dynamicSettingRef === null || dynamicSettingRef === void 0 ? void 0 : dynamicSettingRef.current) === null || _a === void 0 ? void 0 : _a.updateList) {
+                    dynamicSettingRef.current.updateList(newList);
+                }
+                else {
+                    onCurrentListChange === null || onCurrentListChange === void 0 ? void 0 : onCurrentListChange(newList);
+                }
+            }
+        }
+        else {
+            // 未开启动态配置：保存到内部状态
+            setInternalColumnWidths(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[columnKey] = newWidth, _a)));
+            });
+        }
+    }, [
+        onColumnResize,
+        dynamicKey,
+        currentDynamicList,
+        dynamicSettingRef,
+        onCurrentListChange,
+    ]);
+    // 列宽调整
+    var _z = 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;
+    // 复制到剪贴板
+    var getSelectedCellsText = useCopyToClipboard({
+        cellSelection: state.cellSelection,
+        processedDataSource: finalDataSource,
+        columns: processedColumns,
+        containerRef: containerRef,
+    }).getSelectedCellsText;
+    // 处理右键菜单的复制操作
+    var handleCopy = useCallback(function () {
+        var text = getSelectedCellsText();
+        if (text && navigator.clipboard) {
+            navigator.clipboard.writeText(text).catch(function (err) {
+                console.error("Failed to copy:", err);
+            });
+        }
+    }, [getSelectedCellsText]);
+    // Excel导出功能
+    var exportExcel = useExcelExport(processedDataSource, {
+        columns: processedColumns,
+        isAutoMerge: isAutoMerge,
+    });
+    // 交互事件处理（使用baseScrollbarMetrics的maxScrollTop/maxScrollLeft以保持稳定）
+    var _0 = useTableInteraction({
+        state: state,
+        setState: setState,
+        scrollState: scrollState,
+        setScrollState: setScrollState,
+        processedDataSource: finalDataSource,
+        columnRenderInfos: columnRenderInfos,
+        columns: processedColumns,
+        rowSelection: rowSelection,
+        rowHeight: rowHeight,
+        headerHeight: calculatedHeaderHeight,
+        containerWidth: containerWidth,
+        containerHeight: containerHeight,
+        scrollbarSize: SCROLLBAR_SIZE,
+        canvasRef: canvasRef,
+        totalHeight: totalHeight,
+        totalWidth: totalWidth,
+        // 使用scrollbarMetrics的显示相关属性（需要随滚动更新）
+        needVerticalScrollbar: scrollbarMetrics.needVerticalScrollbar,
+        needHorizontalScrollbar: scrollbarMetrics.needHorizontalScrollbar,
+        verticalScrollbarTop: scrollbarMetrics.verticalScrollbarTop,
+        verticalScrollbarHeight: scrollbarMetrics.verticalScrollbarHeight,
+        horizontalScrollbarLeft: scrollbarMetrics.horizontalScrollbarLeft,
+        horizontalScrollbarWidth: scrollbarMetrics.horizontalScrollbarWidth,
+        dataAreaHeight: scrollbarMetrics.dataAreaHeight,
+        // 使用baseMetrics的max值（保持稳定，避免滚动过程中突变）
+        maxScrollTop: maxScrollTop,
+        maxScrollLeft: maxScrollLeft,
+        onSortChange: onSortChange,
+        onRowClick: onRowClick,
+        getRowKey: getRowKey,
+        startSelection: startSelection,
+        updateSelection: updateSelection,
+        extendSelection: extendSelection,
+        checkResizeHandle: checkResizeHandle,
+        startResize: startResize,
+        updateResize: updateResize,
+        endResize: endResize,
+        setHoverResizeColumn: setHoverResizeColumn,
+        resizeState: resizeState,
+        hasSummaryRow: hasSummaryRow,
+        mergeCellMap: mergeCellMap,
+        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;
+    // 渲染表格
+    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 }));
+    // 单元格覆盖层
+    var cellOverlays = useTableCellOverlay({
+        canvasRef: canvasRef,
+        processedDataSource: finalDataSource,
+        columnRenderInfos: columnRenderInfos,
+        scrollState: scrollState,
+        containerWidth: containerWidth,
+        containerHeight: containerHeight,
+        headerHeight: calculatedHeaderHeight,
+        rowHeight: rowHeight,
+        needHorizontalScrollbar: scrollbarMetrics.needHorizontalScrollbar,
+        needVerticalScrollbar: scrollbarMetrics.needVerticalScrollbar,
+        scrollbarSize: SCROLLBAR_SIZE,
+        fixedRowsCount: fixedRowsCount,
+        fixedRowsConfig: fixedRowsConfig,
+        hasSummaryRow: hasSummaryRow,
+        fixedSummaryRow: fixedSummaryRow,
+    }).cellOverlays;
+    // 表头覆盖层
+    var headerOverlays = useHeaderOverlay({
+        columnRenderInfos: columnRenderInfos,
+        scrollLeft: scrollState.scrollLeft,
+        headerHeight: calculatedHeaderHeight,
+        containerWidth: containerWidth,
+        needVerticalScrollbar: scrollbarMetrics.needVerticalScrollbar,
+        scrollbarSize: SCROLLBAR_SIZE,
+        getColumnWidth: getColumnWidth,
+    }).headerOverlays;
+    // 渲染过滤弹窗
+    var filterPopoverElement = useFilterPopover({
+        filterPopover: state.filterPopover,
+        filters: state.filters,
+        columns: processedColumns,
+        autoGeneratedFilters: autoGeneratedFilters,
+        onFilterChange: handleFilterChange,
+        onClose: closeFilterPopover,
+        popoverRef: filterPopoverRef,
+    }).filterPopoverElement;
+    // 点击外部关闭过滤弹窗
+    useClickOutside({
+        ref: filterPopoverRef,
+        isVisible: state.filterPopover.visible,
+        onClose: closeFilterPopover,
+    });
+    // Badge弹窗管理
+    var handleCloseBadgePopover = useBadgePopover({
+        badgePopover: state.badgePopover,
+        tooltip: state.tooltip,
+        scrollTop: scrollState.scrollTop,
+        scrollLeft: scrollState.scrollLeft,
+        setState: setState,
+    }).handleCloseBadgePopover;
+    useClickOutside({
+        ref: badgePopoverRef,
+        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: {
+                        display: "block",
+                        // cursor 由 useTableInteraction 动态管理
+                        touchAction: "none",
+                    } }), 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: finalDataSource.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: dynamicKey ? exportExcel : undefined })) : null] })) })));
+}
+
+export { CanvasTable as default };

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

@@ -0,0 +1,27 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+
+var BadgePopover = function (_a) {
+    var visible = _a.visible, content = _a.content, position = _a.position, popoverRef = _a.popoverRef;
+    if (!visible) {
+        return null;
+    }
+    return (jsx("div", __assign({ ref: popoverRef, className: "canvas-table-badge-popover", style: {
+            position: "fixed",
+            left: position.x,
+            top: position.y,
+            zIndex: 1002,
+            background: "#fff",
+            color: "rgba(0, 0, 0, 0.85)",
+            padding: "12px 16px",
+            borderRadius: "4px",
+            fontSize: "14px",
+            maxWidth: "400px",
+            wordBreak: "break-all",
+            whiteSpace: "pre-wrap",
+            boxShadow: "0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)",
+            border: "1px solid #f0f0f0",
+        } }, { children: content })));
+};
+
+export { BadgePopover as default };

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

@@ -0,0 +1,74 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+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';
+
+var CanvasTableMenu = function (_a) {
+    var menuId = _a.menuId, containerRef = _a.containerRef, isFullscreenHandle = _a.isFullscreenHandle, tableMenuRef = _a.tableMenuRef, onCopy = _a.onCopy, onExport = _a.onExport;
+    var _b = useState(false), isFull = _b[0], setIsFull = _b[1];
+    var isFullscreenHandleRef = useLatest(isFullscreenHandle);
+    function toggleFullscreen() {
+        if (screenfull.isEnabled) {
+            var realScreenFull = screenfull;
+            if (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) {
+                realScreenFull.toggle(containerRef.current);
+            }
+            else {
+                realScreenFull.toggle();
+            }
+        }
+    }
+    function onMenuItemClick(e) {
+        var data = e.data;
+        switch (data) {
+            case "fullscreen": {
+                toggleFullscreen();
+                break;
+            }
+            case "copy": {
+                onCopy === null || onCopy === void 0 ? void 0 : onCopy();
+                break;
+            }
+            case "export": {
+                var fileName = "\u8868\u683C\u6570\u636E_".concat(new Date().toLocaleDateString());
+                onExport === null || onExport === void 0 ? void 0 : onExport(fileName);
+                break;
+            }
+        }
+    }
+    // 全屏
+    useEffect(function () {
+        if (screenfull.isEnabled) {
+            var realScreenFull_1 = screenfull;
+            var callback_1 = function () {
+                var _a;
+                var isFull = realScreenFull_1.isFullscreen;
+                (_a = isFullscreenHandleRef.current) === null || _a === void 0 ? void 0 : _a.call(isFullscreenHandleRef, isFull);
+                setIsFull(isFull);
+                // 如果是全屏状态，那么修改背景
+                if (containerRef && containerRef.current) {
+                    if (isFull) {
+                        containerRef.current.classList.add("canvas-table--fullscreen");
+                        containerRef.current.style.backgroundColor = "#fff";
+                    }
+                    else {
+                        containerRef.current.classList.remove("canvas-table--fullscreen");
+                        containerRef.current.style.removeProperty("background-color");
+                    }
+                }
+            };
+            realScreenFull_1.on("change", callback_1);
+            return function () {
+                realScreenFull_1.off("change", callback_1);
+            };
+        }
+    }, [containerRef, isFullscreenHandleRef]);
+    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] }));
+};
+
+export { CanvasTableMenu as default };

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

@@ -0,0 +1,49 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var CellOverlay = function (_a) {
+    var overlays = _a.overlays;
+    if (!overlays || overlays.length === 0) {
+        return null;
+    }
+    return (jsx(Fragment, { children: overlays.map(function (overlay, index) { return (jsx("div", __assign({ className: "canvas-table-cell-overlay", style: {
+                position: "absolute",
+                left: overlay.x,
+                top: overlay.y,
+                width: overlay.width,
+                height: overlay.height,
+                pointerEvents: "none",
+                overflow: "hidden",
+                boxSizing: "border-box",
+                zIndex: (function () {
+                    // z-index 优先级：固定行必须有足够高的优先级避免被滚动行覆盖
+                    if (overlay.isFixedRow && overlay.isFixed)
+                        return 100; // 固定行固定列（最高优先级）
+                    if (overlay.isFixedRow && !overlay.isFixed)
+                        return 90; // 固定行非固定列
+                    if (!overlay.isFixedRow && overlay.isFixed)
+                        return 10; // 非固定行固定列
+                    return 1; // 非固定行非固定列（最低优先级）
+                })(), // 根据固定列和固定行设置 z-index
+            } }, { children: jsx("div", __assign({ className: "canvas-table-cell-content", style: {
+                    position: "absolute",
+                    left: -overlay.offsetLeft + 16,
+                    top: -overlay.offsetTop,
+                    width: overlay.originalWidth - 32,
+                    height: overlay.originalHeight,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: (function () {
+                        // 根据列的align属性设置对齐方式
+                        var align = overlay.align || "left";
+                        if (align === "center")
+                            return "center";
+                        if (align === "right")
+                            return "flex-end";
+                        return "flex-start"; // left 默认
+                    })(),
+                    pointerEvents: "none", // 容器本身不捕获事件，允许框选穿透
+                } }, { children: overlay.content })) }), "overlay-".concat(overlay.rowIndex, "-").concat(overlay.colIndex, "-").concat(index))); }) }));
+};
+
+export { CellOverlay as default };

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

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import PicRightOutlined from '../../node_modules/@ant-design/icons/es/icons/PicRightOutlined.js';
+
+var ColumnDynamic = function (_a) {
+    var dynamicSettingRef = _a.dynamicSettingRef;
+    return (jsx(PicRightOutlined, { onClick: function () {
+            var _a;
+            (_a = dynamicSettingRef === null || dynamicSettingRef === void 0 ? void 0 : dynamicSettingRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(true);
+        } }));
+};
+memo(ColumnDynamic);

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

@@ -0,0 +1,20 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+
+var EmptyPlaceholder = function (_a) {
+    var visible = _a.visible, text = _a.text, headerHeight = _a.headerHeight;
+    if (!visible) {
+        return null;
+    }
+    return (jsx("div", __assign({ className: "canvas-table-empty", style: {
+            position: "absolute",
+            top: headerHeight,
+            left: 0,
+            right: 0,
+            textAlign: "center",
+            padding: "50px 0",
+            color: "rgba(0, 0, 0, 0.25)",
+        } }, { children: text })));
+};
+
+export { EmptyPlaceholder as default };