balala-revogrid 1.0.0

package/dist/collection/plugins/tree-data.plugin.js

@@ -0,0 +1,447 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+/**
+ * TreeDataPlugin - 独立版本
+ * 所有依赖已整合到此文件中
+ */
+// ==================== 常量定义 ====================
+const TREE_COLLAPSED = 'tree-collapsed';
+const EXPAND_ICON = '›';
+// ==================== 事件常量 ====================
+const ADDITIONAL_DATA_EVENT = 'additionaldatachanged';
+const BEFORE_ANYSOURCE_EVENT = 'beforeanysource';
+const BEFORE_CELL_RENDER_EVENT = 'beforecellrender';
+const ORDER_CHANGED_EVENT = 'rowdropped';
+const TREE_BEFORE_PARENT_CHANGE_EVENT = 'before-parent-change';
+const BEFORE_ROW_RENDER_EVENT = 'beforerowrender';
+const TREE_ROW_SELECT_EVENT = 'treerowselect';
+// ==================== 工具函数 ====================
+// 获取单元格值
+function getCellValue(model, column) {
+    if (!column)
+        return '';
+    if (column.cellParser) {
+        return column.cellParser(model, column);
+    }
+    return model[column.prop];
+}
+// 获取 store 中的数据项
+function getItemByIndex(store, index) {
+    const source = store.get('source');
+    const items = store.get('items');
+    return source[items[index]];
+}
+// 包装单元格模板
+function wrapCellTemplate(customTemplate, defaultTemplate) {
+    return customTemplate !== null && customTemplate !== void 0 ? customTemplate : defaultTemplate;
+}
+// 默认单元格渲染
+function defaultCellRender(_h, { model, column }) {
+    return getCellValue(model, column);
+}
+// 组合单元格模板
+function combineCellTemplates(...templates) {
+    return (...args) => {
+        const [h] = args;
+        return h('div', {
+            class: 'flex cell-wrapper',
+        }, templates.map((template) => template(...args)));
+    };
+}
+// ==================== 基础插件类 ====================
+class BasePlugin {
+    constructor(revogrid, providers) {
+        this.subscriptions = {};
+        this.revogrid = revogrid;
+        this.providers = providers;
+    }
+    addEventListener(event, handler) {
+        this.revogrid.addEventListener(event, handler);
+        this.subscriptions[event] = handler;
+    }
+    removeEventListener(event) {
+        this.revogrid.removeEventListener(event, this.subscriptions[event]);
+        delete this.subscriptions[event];
+    }
+    emit(event, detail) {
+        const customEvent = new CustomEvent(event, {
+            detail: detail,
+            cancelable: true,
+        });
+        this.revogrid.dispatchEvent(customEvent);
+        return customEvent;
+    }
+    clearSubscriptions() {
+        for (let event in this.subscriptions) {
+            this.removeEventListener(event);
+        }
+    }
+    destroy() {
+        this.clearSubscriptions();
+    }
+}
+// ==================== TreeDataPlugin 主类 ====================
+class TreeDataPlugin extends BasePlugin {
+    constructor(config, providers) {
+        var _a;
+        super(config, providers);
+        this.idField = 'id';
+        this.parentIdField = 'parentId';
+        this.expandedRowIds = new Set();
+        this.metaData = new Map();
+        let treeConfig = (_a = config.additionalData) === null || _a === void 0 ? void 0 : _a.tree;
+        let needsUpdate = false;
+        // 设置配置
+        this.setConfig(treeConfig);
+        // 监听配置变化
+        this.addEventListener(ADDITIONAL_DATA_EVENT, ({ detail }) => {
+            if (treeConfig !== detail.tree) {
+                treeConfig = detail.tree;
+                this.setConfig(treeConfig);
+                needsUpdate = true;
+                this.updateTree();
+            }
+        });
+        // 监听数据源变化
+        this.addEventListener(BEFORE_ANYSOURCE_EVENT, ({ detail }) => {
+            if (detail.type === 'rgRow') {
+                needsUpdate = true;
+                this.updateTree();
+            }
+        });
+        // 监听单元格渲染，添加树形展开/折叠按钮
+        this.addEventListener(BEFORE_CELL_RENDER_EVENT, ({ detail }) => {
+            const column = detail.model.column;
+            if (column === null || column === void 0 ? void 0 : column.tree) {
+                detail.model = Object.assign(Object.assign({}, detail.model), { column: Object.assign(Object.assign({}, column), { cellTemplate: combineCellTemplates(this.createTreeToggleTemplate((model) => this.toggleRowExpanded(model), (model) => this.getMeta(model)), wrapCellTemplate(column.cellTemplate, defaultCellRender)) }) });
+            }
+        });
+        // 监听排序
+        this.addEventListener('aftersortingapply', () => {
+            needsUpdate = true;
+            this.updateTree();
+        });
+        // 监听过滤
+        this.addEventListener('afterfilterapply', () => {
+            needsUpdate = true;
+            this.updateTree();
+        });
+        // 监听 trimmed 变化（分组展开/折叠会触发）
+        // 但分组变化时不应该触发 TreeDataPlugin 的更新
+        this.addEventListener('beforetrimmed', (e) => {
+            // 跳过分组的 trimmed 变化，TreeDataPlugin 不处理分组
+            if (e.detail.trimmedType === 'grouping') {
+                return;
+            }
+            needsUpdate = true;
+            this.updateTree();
+        });
+        // 监听行拖拽
+        this.addEventListener(ORDER_CHANGED_EVENT, (e) => {
+            if (!e.defaultPrevented) {
+                this.handleRowDrop(e);
+            }
+        });
+        // 监听行渲染，添加展开状态
+        this.addEventListener(BEFORE_ROW_RENDER_EVENT, (e) => {
+            const { detail } = e;
+            const { store } = this.providers.data.stores[detail.rowType];
+            const source = store.get('source');
+            const items = store.get('items');
+            const dataIndex = items[detail.item.itemIndex];
+            const rowData = source[dataIndex];
+            if (rowData) {
+                const id = rowData[this.idField];
+                const meta = this.metaData.get(id);
+                if ((meta === null || meta === void 0 ? void 0 : meta.expanded) && detail.node.$attrs$) {
+                    detail.node.$attrs$.expanded = true;
+                }
+            }
+        });
+        // 监听树形行选择
+        this.addEventListener(TREE_ROW_SELECT_EVENT, (e) => {
+            const { detail } = e;
+            const dataStore = providers.data.stores[detail.type];
+            const source = dataStore.store.get('source');
+            const items = dataStore.store.get('items');
+            const dataIndex = items[detail.rowIndex];
+            const id = source[dataIndex][this.idField];
+            const descendants = this.getAllDescendantPhysicalIndices(id);
+            if (descendants.length > 0) {
+                const eventDetail = {
+                    type: detail.type,
+                    parentIndex: dataIndex,
+                    childrenIndices: descendants,
+                    originalEvent: detail.originalEvent,
+                };
+                this.emit(TREE_ROW_SELECT_EVENT, eventDetail);
+                e.preventDefault();
+            }
+        });
+        // 初始化树形结构
+        setTimeout(() => {
+            if (config.source.length && !needsUpdate) {
+                needsUpdate = true;
+                this.updateTree();
+            }
+        }, 0);
+    }
+    setConfig(config = {}) {
+        this.idField = config.idField || 'id';
+        this.parentIdField = config.parentIdField || 'parentId';
+        this.rootParentId = config.rootParentId !== undefined ? config.rootParentId : '';
+        this.expandedRowIds = config.expandedRowIds || new Set();
+        this.expandIconTemplate = config.expandIconTemplate;
+    }
+    getMeta(model) {
+        const id = model[this.idField];
+        return (this.metaData.get(id) || {
+            level: 0,
+            expanded: false,
+            hasChildren: false,
+            visible: true,
+            parentId: this.rootParentId,
+        });
+    }
+    createTreeToggleTemplate(toggleHandler, getMetaHandler) {
+        const expandIconTemplate = this.expandIconTemplate;
+        return function (...args) {
+            const [h, props] = args;
+            const { model } = props;
+            const meta = getMetaHandler(model);
+            const level = meta.level;
+            const hasChildren = meta.hasChildren;
+            const expanded = meta.expanded;
+            let toggleButton;
+            if (hasChildren) {
+                const iconContent = expandIconTemplate
+                    ? expandIconTemplate(h, expanded)
+                    : h('span', {}, EXPAND_ICON);
+                toggleButton = h('button', {
+                    onMouseDown: (e) => {
+                        e.preventDefault();
+                    },
+                    onDblClick: (e) => {
+                        e.preventDefault();
+                    },
+                    onClick: (e) => {
+                        e.preventDefault();
+                        const target = e.currentTarget;
+                        // 添加 transition 类
+                        target.classList.add('tree-toggle-animating');
+                        // 触发切换
+                        toggleHandler(model);
+                        // 动画结束后移除类
+                        setTimeout(() => {
+                            target.classList.remove('tree-toggle-animating');
+                        }, 200); // 根据你的动画时长调整
+                    },
+                    class: 'tree-toggle',
+                    expanded: expanded,
+                    style: {
+                        cursor: 'pointer',
+                        marginRight: '5px',
+                        userSelect: 'none',
+                    },
+                }, iconContent);
+            }
+            else {
+                toggleButton = h('span', {
+                    style: {
+                        marginRight: '15px',
+                    },
+                }, []);
+            }
+            return h('div', {
+                class: `overflow-hidden tree-toggle-wrapper level-${level}`,
+                style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                },
+            }, toggleButton);
+        };
+    }
+    updateTree() {
+        var _a, _b;
+        const { store } = this.providers.data.stores.rgRow;
+        const source = store.get('source');
+        const proxyItems = store.get('proxyItems');
+        const allTrimmed = store.get('trimmed');
+        // 只获取非树形、非分组的 trimmed 数据（如过滤器等）
+        // 分组的 trimmed key 是 'grouping'，树形的是 'tree-collapsed'
+        const existingTrimmed = {};
+        for (const [key, value] of Object.entries(allTrimmed)) {
+            if (key !== TREE_COLLAPSED && key !== 'grouping') {
+                Object.assign(existingTrimmed, value);
+            }
+        }
+        // 构建父子关系映射
+        const childrenByParent = new Map();
+        const rowById = new Map();
+        proxyItems.forEach((physIndex) => {
+            var _a;
+            const row = source[physIndex];
+            // 跳过分组行（分组行有 __rvgr-depth 标记）
+            if (!row || row['__rvgr-depth'] !== undefined) {
+                return;
+            }
+            const id = row[this.idField];
+            const parentId = (_a = row[this.parentIdField]) !== null && _a !== void 0 ? _a : this.rootParentId;
+            rowById.set(id, { row, physIndex });
+            if (!childrenByParent.has(parentId)) {
+                childrenByParent.set(parentId, []);
+            }
+            childrenByParent.get(parentId).push(id);
+        });
+        // 清空元数据
+        this.metaData.clear();
+        // 递归计算每个节点的元数据
+        const calculateMeta = (id, level, parentVisible, parentExpanded) => {
+            var _a;
+            const item = rowById.get(id);
+            if (!item)
+                return;
+            const { row, physIndex } = item;
+            const expanded = this.expandedRowIds.has(id);
+            const children = childrenByParent.get(id) || [];
+            const hasChildren = children.length > 0;
+            const visible = parentVisible && parentExpanded && !existingTrimmed[physIndex];
+            this.metaData.set(id, {
+                level: level,
+                expanded: expanded,
+                hasChildren: hasChildren,
+                visible: visible,
+                parentId: (_a = row[this.parentIdField]) !== null && _a !== void 0 ? _a : this.rootParentId,
+            });
+            // 递归处理子节点
+            if (hasChildren) {
+                children.forEach((childId) => {
+                    calculateMeta(childId, level + 1, visible, expanded);
+                });
+            }
+        };
+        // 从根节点开始计算
+        const rootChildren = childrenByParent.get(this.rootParentId) || [];
+        rootChildren.forEach((id) => {
+            calculateMeta(id, 0, true, true);
+        });
+        // 处理孤立节点（没有父节点或父节点不存在的）
+        rowById.forEach((_item, id) => {
+            if (!this.metaData.has(id)) {
+                const expanded = this.expandedRowIds.has(id);
+                this.metaData.set(id, {
+                    level: 0,
+                    expanded: expanded,
+                    hasChildren: false,
+                    visible: true,
+                    parentId: this.rootParentId,
+                });
+            }
+        });
+        // 更新 trimmed 数据（隐藏折叠的行）
+        const newTrimmed = {};
+        proxyItems.forEach((physIndex) => {
+            const row = source[physIndex];
+            // 跳过分组行
+            if (!row || row['__rvgr-depth'] !== undefined) {
+                return;
+            }
+            const id = row[this.idField];
+            const meta = this.metaData.get(id);
+            if (meta && !meta.visible) {
+                newTrimmed[physIndex] = true;
+            }
+        });
+        // 在调用 setTrimmed 之前，强制同步更新分组覆盖层，避免视觉延迟
+        const groupingOverlay = this.revogrid.querySelector('revogr-grouping-overlay');
+        if (groupingOverlay) {
+            (_b = (_a = groupingOverlay).updateGroupRowsImmediate) === null || _b === void 0 ? void 0 : _b.call(_a, true);
+        }
+        this.providers.data.setTrimmed({
+            [TREE_COLLAPSED]: newTrimmed,
+        }, 'rgRow');
+    }
+    toggleRowExpanded(model) {
+        const id = model[this.idField];
+        const isExpanded = this.expandedRowIds.has(id);
+        if (isExpanded) {
+            this.expandedRowIds.delete(id);
+        }
+        else {
+            this.expandedRowIds.add(id);
+        }
+        this.emit('treenodetoggle', {
+            id,
+            expanded: !isExpanded,
+            model,
+        });
+        this.updateTree();
+    }
+    async handleRowDrop(event) {
+        const { from, to, type, items } = event.detail;
+        const { store } = this.providers.data.stores[type];
+        // 检查是否拖拽到自己的子节点
+        const isDescendant = (targetId) => {
+            const checkDescendant = (childId, ancestorId) => {
+                var _a;
+                if (childId === ancestorId)
+                    return true;
+                const parentId = (_a = this.metaData.get(ancestorId)) === null || _a === void 0 ? void 0 : _a.parentId;
+                if (!parentId || parentId === this.rootParentId)
+                    return false;
+                return checkDescendant(childId, parentId);
+            };
+            return [...items.values()].some((item) => checkDescendant(item[this.idField], targetId));
+        };
+        // 确定新的父节点
+        const targetIndex = from < to ? to : to - 1;
+        let newParentId = this.rootParentId;
+        if (targetIndex >= 0) {
+            const targetRow = getItemByIndex(store, targetIndex);
+            if (targetRow) {
+                const targetId = targetRow[this.idField];
+                if (this.expandedRowIds.has(targetId)) {
+                    newParentId = targetId;
+                }
+                else if (targetRow[this.parentIdField]) {
+                    newParentId = targetRow[this.parentIdField];
+                }
+                // 检查是否拖拽到子节点
+                if (isDescendant(newParentId)) {
+                    event.preventDefault();
+                    return;
+                }
+            }
+        }
+        // 更新每个拖拽项的父节点
+        for (let i = 0; i < items.size; i++) {
+            const item = items.get(i);
+            const cellData = Object.assign(Object.assign({}, event.detail.dataItem), { rowIndex: from + i, model: item, prop: this.parentIdField, val: newParentId });
+            const changeEvent = this.emit(TREE_BEFORE_PARENT_CHANGE_EVENT, cellData);
+            if (!changeEvent.defaultPrevented) {
+                this.providers.data.setCellData(changeEvent.detail);
+            }
+        }
+        setTimeout(() => {
+            this.updateTree();
+        }, 0);
+    }
+    getAllDescendantPhysicalIndices(id) {
+        const { store } = this.providers.data.stores.rgRow;
+        const source = store.get('source');
+        const descendants = [];
+        const collectDescendants = (parentId) => {
+            source.forEach((row, physIndex) => {
+                if (row[this.parentIdField] === parentId) {
+                    descendants.push(physIndex);
+                    collectDescendants(row[this.idField]);
+                }
+            });
+        };
+        collectDescendants(id);
+        return descendants;
+    }
+}
+export { TreeDataPlugin };
+//# sourceMappingURL=tree-data.plugin.js.map

package/dist/collection/plugins/tree-data.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-data.plugin.js","sourceRoot":"","sources":["../../src/plugins/tree-data.plugin.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * TreeDataPlugin - 独立版本\n * 所有依赖已整合到此文件中\n */\n\nimport type { VNode } from '@stencil/core';\nimport type {\n  ColumnDataSchemaModel,\n  ColumnRegular,\n  DataType,\n  HyperFunc,\n  BeforeCellRenderEvent,\n  BeforeRowRenderEvent,\n  CellTemplate,\n} from '@type';\nimport type { PluginProviders } from '../types';\n\n// ==================== 类型定义 ====================\n\ninterface TreeConfig {\n  idField?: string;\n  parentIdField?: string;\n  rootParentId?: any;\n  expandedRowIds?: Set<any>;\n  expandIconTemplate?: (h: HyperFunc<VNode>, expanded: boolean) => VNode;\n}\n\ninterface TreeMeta {\n  level: number;\n  expanded: boolean;\n  hasChildren: boolean;\n  visible: boolean;\n  parentId: any;\n}\n\ninterface TreeRowItem {\n  row: DataType;\n  physIndex: number;\n}\n\ninterface TreeEventDetail {\n  type: string;\n  parentIndex: number;\n  childrenIndices: number[];\n  originalEvent: MouseEvent;\n}\n\ninterface RowDropDetail {\n  from: number;\n  to: number;\n  type: string;\n  items: Map<number, DataType>;\n  dataItem: any;\n}\n\n// ==================== 常量定义 ====================\nconst TREE_COLLAPSED = 'tree-collapsed';\nconst EXPAND_ICON = '›';\n\n// ==================== 事件常量 ====================\nconst ADDITIONAL_DATA_EVENT = 'additionaldatachanged';\nconst BEFORE_ANYSOURCE_EVENT = 'beforeanysource';\nconst BEFORE_CELL_RENDER_EVENT = 'beforecellrender';\nconst ORDER_CHANGED_EVENT = 'rowdropped';\nconst TREE_BEFORE_PARENT_CHANGE_EVENT = 'before-parent-change';\nconst BEFORE_ROW_RENDER_EVENT = 'beforerowrender';\nconst TREE_ROW_SELECT_EVENT = 'treerowselect';\n\n// ==================== 工具函数 ====================\n\n\n// 获取单元格值\nfunction getCellValue(model: DataType, column: ColumnRegular): any {\n  if (!column) return '';\n  if (column.cellParser) {\n    return column.cellParser(model, column);\n  }\n  return model[column.prop];\n}\n\n// 获取 store 中的数据项\nfunction getItemByIndex(store: any, index: number): DataType {\n  const source = store.get('source');\n  const items = store.get('items');\n  return source[items[index]];\n}\n\n// 包装单元格模板\nfunction wrapCellTemplate(\n  customTemplate: CellTemplate | undefined,\n  defaultTemplate: CellTemplate,\n): CellTemplate {\n  return customTemplate ?? defaultTemplate;\n}\n\n// 默认单元格渲染\nfunction defaultCellRender(\n  _h: HyperFunc<VNode>,\n  { model, column }: { model: DataType; column: ColumnRegular },\n): any {\n  return getCellValue(model, column);\n}\n\n// 组合单元格模板\nfunction combineCellTemplates(...templates: CellTemplate[]): CellTemplate {\n  return (...args: [HyperFunc<VNode>, any, any?]) => {\n    const [h] = args;\n    return h(\n      'div',\n      {\n        class: 'flex cell-wrapper',\n      },\n      templates.map((template) => template(...args)),\n    );\n  };\n}\n\n// ==================== 基础插件类 ====================\nclass BasePlugin {\n  revogrid: HTMLRevoGridElement;\n  providers: PluginProviders;\n  subscriptions: Record<string, (...args: any[]) => void> = {};\n\n  constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders) {\n    this.revogrid = revogrid;\n    this.providers = providers;\n  }\n\n  addEventListener(event: string, handler: (...args: any[]) => void): void {\n    this.revogrid.addEventListener(event, handler);\n    this.subscriptions[event] = handler;\n  }\n\n  removeEventListener(event: string): void {\n    this.revogrid.removeEventListener(event, this.subscriptions[event]);\n    delete this.subscriptions[event];\n  }\n\n  emit<T = any>(event: string, detail?: T): CustomEvent<T> {\n    const customEvent = new CustomEvent<T>(event, {\n      detail: detail,\n      cancelable: true,\n    });\n    this.revogrid.dispatchEvent(customEvent);\n    return customEvent;\n  }\n\n  clearSubscriptions(): void {\n    for (let event in this.subscriptions) {\n      this.removeEventListener(event);\n    }\n  }\n\n  destroy(): void {\n    this.clearSubscriptions();\n  }\n}\n\n// ==================== TreeDataPlugin 主类 ====================\nclass TreeDataPlugin extends BasePlugin {\n  idField: string = 'id';\n  parentIdField: string = 'parentId';\n  rootParentId: any;\n  expandedRowIds: Set<any> = new Set();\n  metaData: Map<any, TreeMeta> = new Map();\n  expandIconTemplate?: (h: HyperFunc<VNode>, expanded: boolean) => VNode;\n\n  constructor(config: HTMLRevoGridElement, providers: PluginProviders) {\n    super(config, providers);\n\n    let treeConfig = config.additionalData?.tree;\n    let needsUpdate = false;\n\n    // 设置配置\n    this.setConfig(treeConfig)\n\n    // 监听配置变化\n    this.addEventListener(ADDITIONAL_DATA_EVENT, ({ detail }: any) => {\n      if (treeConfig !== detail.tree) {\n        treeConfig = detail.tree;\n        this.setConfig(treeConfig);\n        needsUpdate = true;\n        this.updateTree();\n      }\n    });\n\n    // 监听数据源变化\n    this.addEventListener(BEFORE_ANYSOURCE_EVENT, ({ detail }: any) => {\n      if (detail.type === 'rgRow') {\n        needsUpdate = true;\n        this.updateTree();\n      }\n    });\n\n    // 监听单元格渲染，添加树形展开/折叠按钮\n    this.addEventListener(BEFORE_CELL_RENDER_EVENT, ({ detail }: CustomEvent<BeforeCellRenderEvent<ColumnDataSchemaModel>>) => {\n      const column = detail.model.column;\n      if ((column as any)?.tree) {\n        detail.model = {\n          ...detail.model,\n          column: {\n            ...column,\n            cellTemplate: combineCellTemplates(\n              this.createTreeToggleTemplate(\n                (model: DataType) => this.toggleRowExpanded(model),\n                (model: DataType) => this.getMeta(model),\n              ),\n              wrapCellTemplate(column.cellTemplate, defaultCellRender),\n            ),\n          },\n        };\n      }\n    });\n\n    // 监听排序\n    this.addEventListener('aftersortingapply', () => {\n      needsUpdate = true;\n      this.updateTree();\n    });\n\n    // 监听过滤\n    this.addEventListener('afterfilterapply', () => {\n      needsUpdate = true;\n      this.updateTree();\n    });\n\n    // 监听 trimmed 变化（分组展开/折叠会触发）\n    // 但分组变化时不应该触发 TreeDataPlugin 的更新\n    this.addEventListener('beforetrimmed', (e: any) => {\n      // 跳过分组的 trimmed 变化，TreeDataPlugin 不处理分组\n      if (e.detail.trimmedType === 'grouping') {\n        return;\n      }\n      needsUpdate = true;\n      this.updateTree();\n    });\n\n    // 监听行拖拽\n    this.addEventListener(ORDER_CHANGED_EVENT, (e: any) => {\n      if (!e.defaultPrevented) {\n        this.handleRowDrop(e);\n      }\n    });\n\n    // 监听行渲染，添加展开状态\n    this.addEventListener(BEFORE_ROW_RENDER_EVENT, (e: CustomEvent<BeforeRowRenderEvent>) => {\n      const { detail } = e;\n      const { store } = this.providers.data.stores[detail.rowType];\n      const source = store.get('source');\n      const items = store.get('items');\n      const dataIndex = items[detail.item.itemIndex];\n      const rowData = source[dataIndex];\n\n      if (rowData) {\n        const id = rowData[this.idField];\n        const meta = this.metaData.get(id);\n        if (meta?.expanded && (detail.node as any).$attrs$) {\n          (detail.node as any).$attrs$.expanded = true;\n        }\n      }\n    });\n\n    // 监听树形行选择\n    this.addEventListener(TREE_ROW_SELECT_EVENT, (e: any) => {\n      const { detail } = e;\n      const dataStore = providers.data.stores[detail.type as 'rgRow'];\n      const source = dataStore.store.get('source');\n      const items = dataStore.store.get('items');\n      const dataIndex = items[detail.rowIndex];\n      const id = source[dataIndex][this.idField];\n      const descendants = this.getAllDescendantPhysicalIndices(id);\n\n      if (descendants.length > 0) {\n        const eventDetail: TreeEventDetail = {\n          type: detail.type,\n          parentIndex: dataIndex,\n          childrenIndices: descendants,\n          originalEvent: detail.originalEvent,\n        };\n        this.emit(TREE_ROW_SELECT_EVENT, eventDetail);\n        e.preventDefault();\n      }\n    });\n\n    // 初始化树形结构\n    setTimeout(() => {\n      if (config.source.length && !needsUpdate) {\n        needsUpdate = true;\n        this.updateTree();\n      }\n    }, 0);\n  }\n\n  setConfig(config: TreeConfig = {}): void {\n    this.idField = config.idField || 'id';\n    this.parentIdField = config.parentIdField || 'parentId';\n    this.rootParentId = config.rootParentId !== undefined ? config.rootParentId : '';\n    this.expandedRowIds = config.expandedRowIds || new Set();\n    this.expandIconTemplate = config.expandIconTemplate;\n  }\n\n  getMeta(model: DataType): TreeMeta {\n    const id = model[this.idField];\n    return (\n      this.metaData.get(id) || {\n        level: 0,\n        expanded: false,\n        hasChildren: false,\n        visible: true,\n        parentId: this.rootParentId,\n      }\n    );\n  }\n\n  createTreeToggleTemplate(\n    toggleHandler: (model: DataType) => void,\n    getMetaHandler: (model: DataType) => TreeMeta,\n  ): CellTemplate {\n    const expandIconTemplate = this.expandIconTemplate;\n    \n    return function (...args: [HyperFunc<VNode>, any, any?]) {\n      const [h, props] = args;\n      const { model } = props;\n      const meta = getMetaHandler(model);\n      const level = meta.level;\n      const hasChildren = meta.hasChildren;\n      const expanded = meta.expanded;\n\n      let toggleButton: VNode;\n      \n      if (hasChildren) {\n        const iconContent = expandIconTemplate \n          ? expandIconTemplate(h, expanded) \n          : h('span', {}, EXPAND_ICON);\n        \n        toggleButton = h(\n          'button',\n          {\n            onMouseDown: (e: MouseEvent) => {\n              e.preventDefault();\n            },\n            onDblClick: (e: MouseEvent) => {\n              e.preventDefault();\n            },\n            onClick: (e: MouseEvent) => {\n              e.preventDefault();\n              const target = e.currentTarget as HTMLElement;\n              // 添加 transition 类\n              target.classList.add('tree-toggle-animating');\n              // 触发切换\n              toggleHandler(model);\n              // 动画结束后移除类\n              setTimeout(() => {\n                target.classList.remove('tree-toggle-animating');\n              }, 200); // 根据你的动画时长调整\n            },\n            class: 'tree-toggle',\n            expanded: expanded,\n            style: {\n              cursor: 'pointer',\n              marginRight: '5px',\n              userSelect: 'none',\n            },\n          },\n          iconContent,\n        );\n      } else {\n        toggleButton = h(\n          'span',\n          {\n            style: {\n              marginRight: '15px',\n            },\n          },\n          [],\n        );\n      }\n\n      return h(\n        'div',\n        {\n          class: `overflow-hidden tree-toggle-wrapper level-${level}`,\n          style: {\n            display: 'flex',\n            alignItems: 'center',\n          },\n        },\n        toggleButton,\n      );\n    };\n  }\n\n  updateTree(): void {\n    const { store } = this.providers.data.stores.rgRow;\n    const source = store.get('source');\n    const proxyItems = store.get('proxyItems');\n    const allTrimmed = store.get('trimmed');\n    \n    // 只获取非树形、非分组的 trimmed 数据（如过滤器等）\n    // 分组的 trimmed key 是 'grouping'，树形的是 'tree-collapsed'\n    const existingTrimmed: Record<number, boolean> = {};\n    for (const [key, value] of Object.entries(allTrimmed)) {\n      if (key !== TREE_COLLAPSED && key !== 'grouping') {\n        Object.assign(existingTrimmed, value);\n      }\n    }\n\n    // 构建父子关系映射\n    const childrenByParent = new Map<any, any[]>();\n    const rowById = new Map<any, TreeRowItem>();\n    \n    proxyItems.forEach((physIndex: number) => {\n      const row = source[physIndex];\n      // 跳过分组行（分组行有 __rvgr-depth 标记）\n      if (!row || row['__rvgr-depth'] !== undefined) {\n        return;\n      }\n      \n      const id = row[this.idField];\n      const parentId = row[this.parentIdField] ?? this.rootParentId;\n      \n      rowById.set(id, { row, physIndex });\n      \n      if (!childrenByParent.has(parentId)) {\n        childrenByParent.set(parentId, []);\n      }\n      childrenByParent.get(parentId)!.push(id);\n    });\n\n    // 清空元数据\n    this.metaData.clear();\n\n    // 递归计算每个节点的元数据\n    const calculateMeta = (id: any, level: number, parentVisible: boolean, parentExpanded: boolean): void => {\n      const item = rowById.get(id);\n      if (!item) return;\n      \n      const { row, physIndex } = item;\n      const expanded = this.expandedRowIds.has(id);\n      const children = childrenByParent.get(id) || [];\n      const hasChildren = children.length > 0;\n      const visible = parentVisible && parentExpanded && !existingTrimmed[physIndex];\n\n      this.metaData.set(id, {\n        level: level,\n        expanded: expanded,\n        hasChildren: hasChildren,\n        visible: visible,\n        parentId: row[this.parentIdField] ?? this.rootParentId,\n      });\n\n      // 递归处理子节点\n      if (hasChildren) {\n        children.forEach((childId: any) => {\n          calculateMeta(childId, level + 1, visible, expanded);\n        });\n      }\n    };\n\n    // 从根节点开始计算\n    const rootChildren = childrenByParent.get(this.rootParentId) || [];\n    rootChildren.forEach((id: any) => {\n      calculateMeta(id, 0, true, true);\n    });\n\n    // 处理孤立节点（没有父节点或父节点不存在的）\n    rowById.forEach((_item, id) => {\n      if (!this.metaData.has(id)) {\n        const expanded = this.expandedRowIds.has(id);\n        this.metaData.set(id, {\n          level: 0,\n          expanded: expanded,\n          hasChildren: false,\n          visible: true,\n          parentId: this.rootParentId,\n        });\n      }\n    });\n\n    // 更新 trimmed 数据（隐藏折叠的行）\n    const newTrimmed: Record<number, boolean> = {};\n    proxyItems.forEach((physIndex: number) => {\n      const row = source[physIndex];\n      // 跳过分组行\n      if (!row || row['__rvgr-depth'] !== undefined) {\n        return;\n      }\n      \n      const id = row[this.idField];\n      const meta = this.metaData.get(id);\n      if (meta && !meta.visible) {\n        newTrimmed[physIndex] = true;\n      }\n    });\n\n    // 在调用 setTrimmed 之前，强制同步更新分组覆盖层，避免视觉延迟\n    const groupingOverlay = this.revogrid.querySelector('revogr-grouping-overlay');\n    if (groupingOverlay) {\n      (groupingOverlay as any).updateGroupRowsImmediate?.(true);\n    }\n\n    this.providers.data.setTrimmed(\n      {\n        [TREE_COLLAPSED]: newTrimmed,\n      },\n      'rgRow',\n    );\n  }\n\n  toggleRowExpanded(model: DataType): void {\n    const id = model[this.idField];\n    const isExpanded = this.expandedRowIds.has(id);\n    \n    if (isExpanded) {\n      this.expandedRowIds.delete(id);\n    } else {\n      this.expandedRowIds.add(id);\n    }\n\n    this.emit('treenodetoggle', {\n      id,\n      expanded: !isExpanded,\n      model,\n    });\n\n    this.updateTree();\n  }\n\n  async handleRowDrop(event: CustomEvent<RowDropDetail>): Promise<void> {\n    const { from, to, type, items } = event.detail;\n    const { store } = this.providers.data.stores[type as 'rgRow'];\n\n    // 检查是否拖拽到自己的子节点\n    const isDescendant = (targetId: any): boolean => {\n      const checkDescendant = (childId: any, ancestorId: any): boolean => {\n        if (childId === ancestorId) return true;\n        const parentId = this.metaData.get(ancestorId)?.parentId;\n        if (!parentId || parentId === this.rootParentId) return false;\n        return checkDescendant(childId, parentId);\n      };\n\n      return [...items.values()].some((item: DataType) => checkDescendant(item[this.idField], targetId));\n    };\n\n    // 确定新的父节点\n    const targetIndex = from < to ? to : to - 1;\n    let newParentId = this.rootParentId;\n\n    if (targetIndex >= 0) {\n      const targetRow = getItemByIndex(store, targetIndex);\n      if (targetRow) {\n        const targetId = targetRow[this.idField];\n        if (this.expandedRowIds.has(targetId)) {\n          newParentId = targetId;\n        } else if (targetRow[this.parentIdField]) {\n          newParentId = targetRow[this.parentIdField];\n        }\n\n        // 检查是否拖拽到子节点\n        if (isDescendant(newParentId)) {\n          event.preventDefault();\n          return;\n        }\n      }\n    }\n\n    // 更新每个拖拽项的父节点\n    for (let i = 0; i < items.size; i++) {\n      const item = items.get(i);\n      const cellData = {\n        ...event.detail.dataItem,\n        rowIndex: from + i,\n        model: item,\n        prop: this.parentIdField,\n        val: newParentId,\n      };\n\n      const changeEvent = this.emit(TREE_BEFORE_PARENT_CHANGE_EVENT, cellData);\n      if (!changeEvent.defaultPrevented) {\n        this.providers.data.setCellData(changeEvent.detail);\n      }\n    }\n\n    setTimeout(() => {\n      this.updateTree();\n    }, 0);\n  }\n\n  getAllDescendantPhysicalIndices(id: any): number[] {\n    const { store } = this.providers.data.stores.rgRow;\n    const source = store.get('source');\n    const descendants: number[] = [];\n\n    const collectDescendants = (parentId: any): void => {\n      source.forEach((row: DataType, physIndex: number) => {\n        if (row[this.parentIdField] === parentId) {\n          descendants.push(physIndex);\n          collectDescendants(row[this.idField]);\n        }\n      });\n    };\n\n    collectDescendants(id);\n    return descendants;\n  }\n}\n\nexport { TreeDataPlugin };\n"]}

package/dist/collection/plugins/wcag/index.js

@@ -0,0 +1,84 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { BasePlugin } from "../base.plugin";
+/**
+ * WCAG Plugin is responsible for enhancing the accessibility features of the RevoGrid component.
+ * It ensures that the grid is fully compliant with Web Content Accessibility Guidelines (WCAG) 2.1.
+ * This plugin should be the last plugin you add, as it modifies the grid's default behavior.
+ *
+ * The WCAG Plugin performs the following tasks:
+ * - Sets the 'dir' attribute to 'ltr' for left-to-right text direction.
+ * - Sets the 'role' attribute to 'treegrid' for treelike hierarchical structure.
+ * - Sets the 'aria-keyshortcuts' attribute to 'Enter' and 'Esc' for keyboard shortcuts.
+ * - Adds event listeners for keyboard navigation and editing.
+ *
+ * By default, the plugin adds ARIA roles and properties to the grid elements, providing semantic information
+ * for assistive technologies. These roles include 'grid', 'row', and 'gridcell'. The plugin also sets
+ * ARIA attributes such as 'aria-rowindex', 'aria-colindex', and 'aria-selected'.
+ *
+ * The WCAG Plugin ensures that the grid is fully functional and usable for users with various disabilities,
+ * including visual impairments, deaf-blindness, and cognitive disabilities.
+ *
+ * Note: The WCAG Plugin should be added as the last plugin in the list of plugins, as it modifies the grid's
+ * default behavior and may conflict with other plugins if added earlier.
+ */
+export class WCAGPlugin extends BasePlugin {
+    constructor(revogrid, providers) {
+        super(revogrid, providers);
+        revogrid.setAttribute('role', 'treegrid');
+        revogrid.setAttribute('aria-keyshortcuts', 'Enter');
+        revogrid.setAttribute('aria-multiselectable', 'true');
+        revogrid.setAttribute('tabindex', '0');
+        /**
+         * Before Columns Set Event
+         */
+        this.addEventListener('beforecolumnsset', ({ detail }) => {
+            const columns = [
+                ...detail.columns.colPinStart,
+                ...detail.columns.rgCol,
+                ...detail.columns.colPinEnd,
+            ];
+            revogrid.setAttribute('aria-colcount', `${columns.length}`);
+            columns.forEach((column, index) => {
+                const { columnProperties, cellProperties } = column;
+                column.columnProperties = (...args) => {
+                    const result = (columnProperties === null || columnProperties === void 0 ? void 0 : columnProperties(...args)) || {};
+                    result.role = 'columnheader';
+                    result['aria-colindex'] = `${index}`;
+                    return result;
+                };
+                column.cellProperties = (...args) => {
+                    const wcagProps = {
+                        ['role']: 'gridcell',
+                        ['aria-colindex']: `${index}`,
+                        ['aria-rowindex']: `${args[0].rowIndex}`,
+                        ['tabindex']: -1,
+                    };
+                    const columnProps = (cellProperties === null || cellProperties === void 0 ? void 0 : cellProperties(...args)) || {};
+                    return Object.assign(Object.assign({}, wcagProps), columnProps);
+                };
+            });
+        });
+        /**
+         * Before Row Set Event
+         */
+        this.addEventListener('beforesourceset', ({ detail, }) => {
+            revogrid.setAttribute('aria-rowcount', `${detail.source.length}`);
+        });
+        this.addEventListener('beforerowrender', ({ detail, }) => {
+            detail.node.$attrs$ = Object.assign(Object.assign({}, detail.node.$attrs$), { role: 'row', ['aria-rowindex']: detail.item.itemIndex });
+        });
+        // focuscell
+        this.addEventListener('afterfocus', async (e) => {
+            if (e.defaultPrevented) {
+                return;
+            }
+            const el = this.revogrid.querySelector(`revogr-data[type="${e.detail.rowType}"][col-type="${e.detail.colType}"] [data-rgrow="${e.detail.rowIndex}"][data-rgcol="${e.detail.colIndex}"]`);
+            if (el instanceof HTMLElement) {
+                el.focus();
+            }
+        });
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/plugins/wcag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/plugins/wcag/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { CellProps, PluginProviders } from '@type';\nimport { BasePlugin } from '../base.plugin';\nimport { ColumnCollection } from 'src/utils';\n\n/**\n * WCAG Plugin is responsible for enhancing the accessibility features of the RevoGrid component.\n * It ensures that the grid is fully compliant with Web Content Accessibility Guidelines (WCAG) 2.1.\n * This plugin should be the last plugin you add, as it modifies the grid's default behavior.\n *\n * The WCAG Plugin performs the following tasks:\n * - Sets the 'dir' attribute to 'ltr' for left-to-right text direction.\n * - Sets the 'role' attribute to 'treegrid' for treelike hierarchical structure.\n * - Sets the 'aria-keyshortcuts' attribute to 'Enter' and 'Esc' for keyboard shortcuts.\n * - Adds event listeners for keyboard navigation and editing.\n *\n * By default, the plugin adds ARIA roles and properties to the grid elements, providing semantic information\n * for assistive technologies. These roles include 'grid', 'row', and 'gridcell'. The plugin also sets\n * ARIA attributes such as 'aria-rowindex', 'aria-colindex', and 'aria-selected'.\n *\n * The WCAG Plugin ensures that the grid is fully functional and usable for users with various disabilities,\n * including visual impairments, deaf-blindness, and cognitive disabilities.\n *\n * Note: The WCAG Plugin should be added as the last plugin in the list of plugins, as it modifies the grid's\n * default behavior and may conflict with other plugins if added earlier.\n */\nexport class WCAGPlugin extends BasePlugin {\n  constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders) {\n    super(revogrid, providers);\n\n    revogrid.setAttribute('role', 'treegrid');\n    revogrid.setAttribute('aria-keyshortcuts', 'Enter');\n    revogrid.setAttribute('aria-multiselectable', 'true');\n    revogrid.setAttribute('tabindex', '0');\n\n    /**\n     * Before Columns Set Event\n     */\n    this.addEventListener(\n      'beforecolumnsset',\n      ({ detail }: CustomEvent<ColumnCollection>) => {\n        const columns = [\n          ...detail.columns.colPinStart,\n          ...detail.columns.rgCol,\n          ...detail.columns.colPinEnd,\n        ];\n\n        revogrid.setAttribute('aria-colcount', `${columns.length}`);\n\n        columns.forEach((column, index) => {\n          const { columnProperties, cellProperties } = column;\n\n          column.columnProperties = (...args) => {\n            const result = columnProperties?.(...args) || {};\n\n            result.role = 'columnheader';\n            result['aria-colindex'] = `${index}`;\n\n            return result;\n          };\n\n          column.cellProperties = (...args) => {\n            const wcagProps: CellProps = {\n              ['role']: 'gridcell',\n              ['aria-colindex']: `${index}`,\n              ['aria-rowindex']: `${args[0].rowIndex}`,\n              ['tabindex']: -1,\n            };\n            const columnProps: CellProps = cellProperties?.(...args) || {};\n\n            return {\n              ...wcagProps,\n              ...columnProps,\n            };\n          };\n        });\n      },\n    );\n\n    /**\n     * Before Row Set Event\n     */\n    this.addEventListener(\n      'beforesourceset',\n      ({\n        detail,\n      }: CustomEvent<HTMLRevoGridElementEventMap['beforesourceset']>) => {\n        revogrid.setAttribute('aria-rowcount', `${detail.source.length}`);\n      },\n    );\n    this.addEventListener(\n      'beforerowrender',\n      ({\n        detail,\n      }: CustomEvent<HTMLRevogrDataElementEventMap['beforerowrender']>) => {\n        detail.node.$attrs$ = {\n          ...detail.node.$attrs$,\n          role: 'row',\n          ['aria-rowindex']: detail.item.itemIndex,\n        };\n      },\n    );\n\n    // focuscell\n    this.addEventListener(\n      'afterfocus',\n      async (\n        e: CustomEvent<HTMLRevogrFocusElementEventMap['afterfocus']>,\n      ) => {\n        if (e.defaultPrevented) {\n          return;\n        }\n        const el = this.revogrid.querySelector(\n          `revogr-data[type=\"${e.detail.rowType}\"][col-type=\"${e.detail.colType}\"] [data-rgrow=\"${e.detail.rowIndex}\"][data-rgcol=\"${e.detail.colIndex}\"]`,\n        );\n        if (el instanceof HTMLElement) {\n          el.focus();\n        }\n      },\n    );\n  }\n}\n"]}