@visactor/vtable 1.4.0-alpha.0 → 1.4.0

package/es/ListTable.js

@@ -40,10 +40,10 @@ export class ListTable extends BaseTable {
         this.showHeader = !0;
         const internalProps = this.internalProps;
         internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, 
-        internalProps.sortState = options.sortState, internalProps.dataConfig = {}, internalProps.columns = options.columns ? cloneDeepSpec(options.columns) : options.header ? cloneDeepSpec(options.header) : [], 
+        internalProps.sortState = options.sortState, internalProps.dataConfig = {}, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, [ "children" ]) : options.header ? 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.mode && (this.editorManager = new EditManeger(this)), 
-        this.refreshHeader(), options.dataSource ? _setDataSource(this, options.dataSource) : options.records ? this.setRecords(options.records, {
+        this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? _setDataSource(this, options.dataSource) : options.records ? this.setRecords(options.records, {
             sortState: internalProps.sortState
         }) : this.setRecords([]), options.title && (internalProps.title = new Title(options.title, this), 
         this.scenegraph.resize()), this.options.emptyTip && (this.internalProps.emptyTip || (this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this)), 
@@ -75,12 +75,12 @@ export class ListTable extends BaseTable {
             col: this.stateManager.hover.cellPos.col,
             row: this.stateManager.hover.cellPos.row
         };
-        this.internalProps.columns = cloneDeepSpec(columns), this.options.columns = columns, 
+        this.internalProps.columns = cloneDeepSpec(columns, [ "children" ]), this.options.columns = columns, 
         this.internalProps.headerHelper.setTableColumnsEditor(), this._hasAutoImageColumn = void 0, 
-        this.refreshHeader(), this.scenegraph.clearCells(), this.headerStyleCache = new Map, 
-        this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, this.scenegraph.createSceneGraph(), 
-        this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), 
-        this.eventManager.updateEventBinder();
+        this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.clearCells(), 
+        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, 
+        this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), 
+        this.renderAsync(), this.eventManager.updateEventBinder();
     }
     get columns() {
         return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -90,7 +90,7 @@ export class ListTable extends BaseTable {
     }
     set header(header) {
         this.internalProps.columns = header, this.options.header = header, this.refreshHeader(), 
-        this.renderAsync();
+        this.internalProps.useOneRowHeightFillAll = !1, this.renderAsync();
     }
     get transpose() {
         var _a;
@@ -218,9 +218,9 @@ export class ListTable extends 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 ? cloneDeepSpec(options.columns) : options.header ? cloneDeepSpec(options.header) : [], 
+        internalProps.columns = options.columns ? cloneDeepSpec(options.columns, [ "children" ]) : options.header ? cloneDeepSpec(options.header, [ "children" ]) : [], 
         this.internalProps.headerHelper.setTableColumnsEditor(), this.transpose = null !== (_b = options.transpose) && void 0 !== _b && _b, 
-        this.refreshHeader(), internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
+        this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
             var _a;
             return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
         })), internalProps.releaseList = null), options.dataSource ? _setDataSource(this, options.dataSource) : options.records ? this.setRecords(options.records, {
@@ -235,9 +235,9 @@ export class ListTable extends BaseTable {
     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), 
-        this.internalProps.layoutMap.clearCellRangeMap(), this.scenegraph.clearCells(), 
-        this.dataSource.updatePagination(this.pagination), this.refreshRowColCount(), this.scenegraph.createSceneGraph(), 
-        this.renderAsync());
+        this.internalProps.layoutMap.clearCellRangeMap(), this.internalProps.useOneRowHeightFillAll = !1, 
+        this.scenegraph.clearCells(), this.dataSource.updatePagination(this.pagination), 
+        this.refreshRowColCount(), this.scenegraph.createSceneGraph(), this.renderAsync());
     }
     refreshHeader() {
         var _a;
@@ -362,7 +362,8 @@ export class ListTable extends BaseTable {
         this.autoFillHeight && (notFillHeight = this.getAllRowsHeight() <= this.tableNoFrameHeight));
         const index = this.getRecordShowIndexByCell(col, row), diffDataIndices = this.dataSource.toggleHierarchyState(index, this.scenegraph.proxy.rowStart - this.columnHeaderLevelCount, Math.max(this.scenegraph.proxy.rowEnd - this.columnHeaderLevelCount, this.scenegraph.proxy.rowStart - this.columnHeaderLevelCount + this.scenegraph.proxy.rowLimit - 1)), diffPositions = this.internalProps.layoutMap.toggleHierarchyState(diffDataIndices);
         this.refreshRowColCount(), this.clearCellStyleCache(), this.internalProps.layoutMap.clearCellRangeMap(), 
-        this.scenegraph.updateHierarchyIcon(col, row), this.scenegraph.updateRow(diffPositions.removeCellPositions, diffPositions.addCellPositions), 
+        this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.updateHierarchyIcon(col, row), 
+        this.scenegraph.updateRow(diffPositions.removeCellPositions, diffPositions.addCellPositions), 
         checkHasChart && (this.autoFillWidth && !notFillWidth && (notFillWidth = this.getAllColsWidth() <= this.tableNoFrameWidth), 
         this.autoFillHeight && !notFillHeight && (notFillHeight = this.getAllRowsHeight() <= this.tableNoFrameHeight), 
         ("adaptive" === this.widthMode || notFillWidth || "adaptive" === this.heightMode || notFillHeight) && this.scenegraph.updateChartSize(0));
@@ -390,18 +391,16 @@ export class ListTable extends 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.scenegraph.sortCell());
+            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), 
@@ -470,7 +469,8 @@ export class ListTable extends BaseTable {
     }
     startEditCell(col, row) {
         var _a;
-        if (isValid(col) && 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 (isValid(col) && 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;
             isValid(col) && isValid(row) && this.editorManager.startEditCell(col, row);
         }
@@ -541,13 +541,24 @@ export class ListTable extends 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.CHANGE_CELL_VALUE, {
                     col: startCol + j,