@visactor/vtable 1.3.3 → 1.4.0

package/cjs/ListTable.js

@@ -40,9 +40,10 @@ class ListTable extends core_1.BaseTable {
         const internalProps = this.internalProps;
         internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, 
         internalProps.sortState = options.sortState, internalProps.dataConfig = {}, internalProps.columns = options.columns ? (0, 
-        vutil_extension_temp_1.cloneDeepSpec)(options.columns) : options.header ? (0, vutil_extension_temp_1.cloneDeepSpec)(options.header) : [], 
-        this.internalProps.headerHelper.setTableColumnsEditor(), this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, 
-        this.transpose = null !== (_b = options.transpose) && void 0 !== _b && _b, "node" !== env_1.Env.mode && (this.editorManager = new edit_manager_1.EditManeger(this)), 
+        vutil_extension_temp_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
+        vutil_extension_temp_1.cloneDeepSpec)(options.header, [ "children" ]) : [], this.internalProps.headerHelper.setTableColumnsEditor(), 
+        this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, this.transpose = null !== (_b = options.transpose) && void 0 !== _b && _b, 
+        "node" !== env_1.Env.mode && (this.editorManager = new edit_manager_1.EditManeger(this)), 
         this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? (0, 
         tableHelper_1._setDataSource)(this, options.dataSource) : options.records ? this.setRecords(options.records, {
             sortState: internalProps.sortState
@@ -76,7 +77,7 @@ class ListTable extends core_1.BaseTable {
             col: this.stateManager.hover.cellPos.col,
             row: this.stateManager.hover.cellPos.row
         };
-        this.internalProps.columns = (0, vutil_extension_temp_1.cloneDeepSpec)(columns), 
+        this.internalProps.columns = (0, vutil_extension_temp_1.cloneDeepSpec)(columns, [ "children" ]), 
         this.options.columns = columns, this.internalProps.headerHelper.setTableColumnsEditor(), 
         this._hasAutoImageColumn = void 0, this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, 
         this.scenegraph.clearCells(), this.headerStyleCache = new Map, this.bodyStyleCache = new Map, 
@@ -219,8 +220,8 @@ class ListTable extends core_1.BaseTable {
         return super.updateOption(options), internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, 
         this.pagination = options.pagination, internalProps.sortState = options.sortState, 
         internalProps.dataConfig = {}, this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, 
-        internalProps.columns = options.columns ? (0, vutil_extension_temp_1.cloneDeepSpec)(options.columns) : options.header ? (0, 
-        vutil_extension_temp_1.cloneDeepSpec)(options.header) : [], this.internalProps.headerHelper.setTableColumnsEditor(), 
+        internalProps.columns = options.columns ? (0, vutil_extension_temp_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
+        vutil_extension_temp_1.cloneDeepSpec)(options.header, [ "children" ]) : [], this.internalProps.headerHelper.setTableColumnsEditor(), 
         this.transpose = null !== (_b = options.transpose) && void 0 !== _b && _b, this.refreshHeader(), 
         this.internalProps.useOneRowHeightFillAll = !1, internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
             var _a;
@@ -393,18 +394,16 @@ class ListTable extends core_1.BaseTable {
         }
     }
     updateSortState(sortState, executeSort = !0) {
-        var _a;
-        if (sortState) this.internalProps.sortState = sortState; else if (this.internalProps.sortState) if (Array.isArray(this.internalProps.sortState)) for (let i = 0; i < this.internalProps.sortState.length; i++) {
-            this.internalProps.sortState[i].order = "normal";
-        } else this.internalProps.sortState.order = "normal";
+        var _a, _b, _c;
         let order, field;
-        if (Array.isArray(this.internalProps.sortState) ? ({order: order, field: field} = null === (_a = this.internalProps.sortState) || void 0 === _a ? void 0 : _a[0]) : ({order: order, field: field} = this.internalProps.sortState), 
+        if (sortState ? this.internalProps.sortState = sortState : this.internalProps.sortState && (Array.isArray(this.internalProps.sortState) ? (sortState = null === (_a = this.internalProps.sortState) || void 0 === _a ? void 0 : _a[0]) && (sortState.order = "normal") : (this.internalProps.sortState.order = "normal", 
+        sortState = this.internalProps.sortState)), Array.isArray(this.internalProps.sortState) ? (null === (_b = this.internalProps.sortState) || void 0 === _b ? void 0 : _b[0]) && ({order: order, field: field} = null === (_c = this.internalProps.sortState) || void 0 === _c ? void 0 : _c[0]) : this.internalProps.sortState && ({order: order, field: field} = this.internalProps.sortState), 
         field && executeSort) {
             const sortFunc = this._getSortFuncFromHeaderOption(this.internalProps.columns, field), hd = this.internalProps.layoutMap.headerObjects.find((col => col && col.field === field));
             !1 !== hd.define.sort && (this.dataSource.sort(hd.field, order, sortFunc), this.internalProps.layoutMap.clearCellRangeMap(), 
             this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.sortCell());
         }
-        this.stateManager.updateSortState(sortState);
+        sortState && this.stateManager.updateSortState(sortState);
     }
     updateFilterRules(filterRules) {
         this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), 
@@ -474,8 +473,8 @@ class ListTable extends core_1.BaseTable {
     }
     startEditCell(col, row) {
         var _a;
-        if ((0, vutils_1.isValid)(col) && (0, vutils_1.isValid)(row)) this.selectCell(col, row), 
-        this.editorManager.startEditCell(col, row); else if (null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.cellPos) {
+        if ((0, vutils_1.isValid)(col) && (0, vutils_1.isValid)(row)) this.eventManager.isDraging = !1, 
+        this.selectCell(col, row), this.editorManager.startEditCell(col, row); else if (null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.cellPos) {
             const {col: col, row: row} = this.stateManager.select.cellPos;
             (0, vutils_1.isValid)(col) && (0, vutils_1.isValid)(row) && this.editorManager.startEditCell(col, row);
         }
@@ -546,13 +545,24 @@ class ListTable extends core_1.BaseTable {
     }
     changeCellValues(startCol, startRow, values, workOnEditableCell = !1) {
         let pasteColEnd = startCol, pasteRowEnd = startRow;
+        const beforeChangeValues = [], oldValues = [];
+        for (let i = 0; i < values.length && !(startRow + i > this.rowCount - 1); i++) {
+            const rowValues = values[i], rawRowValues = [], oldRowValues = [];
+            beforeChangeValues.push(rawRowValues), oldValues.push(oldRowValues);
+            for (let j = 0; j < rowValues.length && !(startCol + j > this.colCount - 1); j++) {
+                const beforeChangeValue = this.getCellRawValue(startCol + j, startRow + i);
+                rawRowValues.push(beforeChangeValue);
+                const oldValue = this.getCellOriginValue(startCol + j, startRow + i);
+                oldRowValues.push(oldValue);
+            }
+        }
         for (let i = 0; i < values.length && !(startRow + i > this.rowCount - 1); i++) {
             pasteRowEnd = startRow + i;
             const rowValues = values[i];
             let thisRowPasteColEnd = startCol;
             for (let j = 0; j < rowValues.length && !(startCol + j > this.colCount - 1); j++) if (thisRowPasteColEnd = startCol + j, 
             workOnEditableCell && this.isHasEditorDefine(startCol + j, startRow + i) || !1 === workOnEditableCell) {
-                const value = rowValues[j], recordIndex = this.getRecordShowIndexByCell(startCol + j, startRow + i), {field: field} = this.internalProps.layoutMap.getBody(startCol + j, startRow + i), beforeChangeValue = this.getCellRawValue(startCol + j, startRow + i), oldValue = this.getCellOriginValue(startCol + j, startRow + i);
+                const value = rowValues[j], recordIndex = this.getRecordShowIndexByCell(startCol + j, startRow + i), {field: field} = this.internalProps.layoutMap.getBody(startCol + j, startRow + i), beforeChangeValue = beforeChangeValues[i][j], oldValue = oldValues[i][j];
                 this.isHeader(startCol + j, startRow + i) ? this.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value) : this.dataSource.changeFieldValue(value, recordIndex, field, startCol + j, startRow + i, this), 
                 this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
                     col: startCol + j,