@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.
- package/cjs/PivotChart.d.ts +3 -0
- package/cjs/PivotChart.js +44 -40
- package/cjs/PivotChart.js.map +1 -1
- package/cjs/components/menu/dom/logic/MenuElementStyle.js +1 -1
- package/cjs/components/menu/dom/logic/MenuElementStyle.js.map +1 -1
- package/cjs/components/tooltip/logic/BubbleTooltipElementStyle.js +1 -1
- package/cjs/components/tooltip/logic/BubbleTooltipElementStyle.js.map +1 -1
- package/cjs/core/BaseTable.d.ts +14 -0
- package/cjs/core/BaseTable.js +28 -3
- package/cjs/core/BaseTable.js.map +1 -1
- package/cjs/core/style.js +1 -1
- package/cjs/core/style.js.map +1 -1
- package/cjs/event/event.d.ts +1 -1
- package/cjs/event/event.js +5 -4
- package/cjs/event/event.js.map +1 -1
- package/cjs/event/listener/table-group.js +9 -6
- package/cjs/event/listener/table-group.js.map +1 -1
- package/cjs/event/listener/touch.js +1 -1
- package/cjs/event/listener/touch.js.map +1 -1
- package/cjs/event/scroll.js +1 -1
- package/cjs/event/scroll.js.map +1 -1
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/render/layout/arc.d.ts +21 -10
- package/cjs/render/layout/arc.js +9 -7
- package/cjs/render/layout/arc.js.map +1 -1
- package/cjs/render/layout/circle.d.ts +17 -10
- package/cjs/render/layout/circle.js +6 -5
- package/cjs/render/layout/circle.js.map +1 -1
- package/cjs/render/layout/container.d.ts +48 -10
- package/cjs/render/layout/container.js +100 -15
- package/cjs/render/layout/container.js.map +1 -1
- package/cjs/render/layout/group-element.d.ts +24 -4
- package/cjs/render/layout/group-element.js +40 -4
- package/cjs/render/layout/group-element.js.map +1 -1
- package/cjs/render/layout/icon.d.ts +10 -10
- package/cjs/render/layout/icon.js +9 -11
- package/cjs/render/layout/icon.js.map +1 -1
- package/cjs/render/layout/image.d.ts +17 -10
- package/cjs/render/layout/image.js +7 -6
- package/cjs/render/layout/image.js.map +1 -1
- package/cjs/render/layout/index.d.ts +0 -2
- package/cjs/render/layout/index.js +1 -2
- package/cjs/render/layout/index.js.map +1 -1
- package/cjs/render/layout/percent-calc.d.ts +4 -1
- package/cjs/render/layout/percent-calc.js.map +1 -1
- package/cjs/render/layout/rect.d.ts +20 -10
- package/cjs/render/layout/rect.js +6 -5
- package/cjs/render/layout/rect.js.map +1 -1
- package/cjs/render/layout/text.d.ts +46 -9
- package/cjs/render/layout/text.js +18 -7
- package/cjs/render/layout/text.js.map +1 -1
- package/cjs/scenegraph/component/custom.d.ts +2 -2
- package/cjs/scenegraph/component/custom.js +6 -14
- package/cjs/scenegraph/component/custom.js.map +1 -1
- package/cjs/scenegraph/group-creater/init-scenegraph.js +3 -3
- package/cjs/scenegraph/group-creater/init-scenegraph.js.map +1 -1
- package/cjs/scenegraph/layout/compute-col-width.js +8 -5
- package/cjs/scenegraph/layout/compute-col-width.js.map +1 -1
- package/cjs/scenegraph/scenegraph.d.ts +5 -4
- package/cjs/scenegraph/scenegraph.js +4 -2
- package/cjs/scenegraph/scenegraph.js.map +1 -1
- package/cjs/scenegraph/select/create-select-border.d.ts +2 -2
- package/cjs/scenegraph/select/create-select-border.js +6 -15
- package/cjs/scenegraph/select/create-select-border.js.map +1 -1
- package/cjs/scenegraph/select/delete-select-border.js.map +1 -1
- package/cjs/scenegraph/select/update-select-border.js +84 -31
- package/cjs/scenegraph/select/update-select-border.js.map +1 -1
- package/cjs/tools/LimitPromiseQueue.js +1 -1
- package/cjs/tools/NumberMap.js +1 -1
- package/cjs/tools/Rect.js +1 -1
- package/cjs/ts-types/base-table.d.ts +16 -0
- package/cjs/ts-types/base-table.js +1 -1
- package/cjs/ts-types/base-table.js.map +1 -1
- package/cjs/ts-types/common.js +1 -1
- package/cjs/ts-types/customElement.js +1 -1
- package/cjs/ts-types/table-engine.d.ts +2 -1
- package/cjs/ts-types/table-engine.js.map +1 -1
- package/dist/vtable.js +1000 -446
- package/dist/vtable.min.js +2 -2
- package/es/PivotChart.d.ts +3 -0
- package/es/PivotChart.js +44 -40
- package/es/PivotChart.js.map +1 -1
- package/es/components/menu/dom/logic/MenuElementStyle.js +1 -1
- package/es/components/menu/dom/logic/MenuElementStyle.js.map +1 -1
- package/es/components/tooltip/logic/BubbleTooltipElementStyle.js +1 -1
- package/es/components/tooltip/logic/BubbleTooltipElementStyle.js.map +1 -1
- package/es/core/BaseTable.d.ts +14 -0
- package/es/core/BaseTable.js +36 -12
- package/es/core/BaseTable.js.map +1 -1
- package/es/core/style.js +1 -1
- package/es/core/style.js.map +1 -1
- package/es/event/event.d.ts +1 -1
- package/es/event/event.js +5 -4
- package/es/event/event.js.map +1 -1
- package/es/event/listener/table-group.js +9 -6
- package/es/event/listener/table-group.js.map +1 -1
- package/es/event/listener/touch.js +1 -1
- package/es/event/listener/touch.js.map +1 -1
- package/es/event/scroll.js +1 -1
- package/es/event/scroll.js.map +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/es/render/layout/arc.d.ts +21 -10
- package/es/render/layout/arc.js +7 -7
- package/es/render/layout/arc.js.map +1 -1
- package/es/render/layout/circle.d.ts +17 -10
- package/es/render/layout/circle.js +6 -7
- package/es/render/layout/circle.js.map +1 -1
- package/es/render/layout/container.d.ts +48 -10
- package/es/render/layout/container.js +107 -16
- package/es/render/layout/container.js.map +1 -1
- package/es/render/layout/group-element.d.ts +24 -4
- package/es/render/layout/group-element.js +42 -4
- package/es/render/layout/group-element.js.map +1 -1
- package/es/render/layout/icon.d.ts +10 -10
- package/es/render/layout/icon.js +10 -12
- package/es/render/layout/icon.js.map +1 -1
- package/es/render/layout/image.d.ts +17 -10
- package/es/render/layout/image.js +7 -8
- package/es/render/layout/image.js.map +1 -1
- package/es/render/layout/index.d.ts +0 -2
- package/es/render/layout/index.js +0 -4
- package/es/render/layout/index.js.map +1 -1
- package/es/render/layout/percent-calc.d.ts +4 -1
- package/es/render/layout/percent-calc.js.map +1 -1
- package/es/render/layout/rect.d.ts +20 -10
- package/es/render/layout/rect.js +6 -7
- package/es/render/layout/rect.js.map +1 -1
- package/es/render/layout/text.d.ts +46 -9
- package/es/render/layout/text.js +18 -9
- package/es/render/layout/text.js.map +1 -1
- package/es/scenegraph/component/custom.d.ts +2 -2
- package/es/scenegraph/component/custom.js +7 -15
- package/es/scenegraph/component/custom.js.map +1 -1
- package/es/scenegraph/group-creater/init-scenegraph.js +3 -3
- package/es/scenegraph/group-creater/init-scenegraph.js.map +1 -1
- package/es/scenegraph/layout/compute-col-width.js +8 -5
- package/es/scenegraph/layout/compute-col-width.js.map +1 -1
- package/es/scenegraph/scenegraph.d.ts +5 -4
- package/es/scenegraph/scenegraph.js +3 -2
- package/es/scenegraph/scenegraph.js.map +1 -1
- package/es/scenegraph/select/create-select-border.d.ts +2 -2
- package/es/scenegraph/select/create-select-border.js +6 -15
- package/es/scenegraph/select/create-select-border.js.map +1 -1
- package/es/scenegraph/select/delete-select-border.js.map +1 -1
- package/es/scenegraph/select/update-select-border.js +84 -31
- package/es/scenegraph/select/update-select-border.js.map +1 -1
- package/es/tools/LimitPromiseQueue.js +1 -1
- package/es/tools/NumberMap.js +1 -1
- package/es/tools/Rect.js +1 -1
- package/es/ts-types/base-table.d.ts +16 -0
- package/es/ts-types/base-table.js +1 -1
- package/es/ts-types/base-table.js.map +1 -1
- package/es/ts-types/common.js +1 -1
- package/es/ts-types/customElement.js +1 -1
- package/es/ts-types/table-engine.d.ts +2 -1
- package/es/ts-types/table-engine.js.map +1 -1
- package/package.json +4 -4
- package/cjs/render/layout/group.d.ts +0 -12
- package/cjs/render/layout/group.js +0 -18
- package/cjs/render/layout/group.js.map +0 -1
- package/cjs/render/layout/tag.d.ts +0 -14
- package/cjs/render/layout/tag.js +0 -21
- package/cjs/render/layout/tag.js.map +0 -1
- package/es/render/layout/group.d.ts +0 -12
- package/es/render/layout/group.js +0 -12
- package/es/render/layout/group.js.map +0 -1
- package/es/render/layout/tag.d.ts +0 -14
- package/es/render/layout/tag.js +0 -15
- package/es/render/layout/tag.js.map +0 -1
package/cjs/core/BaseTable.js
CHANGED
|
@@ -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
|
|
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,
|