@visactor/vtable 1.0.1 → 1.0.2-alpha.0

package/es/core/BaseTable.js

@@ -82,7 +82,7 @@ export class BaseTable extends EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.0.1", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "1.0.2-alpha.0", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), 
         !container && "node" !== options.mode) throw new Error("vtable's container is undefined");
         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, widthAdaptiveMode: widthAdaptiveMode = "only-body", heightAdaptiveMode: heightAdaptiveMode = "only-body", keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, rowResizeMode: rowResizeMode = "none", dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight, clearDOM: clearDOM = !0} = options;
@@ -101,7 +101,7 @@ export class BaseTable extends EventTarget {
         this.tableNoFrameHeight = 0, this.canvasWidth = canvasWidth, this.canvasHeight = canvasHeight, 
         this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal";
         const internalProps = this.internalProps = {};
-        void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), 
+        if (void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), 
         "node" !== Env.mode && (internalProps.element = createRootElement(this.padding), 
         internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = document.createElement("canvas"), 
         internalProps.element.appendChild(internalProps.canvas), internalProps.context = internalProps.canvas.getContext("2d")), 
@@ -135,11 +135,18 @@ export class BaseTable extends EventTarget {
         internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, 
         internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, 
         this._vDataSet = new DataSet, this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager(this), 
-        this.eventManager = new EventManager(this), options.legends && (internalProps.legends = createLegend(options.legends, this), 
-        this.scenegraph.tableGroup.setAttributes({
+        this.eventManager = new EventManager(this), options.legends) if (internalProps.legends = [], 
+        Array.isArray(options.legends)) {
+            for (let i = 0; i < options.legends.length; i++) internalProps.legends.push(createLegend(options.legends[i], this));
+            this.scenegraph.tableGroup.setAttributes({
+                x: this.tableX,
+                y: this.tableY
+            });
+        } else internalProps.legends.push(createLegend(options.legends, this)), this.scenegraph.tableGroup.setAttributes({
             x: this.tableX,
             y: this.tableY
-        })), internalProps.tooltip = Object.assign({
+        });
+        internalProps.tooltip = Object.assign({
             renderMode: "html",
             isShowOverflowTextTooltip: !1,
             confine: !0
@@ -164,8 +171,10 @@ export class BaseTable extends EventTarget {
         return this.internalProps.canvas;
     }
     resize() {
-        this._updateSize(), this.internalProps.legends && this.internalProps.legends.resize(), 
-        this.internalProps.title && this.internalProps.title.resize(), this.scenegraph.resize();
+        var _a;
+        this._updateSize(), null === (_a = this.internalProps.legends) || void 0 === _a || _a.forEach((legend => {
+            null == legend || legend.resize();
+        })), this.internalProps.title && this.internalProps.title.resize(), this.scenegraph.resize();
     }
     get rowCount() {
         return this.internalProps.rowCount;
@@ -771,8 +780,10 @@ export class BaseTable extends EventTarget {
         IconCache.clearAll(), null === (_e = super.release) || void 0 === _e || _e.call(this), 
         null === (_g = null === (_f = internalProps.handler) || void 0 === _f ? void 0 : _f.release) || void 0 === _g || _g.call(_f), 
         null === (_j = null === (_h = internalProps.focusControl) || void 0 === _h ? void 0 : _h.release) || void 0 === _j || _j.call(_h), 
-        null === (_k = internalProps.legends) || void 0 === _k || _k.release(), null === (_l = internalProps.title) || void 0 === _l || _l.release(), 
-        internalProps.layoutMap.release(), internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
+        null === (_k = internalProps.legends) || void 0 === _k || _k.forEach((legend => {
+            null == legend || legend.release();
+        })), null === (_l = internalProps.title) || void 0 === _l || _l.release(), internalProps.layoutMap.release(), 
+        internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
             var _a;
             return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
         })), internalProps.releaseList = null), this.scenegraph.stage.release(), this.scenegraph.proxy.release();
@@ -799,7 +810,7 @@ export class BaseTable extends EventTarget {
         this.autoFillWidth = null != autoFillWidth && autoFillWidth, this.autoFillHeight = null != autoFillHeight && autoFillHeight, 
         this.customRender = customRender;
         const internalProps = this.internalProps;
-        "node" !== Env.mode && updateRootElementPadding(internalProps.element, this.padding), 
+        if ("node" !== Env.mode && updateRootElementPadding(internalProps.element, this.padding), 
         this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal", 
         internalProps.frozenColCount = frozenColCount, internalProps.defaultRowHeight = defaultRowHeight, 
         internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
@@ -820,14 +831,22 @@ export class BaseTable extends EventTarget {
         internalProps.limitMaxAutoWidth = null !== (_d = options.limitMaxAutoWidth) && void 0 !== _d ? _d : 450, 
         internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, 
         internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, 
-        this._vDataSet = new DataSet, null === (_e = internalProps.legends) || void 0 === _e || _e.release(), 
-        null === (_f = internalProps.title) || void 0 === _f || _f.release(), internalProps.layoutMap.release(), 
+        this._vDataSet = new DataSet, null === (_e = internalProps.legends) || void 0 === _e || _e.forEach((legend => {
+            null == legend || legend.release();
+        })), null === (_f = internalProps.title) || void 0 === _f || _f.release(), internalProps.layoutMap.release(), 
         this.scenegraph.clearCells(), this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(), 
-        this._updateSize(), this.eventManager.updateEventBinder(), options.legends && (internalProps.legends = createLegend(options.legends, this), 
-        this.scenegraph.tableGroup.setAttributes({
+        this._updateSize(), this.eventManager.updateEventBinder(), options.legends) if (internalProps.legends = [], 
+        Array.isArray(options.legends)) {
+            for (let i = 0; i < options.legends.length; i++) internalProps.legends.push(createLegend(options.legends[i], this));
+            this.scenegraph.tableGroup.setAttributes({
+                x: this.tableX,
+                y: this.tableY
+            });
+        } else internalProps.legends.push(createLegend(options.legends, this)), this.scenegraph.tableGroup.setAttributes({
             x: this.tableX,
             y: this.tableY
-        })), internalProps.tooltip = Object.assign({
+        });
+        internalProps.tooltip = Object.assign({
             renderMode: "html",
             isShowOverflowTextTooltip: !1,
             confine: !0