@visactor/vtable 1.5.3-alpha.1 → 1.5.4-alpha.0

package/cjs/ListTable.d.ts

@@ -68,7 +68,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
         sortState?: SortState | SortState[];
     }): void;
     setRecordChildren(records: any[], col: number, row: number): void;
-    startEditCell(col?: number, row?: number): void;
+    startEditCell(col?: number, row?: number, value?: string | number): void;
     completeEditCell(): void;
     getEditor(col: number, row: number): IEditor<any>;
     isHasEditorDefine(col: number, row: number): boolean;
@@ -87,5 +87,4 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
         }[];
     }[];
     isAggregation(col: number, row: number): boolean;
-    getGroupTitleLevel(col: number, row: number): number | undefined;
 }

package/cjs/ListTable.js

@@ -29,22 +29,20 @@ 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_col_width_1 = require("./scenegraph/layout/compute-col-width"), 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"), record_helper_1 = require("./core/record-helper");
+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_col_width_1 = require("./scenegraph/layout/compute-col-width"), 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");
 
 class ListTable extends core_1.BaseTable {
     constructor(container, options) {
-        var _a, _b, _c, _d;
+        var _a, _b;
         "node" === env_1.Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, 
         container = container.container ? container.container : null), super(container, options), 
         this.showHeader = !0;
         const internalProps = this.internalProps;
         if (internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, 
-        internalProps.sortState = options.sortState, internalProps.dataConfig = options.groupBy ? (0, 
-        group_helper_1.getGroupByDataConfig)(options.groupBy) : {}, internalProps.columns = options.columns ? (0, 
+        internalProps.sortState = options.sortState, internalProps.dataConfig = {}, internalProps.columns = options.columns ? (0, 
         vutils_extension_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
-        vutils_extension_1.cloneDeepSpec)(options.header, [ "children" ]) : [], internalProps.enableTreeNodeMerge = null !== (_b = null !== (_a = options.enableTreeNodeMerge) && void 0 !== _a ? _a : (0, 
-        vutils_1.isValid)(options.groupBy)) && void 0 !== _b && _b, this.internalProps.headerHelper.setTableColumnsEditor(), 
-        this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, this.transpose = null !== (_d = options.transpose) && void 0 !== _d && _d, 
+        vutils_extension_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, {
@@ -351,9 +349,7 @@ class ListTable extends core_1.BaseTable {
         return null;
     }
     getHierarchyState(col, row) {
-        if (!this.options.groupBy) {
-            if (!this.getBodyColumnDefine(col, row).tree) return ts_types_1.HierarchyState.none;
-        }
+        if (!this.getBodyColumnDefine(col, row).tree) return ts_types_1.HierarchyState.none;
         const index = this.getRecordShowIndexByCell(col, row);
         return this.dataSource.getHierarchyState(index);
     }
@@ -424,7 +420,7 @@ class ListTable extends core_1.BaseTable {
     }
     updateFilterRules(filterRules) {
         this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), 
-        (0, record_helper_1.sortRecords)(this)) : this.dataSource.updateFilterRules(filterRules), 
+        (0, tableHelper_1.sortRecords)(this)) : this.dataSource.updateFilterRules(filterRules), 
         this.refreshRowColCount(), this.scenegraph.createSceneGraph();
     }
     getCheckboxState(field) {
@@ -490,12 +486,12 @@ class ListTable extends core_1.BaseTable {
         const index = this.getRecordShowIndexByCell(col, row);
         this.dataSource.setRecord(record, index), this._refreshHierarchyState(col, row);
     }
-    startEditCell(col, row) {
+    startEditCell(col, row, value) {
         var _a;
         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) {
+        this.selectCell(col, row), this.editorManager.startEditCell(col, row, value); 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);
+            (0, vutils_1.isValid)(col) && (0, vutils_1.isValid)(row) && this.editorManager.startEditCell(col, row, value);
         }
     }
     completeEditCell() {
@@ -618,16 +614,196 @@ class ListTable extends core_1.BaseTable {
         this.scenegraph.updateNextFrame();
     }
     addRecord(record, recordIndex) {
-        (0, record_helper_1.listTableAddRecord)(record, recordIndex, this);
+        if (this.sortState) this.dataSource.addRecordForSorted(record), (0, tableHelper_1.sortRecords)(this), 
+        this.refreshRowColCount(), this.scenegraph.clearCells(), this.scenegraph.createSceneGraph(); else {
+            (void 0 === recordIndex || recordIndex > this.dataSource.sourceLength) && (recordIndex = this.dataSource.sourceLength);
+            const headerCount = this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount;
+            this.dataSource.addRecord(record, recordIndex);
+            const oldRowCount = this.rowCount;
+            if (this.refreshRowColCount(), 0 === this.scenegraph.proxy.totalActualBodyRowCount) return this.scenegraph.clearCells(), 
+            void this.scenegraph.createSceneGraph();
+            const newRowCount = this.transpose ? this.colCount : this.rowCount;
+            if (this.pagination) {
+                const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination, endIndex = perPageCount * (currentPage || 0) + perPageCount;
+                if (recordIndex < endIndex) if (recordIndex < endIndex - perPageCount) this.scenegraph.clearCells(), 
+                this.scenegraph.createSceneGraph(); else {
+                    const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
+                    if (oldRowCount - headerCount === this.pagination.perPageCount) {
+                        const updateRows = [];
+                        for (let row = rowNum; row < newRowCount; row++) this.transpose ? updateRows.push({
+                            col: row,
+                            row: 0
+                        }) : updateRows.push({
+                            col: 0,
+                            row: row
+                        });
+                        this.transpose ? this.scenegraph.updateCol([], [], updateRows) : this.scenegraph.updateRow([], [], updateRows);
+                    } else {
+                        const addRows = [];
+                        for (let row = rowNum; row < Math.min(newRowCount, rowNum + 1); row++) this.transpose ? addRows.push({
+                            col: row,
+                            row: 0
+                        }) : addRows.push({
+                            col: 0,
+                            row: row
+                        });
+                        this.transpose ? this.scenegraph.updateCol([], addRows, []) : this.scenegraph.updateRow([], addRows, []);
+                    }
+                }
+            } else {
+                const addRows = [];
+                for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) this.transpose ? addRows.push({
+                    col: row,
+                    row: 0
+                }) : addRows.push({
+                    col: 0,
+                    row: row
+                });
+                this.transpose ? this.scenegraph.updateCol([], addRows, []) : this.scenegraph.updateRow([], addRows, []);
+            }
+        }
     }
     addRecords(records, recordIndex) {
-        (0, record_helper_1.listTableAddRecords)(records, recordIndex, this);
+        if (this.sortState) this.dataSource.addRecordsForSorted(records), (0, tableHelper_1.sortRecords)(this), 
+        this.refreshRowColCount(), this.scenegraph.clearCells(), this.scenegraph.createSceneGraph(); else {
+            void 0 === recordIndex || recordIndex > this.dataSource.sourceLength ? recordIndex = this.dataSource.sourceLength : recordIndex < 0 && (recordIndex = 0);
+            const headerCount = this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount;
+            this.dataSource.addRecords(records, recordIndex);
+            const oldRowCount = this.transpose ? this.colCount : this.rowCount;
+            if (this.refreshRowColCount(), 0 === this.scenegraph.proxy.totalActualBodyRowCount) return this.scenegraph.clearCells(), 
+            void this.scenegraph.createSceneGraph();
+            const newRowCount = this.transpose ? this.colCount : this.rowCount;
+            if (this.pagination) {
+                const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination, endIndex = perPageCount * (currentPage || 0) + perPageCount;
+                if (recordIndex < endIndex) if (recordIndex < endIndex - perPageCount) this.scenegraph.clearCells(), 
+                this.scenegraph.createSceneGraph(); else {
+                    const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
+                    if (oldRowCount - headerCount === this.pagination.perPageCount) {
+                        const updateRows = [];
+                        for (let row = rowNum; row < newRowCount; row++) this.transpose ? updateRows.push({
+                            col: row,
+                            row: 0
+                        }) : updateRows.push({
+                            col: 0,
+                            row: row
+                        });
+                        this.transpose ? this.scenegraph.updateCol([], [], updateRows) : this.scenegraph.updateRow([], [], updateRows);
+                    } else {
+                        const addRows = [];
+                        for (let row = rowNum; row < Math.min(newRowCount, rowNum + (Array.isArray(records) ? records.length : 1)); row++) this.transpose ? addRows.push({
+                            col: row,
+                            row: 0
+                        }) : addRows.push({
+                            col: 0,
+                            row: row
+                        });
+                        this.transpose ? this.scenegraph.updateCol([], addRows, []) : this.scenegraph.updateRow([], addRows, []);
+                    }
+                }
+            } else {
+                const addRows = [];
+                for (let row = recordIndex + headerCount; row < recordIndex + headerCount + (Array.isArray(records) ? records.length : 1); row++) this.transpose ? addRows.push({
+                    col: row,
+                    row: 0
+                }) : addRows.push({
+                    col: 0,
+                    row: row
+                });
+                this.transpose ? this.scenegraph.updateCol([], addRows, []) : this.scenegraph.updateRow([], addRows, []);
+            }
+        }
     }
     deleteRecords(recordIndexs) {
-        (0, record_helper_1.listTableDeleteRecords)(recordIndexs, this);
+        if ((null == recordIndexs ? void 0 : recordIndexs.length) > 0) if (this.sortState) this.dataSource.deleteRecordsForSorted(recordIndexs), 
+        (0, tableHelper_1.sortRecords)(this), this.refreshRowColCount(), this.scenegraph.clearCells(), 
+        this.scenegraph.createSceneGraph(); else {
+            const deletedRecordIndexs = this.dataSource.deleteRecords(recordIndexs);
+            if (0 === deletedRecordIndexs.length) return;
+            const oldRowCount = this.transpose ? this.colCount : this.rowCount;
+            this.refreshRowColCount();
+            const newRowCount = this.transpose ? this.colCount : this.rowCount, recordIndexsMinToMax = deletedRecordIndexs.sort(((a, b) => a - b)), minRecordIndex = recordIndexsMinToMax[0];
+            if (this.pagination) {
+                const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination, endIndex = perPageCount * (currentPage || 0) + perPageCount;
+                if (minRecordIndex < endIndex) if (minRecordIndex < endIndex - perPageCount) this.scenegraph.clearCells(), 
+                this.scenegraph.createSceneGraph(); else {
+                    const updateRows = [], delRows = [];
+                    for (let row = minRecordIndex - (endIndex - perPageCount) + (this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount); row < newRowCount; row++) this.transpose ? updateRows.push({
+                        col: row,
+                        row: 0
+                    }) : updateRows.push({
+                        col: 0,
+                        row: row
+                    });
+                    if (newRowCount < oldRowCount) for (let row = newRowCount; row < oldRowCount; row++) this.transpose ? delRows.push({
+                        col: row,
+                        row: 0
+                    }) : delRows.push({
+                        col: 0,
+                        row: row
+                    });
+                    this.transpose ? this.scenegraph.updateCol(delRows, [], updateRows) : this.scenegraph.updateRow(delRows, [], updateRows);
+                }
+            } else {
+                const delRows = [];
+                for (let index = 0; index < recordIndexsMinToMax.length; index++) {
+                    const rowNum = recordIndexsMinToMax[index] + (this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount);
+                    this.transpose ? delRows.push({
+                        col: rowNum,
+                        row: 0
+                    }) : delRows.push({
+                        col: 0,
+                        row: rowNum
+                    });
+                }
+                this.transpose ? this.scenegraph.updateCol(delRows, [], []) : this.scenegraph.updateRow(delRows, [], []);
+            }
+        }
     }
     updateRecords(records, recordIndexs) {
-        (0, record_helper_1.listTableUpdateRecords)(records, recordIndexs, this);
+        if ((null == recordIndexs ? void 0 : recordIndexs.length) > 0) if (this.sortState) this.dataSource.updateRecordsForSorted(records, recordIndexs), 
+        (0, tableHelper_1.sortRecords)(this), this.refreshRowColCount(), this.scenegraph.clearCells(), 
+        this.scenegraph.createSceneGraph(); else {
+            const updateRecordIndexs = this.dataSource.updateRecords(records, recordIndexs);
+            if (0 === updateRecordIndexs.length) return;
+            const recordIndexsMinToMax = updateRecordIndexs.sort(((a, b) => a - b));
+            if (this.pagination) {
+                const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination, endIndex = perPageCount * (currentPage || 0) + perPageCount, updateRows = [];
+                for (let index = 0; index < recordIndexsMinToMax.length; index++) {
+                    const recordIndex = recordIndexsMinToMax[index];
+                    if (recordIndex < endIndex && recordIndex >= endIndex - perPageCount) {
+                        const rowNum = recordIndex - (endIndex - perPageCount) + (this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount);
+                        updateRows.push(rowNum);
+                    }
+                }
+                if (updateRows.length >= 1) {
+                    const updateRowCells = [];
+                    for (let index = 0; index < updateRows.length; index++) {
+                        const updateRow = updateRows[index];
+                        this.transpose ? updateRowCells.push({
+                            col: updateRow,
+                            row: 0
+                        }) : updateRowCells.push({
+                            col: 0,
+                            row: updateRow
+                        });
+                    }
+                    this.transpose ? this.scenegraph.updateCol([], [], updateRowCells) : this.scenegraph.updateRow([], [], updateRowCells);
+                }
+            } else {
+                const updateRows = [];
+                for (let index = 0; index < recordIndexsMinToMax.length; index++) {
+                    const rowNum = recordIndexsMinToMax[index] + (this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount);
+                    this.transpose ? updateRows.push({
+                        col: rowNum,
+                        row: 0
+                    }) : updateRows.push({
+                        col: 0,
+                        row: rowNum
+                    });
+                }
+                this.transpose ? this.scenegraph.updateCol([], [], updateRows) : this.scenegraph.updateRow([], [], updateRows);
+            }
+        }
     }
     _hasCustomRenderOrLayout() {
         var _a, _b, _c, _d;
@@ -663,14 +839,6 @@ class ListTable extends core_1.BaseTable {
     isAggregation(col, row) {
         return this.internalProps.layoutMap.isAggregation(col, row);
     }
-    getGroupTitleLevel(col, row) {
-        var _a;
-        if (!this.options.groupBy) return;
-        const indexArr = this.dataSource.getIndexKey(this.getRecordShowIndexByCell(col, row)), groupLength = null !== (_a = this.dataSource.getGroupLength()) && void 0 !== _a ? _a : 0;
-        let indexArrLngth = (0, vutils_1.isArray)(indexArr) ? indexArr.length - 1 : 0;
-        return groupLength > 0 && indexArrLngth === groupLength && (indexArrLngth = void 0), 
-        indexArrLngth;
-    }
 }
 
 exports.ListTable = ListTable;