@visactor/vtable 1.6.0-alpha.0 → 1.6.0-alpha.1

package/dist/vtable.js

@@ -9285,7 +9285,7 @@
       var _a;
       const validateToGraphics = toGraphics.filter(graphic => graphic && graphic.toCustomPath && graphic.valid);
       validateToGraphics.length || __DEV__ && (void 0), fromGraphic.valid && fromGraphic.toCustomPath || __DEV__ && (void 0);
-      const childGraphics = ("clone" === (null == animationConfig ? void 0 : animationConfig.splitPath) ? cloneGraphic : null !== (_a = null == animationConfig ? void 0 : animationConfig.splitPath) && void 0 !== _a ? _a : splitGraphic)(fromGraphic, validateToGraphics.length, !1),
+      const childGraphics = ("clone" === (null == animationConfig ? void 0 : animationConfig.splitPath) ? cloneGraphic$1 : null !== (_a = null == animationConfig ? void 0 : animationConfig.splitPath) && void 0 !== _a ? _a : splitGraphic)(fromGraphic, validateToGraphics.length, !1),
         oldOnEnd = null == animationConfig ? void 0 : animationConfig.onEnd;
       let count = validateToGraphics.length;
       const onEachEnd = () => {
@@ -9359,7 +9359,7 @@
           });
         }
       };
-    const cloneGraphic = (graphic, count, needAppend) => {
+    const cloneGraphic$1 = (graphic, count, needAppend) => {
       const children = [],
         childAttrs = needAppend ? null : parseShadowChildAttrs(graphic.attribute),
         path = graphic.toCustomPath();
@@ -9414,7 +9414,7 @@
       var _a, _b, _c;
       const validateFromGraphics = fromGraphics.filter(graphic => graphic.toCustomPath && graphic.valid);
       validateFromGraphics.length || __DEV__ && (void 0), toGraphic.valid && toGraphic.toCustomPath || __DEV__ && (void 0);
-      const childGraphics = ("clone" === (null == animationConfig ? void 0 : animationConfig.splitPath) ? cloneGraphic : null !== (_a = null == animationConfig ? void 0 : animationConfig.splitPath) && void 0 !== _a ? _a : splitGraphic)(toGraphic, validateFromGraphics.length, !0),
+      const childGraphics = ("clone" === (null == animationConfig ? void 0 : animationConfig.splitPath) ? cloneGraphic$1 : null !== (_a = null == animationConfig ? void 0 : animationConfig.splitPath) && void 0 !== _a ? _a : splitGraphic)(toGraphic, validateFromGraphics.length, !0),
         toAttrs = toGraphic.attribute;
       toGraphic.setAttribute("visible", !1);
       const morphingData = validateFromGraphics.map((graphic, index) => parseMorphingData(graphic.toCustomPath(), childGraphics[index].toCustomPath(), {
@@ -42035,6 +42035,7 @@
         registerLine();
         registerRect();
         registerRichtext();
+        registerShadowRoot();
         registerSymbol();
         registerText();
         loadPoptip();
@@ -42473,7 +42474,7 @@
         circleModule: circleModule,
         clampRadian: clampRadian,
         clock: clock,
-        cloneGraphic: cloneGraphic,
+        cloneGraphic: cloneGraphic$1,
         colorEqual: colorEqual,
         colorStringInterpolationToStr: colorStringInterpolationToStr,
         container: container,
@@ -49837,6 +49838,9 @@
                 this._AABBBounds.setValue(-Infinity, -Infinity, Infinity, Infinity);
                 this.parent && this.parent.addChildUpdateBoundTag();
                 this.clearUpdateBoundTag();
+                if (this.shadowRoot) {
+                    this.shadowRoot.tryUpdateAABBBounds();
+                }
                 return this._AABBBounds;
             }
             return super.doUpdateAABBBounds();
@@ -51258,7 +51262,7 @@
         }
         return cellGroup;
     }
-    function updateCell$1(col, row, table, addNew) {
+    function updateCell$1(col, row, table, addNew, isShadow) {
         const oldCellGroup = table.scenegraph.highPerformanceGetCell(col, row, true);
         const cellStyle = table._getCellStyle(col, row);
         const autoWrapText = cellStyle.autoWrapText ?? table.internalProps.autoWrapText;
@@ -51427,7 +51431,12 @@
             const { height: contentHeight } = newCellGroup.attribute;
             newCellGroup.contentWidth = contentWidth;
             newCellGroup.contentHeight = contentHeight;
-            dealWithMergeCellSize(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table);
+            if (isShadow) {
+                dealWithMergeCellSizeForShadow(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table, newCellGroup);
+            }
+            else {
+                dealWithMergeCellSize(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table);
+            }
         }
         return newCellGroup;
     }
@@ -51494,6 +51503,20 @@
             }
         }
     }
+    function dealWithMergeCellSizeForShadow(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellGroup) {
+        const { col, row } = cellGroup;
+        if (range.start.row !== range.end.row && cellGroup.contentHeight !== cellHeight) {
+            updateCellContentHeight(cellGroup, cellHeight, cellHeight, table.isAutoRowHeight(row), padding, textAlign, textBaseline);
+        }
+        if (range.start.col !== range.end.col && cellGroup.contentWidth !== cellWidth) {
+            updateCellContentWidth(cellGroup, cellWidth, cellHeight, 0, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table.scenegraph);
+        }
+        cellGroup.contentWidth = cellWidth;
+        cellGroup.contentHeight = cellHeight;
+        const rangeHeight = table.getRowHeight(row);
+        const rangeWidth = table.getColWidth(col);
+        resizeCellGroup(cellGroup, rangeWidth, rangeHeight, range, table);
+    }
     function resizeCellGroup(cellGroup, rangeWidth, rangeHeight, range, table) {
         const { col, row } = cellGroup;
         const dx = -table.getColsWidth(range.start.col, col - 1);
@@ -59849,10 +59872,10 @@
         const height = scene.table.tableNoFrameHeight;
         scene.tableGroup = new Group$1({ x: 0, y: 0, width, height, clip: true, pickable: false });
         scene.tableGroup.role = 'table';
-        const colHeaderGroup = createContainerGroup(0, 0, true);
+        const colHeaderGroup = createContainerGroup(0, 0, !scene.table.options.enableTreeStickCell);
         colHeaderGroup.role = 'col-header';
         scene.colHeaderGroup = colHeaderGroup;
-        const cornerHeaderGroup = createContainerGroup(0, 0, true);
+        const cornerHeaderGroup = createContainerGroup(0, 0, !scene.table.options.enableTreeStickCell);
         cornerHeaderGroup.role = 'corner-header';
         scene.cornerHeaderGroup = cornerHeaderGroup;
         const rowHeaderGroup = createContainerGroup(0, 0, true);
@@ -66708,6 +66731,9 @@
         }
         checkColumnResize(eventArgsSet, update) {
             const { eventArgs } = eventArgsSet;
+            if (this.table.options.enableTreeStickCell && !eventArgs) {
+                return false;
+            }
             const resizeCol = this.table.scenegraph.getResizeColAt(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, eventArgs?.targetCell);
             if (this.table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0) {
                 if (update) {
@@ -70850,7 +70876,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.6.0-alpha.0";
+        version = "1.6.0-alpha.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -76497,6 +76523,7 @@
     class ListTable extends BaseTable {
         showHeader = true;
         editorManager;
+        listTreeStickCellPlugin;
         constructor(container, options) {
             if (Env.mode === 'node') {
                 options = container;
@@ -76555,6 +76582,10 @@
                     this.internalProps.emptyTip.resetVisible();
                 }
             }
+            if (options.enableTreeStickCell) {
+                const ListTreeStickCellPlugin = Factory.getComponent('listTreeStickCellPlugin');
+                this.listTreeStickCellPlugin = new ListTreeStickCellPlugin(this);
+            }
             setTimeout(() => {
                 this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
             }, 0);
@@ -76767,7 +76798,7 @@
             internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode;
             this.pagination = options.pagination;
             internalProps.sortState = options.sortState;
-            internalProps.dataConfig = {};
+            internalProps.dataConfig = options.groupBy ? getGroupByDataConfig(options.groupBy) : {};
             this.showHeader = options.showHeader ?? true;
             internalProps.columns = options.columns
                 ? cloneDeepSpec(options.columns, ['children'])
@@ -80123,6 +80154,231 @@
         Factory.registerComponent('tooltipHandler', TooltipHandler);
     };
 
+    class ListTreeStickCellPlugin {
+        table;
+        titleRows = [];
+        showedTitleRows = [];
+        rowNow = -1;
+        skipStartRow = -1;
+        skipEndRow = -1;
+        constructor(table) {
+            this.table = table;
+            this.table.on('scroll', e => {
+                if (e.scrollDirection !== 'vertical') {
+                    return;
+                }
+                this.updateGroupTitle();
+            });
+        }
+        updateGroupTitle() {
+            if (this.skipStartRow !== -1 &&
+                this.skipEndRow !== -1 &&
+                this.skipStartRow !== this.table.scenegraph.proxy.bodyTopRow - 1) {
+                if (this.table.scenegraph.proxy.screenTopRow <= this.skipStartRow ||
+                    this.table.scenegraph.proxy.screenTopRow >= this.skipEndRow) {
+                    this.skipStartRow = -1;
+                    this.skipEndRow = -1;
+                    this.updateGroupTitleInfo();
+                }
+            }
+            else {
+                this.skipStartRow = -1;
+                this.skipEndRow = -1;
+                this.updateGroupTitleInfo();
+            }
+            this.updateScenegraph();
+        }
+        updateGroupTitleInfo() {
+            this.rowNow = this.table.scenegraph.proxy.screenTopRow + this.titleRows.length;
+            const recordIndex = this.table.getRecordIndexByCell(0, this.rowNow);
+            const nextRecordIndex = this.table.getRecordIndexByCell(0, this.rowNow + 1);
+            this.getTitleRowsByRecordIndex(recordIndex, nextRecordIndex);
+        }
+        getTitleRowsByRecordIndex(recordIndex, nextRecordIndex) {
+            if (!isArray$1(recordIndex)) {
+                recordIndex = [recordIndex];
+            }
+            if (!isArray$1(nextRecordIndex)) {
+                nextRecordIndex = [nextRecordIndex];
+            }
+            for (let i = 0; i < recordIndex.length; i++) {
+                const index = recordIndex.slice(0, i + 1);
+                this.table.dataSource.getRaw(index);
+            }
+            const titleRows = [];
+            const isTitle = nextRecordIndex.length === recordIndex.length + 1;
+            let titleIndex = recordIndex.slice(0, !isTitle ? recordIndex.length - 1 : recordIndex.length);
+            const currentIndexedData = this.table.dataSource.currentIndexedData;
+            const startIndex = this.rowNow - this.table.columnHeaderLevelCount;
+            for (let i = startIndex; i >= 0; i--) {
+                const currentIndex = currentIndexedData[i];
+                if (isArray$1(currentIndex) && titleIndex.length === currentIndex.length) {
+                    let isMatch = true;
+                    for (let j = 0; j < currentIndex.length; j++) {
+                        if (currentIndex[j] !== titleIndex[j]) {
+                            isMatch = false;
+                            break;
+                        }
+                    }
+                    if (isMatch) {
+                        titleRows.push(i + this.table.columnHeaderLevelCount);
+                        titleIndex = titleIndex.slice(0, titleIndex.length - 1);
+                    }
+                }
+                else if (currentIndex === recordIndex[0]) {
+                    titleRows.push(i + this.table.columnHeaderLevelCount);
+                    break;
+                }
+            }
+            this.titleRows = titleRows.reverse();
+        }
+        updateScenegraph() {
+            const { table } = this;
+            const { shadowGroup, shadowGroupFrozen } = prepareShadowRoot(table);
+            this.showedTitleRows.length = 0;
+            let skip = 0;
+            for (let col = 0; col < table.colCount; col++) {
+                let colGroup;
+                if (col < table.frozenColCount) {
+                    colGroup = new Group$1({
+                        x: table.getColsWidth(0, col - 1),
+                        y: table.getFrozenRowsHeight()
+                    });
+                    shadowGroupFrozen.add(colGroup);
+                }
+                else {
+                    colGroup = new Group$1({
+                        x: table.getColsWidth(table.frozenColCount, col - 1),
+                        y: table.getFrozenRowsHeight()
+                    });
+                    shadowGroup.add(colGroup);
+                }
+                colGroup.col = col;
+                for (let i = 0; i < this.titleRows.length; i++) {
+                    const row = this.titleRows[i];
+                    if (isSkipRow(row, this.rowNow, table.scenegraph.proxy.screenTopRow, this.titleRows)) {
+                        col === 0 && skip++;
+                        continue;
+                    }
+                    if (col === 0) {
+                        this.showedTitleRows.push(row);
+                    }
+                    const cell = table.scenegraph.getCell(col, row);
+                    if (cell.role === 'cell') {
+                        const newCell = cloneGraphic(cell);
+                        newCell.setAttributes({
+                            y: i * 40
+                        });
+                        colGroup.add(newCell);
+                    }
+                    else {
+                        const newCell = updateCell$1(col, row, table, true, true);
+                        newCell.setAttributes({
+                            y: i * 40
+                        });
+                        colGroup.add(newCell);
+                    }
+                }
+            }
+            if (skip > 0 && this.skipStartRow === -1 && this.skipEndRow === -1) {
+                this.skipStartRow = table.scenegraph.proxy.screenTopRow - 1;
+                this.skipEndRow = table.scenegraph.proxy.screenTopRow + 1;
+            }
+        }
+    }
+    function isSkipRow(row, topRow, screenTopRow, titleRows) {
+        if (row === topRow && row !== screenTopRow + titleRows.length - 1) {
+            return true;
+        }
+        const rowIndex = titleRows.indexOf(row);
+        const rowLimit = screenTopRow + rowIndex + 1;
+        if (row === rowLimit && row < topRow) {
+            return true;
+        }
+        return false;
+    }
+    function cloneGraphic(graphic) {
+        const newGraphic = graphic.clone();
+        newGraphic.role = graphic.role;
+        newGraphic.col = graphic.col;
+        newGraphic.row = graphic.row;
+        newGraphic.mergeStartCol = graphic.mergeStartCol;
+        newGraphic.mergeStartRow = graphic.mergeStartRow;
+        newGraphic.mergeEndCol = graphic.mergeEndCol;
+        newGraphic.mergeEndRow = graphic.mergeEndRow;
+        newGraphic.contentWidth = graphic.contentWidth;
+        newGraphic.contentHeight = graphic.contentHeight;
+        if (newGraphic.role === 'cell') {
+            const hackRect = createRect({
+                x: 0,
+                y: 0,
+                width: newGraphic.attribute.width,
+                height: newGraphic.attribute.height
+            });
+            newGraphic.add(hackRect);
+        }
+        if (graphic.type === 'group') {
+            const newGroup = newGraphic;
+            graphic.forEachChildren(child => {
+                const newChild = cloneGraphic(child);
+                newGroup.add(newChild);
+            });
+        }
+        return newGraphic;
+    }
+    function prepareShadowRoot(table) {
+        const colHeaderGroup = table.scenegraph.colHeaderGroup;
+        const cornerHeaderGroup = table.scenegraph.cornerHeaderGroup;
+        if (!colHeaderGroup.border) {
+            const hackBorder = createRect({
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0
+            });
+            colHeaderGroup.add(hackBorder);
+            colHeaderGroup.border = hackBorder;
+            hackBorder.attachShadow(hackBorder.shadowRoot);
+            hackBorder.name = 'border-rect';
+            hackBorder.addEventListener('click', (e) => {
+                const titleRows = table.listTreeStickCellPlugin.titleRows;
+                const { shadowTarget } = e.pickParams;
+                const cellGroup = getTargetCell(shadowTarget);
+                const { col, row } = cellGroup;
+                const rowIndex = titleRows.indexOf(row);
+                table.scrollToCell({ col, row: row - rowIndex });
+            });
+        }
+        if (!cornerHeaderGroup.border) {
+            const hackBorder = createRect({
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0
+            });
+            cornerHeaderGroup.add(hackBorder);
+            cornerHeaderGroup.border = hackBorder;
+            hackBorder.attachShadow(hackBorder.shadowRoot);
+            hackBorder.name = 'border-rect';
+            hackBorder.addEventListener('click', (e) => {
+                const titleRows = table.listTreeStickCellPlugin.titleRows;
+                const { shadowTarget } = e.pickParams;
+                const cellGroup = getTargetCell(shadowTarget);
+                const { col, row } = cellGroup;
+                const rowIndex = titleRows.indexOf(row);
+                table.scrollToCell({ col, row: row - rowIndex });
+            });
+        }
+        const shadowGroup = colHeaderGroup.border.shadowRoot;
+        const shadowGroupFrozen = cornerHeaderGroup.border.shadowRoot;
+        shadowGroup.removeAllChild();
+        shadowGroupFrozen.removeAllChild();
+        return { shadowGroup, shadowGroupFrozen };
+    }
+    const registerListTreeStickCellPlugin = () => {
+        Factory.registerComponent('listTreeStickCellPlugin', ListTreeStickCellPlugin);
+    };
+
     const builtin = {};
     function get() {
         return extend(builtin, chartTypes);
@@ -81717,6 +81973,7 @@
     registerMenu();
     registerTitle();
     registerTooltip();
+    registerListTreeStickCellPlugin();
     registerChartCell();
     registerCheckboxCell();
     registerImageCell();
@@ -89334,7 +89591,7 @@
     }
 
     registerForVrender();
-    const version = "1.6.0-alpha.0";
+    const version = "1.6.0-alpha.1";
     function getIcons() {
         return get$2();
     }