@visactor/vtable 1.22.11-alpha.3 → 1.22.11-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/cjs/ListTable.d.ts +34 -7
  2. package/cjs/ListTable.js +134 -14
  3. package/cjs/ListTable.js.map +1 -1
  4. package/cjs/core/BaseTable.js +1 -1
  5. package/cjs/core/BaseTable.js.map +1 -1
  6. package/cjs/core/TABLE_EVENT_TYPE.d.ts +1 -0
  7. package/cjs/core/TABLE_EVENT_TYPE.js +1 -0
  8. package/cjs/core/TABLE_EVENT_TYPE.js.map +1 -1
  9. package/cjs/core/index.d.ts +1 -0
  10. package/cjs/core/index.js +30 -0
  11. package/cjs/core/index.js.map +1 -0
  12. package/cjs/core/record-helper.d.ts +4 -2
  13. package/cjs/core/record-helper.js +81 -24
  14. package/cjs/core/record-helper.js.map +1 -1
  15. package/cjs/data/DataSource.d.ts +1 -0
  16. package/cjs/data/DataSource.js +25 -3
  17. package/cjs/data/DataSource.js.map +1 -1
  18. package/cjs/dataset/DataStatistics.js +1 -2
  19. package/cjs/dataset/dataset-pivot-table.js +2 -1
  20. package/cjs/edit/edit-manager.js +1 -1
  21. package/cjs/edit/editors.js +1 -1
  22. package/cjs/event/event.d.ts +2 -1
  23. package/cjs/event/event.js +20 -9
  24. package/cjs/event/event.js.map +1 -1
  25. package/cjs/header-helper/style.js +1 -2
  26. package/cjs/index.d.ts +1 -1
  27. package/cjs/index.js +1 -1
  28. package/cjs/index.js.map +1 -1
  29. package/cjs/layout/pivot-header-layout.js +1 -0
  30. package/cjs/plugins/custom-cell-style.d.ts +5 -0
  31. package/cjs/plugins/custom-cell-style.js +9 -0
  32. package/cjs/plugins/custom-cell-style.js.map +1 -1
  33. package/cjs/plugins/index.js +1 -1
  34. package/cjs/plugins/interface.js +1 -1
  35. package/cjs/plugins/invert-highlight.js +1 -1
  36. package/cjs/ts-types/base-table.d.ts +2 -2
  37. package/cjs/ts-types/base-table.js.map +1 -1
  38. package/cjs/ts-types/events.d.ts +15 -0
  39. package/cjs/ts-types/events.js.map +1 -1
  40. package/cjs/ts-types/table-engine.d.ts +32 -6
  41. package/cjs/ts-types/table-engine.js.map +1 -1
  42. package/cjs/vrender.js.map +1 -1
  43. package/dist/vtable.js +375 -48
  44. package/dist/vtable.min.js +2 -2
  45. package/es/ListTable.d.ts +34 -7
  46. package/es/ListTable.js +130 -14
  47. package/es/ListTable.js.map +1 -1
  48. package/es/core/BaseTable.js +1 -1
  49. package/es/core/BaseTable.js.map +1 -1
  50. package/es/core/TABLE_EVENT_TYPE.d.ts +1 -0
  51. package/es/core/TABLE_EVENT_TYPE.js +1 -0
  52. package/es/core/TABLE_EVENT_TYPE.js.map +1 -1
  53. package/es/core/index.d.ts +1 -0
  54. package/es/core/index.js +2 -0
  55. package/es/core/index.js.map +1 -0
  56. package/es/core/record-helper.d.ts +4 -2
  57. package/es/core/record-helper.js +75 -20
  58. package/es/core/record-helper.js.map +1 -1
  59. package/es/data/DataSource.d.ts +1 -0
  60. package/es/data/DataSource.js +25 -3
  61. package/es/data/DataSource.js.map +1 -1
  62. package/es/dataset/DataStatistics.js +1 -2
  63. package/es/dataset/dataset-pivot-table.js +2 -1
  64. package/es/edit/edit-manager.js +1 -1
  65. package/es/edit/editors.js +1 -1
  66. package/es/event/event.d.ts +2 -1
  67. package/es/event/event.js +20 -9
  68. package/es/event/event.js.map +1 -1
  69. package/es/header-helper/style.js +1 -2
  70. package/es/index.d.ts +1 -1
  71. package/es/index.js +1 -1
  72. package/es/index.js.map +1 -1
  73. package/es/layout/pivot-header-layout.js +2 -1
  74. package/es/plugins/custom-cell-style.d.ts +5 -0
  75. package/es/plugins/custom-cell-style.js +9 -0
  76. package/es/plugins/custom-cell-style.js.map +1 -1
  77. package/es/plugins/index.js +1 -1
  78. package/es/plugins/interface.js +1 -1
  79. package/es/plugins/invert-highlight.js +1 -1
  80. package/es/ts-types/base-table.d.ts +2 -2
  81. package/es/ts-types/base-table.js.map +1 -1
  82. package/es/ts-types/events.d.ts +15 -0
  83. package/es/ts-types/events.js.map +1 -1
  84. package/es/ts-types/table-engine.d.ts +32 -6
  85. package/es/ts-types/table-engine.js.map +1 -1
  86. package/es/vrender.js.map +1 -1
  87. package/package.json +4 -4
package/es/ListTable.d.ts CHANGED
@@ -37,7 +37,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
37
37
  getRecordIndexByCell(col: number, row: number): number | number[];
38
38
  getTableIndexByRecordIndex(recordIndex: number | number[]): number;
39
39
  getTableIndexByField(field: FieldDef): number;
40
- getCellAddrByFieldRecord(field: FieldDef, recordIndex: number): CellAddress;
40
+ getCellAddrByFieldRecord(field: FieldDef, recordIndex: number | number[]): CellAddress;
41
41
  getCellOriginRecord(col: number, row: number): MaybePromiseOrUndefined;
42
42
  getCellRawRecord(col: number, row: number): MaybePromiseOrUndefined;
43
43
  _canResizeColumn(col: number, row: number): boolean;
@@ -91,12 +91,39 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
91
91
  completeEditCell(): void;
92
92
  getEditor(col: number, row: number): IEditor<any, any>;
93
93
  isHasEditorDefine(col: number, row: number): boolean;
94
- changeCellValue(col: number, row: number, value: string | number | null, workOnEditableCell?: boolean, triggerEvent?: boolean): void;
95
- changeCellValues(startCol: number, startRow: number, values: (string | number)[][], workOnEditableCell?: boolean, triggerEvent?: boolean): Promise<boolean[][]>;
96
- addRecord(record: any, recordIndex?: number | number[]): void;
97
- addRecords(records: any[], recordIndex?: number | number[]): void;
98
- deleteRecords(recordIndexs: number[] | number[][]): void;
99
- updateRecords(records: any[], recordIndexs: (number | number[])[]): void;
94
+ changeCellValue(col: number, row: number, value: string | number | null, workOnEditableCell?: boolean, triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): void;
95
+ changeCellValues(startCol: number, startRow: number, values: (string | number)[][], workOnEditableCell?: boolean, triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): Promise<boolean[][]>;
96
+ changeCellValuesByIds(ranges: CellRange[], value: string | number | null, workOnEditableCell?: boolean, triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): Promise<void>;
97
+ changeSourceCellValue(recordIndex: number | number[], field: FieldDef, value: string | number | null): void;
98
+ changeCellValueByRecord(recordIndex: number | number[], field: FieldDef, value: string | number | null, options?: {
99
+ triggerEvent?: boolean;
100
+ silentChangeCellValuesEvent?: boolean;
101
+ autoRefresh?: boolean;
102
+ }): void;
103
+ changeCellValueBySource(recordIndex: number | number[], field: FieldDef, value: string | number | null, triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): void;
104
+ changeCellValuesByRecords(changeValues: {
105
+ recordIndex: number | number[];
106
+ field: FieldDef;
107
+ value: string | number | null;
108
+ }[], options?: {
109
+ triggerEvent?: boolean;
110
+ silentChangeCellValuesEvent?: boolean;
111
+ autoRefresh?: boolean;
112
+ }): void;
113
+ changeCellValuesBySource(changeValues: {
114
+ recordIndex: number | number[];
115
+ field: FieldDef;
116
+ value: string | number | null;
117
+ }[], triggerEvent?: boolean, silentChangeCellValuesEvent?: boolean): void;
118
+ refreshAfterSourceChange(options?: {
119
+ reapplyFilter?: boolean;
120
+ reapplySort?: boolean;
121
+ clearRowHeightCache?: boolean;
122
+ }): void;
123
+ addRecord(record: any, recordIndex?: number | number[], triggerEvent?: boolean): void;
124
+ addRecords(records: any[], recordIndex?: number | number[], triggerEvent?: boolean): void;
125
+ deleteRecords(recordIndexs: number[] | number[][], triggerEvent?: boolean): void;
126
+ updateRecords(records: any[], recordIndexs: (number | number[])[], triggerEvent?: boolean): void;
100
127
  _hasCustomRenderOrLayout(): boolean;
101
128
  getAggregateValuesByField(field: string | number): {
102
129
  col: number;
package/es/ListTable.js CHANGED
@@ -32,7 +32,9 @@ import { getGroupByDataConfig } from "./core/group-helper";
32
32
 
33
33
  import { DataSource } from "./data";
34
34
 
35
- import { listTableAddRecord, listTableAddRecords, listTableChangeCellValue, listTableChangeCellValues, listTableDeleteRecords, listTableUpdateRecords, sortRecords } from "./core/record-helper";
35
+ import { getValueFromDeepArray } from "./data/DataSource";
36
+
37
+ import { listTableAddRecord, listTableAddRecords, listTableChangeCellValue, listTableChangeCellValues, listTableChangeCellValuesByIds, listTableDeleteRecords, listTableUpdateRecords, sortRecords } from "./core/record-helper";
36
38
 
37
39
  import { fixUpdateRowRange } from "./tools/update-row";
38
40
 
@@ -717,47 +719,161 @@ export class ListTable extends BaseTable {
717
719
  }
718
720
  return isValid(editorDefine);
719
721
  }
720
- changeCellValue(col, row, value, workOnEditableCell = !1, triggerEvent = !0) {
721
- return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this);
722
+ changeCellValue(col, row, value, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
723
+ return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
724
+ }
725
+ changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
726
+ return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
727
+ }
728
+ changeCellValuesByIds(ranges, value, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
729
+ return listTableChangeCellValuesByIds(ranges, value, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
730
+ }
731
+ changeSourceCellValue(recordIndex, field, value) {
732
+ const tableIndex = this.getTableIndexByRecordIndex(recordIndex), cellAddr = this.getCellAddrByFieldRecord(field, recordIndex);
733
+ if (tableIndex < 0 || cellAddr.col < 0 || cellAddr.row < 0) return;
734
+ this.dataSource.changeFieldValue(value, tableIndex, field, cellAddr.col, cellAddr.row, this);
735
+ const beforeChangeValue = this.getCellRawValue(cellAddr.col, cellAddr.row), oldValue = this.getCellOriginValue(cellAddr.col, cellAddr.row), changedValue = this.getCellOriginValue(cellAddr.col, cellAddr.row);
736
+ if (oldValue !== changedValue) {
737
+ const changeValue = {
738
+ col: cellAddr.col,
739
+ row: cellAddr.row,
740
+ recordIndex: recordIndex,
741
+ field: field,
742
+ rawValue: beforeChangeValue,
743
+ currentValue: oldValue,
744
+ changedValue: changedValue
745
+ };
746
+ this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
747
+ values: [ changeValue ]
748
+ });
749
+ }
750
+ }
751
+ changeCellValueByRecord(recordIndex, field, value, options) {
752
+ var _a, _b, _c, _d, _e;
753
+ const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a, silentChangeCellValuesEvent = null == options ? void 0 : options.silentChangeCellValuesEvent, 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;
754
+ let record, oldValue;
755
+ if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex],
756
+ oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this),
757
+ !triggerEvent) return;
758
+ const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
759
+ if (oldValue !== changedValue) {
760
+ const cellAddr = this.getCellAddrByFieldRecord(field, recordIndex), changeValue = {
761
+ col: null !== (_d = null == cellAddr ? void 0 : cellAddr.col) && void 0 !== _d ? _d : -1,
762
+ row: null !== (_e = null == cellAddr ? void 0 : cellAddr.row) && void 0 !== _e ? _e : -1,
763
+ recordIndex: recordIndex,
764
+ field: field,
765
+ rawValue: oldValue,
766
+ currentValue: oldValue,
767
+ changedValue: changedValue
768
+ };
769
+ this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), silentChangeCellValuesEvent || this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
770
+ values: [ changeValue ]
771
+ });
772
+ }
773
+ autoRefresh && this.refreshAfterSourceChange();
774
+ }
775
+ changeCellValueBySource(recordIndex, field, value, triggerEvent = !0, silentChangeCellValuesEvent) {
776
+ return this.changeCellValueByRecord(recordIndex, field, value, {
777
+ triggerEvent: triggerEvent,
778
+ silentChangeCellValuesEvent: silentChangeCellValuesEvent,
779
+ autoRefresh: !0
780
+ });
781
+ }
782
+ changeCellValuesByRecords(changeValues, options) {
783
+ var _a, _b, _c, _d, _e, _f, _g;
784
+ const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a, silentChangeCellValuesEvent = null == options ? void 0 : options.silentChangeCellValuesEvent, autoRefresh = null === (_b = null == options ? void 0 : options.autoRefresh) || void 0 === _b || _b, resultChangeValues = [];
785
+ for (let i = 0; i < changeValues.length; i++) {
786
+ const {recordIndex: recordIndex, field: field, value: value} = changeValues[i], records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
787
+ let record, oldValue;
788
+ if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex],
789
+ oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this),
790
+ triggerEvent) {
791
+ const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
792
+ if (oldValue !== changedValue) {
793
+ const changeValue = {
794
+ col: null !== (_e = null === (_d = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _d ? void 0 : _d.col) && void 0 !== _e ? _e : -1,
795
+ row: null !== (_g = null === (_f = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _f ? void 0 : _f.row) && void 0 !== _g ? _g : -1,
796
+ recordIndex: recordIndex,
797
+ field: field,
798
+ rawValue: oldValue,
799
+ currentValue: oldValue,
800
+ changedValue: changedValue
801
+ };
802
+ this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), resultChangeValues.push(changeValue);
803
+ }
804
+ }
805
+ }
806
+ !silentChangeCellValuesEvent && resultChangeValues.length && triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
807
+ values: resultChangeValues
808
+ }), autoRefresh && this.refreshAfterSourceChange();
809
+ }
810
+ changeCellValuesBySource(changeValues, triggerEvent = !0, silentChangeCellValuesEvent) {
811
+ return this.changeCellValuesByRecords(changeValues, {
812
+ triggerEvent: triggerEvent,
813
+ silentChangeCellValuesEvent: silentChangeCellValuesEvent,
814
+ autoRefresh: !0
815
+ });
722
816
  }
723
- changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0) {
724
- return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this);
817
+ refreshAfterSourceChange(options) {
818
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
819
+ const reapplyFilter = null === (_a = null == options ? void 0 : options.reapplyFilter) || void 0 === _a || _a, reapplySort = null === (_b = null == options ? void 0 : options.reapplySort) || void 0 === _b || _b, clearRowHeightCache = null === (_c = null == options ? void 0 : options.clearRowHeightCache) || void 0 === _c || _c;
820
+ this.scenegraph.clearCells(), this.sortState && reapplySort && (null === (_e = (_d = this.dataSource).clearSortedIndexMap) || void 0 === _e || _e.call(_d),
821
+ null === (_g = null === (_f = this.dataSource.sortedIndexMap) || void 0 === _f ? void 0 : _f.clear) || void 0 === _g || _g.call(_f)),
822
+ reapplyFilter ? this.sortState && reapplySort ? (this.dataSource.updateFilterRulesForSorted(null === (_h = this.dataSource.dataConfig) || void 0 === _h ? void 0 : _h.filterRules),
823
+ sortRecords(this)) : this.dataSource.updateFilterRules(null === (_j = this.dataSource.dataConfig) || void 0 === _j ? void 0 : _j.filterRules) : this.sortState && reapplySort && sortRecords(this);
824
+ const traverseColumns = columns => {
825
+ var _a, _b, _c, _d;
826
+ for (let i = 0; i < (null !== (_a = null == columns ? void 0 : columns.length) && void 0 !== _a ? _a : 0); i++) {
827
+ const column = columns[i], aggregators = null == column ? void 0 : column.vtable_aggregator;
828
+ if (aggregators) if (Array.isArray(aggregators)) for (let j = 0; j < aggregators.length; j++) null === (_c = null === (_b = aggregators[j]) || void 0 === _b ? void 0 : _b.recalculate) || void 0 === _c || _c.call(_b); else null === (_d = null == aggregators ? void 0 : aggregators.recalculate) || void 0 === _d || _d.call(aggregators);
829
+ (null == column ? void 0 : column.columns) && traverseColumns(column.columns);
830
+ }
831
+ };
832
+ traverseColumns(this.internalProps.columns), this.refreshRowColCount(), this.internalProps.layoutMap.clearCellRangeMap(),
833
+ this.internalProps.useOneRowHeightFillAll = !1, this.stateManager.initCheckedState(this.records),
834
+ this.scenegraph.createSceneGraph(!clearRowHeightCache), null === (_k = this.internalProps.emptyTip) || void 0 === _k || _k.resetVisible(),
835
+ this.resize();
725
836
  }
726
- addRecord(record, recordIndex) {
837
+ addRecord(record, recordIndex, triggerEvent = !0) {
727
838
  var _a;
728
839
  const success = listTableAddRecord(record, recordIndex, this);
729
840
  adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, [ record ]), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(),
730
- success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
841
+ triggerEvent && success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
731
842
  records: [ record ],
732
843
  recordIndex: recordIndex,
733
844
  recordCount: 1
734
845
  });
735
846
  }
736
- addRecords(records, recordIndex) {
847
+ addRecords(records, recordIndex, triggerEvent = !0) {
737
848
  var _a;
738
849
  const success = listTableAddRecords(records, recordIndex, this);
739
850
  "number" == typeof recordIndex && adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, records),
740
851
  null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(),
741
- success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
852
+ triggerEvent && success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
742
853
  records: records,
743
854
  recordIndex: recordIndex,
744
855
  recordCount: records.length
745
856
  });
746
857
  }
747
- deleteRecords(recordIndexs) {
858
+ deleteRecords(recordIndexs, triggerEvent = !0) {
748
859
  var _a;
749
- listTableDeleteRecords(recordIndexs, this), adjustHeightResizedRowMapWithDeleteRecordIndex(this, recordIndexs),
860
+ const deletedRecords = [];
861
+ (null == recordIndexs ? void 0 : recordIndexs.length) > 0 && recordIndexs.forEach((index => {
862
+ let record = null;
863
+ record = "number" == typeof index ? this.dataSource.get(index) : [], deletedRecords.push(record);
864
+ })), listTableDeleteRecords(recordIndexs, this), adjustHeightResizedRowMapWithDeleteRecordIndex(this, recordIndexs),
750
865
  null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
751
866
  const rowIndexs = [];
752
867
  for (let i = 0; i < recordIndexs.length; i++) rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
753
- this.fireListeners(TABLE_EVENT_TYPE.DELETE_RECORD, {
868
+ triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.DELETE_RECORD, {
754
869
  recordIndexs: recordIndexs,
870
+ records: deletedRecords,
755
871
  rowIndexs: rowIndexs,
756
872
  deletedCount: (Array.isArray(recordIndexs[0]), recordIndexs.length)
757
873
  });
758
874
  }
759
- updateRecords(records, recordIndexs) {
760
- listTableUpdateRecords(records, recordIndexs, this), this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
875
+ updateRecords(records, recordIndexs, triggerEvent = !0) {
876
+ listTableUpdateRecords(records, recordIndexs, this), triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
761
877
  records: records,
762
878
  recordIndexs: recordIndexs,
763
879
  updateCount: records.length