e-virt-table 1.2.34 → 1.3.0

package/dist/lib/DOMTreeMenu.js

@@ -0,0 +1,348 @@
+import { computePosition, autoUpdate, flip, shift, offset } from '@floating-ui/dom';
+import { expandSvg } from './Icons';
+export class DOMTreeMenu {
+    constructor(container, menuData = [], options = {}) {
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "menuData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "activeSubmenus", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Set()
+        });
+        Object.defineProperty(this, "boundMouseEnterHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "boundMouseLeaveHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "boundClickHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.container = container;
+        this.menuData = menuData;
+        this.onClick = options.onClick;
+        // 绑定事件处理器
+        this.boundMouseEnterHandler = (e) => this.handleMouseEvent(e, 'enter');
+        this.boundMouseLeaveHandler = (e) => this.handleMouseEvent(e, 'leave');
+        this.boundClickHandler = (e) => this.handleClick(e);
+        this.createMenu();
+        this.bindEvents();
+    }
+    createMenu() {
+        this.container.className = 'e-virt-table-main-menu';
+        // 确保菜单可见
+        this.container.style.display = 'block';
+        const mainMenu = document.createDocumentFragment();
+        this.menuData.forEach((item) => {
+            mainMenu.appendChild(this.createMenuItem(item));
+        });
+        this.container.appendChild(mainMenu);
+    }
+    createMenuItem(item, isSubmenu = false) {
+        const menuItem = this.createElement('div', isSubmenu ? 'e-virt-table-submenu-item' : 'e-virt-table-menu-item');
+        menuItem.setAttribute(isSubmenu ? 'data-submenu' : 'data-menu', item.value);
+        if (item.disabled)
+            menuItem.classList.add('disabled');
+        const contentContainer = this.createElement('div', 'menu-item-content');
+        if (item.icon) {
+            const iconContainer = this.createElement('span', 'menu-item-icon');
+            iconContainer.innerHTML = item.icon;
+            contentContainer.appendChild(iconContainer);
+        }
+        else {
+            contentContainer.classList.add('menu-item-no-icon');
+        }
+        const textSpan = this.createElement('span', 'menu-item-text');
+        textSpan.textContent = item.label;
+        contentContainer.appendChild(textSpan);
+        menuItem.appendChild(contentContainer);
+        if (item.children?.length) {
+            const arrowContainer = this.createElement('span', 'e-virt-table-menu-arrow');
+            arrowContainer.innerHTML = expandSvg;
+            menuItem.appendChild(arrowContainer);
+            const submenu = this.createSubmenu(item.children);
+            menuItem._submenu = submenu;
+            this.container.appendChild(submenu);
+        }
+        return menuItem;
+    }
+    createSubmenu(submenuData) {
+        const submenu = this.createElement('div', 'e-virt-table-submenu');
+        submenuData.forEach((item) => {
+            submenu.appendChild(this.createMenuItem(item, true));
+        });
+        return submenu;
+    }
+    createElement(tagName, className = '') {
+        const element = document.createElement(tagName);
+        if (className)
+            element.className = className;
+        return element;
+    }
+    bindEvents() {
+        this.container.addEventListener('mouseenter', this.boundMouseEnterHandler, true);
+        this.container.addEventListener('mouseleave', this.boundMouseLeaveHandler, true);
+        this.container.addEventListener('click', this.boundClickHandler);
+    }
+    handleMouseEvent(e, type) {
+        // 阻止事件冒泡，防止触发外部的鼠标事件
+        e.stopPropagation();
+        const target = e.target;
+        const menuItem = target.closest('.e-virt-table-menu-item, .e-virt-table-submenu-item');
+        if (menuItem &&
+            (this.container.contains(menuItem) || menuItem.classList.contains('e-virt-table-submenu-item'))) {
+            if (type === 'enter') {
+                this.handleHover(menuItem);
+            }
+            else {
+                this.handleLeave(menuItem);
+            }
+        }
+    }
+    handleHover(menuItem) {
+        if (menuItem.classList.contains('e-virt-table-menu-item')) {
+            this.container
+                .querySelectorAll('.e-virt-table-menu-item')
+                .forEach((item) => item.classList.remove('active'));
+            if (!menuItem.classList.contains('disabled')) {
+                menuItem.classList.add('active');
+            }
+        }
+        const submenu = menuItem._submenu || menuItem.querySelector('.e-virt-table-submenu');
+        if (submenu) {
+            this.showSubmenu(menuItem, submenu);
+        }
+    }
+    handleLeave(menuItem) {
+        const submenu = menuItem._submenu || menuItem.querySelector('.e-virt-table-submenu');
+        setTimeout(() => {
+            const submenuEl = submenu;
+            if (submenuEl && !submenuEl.matches(':hover') && !menuItem.matches(':hover')) {
+                this.hideSubmenu(submenuEl);
+                if (menuItem.classList.contains('e-virt-table-menu-item')) {
+                    menuItem.classList.remove('active');
+                }
+            }
+        }, 150);
+    }
+    async showSubmenu(trigger, submenu) {
+        if (this.activeSubmenus.has(submenu))
+            return;
+        this.activeSubmenus.add(submenu);
+        submenu.classList.add('show');
+        const cleanup = autoUpdate(trigger, submenu, async () => {
+            const { x, y } = await computePosition(trigger, submenu, {
+                placement: 'right-start',
+                middleware: [offset(8), flip(), shift({ padding: 8 })],
+            });
+            Object.assign(submenu.style, {
+                left: `${x}px`,
+                top: `${y}px`,
+            });
+        });
+        submenu._cleanup = cleanup;
+    }
+    hideSubmenu(submenu) {
+        if (!this.activeSubmenus.has(submenu))
+            return;
+        this.activeSubmenus.delete(submenu);
+        submenu.classList.remove('show');
+        this.hideAllChildSubmenus(submenu);
+        const menuElement = submenu;
+        if (menuElement._cleanup) {
+            menuElement._cleanup();
+            delete menuElement._cleanup;
+        }
+    }
+    hideAllChildSubmenus(parentSubmenu) {
+        const childMenuItems = parentSubmenu.querySelectorAll('.e-virt-table-submenu-item');
+        childMenuItems.forEach((menuItem) => {
+            if (menuItem._submenu) {
+                const childSubmenu = menuItem._submenu;
+                if (this.activeSubmenus.has(childSubmenu)) {
+                    this.activeSubmenus.delete(childSubmenu);
+                    childSubmenu.classList.remove('show');
+                    const menuElement = childSubmenu;
+                    if (menuElement._cleanup) {
+                        menuElement._cleanup();
+                        delete menuElement._cleanup;
+                    }
+                    this.hideAllChildSubmenus(childSubmenu);
+                }
+            }
+        });
+    }
+    handleClick(e) {
+        // 阻止事件冒泡，防止触发外部的点击事件
+        e.stopPropagation();
+        const menuItem = e.target.closest('.e-virt-table-menu-item, .e-virt-table-submenu-item');
+        if (!menuItem)
+            return;
+        if (menuItem.classList.contains('disabled'))
+            return;
+        // 如果点击的是有子菜单的菜单项，先显示子菜单
+        if (menuItem.classList.contains('e-virt-table-menu-item')) {
+            const submenu = menuItem._submenu || menuItem.querySelector('.e-virt-table-submenu');
+            if (submenu) {
+                this.showSubmenu(menuItem, submenu);
+                return; // 不执行点击回调，只是显示子菜单
+            }
+        }
+        const menuValue = menuItem.getAttribute('data-menu') || menuItem?.getAttribute('data-submenu');
+        const itemData = this.findMenuItem(menuValue || '');
+        if (itemData) {
+            if (itemData.event) {
+                itemData.event(e, this.hide.bind(this));
+            }
+            if (this.onClick) {
+                this.onClick(itemData, menuValue || '');
+            }
+        }
+    }
+    findMenuItem(value, items = this.menuData) {
+        for (const item of items) {
+            if (item.value === value)
+                return item;
+            if (item.children) {
+                const found = this.findMenuItem(value, item.children);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    positionMenu(e) {
+        const virtualReference = {
+            getBoundingClientRect: () => ({
+                width: 0,
+                height: 0,
+                top: e.clientY,
+                left: e.clientX,
+                right: e.clientX,
+                bottom: e.clientY,
+                x: e.clientX,
+                y: e.clientY,
+            }),
+            contextElement: document.body,
+        };
+        autoUpdate(virtualReference, this.container, () => {
+            computePosition(virtualReference, this.container, {
+                placement: 'right-start',
+                middleware: [offset(), shift(), flip()],
+            }).then(({ x, y }) => {
+                if (this.container) {
+                    Object.assign(this.container.style, {
+                        left: `${x}px`,
+                        top: `${y}px`,
+                    });
+                }
+            });
+        });
+    }
+    hide() {
+        // 隐藏菜单
+        this.cleanupAllSubmenus(this.container);
+        this.container.style.display = 'none';
+    }
+    destroy() {
+        // 移除事件监听器
+        this.container.removeEventListener('mouseenter', this.boundMouseEnterHandler, true);
+        this.container.removeEventListener('mouseleave', this.boundMouseLeaveHandler, true);
+        this.container.removeEventListener('click', this.boundClickHandler);
+        // 递归清理所有子菜单
+        this.cleanupAllSubmenus(this.container);
+        // 隐藏菜单
+        this.container.style.display = 'none';
+        // 清理容器
+        this.container.replaceChildren();
+    }
+    /**
+     * 删除指定值的菜单项
+     * @param value 要删除的菜单项的值
+     * @returns 是否成功删除
+     */
+    removeMenuItem(value) {
+        // 查找要删除的菜单项
+        const menuItem = this.container.querySelector(`[data-menu="${value}"]`);
+        if (!menuItem) {
+            return false;
+        }
+        // 如果菜单项有子菜单，先清理子菜单
+        const submenu = menuItem.querySelector('.e-virt-table-submenu');
+        if (submenu) {
+            this.cleanupSubmenuRecursively(submenu);
+        }
+        // 从 DOM 中移除菜单项
+        menuItem.remove();
+        return true;
+    }
+    /**
+     * 删除指定值的子菜单项
+     * @param value 要删除的子菜单项的值
+     * @returns 是否成功删除
+     */
+    removeSubMenuItem(value) {
+        // 查找要删除的子菜单项
+        const subMenuItem = this.container.querySelector(`[data-submenu="${value}"]`);
+        if (!subMenuItem) {
+            return false;
+        }
+        // 从 DOM 中移除子菜单项
+        subMenuItem.remove();
+        return true;
+    }
+    cleanupAllSubmenus(container) {
+        // 清理所有菜单项的子菜单
+        const menuItems = container.querySelectorAll('.e-virt-table-menu-item');
+        menuItems.forEach((menuItem) => {
+            if (menuItem._submenu) {
+                this.cleanupSubmenuRecursively(menuItem._submenu);
+                menuItem._submenu = undefined;
+            }
+        });
+    }
+    cleanupSubmenuRecursively(submenu) {
+        // 清理当前子菜单的清理函数
+        const menuElement = submenu;
+        if (menuElement._cleanup) {
+            menuElement._cleanup();
+            delete menuElement._cleanup;
+        }
+        // 递归清理子菜单中的子菜单
+        const childMenuItems = submenu.querySelectorAll('.e-virt-table-submenu-item');
+        childMenuItems.forEach((menuItem) => {
+            if (menuItem._submenu) {
+                this.cleanupSubmenuRecursively(menuItem._submenu);
+            }
+        });
+        // 从 DOM 中移除子菜单
+        submenu.remove();
+    }
+}
+//# sourceMappingURL=DOMTreeMenu.js.map

package/dist/lib/DOMTreeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOMTreeMenu.js","sourceRoot":"","sources":["../../src/DOMTreeMenu.ts"],"names":[],"mappings":"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"}

package/dist/lib/Database.d.ts

@@ -1,7 +1,7 @@
 import type CellHeader from './CellHeader';
 import { ValidateResult } from './Validator';
 import type Context from './Context';
-import type { ChangeItem, Column, FilterMethod, Position, EVirtTableOptions, SpanInfo, HistoryAction } from './types';
+import type { ChangeItem, Column, FilterMethod, Position, EVirtTableOptions, SpanInfo, HistoryAction, CustomHeader, Fixed } from './types';
 import Cell from './Cell';
 export default class Database {
     private ctx;
@@ -21,6 +21,8 @@ export default class Database {
     private validationErrorMap;
     private itemRowKeyMap;
     private bufferData;
+    private originalColumns;
+    private customHeader;
     overlayerAutoHeightMap: Map<string, number>;
     private bufferCheckState;
     private sumHeight;
@@ -58,8 +60,8 @@ export default class Database {
      * @returns 获取转化平铺数据
      */
     getAllRowsData(): any[];
-    private filterColumns;
-    getColumns(): Column[];
+    private generateColumns;
+    getColumns(): any[];
     setColumns(columns: Column[]): void;
     setData(data: any[]): void;
     /**
@@ -301,4 +303,12 @@ export default class Database {
     setOverlayerAutoHeightMap(map: Map<string, number>): void;
     getOverlayerAutoHeightMap(): Map<string, number>;
     getOverlayerAutoHeight(rowIndex: number, colIndex: number): number;
+    setCustomHeader(customHeader: CustomHeader, ignoreEmit?: boolean): void;
+    resetCustomHeader(): void;
+    getCustomHeader(): CustomHeader;
+    setCustomHeaderResizableData(key: string, width: number): void;
+    setCustomHeaderHideData(keys: string[], hide: boolean): void;
+    setCustomHeaderFixedData(keys: string[], fixed: Fixed | ''): void;
+    setOriginalColumns(columns: Column[]): void;
+    clearCustomHeaderInvalidValues(columns: Column[]): CustomHeader;
 }

package/dist/lib/Database.js

@@ -1,5 +1,5 @@
 import Validator from './Validator';
-import { generateShortUUID, toLeaf, compareDates } from './util';
+import { generateShortUUID, toLeaf, compareDates, deepClone } from './util';
 import Cell from './Cell';
 export default class Database {
     constructor(ctx, options) {
@@ -105,6 +105,23 @@ export default class Database {
             writable: true,
             value: []
         });
+        Object.defineProperty(this, "originalColumns", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "customHeader", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                fixedData: {},
+                sortData: {},
+                hideData: {},
+                resizableData: {},
+            }
+        });
         Object.defineProperty(this, "overlayerAutoHeightMap", {
             enumerable: true,
             configurable: true,
@@ -151,6 +168,7 @@ export default class Database {
         this.data = data;
         this.footerData = footerData;
         this.columns = columns;
+        this.originalColumns = deepClone(columns);
         this.init();
     }
     // 初始化默认不忽略清空改变值和校验map
@@ -328,24 +346,34 @@ export default class Database {
         recursiveData(this.data);
         return list;
     }
-    filterColumns(columns) {
-        return columns.reduce((acc, column) => {
-            // 检查当前列的 hide 属性
-            const shouldHide = typeof column.hide === 'function' ? column.hide() : column.hide;
-            // 如果当前列不应该隐藏，则添加到结果中
-            if (!shouldHide) {
-                const newColumn = { ...column }; // 复制当前列
-                // 递归处理子列
-                if (newColumn.children && Array.isArray(newColumn.children)) {
-                    newColumn.children = this.filterColumns(newColumn.children);
+    generateColumns(columns) {
+        const _generateColumns = (columns) => {
+            return columns.map((column) => {
+                if (column.children && Array.isArray(column.children)) {
+                    column.children = _generateColumns(column.children);
                 }
-                acc.push(newColumn);
-            }
-            return acc;
-        }, []);
+                const dataMap = {
+                    hide: this.customHeader?.hideData?.[column.key],
+                    fixed: this.customHeader?.fixedData?.[column.key],
+                    sort: this.customHeader?.sortData?.[column.key],
+                    width: this.customHeader?.resizableData?.[column.key],
+                };
+                const obj = {};
+                for (const [key, value] of Object.entries(dataMap)) {
+                    if (value !== undefined)
+                        obj[key] = value;
+                }
+                return {
+                    ...column,
+                    ...obj,
+                };
+            });
+        };
+        return _generateColumns(columns);
     }
     getColumns() {
-        return this.filterColumns(this.columns);
+        const _columns = deepClone(this.columns);
+        return this.generateColumns(_columns);
     }
     setColumns(columns) {
         this.columns = columns;
@@ -951,31 +979,31 @@ export default class Database {
             // auto模式：子项全不选->父项不勾选，子项全选->父项勾选，子项都有->父项半选
             // 父项选中的情况点击清空父项选择和所有子项选择，其他情况点击父项，勾选父项和所有子项选择（递归）
             if (treeState.checked && !treeState.indeterminate) {
-                // 如果已全选，则取消选中
-                this.setRowSelection(rowKey, false, false);
                 // 递归取消所有子项
                 this.clearTreeSelectionRecursive(rowKey);
+                // 如果已全选，则取消选中
+                this.setRowSelection(rowKey, false, false);
             }
             else {
-                // 如果未选中或半选，则选中
-                this.setRowSelection(rowKey, true, false);
                 // 递归选中所有子项
                 this.selectTreeSelectionRecursive(rowKey);
+                // 如果未选中或半选，则选中
+                this.setRowSelection(rowKey, true, false);
             }
         }
         else if (mode === 'cautious') {
             // cautious模式：交互上相同，但是半选是不算在数据里面的
             if (treeState.checked && !treeState.indeterminate) {
-                // 如果已全选，则取消选中
-                this.setRowSelection(rowKey, false, false);
                 // 递归取消所有子项
                 this.clearTreeSelectionRecursive(rowKey);
+                // 如果已全选，则取消选中
+                this.setRowSelection(rowKey, false, false);
             }
             else {
-                // 如果未选中或半选，则选中
-                this.setRowSelection(rowKey, true, false);
                 // 递归选中所有子项
                 this.selectTreeSelectionRecursive(rowKey);
+                // 如果未选中或半选，则选中
+                this.setRowSelection(rowKey, true, false);
             }
         }
         else if (mode === 'strictly') {
@@ -1821,5 +1849,91 @@ export default class Database {
         const height = this.overlayerAutoHeightMap.get(key) || 0;
         return height;
     }
+    setCustomHeader(customHeader, ignoreEmit = false) {
+        ['fixedData', 'sortData', 'hideData', 'resizableData'].forEach((key) => {
+            const value = customHeader[key];
+            if (value !== undefined) {
+                this.customHeader[key] = value;
+            }
+        });
+        if (!ignoreEmit) {
+            const obj = this.clearCustomHeaderInvalidValues(this.originalColumns);
+            this.ctx.emit('customHeaderChange', obj);
+        }
+    }
+    resetCustomHeader() {
+        this.customHeader = {};
+        this.columns = this.originalColumns;
+        this.init(false);
+        this.ctx.emit('resetHeader');
+        this.ctx.emit('customHeaderChange', this.customHeader);
+    }
+    getCustomHeader() {
+        return this.customHeader;
+    }
+    setCustomHeaderResizableData(key, width) {
+        // 统一设置方法
+        let { resizableData = {} } = this.customHeader;
+        resizableData[key] = width;
+        this.setCustomHeader({
+            resizableData,
+        });
+    }
+    setCustomHeaderHideData(keys, hide) {
+        let { hideData = {} } = this.customHeader;
+        keys.forEach((key) => {
+            hideData[key] = hide;
+        });
+        this.setCustomHeader({
+            hideData,
+        });
+        this.init(false);
+        this.ctx.emit('resetHeader');
+    }
+    setCustomHeaderFixedData(keys, fixed) {
+        let { fixedData = {} } = this.customHeader;
+        keys.forEach((key) => {
+            fixedData[key] = fixed;
+        });
+        this.setCustomHeader({
+            fixedData,
+        });
+        this.init(false);
+        this.ctx.emit('resetHeader');
+    }
+    setOriginalColumns(columns) {
+        this.originalColumns = columns;
+    }
+    // 递归处理
+    clearCustomHeaderInvalidValues(columns) {
+        const clearCustomHeaderInvalidValues = (columns, customHeader = {}) => {
+            columns.forEach((column) => {
+                if (column.children && column.children.length > 0) {
+                    clearCustomHeaderInvalidValues(column.children, customHeader);
+                }
+                // 用一个小的 helper 函数，减少重复代码
+                const assignIfDifferent = (field, columnValue) => {
+                    const value = this.customHeader[field]?.[column.key];
+                    if (value !== undefined && value !== columnValue) {
+                        if (!customHeader[field]) {
+                            customHeader[field] = {};
+                        }
+                        customHeader[field][column.key] = value;
+                        // 如果固定源数据为空，则删除
+                        if (field === 'fixedData' && !value && !columnValue) {
+                            delete customHeader[field]?.[column.key];
+                        }
+                    }
+                };
+                assignIfDifferent('fixedData', column.fixed);
+                assignIfDifferent('sortData', column.sort);
+                assignIfDifferent('hideData', column.hide);
+                assignIfDifferent('resizableData', column.width);
+            });
+        };
+        let obj = {};
+        clearCustomHeaderInvalidValues(columns, obj);
+        return obj;
+    }
 }
 //# sourceMappingURL=Database.js.map