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

package/dist/vtable.js

@@ -25061,6 +25061,12 @@
                     },
                     get color() {
                         return tooltip.color ?? '#FFF';
+                    },
+                    get maxWidth() {
+                        return tooltip.maxWidth;
+                    },
+                    get maxHeight() {
+                        return tooltip.maxHeight;
                     }
                 };
             }
@@ -56581,12 +56587,30 @@
 	white-space: pre-wrap;
 	margin: 0;
 	box-sizing: border-box;
-	overflow: hidden;
+	overflow: auto;
 	word-wrap: break-word;
 	position: relative;
 	background-color: #FFF;
 	z-index: 2;
-	border-radius: 4px
+	border-radius: 4px;
+}
+/*  WebKit Microsoft Edge（新版）： */
+.vtable__bubble-tooltip-element__content::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  background-color: transparent;
+}
+/*  Opera Firefox  */
+.vtable__bubble-tooltip-element__content > scrollbar-track {
+  width: 0;
+  height: 0;
+  background-color: transparent;
+}
+/* Internet Explorer 11 和 Microsoft Edge（旧版） */
+.vtable__bubble-tooltip-element__content > scrollbar {
+  width: 0;
+  height: 0;
+  background-color: transparent;
 }
 .vtable__bubble-tooltip-element__triangle {
 	/* font-size: .75rem; */
@@ -56620,7 +56644,7 @@
         constructor() {
             this._handler = new EventHandler();
             const rootElement = (this._rootElement = createElement('div', [TOOLTIP_CLASS, HIDDEN_CLASS]));
-            const messageElement = createElement('span', [CONTENT_CLASS]);
+            const messageElement = createElement('div', [CONTENT_CLASS]);
             const triangle = createElement('span', [TRIANGLE_CLASS]);
             rootElement.appendChild(triangle);
             rootElement.appendChild(messageElement);
@@ -56633,6 +56657,9 @@
                 this._disappearDelay = undefined;
                 this.unbindFromCell();
             });
+            messageElement.addEventListener('wheel', e => {
+                e.stopPropagation();
+            });
         }
         bindToCell(table, col, row, tooltipInstanceInfo, confine) {
             this._disappearDelay = tooltipInstanceInfo?.disappearDelay;
@@ -56657,6 +56684,10 @@
                 tooltipInstanceInfo?.style?.color && (messageElement.style.color = tooltipInstanceInfo?.style?.color);
                 tooltipInstanceInfo?.style?.padding &&
                     (messageElement.style.padding = `${tooltipInstanceInfo?.style?.padding.join('px ')}px`);
+                tooltipInstanceInfo?.style?.maxHeight &&
+                    (messageElement.style.maxHeight = `${tooltipInstanceInfo?.style?.maxHeight}px`);
+                tooltipInstanceInfo?.style?.maxWidth &&
+                    (messageElement.style.maxWidth = `${tooltipInstanceInfo?.style?.maxWidth}px`);
                 messageElement && (messageElement.textContent = tooltipInstanceInfo?.content);
                 const binded = this._bindToCell(table, col, row, tooltipInstanceInfo?.position, tooltipInstanceInfo?.referencePosition, confine, tooltipInstanceInfo?.style?.arrowMark);
                 if (binded) {
@@ -57035,7 +57066,7 @@
                         rect
                     },
                     disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
-                    style: { arrowMark: false }
+                    style: table.theme.tooltipStyle
                 };
             }
             else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {
@@ -59211,7 +59242,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.3.1-alpha.0";
+        version = "1.3.1-alpha.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -64084,12 +64115,10 @@
             const topHeaderHeight = !this.table.transpose || this.table.options.indicatorsAsCol
                 ? this.table.getFrozenRowsHeight()
                 : 0;
-            const width = (this.table.columnHeaderLevelCount > 0 && this.table.isListTable()
-                ? this.table.getDrawRange().width
-                : this.table.tableNoFrameWidth) - leftHeaderWidth;
-            const height = (this.table.rowHeaderLevelCount > 0 && this.table.isListTable()
-                ? this.table.getDrawRange().height
-                : this.table.tableNoFrameHeight) - topHeaderHeight;
+            const width = (this.table.columnHeaderLevelCount > 0 ? this.table.getDrawRange().width : this.table.tableNoFrameWidth) -
+                leftHeaderWidth;
+            const height = (this.table.rowHeaderLevelCount > 0 ? this.table.getDrawRange().height : this.table.tableNoFrameHeight) -
+                topHeaderHeight;
             this._emptyTipComponent.setAttributes({
                 spaceBetweenTextAndIcon: this._emptyTipOption.spaceBetweenTextAndIcon,
                 x: this.table.tableX + leftHeaderWidth,
@@ -64132,12 +64161,10 @@
             const topHeaderHeight = !this.table.transpose || this.table.options.indicatorsAsCol
                 ? this.table.getFrozenRowsHeight()
                 : 0;
-            const width = (this.table.columnHeaderLevelCount > 0 && this.table.isListTable()
-                ? this.table.getDrawRange().width
-                : this.table.tableNoFrameWidth) - leftHeaderWidth;
-            const height = (this.table.rowHeaderLevelCount > 0 && this.table.isListTable()
-                ? this.table.getDrawRange().height
-                : this.table.tableNoFrameHeight) - topHeaderHeight;
+            const width = (this.table.columnHeaderLevelCount > 0 ? this.table.getDrawRange().width : this.table.tableNoFrameWidth) -
+                leftHeaderWidth;
+            const height = (this.table.rowHeaderLevelCount > 0 ? this.table.getDrawRange().height : this.table.tableNoFrameHeight) -
+                topHeaderHeight;
             return {
                 spaceBetweenTextAndIcon: this._emptyTipOption.spaceBetweenTextAndIcon,
                 x: this.table.tableX + leftHeaderWidth,
@@ -65667,15 +65694,7 @@
             }
             this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
             if (this.cornerSetting.titleOnDimension === 'column') {
-                let colDimensionKeys = this.columnDimensionTree.dimensionKeysIncludeVirtual.valueArr();
-                if ((this.dataset.records?.length ?? 0) === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                    colDimensionKeys = this.columnsDefine.map(define => {
-                        if (typeof define === 'string') {
-                            return define;
-                        }
-                        return define.dimensionKey;
-                    });
-                }
+                const colDimensionKeys = this.columnDimensionTree.dimensionKeysIncludeVirtual.valueArr();
                 this.cornerHeaderObjs = this._addCornerHeaders(this.columnHeaderTitle ? [''].concat(colDimensionKeys) : colDimensionKeys, this.columnsDefine);
             }
             else if (this.cornerSetting.titleOnDimension === 'row') {
@@ -65691,15 +65710,7 @@
                     this.cornerHeaderObjs = this._addCornerHeaders(this.rowHeaderTitle ? [''].concat(rowTreeFirstKey) : rowTreeFirstKey, this.rowsDefine.concat(extensionRowDimensions));
                 }
                 else {
-                    let rowDimensionKeys = this.rowDimensionTree.dimensionKeysIncludeVirtual.valueArr();
-                    if ((this.dataset.records?.length ?? 0) === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                        rowDimensionKeys = this.rowsDefine.map(define => {
-                            if (typeof define === 'string') {
-                                return define;
-                            }
-                            return define.dimensionKey;
-                        });
-                    }
+                    const rowDimensionKeys = this.rowDimensionTree.dimensionKeysIncludeVirtual.valueArr();
                     this.cornerHeaderObjs = this._addCornerHeaders(this.rowHeaderTitle ? [''].concat(rowDimensionKeys) : rowDimensionKeys, this.rowsDefine);
                 }
             }
@@ -66357,19 +66368,6 @@
                             : this.columnDimensionTree.totalLevel
                         : this.columnDimensionTree.totalLevel
                     : this.columnDimensionTree.totalLevel;
-                if (count === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                    if (this.cornerSetting.titleOnDimension === 'row') {
-                        count = 1;
-                    }
-                    else if ((this.dataset.records?.length ?? 0) === 0 && this.cornerSetting.titleOnDimension === 'column') {
-                        count = this.columnsDefine.length ?? 0;
-                    }
-                }
-                else if ((this.dataset.records?.length ?? 0) === 0 &&
-                    !this.dataset.customColTree &&
-                    !this.dataset.customRowTree) {
-                    count = this.columnsDefine.length;
-                }
                 if (this.columnHeaderTitle) {
                     count += 1;
                 }
@@ -66403,19 +66401,6 @@
                     this.rowDimensionKeys[this.rowDimensionKeys.length - 1] === this.indicatorDimensionKey) {
                     count = rowLevelCount - 1;
                 }
-                if (count === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                    if (this.cornerSetting.titleOnDimension === 'column') {
-                        count = 1;
-                    }
-                    else if ((this.dataset.records?.length ?? 0) === 0 && this.cornerSetting.titleOnDimension === 'row') {
-                        count = this.rowsDefine.length ?? 0;
-                    }
-                }
-                else if ((this.dataset.records?.length ?? 0) === 0 &&
-                    !this.dataset.customColTree &&
-                    !this.dataset.customRowTree) {
-                    count = this.rowsDefine.length;
-                }
                 if (this.rowHeaderTitle) {
                     count += 1;
                 }
@@ -66530,16 +66515,16 @@
                     return '';
                 }
                 else if (this.isCornerHeader(col, row)) {
-                    return this._cornerHeaderCellIds[row]?.[col - this.leftRowSeriesNumberColumnCount];
+                    return this._cornerHeaderCellIds[row][col - this.leftRowSeriesNumberColumnCount];
                 }
                 else if (this.isColumnHeader(col, row)) {
-                    return this._columnHeaderCellIds[row]?.[col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount];
+                    return this._columnHeaderCellIds[row][col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount];
                 }
                 else if (this.isRowHeader(col, row)) {
                     return this._rowHeaderCellIds[row - this.columnHeaderLevelCount]?.[col - this.leftRowSeriesNumberColumnCount];
                 }
                 else if (this.isRightFrozenColumn(col, row)) {
-                    return this._rowHeaderCellIds[row - this.columnHeaderLevelCount]?.[this.rowHeaderLevelCount - 1];
+                    return this._rowHeaderCellIds[row - this.columnHeaderLevelCount][this.rowHeaderLevelCount - 1];
                 }
                 else if (this.isBottomFrozenRow(col, row)) {
                     return this._columnHeaderCellIds[this.columnHeaderLevelCount - 1]?.[col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount];
@@ -68373,9 +68358,7 @@
         collectedValues = {};
         cacheCollectedValues = {};
         rows;
-        rowsHasValue;
         columns;
-        columnsHasValue;
         indicatorKeys;
         customRowTree;
         customColTree;
@@ -68435,8 +68418,6 @@
             this.rowFlatKeys = {};
             this.colKeys = [];
             this.rowKeys = [];
-            this.rowsHasValue = [];
-            this.columnsHasValue = [];
             if (records) {
                 this.records = records;
                 typeof window !== 'undefined' ? window.performance.now() : 0;
@@ -68457,25 +68438,19 @@
                 }
                 else {
                     if (this.rowHierarchyType === 'tree') {
-                        this.rowHeaderTree = this.ArrToTree1(this.rowKeys, this.rows.filter((key, index) => {
-                            return this.rowsHasValue[index];
-                        }), this.indicatorsAsCol ? undefined : this.indicators, this.totals?.row?.showGrandTotals ||
+                        this.rowHeaderTree = this.ArrToTree1(this.rowKeys, this.rows, this.indicatorsAsCol ? undefined : this.indicators, this.totals?.row?.showGrandTotals ||
                             (!this.indicatorsAsCol && this.columns.length === 0) ||
                             (this.indicatorsAsCol && this.rows.length === 0), this.rowGrandTotalLabel);
                     }
                     else {
-                        this.rowHeaderTree = this.ArrToTree(this.rowKeys, this.rows.filter((key, index) => {
-                            return this.rowsHasValue[index];
-                        }), this.indicatorsAsCol ? undefined : this.indicators, this.rowsIsTotal, this.totals?.row?.showGrandTotals || (this.indicatorsAsCol && this.rows.length === 0), this.rowGrandTotalLabel, this.rowSubTotalLabel, this.totals?.row?.showGrandTotalsOnTop ?? false, this.totals?.row?.showSubTotalsOnTop ?? false);
+                        this.rowHeaderTree = this.ArrToTree(this.rowKeys, this.rows, this.indicatorsAsCol ? undefined : this.indicators, this.rowsIsTotal, this.totals?.row?.showGrandTotals || (this.indicatorsAsCol && this.rows.length === 0), this.rowGrandTotalLabel, this.rowSubTotalLabel, this.totals?.row?.showGrandTotalsOnTop ?? false, this.totals?.row?.showSubTotalsOnTop ?? false);
                     }
                 }
                 if (this.customColTree) {
                     this.colHeaderTree = this.customColTree;
                 }
                 else {
-                    this.colHeaderTree = this.ArrToTree(this.colKeys, this.columns.filter((key, index) => {
-                        return this.columnsHasValue[index];
-                    }), this.indicatorsAsCol ? this.indicators : undefined, this.colsIsTotal, this.totals?.column?.showGrandTotals || (!this.indicatorsAsCol && this.columns.length === 0), this.colGrandTotalLabel, this.colSubTotalLabel, this.totals?.column?.showGrandTotalsOnLeft ?? false, this.totals?.column?.showSubTotalsOnLeft ?? false);
+                    this.colHeaderTree = this.ArrToTree(this.colKeys, this.columns, this.indicatorsAsCol ? this.indicators : undefined, this.colsIsTotal, this.totals?.column?.showGrandTotals || (!this.indicatorsAsCol && this.columns.length === 0), this.colGrandTotalLabel, this.colSubTotalLabel, this.totals?.column?.showGrandTotalsOnLeft ?? false, this.totals?.column?.showSubTotalsOnLeft ?? false);
                 }
                 typeof window !== 'undefined' ? window.performance.now() : 0;
                 if (this.dataConfig?.isPivotChart) {
@@ -68672,7 +68647,6 @@
             for (let l = 0, len1 = this.rows.length; l < len1; l++) {
                 const rowAttr = this.rows[l];
                 if (rowAttr in record) {
-                    this.rowsHasValue[l] = true;
                     rowKey.push(record[rowAttr]);
                 }
                 else if (rowAttr !== IndicatorDimensionKeyPlaceholder) {
@@ -68698,7 +68672,6 @@
             for (let n = 0, len2 = this.columns.length; n < len2; n++) {
                 const colAttr = this.columns[n];
                 if (colAttr in record) {
-                    this.columnsHasValue[n] = true;
                     colKey.push(record[colAttr]);
                 }
                 else if (colAttr !== IndicatorDimensionKeyPlaceholder) {
@@ -68824,22 +68797,16 @@
             this.sortKeys();
             if (!this.customRowTree) {
                 if (this.rowHierarchyType === 'tree') {
-                    this.rowHeaderTree = this.ArrToTree1(this.rowKeys, this.rows.filter((key, index) => {
-                        return this.rowsHasValue[index];
-                    }), this.indicatorsAsCol ? undefined : this.indicators, this.totals?.row?.showGrandTotals ||
+                    this.rowHeaderTree = this.ArrToTree1(this.rowKeys, this.rows, this.indicatorsAsCol ? undefined : this.indicators, this.totals?.row?.showGrandTotals ||
                         (!this.indicatorsAsCol && this.columns.length === 0) ||
                         (this.indicatorsAsCol && this.rows.length === 0), this.rowGrandTotalLabel);
                 }
                 else {
-                    this.rowHeaderTree = this.ArrToTree(this.rowKeys, this.rows.filter((key, index) => {
-                        return this.rowsHasValue[index];
-                    }), this.indicatorsAsCol ? undefined : this.indicators, this.rowsIsTotal, this.totals?.row?.showGrandTotals || (this.indicatorsAsCol && this.rows.length === 0), this.rowGrandTotalLabel, this.rowSubTotalLabel, this.totals?.row?.showGrandTotalsOnTop ?? false, this.totals?.row?.showSubTotalsOnTop ?? false);
+                    this.rowHeaderTree = this.ArrToTree(this.rowKeys, this.rows, this.indicatorsAsCol ? undefined : this.indicators, this.rowsIsTotal, this.totals?.row?.showGrandTotals || (this.indicatorsAsCol && this.rows.length === 0), this.rowGrandTotalLabel, this.rowSubTotalLabel, this.totals?.row?.showGrandTotalsOnTop ?? false, this.totals?.row?.showSubTotalsOnTop ?? false);
                 }
             }
             if (!this.customColTree) {
-                this.colHeaderTree = this.ArrToTree(this.colKeys, this.columns.filter((key, index) => {
-                    return this.columnsHasValue[index];
-                }), this.indicatorsAsCol ? this.indicators : undefined, this.colsIsTotal, this.totals?.column?.showGrandTotals || (!this.indicatorsAsCol && this.columns.length === 0), this.colGrandTotalLabel, this.colSubTotalLabel, this.totals?.column?.showGrandTotalsOnLeft ?? false, this.totals?.column?.showSubTotalsOnLeft ?? false);
+                this.colHeaderTree = this.ArrToTree(this.colKeys, this.columns, this.indicatorsAsCol ? this.indicators : undefined, this.colsIsTotal, this.totals?.column?.showGrandTotals || (!this.indicatorsAsCol && this.columns.length === 0), this.colGrandTotalLabel, this.colSubTotalLabel, this.totals?.column?.showGrandTotalsOnLeft ?? false, this.totals?.column?.showSubTotalsOnLeft ?? false);
             }
         }
         updateFilterRules(filterRules, isResetTree = false) {
@@ -69553,18 +69520,12 @@
                         if (options.indicatorsAsCol !== false) {
                             this.dataset.colHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.colHeaderTree, options.indicators);
                         }
-                        if ((this.records?.length ?? 0) === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                            this.dataset.colHeaderTree = [];
-                        }
                         columnDimensionTree = new DimensionTree(this.dataset.colHeaderTree ?? [], this.layoutNodeId);
                     }
                     if (!options.rowTree) {
                         if (options.indicatorsAsCol === false) {
                             this.dataset.rowHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.rowHeaderTree, options.indicators);
                         }
-                        if ((this.records?.length ?? 0) === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                            this.dataset.rowHeaderTree = [];
-                        }
                         rowDimensionTree = new DimensionTree(this.dataset.rowHeaderTree ?? [], this.layoutNodeId, this.options.rowHierarchyType, this.options.rowHierarchyType === 'tree' ? this.options.rowExpandLevel ?? 1 : undefined);
                     }
                     this.internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
@@ -69697,18 +69658,12 @@
                     if (options.indicatorsAsCol !== false) {
                         this.dataset.colHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.colHeaderTree, options.indicators);
                     }
-                    if ((this.records?.length ?? 0) === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                        this.dataset.colHeaderTree = [];
-                    }
                     columnDimensionTree = new DimensionTree(this.dataset.colHeaderTree ?? [], this.layoutNodeId);
                 }
                 if (!options.rowTree) {
                     if (options.indicatorsAsCol === false) {
                         this.dataset.rowHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.rowHeaderTree, options.indicators);
                     }
-                    if ((this.records?.length ?? 0) === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                        this.dataset.rowHeaderTree = [];
-                    }
                     rowDimensionTree = new DimensionTree(this.dataset.rowHeaderTree ?? [], this.layoutNodeId, this.options.rowHierarchyType, this.options.rowHierarchyType === 'tree' ? this.options.rowExpandLevel ?? 1 : undefined);
                 }
                 internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
@@ -70485,18 +70440,12 @@
                     columnDimensionTree = internalProps.layoutMap.columnDimensionTree;
                 }
                 else {
-                    if ((this.records?.length ?? 0) === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                        this.dataset.colHeaderTree = [];
-                    }
                     columnDimensionTree = new DimensionTree(this.dataset.colHeaderTree ?? [], this.layoutNodeId);
                 }
                 if (options.rowTree) {
                     rowDimensionTree = internalProps.layoutMap.rowDimensionTree;
                 }
                 else {
-                    if ((this.records?.length ?? 0) === 0 && !this.dataset.customColTree && !this.dataset.customRowTree) {
-                        this.dataset.rowHeaderTree = [];
-                    }
                     rowDimensionTree = new DimensionTree(this.dataset.rowHeaderTree ?? [], this.layoutNodeId, this.options.rowHierarchyType, this.options.rowHierarchyType === 'tree' ? this.options.rowExpandLevel ?? 1 : undefined);
                 }
                 internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
@@ -72418,7 +72367,7 @@
     }
 
     registerForVrender();
-    const version = "1.3.1-alpha.0";
+    const version = "1.3.1-alpha.1";
     function getIcons() {
         return get$2();
     }