@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
@@ -178,6 +178,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
178
178
  _setColContentWidth(col: number, width: string | number): void;
179
179
  getAllRowsHeight(): number;
180
180
  getAllColsWidth(): number;
181
+ getColsWidths(): number[];
181
182
  getMaxColWidth(col: number): number;
182
183
  setMaxColWidth(col: number, maxwidth: string | number): void;
183
184
  getMinColWidth(col: number): number;
@@ -90,7 +90,7 @@ export class BaseTable extends EventTarget {
90
90
  }
91
91
  constructor(container, options = {}) {
92
92
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
93
- if (super(), this.showFrozenIcon = !0, this.version = "1.18.2-alpha.1", this.id = `VTable${Date.now()}`,
93
+ if (super(), this.showFrozenIcon = !0, this.version = "1.18.2-alpha.2", this.id = `VTable${Date.now()}`,
94
94
  this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200),
95
95
  "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container,
96
96
  container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
@@ -637,6 +637,11 @@ export class BaseTable extends EventTarget {
637
637
  if (this.internalProps.colCount <= 0) return 0;
638
638
  return this.getColsWidth(0, this.internalProps.colCount - 1);
639
639
  }
640
+ getColsWidths() {
641
+ const maxCount = this.colCount, widths = [];
642
+ for (let col = 0; col < maxCount; col++) widths.push(this.getColWidth(col));
643
+ return widths;
644
+ }
640
645
  getMaxColWidth(col) {
641
646
  var _a;
642
647
  const obj = this.colWidthsLimit[col];
@@ -898,9 +903,8 @@ export class BaseTable extends EventTarget {
898
903
  return super.fireListeners(type, event);
899
904
  }
900
905
  updateOption(options) {
901
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
902
- null === (_a = this.editorManager) || void 0 === _a || _a.cancelEdit(), this.options = options,
903
- this._hasAutoImageColumn = void 0;
906
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
907
+ this.options = options, this._hasAutoImageColumn = void 0;
904
908
  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;
905
909
  pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio),
906
910
  padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding,
@@ -916,31 +920,31 @@ export class BaseTable extends EventTarget {
916
920
  this.canvasHeight = isNumber(canvasHeight) ? canvasHeight : void 0;
917
921
  const internalProps = this.internalProps;
918
922
  if ("node" === Env.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding),
919
- this.columnWidthComputeMode = null !== (_b = options.columnWidthComputeMode) && void 0 !== _b ? _b : "normal",
923
+ this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal",
920
924
  internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth,
921
925
  internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight,
922
926
  internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth,
923
927
  internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions,
924
- internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_c = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _c ? _c : columnResizeMode,
925
- internalProps.rowResizeMode = null !== (_d = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _d ? _d : rowResizeMode,
926
- internalProps.dragHeaderMode = null !== (_f = null !== (_e = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _e ? _e : dragHeaderMode) && void 0 !== _f ? _f : "none",
928
+ internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_b = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _b ? _b : columnResizeMode,
929
+ internalProps.rowResizeMode = null !== (_c = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _c ? _c : rowResizeMode,
930
+ internalProps.dragHeaderMode = null !== (_e = null !== (_d = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _d ? _d : dragHeaderMode) && void 0 !== _e ? _e : "none",
927
931
  internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount),
928
932
  internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto",
929
933
  internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberRangeMap(this),
930
934
  internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map,
931
935
  internalProps._widthResizedColMap = new Set, internalProps._heightResizedRowMap = new Set,
932
936
  this.colWidthsMap = new NumberMap, this.colContentWidthsMap = new NumberMap, this.colWidthsLimit = {},
933
- internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_g = options.theme) && void 0 !== _g ? _g : themes.DEFAULT),
937
+ internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_f = options.theme) && void 0 !== _f ? _f : themes.DEFAULT),
934
938
  internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle),
935
939
  this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText,
936
- internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_h = options.allowFrozenColCount) && void 0 !== _h ? _h : 0,
937
- internalProps.limitMaxAutoWidth = null !== (_j = options.limitMaxAutoWidth) && void 0 !== _j ? _j : 450,
940
+ internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_g = options.allowFrozenColCount) && void 0 !== _g ? _g : 0,
941
+ internalProps.limitMaxAutoWidth = null !== (_h = options.limitMaxAutoWidth) && void 0 !== _h ? _h : 450,
938
942
  internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10,
939
943
  internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10,
940
- null === (_k = internalProps.legends) || void 0 === _k || _k.forEach((legend => {
944
+ null === (_j = internalProps.legends) || void 0 === _j || _j.forEach((legend => {
941
945
  null == legend || legend.release();
942
- })), null === (_l = internalProps.title) || void 0 === _l || _l.release(), internalProps.title = null,
943
- null === (_m = internalProps.emptyTip) || void 0 === _m || _m.release(), internalProps.emptyTip = null,
946
+ })), null === (_k = internalProps.title) || void 0 === _k || _k.release(), internalProps.title = null,
947
+ null === (_l = internalProps.emptyTip) || void 0 === _l || _l.release(), internalProps.emptyTip = null,
944
948
  internalProps.layoutMap.release(), clearChartRenderQueue(), this.scenegraph.clearCells(),
945
949
  this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(), this._updateSize(),
946
950
  this.eventManager.updateEventBinder(), options.legends) {
@@ -969,15 +973,15 @@ export class BaseTable extends EventTarget {
969
973
  }
970
974
  if (internalProps.menu = Object.assign({
971
975
  renderMode: "html"
972
- }, 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),
973
- (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),
976
+ }, 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),
977
+ (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),
974
978
  "html" === internalProps.menu.renderMode && !internalProps.menuHandler) {
975
979
  const MenuHandler = Factory.getComponent("menuHandler");
976
980
  internalProps.menuHandler = new MenuHandler(this);
977
981
  }
978
982
  this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(),
979
983
  internalProps.customMergeCell = getCustomMergeCellFunc(options.customMergeCell),
980
- 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 : []),
984
+ 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 : []),
981
985
  this._adjustCanvasSizeByOption();
982
986
  }
983
987
  renderWithRecreateCells() {