@visactor/vchart 2.1.4 → 2.1.5

package/build/index.es.js

@@ -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 });
@@ -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);

package/build/index.js

@@ -33415,7 +33415,7 @@
         runtimePluginInstallers: {},
         formatter: undefined
     });
-    const factoryRegistryVersion = "2.1.4";
+    const factoryRegistryVersion = "2.1.5";
     const factoryRegistryKey = Symbol.for(`@visactor/vchart/factory-registry@${factoryRegistryVersion}`);
     const globalFactoryRegistry = globalThis;
     const factoryRegistry = (_a = globalFactoryRegistry[factoryRegistryKey]) !== null && _a !== void 0 ? _a : (globalFactoryRegistry[factoryRegistryKey] = createFactoryRegistry());
@@ -48090,7 +48090,6 @@
         }
         _reCompile(updateResult, morphConfig) {
             var _a, _b, _c, _d, _e, _f, _g;
-            const shouldRestoreUserEvents = updateResult.reMake && !!this._chart;
             if (updateResult.reMake) {
                 this._releaseData();
                 this._initDataSet();
@@ -48110,9 +48109,6 @@
             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 });
@@ -49428,7 +49424,7 @@
         });
     };
 
-    const version = "2.1.4";
+    const version = "2.1.5";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -52319,6 +52315,10 @@
                 query: null,
                 callback: this.onMouseMove
             });
+            this._eventDispatcher.unregister('pointerout', {
+                query: null,
+                callback: this.onMouseOut
+            });
             if (isMobileLikeMode(this._mode)) {
                 this._eventDispatcher.unregister('pointerdown', {
                     query: null,
@@ -62823,6 +62823,7 @@
                     m.beforeRelease();
                 });
             }
+            this._event.release();
             super.release();
             this.clear();
             [...this._components, ...this._regions, ...this._series].forEach(m => {
@@ -96922,7 +96923,9 @@
         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 });
@@ -96930,6 +96933,20 @@
             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);
@@ -105616,6 +105633,50 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             super(...arguments);
             this.specKey = 'markPoint';
             this.layoutZIndex = exports.LayoutZIndex.MarkPoint;
+            this._handleDimensionHover = (params) => {
+                var _a, _b;
+                const targetSymbol = this._getTargetSymbolGraphic();
+                if (!targetSymbol) {
+                    return;
+                }
+                switch (params.action) {
+                    case 'enter': {
+                        targetSymbol.removeState(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                        targetSymbol.removeState(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE);
+                        if (this._isDimensionHoverTarget(params)) {
+                            targetSymbol.addState(exports.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(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE, true);
+                        }
+                        break;
+                    }
+                    case 'leave':
+                        targetSymbol.removeState(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                        targetSymbol.removeState(exports.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(exports.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);