@visactor/vtable 1.22.3-alpha.0 → 1.22.3

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 (123) hide show
  1. package/cjs/ListTable.d.ts +3 -1
  2. package/cjs/ListTable.js +15 -8
  3. package/cjs/ListTable.js.map +1 -1
  4. package/cjs/PivotTable.d.ts +1 -0
  5. package/cjs/PivotTable.js +3 -0
  6. package/cjs/PivotTable.js.map +1 -1
  7. package/cjs/body-helper/style/ButtonStyle.d.ts +10 -1
  8. package/cjs/body-helper/style/ButtonStyle.js.map +1 -1
  9. package/cjs/body-helper/style/CheckboxStyle.d.ts +14 -1
  10. package/cjs/body-helper/style/CheckboxStyle.js.map +1 -1
  11. package/cjs/body-helper/style/RadioStyle.d.ts +8 -1
  12. package/cjs/body-helper/style/RadioStyle.js.map +1 -1
  13. package/cjs/body-helper/style/SwitchStyle.d.ts +13 -1
  14. package/cjs/body-helper/style/SwitchStyle.js.map +1 -1
  15. package/cjs/core/BaseTable.js +2 -2
  16. package/cjs/core/BaseTable.js.map +1 -1
  17. package/cjs/core/record-helper.js.map +1 -1
  18. package/cjs/data/DataSource.js +1 -1
  19. package/cjs/data/DataSource.js.map +1 -1
  20. package/cjs/event/listener/touch.js +2 -1
  21. package/cjs/event/listener/touch.js.map +1 -1
  22. package/cjs/event/scroll.d.ts +2 -0
  23. package/cjs/event/scroll.js +12 -3
  24. package/cjs/event/scroll.js.map +1 -1
  25. package/cjs/index.d.ts +2 -1
  26. package/cjs/index.js +18 -4
  27. package/cjs/index.js.map +1 -1
  28. package/cjs/layout/index.js +2 -1
  29. package/cjs/layout/pivot-header-layout.d.ts +1 -0
  30. package/cjs/layout/pivot-header-layout.js +37 -4
  31. package/cjs/layout/pivot-header-layout.js.map +1 -1
  32. package/cjs/layout/pivot-layout.js +2 -0
  33. package/cjs/layout/row-height-map.js +1 -1
  34. package/cjs/layout/simple-header-layout.js +4 -4
  35. package/cjs/layout/simple-header-layout.js.map +1 -1
  36. package/cjs/layout/tree-helper.js +1 -1
  37. package/cjs/plugins/custom-cell-style.js +1 -2
  38. package/cjs/plugins/index.js +1 -1
  39. package/cjs/plugins/interface.js +1 -1
  40. package/cjs/plugins/invert-highlight.js +1 -1
  41. package/cjs/plugins/list-tree-stick-cell.js +1 -1
  42. package/cjs/plugins/plugin-manager.js +1 -1
  43. package/cjs/scenegraph/graphic/contributions/rect-contribution-render.js +1 -1
  44. package/cjs/scenegraph/graphic/contributions/rect-contribution-render.js.map +1 -1
  45. package/cjs/scenegraph/group-creater/cell-helper.js +1 -1
  46. package/cjs/scenegraph/group-creater/cell-helper.js.map +1 -1
  47. package/cjs/scenegraph/layout/compute-row-height.js +7 -3
  48. package/cjs/scenegraph/layout/compute-row-height.js.map +1 -1
  49. package/cjs/state/cell-move/adjust-header.d.ts +13 -0
  50. package/cjs/state/cell-move/adjust-header.js +50 -3
  51. package/cjs/state/cell-move/adjust-header.js.map +1 -1
  52. package/cjs/state/cell-move/index.js +2 -1
  53. package/cjs/state/cell-move/index.js.map +1 -1
  54. package/cjs/ts-types/base-table.d.ts +7 -2
  55. package/cjs/ts-types/base-table.js.map +1 -1
  56. package/cjs/ts-types/list-table/define/basic-define.d.ts +1 -1
  57. package/cjs/ts-types/list-table/define/basic-define.js.map +1 -1
  58. package/cjs/ts-types/table-engine.d.ts +9 -2
  59. package/cjs/ts-types/table-engine.js.map +1 -1
  60. package/cjs/vrender.js.map +1 -1
  61. package/dist/vtable.js +219 -18
  62. package/dist/vtable.min.js +2 -2
  63. package/es/ListTable.d.ts +3 -1
  64. package/es/ListTable.js +17 -10
  65. package/es/ListTable.js.map +1 -1
  66. package/es/PivotTable.d.ts +1 -0
  67. package/es/PivotTable.js +3 -0
  68. package/es/PivotTable.js.map +1 -1
  69. package/es/body-helper/style/ButtonStyle.d.ts +10 -1
  70. package/es/body-helper/style/ButtonStyle.js.map +1 -1
  71. package/es/body-helper/style/CheckboxStyle.d.ts +14 -1
  72. package/es/body-helper/style/CheckboxStyle.js.map +1 -1
  73. package/es/body-helper/style/RadioStyle.d.ts +8 -1
  74. package/es/body-helper/style/RadioStyle.js.map +1 -1
  75. package/es/body-helper/style/SwitchStyle.d.ts +13 -1
  76. package/es/body-helper/style/SwitchStyle.js.map +1 -1
  77. package/es/core/BaseTable.js +2 -2
  78. package/es/core/BaseTable.js.map +1 -1
  79. package/es/core/record-helper.js.map +1 -1
  80. package/es/data/DataSource.js +1 -1
  81. package/es/data/DataSource.js.map +1 -1
  82. package/es/event/listener/touch.js +2 -2
  83. package/es/event/listener/touch.js.map +1 -1
  84. package/es/event/scroll.d.ts +2 -0
  85. package/es/event/scroll.js +9 -1
  86. package/es/event/scroll.js.map +1 -1
  87. package/es/index.d.ts +2 -1
  88. package/es/index.js +3 -1
  89. package/es/index.js.map +1 -1
  90. package/es/layout/index.js +2 -1
  91. package/es/layout/pivot-header-layout.d.ts +1 -0
  92. package/es/layout/pivot-header-layout.js +37 -4
  93. package/es/layout/pivot-header-layout.js.map +1 -1
  94. package/es/layout/pivot-layout.js +2 -0
  95. package/es/layout/row-height-map.js +1 -1
  96. package/es/layout/simple-header-layout.js +4 -4
  97. package/es/layout/simple-header-layout.js.map +1 -1
  98. package/es/layout/tree-helper.js +1 -1
  99. package/es/plugins/custom-cell-style.js +1 -2
  100. package/es/plugins/index.js +1 -1
  101. package/es/plugins/interface.js +1 -1
  102. package/es/plugins/invert-highlight.js +1 -1
  103. package/es/plugins/list-tree-stick-cell.js +1 -1
  104. package/es/plugins/plugin-manager.js +1 -1
  105. package/es/scenegraph/graphic/contributions/rect-contribution-render.js +1 -1
  106. package/es/scenegraph/graphic/contributions/rect-contribution-render.js.map +1 -1
  107. package/es/scenegraph/group-creater/cell-helper.js +2 -2
  108. package/es/scenegraph/group-creater/cell-helper.js.map +1 -1
  109. package/es/scenegraph/layout/compute-row-height.js +7 -3
  110. package/es/scenegraph/layout/compute-row-height.js.map +1 -1
  111. package/es/state/cell-move/adjust-header.d.ts +13 -0
  112. package/es/state/cell-move/adjust-header.js +46 -2
  113. package/es/state/cell-move/adjust-header.js.map +1 -1
  114. package/es/state/cell-move/index.js +2 -1
  115. package/es/state/cell-move/index.js.map +1 -1
  116. package/es/ts-types/base-table.d.ts +7 -2
  117. package/es/ts-types/base-table.js.map +1 -1
  118. package/es/ts-types/list-table/define/basic-define.d.ts +1 -1
  119. package/es/ts-types/list-table/define/basic-define.js.map +1 -1
  120. package/es/ts-types/table-engine.d.ts +9 -2
  121. package/es/ts-types/table-engine.js.map +1 -1
  122. package/es/vrender.js.map +1 -1
  123. package/package.json +5 -5
@@ -69,7 +69,9 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
69
69
  getMenuInfo(col: number, row: number, type: string): DropDownMenuEventInfo;
70
70
  _getSortFuncFromHeaderOption(columns: ColumnsDefine | undefined, field: FieldDef, fieldKey?: FieldKeyDef): SortState['orderFn'] | undefined;
71
71
  updateSortState(sortState: SortState[] | SortState | null, executeSort?: boolean): void;
72
- updateFilterRules(filterRules: FilterRules): void;
72
+ updateFilterRules(filterRules: FilterRules, options?: {
73
+ clearRowHeightCache?: boolean;
74
+ }): void;
73
75
  getFilteredRecords(): any[];
74
76
  getCheckboxState(field?: string | number): any[];
75
77
  getCellCheckboxState(col: number, row: number): boolean | "indeterminate";
package/cjs/ListTable.js CHANGED
@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", {
29
29
  value: !0
30
30
  }), exports.ListTable = void 0;
31
31
 
32
- 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_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"), data_1 = require("./data"), record_helper_1 = require("./core/record-helper"), update_row_1 = require("./tools/update-row"), chart_render_helper_1 = require("./scenegraph/graphic/contributions/chart-render-helper"), get_custom_merge_cell_func_1 = require("./core/utils/get-custom-merge-cell-func");
32
+ 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_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"), data_1 = require("./data"), record_helper_1 = require("./core/record-helper"), update_row_1 = require("./tools/update-row"), chart_render_helper_1 = require("./scenegraph/graphic/contributions/chart-render-helper"), get_custom_merge_cell_func_1 = require("./core/utils/get-custom-merge-cell-func"), adjust_header_1 = require("./state/cell-move/adjust-header");
33
33
 
34
34
  class ListTable extends core_1.BaseTable {
35
35
  constructor(container, options) {
@@ -46,7 +46,8 @@ class ListTable extends core_1.BaseTable {
46
46
  internalProps.enableTreeNodeMerge = null !== (_d = null !== (_c = options.enableTreeNodeMerge) && void 0 !== _c ? _c : (0,
47
47
  vutils_1.isValid)(this.internalProps.groupBy)) && void 0 !== _d && _d, this.internalProps.headerHelper.setTableColumnsEditor(),
48
48
  this.showHeader = null === (_e = options.showHeader) || void 0 === _e || _e, this.internalProps.columnWidthConfig = options.columnWidthConfig,
49
- this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, "node" !== env_1.Env.mode && (this.editorManager = new edit_manager_1.EditManager(this)),
49
+ this.internalProps.rowHeightConfig = options.rowHeightConfig, this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f,
50
+ "node" !== env_1.Env.mode && (this.editorManager = new edit_manager_1.EditManager(this)),
50
51
  this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? this.dataSource = options.dataSource : options.records ? this.setRecords(options.records, {
51
52
  sortState: internalProps.sortState
52
53
  }) : this.setRecords([]), options.title) {
@@ -324,7 +325,7 @@ class ListTable extends core_1.BaseTable {
324
325
  vutils_1.isValid)(this.internalProps.groupBy)) && void 0 !== _e && _e, this.internalProps.headerHelper.setTableColumnsEditor(),
325
326
  this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, this.refreshHeader(),
326
327
  this.internalProps.useOneRowHeightFillAll = !1, this.internalProps.columnWidthConfig = options.columnWidthConfig,
327
- internalProps.releaseList) for (let i = internalProps.releaseList.length - 1; i >= 0; i--) {
328
+ this.internalProps.rowHeightConfig = options.rowHeightConfig, internalProps.releaseList) for (let i = internalProps.releaseList.length - 1; i >= 0; i--) {
328
329
  const releaseObj = internalProps.releaseList[i];
329
330
  releaseObj instanceof data_1.DataSource ? releaseObj.updateColumns(this.internalProps.columns) : (null === (_g = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _g || _g.call(releaseObj),
330
331
  internalProps.releaseList.splice(i, 1));
@@ -394,8 +395,9 @@ class ListTable extends core_1.BaseTable {
394
395
  _moveHeaderPosition(source, target) {
395
396
  const sourceCellRange = this.getCellRange(source.col, source.row), targetCellRange = this.getCellRange(target.col, target.row), moveContext = this.internalProps.layoutMap.moveHeaderPosition(source, target);
396
397
  return moveContext ? ("column" === moveContext.moveType ? (this.colWidthsMap.exchangeOrder(sourceCellRange.start.col, sourceCellRange.end.col - sourceCellRange.start.col + 1, targetCellRange.start.col, targetCellRange.end.col - targetCellRange.start.col + 1, moveContext.targetIndex),
397
- this.transpose || (this.colWidthsLimit = {}, this.setMinMaxLimitWidth())) : moveContext.targetIndex > moveContext.sourceIndex ? this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex + moveContext.sourceSize - moveContext.targetSize, moveContext.targetSize, moveContext.targetIndex) : this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex, moveContext.targetSize, moveContext.targetIndex),
398
- moveContext) : null;
398
+ (0, adjust_header_1.adjustWidthResizedColMap)(moveContext, this), this.transpose || (this.colWidthsLimit = {},
399
+ this.setMinMaxLimitWidth())) : (moveContext.targetIndex > moveContext.sourceIndex ? this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex + moveContext.sourceSize - moveContext.targetSize, moveContext.targetSize, moveContext.targetIndex) : this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex, moveContext.targetSize, moveContext.targetIndex),
400
+ (0, adjust_header_1.adjustHeightResizedRowMap)(moveContext, this)), moveContext) : null;
399
401
  }
400
402
  changeRecordOrder(sourceIndex, targetIndex) {
401
403
  this.transpose ? (sourceIndex = this.getRecordShowIndexByCell(sourceIndex, 0), targetIndex = this.getRecordShowIndexByCell(targetIndex, 0)) : (sourceIndex = this.getRecordShowIndexByCell(0, sourceIndex),
@@ -559,10 +561,12 @@ class ListTable extends core_1.BaseTable {
559
561
  }))), this.internalProps.layoutMap.clearCellRangeMap(), this.internalProps.useOneRowHeightFillAll = !1,
560
562
  this.scenegraph.sortCell()), sortState.length && this.stateManager.updateSortState(sortState);
561
563
  }
562
- updateFilterRules(filterRules) {
564
+ updateFilterRules(filterRules, options = {
565
+ clearRowHeightCache: !0
566
+ }) {
563
567
  this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules),
564
568
  (0, record_helper_1.sortRecords)(this)) : this.dataSource.updateFilterRules(filterRules),
565
- this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(),
569
+ this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(!(null == options ? void 0 : options.clearRowHeightCache)),
566
570
  this.resize();
567
571
  }
568
572
  getFilteredRecords() {
@@ -710,6 +714,7 @@ class ListTable extends core_1.BaseTable {
710
714
  addRecord(record, recordIndex) {
711
715
  var _a;
712
716
  const success = (0, record_helper_1.listTableAddRecord)(record, recordIndex, this);
717
+ (0, adjust_header_1.adjustHeightResizedRowMapWithAddRecordIndex)(this, recordIndex, [ record ]),
713
718
  null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(),
714
719
  success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
715
720
  records: [ record ],
@@ -720,6 +725,7 @@ class ListTable extends core_1.BaseTable {
720
725
  addRecords(records, recordIndex) {
721
726
  var _a;
722
727
  const success = (0, record_helper_1.listTableAddRecords)(records, recordIndex, this);
728
+ "number" == typeof recordIndex && (0, adjust_header_1.adjustHeightResizedRowMapWithAddRecordIndex)(this, recordIndex, records),
723
729
  null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(),
724
730
  success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
725
731
  records: records,
@@ -729,7 +735,8 @@ class ListTable extends core_1.BaseTable {
729
735
  }
730
736
  deleteRecords(recordIndexs) {
731
737
  var _a;
732
- (0, record_helper_1.listTableDeleteRecords)(recordIndexs, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
738
+ (0, record_helper_1.listTableDeleteRecords)(recordIndexs, this), (0, adjust_header_1.adjustHeightResizedRowMapWithDeleteRecordIndex)(this, recordIndexs),
739
+ null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
733
740
  const rowIndexs = [];
734
741
  for (let i = 0; i < recordIndexs.length; i++) rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
735
742
  this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DELETE_RECORD, {