@visactor/vtable 1.18.2-alpha.1 → 1.18.2-alpha.2

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 (85) hide show
  1. package/cjs/ListTable.d.ts +3 -1
  2. package/cjs/ListTable.js +19 -14
  3. package/cjs/ListTable.js.map +1 -1
  4. package/cjs/core/BaseTable.d.ts +1 -0
  5. package/cjs/core/BaseTable.js +21 -17
  6. package/cjs/core/BaseTable.js.map +1 -1
  7. package/cjs/core/tableHelper.js +3 -3
  8. package/cjs/core/tableHelper.js.map +1 -1
  9. package/cjs/data/DataSource.js +2 -1
  10. package/cjs/data/DataSource.js.map +1 -1
  11. package/cjs/event/event.d.ts +1 -1
  12. package/cjs/event/event.js +1 -1
  13. package/cjs/event/event.js.map +1 -1
  14. package/cjs/event/listener/container-dom.js +28 -8
  15. package/cjs/event/listener/container-dom.js.map +1 -1
  16. package/cjs/event/listener/table-group.js +1 -37
  17. package/cjs/event/listener/table-group.js.map +1 -1
  18. package/cjs/event/listener/touch.js +21 -18
  19. package/cjs/event/listener/touch.js.map +1 -1
  20. package/cjs/index.d.ts +1 -1
  21. package/cjs/index.js +1 -1
  22. package/cjs/index.js.map +1 -1
  23. package/cjs/layout/pivot-header-layout.js +2 -2
  24. package/cjs/layout/pivot-header-layout.js.map +1 -1
  25. package/cjs/plugins/interface.d.ts +1 -2
  26. package/cjs/plugins/interface.js.map +1 -1
  27. package/cjs/plugins/plugin-manager.d.ts +2 -2
  28. package/cjs/plugins/plugin-manager.js +13 -17
  29. package/cjs/plugins/plugin-manager.js.map +1 -1
  30. package/cjs/scenegraph/group-creater/cell-helper.js +6 -1
  31. package/cjs/scenegraph/group-creater/cell-helper.js.map +1 -1
  32. package/cjs/scenegraph/group-creater/column-helper.js +2 -1
  33. package/cjs/scenegraph/group-creater/column-helper.js.map +1 -1
  34. package/cjs/scenegraph/layout/compute-col-width.js.map +1 -1
  35. package/cjs/scenegraph/layout/frozen.js +31 -12
  36. package/cjs/scenegraph/layout/frozen.js.map +1 -1
  37. package/cjs/scenegraph/scenegraph.js +6 -4
  38. package/cjs/scenegraph/scenegraph.js.map +1 -1
  39. package/cjs/ts-types/base-table.d.ts +1 -0
  40. package/cjs/ts-types/base-table.js.map +1 -1
  41. package/cjs/vrender.js.map +1 -1
  42. package/dist/vtable.js +298 -169
  43. package/dist/vtable.min.js +2 -2
  44. package/es/ListTable.d.ts +3 -1
  45. package/es/ListTable.js +20 -13
  46. package/es/ListTable.js.map +1 -1
  47. package/es/core/BaseTable.d.ts +1 -0
  48. package/es/core/BaseTable.js +21 -17
  49. package/es/core/BaseTable.js.map +1 -1
  50. package/es/core/tableHelper.js +3 -3
  51. package/es/core/tableHelper.js.map +1 -1
  52. package/es/data/DataSource.js +2 -1
  53. package/es/data/DataSource.js.map +1 -1
  54. package/es/event/event.d.ts +1 -1
  55. package/es/event/event.js +2 -2
  56. package/es/event/event.js.map +1 -1
  57. package/es/event/listener/container-dom.js +30 -8
  58. package/es/event/listener/container-dom.js.map +1 -1
  59. package/es/event/listener/table-group.js +2 -38
  60. package/es/event/listener/table-group.js.map +1 -1
  61. package/es/event/listener/touch.js +22 -17
  62. package/es/event/listener/touch.js.map +1 -1
  63. package/es/index.d.ts +1 -1
  64. package/es/index.js +1 -1
  65. package/es/index.js.map +1 -1
  66. package/es/layout/pivot-header-layout.js +2 -2
  67. package/es/layout/pivot-header-layout.js.map +1 -1
  68. package/es/plugins/interface.d.ts +1 -2
  69. package/es/plugins/interface.js.map +1 -1
  70. package/es/plugins/plugin-manager.d.ts +2 -2
  71. package/es/plugins/plugin-manager.js +13 -17
  72. package/es/plugins/plugin-manager.js.map +1 -1
  73. package/es/scenegraph/group-creater/cell-helper.js +6 -1
  74. package/es/scenegraph/group-creater/cell-helper.js.map +1 -1
  75. package/es/scenegraph/group-creater/column-helper.js +2 -1
  76. package/es/scenegraph/group-creater/column-helper.js.map +1 -1
  77. package/es/scenegraph/layout/compute-col-width.js.map +1 -1
  78. package/es/scenegraph/layout/frozen.js +31 -12
  79. package/es/scenegraph/layout/frozen.js.map +1 -1
  80. package/es/scenegraph/scenegraph.js +6 -4
  81. package/es/scenegraph/scenegraph.js.map +1 -1
  82. package/es/ts-types/base-table.d.ts +1 -0
  83. package/es/ts-types/base-table.js.map +1 -1
  84. package/es/vrender.js.map +1 -1
  85. package/package.json +5 -5
@@ -43,7 +43,7 @@ class BaseTable extends EventTarget_1.EventTarget {
43
43
  }
44
44
  constructor(container, options = {}) {
45
45
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
46
- if (super(), this.showFrozenIcon = !0, this.version = "1.18.2-alpha.1", this.id = `VTable${Date.now()}`,
46
+ if (super(), this.showFrozenIcon = !0, this.version = "1.18.2-alpha.2", this.id = `VTable${Date.now()}`,
47
47
  this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200),
48
48
  "node" === env_1.Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container,
49
49
  container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
@@ -593,6 +593,11 @@ class BaseTable extends EventTarget_1.EventTarget {
593
593
  if (this.internalProps.colCount <= 0) return 0;
594
594
  return this.getColsWidth(0, this.internalProps.colCount - 1);
595
595
  }
596
+ getColsWidths() {
597
+ const maxCount = this.colCount, widths = [];
598
+ for (let col = 0; col < maxCount; col++) widths.push(this.getColWidth(col));
599
+ return widths;
600
+ }
596
601
  getMaxColWidth(col) {
597
602
  var _a;
598
603
  const obj = this.colWidthsLimit[col];
@@ -856,9 +861,8 @@ class BaseTable extends EventTarget_1.EventTarget {
856
861
  return super.fireListeners(type, event);
857
862
  }
858
863
  updateOption(options) {
859
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
860
- null === (_a = this.editorManager) || void 0 === _a || _a.cancelEdit(), this.options = options,
861
- this._hasAutoImageColumn = void 0;
864
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
865
+ this.options = options, this._hasAutoImageColumn = void 0;
862
866
  const {frozenColCount: frozenColCount = 0, unfreezeAllOnExceedsMaxWidth: unfreezeAllOnExceedsMaxWidth, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, rowResizeMode: rowResizeMode = "none", resize: resize, dragHeaderMode: dragHeaderMode, dragOrder: dragOrder, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, widthAdaptiveMode: widthAdaptiveMode, heightAdaptiveMode: heightAdaptiveMode, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight} = options;
863
867
  pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio),
864
868
  padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding,
@@ -874,31 +878,31 @@ class BaseTable extends EventTarget_1.EventTarget {
874
878
  this.canvasHeight = (0, vutils_1.isNumber)(canvasHeight) ? canvasHeight : void 0;
875
879
  const internalProps = this.internalProps;
876
880
  if ("node" === env_1.Env.mode || options.canvas || (0, tableHelper_1.updateRootElementPadding)(internalProps.element, this.padding),
877
- this.columnWidthComputeMode = null !== (_b = options.columnWidthComputeMode) && void 0 !== _b ? _b : "normal",
881
+ this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal",
878
882
  internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth,
879
883
  internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight,
880
884
  internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth,
881
885
  internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions,
882
- internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_c = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _c ? _c : columnResizeMode,
883
- internalProps.rowResizeMode = null !== (_d = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _d ? _d : rowResizeMode,
884
- internalProps.dragHeaderMode = null !== (_f = null !== (_e = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _e ? _e : dragHeaderMode) && void 0 !== _f ? _f : "none",
886
+ internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_b = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _b ? _b : columnResizeMode,
887
+ internalProps.rowResizeMode = null !== (_c = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _c ? _c : rowResizeMode,
888
+ internalProps.dragHeaderMode = null !== (_e = null !== (_d = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _d ? _d : dragHeaderMode) && void 0 !== _e ? _e : "none",
885
889
  internalProps.renderChartAsync = renderChartAsync, (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount),
886
890
  internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto",
887
891
  internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new row_height_map_1.NumberRangeMap(this),
888
892
  internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map,
889
893
  internalProps._widthResizedColMap = new Set, internalProps._heightResizedRowMap = new Set,
890
894
  this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap,
891
- this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes_1.default.of(null !== (_g = options.theme) && void 0 !== _g ? _g : themes_1.default.DEFAULT),
895
+ this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes_1.default.of(null !== (_f = options.theme) && void 0 !== _f ? _f : themes_1.default.DEFAULT),
892
896
  internalProps.theme.isPivot = this.isPivotTable(), (0, icons_1.setIconColor)(internalProps.theme.functionalIconsStyle),
893
897
  this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText,
894
- internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_h = options.allowFrozenColCount) && void 0 !== _h ? _h : 0,
895
- internalProps.limitMaxAutoWidth = null !== (_j = options.limitMaxAutoWidth) && void 0 !== _j ? _j : 450,
898
+ internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_g = options.allowFrozenColCount) && void 0 !== _g ? _g : 0,
899
+ internalProps.limitMaxAutoWidth = null !== (_h = options.limitMaxAutoWidth) && void 0 !== _h ? _h : 450,
896
900
  internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10,
897
901
  internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10,
898
- null === (_k = internalProps.legends) || void 0 === _k || _k.forEach((legend => {
902
+ null === (_j = internalProps.legends) || void 0 === _j || _j.forEach((legend => {
899
903
  null == legend || legend.release();
900
- })), null === (_l = internalProps.title) || void 0 === _l || _l.release(), internalProps.title = null,
901
- null === (_m = internalProps.emptyTip) || void 0 === _m || _m.release(), internalProps.emptyTip = null,
904
+ })), null === (_k = internalProps.title) || void 0 === _k || _k.release(), internalProps.title = null,
905
+ null === (_l = internalProps.emptyTip) || void 0 === _l || _l.release(), internalProps.emptyTip = null,
902
906
  internalProps.layoutMap.release(), (0, chart_render_helper_1.clearChartRenderQueue)(),
903
907
  this.scenegraph.clearCells(), this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(),
904
908
  this._updateSize(), this.eventManager.updateEventBinder(), options.legends) {
@@ -927,15 +931,15 @@ class BaseTable extends EventTarget_1.EventTarget {
927
931
  }
928
932
  if (internalProps.menu = Object.assign({
929
933
  renderMode: "html"
930
- }, options.menu), Array.isArray(null === (_o = options.menu) || void 0 === _o ? void 0 : _o.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_p = options.menu) || void 0 === _p ? void 0 : _p.dropDownMenuHighlight),
931
- (Array.isArray(null === (_q = options.menu) || void 0 === _q ? void 0 : _q.defaultHeaderMenuItems) || "function" == typeof (null === (_r = options.menu) || void 0 === _r ? void 0 : _r.defaultHeaderMenuItems)) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems),
934
+ }, options.menu), Array.isArray(null === (_m = options.menu) || void 0 === _m ? void 0 : _m.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_o = options.menu) || void 0 === _o ? void 0 : _o.dropDownMenuHighlight),
935
+ (Array.isArray(null === (_p = options.menu) || void 0 === _p ? void 0 : _p.defaultHeaderMenuItems) || "function" == typeof (null === (_q = options.menu) || void 0 === _q ? void 0 : _q.defaultHeaderMenuItems)) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems),
932
936
  "html" === internalProps.menu.renderMode && !internalProps.menuHandler) {
933
937
  const MenuHandler = factory_1.Factory.getComponent("menuHandler");
934
938
  internalProps.menuHandler = new MenuHandler(this);
935
939
  }
936
940
  this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(),
937
941
  internalProps.customMergeCell = (0, get_custom_merge_cell_func_1.getCustomMergeCellFunc)(options.customMergeCell),
938
- null === (_s = this.customCellStylePlugin) || void 0 === _s || _s.updateCustomCell(null !== (_t = options.customCellStyle) && void 0 !== _t ? _t : [], null !== (_u = options.customCellStyleArrangement) && void 0 !== _u ? _u : []),
942
+ null === (_r = this.customCellStylePlugin) || void 0 === _r || _r.updateCustomCell(null !== (_s = options.customCellStyle) && void 0 !== _s ? _s : [], null !== (_t = options.customCellStyleArrangement) && void 0 !== _t ? _t : []),
939
943
  this._adjustCanvasSizeByOption();
940
944
  }
941
945
  renderWithRecreateCells() {