@visactor/vtable 1.26.3 → 1.26.4-alpha.0

package/es/ListTable.d.ts

@@ -45,6 +45,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
         clearColWidthCache?: boolean;
         clearRowHeightCache?: boolean;
     }): Promise<unknown>;
+    private _refreshCurrentRecordsForOptionUpdate;
     updatePagination(pagination: IPagination): void;
     refreshHeader(): void;
     refreshRowColCount(): void;

package/es/ListTable.js

@@ -4,7 +4,7 @@ import { SimpleHeaderLayoutMap } from "./layout";
 
 import { isArray, isValid } from "@visactor/vutils";
 
-import { _setRecords, checkHasAggregationOnColumnDefine, generateAggregationForColumn } from "./core/tableHelper";
+import { _setRecords, checkHasAggregationOnColumnDefine, generateAggregationForColumn, getHierarchyExpandLevel, getListTableRowHierarchyType } from "./core/tableHelper";
 
 import { BaseTable } from "./core";
 
@@ -30,7 +30,7 @@ import { Factory } from "./core/factory";
 
 import { getGroupByDataConfig } from "./core/group-helper";
 
-import { DataSource } from "./data";
+import { CachedDataSource, DataSource } from "./data";
 
 import { getValueFromDeepArray } from "./data/DataSource";
 
@@ -376,9 +376,10 @@ export class ListTable extends BaseTable {
         clearRowHeightCache: !0
     }) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        const internalProps = this.internalProps;
-        if (this.pluginManager.removeOrAddPlugins(options.plugins), super.updateOption(options, updateConfig), 
-        internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, 
+        const internalProps = this.internalProps, prevSortState = internalProps.sortState, hasActiveSortState = (Array.isArray(options.sortState) ? options.sortState : options.sortState ? [ options.sortState ] : []).some((item => (null == item ? void 0 : item.field) && (null == item ? void 0 : item.order) && "normal" !== item.order)), shouldSkipInitialClearCells = Boolean(options.records) || !!options.dataSource && this.dataSource !== options.dataSource;
+        if (this.pluginManager.removeOrAddPlugins(options.plugins), super.updateOption(options, Object.assign(Object.assign({}, updateConfig), {
+            skipClearCells: shouldSkipInitialClearCells
+        })), internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, 
         this.pagination = options.pagination, internalProps.sortState = options.sortState, 
         internalProps.dataConfig = this.internalProps.groupBy ? getGroupByDataConfig(this.internalProps.groupBy, options.addRecordRule) : {
             addRecordRule: options.addRecordRule
@@ -392,7 +393,7 @@ export class ListTable extends BaseTable {
             releaseObj instanceof DataSource ? releaseObj.updateColumns(this.internalProps.columns) : (null === (_g = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _g || _g.call(releaseObj), 
             internalProps.releaseList.splice(i, 1));
         }
-        if (options.dataSource && this.dataSource !== options.dataSource ? this.dataSource = options.dataSource : options.records ? this.setRecords(options.records, {
+        if (options.dataSource && this.dataSource !== options.dataSource ? this.dataSource = options.dataSource : options.records && options.records === internalProps.records && options.sortState === prevSortState && !hasActiveSortState && this.dataSource instanceof CachedDataSource ? this._refreshCurrentRecordsForOptionUpdate(options.records) : options.records ? this.setRecords(options.records, {
             sortState: options.sortState
         }) : (this.refreshRowColCount(), this._resetFrozenColCount(), this.scenegraph.createSceneGraph(), 
         this.render()), options.title) {
@@ -409,6 +410,25 @@ export class ListTable extends BaseTable {
             setTimeout(resolve, 0);
         }));
     }
+    _refreshCurrentRecordsForOptionUpdate(records) {
+        var _a;
+        const dataSource = this.dataSource;
+        this.stateManager.endResizeIfResizing(), clearChartRenderQueue();
+        const oldHoverState = {
+            col: this.stateManager.hover.cellPos.col,
+            row: this.stateManager.hover.cellPos.row
+        };
+        this.scenegraph.clearCells(), this.internalProps.records = records, dataSource.refreshRecords(records, this.internalProps.dataConfig, this.pagination, this.internalProps.columns, getListTableRowHierarchyType(this), getHierarchyExpandLevel(this)), 
+        this.refreshRowColCount(), this.stateManager.initCheckedState(records), this.clearCellStyleCache(), 
+        this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), 
+        this._updateSize();
+        (null !== (_a = this.options.componentLayoutOrder) && void 0 !== _a ? _a : [ "legend", "title" ]).forEach((component => {
+            var _a, _b;
+            "legend" === component ? null === (_a = this.internalProps.legends) || void 0 === _a || _a.forEach((legend => {
+                null == legend || legend.resize();
+            })) : "title" === component && (null === (_b = this.internalProps.title) || void 0 === _b || _b.resize());
+        })), this.scenegraph.resize(), this.render();
+    }
     updatePagination(pagination) {
         this.pagination && ("number" == typeof pagination.currentPage && pagination.currentPage >= 0 && (this.pagination.currentPage = pagination.currentPage), 
         pagination.perPageCount && (this.pagination.perPageCount = pagination.perPageCount || this.pagination.perPageCount),