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

package/dist/vtable.js

@@ -38927,6 +38927,48 @@
                 }
             }
         }
+        changeFieldValueByRecordIndex(value, recordIndex, field, table) {
+            if (field === null) {
+                return undefined;
+            }
+            if (recordIndex === undefined || recordIndex === null) {
+                return;
+            }
+            const rawKey = recordIndex.toString();
+            if (!this.beforeChangedRecordsMap.has(rawKey)) {
+                const rawRecords = Array.isArray(this.dataSourceObj?.records)
+                    ? this.dataSourceObj.records
+                    : null;
+                const originRecord = rawRecords
+                    ? Array.isArray(recordIndex)
+                        ? getValueFromDeepArray(rawRecords, recordIndex)
+                        : rawRecords[recordIndex]
+                    : undefined;
+                this.beforeChangedRecordsMap.set(rawKey, cloneDeep(originRecord, undefined, ['vtable_gantt_linkedFrom', 'vtable_gantt_linkedTo']) ?? {});
+            }
+            if (typeof field === 'string' || typeof field === 'number') {
+                const beforeChangedValue = this.beforeChangedRecordsMap.get(rawKey)?.[field];
+                const rawRecords = Array.isArray(this.dataSourceObj?.records)
+                    ? this.dataSourceObj.records
+                    : null;
+                const record = rawRecords
+                    ? Array.isArray(recordIndex)
+                        ? getValueFromDeepArray(rawRecords, recordIndex)
+                        : rawRecords[recordIndex]
+                    : undefined;
+                let formatValue = value;
+                if (typeof beforeChangedValue === 'number' && isAllDigits(value)) {
+                    formatValue = parseFloat(value);
+                }
+                if (record) {
+                    record[field] = formatValue;
+                }
+                else if (rawRecords && typeof recordIndex === 'number') {
+                    rawRecords[recordIndex] = this.addRecordRule === 'Array' ? [] : {};
+                    rawRecords[recordIndex][field] = formatValue;
+                }
+            }
+        }
         cacheBeforeChangedRecord(dataIndex, table) {
             if (!this.beforeChangedRecordsMap.has(dataIndex.toString())) {
                 const originRecord = this.getOriginalRecord(dataIndex);
@@ -39048,11 +39090,20 @@
             }
         }
         adjustBeforeChangedRecordsMap(insertIndex, insertCount, type = 'add') {
-            const length = this.beforeChangedRecordsMap.size;
-            for (let key = length - 1; key >= insertIndex; key--) {
+            const delta = type === 'add' ? insertCount : -insertCount;
+            const numericKeys = [];
+            this.beforeChangedRecordsMap.forEach((_, key) => {
+                const numKey = Number(key);
+                if (Number.isInteger(numKey) && numKey.toString() === key && numKey >= insertIndex) {
+                    numericKeys.push(numKey);
+                }
+            });
+            numericKeys.sort((a, b) => (type === 'add' ? b - a : a - b));
+            for (let i = 0; i < numericKeys.length; i++) {
+                const key = numericKeys[i];
                 const record = this.beforeChangedRecordsMap.get(key.toString());
                 this.beforeChangedRecordsMap.delete(key.toString());
-                this.beforeChangedRecordsMap.set((key + (type === 'add' ? insertCount : -insertCount)).toString(), record);
+                this.beforeChangedRecordsMap.set((key + delta).toString(), record);
             }
         }
         deleteRecords(recordIndexs) {
@@ -39219,7 +39270,11 @@
                 }
             }
             if (!filedMapArray.length) {
-                filedMapArray = states.map(() => ({ asc: [], desc: [], normal: [] }));
+                filedMapArray = states.map(() => ({
+                    asc: [],
+                    desc: [],
+                    normal: []
+                }));
                 for (let index = 0; index < states.length; index++) {
                     this.sortedIndexMap.set(states[index].field, filedMapArray[index]);
                 }
@@ -65450,6 +65505,7 @@
         cutOperationTime = 0;
         lastClipboardContent = '';
         cutCellRange = null;
+        cutRanges = null;
         copySourceRange = null;
         constructor(table) {
             this.table = table;
@@ -65969,6 +66025,10 @@
             this.handleCopy(e, true);
             this.cutWaitPaste = true;
             this.cutCellRange = this.table.getSelectedCellInfos();
+            this.cutRanges = this.table.stateManager.select.ranges?.map(r => ({
+                start: { col: r.start.col, row: r.start.row },
+                end: { col: r.end.col, row: r.end.row }
+            }));
             if (this.clipboardCheckTimer) {
                 clearTimeout(this.clipboardCheckTimer);
             }
@@ -65976,6 +66036,7 @@
                 if (this.cutWaitPaste) {
                     this.cutWaitPaste = false;
                     this.cutCellRange = null;
+                    this.cutRanges = null;
                     this.clipboardCheckTimer = null;
                 }
             }, 30000);
@@ -65995,6 +66056,7 @@
                 if (this.cutWaitPaste) {
                     this.cutWaitPaste = false;
                     this.cutCellRange = null;
+                    this.cutRanges = null;
                     if (this.clipboardCheckTimer) {
                         clearTimeout(this.clipboardCheckTimer);
                         this.clipboardCheckTimer = null;
@@ -66110,23 +66172,11 @@
         }
         clearCutArea(table) {
             try {
-                const selectCells = this.cutCellRange;
-                if (!selectCells || selectCells.length === 0) {
+                const ranges = this.cutRanges;
+                if (!ranges || ranges.length === 0) {
                     return;
                 }
-                const changeValues = [];
-                for (let i = 0; i < selectCells.length; i++) {
-                    for (let j = 0; j < selectCells[i].length; j++) {
-                        if (selectCells[i][j]) {
-                            changeValues.push({
-                                col: selectCells[i][j].col,
-                                row: selectCells[i][j].row,
-                                value: undefined
-                            });
-                        }
-                    }
-                }
-                table.changeCellValuesByIds(changeValues);
+                table.changeCellValuesByIds(ranges, '');
             }
             catch (error) {
             }
@@ -70176,7 +70226,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.11-alpha.1";
+        version = "1.22.11-alpha.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -76468,28 +76518,65 @@
         table.scenegraph.updateNextFrame();
         return changedCellResults;
     }
-    async function listTableChangeCellValuesByIds(changeValues, triggerEvent, table, silentChangeCellValuesEvent) {
+    async function listTableChangeCellValuesByIds(ranges, value, workOnEditableCell, triggerEvent, table, silentChangeCellValuesEvent) {
         const resultChangeValues = [];
-        for (let i = 0; i < changeValues.length; i++) {
-            const { col, row, value } = changeValues[i];
-            const recordShowIndex = table.getRecordShowIndexByCell(col, row);
-            const recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : undefined;
-            const { field } = table.internalProps.layoutMap.getBody(col, row);
-            const oldValue = table.getCellOriginValue(col, row);
-            listTableChangeCellValue(col, row, value, false, triggerEvent, table, true);
-            if (oldValue !== value && triggerEvent) {
-                resultChangeValues.push({
-                    col,
-                    row,
-                    recordIndex,
-                    field,
-                    rawValue: oldValue,
-                    currentValue: oldValue,
-                    changedValue: value
-                });
+        const processed = new Set();
+        const nextValue = (value ?? '');
+        for (let i = 0; i < (ranges?.length ?? 0); i++) {
+            const range = ranges[i];
+            const startCol = Math.min(range.start.col, range.end.col);
+            const endCol = Math.max(range.start.col, range.end.col);
+            const startRow = Math.min(range.start.row, range.end.row);
+            const endRow = Math.max(range.start.row, range.end.row);
+            if (startCol > endCol || startRow > endRow) {
+                continue;
+            }
+            const values = [];
+            const oldValues = [];
+            for (let row = startRow; row <= endRow; row++) {
+                const rowValues = [];
+                const rowOldValues = [];
+                for (let col = startCol; col <= endCol; col++) {
+                    rowValues.push(nextValue);
+                    rowOldValues.push(table.getCellOriginValue(col, row));
+                }
+                values.push(rowValues);
+                oldValues.push(rowOldValues);
+            }
+            const changedCellResults = await listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table, true);
+            for (let r = 0; r < values.length; r++) {
+                for (let c = 0; c < values[r].length; c++) {
+                    const col = startCol + c;
+                    const row = startRow + r;
+                    const key = `${col},${row}`;
+                    if (processed.has(key)) {
+                        continue;
+                    }
+                    processed.add(key);
+                    if (!triggerEvent || !changedCellResults?.[r]?.[c]) {
+                        continue;
+                    }
+                    const oldValue = oldValues[r][c];
+                    const changedValue = table.getCellOriginValue(col, row);
+                    if (oldValue === changedValue) {
+                        continue;
+                    }
+                    const recordShowIndex = table.getRecordShowIndexByCell(col, row);
+                    const recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : undefined;
+                    const { field } = table.internalProps.layoutMap.getBody(col, row);
+                    resultChangeValues.push({
+                        col,
+                        row,
+                        recordIndex,
+                        field,
+                        rawValue: oldValue,
+                        currentValue: oldValue,
+                        changedValue
+                    });
+                }
             }
         }
-        if (!silentChangeCellValuesEvent) {
+        if (!silentChangeCellValuesEvent && triggerEvent) {
             table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, { values: resultChangeValues });
         }
     }
@@ -78349,8 +78436,8 @@
         changeCellValues(startCol, startRow, values, workOnEditableCell = false, triggerEvent = true, silentChangeCellValuesEvent) {
             return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
         }
-        changeCellValuesByIds(changeValues, triggerEvent = true, silentChangeCellValuesEvent) {
-            return listTableChangeCellValuesByIds(changeValues, triggerEvent, this, silentChangeCellValuesEvent);
+        changeCellValuesByIds(ranges, value, workOnEditableCell = false, triggerEvent = true, silentChangeCellValuesEvent) {
+            return listTableChangeCellValuesByIds(ranges, value, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
         }
         changeSourceCellValue(recordIndex, field, value) {
             const tableIndex = this.getTableIndexByRecordIndex(recordIndex);
@@ -78376,11 +78463,149 @@
                 this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, { values: [changeValue] });
             }
         }
-        addRecord(record, recordIndex) {
+        changeCellValueByRecord(recordIndex, field, value, options) {
+            const triggerEvent = options?.triggerEvent ?? true;
+            const silentChangeCellValuesEvent = options?.silentChangeCellValuesEvent;
+            const autoRefresh = options?.autoRefresh ?? true;
+            const records = this.dataSource.dataSourceObj?.records;
+            let record;
+            let oldValue;
+            if (Array.isArray(records) && (typeof field === 'string' || typeof field === 'number')) {
+                record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex];
+                oldValue = record?.[field];
+            }
+            this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this);
+            if (!triggerEvent) {
+                return;
+            }
+            const changedValue = record && (typeof field === 'string' || typeof field === 'number') ? record?.[field] : value;
+            if (oldValue !== changedValue) {
+                const cellAddr = this.getCellAddrByFieldRecord(field, recordIndex);
+                const changeValue = {
+                    col: cellAddr?.col ?? -1,
+                    row: cellAddr?.row ?? -1,
+                    recordIndex,
+                    field,
+                    rawValue: oldValue,
+                    currentValue: oldValue,
+                    changedValue
+                };
+                this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue);
+                if (!silentChangeCellValuesEvent) {
+                    this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, { values: [changeValue] });
+                }
+            }
+            if (autoRefresh) {
+                this.refreshAfterSourceChange();
+            }
+        }
+        changeCellValueBySource(recordIndex, field, value, triggerEvent = true, silentChangeCellValuesEvent) {
+            return this.changeCellValueByRecord(recordIndex, field, value, {
+                triggerEvent,
+                silentChangeCellValuesEvent,
+                autoRefresh: true
+            });
+        }
+        changeCellValuesByRecords(changeValues, options) {
+            const triggerEvent = options?.triggerEvent ?? true;
+            const silentChangeCellValuesEvent = options?.silentChangeCellValuesEvent;
+            const autoRefresh = options?.autoRefresh ?? true;
+            const resultChangeValues = [];
+            for (let i = 0; i < changeValues.length; i++) {
+                const { recordIndex, field, value } = changeValues[i];
+                const records = this.dataSource.dataSourceObj?.records;
+                let record;
+                let oldValue;
+                if (Array.isArray(records) && (typeof field === 'string' || typeof field === 'number')) {
+                    record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex];
+                    oldValue = record?.[field];
+                }
+                this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this);
+                if (triggerEvent) {
+                    const changedValue = record && (typeof field === 'string' || typeof field === 'number') ? record?.[field] : value;
+                    if (oldValue !== changedValue) {
+                        const changeValue = {
+                            col: (this.getCellAddrByFieldRecord(field, recordIndex)?.col ?? -1),
+                            row: (this.getCellAddrByFieldRecord(field, recordIndex)?.row ?? -1),
+                            recordIndex,
+                            field,
+                            rawValue: oldValue,
+                            currentValue: oldValue,
+                            changedValue
+                        };
+                        this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue);
+                        resultChangeValues.push(changeValue);
+                    }
+                }
+            }
+            if (!silentChangeCellValuesEvent && resultChangeValues.length && triggerEvent) {
+                this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, { values: resultChangeValues });
+            }
+            if (autoRefresh) {
+                this.refreshAfterSourceChange();
+            }
+        }
+        changeCellValuesBySource(changeValues, triggerEvent = true, silentChangeCellValuesEvent) {
+            return this.changeCellValuesByRecords(changeValues, {
+                triggerEvent,
+                silentChangeCellValuesEvent,
+                autoRefresh: true
+            });
+        }
+        refreshAfterSourceChange(options) {
+            const reapplyFilter = options?.reapplyFilter ?? true;
+            const reapplySort = options?.reapplySort ?? true;
+            const clearRowHeightCache = options?.clearRowHeightCache ?? true;
+            this.scenegraph.clearCells();
+            if (this.sortState && reapplySort) {
+                this.dataSource.clearSortedIndexMap?.();
+                this.dataSource.sortedIndexMap?.clear?.();
+            }
+            if (reapplyFilter) {
+                if (this.sortState && reapplySort) {
+                    this.dataSource.updateFilterRulesForSorted(this.dataSource.dataConfig?.filterRules);
+                    sortRecords(this);
+                }
+                else {
+                    this.dataSource.updateFilterRules(this.dataSource.dataConfig?.filterRules);
+                }
+            }
+            else if (this.sortState && reapplySort) {
+                sortRecords(this);
+            }
+            const traverseColumns = (columns) => {
+                for (let i = 0; i < (columns?.length ?? 0); i++) {
+                    const column = columns[i];
+                    const aggregators = column?.vtable_aggregator;
+                    if (aggregators) {
+                        if (Array.isArray(aggregators)) {
+                            for (let j = 0; j < aggregators.length; j++) {
+                                aggregators[j]?.recalculate?.();
+                            }
+                        }
+                        else {
+                            aggregators?.recalculate?.();
+                        }
+                    }
+                    if (column?.columns) {
+                        traverseColumns(column.columns);
+                    }
+                }
+            };
+            traverseColumns(this.internalProps.columns);
+            this.refreshRowColCount();
+            this.internalProps.layoutMap.clearCellRangeMap();
+            this.internalProps.useOneRowHeightFillAll = false;
+            this.stateManager.initCheckedState(this.records);
+            this.scenegraph.createSceneGraph(!clearRowHeightCache);
+            this.internalProps.emptyTip?.resetVisible();
+            this.resize();
+        }
+        addRecord(record, recordIndex, triggerEvent = true) {
             const success = listTableAddRecord(record, recordIndex, this);
             adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, [record]);
             this.internalProps.emptyTip?.resetVisible();
-            if (success) {
+            if (triggerEvent && success) {
                 this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
                     records: [record],
                     recordIndex,
@@ -78388,13 +78613,13 @@
                 });
             }
         }
-        addRecords(records, recordIndex) {
+        addRecords(records, recordIndex, triggerEvent = true) {
             const success = listTableAddRecords(records, recordIndex, this);
             if (typeof recordIndex === 'number') {
                 adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, records);
             }
             this.internalProps.emptyTip?.resetVisible();
-            if (success) {
+            if (triggerEvent && success) {
                 this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
                     records,
                     recordIndex,
@@ -78402,7 +78627,7 @@
                 });
             }
         }
-        deleteRecords(recordIndexs) {
+        deleteRecords(recordIndexs, triggerEvent = true) {
             const deletedRecords = [];
             if (recordIndexs?.length > 0) {
                 recordIndexs.forEach(index => {
@@ -78423,22 +78648,26 @@
             for (let i = 0; i < recordIndexs.length; i++) {
                 rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
             }
-            this.fireListeners(TABLE_EVENT_TYPE.DELETE_RECORD, {
-                recordIndexs,
-                records: deletedRecords,
-                rowIndexs,
-                deletedCount: Array.isArray(recordIndexs[0])
-                    ? recordIndexs.length
-                    : recordIndexs.length
-            });
+            if (triggerEvent) {
+                this.fireListeners(TABLE_EVENT_TYPE.DELETE_RECORD, {
+                    recordIndexs,
+                    records: deletedRecords,
+                    rowIndexs,
+                    deletedCount: Array.isArray(recordIndexs[0])
+                        ? recordIndexs.length
+                        : recordIndexs.length
+                });
+            }
         }
-        updateRecords(records, recordIndexs) {
+        updateRecords(records, recordIndexs, triggerEvent = true) {
             listTableUpdateRecords(records, recordIndexs, this);
-            this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
-                records,
-                recordIndexs,
-                updateCount: records.length
-            });
+            if (triggerEvent) {
+                this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
+                    records,
+                    recordIndexs,
+                    updateCount: records.length
+                });
+            }
         }
         _hasCustomRenderOrLayout() {
             const { headerObjects } = this.internalProps.layoutMap;
@@ -93403,7 +93632,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.11-alpha.1";
+    const version = "1.22.11-alpha.2";
     function getIcons() {
         return get$2();
     }