@visactor/vtable 1.22.11-alpha.1 → 1.22.11-alpha.2

package/cjs/ListTable.d.ts

@@ -93,16 +93,37 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     isHasEditorDefine(col: number, row: number): boolean;
     changeCellValue(col: number, row: number, value: string | number | null, workOnEditableCell?: boolean, triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): void;
     changeCellValues(startCol: number, startRow: number, values: (string | number)[][], workOnEditableCell?: boolean, triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): Promise<boolean[][]>;
-    changeCellValuesByIds(changeValues: {
-        col: number;
-        row: number;
-        value: string | number | null;
-    }[], triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): Promise<void>;
+    changeCellValuesByIds(ranges: CellRange[], value: string | number | null, workOnEditableCell?: boolean, triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): Promise<void>;
     changeSourceCellValue(recordIndex: number | number[], field: FieldDef, value: string | number | null): void;
-    addRecord(record: any, recordIndex?: number | number[]): void;
-    addRecords(records: any[], recordIndex?: number | number[]): void;
-    deleteRecords(recordIndexs: number[] | number[][]): void;
-    updateRecords(records: any[], recordIndexs: (number | number[])[]): void;
+    changeCellValueByRecord(recordIndex: number | number[], field: FieldDef, value: string | number | null, options?: {
+        triggerEvent?: boolean;
+        silentChangeCellValuesEvent?: boolean;
+        autoRefresh?: boolean;
+    }): void;
+    changeCellValueBySource(recordIndex: number | number[], field: FieldDef, value: string | number | null, triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): void;
+    changeCellValuesByRecords(changeValues: {
+        recordIndex: number | number[];
+        field: FieldDef;
+        value: string | number | null;
+    }[], options?: {
+        triggerEvent?: boolean;
+        silentChangeCellValuesEvent?: boolean;
+        autoRefresh?: boolean;
+    }): void;
+    changeCellValuesBySource(changeValues: {
+        recordIndex: number | number[];
+        field: FieldDef;
+        value: string | number | null;
+    }[], triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): void;
+    refreshAfterSourceChange(options?: {
+        reapplyFilter?: boolean;
+        reapplySort?: boolean;
+        clearRowHeightCache?: boolean;
+    }): void;
+    addRecord(record: any, recordIndex?: number | number[], triggerEvent?: boolean): void;
+    addRecords(records: any[], recordIndex?: number | number[], triggerEvent?: boolean): void;
+    deleteRecords(recordIndexs: number[] | number[][], triggerEvent?: boolean): void;
+    updateRecords(records: any[], recordIndexs: (number | number[])[], triggerEvent?: boolean): void;
     _hasCustomRenderOrLayout(): boolean;
     getAggregateValuesByField(field: string | number): {
         col: number;

package/cjs/ListTable.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.ListTable = void 0;
 
-const ts_types_1 = require("./ts-types"), layout_1 = require("./layout"), vutils_1 = require("@visactor/vutils"), tableHelper_1 = require("./core/tableHelper"), core_1 = require("./core"), TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE"), env_1 = require("./tools/env"), editors = __importStar(require("./edit/editors")), edit_manager_1 = require("./edit/edit-manager"), compute_row_height_1 = require("./scenegraph/layout/compute-row-height"), util_1 = require("./tools/util"), radio_1 = require("./state/radio/radio"), vutils_extension_1 = require("@visactor/vutils-extension"), checkbox_1 = require("./state/checkbox/checkbox"), factory_1 = require("./core/factory"), group_helper_1 = require("./core/group-helper"), data_1 = require("./data"), record_helper_1 = require("./core/record-helper"), update_row_1 = require("./tools/update-row"), chart_render_helper_1 = require("./scenegraph/graphic/contributions/chart-render-helper"), get_custom_merge_cell_func_1 = require("./core/utils/get-custom-merge-cell-func"), adjust_header_1 = require("./state/cell-move/adjust-header");
+const ts_types_1 = require("./ts-types"), layout_1 = require("./layout"), vutils_1 = require("@visactor/vutils"), tableHelper_1 = require("./core/tableHelper"), core_1 = require("./core"), TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE"), env_1 = require("./tools/env"), editors = __importStar(require("./edit/editors")), edit_manager_1 = require("./edit/edit-manager"), compute_row_height_1 = require("./scenegraph/layout/compute-row-height"), util_1 = require("./tools/util"), radio_1 = require("./state/radio/radio"), vutils_extension_1 = require("@visactor/vutils-extension"), checkbox_1 = require("./state/checkbox/checkbox"), factory_1 = require("./core/factory"), group_helper_1 = require("./core/group-helper"), data_1 = require("./data"), DataSource_1 = require("./data/DataSource"), record_helper_1 = require("./core/record-helper"), update_row_1 = require("./tools/update-row"), chart_render_helper_1 = require("./scenegraph/graphic/contributions/chart-render-helper"), get_custom_merge_cell_func_1 = require("./core/utils/get-custom-merge-cell-func"), adjust_header_1 = require("./state/cell-move/adjust-header");
 
 class ListTable extends core_1.BaseTable {
     constructor(container, options) {
@@ -721,8 +721,8 @@ class ListTable extends core_1.BaseTable {
     changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
         return (0, record_helper_1.listTableChangeCellValues)(startCol, startRow, values, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
     }
-    changeCellValuesByIds(changeValues, triggerEvent = !0, silentChangeCellValuesEvent) {
-        return (0, record_helper_1.listTableChangeCellValuesByIds)(changeValues, triggerEvent, this, silentChangeCellValuesEvent);
+    changeCellValuesByIds(ranges, value, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return (0, record_helper_1.listTableChangeCellValuesByIds)(ranges, value, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
     }
     changeSourceCellValue(recordIndex, field, value) {
         const tableIndex = this.getTableIndexByRecordIndex(recordIndex), cellAddr = this.getCellAddrByFieldRecord(field, recordIndex);
@@ -745,29 +745,120 @@ class ListTable extends core_1.BaseTable {
             });
         }
     }
-    addRecord(record, recordIndex) {
+    changeCellValueByRecord(recordIndex, field, value, options) {
+        var _a, _b, _c, _d, _e;
+        const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a, silentChangeCellValuesEvent = null == options ? void 0 : options.silentChangeCellValuesEvent, autoRefresh = null === (_b = null == options ? void 0 : options.autoRefresh) || void 0 === _b || _b, records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
+        let record, oldValue;
+        if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? (0, 
+        DataSource_1.getValueFromDeepArray)(records, recordIndex) : records[recordIndex], 
+        oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), 
+        !triggerEvent) return;
+        const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
+        if (oldValue !== changedValue) {
+            const cellAddr = this.getCellAddrByFieldRecord(field, recordIndex), changeValue = {
+                col: null !== (_d = null == cellAddr ? void 0 : cellAddr.col) && void 0 !== _d ? _d : -1,
+                row: null !== (_e = null == cellAddr ? void 0 : cellAddr.row) && void 0 !== _e ? _e : -1,
+                recordIndex: recordIndex,
+                field: field,
+                rawValue: oldValue,
+                currentValue: oldValue,
+                changedValue: changedValue
+            };
+            this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), 
+            silentChangeCellValuesEvent || this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+                values: [ changeValue ]
+            });
+        }
+        autoRefresh && this.refreshAfterSourceChange();
+    }
+    changeCellValueBySource(recordIndex, field, value, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return this.changeCellValueByRecord(recordIndex, field, value, {
+            triggerEvent: triggerEvent,
+            silentChangeCellValuesEvent: silentChangeCellValuesEvent,
+            autoRefresh: !0
+        });
+    }
+    changeCellValuesByRecords(changeValues, options) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a, silentChangeCellValuesEvent = null == options ? void 0 : options.silentChangeCellValuesEvent, autoRefresh = null === (_b = null == options ? void 0 : options.autoRefresh) || void 0 === _b || _b, resultChangeValues = [];
+        for (let i = 0; i < changeValues.length; i++) {
+            const {recordIndex: recordIndex, field: field, value: value} = changeValues[i], records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
+            let record, oldValue;
+            if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? (0, 
+            DataSource_1.getValueFromDeepArray)(records, recordIndex) : records[recordIndex], 
+            oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), 
+            triggerEvent) {
+                const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
+                if (oldValue !== changedValue) {
+                    const changeValue = {
+                        col: null !== (_e = null === (_d = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _d ? void 0 : _d.col) && void 0 !== _e ? _e : -1,
+                        row: null !== (_g = null === (_f = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _f ? void 0 : _f.row) && void 0 !== _g ? _g : -1,
+                        recordIndex: recordIndex,
+                        field: field,
+                        rawValue: oldValue,
+                        currentValue: oldValue,
+                        changedValue: changedValue
+                    };
+                    this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), 
+                    resultChangeValues.push(changeValue);
+                }
+            }
+        }
+        !silentChangeCellValuesEvent && resultChangeValues.length && triggerEvent && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+            values: resultChangeValues
+        }), autoRefresh && this.refreshAfterSourceChange();
+    }
+    changeCellValuesBySource(changeValues, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return this.changeCellValuesByRecords(changeValues, {
+            triggerEvent: triggerEvent,
+            silentChangeCellValuesEvent: silentChangeCellValuesEvent,
+            autoRefresh: !0
+        });
+    }
+    refreshAfterSourceChange(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const reapplyFilter = null === (_a = null == options ? void 0 : options.reapplyFilter) || void 0 === _a || _a, reapplySort = null === (_b = null == options ? void 0 : options.reapplySort) || void 0 === _b || _b, clearRowHeightCache = null === (_c = null == options ? void 0 : options.clearRowHeightCache) || void 0 === _c || _c;
+        this.scenegraph.clearCells(), this.sortState && reapplySort && (null === (_e = (_d = this.dataSource).clearSortedIndexMap) || void 0 === _e || _e.call(_d), 
+        null === (_g = null === (_f = this.dataSource.sortedIndexMap) || void 0 === _f ? void 0 : _f.clear) || void 0 === _g || _g.call(_f)), 
+        reapplyFilter ? this.sortState && reapplySort ? (this.dataSource.updateFilterRulesForSorted(null === (_h = this.dataSource.dataConfig) || void 0 === _h ? void 0 : _h.filterRules), 
+        (0, record_helper_1.sortRecords)(this)) : this.dataSource.updateFilterRules(null === (_j = this.dataSource.dataConfig) || void 0 === _j ? void 0 : _j.filterRules) : this.sortState && reapplySort && (0, 
+        record_helper_1.sortRecords)(this);
+        const traverseColumns = columns => {
+            var _a, _b, _c, _d;
+            for (let i = 0; i < (null !== (_a = null == columns ? void 0 : columns.length) && void 0 !== _a ? _a : 0); i++) {
+                const column = columns[i], aggregators = null == column ? void 0 : column.vtable_aggregator;
+                if (aggregators) if (Array.isArray(aggregators)) for (let j = 0; j < aggregators.length; j++) null === (_c = null === (_b = aggregators[j]) || void 0 === _b ? void 0 : _b.recalculate) || void 0 === _c || _c.call(_b); else null === (_d = null == aggregators ? void 0 : aggregators.recalculate) || void 0 === _d || _d.call(aggregators);
+                (null == column ? void 0 : column.columns) && traverseColumns(column.columns);
+            }
+        };
+        traverseColumns(this.internalProps.columns), this.refreshRowColCount(), this.internalProps.layoutMap.clearCellRangeMap(), 
+        this.internalProps.useOneRowHeightFillAll = !1, this.stateManager.initCheckedState(this.records), 
+        this.scenegraph.createSceneGraph(!clearRowHeightCache), null === (_k = this.internalProps.emptyTip) || void 0 === _k || _k.resetVisible(), 
+        this.resize();
+    }
+    addRecord(record, recordIndex, triggerEvent = !0) {
         var _a;
         const success = (0, record_helper_1.listTableAddRecord)(record, recordIndex, this);
         (0, adjust_header_1.adjustHeightResizedRowMapWithAddRecordIndex)(this, recordIndex, [ record ]), 
         null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), 
-        success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
+        triggerEvent && success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
             records: [ record ],
             recordIndex: recordIndex,
             recordCount: 1
         });
     }
-    addRecords(records, recordIndex) {
+    addRecords(records, recordIndex, triggerEvent = !0) {
         var _a;
         const success = (0, record_helper_1.listTableAddRecords)(records, recordIndex, this);
         "number" == typeof recordIndex && (0, adjust_header_1.adjustHeightResizedRowMapWithAddRecordIndex)(this, recordIndex, records), 
         null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), 
-        success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
+        triggerEvent && success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
             records: records,
             recordIndex: recordIndex,
             recordCount: records.length
         });
     }
-    deleteRecords(recordIndexs) {
+    deleteRecords(recordIndexs, triggerEvent = !0) {
         var _a;
         const deletedRecords = [];
         (null == recordIndexs ? void 0 : recordIndexs.length) > 0 && recordIndexs.forEach((index => {
@@ -777,15 +868,15 @@ class ListTable extends core_1.BaseTable {
         null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
         const rowIndexs = [];
         for (let i = 0; i < recordIndexs.length; i++) rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
-        this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DELETE_RECORD, {
+        triggerEvent && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DELETE_RECORD, {
             recordIndexs: recordIndexs,
             records: deletedRecords,
             rowIndexs: rowIndexs,
             deletedCount: (Array.isArray(recordIndexs[0]), recordIndexs.length)
         });
     }
-    updateRecords(records, recordIndexs) {
-        (0, record_helper_1.listTableUpdateRecords)(records, recordIndexs, this), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.UPDATE_RECORD, {
+    updateRecords(records, recordIndexs, triggerEvent = !0) {
+        (0, record_helper_1.listTableUpdateRecords)(records, recordIndexs, this), triggerEvent && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.UPDATE_RECORD, {
             records: records,
             recordIndexs: recordIndexs,
             updateCount: records.length