@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.
- package/cjs/ListTable.d.ts +3 -1
- package/cjs/ListTable.js +19 -14
- package/cjs/ListTable.js.map +1 -1
- package/cjs/core/BaseTable.d.ts +1 -0
- package/cjs/core/BaseTable.js +21 -17
- package/cjs/core/BaseTable.js.map +1 -1
- package/cjs/core/tableHelper.js +3 -3
- package/cjs/core/tableHelper.js.map +1 -1
- package/cjs/data/DataSource.js +2 -1
- package/cjs/data/DataSource.js.map +1 -1
- package/cjs/event/event.d.ts +1 -1
- package/cjs/event/event.js +1 -1
- package/cjs/event/event.js.map +1 -1
- package/cjs/event/listener/container-dom.js +28 -8
- package/cjs/event/listener/container-dom.js.map +1 -1
- package/cjs/event/listener/table-group.js +1 -37
- package/cjs/event/listener/table-group.js.map +1 -1
- package/cjs/event/listener/touch.js +21 -18
- package/cjs/event/listener/touch.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/layout/pivot-header-layout.js +2 -2
- package/cjs/layout/pivot-header-layout.js.map +1 -1
- package/cjs/plugins/interface.d.ts +1 -2
- package/cjs/plugins/interface.js.map +1 -1
- package/cjs/plugins/plugin-manager.d.ts +2 -2
- package/cjs/plugins/plugin-manager.js +13 -17
- package/cjs/plugins/plugin-manager.js.map +1 -1
- package/cjs/scenegraph/group-creater/cell-helper.js +6 -1
- package/cjs/scenegraph/group-creater/cell-helper.js.map +1 -1
- package/cjs/scenegraph/group-creater/column-helper.js +2 -1
- package/cjs/scenegraph/group-creater/column-helper.js.map +1 -1
- package/cjs/scenegraph/layout/compute-col-width.js.map +1 -1
- package/cjs/scenegraph/layout/frozen.js +31 -12
- package/cjs/scenegraph/layout/frozen.js.map +1 -1
- package/cjs/scenegraph/scenegraph.js +6 -4
- package/cjs/scenegraph/scenegraph.js.map +1 -1
- package/cjs/ts-types/base-table.d.ts +1 -0
- package/cjs/ts-types/base-table.js.map +1 -1
- package/cjs/vrender.js.map +1 -1
- package/dist/vtable.js +298 -169
- package/dist/vtable.min.js +2 -2
- package/es/ListTable.d.ts +3 -1
- package/es/ListTable.js +20 -13
- package/es/ListTable.js.map +1 -1
- package/es/core/BaseTable.d.ts +1 -0
- package/es/core/BaseTable.js +21 -17
- package/es/core/BaseTable.js.map +1 -1
- package/es/core/tableHelper.js +3 -3
- package/es/core/tableHelper.js.map +1 -1
- package/es/data/DataSource.js +2 -1
- package/es/data/DataSource.js.map +1 -1
- package/es/event/event.d.ts +1 -1
- package/es/event/event.js +2 -2
- package/es/event/event.js.map +1 -1
- package/es/event/listener/container-dom.js +30 -8
- package/es/event/listener/container-dom.js.map +1 -1
- package/es/event/listener/table-group.js +2 -38
- package/es/event/listener/table-group.js.map +1 -1
- package/es/event/listener/touch.js +22 -17
- package/es/event/listener/touch.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/layout/pivot-header-layout.js +2 -2
- package/es/layout/pivot-header-layout.js.map +1 -1
- package/es/plugins/interface.d.ts +1 -2
- package/es/plugins/interface.js.map +1 -1
- package/es/plugins/plugin-manager.d.ts +2 -2
- package/es/plugins/plugin-manager.js +13 -17
- package/es/plugins/plugin-manager.js.map +1 -1
- package/es/scenegraph/group-creater/cell-helper.js +6 -1
- package/es/scenegraph/group-creater/cell-helper.js.map +1 -1
- package/es/scenegraph/group-creater/column-helper.js +2 -1
- package/es/scenegraph/group-creater/column-helper.js.map +1 -1
- package/es/scenegraph/layout/compute-col-width.js.map +1 -1
- package/es/scenegraph/layout/frozen.js +31 -12
- package/es/scenegraph/layout/frozen.js.map +1 -1
- package/es/scenegraph/scenegraph.js +6 -4
- package/es/scenegraph/scenegraph.js.map +1 -1
- package/es/ts-types/base-table.d.ts +1 -0
- package/es/ts-types/base-table.js.map +1 -1
- package/es/vrender.js.map +1 -1
- package/package.json +5 -5
package/cjs/core/BaseTable.js
CHANGED
|
@@ -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.
|
|
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
|
|
860
|
-
|
|
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 !== (
|
|
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 !== (
|
|
883
|
-
internalProps.rowResizeMode = null !== (
|
|
884
|
-
internalProps.dragHeaderMode = null !== (
|
|
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 !== (
|
|
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 !== (
|
|
895
|
-
internalProps.limitMaxAutoWidth = null !== (
|
|
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 === (
|
|
902
|
+
null === (_j = internalProps.legends) || void 0 === _j || _j.forEach((legend => {
|
|
899
903
|
null == legend || legend.release();
|
|
900
|
-
})), null === (
|
|
901
|
-
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 === (
|
|
931
|
-
(Array.isArray(null === (
|
|
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 === (
|
|
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() {
|