@visactor/vtable 0.22.4-alpha.0 → 0.23.0

package/es/ListTable.d.ts

@@ -15,8 +15,8 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     isPivotTable(): false;
     isPivotChart(): false;
     get sortState(): SortState | SortState[];
-    get records(): any;
-    get recordsCount(): any;
+    get records(): any[];
+    get recordsCount(): number;
     updateColumns(columns: ColumnsDefine): void;
     get columns(): ColumnsDefine;
     get header(): ColumnsDefine;
@@ -68,7 +68,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     completeEditCell(): void;
     getEditor(col: number, row: number): IEditor<any>;
     isHasEditorDefine(col: number, row: number): boolean;
-    changeCellValue(col: number, row: number, value: string | number | null): void;
+    changeCellValue(col: number, row: number, value: string | number | null, workOnEditableCell?: boolean): void;
     changeCellValues(startCol: number, startRow: number, values: (string | number)[][], workOnEditableCell?: boolean): void;
     addRecord(record: any, recordIndex?: number): void;
     addRecords(records: any[], recordIndex?: number): void;

package/es/ListTable.js

@@ -60,10 +60,10 @@ export class ListTable extends BaseTable {
     }
     get records() {
         var _a;
-        return null === (_a = this.dataSource) || void 0 === _a ? void 0 : _a.source;
+        return null === (_a = this.dataSource) || void 0 === _a ? void 0 : _a.records;
     }
     get recordsCount() {
-        return this.dataSource.source.length;
+        return this.dataSource.records.length;
     }
     updateColumns(columns) {
         const oldHoverState = {
@@ -411,9 +411,9 @@ export class ListTable extends BaseTable {
         this.stateManager.updateSortState(sortState);
     }
     updateFilterRules(filterRules) {
-        this.scenegraph.clearCells(), this.internalProps.dataConfig.filterRules = filterRules, 
-        this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), sortRecords(this)) : this.dataSource.updateFilterRules(filterRules), 
-        this.refreshRowColCount(), this.scenegraph.createSceneGraph();
+        this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), 
+        sortRecords(this)) : this.dataSource.updateFilterRules(filterRules), this.refreshRowColCount(), 
+        this.scenegraph.createSceneGraph();
     }
     getCheckboxState(field) {
         return this.stateManager.checkedState.length < this.rowCount - this.columnHeaderLevelCount && this.stateManager.initLeftRecordsCheckState(this.records), 
@@ -499,34 +499,35 @@ export class ListTable extends BaseTable {
         }
         return isValid(editorDefine);
     }
-    changeCellValue(col, row, value) {
-        const recordIndex = this.getRecordShowIndexByCell(col, row), {field: field} = this.internalProps.layoutMap.getBody(col, row), beforeChangeValue = this.getCellRawValue(col, row);
-        this.isHeader(col, row) ? this.internalProps.layoutMap.updateColumnTitle(col, row, value) : this.dataSource.changeFieldValue(value, recordIndex, field, col, row, this);
-        const aggregators = this.internalProps.layoutMap.getAggregators(col, row);
-        if (aggregators) {
-            if (Array.isArray(aggregators)) for (let i = 0; i < (null == aggregators ? void 0 : aggregators.length); i++) aggregators[i].recalculate(); else aggregators.recalculate();
-            const aggregatorCells = this.internalProps.layoutMap.getCellAddressHasAggregator(col, row);
-            for (let i = 0; i < aggregatorCells.length; i++) {
-                const range = this.getCellRange(aggregatorCells[i].col, aggregatorCells[i].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);
+    changeCellValue(col, row, value, workOnEditableCell = !1) {
+        if (workOnEditableCell && this.isHasEditorDefine(col, row) || !1 === workOnEditableCell) {
+            const recordIndex = this.getRecordShowIndexByCell(col, row), {field: field} = this.internalProps.layoutMap.getBody(col, row), beforeChangeValue = this.getCellRawValue(col, row);
+            this.isHeader(col, row) ? this.internalProps.layoutMap.updateColumnTitle(col, row, value) : this.dataSource.changeFieldValue(value, recordIndex, field, col, row, this);
+            const range = this.getCellRange(col, row), aggregators = this.internalProps.layoutMap.getAggregatorsByCell(col, row);
+            if (aggregators) {
+                if (Array.isArray(aggregators)) for (let i = 0; i < (null == aggregators ? void 0 : aggregators.length); i++) aggregators[i].recalculate(); else aggregators.recalculate();
+                const aggregatorCells = this.internalProps.layoutMap.getAggregatorCellAddress(range.start.col, range.start.row, range.end.col, range.end.row);
+                for (let i = 0; i < aggregatorCells.length; i++) {
+                    const range = this.getCellRange(aggregatorCells[i].col, aggregatorCells[i].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);
+                }
             }
+            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) {
+                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: beforeChangeValue,
+                changedValue: this.getCellOriginValue(col, row)
+            }), this.scenegraph.updateNextFrame();
         }
-        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) {
-            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: beforeChangeValue,
-            changedValue: this.getCellOriginValue(col, row)
-        }), this.scenegraph.updateNextFrame();
     }
     changeCellValues(startCol, startRow, values, workOnEditableCell = !1) {
         let pasteColEnd = startCol, pasteRowEnd = startRow;
@@ -547,7 +548,15 @@ export class ListTable extends BaseTable {
             }
             pasteColEnd = Math.max(pasteColEnd, thisRowPasteColEnd);
         }
-        const startRange = this.getCellRange(startCol, startRow), range = this.getCellRange(pasteColEnd, pasteRowEnd);
+        const startRange = this.getCellRange(startCol, startRow), range = this.getCellRange(pasteColEnd, pasteRowEnd), aggregators = this.internalProps.layoutMap.getAggregatorsByCellRange(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
+        if (aggregators) {
+            for (let i = 0; i < (null == aggregators ? void 0 : aggregators.length); i++) aggregators[i].recalculate();
+            const aggregatorCells = this.internalProps.layoutMap.getAggregatorCellAddress(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
+            for (let i = 0; i < aggregatorCells.length; i++) {
+                const range = this.getCellRange(aggregatorCells[i].col, aggregatorCells[i].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);
+            }
+        }
         for (let sCol = startRange.start.col; sCol <= range.end.col; sCol++) for (let sRow = startRange.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 for (let sCol = startCol; sCol <= range.end.col; sCol++) if (!this.internalProps._widthResizedColMap.has(sCol)) {
             const oldWidth = this.getColWidth(sCol), newWidth = computeColWidth(sCol, 0, this.rowCount - 1, this, !1);