@visactor/vtable 1.4.0-alpha.0 → 1.4.0

package/es/PivotTable.js

@@ -14,7 +14,7 @@ import { BaseTable } from "./core/BaseTable";
 
 import { Title } from "./components/title/title";
 
-import { cloneDeep, isValid } from "@visactor/vutils";
+import { cloneDeep, isNumber, isValid } from "@visactor/vutils";
 
 import { Env } from "./tools/env";
 
@@ -80,9 +80,9 @@ export class PivotTable extends BaseTable {
             }
             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.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.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.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
             }), 0);
@@ -162,7 +162,8 @@ export class PivotTable extends BaseTable {
             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 = [], 
-        this.pivotSortState = options.pivotSortState), this.refreshHeader(), internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
+        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(), 
@@ -464,12 +465,16 @@ export class PivotTable extends BaseTable {
             }
         }
     }
-    updateSortRules(sortRules) {
+    updateSortRules(sortRules, col, row) {
         this.internalProps.dataConfig ? this.internalProps.dataConfig.sortRules = sortRules : this.internalProps.dataConfig = {
             sortRules: sortRules
-        }, this.dataset.updateSortRules(sortRules), this._changePivotSortStateBySortRules(), 
-        this.internalProps.layoutMap.resetHeaderTree(), this.scenegraph.clearCells(), this.refreshHeader(), 
-        this.scenegraph.createSceneGraph(), this.render();
+        }, this.dataset.updateSortRules(sortRules), this._changePivotSortStateBySortRules();
+        const {layoutMap: layoutMap} = this.internalProps;
+        layoutMap.resetHeaderTree(), this.scenegraph.clearCells(), isNumber(col) && isNumber(row) ? (this.isRowHeader(col, row) ? (this.setMinMaxLimitWidth(!0), 
+        this.internalProps._widthResizedColMap.clear()) : this.isCornerHeader(col, row) ? "column" === layoutMap.cornerSetting.titleOnDimension ? (this.setMinMaxLimitWidth(!0), 
+        this.internalProps._widthResizedColMap.clear()) : "row" === layoutMap.cornerSetting.titleOnDimension && this.internalProps._heightResizedRowMap.clear() : this.isColumnHeader(col, row) && this.internalProps._heightResizedRowMap.clear(), 
+        this.refreshRowColCount()) : this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, 
+        this.scenegraph.createSceneGraph(!0), this.render();
     }
     _changePivotSortStateBySortRules() {
         var _a, _b, _c, _d;
@@ -544,7 +549,7 @@ export class PivotTable extends BaseTable {
                 sortField: headerDefine.dimensionKey,
                 sortType: SortType[order]
             } ];
-            this.updateSortRules(this.dataset.sortRules);
+            this.updateSortRules(this.dataset.sortRules, col, row);
         }
     }
     getPivotSortState(col, row) {
@@ -672,14 +677,17 @@ 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.scenegraph.clearCells(), this.clearCellStyleCache(), 
-        this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), 
+        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.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());
     }
     startEditCell(col, row) {
         var _a;
-        if (isValid(col) && isValid(row)) this.selectCell(col, row), this.editorManager.startEditCell(col, row); else if (null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.cellPos) {
+        if (isValid(col) && isValid(row)) this.eventManager.isDraging = !1, this.selectCell(col, row), 
+        this.editorManager.startEditCell(col, row); else if (null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.cellPos) {
             const {col: col, row: row} = this.stateManager.select.cellPos;
             isValid(col) && isValid(row) && this.editorManager.startEditCell(col, row);
         }
@@ -688,14 +696,17 @@ export class PivotTable extends BaseTable {
         this.editorManager.completeEdit();
     }
     getEditor(col, row) {
-        var _a, _b;
+        var _a, _b, _c;
         let editorDefine;
-        if (this.isHeader(col, row) && !this.isCornerHeader(col, row)) {
+        if (this.isCornerHeader(col, row)) {
             const define = this.getHeaderDefine(col, row);
             editorDefine = null !== (_a = null == define ? void 0 : define.headerEditor) && void 0 !== _a ? _a : this.options.headerEditor;
+        } else if (this.isHeader(col, row)) {
+            const define = this.getHeaderDefine(col, row);
+            editorDefine = null !== (_b = null == define ? void 0 : define.headerEditor) && void 0 !== _b ? _b : this.options.headerEditor;
         } else {
             const define = this.getBodyColumnDefine(col, row);
-            editorDefine = null !== (_b = null == define ? void 0 : define.editor) && void 0 !== _b ? _b : this.options.editor;
+            editorDefine = null !== (_c = null == define ? void 0 : define.editor) && void 0 !== _c ? _c : this.options.editor;
         }
         if ("function" == typeof editorDefine) {
             editorDefine = editorDefine({
@@ -750,6 +761,17 @@ export class PivotTable extends BaseTable {
     }
     changeCellValues(startCol, startRow, values, workOnEditableCell = !1) {
         let pasteColEnd = startCol, pasteRowEnd = startRow;
+        const beforeChangeValues = [], oldValues = [];
+        for (let i = 0; i < values.length && !(startRow + i > this.rowCount - 1); i++) {
+            const rowValues = values[i], rawRowValues = [], oldRowValues = [];
+            beforeChangeValues.push(rawRowValues), oldValues.push(oldRowValues);
+            for (let j = 0; j < rowValues.length && !(startCol + j > this.colCount - 1); j++) {
+                const beforeChangeValue = this.getCellRawValue(startCol + j, startRow + i);
+                rawRowValues.push(beforeChangeValue);
+                const oldValue = this.getCellOriginValue(startCol + j, startRow + i);
+                oldRowValues.push(oldValue);
+            }
+        }
         for (let i = 0; i < values.length && !(startRow + i > this.rowCount - 1); i++) {
             pasteRowEnd = startRow + i;
             const rowValues = values[i];
@@ -758,7 +780,7 @@ export class PivotTable extends BaseTable {
             workOnEditableCell && this.isHasEditorDefine(startCol + j, startRow + i) || !1 === workOnEditableCell) {
                 const value = rowValues[j];
                 let newValue = value;
-                const oldValue = this.getCellOriginValue(startCol + j, startRow + i), rawValue = this.getCellRawValue(startCol + j, startRow + i);
+                const oldValue = oldValues[i][j], rawValue = beforeChangeValues[i][j];
                 "number" == typeof rawValue && isAllDigits(value) && (newValue = parseFloat(value)), 
                 this._changeCellValueToDataSet(startCol + j, startRow + i, oldValue, newValue), 
                 this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
@@ -794,7 +816,7 @@ export class PivotTable extends BaseTable {
             this.records[rowIndex][colIndex] = newValue;
         } else if (this.dataset) {
             const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-            if (this.isHeader(col, row)) this.internalProps.layoutMap.changeTreeNodeTitle(col, row, newValue), 
+            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 => {
                     var _a;