@visactor/vtable 0.13.4-alpha.3 → 0.13.4

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 (173) hide show
  1. package/cjs/PivotChart.d.ts +3 -0
  2. package/cjs/PivotChart.js +44 -40
  3. package/cjs/PivotChart.js.map +1 -1
  4. package/cjs/components/menu/dom/logic/MenuElementStyle.js +1 -1
  5. package/cjs/components/menu/dom/logic/MenuElementStyle.js.map +1 -1
  6. package/cjs/components/tooltip/logic/BubbleTooltipElementStyle.js +1 -1
  7. package/cjs/components/tooltip/logic/BubbleTooltipElementStyle.js.map +1 -1
  8. package/cjs/core/BaseTable.d.ts +14 -0
  9. package/cjs/core/BaseTable.js +28 -3
  10. package/cjs/core/BaseTable.js.map +1 -1
  11. package/cjs/core/style.js +1 -1
  12. package/cjs/core/style.js.map +1 -1
  13. package/cjs/event/event.d.ts +1 -1
  14. package/cjs/event/event.js +5 -4
  15. package/cjs/event/event.js.map +1 -1
  16. package/cjs/event/listener/table-group.js +9 -6
  17. package/cjs/event/listener/table-group.js.map +1 -1
  18. package/cjs/event/listener/touch.js +1 -1
  19. package/cjs/event/listener/touch.js.map +1 -1
  20. package/cjs/event/scroll.js +1 -1
  21. package/cjs/event/scroll.js.map +1 -1
  22. package/cjs/index.d.ts +1 -1
  23. package/cjs/index.js +1 -1
  24. package/cjs/index.js.map +1 -1
  25. package/cjs/render/layout/arc.d.ts +21 -10
  26. package/cjs/render/layout/arc.js +9 -7
  27. package/cjs/render/layout/arc.js.map +1 -1
  28. package/cjs/render/layout/circle.d.ts +17 -10
  29. package/cjs/render/layout/circle.js +6 -5
  30. package/cjs/render/layout/circle.js.map +1 -1
  31. package/cjs/render/layout/container.d.ts +48 -10
  32. package/cjs/render/layout/container.js +100 -15
  33. package/cjs/render/layout/container.js.map +1 -1
  34. package/cjs/render/layout/group-element.d.ts +24 -4
  35. package/cjs/render/layout/group-element.js +40 -4
  36. package/cjs/render/layout/group-element.js.map +1 -1
  37. package/cjs/render/layout/icon.d.ts +10 -10
  38. package/cjs/render/layout/icon.js +9 -11
  39. package/cjs/render/layout/icon.js.map +1 -1
  40. package/cjs/render/layout/image.d.ts +17 -10
  41. package/cjs/render/layout/image.js +7 -6
  42. package/cjs/render/layout/image.js.map +1 -1
  43. package/cjs/render/layout/index.d.ts +0 -2
  44. package/cjs/render/layout/index.js +1 -2
  45. package/cjs/render/layout/index.js.map +1 -1
  46. package/cjs/render/layout/percent-calc.d.ts +4 -1
  47. package/cjs/render/layout/percent-calc.js.map +1 -1
  48. package/cjs/render/layout/rect.d.ts +20 -10
  49. package/cjs/render/layout/rect.js +6 -5
  50. package/cjs/render/layout/rect.js.map +1 -1
  51. package/cjs/render/layout/text.d.ts +46 -9
  52. package/cjs/render/layout/text.js +18 -7
  53. package/cjs/render/layout/text.js.map +1 -1
  54. package/cjs/scenegraph/component/custom.d.ts +2 -2
  55. package/cjs/scenegraph/component/custom.js +6 -14
  56. package/cjs/scenegraph/component/custom.js.map +1 -1
  57. package/cjs/scenegraph/group-creater/init-scenegraph.js +3 -3
  58. package/cjs/scenegraph/group-creater/init-scenegraph.js.map +1 -1
  59. package/cjs/scenegraph/layout/compute-col-width.js +8 -5
  60. package/cjs/scenegraph/layout/compute-col-width.js.map +1 -1
  61. package/cjs/scenegraph/scenegraph.d.ts +5 -4
  62. package/cjs/scenegraph/scenegraph.js +4 -2
  63. package/cjs/scenegraph/scenegraph.js.map +1 -1
  64. package/cjs/scenegraph/select/create-select-border.d.ts +2 -2
  65. package/cjs/scenegraph/select/create-select-border.js +6 -15
  66. package/cjs/scenegraph/select/create-select-border.js.map +1 -1
  67. package/cjs/scenegraph/select/delete-select-border.js.map +1 -1
  68. package/cjs/scenegraph/select/update-select-border.js +84 -31
  69. package/cjs/scenegraph/select/update-select-border.js.map +1 -1
  70. package/cjs/tools/LimitPromiseQueue.js +1 -1
  71. package/cjs/tools/NumberMap.js +1 -1
  72. package/cjs/tools/Rect.js +1 -1
  73. package/cjs/ts-types/base-table.d.ts +16 -0
  74. package/cjs/ts-types/base-table.js +1 -1
  75. package/cjs/ts-types/base-table.js.map +1 -1
  76. package/cjs/ts-types/common.js +1 -1
  77. package/cjs/ts-types/customElement.js +1 -1
  78. package/cjs/ts-types/table-engine.d.ts +2 -1
  79. package/cjs/ts-types/table-engine.js.map +1 -1
  80. package/dist/vtable.js +1000 -446
  81. package/dist/vtable.min.js +2 -2
  82. package/es/PivotChart.d.ts +3 -0
  83. package/es/PivotChart.js +44 -40
  84. package/es/PivotChart.js.map +1 -1
  85. package/es/components/menu/dom/logic/MenuElementStyle.js +1 -1
  86. package/es/components/menu/dom/logic/MenuElementStyle.js.map +1 -1
  87. package/es/components/tooltip/logic/BubbleTooltipElementStyle.js +1 -1
  88. package/es/components/tooltip/logic/BubbleTooltipElementStyle.js.map +1 -1
  89. package/es/core/BaseTable.d.ts +14 -0
  90. package/es/core/BaseTable.js +36 -12
  91. package/es/core/BaseTable.js.map +1 -1
  92. package/es/core/style.js +1 -1
  93. package/es/core/style.js.map +1 -1
  94. package/es/event/event.d.ts +1 -1
  95. package/es/event/event.js +5 -4
  96. package/es/event/event.js.map +1 -1
  97. package/es/event/listener/table-group.js +9 -6
  98. package/es/event/listener/table-group.js.map +1 -1
  99. package/es/event/listener/touch.js +1 -1
  100. package/es/event/listener/touch.js.map +1 -1
  101. package/es/event/scroll.js +1 -1
  102. package/es/event/scroll.js.map +1 -1
  103. package/es/index.d.ts +1 -1
  104. package/es/index.js +1 -1
  105. package/es/index.js.map +1 -1
  106. package/es/render/layout/arc.d.ts +21 -10
  107. package/es/render/layout/arc.js +7 -7
  108. package/es/render/layout/arc.js.map +1 -1
  109. package/es/render/layout/circle.d.ts +17 -10
  110. package/es/render/layout/circle.js +6 -7
  111. package/es/render/layout/circle.js.map +1 -1
  112. package/es/render/layout/container.d.ts +48 -10
  113. package/es/render/layout/container.js +107 -16
  114. package/es/render/layout/container.js.map +1 -1
  115. package/es/render/layout/group-element.d.ts +24 -4
  116. package/es/render/layout/group-element.js +42 -4
  117. package/es/render/layout/group-element.js.map +1 -1
  118. package/es/render/layout/icon.d.ts +10 -10
  119. package/es/render/layout/icon.js +10 -12
  120. package/es/render/layout/icon.js.map +1 -1
  121. package/es/render/layout/image.d.ts +17 -10
  122. package/es/render/layout/image.js +7 -8
  123. package/es/render/layout/image.js.map +1 -1
  124. package/es/render/layout/index.d.ts +0 -2
  125. package/es/render/layout/index.js +0 -4
  126. package/es/render/layout/index.js.map +1 -1
  127. package/es/render/layout/percent-calc.d.ts +4 -1
  128. package/es/render/layout/percent-calc.js.map +1 -1
  129. package/es/render/layout/rect.d.ts +20 -10
  130. package/es/render/layout/rect.js +6 -7
  131. package/es/render/layout/rect.js.map +1 -1
  132. package/es/render/layout/text.d.ts +46 -9
  133. package/es/render/layout/text.js +18 -9
  134. package/es/render/layout/text.js.map +1 -1
  135. package/es/scenegraph/component/custom.d.ts +2 -2
  136. package/es/scenegraph/component/custom.js +7 -15
  137. package/es/scenegraph/component/custom.js.map +1 -1
  138. package/es/scenegraph/group-creater/init-scenegraph.js +3 -3
  139. package/es/scenegraph/group-creater/init-scenegraph.js.map +1 -1
  140. package/es/scenegraph/layout/compute-col-width.js +8 -5
  141. package/es/scenegraph/layout/compute-col-width.js.map +1 -1
  142. package/es/scenegraph/scenegraph.d.ts +5 -4
  143. package/es/scenegraph/scenegraph.js +3 -2
  144. package/es/scenegraph/scenegraph.js.map +1 -1
  145. package/es/scenegraph/select/create-select-border.d.ts +2 -2
  146. package/es/scenegraph/select/create-select-border.js +6 -15
  147. package/es/scenegraph/select/create-select-border.js.map +1 -1
  148. package/es/scenegraph/select/delete-select-border.js.map +1 -1
  149. package/es/scenegraph/select/update-select-border.js +84 -31
  150. package/es/scenegraph/select/update-select-border.js.map +1 -1
  151. package/es/tools/LimitPromiseQueue.js +1 -1
  152. package/es/tools/NumberMap.js +1 -1
  153. package/es/tools/Rect.js +1 -1
  154. package/es/ts-types/base-table.d.ts +16 -0
  155. package/es/ts-types/base-table.js +1 -1
  156. package/es/ts-types/base-table.js.map +1 -1
  157. package/es/ts-types/common.js +1 -1
  158. package/es/ts-types/customElement.js +1 -1
  159. package/es/ts-types/table-engine.d.ts +2 -1
  160. package/es/ts-types/table-engine.js.map +1 -1
  161. package/package.json +4 -4
  162. package/cjs/render/layout/group.d.ts +0 -12
  163. package/cjs/render/layout/group.js +0 -18
  164. package/cjs/render/layout/group.js.map +0 -1
  165. package/cjs/render/layout/tag.d.ts +0 -14
  166. package/cjs/render/layout/tag.js +0 -21
  167. package/cjs/render/layout/tag.js.map +0 -1
  168. package/es/render/layout/group.d.ts +0 -12
  169. package/es/render/layout/group.js +0 -12
  170. package/es/render/layout/group.js.map +0 -1
  171. package/es/render/layout/tag.d.ts +0 -14
  172. package/es/render/layout/tag.js +0 -15
  173. package/es/render/layout/tag.js.map +0 -1
@@ -45,10 +45,10 @@ class BaseTable extends EventTarget_1.EventTarget {
45
45
  }
46
46
  constructor(container, options = {}) {
47
47
  var _a, _b, _c, _d, _e, _f, _g;
48
- if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.13.4-alpha.3",
48
+ if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.13.4",
49
49
  this.id = `VTable${Date.now()}`, this.isReleased = !1, this.throttleInvalidate = (0,
50
50
  util_1.throttle2)(this.render.bind(this), 200), !container && "node" !== options.mode) throw new Error("vtable's container is undefined");
51
- const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight} = options;
51
+ const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior} = options;
52
52
  this.container = container, this.options = options, this.options.container = container,
53
53
  this._widthMode = widthMode, this._heightMode = heightMode, this._autoFillWidth = autoFillWidth,
54
54
  this._autoFillHeight = autoFillHeight, this.customRender = customRender, this.padding = {
@@ -73,6 +73,7 @@ class BaseTable extends EventTarget_1.EventTarget {
73
73
  internalProps.keyboardOptions = keyboardOptions, internalProps.columnResizeMode = columnResizeMode,
74
74
  internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync,
75
75
  (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount),
76
+ internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto",
76
77
  internalProps._rowHeightsMap = new NumberMap_1.NumberMap, internalProps._rowRangeHeightsMap = new Map,
77
78
  internalProps._colRangeWidthsMap = new Map, internalProps._widthResizedColMap = new Set,
78
79
  this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap,
@@ -589,6 +590,29 @@ class BaseTable extends EventTarget_1.EventTarget {
589
590
  }
590
591
  return count;
591
592
  }
593
+ getBodyVisibleCellRange() {
594
+ const {scrollTop: scrollTop, scrollLeft: scrollLeft} = this, frozenRowsHeight = this.getFrozenRowsHeight(), frozenColsWidth = this.getFrozenColsWidth(), bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight(), rightFrozenColsWidth = this.getRightFrozenColsWidth(), {row: rowStart} = this.getRowAt(scrollTop + frozenRowsHeight + 1), {col: colStart} = this.getColAt(scrollLeft + frozenColsWidth + 1), rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight).row : this.rowCount - 1, colEnd = this.getAllColsWidth() > this.tableNoFrameWidth ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth).col : this.colCount - 1;
595
+ return colEnd < 0 || rowEnd < 0 ? null : {
596
+ rowStart: rowStart,
597
+ colStart: colStart,
598
+ rowEnd: rowEnd,
599
+ colEnd: colEnd
600
+ };
601
+ }
602
+ getBodyVisibleRowRange() {
603
+ const {scrollTop: scrollTop} = this, frozenRowsHeight = this.getFrozenRowsHeight(), bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight(), {row: rowStart} = this.getRowAt(scrollTop + frozenRowsHeight + 1), rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight).row : this.rowCount - 1;
604
+ return rowEnd < 0 ? null : {
605
+ rowStart: rowStart,
606
+ rowEnd: rowEnd
607
+ };
608
+ }
609
+ getBodyVisibleColRange() {
610
+ const {scrollLeft: scrollLeft} = this, frozenColsWidth = this.getFrozenColsWidth(), rightFrozenColsWidth = this.getRightFrozenColsWidth(), {col: colStart} = this.getColAt(scrollLeft + frozenColsWidth + 1), colEnd = this.getAllColsWidth() > this.tableNoFrameWidth ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth).col : this.colCount - 1;
611
+ return colEnd < 0 ? null : {
612
+ colStart: colStart,
613
+ colEnd: colEnd
614
+ };
615
+ }
592
616
  get visibleColCount() {
593
617
  const {frozenColCount: frozenColCount} = this, visibleRect = this.getVisibleRect(), visibleLeft = frozenColCount > 0 ? visibleRect.left + this.getColsWidth(0, frozenColCount - 1) : visibleRect.left, initCol = this.getTargetColAt(visibleLeft);
594
618
  if (!initCol) return 0;
@@ -657,7 +681,7 @@ class BaseTable extends EventTarget_1.EventTarget {
657
681
  updateOption(options) {
658
682
  var _a, _b, _c, _d, _e;
659
683
  this.options = options;
660
- const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount} = options;
684
+ const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, overscrollBehavior: overscrollBehavior} = options;
661
685
  pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio),
662
686
  padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding,
663
687
  this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top),
@@ -675,6 +699,7 @@ class BaseTable extends EventTarget_1.EventTarget {
675
699
  internalProps.keyboardOptions = keyboardOptions, internalProps.columnResizeMode = columnResizeMode,
676
700
  internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync,
677
701
  (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount),
702
+ internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto",
678
703
  internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberMap_1.NumberMap,
679
704
  internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map,
680
705
  internalProps._widthResizedColMap = new Set, this.colWidthsMap = new NumberMap_1.NumberMap,