@visactor/vchart 2.1.4 → 2.1.5-alpha.1

package/build/index.es.js

@@ -19529,7 +19529,7 @@ class VChart {
         this._compiler.updateLayoutTag();
         this._setFontFamilyTheme(this.getTheme('fontFamily'));
         this._initDataSet(this._option.dataSet);
-        this._autoSize = isTrueBrowseEnv ? ((_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true) : false;
+        this._autoSize = isTrueBrowseEnv ? (_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true : false;
         this._bindResizeEvent();
         this._bindViewEvent();
         this._initChartPlugin();
@@ -19700,7 +19700,6 @@ class VChart {
     }
     _reCompile(updateResult, morphConfig) {
         var _a, _b, _c, _d, _e, _f, _g;
-        const shouldRestoreUserEvents = updateResult.reMake && !!this._chart;
         if (updateResult.reMake) {
             this._releaseData();
             this._initDataSet();
@@ -19720,9 +19719,6 @@ class VChart {
         if (updateResult.reMake) {
             const cacheGrammarForMorph = this.isAnimationEnable() && (morphConfig === null || morphConfig === void 0 ? void 0 : morphConfig.morph) !== false;
             (_c = this._compiler) === null || _c === void 0 ? void 0 : _c.releaseGrammar(!cacheGrammarForMorph);
-            if (shouldRestoreUserEvents) {
-                this._userEvents.forEach(e => { var _a; return (_a = this._event) === null || _a === void 0 ? void 0 : _a.on(e.eType, e.query, e.handler); });
-            }
         }
         else if (updateResult.reCompile) {
             (_d = this._compiler) === null || _d === void 0 ? void 0 : _d.clear({ chart: this._chart, vChart: this });
@@ -20216,7 +20212,7 @@ class VChart {
             resize = true;
         }
         const lasAutoSize = this._autoSize;
-        this._autoSize = isTrueBrowser(this._option.mode) ? ((_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true) : false;
+        this._autoSize = isTrueBrowser(this._option.mode) ? (_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true : false;
         if (this._autoSize !== lasAutoSize) {
             resize = true;
         }
@@ -20812,7 +20808,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.1.4";
+const version = "2.1.5";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -23703,6 +23699,10 @@ class DimensionHoverEvent extends DimensionEvent {
             query: null,
             callback: this.onMouseMove
         });
+        this._eventDispatcher.unregister('pointerout', {
+            query: null,
+            callback: this.onMouseOut
+        });
         if (isMobileLikeMode(this._mode)) {
             this._eventDispatcher.unregister('pointerdown', {
                 query: null,
@@ -30040,6 +30040,7 @@ class BaseChart extends CompilableBase {
                 m.beforeRelease();
             });
         }
+        this._event.release();
         super.release();
         this.clear();
         [...this._components, ...this._regions, ...this._series].forEach(m => {
@@ -55073,7 +55074,9 @@ function getLegendAttributes(spec, rect, layoutOrient) {
     pager = cloneDeep(pager);
     background = cloneDeep(background);
     const attrs = restSpec;
-    if (isFunction$1(attrs.maxRow) || isFunction$1(attrs.maxCol)) {
+    const pagerLayout = pager.layout;
+    const pagerPosition = pager.position;
+    if (isFunction$1(attrs.maxRow) || isFunction$1(attrs.maxCol) || isFunction$1(pagerLayout) || isFunction$1(pagerPosition)) {
         const resolvedOrient = isValidOrient(layoutOrient) ? layoutOrient : isValidOrient(orient) ? orient : 'left';
         if (isFunction$1(attrs.maxRow)) {
             attrs.maxRow = attrs.maxRow({ rect, orient: resolvedOrient, id });
@@ -55081,6 +55084,20 @@ function getLegendAttributes(spec, rect, layoutOrient) {
         if (isFunction$1(attrs.maxCol)) {
             attrs.maxCol = attrs.maxCol({ rect, orient: resolvedOrient, id });
         }
+        const isArrowPager = pager.type !== 'scrollbar';
+        const pagerContext = {
+            rect,
+            orient: resolvedOrient,
+            id,
+            maxRow: attrs.maxRow,
+            maxCol: attrs.maxCol
+        };
+        if (isArrowPager && isFunction$1(pagerLayout)) {
+            pager.layout = pagerLayout(pagerContext);
+        }
+        if (isArrowPager && isFunction$1(pagerPosition)) {
+            pager.position = pagerPosition(pagerContext);
+        }
     }
     if (title.visible) {
         attrs.title = transformLegendTitleAttributes(title);
@@ -63767,6 +63784,50 @@ class BaseMarkPoint extends BaseMarker {
         super(...arguments);
         this.specKey = 'markPoint';
         this.layoutZIndex = LayoutZIndex.MarkPoint;
+        this._handleDimensionHover = (params) => {
+            var _a, _b;
+            const targetSymbol = this._getTargetSymbolGraphic();
+            if (!targetSymbol) {
+                return;
+            }
+            switch (params.action) {
+                case 'enter': {
+                    targetSymbol.removeState(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                    targetSymbol.removeState(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE);
+                    if (this._isDimensionHoverTarget(params)) {
+                        targetSymbol.addState(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, true);
+                    }
+                    else if ((_b = (_a = this._spec.targetSymbol) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.dimension_hover_reverse) {
+                        targetSymbol.addState(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE, true);
+                    }
+                    break;
+                }
+                case 'leave':
+                    targetSymbol.removeState(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                    targetSymbol.removeState(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE);
+                    break;
+            }
+        };
+    }
+    initEvent() {
+        var _a;
+        super.initEvent();
+        const targetSymbolState = (_a = this._spec.targetSymbol) === null || _a === void 0 ? void 0 : _a.state;
+        if (this.coordinateType === 'cartesian' &&
+            ((targetSymbolState === null || targetSymbolState === void 0 ? void 0 : targetSymbolState.dimension_hover) || (targetSymbolState === null || targetSymbolState === void 0 ? void 0 : targetSymbolState.dimension_hover_reverse))) {
+            this.event.on(DimensionEventEnum.dimensionHover, this._handleDimensionHover);
+        }
+    }
+    _getTargetSymbolGraphic() {
+        var _a;
+        return (_a = this._markerComponent) === null || _a === void 0 ? void 0 : _a.find(node => node.name === 'mark-point-targetItem', true);
+    }
+    _isDimensionHoverTarget(params) {
+        var _a, _b, _c, _d;
+        const latestData = (_a = this._markerData) === null || _a === void 0 ? void 0 : _a.latestData;
+        const markerData = (_c = (_b = latestData === null || latestData === void 0 ? void 0 : latestData[0]) === null || _b === void 0 ? void 0 : _b.latestData) !== null && _c !== void 0 ? _c : latestData;
+        const markerXValues = array((_d = markerData === null || markerData === void 0 ? void 0 : markerData[0]) === null || _d === void 0 ? void 0 : _d.x).filter(isValid$1);
+        return markerXValues.some(value => params.dimensionInfo.some(dimension => dimension.value === value));
     }
     static _getMarkerCoordinateType(markerSpec) {
         const { doPolarProcess, doGeoProcess } = getMarkPointProcessInfo(markerSpec);