@visactor/vtable 0.24.2-alpha.4 → 0.25.0

package/es/PivotTable.js

@@ -34,7 +34,7 @@ import { cloneDeepSpec } from "@visactor/vutils-extension";
 
 export class PivotTable extends BaseTable {
     constructor(container, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, 
         container = container.container ? container.container : null), super(container, options), 
         options.layout && Object.assign(options, options.layout), this.internalProps.columns = cloneDeep(options.columns), 
@@ -45,18 +45,19 @@ export class PivotTable extends BaseTable {
         this.internalProps.rowTree = options.indicatorsAsCol || (null === (_c = options.rows) || void 0 === _c ? void 0 : _c.length) || options.rowTree ? cloneDeep(options.rowTree) : [], 
         this.internalProps.records = options.records, this.pagination = options.pagination, 
         this.internalProps.columnResizeType = null !== (_d = options.columnResizeType) && void 0 !== _d ? _d : "column", 
+        this.internalProps.rowResizeType = null !== (_e = options.rowResizeType) && void 0 !== _e ? _e : "row", 
         this.internalProps.dataConfig = cloneDeep(options.dataConfig), options.rowTree || options.columnTree ? this.internalProps.enableDataAnalysis = !1 : this.internalProps.enableDataAnalysis = !0;
         const records = this.internalProps.records;
         if (this.internalProps.enableDataAnalysis && (options.rows || options.columns)) {
-            const rowKeys = null !== (_f = null === (_e = options.rows) || void 0 === _e ? void 0 : _e.reduce(((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), 
-            keys)), [])) && void 0 !== _f ? _f : [], columnKeys = null !== (_h = null === (_g = options.columns) || void 0 === _g ? void 0 : _g.reduce(((keys, columnObj) => ("string" == typeof columnObj ? keys.push(columnObj) : keys.push(columnObj.dimensionKey), 
-            keys)), [])) && void 0 !== _h ? _h : [], indicatorKeys = null !== (_k = null === (_j = options.indicators) || void 0 === _j ? void 0 : _j.reduce(((keys, indicatorObj) => ("string" == typeof indicatorObj ? keys.push(indicatorObj) : keys.push(indicatorObj.indicatorKey), 
-            keys)), [])) && void 0 !== _k ? _k : [];
-            this.dataset = new Dataset(this.internalProps.dataConfig, rowKeys, columnKeys, indicatorKeys, this.internalProps.indicators, null === (_l = options.indicatorsAsCol) || void 0 === _l || _l, options.records, options.rowHierarchyType, this.internalProps.columnTree, this.internalProps.rowTree), 
+            const rowKeys = null !== (_g = null === (_f = options.rows) || void 0 === _f ? void 0 : _f.reduce(((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), 
+            keys)), [])) && void 0 !== _g ? _g : [], columnKeys = null !== (_j = null === (_h = options.columns) || void 0 === _h ? void 0 : _h.reduce(((keys, columnObj) => ("string" == typeof columnObj ? keys.push(columnObj) : keys.push(columnObj.dimensionKey), 
+            keys)), [])) && void 0 !== _j ? _j : [], indicatorKeys = null !== (_l = null === (_k = options.indicators) || void 0 === _k ? void 0 : _k.reduce(((keys, indicatorObj) => ("string" == typeof indicatorObj ? keys.push(indicatorObj) : keys.push(indicatorObj.indicatorKey), 
+            keys)), [])) && void 0 !== _l ? _l : [];
+            this.dataset = new Dataset(this.internalProps.dataConfig, rowKeys, columnKeys, indicatorKeys, this.internalProps.indicators, null === (_m = options.indicatorsAsCol) || void 0 === _m || _m, options.records, options.rowHierarchyType, this.internalProps.columnTree, this.internalProps.rowTree), 
             this.internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset);
         } else {
             if (!Array.isArray(this.internalProps.columnTree) && !Array.isArray(this.internalProps.rowTree)) return;
-            this.internalProps.layoutMap = new PivotHeaderLayoutMap(this, null), (null === (_m = null == records ? void 0 : records[0]) || void 0 === _m ? void 0 : _m.constructor) !== Array && (this.flatDataToObjects = new FlatDataToObjects({
+            this.internalProps.layoutMap = new PivotHeaderLayoutMap(this, null), (null === (_o = null == records ? void 0 : records[0]) || void 0 === _o ? void 0 : _o.constructor) !== Array && (this.flatDataToObjects = new FlatDataToObjects({
                 rows: this.internalProps.layoutMap.fullRowDimensionKeys,
                 columns: this.internalProps.layoutMap.colDimensionKeys,
                 indicators: this.internalProps.layoutMap.indicatorKeys,
@@ -97,7 +98,7 @@ export class PivotTable extends BaseTable {
         return ifCan;
     }
     updateOption(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const internalProps = this.internalProps;
         if (super.updateOption(options), this.internalProps.columns = cloneDeep(options.columns), 
         this.internalProps.rows = cloneDeep(options.rows), this.internalProps.indicators = (null === (_a = options.indicators) || void 0 === _a ? void 0 : _a.length) ? cloneDeepSpec(options.indicators) : [], 
@@ -108,25 +109,26 @@ export class PivotTable extends BaseTable {
         options.records && (this.internalProps.records = options.records), this.stateManager.initCheckedState(this.internalProps.records), 
         this.stateManager.updateDrillState(void 0, void 0, !1, !1, -1, -1), this.pagination = options.pagination, 
         internalProps.columnResizeType = null !== (_e = options.columnResizeType) && void 0 !== _e ? _e : "column", 
+        internalProps.rowResizeType = null !== (_f = options.rowResizeType) && void 0 !== _f ? _f : "row", 
         internalProps.dataConfig = cloneDeep(options.dataConfig), options.rowTree || options.columnTree ? internalProps.enableDataAnalysis = !1 : internalProps.enableDataAnalysis = !0, 
         "tree" === (null == options ? void 0 : options.rowHierarchyType) && "tree" === this.internalProps.layoutMap.rowHierarchyType && this.internalProps.layoutMap.rowExpandLevel === (null == options ? void 0 : options.rowExpandLevel)) {
             const beforeRowDimensions = this.internalProps.layoutMap.rowDimensionTree.tree.children;
-            null === (_f = this.internalProps.rowTree) || void 0 === _f || _f.forEach(((node, index) => {
+            null === (_g = this.internalProps.rowTree) || void 0 === _g || _g.forEach(((node, index) => {
                 const beforeRowDimension = beforeRowDimensions.find((item => item.dimensionKey === node.dimensionKey && item.value === node.value));
                 beforeRowDimension && this.syncHierarchyState(beforeRowDimension, node);
             }));
         }
         const records = this.internalProps.records;
         if (this.internalProps.enableDataAnalysis && (options.rows || options.columns)) {
-            const rowKeys = null === (_g = options.rows) || void 0 === _g ? void 0 : _g.reduce(((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), 
-            keys)), []), columnKeys = null === (_h = options.columns) || void 0 === _h ? void 0 : _h.reduce(((keys, columnObj) => ("string" == typeof columnObj ? keys.push(columnObj) : keys.push(columnObj.dimensionKey), 
-            keys)), []), indicatorKeys = null === (_j = options.indicators) || void 0 === _j ? void 0 : _j.reduce(((keys, indicatorObj) => ("string" == typeof indicatorObj ? keys.push(indicatorObj) : keys.push(indicatorObj.indicatorKey), 
+            const rowKeys = null === (_h = options.rows) || void 0 === _h ? void 0 : _h.reduce(((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), 
+            keys)), []), columnKeys = null === (_j = options.columns) || void 0 === _j ? void 0 : _j.reduce(((keys, columnObj) => ("string" == typeof columnObj ? keys.push(columnObj) : keys.push(columnObj.dimensionKey), 
+            keys)), []), indicatorKeys = null === (_k = options.indicators) || void 0 === _k ? void 0 : _k.reduce(((keys, indicatorObj) => ("string" == typeof indicatorObj ? keys.push(indicatorObj) : keys.push(indicatorObj.indicatorKey), 
             keys)), []);
-            this.dataset = new Dataset(internalProps.dataConfig, rowKeys, columnKeys, indicatorKeys, this.internalProps.indicators, null === (_k = options.indicatorsAsCol) || void 0 === _k || _k, options.records, options.rowHierarchyType, this.internalProps.columnTree, this.internalProps.rowTree), 
+            this.dataset = new Dataset(internalProps.dataConfig, rowKeys, columnKeys, indicatorKeys, this.internalProps.indicators, null === (_l = options.indicatorsAsCol) || void 0 === _l || _l, options.records, options.rowHierarchyType, this.internalProps.columnTree, this.internalProps.rowTree), 
             internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset);
         } else {
             if (!Array.isArray(this.internalProps.columnTree) && !Array.isArray(this.internalProps.rowTree)) return this;
-            internalProps.layoutMap = new PivotHeaderLayoutMap(this, null), (null === (_l = null == records ? void 0 : records[0]) || void 0 === _l ? void 0 : _l.constructor) !== Array && (this.flatDataToObjects = new FlatDataToObjects({
+            internalProps.layoutMap = new PivotHeaderLayoutMap(this, null), (null === (_m = null == records ? void 0 : records[0]) || void 0 === _m ? void 0 : _m.constructor) !== Array && (this.flatDataToObjects = new FlatDataToObjects({
                 rows: internalProps.layoutMap.fullRowDimensionKeys,
                 columns: internalProps.layoutMap.colDimensionKeys,
                 indicators: internalProps.layoutMap.indicatorKeys,
@@ -346,14 +348,37 @@ export class PivotTable extends BaseTable {
             })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
                 var _a;
                 return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
-            })), treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, !1);
+            })), treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey);
             return null == treeNode ? void 0 : treeNode.record;
         }
         const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
         return null === (_a = this.records[rowIndex]) || void 0 === _a ? void 0 : _a[colIndex];
     }
     getCellRawRecord(col, row) {
-        return this.getCellOriginRecord(col, row);
+        var _a;
+        if (this.internalProps.layoutMap.isHeader(col, row)) return;
+        if (this.dataset) {
+            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
+                var _a;
+                return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
+            })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
+                var _a;
+                return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
+            }));
+            return this.dataset.getAggregator(this.internalProps.layoutMap.indicatorsAsCol ? rowKeys : rowKeys.slice(0, -1), this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row)).records;
+        }
+        if (this.flatDataToObjects) {
+            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
+                var _a;
+                return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
+            })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
+                var _a;
+                return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
+            })), treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, !1);
+            return null == treeNode ? void 0 : treeNode.record;
+        }
+        const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
+        return null === (_a = this.records[rowIndex]) || void 0 === _a ? void 0 : _a[colIndex];
     }
     updateSortRules(sortRules) {
         this.internalProps.dataConfig.sortRules = sortRules, this.dataset.updateSortRules(sortRules), 
@@ -506,9 +531,15 @@ export class PivotTable extends BaseTable {
         this.editorManager.completeEdit();
     }
     getEditor(col, row) {
-        var _a;
-        const define = this.getBodyColumnDefine(col, row);
-        let editorDefine = null !== (_a = null == define ? void 0 : define.editor) && void 0 !== _a ? _a : this.options.editor;
+        var _a, _b;
+        let editorDefine;
+        if (this.isHeader(col, row) && !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 {
+            const define = this.getBodyColumnDefine(col, row);
+            editorDefine = null !== (_b = null == define ? void 0 : define.editor) && void 0 !== _b ? _b : this.options.editor;
+        }
         if ("function" == typeof editorDefine) {
             editorDefine = editorDefine({
                 col: col,
@@ -538,20 +569,24 @@ export class PivotTable extends BaseTable {
     changeCellValue(col, row, value, workOnEditableCell = !1) {
         if (workOnEditableCell && this.isHasEditorDefine(col, row) || !1 === workOnEditableCell) {
             let newValue = value;
-            if ("number" == typeof this.getCellRawValue(col, row) && isAllDigits(value) && (newValue = parseFloat(value)), 
-            this._changeCellValueToDataSet(col, row, newValue), this.scenegraph.updateCellContent(col, row), 
-            "adaptive" === this.widthMode || this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth) 0 === this.internalProps._widthResizedColMap.size && this.scenegraph.recalculateColWidths(); else if (!this.internalProps._widthResizedColMap.has(col)) {
+            const oldValue = this.getCellOriginValue(col, row), rawValue = this.getCellRawValue(col, row);
+            "number" == typeof rawValue && isAllDigits(value) && (newValue = parseFloat(value)), 
+            this._changeCellValueToDataSet(col, row, oldValue, newValue);
+            const range = this.getCellRange(col, row);
+            for (let sCol = range.start.col; sCol <= range.end.col; sCol++) for (let sRow = range.start.row; sRow <= range.end.row; sRow++) this.scenegraph.updateCellContent(sCol, sRow);
+            if ("adaptive" === this.widthMode || this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth) 0 === this.internalProps._widthResizedColMap.size && this.scenegraph.recalculateColWidths(); else if (!this.internalProps._widthResizedColMap.has(col)) {
                 const oldWidth = this.getColWidth(col), newWidth = computeColWidth(col, 0, this.rowCount - 1, this, !1);
                 newWidth !== oldWidth && this.scenegraph.updateColWidth(col, newWidth - oldWidth);
             }
-            if ("adaptive" === this.heightMode || this.autoFillHeight && this.getAllRowsHeight() <= this.tableNoFrameHeight) this.scenegraph.recalculateRowHeights(); else if ("autoHeight" === this.heightMode) {
+            if ("adaptive" === this.heightMode || this.autoFillHeight && this.getAllRowsHeight() <= this.tableNoFrameHeight) 0 === this.internalProps._heightResizedRowMap.size && this.scenegraph.recalculateRowHeights(); else if ("autoHeight" === this.heightMode && !this.internalProps._heightResizedRowMap.has(row)) {
                 const oldHeight = this.getRowHeight(row), newHeight = computeRowHeight(row, 0, this.colCount - 1, this);
                 this.scenegraph.updateRowHeight(row, newHeight - oldHeight);
             }
             this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
                 col: col,
                 row: row,
-                rawValue: this.getCellRawValue(col, row),
+                rawValue: rawValue,
+                currentValue: oldValue,
                 changedValue: newValue
             }), this.scenegraph.updateNextFrame();
         }
@@ -566,12 +601,14 @@ export class PivotTable extends BaseTable {
             workOnEditableCell && this.isHasEditorDefine(startCol + j, startRow + i) || !1 === workOnEditableCell) {
                 const value = rowValues[j];
                 let newValue = value;
-                const rawValue = this.getCellRawValue(startCol + j, startRow + i);
+                const oldValue = this.getCellOriginValue(startCol + j, startRow + i), rawValue = this.getCellRawValue(startCol + j, startRow + i);
                 "number" == typeof rawValue && isAllDigits(value) && (newValue = parseFloat(value)), 
-                this._changeCellValueToDataSet(startCol + j, startRow + i, newValue), this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
+                this._changeCellValueToDataSet(startCol + j, startRow + i, oldValue, newValue), 
+                this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
                     col: startCol + j,
                     row: startRow + i,
                     rawValue: rawValue,
+                    currentValue: oldValue,
                     changedValue: this.getCellOriginValue(startCol + j, startRow + i)
                 });
             }
@@ -593,25 +630,34 @@ export class PivotTable extends BaseTable {
         }
         this.scenegraph.updateNextFrame();
     }
-    _changeCellValueToDataSet(col, row, newValue) {
+    _changeCellValueToDataSet(col, row, oldValue, newValue) {
+        var _a, _b, _c, _d, _e, _f;
         if (this.dataset) {
-            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
-                var _a;
-                return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-            })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
-                var _a;
-                return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
-            }));
-            this.dataset.changeTreeNodeValue(this.internalProps.layoutMap.indicatorsAsCol ? rowKeys : rowKeys.slice(0, -1), this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row), newValue);
+            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.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;
+                    return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
+                })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
+                    var _a;
+                    return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
+                }));
+                this.dataset.changeTreeNodeValue(this.internalProps.layoutMap.indicatorsAsCol ? rowKeys : rowKeys.slice(0, -1), this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row), newValue);
+            }
         } else if (this.flatDataToObjects) {
-            const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row), colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
-                var _a;
-                return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
-            })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
-                var _a;
-                return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
-            }));
-            this.flatDataToObjects.changeTreeNodeValue(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, newValue);
+            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 {
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath => {
+                    var _a;
+                    return null !== (_a = colPath.indicatorKey) && void 0 !== _a ? _a : colPath.value;
+                })), rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath => {
+                    var _a;
+                    return null !== (_a = rowPath.indicatorKey) && void 0 !== _a ? _a : rowPath.value;
+                }));
+                this.flatDataToObjects.changeTreeNodeValue(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, newValue);
+            }
         } else {
             const rowIndex = this.getBodyIndexByRow(row), colIndex = this.getBodyIndexByCol(col);
             this.records[rowIndex][colIndex] = newValue;