@visactor/vchart 2.1.5-alpha.0 → 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();
@@ -30044,6 +30040,7 @@ class BaseChart extends CompilableBase {
                 m.beforeRelease();
             });
         }
+        this._event.release();
         super.release();
         this.clear();
         [...this._components, ...this._regions, ...this._series].forEach(m => {
@@ -55077,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 });
@@ -55085,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);
@@ -63771,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

@@ -9105,7 +9105,7 @@
       constructor() {
         super(), this._uid = Generator.GenAutoIncrementId(), this._firstChild = null, this._lastChild = null, this.parent = null, this._count = 1;
       }
-      onParentSharedStateTreeChanged(_stage, _layer, _inheritedSharedStateScope) {}
+      onParentSharedStateTreeChanged(_stage, _layer) {}
       forEachChildren(cb, reverse = !1) {
         if (reverse) {
           let child = this._lastChild,
@@ -14719,17 +14719,14 @@
         }
         return null === (_a = this.stage) || void 0 === _a ? void 0 : _a.rootSharedStateScope;
       }
-      syncSharedStateScopeBinding(nextScope, markDirty = !0) {
+      syncSharedStateScopeBindingFromTree(markDirty = !0) {
         var _a;
+        const nextScope = this.resolveBoundSharedStateScope();
         return this.boundSharedStateScope === nextScope ? (this.syncSharedStateActiveRegistrations(), !1) : (this.boundSharedStateScope = nextScope, this.boundSharedStateRevision = void 0, this.compiledStateDefinitions = void 0, this.compiledStateDefinitionsCacheKey = void 0, this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0, this.syncSharedStateActiveRegistrations(), markDirty && (null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) && this.markSharedStateDirty(), !0);
       }
-      syncSharedStateScopeBindingFromTree(markDirty = !0, inheritedSharedStateScope) {
-        const nextScope = void 0 === inheritedSharedStateScope ? this.resolveBoundSharedStateScope() : null != inheritedSharedStateScope ? inheritedSharedStateScope : void 0;
-        return this.syncSharedStateScopeBinding(nextScope, markDirty);
-      }
-      syncSharedStateScopeBindingOnTreeChange(markDirty = !0, inheritedSharedStateScope) {
+      syncSharedStateScopeBindingOnTreeChange(markDirty = !0) {
         var _a, _b;
-        return !!((null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || this.boundSharedStateScope || (null === (_b = this.registeredActiveScopes) || void 0 === _b ? void 0 : _b.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingFromTree(markDirty, inheritedSharedStateScope);
+        return !!((null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || this.boundSharedStateScope || (null === (_b = this.registeredActiveScopes) || void 0 === _b ? void 0 : _b.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingFromTree(markDirty);
       }
       syncSharedStateActiveRegistrations() {
         var _a;
@@ -14737,7 +14734,6 @@
         if (!(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || !this.boundSharedStateScope) return (null == previousScopes ? void 0 : previousScopes.size) && (previousScopes.forEach(scope => {
           scope.subtreeActiveDescendants.delete(this);
         }), previousScopes.clear()), void (this.registeredActiveScopes = void 0);
-        if ((null == previousScopes ? void 0 : previousScopes.size) && this.isSharedStateScopeChainRegistered(previousScopes)) return;
         const nextScopes = new Set(collectSharedStateScopeChain(this.boundSharedStateScope));
         null == previousScopes || previousScopes.forEach(scope => {
           nextScopes.has(scope) || scope.subtreeActiveDescendants.delete(this);
@@ -14745,15 +14741,6 @@
           scope.subtreeActiveDescendants.add(this);
         }), this.registeredActiveScopes = nextScopes;
       }
-      isSharedStateScopeChainRegistered(previousScopes) {
-        let scope = this.boundSharedStateScope,
-          scopeCount = 0;
-        for (; scope;) {
-          if (!previousScopes.has(scope)) return !1;
-          scopeCount += 1, scope = scope.parentScope;
-        }
-        return scopeCount === previousScopes.size;
-      }
       clearSharedStateActiveRegistrations() {
         const previousScopes = this.registeredActiveScopes;
         previousScopes && (previousScopes.forEach(scope => {
@@ -14763,8 +14750,8 @@
       markSharedStateDirty() {
         this.sharedStateDirty = !0, enqueueGraphicSharedStateRefresh(this.stage, this), scheduleStageSharedStateRefresh(this.stage);
       }
-      onParentSharedStateTreeChanged(stage, layer, inheritedSharedStateScope) {
-        this.stage === stage && this.layer === layer ? this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope) : this.setStage(stage, layer, inheritedSharedStateScope);
+      onParentSharedStateTreeChanged(stage, layer) {
+        this.stage === stage && this.layer === layer ? this.syncSharedStateScopeBindingOnTreeChange() : this.setStage(stage, layer);
       }
       refreshSharedStateBeforeRender() {
         var _a;
@@ -15415,10 +15402,6 @@
         var _a;
         return null === (_a = this.states) || void 0 === _a ? void 0 : _a[stateName];
       }
-      setStateDefinitionsWithCompiled(definitions, compiledDefinitions) {
-        var _a;
-        this.states = definitions, this.localStateDefinitionsSource !== definitions && (this.localStateDefinitionsSource = definitions, this.localStateDefinitionsVersion = (null !== (_a = this.localStateDefinitionsVersion) && void 0 !== _a ? _a : 0) + 1), this.compiledStateDefinitions = compiledDefinitions, this.compiledStateDefinitionsCacheKey = `local:${this.localStateDefinitionsVersion}`;
-      }
       getStateResolveBaseAttrs() {
         var _a;
         return null !== (_a = this.baseAttributes) && void 0 !== _a ? _a : this.attribute;
@@ -15766,12 +15749,12 @@
           this._globalTransMatrix.translate(scrollX, scrollY);
         }
       }
-      setStage(stage, layer, inheritedSharedStateScope) {
+      setStage(stage, layer) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const graphicService = null !== (_c = null !== (_a = null == stage ? void 0 : stage.graphicService) && void 0 !== _a ? _a : null === (_b = this.stage) || void 0 === _b ? void 0 : _b.graphicService) && void 0 !== _c ? _c : application.graphicService,
           previousStage = this.stage;
         if (this.stage !== stage || this.layer !== layer) {
-          if (this.stage = stage, this.layer = layer, ((null === (_d = this.currentStates) || void 0 === _d ? void 0 : _d.length) || this.boundSharedStateScope || (null === (_e = this.registeredActiveScopes) || void 0 === _e ? void 0 : _e.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope), this.setStageToShadowRoot(stage, layer), this.mayHaveTrackedAnimates() && this.hasAnyTrackedAnimate()) {
+          if (this.stage = stage, this.layer = layer, ((null === (_d = this.currentStates) || void 0 === _d ? void 0 : _d.length) || this.boundSharedStateScope || (null === (_e = this.registeredActiveScopes) || void 0 === _e ? void 0 : _e.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0), this.setStageToShadowRoot(stage, layer), this.mayHaveTrackedAnimates() && this.hasAnyTrackedAnimate()) {
             const previousTimeline = null === (_f = null == previousStage ? void 0 : previousStage.getTimeline) || void 0 === _f ? void 0 : _f.call(previousStage),
               nextTimeline = null === (_g = null == stage ? void 0 : stage.getTimeline) || void 0 === _g ? void 0 : _g.call(stage),
               detachedStageAnimates = [];
@@ -15788,7 +15771,7 @@
           }
           return this._onSetStage && this._onSetStage(this, stage, layer), void (null === (_h = null == graphicService ? void 0 : graphicService.onSetStage) || void 0 === _h || _h.call(graphicService, this, stage));
         }
-        ((null === (_j = this.currentStates) || void 0 === _j ? void 0 : _j.length) || this.boundSharedStateScope || (null === (_k = this.registeredActiveScopes) || void 0 === _k ? void 0 : _k.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope);
+        ((null === (_j = this.currentStates) || void 0 === _j ? void 0 : _j.length) || this.boundSharedStateScope || (null === (_k = this.registeredActiveScopes) || void 0 === _k ? void 0 : _k.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0);
       }
       detachStageForRelease() {
         var _a, _b, _c;
@@ -16729,13 +16712,13 @@
           child.setStage(null, null);
         }), this.addUpdateBoundTag();
       }
-      setStage(stage, layer, inheritedSharedStateScope) {
+      setStage(stage, layer) {
         var _a, _b, _c, _d, _e, _f;
         const graphicService = null !== (_c = null !== (_a = null == stage ? void 0 : stage.graphicService) && void 0 !== _a ? _a : null === (_b = this.stage) || void 0 === _b ? void 0 : _b.graphicService) && void 0 !== _c ? _c : application.graphicService,
           needsSharedStateTreeSync = this.hasSharedStateDefinitions() || this.sharedStateScope || (null === (_d = this.currentStates) || void 0 === _d ? void 0 : _d.length) || this.boundSharedStateScope || (null === (_e = this.registeredActiveScopes) || void 0 === _e ? void 0 : _e.size) || this.sharedStateDirty;
-        if (this.stage !== stage) return this.stage = stage, this.layer = layer, needsSharedStateTreeSync && (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope)), this.setStageToShadowRoot(stage, layer), this._onSetStage && this._onSetStage(this, stage, layer), null === (_f = null == graphicService ? void 0 : graphicService.onSetStage) || void 0 === _f || _f.call(graphicService, this, stage), void this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope);
+        if (this.stage !== stage) return this.stage = stage, this.layer = layer, needsSharedStateTreeSync && (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0)), this.setStageToShadowRoot(stage, layer), this._onSetStage && this._onSetStage(this, stage, layer), null === (_f = null == graphicService ? void 0 : graphicService.onSetStage) || void 0 === _f || _f.call(graphicService, this, stage), void this.notifyChildrenSharedStateTreeChanged();
         const layerChanged = this.layer !== layer;
-        layerChanged && (this.layer = layer), needsSharedStateTreeSync ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope), this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope)) : layerChanged && this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope);
+        layerChanged && (this.layer = layer), needsSharedStateTreeSync ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0), this.notifyChildrenSharedStateTreeChanged()) : layerChanged && this.notifyChildrenSharedStateTreeChanged();
       }
       addUpdatePositionTag() {
         super.addUpdatePositionTag(), this.forEachChildren(g => {
@@ -16794,26 +16777,17 @@
       hasSharedStateDefinitions() {
         return !!this._sharedStateDefinitions && Object.keys(this._sharedStateDefinitions).length > 0;
       }
-      resolveChildSharedStateScope(inheritedSharedStateScope) {
-        var _a;
-        return this.sharedStateScope ? this.sharedStateScope : void 0 !== inheritedSharedStateScope ? inheritedSharedStateScope : null !== (_a = this.resolveBoundSharedStateScope()) && void 0 !== _a ? _a : null;
-      }
-      notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope) {
-        const childSharedStateScope = this.resolveChildSharedStateScope(inheritedSharedStateScope);
+      notifyChildrenSharedStateTreeChanged() {
         this.forEachChildren(item => {
-          this.setStageToChild(item, childSharedStateScope);
+          this.syncChildSharedStateTreeBinding(item);
         });
       }
-      setStageToChild(child, inheritedSharedStateScope) {
-        const graphic = child;
-        "function" != typeof graphic.setStage || child.onParentSharedStateTreeChanged !== Graphic.prototype.onParentSharedStateTreeChanged && child.onParentSharedStateTreeChanged !== Group.prototype.onParentSharedStateTreeChanged || graphic.stage === this.stage && graphic.layer === this.layer ? child.onParentSharedStateTreeChanged(this.stage, this.layer, inheritedSharedStateScope) : graphic.setStage(this.stage, this.layer, inheritedSharedStateScope);
+      syncChildSharedStateTreeBinding(child) {
+        child.onParentSharedStateTreeChanged(this.stage, this.layer);
       }
-      syncChildSharedStateTreeBinding(child, inheritedSharedStateScope) {
-        void 0 === inheritedSharedStateScope && (inheritedSharedStateScope = this.resolveChildSharedStateScope()), this.setStageToChild(child, inheritedSharedStateScope);
-      }
-      onParentSharedStateTreeChanged(stage, layer, inheritedSharedStateScope) {
+      onParentSharedStateTreeChanged(stage, layer) {
         var _a;
-        this.stage === stage && this.layer === layer ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!!(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length), inheritedSharedStateScope), this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope)) : this.setStage(stage, layer, inheritedSharedStateScope);
+        this.stage === stage && this.layer === layer ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!!(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length)), this.notifyChildrenSharedStateTreeChanged()) : this.setStage(stage, layer);
       }
     };
     Group$1.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
@@ -17353,14 +17327,13 @@
       }) : fillStyle, setTextStyle(ctx, character);
     }
     function applyStrokeStyle(ctx, character) {
-      var _a, _b;
       const strokeStyle = character && character.stroke || defaultFormatting.stroke;
       if (!strokeStyle) return void (ctx.globalAlpha = 0);
       const {
         strokeOpacity = 1,
         opacity = 1
       } = character;
-      ctx.globalAlpha = strokeOpacity * opacity, ctx.lineWidth = character && "number" == typeof character.lineWidth ? character.lineWidth : 1, ctx.setLineDash(null !== (_a = character.lineDash) && void 0 !== _a ? _a : []), ctx.lineDashOffset = null !== (_b = character.lineDashOffset) && void 0 !== _b ? _b : 0, ctx.strokeStyle = strokeStyle, setTextStyle(ctx, character);
+      ctx.globalAlpha = strokeOpacity * opacity, ctx.lineWidth = character && "number" == typeof character.lineWidth ? character.lineWidth : 1, ctx.strokeStyle = strokeStyle, setTextStyle(ctx, character);
     }
     function getStrByWithCanvas(desc, width, character, guessIndex, needTestLetter) {
       if (desc.length <= 1) return 0;
@@ -18180,8 +18153,8 @@
       clone() {
         return new RichText(Object.assign({}, this.attribute));
       }
-      setStage(stage, layer, inheritedSharedStateScope) {
-        super.setStage(stage, layer, inheritedSharedStateScope);
+      setStage(stage, layer) {
+        super.setStage(stage, layer);
         this.getFrameCache().icons.forEach(icon => {
           icon.setStage(stage, layer);
         });
@@ -33442,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());
@@ -48117,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();
@@ -48137,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 });
@@ -49455,7 +49424,7 @@
         });
     };
 
-    const version = "2.1.4";
+    const version = "2.1.5";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -62854,6 +62823,7 @@
                     m.beforeRelease();
                 });
             }
+            this._event.release();
             super.release();
             this.clear();
             [...this._components, ...this._regions, ...this._series].forEach(m => {
@@ -70395,7 +70365,7 @@
     loadDiscreteLegendComponent();
     let DiscreteLegend$1 = class DiscreteLegend extends LegendBase {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, DiscreteLegend.defaultAttributes, attributes)), this.name = "discreteLegend", this._itemsContainer = null, this._itemHeightByUser = void 0, this._itemHeight = 0, this._itemMaxWidth = 0, this._contentMaxHeight = 0, this._stateDefinitionsCache = new WeakMap(), this._onHover = e => {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, DiscreteLegend.defaultAttributes, attributes)), this.name = "discreteLegend", this._itemsContainer = null, this._itemHeightByUser = void 0, this._itemHeight = 0, this._itemMaxWidth = 0, this._contentMaxHeight = 0, this._onHover = e => {
           const target = e.target;
           if (target && target.name && target.name.startsWith(LEGEND_ELEMENT_NAME.item)) {
             const legendItem = target.delegate;
@@ -70443,7 +70413,7 @@
         };
       }
       render() {
-        this._stateDefinitionsCache = new WeakMap(), super.render(), this._lastActiveItem = null;
+        super.render(), this._lastActiveItem = null;
       }
       setSelected(selectedData) {
         var _a;
@@ -70623,7 +70593,7 @@
         }), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup)) : (itemGroup = graphicCreator.group(Object.assign({
           x: 0,
           y: 0
-        }, backgroundStyle.style)), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup, backgroundStyle.state, backgroundStyle.reuseStateDefinitions)), itemGroup.id = `${null != id ? id : label}-${index}`, itemGroup.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected);
+        }, backgroundStyle.style)), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup, backgroundStyle.state)), itemGroup.id = `${null != id ? id : label}-${index}`, itemGroup.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected);
         const innerGroup = graphicCreator.group({
           x: 0,
           y: 0,
@@ -70646,7 +70616,7 @@
           Object.keys(shapeStyle.state || {}).forEach(key => {
             const color = shapeStyle.state[key].fill || shapeStyle.state[key].stroke;
             shape.fill && isNil$1(shapeStyle.state[key].fill) && color && (shapeStyle.state[key].fill = color), shape.stroke && isNil$1(shapeStyle.state[key].stroke) && color && (shapeStyle.state[key].stroke = color);
-          }), this._appendDataToShape(itemShape, LEGEND_ELEMENT_NAME.itemShape, item, itemGroup, shapeStyle.state, !1), itemShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(itemShape);
+          }), this._appendDataToShape(itemShape, LEGEND_ELEMENT_NAME.itemShape, item, itemGroup, shapeStyle.state), itemShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(itemShape);
         }
         let focusSpace = 0;
         if (focus) {
@@ -70673,7 +70643,7 @@
             _originText: labelAttr.formatMethod ? label : void 0
           }),
           labelShape = createTextGraphicByType(labelAttributes);
-        this._appendDataToShape(labelShape, LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, labelStyle.state, labelStyle.reuseStateDefinitions), labelShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(labelShape);
+        this._appendDataToShape(labelShape, LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, labelStyle.state), labelShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(labelShape);
         const labelSpace = get$1(labelAttr, "space", DEFAULT_LABEL_SPACE);
         if (isValid$1(value)) {
           const valueSpace = get$1(valueAttr, "space", focus ? DEFAULT_VALUE_SPACE : 0),
@@ -70689,7 +70659,7 @@
               _originText: valueAttr.formatMethod ? value : void 0
             }),
             valueShape = createTextGraphicByType(valueAttributes);
-          if (this._appendDataToShape(valueShape, LEGEND_ELEMENT_NAME.itemValue, item, itemGroup, valueStyle.state, valueStyle.reuseStateDefinitions), valueShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), this._itemWidthByUser) {
+          if (this._appendDataToShape(valueShape, LEGEND_ELEMENT_NAME.itemValue, item, itemGroup, valueStyle.state), valueShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), this._itemWidthByUser) {
             const layoutWidth = this._itemWidthByUser - parsedPadding[1] - parsedPadding[3] - shapeSize - shapeSpace - labelSpace - focusSpace - valueSpace;
             this._autoEllipsis(autoEllipsisStrategy, layoutWidth, labelShape, valueShape), valueAttr.alignRight ? valueShape.setAttributes({
               textAlign: "right",
@@ -70765,7 +70735,6 @@
         }));
       }
       _updatePositionOfPager(renderStartY, compWidth, compHeight) {
-        var _a;
         const {
             pager: pager
           } = this.attribute,
@@ -70773,24 +70742,18 @@
             totalPage: totalPage,
             isHorizontal: isHorizontal
           } = this._itemContext,
-          position = pager && pager.position || "middle",
-          hugContent = !(!pager || !pager.hugContent),
-          pagerSpace = null !== (_a = pager && pager.space) && void 0 !== _a ? _a : DEFAULT_PAGER_SPACE;
+          position = pager && pager.position || "middle";
         if (this._pagerComponent.setTotal(totalPage), isHorizontal) {
           let y;
-          y = "start" === position ? renderStartY : "end" === position ? renderStartY + compHeight - this._pagerComponent.AABBBounds.height() / 2 : renderStartY + compHeight / 2 - this._pagerComponent.AABBBounds.height() / 2;
-          let x = compWidth - this._pagerComponent.AABBBounds.width();
-          hugContent && (x = Math.max(0, Math.min(this._itemsContainer.AABBBounds.width() + pagerSpace, x))), this._pagerComponent.setAttributes({
-            x: x,
+          y = "start" === position ? renderStartY : "end" === position ? renderStartY + compHeight - this._pagerComponent.AABBBounds.height() / 2 : renderStartY + compHeight / 2 - this._pagerComponent.AABBBounds.height() / 2, this._pagerComponent.setAttributes({
+            x: compWidth - this._pagerComponent.AABBBounds.width(),
             y: y
           });
         } else {
           let x;
-          x = "start" === position ? 0 : "end" === position ? compWidth - this._pagerComponent.AABBBounds.width() : (compWidth - this._pagerComponent.AABBBounds.width()) / 2;
-          let y = compHeight - this._pagerComponent.AABBBounds.height();
-          hugContent && (y = Math.max(0, Math.min(renderStartY + this._itemsContainer.AABBBounds.height() + pagerSpace, y))), this._pagerComponent.setAttributes({
+          x = "start" === position ? 0 : "end" === position ? compWidth - this._pagerComponent.AABBBounds.width() : (compWidth - this._pagerComponent.AABBBounds.width()) / 2, this._pagerComponent.setAttributes({
             x: x,
-            y: y
+            y: compHeight - this._pagerComponent.AABBBounds.height()
           });
         }
       }
@@ -70945,15 +70908,11 @@
           this._itemContext.totalPage = total, this._updatePositionOfPager(renderStartY, compWidth, compHeight);
         }
         defaultCurrent > 1 && (isHorizontal ? itemsContainer.setAttribute("y", -(defaultCurrent - 1) * (compHeight + spaceRow)) : itemsContainer.setAttribute("x", -(defaultCurrent - 1) * (compWidth + spaceCol)));
-        const hugContent = !!pager.hugContent;
-        let clipWidth = isHorizontal ? contentWidth : compWidth,
-          clipHeight = isHorizontal ? compHeight : contentHeight;
-        hugContent && (isHorizontal ? clipWidth = Math.max(0, Math.min(clipWidth, itemsContainer.AABBBounds.width())) : clipHeight = Math.max(0, Math.min(clipHeight, itemsContainer.AABBBounds.height())));
         const clipGroup = graphicCreator.group({
           x: 0,
           y: renderStartY,
-          width: clipWidth,
-          height: clipHeight,
+          width: isHorizontal ? contentWidth : compWidth,
+          height: isHorizontal ? compHeight : contentHeight,
           clip: !0,
           pickable: !1
         });
@@ -71119,17 +71078,8 @@
           item.hasState(LegendStateValue.selected) && selectedData.push(item.data);
         }), selectedData;
       }
-      _appendDataToShape(shape, name, data, delegateShape, states, reuseStateDefinitions = !0) {
-        if (shape.name = name, shape.data = data, shape.delegate = delegateShape, !reuseStateDefinitions) return void (shape.states = merge$1({}, DEFAULT_STATES, states));
-        const source = null != states ? states : DEFAULT_STATES,
-          cached = this._stateDefinitionsCache.get(source);
-        if (cached) return shape.states = cached.definitions, void shape.setStateDefinitionsWithCompiled(cached.definitions, cached.compiledDefinitions);
-        const definitions = states ? merge$1({}, DEFAULT_STATES, states) : DEFAULT_STATES,
-          entry = {
-            definitions: definitions,
-            compiledDefinitions: new StateDefinitionCompiler().compile(definitions)
-          };
-        this._stateDefinitionsCache.set(source, entry), shape.states = entry.definitions, shape.setStateDefinitionsWithCompiled(entry.definitions, entry.compiledDefinitions);
+      _appendDataToShape(shape, name, data, delegateShape, states = {}) {
+        shape.name = name, shape.data = data, shape.delegate = delegateShape, shape.states = merge$1({}, DEFAULT_STATES, states);
       }
       _dispatchLegendEvent(eventName, legendItem, event) {
         const currentSelectedItems = this._getSelectedLegends();
@@ -71146,17 +71096,12 @@
       }
       _handleStyle(config, item, isSelected, index, items) {
         const newConfig = {};
-        if (config.style && (isFunction$1(config.style) ? newConfig.style = config.style(item, isSelected, index, items) : newConfig.style = config.style), config.state) {
-          const stateKeys = Object.keys(config.state),
-            hasStateFunction = stateKeys.some(key => isFunction$1(config.state[key]));
-          newConfig.reuseStateDefinitions = !hasStateFunction, hasStateFunction ? (newConfig.state = {}, stateKeys.forEach(key => {
-            config.state[key] && (newConfig.state[key] = isFunction$1(config.state[key]) ? config.state[key](item, isSelected, index, items) : config.state[key]);
-          })) : newConfig.state = config.state;
-        }
-        return newConfig;
+        return config.style && (isFunction$1(config.style) ? newConfig.style = config.style(item, isSelected, index, items) : newConfig.style = config.style), config.state && (newConfig.state = {}, Object.keys(config.state).forEach(key => {
+          config.state[key] && (isFunction$1(config.state[key]) ? newConfig.state[key] = config.state[key](item, isSelected, index, items) : newConfig.state[key] = config.state[key]);
+        })), newConfig;
       }
       release() {
-        this._stateDefinitionsCache = new WeakMap(), super.release(), this.removeAllEventListeners();
+        super.release(), this.removeAllEventListeners();
       }
     };
     DiscreteLegend$1.defaultAttributes = {
@@ -96978,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 });
@@ -96986,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);
@@ -105672,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);