@visactor/vtable 1.4.2-beta.0 → 1.5.0

package/es/PivotTable.js

@@ -12,8 +12,6 @@ import { Dataset } from "./dataset/dataset";
 
 import { BaseTable } from "./core/BaseTable";
 
-import { Title } from "./components/title/title";
-
 import { cloneDeep, isNumber, isValid } from "@visactor/vutils";
 
 import { Env } from "./tools/env";
@@ -32,11 +30,11 @@ import { computeRowHeight } from "./scenegraph/layout/compute-row-height";
 
 import { isAllDigits } from "./tools/util";
 
-import { cloneDeepSpec } from "./vutil-extension-temp";
+import { cloneDeepSpec } from "@visactor/vutils-extension";
 
 import { parseColKeyRowKeyForPivotTable, supplementIndicatorNodesForCustomTree } from "./layout/layout-helper";
 
-import { EmptyTip } from "./components/empty-tip/empty-tip";
+import { Factory } from "./core/factory";
 
 export class PivotTable extends BaseTable {
     constructor(container, options) {
@@ -78,12 +76,18 @@ export class PivotTable extends BaseTable {
                 rowDimensionTree = new DimensionTree(null !== (_o = this.dataset.rowHeaderTree) && void 0 !== _o ? _o : [], this.layoutNodeId, this.options.rowHierarchyType, "tree" === this.options.rowHierarchyType ? null !== (_p = this.options.rowExpandLevel) && void 0 !== _p ? _p : 1 : void 0)), 
                 this.internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
             }
-            this._changePivotSortStateBySortRules(), (null !== (_r = null === (_q = options.pivotSortState) || void 0 === _q ? void 0 : _q.length) && void 0 !== _r ? _r : 0) > 0 && (this.pivotSortState = [], 
+            if (this._changePivotSortStateBySortRules(), (null !== (_r = null === (_q = options.pivotSortState) || void 0 === _q ? void 0 : _q.length) && void 0 !== _r ? _r : 0) > 0 && (this.pivotSortState = [], 
             this.pivotSortState = options.pivotSortState), "node" !== Env.mode && (this.editorManager = new EditManeger(this)), 
             this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.stateManager.initCheckedState(records), 
-            this.scenegraph.createSceneGraph(), options.title && (this.internalProps.title = new Title(options.title, this), 
-            this.scenegraph.resize()), this.options.emptyTip && (this.internalProps.emptyTip || (this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this)), 
-            this.internalProps.emptyTip.resetVisible()), setTimeout((() => {
+            this.scenegraph.createSceneGraph(), options.title) {
+                const Title = Factory.getComponent("title");
+                this.internalProps.title = new Title(options.title, this), this.scenegraph.resize();
+            }
+            if (this.options.emptyTip) if (this.internalProps.emptyTip) this.internalProps.emptyTip.resetVisible(); else {
+                const EmptyTip = Factory.getComponent("emptyTip");
+                this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), this.internalProps.emptyTip.resetVisible();
+            }
+            setTimeout((() => {
                 this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
             }), 0);
         }
@@ -161,15 +165,21 @@ export class PivotTable extends BaseTable {
             rowDimensionTree = new DimensionTree(null !== (_q = this.dataset.rowHeaderTree) && void 0 !== _q ? _q : [], this.layoutNodeId, this.options.rowHierarchyType, "tree" === this.options.rowHierarchyType ? null !== (_r = this.options.rowExpandLevel) && void 0 !== _r ? _r : 1 : void 0)), 
             internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
         }
-        return this._changePivotSortStateBySortRules(), (null !== (_t = null === (_s = options.pivotSortState) || void 0 === _s ? void 0 : _s.length) && void 0 !== _t ? _t : 0) > 0 && (this.pivotSortState = [], 
+        if (this._changePivotSortStateBySortRules(), (null !== (_t = null === (_s = options.pivotSortState) || void 0 === _s ? void 0 : _s.length) && void 0 !== _t ? _t : 0) > 0 && (this.pivotSortState = [], 
         this.pivotSortState = options.pivotSortState), this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, 
         internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
             var _a;
             return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
         })), internalProps.releaseList = null), this.scenegraph.clearCells(), this.scenegraph.createSceneGraph(), 
-        options.title && (this.internalProps.title = new Title(options.title, this), this.scenegraph.resize()), 
-        this.options.emptyTip && (this.internalProps.emptyTip || (this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this)), 
-        this.internalProps.emptyTip.resetVisible()), new Promise((resolve => {
+        options.title) {
+            const Title = Factory.getComponent("title");
+            this.internalProps.title = new Title(options.title, this), this.scenegraph.resize();
+        }
+        if (this.options.emptyTip) if (this.internalProps.emptyTip) this.internalProps.emptyTip.resetVisible(); else {
+            const EmptyTip = Factory.getComponent("emptyTip");
+            this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), this.internalProps.emptyTip.resetVisible();
+        }
+        return new Promise((resolve => {
             setTimeout(resolve, 0);
         }));
     }
@@ -188,12 +198,13 @@ export class PivotTable extends BaseTable {
         this.setMinMaxLimitWidth(!0), this.refreshRowColCount();
     }
     refreshRowColCount() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const table = this, {layoutMap: layoutMap} = table.internalProps;
         layoutMap && (table.colCount = null !== (_a = layoutMap.colCount) && void 0 !== _a ? _a : 0, 
         table.rowCount = null !== (_b = layoutMap.rowCount) && void 0 !== _b ? _b : 0, this.internalProps.frozenColCount = Math.max((null !== (_c = layoutMap.rowHeaderLevelCount) && void 0 !== _c ? _c : 0) + layoutMap.leftRowSeriesNumberColumnCount, null !== (_d = this.options.frozenColCount) && void 0 !== _d ? _d : 0), 
-        table.frozenRowCount = layoutMap.headerLevelCount, table.bottomFrozenRowCount !== (null !== (_e = this.options.bottomFrozenRowCount) && void 0 !== _e ? _e : 0) && (table.bottomFrozenRowCount = null !== (_f = this.options.bottomFrozenRowCount) && void 0 !== _f ? _f : 0), 
-        table.rightFrozenColCount !== (null !== (_g = this.options.rightFrozenColCount) && void 0 !== _g ? _g : 0) && (table.rightFrozenColCount = null !== (_h = this.options.rightFrozenColCount) && void 0 !== _h ? _h : 0), 
+        table.frozenRowCount = Math.max(layoutMap.headerLevelCount, null !== (_e = this.options.frozenRowCount) && void 0 !== _e ? _e : 0), 
+        table.bottomFrozenRowCount !== (null !== (_f = this.options.bottomFrozenRowCount) && void 0 !== _f ? _f : 0) && (table.bottomFrozenRowCount = null !== (_g = this.options.bottomFrozenRowCount) && void 0 !== _g ? _g : 0), 
+        table.rightFrozenColCount !== (null !== (_h = this.options.rightFrozenColCount) && void 0 !== _h ? _h : 0) && (table.rightFrozenColCount = null !== (_j = this.options.rightFrozenColCount) && void 0 !== _j ? _j : 0), 
         this.stateManager.setFrozenCol(this.internalProps.frozenColCount));
     }
     _getSortFuncFromHeaderOption(columns, field, fieldKey) {}
@@ -224,7 +235,7 @@ export class PivotTable extends BaseTable {
         return layoutMap.getBodyIndexByCol(col);
     }
     getFieldData(field, col, row) {
-        var _a;
+        var _a, _b, _c;
         if (!this.internalProps.layoutMap.isHeader(col, row)) {
             if (this.internalProps.recordsIsTwoDimensionalArray) {
                 const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
@@ -234,13 +245,13 @@ export class PivotTable extends BaseTable {
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
                 if (cellDimensionPath) {
                     let indicatorPosition;
-                    const colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
+                    const colKeys = null === (_b = cellDimensionPath.colHeaderPaths) || void 0 === _b ? void 0 : _b.filter((path => !path.virtual)).map(((colPath, index) => {
                         var _a;
                         return colPath.indicatorKey && (indicatorPosition = {
                             position: "col",
                             index: index
                         }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-                    })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
+                    })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
                         var _a;
                         return rowPath.indicatorKey && (indicatorPosition = {
                             position: "row",
@@ -316,7 +327,7 @@ export class PivotTable extends BaseTable {
         }
     }
     getCellOriginValue(col, row) {
-        var _a;
+        var _a, _b, _c;
         const table = this;
         if (table.internalProps.layoutMap.isHeader(col, row)) {
             const {title: title} = table.internalProps.layoutMap.getHeader(col, row);
@@ -328,13 +339,13 @@ export class PivotTable extends BaseTable {
         }
         if (this.dataset) {
             let indicatorPosition;
-            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
+            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = null === (_b = cellDimensionPath.colHeaderPaths) || void 0 === _b ? void 0 : _b.filter((path => !path.virtual)).map(((colPath, index) => {
                 var _a;
                 return colPath.indicatorKey && (indicatorPosition = {
                     position: "col",
                     index: index
                 }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-            })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
+            })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
                 var _a;
                 return rowPath.indicatorKey && (indicatorPosition = {
                     position: "row",
@@ -355,7 +366,7 @@ export class PivotTable extends BaseTable {
         }
     }
     getCellRawValue(col, row) {
-        var _a;
+        var _a, _b, _c;
         const table = this;
         if (table.internalProps.layoutMap.isHeader(col, row)) {
             const {title: title} = table.internalProps.layoutMap.getHeader(col, row);
@@ -367,13 +378,13 @@ export class PivotTable extends BaseTable {
         }
         if (this.dataset) {
             let indicatorPosition;
-            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
+            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = null === (_b = cellDimensionPath.colHeaderPaths) || void 0 === _b ? void 0 : _b.filter((path => !path.virtual)).map(((colPath, index) => {
                 var _a;
                 return colPath.indicatorKey && (indicatorPosition = {
                     position: "col",
                     index: index
                 }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-            })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
+            })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
                 var _a;
                 return rowPath.indicatorKey && (indicatorPosition = {
                     position: "row",
@@ -394,7 +405,7 @@ export class PivotTable extends BaseTable {
         }
     }
     getCellOriginRecord(col, row) {
-        var _a;
+        var _a, _b, _c;
         if (!this.internalProps.layoutMap.isHeader(col, row)) {
             if (this.internalProps.recordsIsTwoDimensionalArray) {
                 const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
@@ -402,13 +413,13 @@ export class PivotTable extends BaseTable {
             }
             if (this.dataset) {
                 let indicatorPosition;
-                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = null === (_b = cellDimensionPath.colHeaderPaths) || void 0 === _b ? void 0 : _b.filter((path => !path.virtual)).map(((colPath, index) => {
                     var _a;
                     return colPath.indicatorKey && (indicatorPosition = {
                         position: "col",
                         index: index
                     }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-                })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
+                })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
                     var _a;
                     return rowPath.indicatorKey && (indicatorPosition = {
                         position: "row",
@@ -430,7 +441,7 @@ export class PivotTable extends BaseTable {
         }
     }
     getCellRawRecord(col, row) {
-        var _a;
+        var _a, _b, _c;
         if (!this.internalProps.layoutMap.isHeader(col, row)) {
             if (this.internalProps.recordsIsTwoDimensionalArray) {
                 const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
@@ -438,13 +449,13 @@ export class PivotTable extends BaseTable {
             }
             if (this.dataset) {
                 let indicatorPosition;
-                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = null === (_b = cellDimensionPath.colHeaderPaths) || void 0 === _b ? void 0 : _b.filter((path => !path.virtual)).map(((colPath, index) => {
                     var _a;
                     return colPath.indicatorKey && (indicatorPosition = {
                         position: "col",
                         index: index
                     }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-                })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
+                })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
                     var _a;
                     return rowPath.indicatorKey && (indicatorPosition = {
                         position: "row",
@@ -677,12 +688,14 @@ export class PivotTable extends BaseTable {
             internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree), 
             this.pivotSortState = [], options.pivotSortState && (this.pivotSortState = options.pivotSortState);
         }
-        this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.clearCells(), 
+        if (this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.clearCells(), 
         this.clearCellStyleCache(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), 
         this.internalProps.title && !this.internalProps.title.isReleased && (this._updateSize(), 
         this.internalProps.title.resize(), this.scenegraph.resize()), this.eventManager.updateEventBinder(), 
-        this.options.emptyTip && (this.internalProps.emptyTip || (this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this)), 
-        this.internalProps.emptyTip.resetVisible());
+        this.options.emptyTip) if (this.internalProps.emptyTip) this.internalProps.emptyTip.resetVisible(); else {
+            const EmptyTip = Factory.getComponent("emptyTip");
+            this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), this.internalProps.emptyTip.resetVisible();
+        }
     }
     startEditCell(col, row) {
         var _a;
@@ -810,7 +823,7 @@ export class PivotTable extends BaseTable {
         this.scenegraph.updateNextFrame();
     }
     _changeCellValueToDataSet(col, row, oldValue, newValue) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (this.internalProps.recordsIsTwoDimensionalArray) {
             const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
             this.records[rowIndex][colIndex] = newValue;
@@ -818,10 +831,10 @@ export class PivotTable extends BaseTable {
             const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
             if (this.isCornerHeader(col, row)) this.internalProps.layoutMap.changeCornerTitle(col, row, newValue); else if (this.isHeader(col, row)) this.internalProps.layoutMap.changeTreeNodeTitle(col, row, newValue), 
             !this.isCornerHeader(col, row) && this.dataset.changeRecordFieldValue((null === (_a = cellDimensionPath.colHeaderPaths) || void 0 === _a ? void 0 : _a.length) ? null !== (_b = cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].indicatorKey) && void 0 !== _b ? _b : cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].dimensionKey : null !== (_c = cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].indicatorKey) && void 0 !== _c ? _c : cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].dimensionKey, oldValue, newValue); else {
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
+                const colKeys = null === (_d = cellDimensionPath.colHeaderPaths) || void 0 === _d ? void 0 : _d.filter((path => !path.virtual)).map((colPath => {
                     var _a;
                     return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-                })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
+                })), rowKeys = null === (_e = cellDimensionPath.rowHeaderPaths) || void 0 === _e ? void 0 : _e.filter((path => !path.virtual)).map((rowPath => {
                     var _a;
                     return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
                 }));
@@ -830,7 +843,7 @@ export class PivotTable extends BaseTable {
         } else if (this.flatDataToObjects) {
             const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
             if (this.isHeader(col, row)) this.internalProps.layoutMap.changeTreeNodeTitle(col, row, newValue), 
-            !this.isCornerHeader(col, row) && this.flatDataToObjects.changeRecordFieldValue((null === (_d = cellDimensionPath.colHeaderPaths) || void 0 === _d ? void 0 : _d.length) ? null !== (_e = cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].indicatorKey) && void 0 !== _e ? _e : cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].dimensionKey : null !== (_f = cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].indicatorKey) && void 0 !== _f ? _f : cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].dimensionKey, oldValue, newValue); else {
+            !this.isCornerHeader(col, row) && this.flatDataToObjects.changeRecordFieldValue((null === (_f = cellDimensionPath.colHeaderPaths) || void 0 === _f ? void 0 : _f.length) ? null !== (_g = cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].indicatorKey) && void 0 !== _g ? _g : cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].dimensionKey : null !== (_h = cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].indicatorKey) && void 0 !== _h ? _h : cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].dimensionKey, oldValue, newValue); else {
                 const colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
                     var _a;
                     return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;