@visactor/vtable 0.17.2-alpha.1 → 0.17.3-alpha.0

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 (63) hide show
  1. package/cjs/ListTable.d.ts +1 -0
  2. package/cjs/ListTable.js +3 -0
  3. package/cjs/ListTable.js.map +1 -1
  4. package/cjs/core/BaseTable.d.ts +8 -0
  5. package/cjs/core/BaseTable.js +13 -1
  6. package/cjs/core/BaseTable.js.map +1 -1
  7. package/cjs/edit/edit-manager.d.ts +1 -1
  8. package/cjs/edit/edit-manager.js +3 -5
  9. package/cjs/edit/edit-manager.js.map +1 -1
  10. package/cjs/event/listener/scroll-bar.js +7 -11
  11. package/cjs/event/listener/scroll-bar.js.map +1 -1
  12. package/cjs/event/listener/table-group.js +11 -10
  13. package/cjs/event/listener/table-group.js.map +1 -1
  14. package/cjs/index.d.ts +1 -1
  15. package/cjs/index.js +1 -1
  16. package/cjs/index.js.map +1 -1
  17. package/cjs/scenegraph/group-creater/progress/update-position/dynamic-set-x.js +2 -2
  18. package/cjs/scenegraph/group-creater/progress/update-position/dynamic-set-x.js.map +1 -1
  19. package/cjs/scenegraph/group-creater/progress/update-position/dynamic-set-y.js +2 -1
  20. package/cjs/scenegraph/group-creater/progress/update-position/dynamic-set-y.js.map +1 -1
  21. package/cjs/scenegraph/icon/icon-update.js +1 -1
  22. package/cjs/scenegraph/icon/icon-update.js.map +1 -1
  23. package/cjs/state/select/update-position.js +4 -3
  24. package/cjs/state/select/update-position.js.map +1 -1
  25. package/cjs/state/state.js +2 -2
  26. package/cjs/state/state.js.map +1 -1
  27. package/cjs/themes/BRIGHT.js +1 -2
  28. package/cjs/themes/DARK.js +2 -1
  29. package/cjs/ts-types/base-table.d.ts +2 -0
  30. package/cjs/ts-types/base-table.js.map +1 -1
  31. package/dist/vtable.js +48 -40
  32. package/dist/vtable.min.js +1 -1
  33. package/es/ListTable.d.ts +1 -0
  34. package/es/ListTable.js +3 -0
  35. package/es/ListTable.js.map +1 -1
  36. package/es/core/BaseTable.d.ts +8 -0
  37. package/es/core/BaseTable.js +13 -1
  38. package/es/core/BaseTable.js.map +1 -1
  39. package/es/edit/edit-manager.d.ts +1 -1
  40. package/es/edit/edit-manager.js +3 -5
  41. package/es/edit/edit-manager.js.map +1 -1
  42. package/es/event/listener/scroll-bar.js +6 -12
  43. package/es/event/listener/scroll-bar.js.map +1 -1
  44. package/es/event/listener/table-group.js +11 -10
  45. package/es/event/listener/table-group.js.map +1 -1
  46. package/es/index.d.ts +1 -1
  47. package/es/index.js +1 -1
  48. package/es/index.js.map +1 -1
  49. package/es/scenegraph/group-creater/progress/update-position/dynamic-set-x.js +2 -2
  50. package/es/scenegraph/group-creater/progress/update-position/dynamic-set-x.js.map +1 -1
  51. package/es/scenegraph/group-creater/progress/update-position/dynamic-set-y.js +2 -1
  52. package/es/scenegraph/group-creater/progress/update-position/dynamic-set-y.js.map +1 -1
  53. package/es/scenegraph/icon/icon-update.js +1 -1
  54. package/es/scenegraph/icon/icon-update.js.map +1 -1
  55. package/es/state/select/update-position.js +4 -3
  56. package/es/state/select/update-position.js.map +1 -1
  57. package/es/state/state.js +4 -3
  58. package/es/state/state.js.map +1 -1
  59. package/es/themes/BRIGHT.js +1 -2
  60. package/es/themes/DARK.js +2 -1
  61. package/es/ts-types/base-table.d.ts +2 -0
  62. package/es/ts-types/base-table.js.map +1 -1
  63. package/package.json +2 -2
package/dist/vtable.js CHANGED
@@ -56150,13 +56150,13 @@
56150
56150
  else if (direction === 'right' && proxy.colStart - count < proxy.bodyLeftCol) {
56151
56151
  count = proxy.colStart - proxy.bodyLeftCol;
56152
56152
  }
56153
+ if (count === 0) {
56154
+ return;
56155
+ }
56153
56156
  if (count < 0) {
56154
56157
  direction = direction === 'left' ? 'right' : 'left';
56155
56158
  count = -count;
56156
56159
  }
56157
- if (count <= 0) {
56158
- return;
56159
- }
56160
56160
  if (count < proxy.colEnd - proxy.colStart) {
56161
56161
  const startCol = direction === 'left' ? proxy.colStart : proxy.colEnd - count + 1;
56162
56162
  const endCol = direction === 'left' ? proxy.colStart + count - 1 : proxy.colEnd;
@@ -56385,6 +56385,9 @@
56385
56385
  else if (direction === 'down' && proxy.rowStart - count < proxy.bodyTopRow) {
56386
56386
  count = proxy.rowStart - proxy.bodyTopRow;
56387
56387
  }
56388
+ if (count === 0) {
56389
+ return;
56390
+ }
56388
56391
  if (count < 0) {
56389
56392
  direction = direction === 'up' ? 'down' : 'up';
56390
56393
  count = -count;
@@ -58999,7 +59002,7 @@
58999
59002
  }
59000
59003
  function resetResidentHoverIcon(col, row, scene) {
59001
59004
  updateCellRangeIcon(col, row, (icon) => icon.attribute.funcType === IconFuncTypeEnum.dropDown, (icon) => {
59002
- icon.setAttribute('visibleTime', icon.oldVisibleTime);
59005
+ icon.oldVisibleTime && icon.setAttribute('visibleTime', icon.oldVisibleTime);
59003
59006
  icon.setAttribute('opacity', icon.attribute.visibleTime === 'always' ? 1 : 0);
59004
59007
  }, scene);
59005
59008
  }
@@ -60829,7 +60832,7 @@
60829
60832
  end: { col: table.colCount - 1, row: cellRange.end.row }
60830
60833
  });
60831
60834
  }
60832
- else {
60835
+ else if (col >= 0 && row >= 0) {
60833
60836
  state.select.ranges.push({
60834
60837
  start: { col, row },
60835
60838
  end: { col, row }
@@ -60837,8 +60840,9 @@
60837
60840
  }
60838
60841
  cellPos.col = col;
60839
60842
  cellPos.row = row;
60840
- const currentRange = state.select.ranges[state.select.ranges.length - 1];
60841
- scenegraph.updateCellSelectBorder(currentRange.start.col, currentRange.start.row, currentRange.end.col, currentRange.end.row);
60843
+ const currentRange = state.select.ranges?.[state.select.ranges.length - 1];
60844
+ currentRange &&
60845
+ scenegraph.updateCellSelectBorder(currentRange.start.col, currentRange.start.row, currentRange.end.col, currentRange.end.row);
60842
60846
  }
60843
60847
  }
60844
60848
  else if (interactionState === InteractionState.grabing && !table.stateManager.isResizeCol()) {
@@ -61887,14 +61891,16 @@
61887
61891
  }
61888
61892
  }
61889
61893
  hideMenu() {
61890
- this.table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null);
61891
- this.table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null);
61892
- this.menu.isShow = false;
61893
- this.table.scenegraph.component.menu.detach();
61894
- if (this.residentHoverIcon) {
61895
- this.table.scenegraph.setIconNormalStyle(this.residentHoverIcon.icon, this.residentHoverIcon.col, this.residentHoverIcon.row);
61896
- this.table.scenegraph.resetResidentHoverIcon(this.residentHoverIcon.col, this.residentHoverIcon.row);
61897
- this.residentHoverIcon = null;
61894
+ if (this.menu.isShow) {
61895
+ this.table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null);
61896
+ this.table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null);
61897
+ this.menu.isShow = false;
61898
+ this.table.scenegraph.component.menu.detach();
61899
+ if (this.residentHoverIcon) {
61900
+ this.table.scenegraph.setIconNormalStyle(this.residentHoverIcon.icon, this.residentHoverIcon.col, this.residentHoverIcon.row);
61901
+ this.table.scenegraph.resetResidentHoverIcon(this.residentHoverIcon.col, this.residentHoverIcon.row);
61902
+ this.residentHoverIcon = null;
61903
+ }
61898
61904
  }
61899
61905
  }
61900
61906
  setDropDownMenuHighlight(cells) {
@@ -62603,9 +62609,7 @@
62603
62609
  }
62604
62610
  }
62605
62611
  }
62606
- if (table.editorManager) {
62607
- table.editorManager.completeEdit();
62608
- }
62612
+ table.editorManager?.completeEdit(e.nativeEvent);
62609
62613
  stateManager.updateInteractionState(InteractionState.default);
62610
62614
  eventManager.dealTableHover();
62611
62615
  });
@@ -62624,9 +62628,10 @@
62624
62628
  if (table.isPivotChart() && eventArgsSet?.eventArgs?.target.type !== 'chart') {
62625
62629
  table.scenegraph.updateChartState(null);
62626
62630
  }
62627
- if (stateManager.menu.isShow && eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
62631
+ if (eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
62628
62632
  stateManager.hideMenu();
62629
62633
  }
62634
+ table.editorManager?.completeEdit(e.nativeEvent);
62630
62635
  const hitIcon = eventArgsSet?.eventArgs?.target?.role?.startsWith('icon')
62631
62636
  ? eventArgsSet.eventArgs.target
62632
62637
  : undefined;
@@ -62821,9 +62826,10 @@
62821
62826
  });
62822
62827
  table.scenegraph.stage.addEventListener('pointerdown', (e) => {
62823
62828
  const eventArgsSet = getCellEventArgsSet(e);
62824
- if (stateManager.menu.isShow && eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
62829
+ if (eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
62825
62830
  stateManager.hideMenu();
62826
62831
  }
62832
+ table.editorManager?.completeEdit(e.nativeEvent);
62827
62833
  });
62828
62834
  table.scenegraph.stage.addEventListener('pointertap', (e) => {
62829
62835
  const target = e.target;
@@ -62980,11 +62986,7 @@
62980
62986
  if (stateManager.interactionState !== InteractionState.scrolling) {
62981
62987
  stateManager.updateInteractionState(InteractionState.scrolling);
62982
62988
  }
62983
- const eventArgsSet = getCellEventArgsSet(e);
62984
- if (scenegraph.table.stateManager.menu.isShow &&
62985
- eventArgsSet.eventArgs?.target !== scenegraph.table.stateManager.residentHoverIcon?.icon) {
62986
- scenegraph.table.stateManager.hideMenu();
62987
- }
62989
+ scenegraph.table.stateManager.hideMenu();
62988
62990
  scenegraph.table.editorManager?.completeEdit();
62989
62991
  });
62990
62992
  scenegraph.component.vScrollBar.addEventListener('pointerup', () => {
@@ -63005,11 +63007,7 @@
63005
63007
  if (stateManager.interactionState !== InteractionState.scrolling) {
63006
63008
  stateManager.updateInteractionState(InteractionState.scrolling);
63007
63009
  }
63008
- const eventArgsSet = getCellEventArgsSet(e);
63009
- if (scenegraph.table.stateManager.menu.isShow &&
63010
- eventArgsSet.eventArgs?.target !== scenegraph.table.stateManager.residentHoverIcon?.icon) {
63011
- scenegraph.table.stateManager.hideMenu();
63012
- }
63010
+ scenegraph.table.stateManager.hideMenu();
63013
63011
  scenegraph.table.editorManager?.completeEdit();
63014
63012
  });
63015
63013
  scenegraph.component.hScrollBar.addEventListener('pointerup', () => {
@@ -66583,7 +66581,7 @@
66583
66581
  return TABLE_EVENT_TYPE;
66584
66582
  }
66585
66583
  options;
66586
- version = "0.17.2-alpha.1";
66584
+ version = "0.17.3-alpha.0";
66587
66585
  pagination;
66588
66586
  id = `VTable${Date.now()}`;
66589
66587
  headerStyleCache;
@@ -68811,6 +68809,18 @@
68811
68809
  }
68812
68810
  return null;
68813
68811
  }
68812
+ getBodyIndexByTableIndex(col, row) {
68813
+ return {
68814
+ col: col - this.rowHeaderLevelCount,
68815
+ row: row - this.columnHeaderLevelCount
68816
+ };
68817
+ }
68818
+ getTableIndexByBodyIndex(col, row) {
68819
+ return {
68820
+ col: col + this.rowHeaderLevelCount,
68821
+ row: row + this.columnHeaderLevelCount
68822
+ };
68823
+ }
68814
68824
  }
68815
68825
 
68816
68826
  var core = /*#__PURE__*/Object.freeze({
@@ -70086,12 +70096,6 @@
70086
70096
  this.startEditCell(col, row);
70087
70097
  }
70088
70098
  });
70089
- document.body.addEventListener('pointerdown', (e) => {
70090
- const target = e.target;
70091
- if (this.editingEditor && !this.editingEditor.targetIsOnEditor(target)) {
70092
- this.completeEdit();
70093
- }
70094
- });
70095
70099
  handler.on(this.table.getElement(), 'wheel', (e) => {
70096
70100
  this.completeEdit();
70097
70101
  });
@@ -70120,8 +70124,9 @@
70120
70124
  editor.beginEditing(this.table.getElement(), { rect: { left: rect.left, top: rect.top, width: rect.width, height: rect.height } }, dataValue);
70121
70125
  }
70122
70126
  }
70123
- completeEdit() {
70124
- if (this.editingEditor) {
70127
+ completeEdit(e) {
70128
+ const target = e?.target;
70129
+ if (this.editingEditor && (!target || (target && !this.editingEditor.targetIsOnEditor(target)))) {
70125
70130
  const changedValue = this.editingEditor.getValue();
70126
70131
  this.table.changeCellValue(this.editCell.col, this.editCell.row, changedValue);
70127
70132
  this.editingEditor.exit();
@@ -70214,6 +70219,9 @@
70214
70219
  this.renderAsync();
70215
70220
  this.eventManager.updateEventBinder();
70216
70221
  }
70222
+ get columns() {
70223
+ return this.internalProps.columns;
70224
+ }
70217
70225
  get header() {
70218
70226
  return this.internalProps.columns;
70219
70227
  }
@@ -77200,7 +77208,7 @@
77200
77208
  return new Tag$1(params ? params.attribute : {});
77201
77209
  }
77202
77210
 
77203
- const version = "0.17.2-alpha.1";
77211
+ const version = "0.17.3-alpha.0";
77204
77212
  function getIcons() {
77205
77213
  return get$2();
77206
77214
  }