@visactor/vtable 1.21.1-alpha.0 → 1.22.0

package/cjs/ListTable.d.ts

@@ -22,8 +22,8 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
         clearColWidthCache?: boolean;
     }): void;
     private _recreateSceneForStateChange;
-    addColumn(column: ColumnDefine, colIndex?: number, isMaintainArrayData?: boolean): void;
-    deleteColumn(colIndex: number): void;
+    addColumns(toAddColumns: ColumnDefine[], colIndex?: number, isMaintainArrayData?: boolean): void;
+    deleteColumns(deleteColIndexs: number[], isMaintainArrayData?: boolean): void;
     get columns(): ColumnsDefine;
     get header(): ColumnsDefine;
     set header(header: ColumnsDefine);
@@ -69,6 +69,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     _getSortFuncFromHeaderOption(columns: ColumnsDefine | undefined, field: FieldDef, fieldKey?: FieldKeyDef): SortState['orderFn'] | undefined;
     updateSortState(sortState: SortState[] | SortState | null, executeSort?: boolean): void;
     updateFilterRules(filterRules: FilterRules): void;
+    getFilteredRecords(): any[];
     getCheckboxState(field?: string | number): any[];
     getCellCheckboxState(col: number, row: number): boolean | "indeterminate";
     getRadioState(field?: string | number): number | boolean | Record<string | number, number | boolean | Record<number, number>>;

package/cjs/ListTable.js

@@ -114,21 +114,35 @@ class ListTable extends core_1.BaseTable {
         this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), 
         this.renderAsync(), this.eventManager.updateEventBinder();
     }
-    addColumn(column, colIndex, isMaintainArrayData = !0) {
+    addColumns(toAddColumns, colIndex, isMaintainArrayData = !0) {
         const columns = this.options.columns;
-        if (void 0 === colIndex) columns.push(column); else {
-            if (isMaintainArrayData) for (let i = 0; i < columns.length; i++) "number" == typeof columns[i].field && columns[i].field >= colIndex && (columns[i].field = columns[i].field + 1);
-            columns.splice(colIndex, 0, column);
-        }
-        if (isMaintainArrayData) for (let i = 0; i < this.records.length; i++) {
-            const record = this.records[i];
-            Array.isArray(record) && record.splice(colIndex, 0, void 0);
+        if (void 0 === colIndex ? (colIndex = columns.length, columns.push(...toAddColumns)) : columns.splice(colIndex, 0, ...toAddColumns), 
+        isMaintainArrayData) {
+            for (let i = 0; i < columns.length; i++) columns[i].field = i;
+            for (let i = 0; i < this.records.length; i++) {
+                const record = this.records[i];
+                Array.isArray(record) && record.splice(colIndex, 0, ...Array(toAddColumns.length).fill(void 0));
+            }
         }
-        this.updateColumns(columns);
+        this.updateColumns(columns), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_COLUMN, {
+            columnIndex: colIndex,
+            columnCount: toAddColumns.length,
+            columns: columns
+        });
     }
-    deleteColumn(colIndex) {
+    deleteColumns(deleteColIndexs, isMaintainArrayData = !0) {
         const columns = this.options.columns;
-        columns.splice(colIndex, 1), this.updateColumns(columns);
+        deleteColIndexs.sort(((a, b) => b - a));
+        for (let i = 0; i < deleteColIndexs.length; i++) if (columns.splice(deleteColIndexs[i], 1), 
+        isMaintainArrayData) for (let j = 0; j < this.records.length; j++) {
+            const record = this.records[j];
+            Array.isArray(record) && record.splice(deleteColIndexs[i], 1);
+        }
+        if (isMaintainArrayData) for (let i = 0; i < columns.length; i++) columns[i].field = i;
+        this.updateColumns(columns), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DELETE_COLUMN, {
+            deleteColIndexs: deleteColIndexs,
+            columns: columns
+        });
     }
     get columns() {
         return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -531,6 +545,9 @@ class ListTable extends core_1.BaseTable {
         this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(), 
         this.resize();
     }
+    getFilteredRecords() {
+        return this.dataSource.records;
+    }
     getCheckboxState(field) {
         if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount && this.stateManager.initLeftRecordsCheckState(this.records), 
         (0, vutils_1.isValid)(field)) {
@@ -672,18 +689,41 @@ class ListTable extends core_1.BaseTable {
     }
     addRecord(record, recordIndex) {
         var _a;
-        (0, record_helper_1.listTableAddRecord)(record, recordIndex, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const success = (0, record_helper_1.listTableAddRecord)(record, recordIndex, this);
+        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), 
+        success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
+            records: [ record ],
+            recordIndex: recordIndex,
+            recordCount: 1
+        });
     }
     addRecords(records, recordIndex) {
         var _a;
-        (0, record_helper_1.listTableAddRecords)(records, recordIndex, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const success = (0, record_helper_1.listTableAddRecords)(records, recordIndex, this);
+        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), 
+        success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
+            records: records,
+            recordIndex: recordIndex,
+            recordCount: records.length
+        });
     }
     deleteRecords(recordIndexs) {
         var _a;
         (0, record_helper_1.listTableDeleteRecords)(recordIndexs, this), 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, {
+            recordIndexs: recordIndexs,
+            rowIndexs: rowIndexs,
+            deletedCount: (Array.isArray(recordIndexs[0]), recordIndexs.length)
+        });
     }
     updateRecords(records, recordIndexs) {
-        (0, record_helper_1.listTableUpdateRecords)(records, recordIndexs, this);
+        (0, record_helper_1.listTableUpdateRecords)(records, recordIndexs, this), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.UPDATE_RECORD, {
+            records: records,
+            recordIndexs: recordIndexs,
+            updateCount: records.length
+        });
     }
     _hasCustomRenderOrLayout() {
         var _a, _b, _c, _d;