@visactor/vtable 1.4.2-alpha.2 → 1.4.2-alpha.3

package/cjs/PivotTable.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.PivotTable = void 0;
 
-const ts_types_1 = require("./ts-types"), pivot_header_layout_1 = require("./layout/pivot-header-layout"), flatDataToObject_1 = require("./dataset/flatDataToObject"), PIVOT_TABLE_EVENT_TYPE_1 = require("./ts-types/pivot-table/PIVOT_TABLE_EVENT_TYPE"), helper_1 = require("./tools/helper"), dataset_1 = require("./dataset/dataset"), BaseTable_1 = require("./core/BaseTable"), title_1 = require("./components/title/title"), vutils_1 = require("@visactor/vutils"), env_1 = require("./tools/env"), tree_helper_1 = require("./layout/tree-helper"), TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE"), edit_manager_1 = require("./edit/edit-manager"), editors = __importStar(require("./edit/editors")), compute_col_width_1 = require("./scenegraph/layout/compute-col-width"), compute_row_height_1 = require("./scenegraph/layout/compute-row-height"), util_1 = require("./tools/util"), vutil_extension_temp_1 = require("./vutil-extension-temp"), layout_helper_1 = require("./layout/layout-helper"), empty_tip_1 = require("./components/empty-tip/empty-tip");
+const ts_types_1 = require("./ts-types"), pivot_header_layout_1 = require("./layout/pivot-header-layout"), flatDataToObject_1 = require("./dataset/flatDataToObject"), PIVOT_TABLE_EVENT_TYPE_1 = require("./ts-types/pivot-table/PIVOT_TABLE_EVENT_TYPE"), helper_1 = require("./tools/helper"), dataset_1 = require("./dataset/dataset"), BaseTable_1 = require("./core/BaseTable"), vutils_1 = require("@visactor/vutils"), env_1 = require("./tools/env"), tree_helper_1 = require("./layout/tree-helper"), TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE"), edit_manager_1 = require("./edit/edit-manager"), editors = __importStar(require("./edit/editors")), compute_col_width_1 = require("./scenegraph/layout/compute-col-width"), compute_row_height_1 = require("./scenegraph/layout/compute-row-height"), util_1 = require("./tools/util"), vutils_extension_1 = require("@visactor/vutils-extension"), layout_helper_1 = require("./layout/layout-helper"), factory_1 = require("./core/factory");
 
 class PivotTable extends BaseTable_1.BaseTable {
     constructor(container, options) {
@@ -41,7 +41,7 @@ class PivotTable extends BaseTable_1.BaseTable {
         }, options) {
             options.layout && Object.assign(options, options.layout), this.internalProps.columns = (0, 
             vutils_1.cloneDeep)(options.columns), this.internalProps.rows = (0, vutils_1.cloneDeep)(options.rows), 
-            this.internalProps.indicators = (0, vutil_extension_temp_1.cloneDeepSpec)(options.indicators), 
+            this.internalProps.indicators = (0, vutils_extension_1.cloneDeepSpec)(options.indicators), 
             null === (_a = options.indicators) || void 0 === _a || _a.forEach(((indicatorDefine, index) => {
                 "object" == typeof indicatorDefine && (null == indicatorDefine ? void 0 : indicatorDefine.editor) && (this.internalProps.indicators[index].editor = indicatorDefine.editor);
             })), this.internalProps.columnTree = !options.indicatorsAsCol || (null === (_b = options.columns) || void 0 === _b ? void 0 : _b.length) || options.columnTree ? (0, 
@@ -74,12 +74,18 @@ class PivotTable extends BaseTable_1.BaseTable {
                 rowDimensionTree = new tree_helper_1.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 pivot_header_layout_1.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_1.Env.mode && (this.editorManager = new edit_manager_1.EditManeger(this)), 
             this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.stateManager.initCheckedState(records), 
-            this.scenegraph.createSceneGraph(), options.title && (this.internalProps.title = new title_1.Title(options.title, this), 
-            this.scenegraph.resize()), this.options.emptyTip && (this.internalProps.emptyTip || (this.internalProps.emptyTip = new empty_tip_1.EmptyTip(this.options.emptyTip, this)), 
-            this.internalProps.emptyTip.resetVisible()), setTimeout((() => {
+            this.scenegraph.createSceneGraph(), options.title) {
+                const Title = factory_1.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_1.Factory.getComponent("emptyTip");
+                this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), this.internalProps.emptyTip.resetVisible();
+            }
+            setTimeout((() => {
                 this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.INITIALIZED, null);
             }), 0);
         }
@@ -118,7 +124,7 @@ class PivotTable extends BaseTable_1.BaseTable {
             seqId: 0
         }, this.internalProps.columns = (0, vutils_1.cloneDeep)(options.columns), this.internalProps.rows = (0, 
         vutils_1.cloneDeep)(options.rows), this.internalProps.indicators = (null === (_a = options.indicators) || void 0 === _a ? void 0 : _a.length) ? (0, 
-        vutil_extension_temp_1.cloneDeepSpec)(options.indicators) : [], null === (_b = options.indicators) || void 0 === _b || _b.forEach(((indicatorDefine, index) => {
+        vutils_extension_1.cloneDeepSpec)(options.indicators) : [], null === (_b = options.indicators) || void 0 === _b || _b.forEach(((indicatorDefine, index) => {
             "object" == typeof indicatorDefine && (null == indicatorDefine ? void 0 : indicatorDefine.editor) && (this.internalProps.indicators[index].editor = indicatorDefine.editor);
         })), this.internalProps.columnTree = !options.indicatorsAsCol || (null === (_c = options.columns) || void 0 === _c ? void 0 : _c.length) || options.columnTree ? (0, 
         vutils_1.cloneDeep)(options.columnTree) : [], this.internalProps.rowTree = options.indicatorsAsCol || (null === (_d = options.rows) || void 0 === _d ? void 0 : _d.length) || options.rowTree ? (0, 
@@ -159,15 +165,21 @@ class PivotTable extends BaseTable_1.BaseTable {
             rowDimensionTree = new tree_helper_1.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 pivot_header_layout_1.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_1.Title(options.title, this), 
-        this.scenegraph.resize()), this.options.emptyTip && (this.internalProps.emptyTip || (this.internalProps.emptyTip = new empty_tip_1.EmptyTip(this.options.emptyTip, this)), 
-        this.internalProps.emptyTip.resetVisible()), new Promise((resolve => {
+        options.title) {
+            const Title = factory_1.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_1.Factory.getComponent("emptyTip");
+            this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), this.internalProps.emptyTip.resetVisible();
+        }
+        return new Promise((resolve => {
             setTimeout(resolve, 0);
         }));
     }
@@ -222,7 +234,7 @@ class PivotTable extends BaseTable_1.BaseTable {
         return layoutMap.getBodyIndexByCol(col);
     }
     getFieldData(field, col, row) {
-        var _a, _b, _c;
+        var _a;
         if (!this.internalProps.layoutMap.isHeader(col, row)) {
             if (this.internalProps.recordsIsTwoDimensionalArray) {
                 const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
@@ -232,13 +244,13 @@ class PivotTable extends BaseTable_1.BaseTable {
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
                 if (cellDimensionPath) {
                     let indicatorPosition;
-                    const colKeys = null === (_b = cellDimensionPath.colHeaderPaths) || void 0 === _b ? void 0 : _b.filter((path => !path.virtual)).map(((colPath, index) => {
+                    const colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
                         var _a;
                         return colPath.indicatorKey && (indicatorPosition = {
                             position: "col",
                             index: index
                         }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-                    })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
+                    })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
                         var _a;
                         return rowPath.indicatorKey && (indicatorPosition = {
                             position: "row",
@@ -314,7 +326,7 @@ class PivotTable extends BaseTable_1.BaseTable {
         }
     }
     getCellOriginValue(col, row) {
-        var _a, _b, _c;
+        var _a;
         const table = this;
         if (table.internalProps.layoutMap.isHeader(col, row)) {
             const {title: title} = table.internalProps.layoutMap.getHeader(col, row);
@@ -326,13 +338,13 @@ class PivotTable extends BaseTable_1.BaseTable {
         }
         if (this.dataset) {
             let indicatorPosition;
-            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) => {
+            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
                 var _a;
                 return colPath.indicatorKey && (indicatorPosition = {
                     position: "col",
                     index: index
                 }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-            })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
+            })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
                 var _a;
                 return rowPath.indicatorKey && (indicatorPosition = {
                     position: "row",
@@ -353,7 +365,7 @@ class PivotTable extends BaseTable_1.BaseTable {
         }
     }
     getCellRawValue(col, row) {
-        var _a, _b, _c;
+        var _a;
         const table = this;
         if (table.internalProps.layoutMap.isHeader(col, row)) {
             const {title: title} = table.internalProps.layoutMap.getHeader(col, row);
@@ -365,13 +377,13 @@ class PivotTable extends BaseTable_1.BaseTable {
         }
         if (this.dataset) {
             let indicatorPosition;
-            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) => {
+            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
                 var _a;
                 return colPath.indicatorKey && (indicatorPosition = {
                     position: "col",
                     index: index
                 }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-            })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
+            })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
                 var _a;
                 return rowPath.indicatorKey && (indicatorPosition = {
                     position: "row",
@@ -392,7 +404,7 @@ class PivotTable extends BaseTable_1.BaseTable {
         }
     }
     getCellOriginRecord(col, row) {
-        var _a, _b, _c;
+        var _a;
         if (!this.internalProps.layoutMap.isHeader(col, row)) {
             if (this.internalProps.recordsIsTwoDimensionalArray) {
                 const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
@@ -400,13 +412,13 @@ class PivotTable extends BaseTable_1.BaseTable {
             }
             if (this.dataset) {
                 let indicatorPosition;
-                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) => {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
                     var _a;
                     return colPath.indicatorKey && (indicatorPosition = {
                         position: "col",
                         index: index
                     }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-                })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
+                })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
                     var _a;
                     return rowPath.indicatorKey && (indicatorPosition = {
                         position: "row",
@@ -428,7 +440,7 @@ class PivotTable extends BaseTable_1.BaseTable {
         }
     }
     getCellRawRecord(col, row) {
-        var _a, _b, _c;
+        var _a;
         if (!this.internalProps.layoutMap.isHeader(col, row)) {
             if (this.internalProps.recordsIsTwoDimensionalArray) {
                 const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
@@ -436,13 +448,13 @@ class PivotTable extends BaseTable_1.BaseTable {
             }
             if (this.dataset) {
                 let indicatorPosition;
-                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) => {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map(((colPath, index) => {
                     var _a;
                     return colPath.indicatorKey && (indicatorPosition = {
                         position: "col",
                         index: index
                     }), null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-                })), rowKeys = null === (_c = cellDimensionPath.rowHeaderPaths) || void 0 === _c ? void 0 : _c.filter((path => !path.virtual)).map(((rowPath, index) => {
+                })), rowKeys = cellDimensionPath.rowHeaderPaths.map(((rowPath, index) => {
                     var _a;
                     return rowPath.indicatorKey && (indicatorPosition = {
                         position: "row",
@@ -676,12 +688,14 @@ class PivotTable extends BaseTable_1.BaseTable {
             internalProps.layoutMap = new pivot_header_layout_1.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 empty_tip_1.EmptyTip(this.options.emptyTip, this)), 
-        this.internalProps.emptyTip.resetVisible());
+        this.options.emptyTip) if (this.internalProps.emptyTip) this.internalProps.emptyTip.resetVisible(); else {
+            const EmptyTip = factory_1.Factory.getComponent("emptyTip");
+            this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), this.internalProps.emptyTip.resetVisible();
+        }
     }
     startEditCell(col, row) {
         var _a;
@@ -809,7 +823,7 @@ class PivotTable extends BaseTable_1.BaseTable {
         this.scenegraph.updateNextFrame();
     }
     _changeCellValueToDataSet(col, row, oldValue, newValue) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f;
         if (this.internalProps.recordsIsTwoDimensionalArray) {
             const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
             this.records[rowIndex][colIndex] = newValue;
@@ -817,10 +831,10 @@ class PivotTable extends BaseTable_1.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 = null === (_d = cellDimensionPath.colHeaderPaths) || void 0 === _d ? void 0 : _d.filter((path => !path.virtual)).map((colPath => {
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
                     var _a;
                     return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-                })), rowKeys = null === (_e = cellDimensionPath.rowHeaderPaths) || void 0 === _e ? void 0 : _e.filter((path => !path.virtual)).map((rowPath => {
+                })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
                     var _a;
                     return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
                 }));
@@ -829,7 +843,7 @@ class PivotTable extends BaseTable_1.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 === (_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 {
+            !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 {
                 const colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
                     var _a;
                     return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;