@visactor/vtable 1.0.2 → 1.0.4-alpha.0

package/cjs/core/BaseTable.js

@@ -45,7 +45,7 @@ class BaseTable extends EventTarget_1.EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.0.2", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "1.0.4-alpha.0", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = (0, util_1.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 = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight, clearDOM: clearDOM = !0} = options;
@@ -64,7 +64,7 @@ class BaseTable extends EventTarget_1.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_1.Env.mode && (internalProps.element = (0, tableHelper_1.createRootElement)(this.padding), 
         internalProps.focusControl = new FouseInput_1.FocusInput(this, internalProps.element), 
         internalProps.canvas = document.createElement("canvas"), internalProps.element.appendChild(internalProps.canvas), 
@@ -101,11 +101,19 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, 
         this._vDataSet = new vdataset_1.DataSet, this.scenegraph = new scenegraph_1.Scenegraph(this), 
         this.stateManager = new state_1.StateManager(this), this.eventManager = new event_1.EventManager(this), 
-        options.legends && (internalProps.legends = (0, create_legend_1.createLegend)(options.legends, this), 
+        options.legends) if (internalProps.legends = [], Array.isArray(options.legends)) {
+            for (let i = 0; i < options.legends.length; i++) internalProps.legends.push((0, 
+            create_legend_1.createLegend)(options.legends[i], this));
+            this.scenegraph.tableGroup.setAttributes({
+                x: this.tableX,
+                y: this.tableY
+            });
+        } else internalProps.legends.push((0, create_legend_1.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
@@ -130,8 +138,10 @@ class BaseTable extends EventTarget_1.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;
@@ -739,8 +749,10 @@ class BaseTable extends EventTarget_1.EventTarget {
         icons_1.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();
@@ -767,7 +779,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         this.autoFillWidth = null != autoFillWidth && autoFillWidth, this.autoFillHeight = null != autoFillHeight && autoFillHeight, 
         this.customRender = customRender;
         const internalProps = this.internalProps;
-        "node" !== env_1.Env.mode && (0, tableHelper_1.updateRootElementPadding)(internalProps.element, this.padding), 
+        if ("node" !== env_1.Env.mode && (0, tableHelper_1.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, 
@@ -788,14 +800,24 @@ class BaseTable extends EventTarget_1.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 vdataset_1.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 vdataset_1.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 = (0, 
-        create_legend_1.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((0, 
+            create_legend_1.createLegend)(options.legends[i], this));
+            this.scenegraph.tableGroup.setAttributes({
+                x: this.tableX,
+                y: this.tableY
+            });
+        } else internalProps.legends.push((0, create_legend_1.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