@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/es/core/BaseTable.d.ts
CHANGED
|
@@ -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;
|
package/es/core/BaseTable.js
CHANGED
|
@@ -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.
|
|
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
|
|
902
|
-
|
|
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 !== (
|
|
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 !== (
|
|
925
|
-
internalProps.rowResizeMode = null !== (
|
|
926
|
-
internalProps.dragHeaderMode = null !== (
|
|
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 !== (
|
|
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 !== (
|
|
937
|
-
internalProps.limitMaxAutoWidth = null !== (
|
|
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 === (
|
|
944
|
+
null === (_j = internalProps.legends) || void 0 === _j || _j.forEach((legend => {
|
|
941
945
|
null == legend || legend.release();
|
|
942
|
-
})), null === (
|
|
943
|
-
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 === (
|
|
973
|
-
(Array.isArray(null === (
|
|
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 === (
|
|
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() {
|