@visactor/vtable 1.26.6 → 1.26.8

package/es/ListTable-all.js

@@ -6,12 +6,12 @@ import { registerCustomCellStylePlugin } from "./plugins/custom-cell-style";
 
 import { registerListTreeStickCellPlugin } from "./plugins/list-tree-stick-cell";
 
-import { registerButtonCell, registerChartCell, registerCheckboxCell, registerImageCell, registerProgressBarCell, registerRadioCell, registerSparkLineCell, registerSwitchCell, registerTextCell, registerVideoCell } from "./scenegraph/group-creater/cell-type";
+import { registerAudioCell, registerButtonCell, registerChartCell, registerCheckboxCell, registerImageCell, registerProgressBarCell, registerRadioCell, registerSparkLineCell, registerSwitchCell, registerTextCell, registerVideoCell } from "./scenegraph/group-creater/cell-type";
 
 registerAxis(), registerEmptyTip(), registerLegend(), registerMenu(), registerTitle(), 
 registerTooltip(), registerListTreeStickCellPlugin(), registerCustomCellStylePlugin(), 
-registerAnimation(), registerChartCell(), registerCheckboxCell(), registerImageCell(), 
-registerProgressBarCell(), registerRadioCell(), registerSwitchCell(), registerButtonCell(), 
-registerSparkLineCell(), registerTextCell(), registerVideoCell();
+registerAnimation(), registerAudioCell(), registerChartCell(), registerCheckboxCell(), 
+registerImageCell(), registerProgressBarCell(), registerRadioCell(), registerSwitchCell(), 
+registerButtonCell(), registerSparkLineCell(), registerTextCell(), registerVideoCell();
 
 export class ListTableAll extends ListTable {}

package/es/ListTable-all.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ListTable-all.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,eAAe,EACf,iBAAiB,EAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,sCAAsC,CAAC;AAE9C,YAAY,EAAE,CAAC;AACf,gBAAgB,EAAE,CAAC;AACnB,cAAc,EAAE,CAAC;AACjB,YAAY,EAAE,CAAC;AACf,aAAa,EAAE,CAAC;AAChB,eAAe,EAAE,CAAC;AAClB,+BAA+B,EAAE,CAAC;AAClC,6BAA6B,EAAE,CAAC;AAChC,iBAAiB,EAAE,CAAC;AACpB,iBAAiB,EAAE,CAAC;AACpB,oBAAoB,EAAE,CAAC;AACvB,iBAAiB,EAAE,CAAC;AACpB,uBAAuB,EAAE,CAAC;AAC1B,iBAAiB,EAAE,CAAC;AACpB,kBAAkB,EAAE,CAAC;AACrB,kBAAkB,EAAE,CAAC;AACrB,qBAAqB,EAAE,CAAC;AACxB,gBAAgB,EAAE,CAAC;AACnB,iBAAiB,EAAE,CAAC;AACpB,MAAM,OAAO,YAAa,SAAQ,SAAS;CAAG","file":"ListTable-all.js","sourcesContent":["import { ListTable } from './ListTable';\nimport {\n  registerAxis,\n  registerEmptyTip,\n  registerLegend,\n  registerMenu,\n  registerTitle,\n  registerTooltip,\n  registerAnimation\n} from './components';\nimport { registerCustomCellStylePlugin } from './plugins/custom-cell-style';\nimport { registerListTreeStickCellPlugin } from './plugins/list-tree-stick-cell';\nimport {\n  registerButtonCell,\n  registerChartCell,\n  registerCheckboxCell,\n  registerImageCell,\n  registerProgressBarCell,\n  registerRadioCell,\n  registerSparkLineCell,\n  registerSwitchCell,\n  registerTextCell,\n  registerVideoCell\n} from './scenegraph/group-creater/cell-type';\n\nregisterAxis();\nregisterEmptyTip();\nregisterLegend();\nregisterMenu();\nregisterTitle();\nregisterTooltip();\nregisterListTreeStickCellPlugin();\nregisterCustomCellStylePlugin();\nregisterAnimation();\nregisterChartCell();\nregisterCheckboxCell();\nregisterImageCell();\nregisterProgressBarCell();\nregisterRadioCell();\nregisterSwitchCell();\nregisterButtonCell();\nregisterSparkLineCell();\nregisterTextCell();\nregisterVideoCell();\nexport class ListTableAll extends ListTable {}\n"]}
+{"version":3,"sources":["../src/ListTable-all.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,eAAe,EACf,iBAAiB,EAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,sCAAsC,CAAC;AAE9C,YAAY,EAAE,CAAC;AACf,gBAAgB,EAAE,CAAC;AACnB,cAAc,EAAE,CAAC;AACjB,YAAY,EAAE,CAAC;AACf,aAAa,EAAE,CAAC;AAChB,eAAe,EAAE,CAAC;AAClB,+BAA+B,EAAE,CAAC;AAClC,6BAA6B,EAAE,CAAC;AAChC,iBAAiB,EAAE,CAAC;AACpB,iBAAiB,EAAE,CAAC;AACpB,iBAAiB,EAAE,CAAC;AACpB,oBAAoB,EAAE,CAAC;AACvB,iBAAiB,EAAE,CAAC;AACpB,uBAAuB,EAAE,CAAC;AAC1B,iBAAiB,EAAE,CAAC;AACpB,kBAAkB,EAAE,CAAC;AACrB,kBAAkB,EAAE,CAAC;AACrB,qBAAqB,EAAE,CAAC;AACxB,gBAAgB,EAAE,CAAC;AACnB,iBAAiB,EAAE,CAAC;AACpB,MAAM,OAAO,YAAa,SAAQ,SAAS;CAAG","file":"ListTable-all.js","sourcesContent":["import { ListTable } from './ListTable';\nimport {\n  registerAxis,\n  registerEmptyTip,\n  registerLegend,\n  registerMenu,\n  registerTitle,\n  registerTooltip,\n  registerAnimation\n} from './components';\nimport { registerCustomCellStylePlugin } from './plugins/custom-cell-style';\nimport { registerListTreeStickCellPlugin } from './plugins/list-tree-stick-cell';\nimport {\n  registerAudioCell,\n  registerButtonCell,\n  registerChartCell,\n  registerCheckboxCell,\n  registerImageCell,\n  registerProgressBarCell,\n  registerRadioCell,\n  registerSparkLineCell,\n  registerSwitchCell,\n  registerTextCell,\n  registerVideoCell\n} from './scenegraph/group-creater/cell-type';\n\nregisterAxis();\nregisterEmptyTip();\nregisterLegend();\nregisterMenu();\nregisterTitle();\nregisterTooltip();\nregisterListTreeStickCellPlugin();\nregisterCustomCellStylePlugin();\nregisterAnimation();\nregisterAudioCell();\nregisterChartCell();\nregisterCheckboxCell();\nregisterImageCell();\nregisterProgressBarCell();\nregisterRadioCell();\nregisterSwitchCell();\nregisterButtonCell();\nregisterSparkLineCell();\nregisterTextCell();\nregisterVideoCell();\nexport class ListTableAll extends ListTable {}\n"]}

package/es/ListTable.d.ts

@@ -79,7 +79,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     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>>;
+    getRadioState(field?: string | number): string | number | boolean | number[] | Record<string | number, string | number | boolean | number[] | Record<string | number, number | boolean>>;
     getCellRadioState(col: number, row: number): boolean | number;
     setCellCheckboxState(col: number, row: number, checked: boolean | 'indeterminate'): void;
     setCellCheckboxStateByRecordIndex(recordIndex: number | number[], field: FieldDef, checked: boolean | 'indeterminate'): void;
@@ -99,7 +99,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     getEditor(col: number, row: number): IEditor<any, any>;
     isHasEditorDefine(col: number, row: number): boolean;
     changeCellValue(col: number, row: number, value: string | number | null, workOnEditableCell?: boolean, triggerEvent?: boolean, noTriggerChangeCellValuesEvent?: boolean): void;
-    changeCellValues(startCol: number, startRow: number, values: (string | number)[][], workOnEditableCell?: boolean, triggerEvent?: boolean, noTriggerChangeCellValuesEvent?: boolean): Promise<boolean[][]>;
+    changeCellValues(startCol: number, startRow: number, values: (string | number)[][], workOnEditableCell?: boolean, triggerEvent?: boolean, noTriggerChangeCellValuesEvent?: boolean, shouldCancel?: () => boolean): Promise<boolean[][]>;
     changeCellValuesByRanges(ranges: CellRange[], value: string | number | null, workOnEditableCell?: boolean, triggerEvent?: boolean, noTriggerChangeCellValuesEvent?: boolean): Promise<void>;
     changeSourceCellValue(recordIndex: number | number[], field: FieldDef, value: string | number | null): void;
     changeCellValueByRecord(recordIndex: number | number[], field: FieldDef, value: string | number | null, options?: {

package/es/ListTable.js

@@ -2,7 +2,7 @@ import { HierarchyState } from "./ts-types";
 
 import { SimpleHeaderLayoutMap } from "./layout";
 
-import { isArray, isValid } from "@visactor/vutils";
+import { arrayEqual, isArray, isValid } from "@visactor/vutils";
 
 import { _setRecords, checkHasAggregationOnColumnDefine, generateAggregationForColumn } from "./core/tableHelper";
 
@@ -32,7 +32,7 @@ import { getGroupByDataConfig } from "./core/group-helper";
 
 import { DataSource } from "./data";
 
-import { getValueFromDeepArray } from "./data/DataSource";
+import { getRecordFieldValue, getValueFromDeepArray } from "./data/DataSource";
 
 import { listTableAddRecord, listTableAddRecords, listTableChangeCellValue, listTableChangeCellValues, listTableChangeCellValuesByRanges, listTableDeleteRecords, listTableUpdateRecords, sortRecords } from "./core/record-helper";
 
@@ -55,6 +55,10 @@ function clearLayoutColumnState(columns) {
     }));
 }
 
+function isSameField(left, right) {
+    return left === right || Array.isArray(left) && Array.isArray(right) && arrayEqual(left, right);
+}
+
 export class ListTable extends BaseTable {
     constructor(container, options) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -353,7 +357,7 @@ export class ListTable extends BaseTable {
         return this.transpose ? this.dataSource.getTableIndex(recordIndex) + this.rowHeaderLevelCount : this.dataSource.getTableIndex(recordIndex) + this.columnHeaderLevelCount;
     }
     getTableIndexByField(field) {
-        const colObj = this.internalProps.layoutMap.columnObjects.find((col => col.field === field));
+        const colObj = this.internalProps.layoutMap.columnObjects.find((col => isSameField(col.field, field)));
         if (!colObj) return -1;
         const layoutRange = this.internalProps.layoutMap.getBodyLayoutRangeById(colObj.id);
         return this.transpose ? layoutRange.start.row : layoutRange.start.col;
@@ -515,7 +519,7 @@ export class ListTable extends BaseTable {
         };
     }
     getCellRangeByField(field, index) {
-        const {layoutMap: layoutMap} = this.internalProps, colObj = layoutMap.columnObjects.find((col => col.field === field));
+        const {layoutMap: layoutMap} = this.internalProps, colObj = layoutMap.columnObjects.find((col => isSameField(col.field, field)));
         if (colObj) {
             const layoutRange = layoutMap.getBodyLayoutRangeById(colObj.id);
             let startRow;
@@ -629,7 +633,7 @@ export class ListTable extends BaseTable {
     _getSortFuncFromHeaderOption(columns, field, fieldKey) {
         if (columns || (columns = this.internalProps.columns), field && columns && columns.length > 0) for (let i = 0; i < columns.length; i++) {
             const header = columns[i];
-            if ((fieldKey && fieldKey === header.fieldKey || !fieldKey && header.field === field) && header.sort && "function" == typeof header.sort) return header.sort;
+            if ((fieldKey && fieldKey === header.fieldKey || !fieldKey && isSameField(header.field, field)) && header.sort && "function" == typeof header.sort) return header.sort;
             if (header.columns) {
                 const sort = this._getSortFuncFromHeaderOption(header.columns, field, fieldKey);
                 if (sort) return sort;
@@ -642,7 +646,7 @@ export class ListTable extends BaseTable {
         if (normalizedSortState.length ? this.internalProps.sortState = sortState : this.internalProps.sortState = null, 
         executeSort) if (normalizedSortState.length) this.internalProps.layoutMap.headerObjects.some((item => !1 !== item.define.sort)) && (this.dataSource.sort(normalizedSortState.map((item => {
             const sortFunc = this._getSortFuncFromHeaderOption(this.internalProps.columns, item.field);
-            this.internalProps.layoutMap.headerObjects.find((col => col && col.field === item.field));
+            this.internalProps.layoutMap.headerObjects.find((col => col && isSameField(col.field, item.field)));
             return {
                 field: item.field,
                 order: item.order,
@@ -737,14 +741,14 @@ export class ListTable extends BaseTable {
         const oldHoverState = {
             col: this.stateManager.hover.cellPos.col,
             row: this.stateManager.hover.cellPos.row
-        };
+        }, oldScrollLeft = this.stateManager.scroll.horizontalBarPos, oldScrollTop = this.stateManager.scroll.verticalBarPos;
         if (this.scenegraph.clearCells(), void 0 !== sort && (null === sort || !Array.isArray(sort) && isValid(sort.field) || Array.isArray(sort)) && (this.internalProps.sortState = this.internalProps.multipleSort ? Array.isArray(sort) ? sort : [ sort ] : sort, 
         this.stateManager.setSortState(this.sortState)), records) {
             if (_setRecords(this, records), this.sortState) {
                 const sortState = Array.isArray(this.sortState) ? this.sortState : [ this.sortState ];
                 sortState.some((item => item.order && item.field && "normal" !== item.order)) && this.internalProps.layoutMap.headerObjectsIncludeHided.some((item => !1 !== item.define.sort)) && this.dataSource.sort(sortState.map((item => {
                     const sortFunc = this._getSortFuncFromHeaderOption(void 0, item.field);
-                    this.internalProps.layoutMap.headerObjectsIncludeHided.find((col => col && col.field === item.field));
+                    this.internalProps.layoutMap.headerObjectsIncludeHided.find((col => col && isSameField(col.field, item.field)));
                     return {
                         field: item.field,
                         order: item.order || "asc",
@@ -754,14 +758,16 @@ export class ListTable extends BaseTable {
             }
             this.refreshRowColCount();
         } else _setRecords(this, records);
-        this.stateManager.initCheckedState(records), this.clearCellStyleCache(), this.scenegraph.createSceneGraph(), 
+        this.stateManager.initCheckedState(records), this.clearCellStyleCache(), this.stateManager.scroll.horizontalBarPos = 0, 
+        this.stateManager.scroll.verticalBarPos = 0, this.scenegraph.createSceneGraph(), 
         this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this._updateSize();
         if ((null !== (_c = this.options.componentLayoutOrder) && void 0 !== _c ? _c : [ "legend", "title" ]).forEach((component => {
             var _a, _b;
             "legend" === component ? null === (_a = this.internalProps.legends) || void 0 === _a || _a.forEach((legend => {
                 null == legend || legend.resize();
             })) : "title" === component && (null === (_b = this.internalProps.title) || void 0 === _b || _b.resize());
-        })), this.scenegraph.resize(), this.options.emptyTip) if (this.internalProps.emptyTip) null === (_d = this.internalProps.emptyTip) || void 0 === _d || _d.resetVisible(); else {
+        })), this.scenegraph.resize(), oldScrollLeft && this.stateManager.setScrollLeft(oldScrollLeft, void 0, !1), 
+        oldScrollTop && this.stateManager.setScrollTop(oldScrollTop, void 0, !1), this.options.emptyTip) if (this.internalProps.emptyTip) null === (_d = this.internalProps.emptyTip) || void 0 === _d || _d.resetVisible(); else {
             const EmptyTip = Factory.getComponent("emptyTip");
             this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), null === (_e = this.internalProps.emptyTip) || void 0 === _e || _e.resetVisible();
         }
@@ -830,8 +836,8 @@ export class ListTable extends BaseTable {
     changeCellValue(col, row, value, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
         return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
     }
-    changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
-        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
+    changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent, shouldCancel) {
+        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent, shouldCancel);
     }
     changeCellValuesByRanges(ranges, value, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
         return listTableChangeCellValuesByRanges(ranges, value, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
@@ -860,10 +866,11 @@ export class ListTable extends BaseTable {
         var _a, _b, _c, _d, _e;
         const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a, noTriggerChangeCellValuesEvent = null == options ? void 0 : options.noTriggerChangeCellValuesEvent, autoRefresh = null === (_b = null == options ? void 0 : options.autoRefresh) || void 0 === _b || _b, records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
         let record, oldValue;
-        if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], 
-        oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), 
+        if (Array.isArray(records) && ("string" == typeof field || "number" == typeof field || Array.isArray(field)) && (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], 
+        oldValue = getRecordFieldValue(record, field)), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), 
+        Array.isArray(records) && (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex]), 
         !triggerEvent) return;
-        const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
+        const changedValue = record && ("string" == typeof field || "number" == typeof field || Array.isArray(field)) ? getRecordFieldValue(record, field) : value;
         if (oldValue !== changedValue) {
             const cellAddr = this.getCellAddrByFieldRecord(field, recordIndex), changeValue = {
                 col: null !== (_d = null == cellAddr ? void 0 : cellAddr.col) && void 0 !== _d ? _d : -1,
@@ -893,10 +900,11 @@ export class ListTable extends BaseTable {
         for (let i = 0; i < changeValues.length; i++) {
             const {recordIndex: recordIndex, field: field, value: value} = changeValues[i], records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
             let record, oldValue;
-            if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], 
-            oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), 
+            if (Array.isArray(records) && ("string" == typeof field || "number" == typeof field || Array.isArray(field)) && (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], 
+            oldValue = getRecordFieldValue(record, field)), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), 
+            Array.isArray(records) && (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex]), 
             triggerEvent) {
-                const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
+                const changedValue = record && ("string" == typeof field || "number" == typeof field || Array.isArray(field)) ? getRecordFieldValue(record, field) : value;
                 if (oldValue !== changedValue) {
                     const changeValue = {
                         col: null !== (_e = null === (_d = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _d ? void 0 : _d.col) && void 0 !== _e ? _e : -1,