@visactor/vchart-extension 2.1.4 → 2.1.5-alpha.1

package/build/index.js

@@ -2914,7 +2914,7 @@
       constructor() {
         super(), this._uid = Generator.GenAutoIncrementId(), this._firstChild = null, this._lastChild = null, this.parent = null, this._count = 1;
       }
-      onParentSharedStateTreeChanged(_stage, _layer) {}
+      onParentSharedStateTreeChanged(_stage, _layer, _inheritedSharedStateScope) {}
       forEachChildren(cb, reverse = !1) {
         if (reverse) {
           let child = this._lastChild,
@@ -6451,18 +6451,21 @@
       }
     }
 
-    function getScaledStroke(context, width, dpr) {
+    function getScaledStrokeWithMatrix(matrix, width, dpr) {
       let strokeWidth = width;
       const {
           a: a,
           b: b,
           c: c,
           d: d
-        } = context.currentMatrix,
+        } = matrix,
         scaleX = Math.sign(a) * Math.sqrt(a * a + b * b),
         scaleY = Math.sign(d) * Math.sqrt(c * c + d * d);
       return scaleX + scaleY === 0 ? 0 : (strokeWidth = strokeWidth / Math.abs(scaleX + scaleY) * 2 * dpr, strokeWidth);
     }
+    function getScaledStroke(context, width, dpr) {
+      return getScaledStrokeWithMatrix(context.currentMatrix, width, dpr);
+    }
     function createColor(context, c, params, offsetX = 0, offsetY = 0) {
       var _a, _b, _c, _d;
       if (!c || !0 === c) return "black";
@@ -7164,7 +7167,7 @@
     }
     class StateTransitionOrchestrator {
       analyzeTransition(targetAttrs, hasAnimation, options = {}) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const plan = {
           targetAttrs: Object.assign({}, targetAttrs),
           animateAttrs: {},
@@ -7173,10 +7176,17 @@
         if (!hasAnimation) return plan;
         const noWorkAnimateAttr = Object.assign(Object.assign({}, null !== (_a = options.noWorkAnimateAttr) && void 0 !== _a ? _a : {}), normalizeNoAnimateAttrConfig(null === (_b = options.animateConfig) || void 0 === _b ? void 0 : _b.noAnimateAttrs)),
           isClear = !0 === options.isClear,
-          readDefaultAttribute = options.getDefaultAttribute,
+          getDefaultAttribute = options.getDefaultAttribute,
+          readDefaultAttribute = getDefaultAttribute,
+          readStateTransitionDefaultAttribute = null !== (_c = options.getStateTransitionDefaultAttribute) && void 0 !== _c ? _c : getDefaultAttribute,
           shouldSkipDefaultAttribute = options.shouldSkipDefaultAttribute,
-          assignTransitionAttr = (key, value) => {
-            if (noWorkAnimateAttr[key]) plan.noAnimateAttrs[key] = value;else if (isClear && void 0 === value) {
+          stateTransitionTargetAttrs = null !== (_d = options.stateTransitionTargetAttrs) && void 0 !== _d ? _d : targetAttrs,
+          assignTransitionAttr = (key, value, isRemovedStateAttr = !1) => {
+            if (noWorkAnimateAttr[key]) plan.noAnimateAttrs[key] = value;else if (isRemovedStateAttr && void 0 === value) {
+              const defaultValue = null == readStateTransitionDefaultAttribute ? void 0 : readStateTransitionDefaultAttribute(key, stateTransitionTargetAttrs);
+              if (void 0 === defaultValue && (null == shouldSkipDefaultAttribute ? void 0 : shouldSkipDefaultAttribute(key, stateTransitionTargetAttrs))) return;
+              plan.animateAttrs[key] = defaultValue;
+            } else if (isClear && void 0 === value) {
               if (null == shouldSkipDefaultAttribute ? void 0 : shouldSkipDefaultAttribute(key, targetAttrs)) return;
               plan.animateAttrs[key] = readDefaultAttribute(key);
             } else plan.animateAttrs[key] = value;
@@ -7188,7 +7198,7 @@
         const extraAnimateAttrs = options.extraAnimateAttrs;
         if (extraAnimateAttrs) for (const key in extraAnimateAttrs) {
           const hasTargetAttr = Object.prototype.hasOwnProperty.call(targetAttrs, key);
-          !Object.prototype.hasOwnProperty.call(extraAnimateAttrs, key) || hasTargetAttr && void 0 !== targetAttrs[key] || assignTransitionAttr(key, extraAnimateAttrs[key]);
+          !Object.prototype.hasOwnProperty.call(extraAnimateAttrs, key) || hasTargetAttr && void 0 !== targetAttrs[key] || assignTransitionAttr(key, extraAnimateAttrs[key], !0);
         }
         return plan;
       }
@@ -7220,9 +7230,11 @@
           noWorkAnimateAttr: graphic.getNoWorkAnimateAttr(),
           isClear: !0,
           getDefaultAttribute: graphic.getDefaultAttribute.bind(graphic),
+          getStateTransitionDefaultAttribute: options.getStateTransitionDefaultAttribute,
           shouldSkipDefaultAttribute: null !== (_a = options.shouldSkipDefaultAttribute) && void 0 !== _a ? _a : graphic.shouldSkipStateTransitionDefaultAttribute.bind(graphic),
           animateConfig: options.animateConfig,
-          extraAnimateAttrs: options.extraAnimateAttrs
+          extraAnimateAttrs: options.extraAnimateAttrs,
+          stateTransitionTargetAttrs: options.stateTransitionTargetAttrs
         });
         return this.applyTransition(graphic, plan, hasAnimation, options);
       }
@@ -7415,14 +7427,17 @@
         }
         return null === (_a = this.stage) || void 0 === _a ? void 0 : _a.rootSharedStateScope;
       }
-      syncSharedStateScopeBindingFromTree(markDirty = !0) {
+      syncSharedStateScopeBinding(nextScope, 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);
       }
-      syncSharedStateScopeBindingOnTreeChange(markDirty = !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) {
         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);
+        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);
       }
       syncSharedStateActiveRegistrations() {
         var _a;
@@ -7430,6 +7445,7 @@
         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);
@@ -7437,6 +7453,15 @@
           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 => {
@@ -7446,8 +7471,8 @@
       markSharedStateDirty() {
         this.sharedStateDirty = !0, enqueueGraphicSharedStateRefresh(this.stage, this), scheduleStageSharedStateRefresh(this.stage);
       }
-      onParentSharedStateTreeChanged(stage, layer) {
-        this.stage === stage && this.layer === layer ? this.syncSharedStateScopeBindingOnTreeChange() : this.setStage(stage, layer);
+      onParentSharedStateTreeChanged(stage, layer, inheritedSharedStateScope) {
+        this.stage === stage && this.layer === layer ? this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope) : this.setStage(stage, layer, inheritedSharedStateScope);
       }
       refreshSharedStateBeforeRender() {
         var _a;
@@ -7497,21 +7522,20 @@
         }), snapshot) : snapshot;
       }
       buildRemovedStateAnimationAttrs(targetStateAttrs, previousResolvedStatePatch) {
-        const extraAttrs = {};
-        if (!previousResolvedStatePatch) return extraAttrs;
+        if (!previousResolvedStatePatch) return;
         const snapshot = this.buildStaticAttributeSnapshot(),
-          staticTargetAttrs = snapshot;
+          extraAttrs = {};
         return Object.keys(previousResolvedStatePatch).forEach(key => {
           const hasTargetAttr = Object.prototype.hasOwnProperty.call(targetStateAttrs, key);
           if (hasTargetAttr && void 0 !== targetStateAttrs[key]) return;
           const assignFallbackAttr = value => {
-            void 0 === value && this.shouldSkipStateTransitionDefaultAttribute(key, staticTargetAttrs) || (extraAttrs[key] = void 0 === value ? value : cloneAttributeValue(value));
+            extraAttrs[key] = void 0 === value ? value : cloneAttributeValue(value);
           };
-          if (hasTargetAttr) assignFallbackAttr(this.getStateTransitionDefaultAttribute(key, staticTargetAttrs));else if (Object.prototype.hasOwnProperty.call(snapshot, key)) {
-            const snapshotValue = snapshot[key];
-            assignFallbackAttr(void 0 === snapshotValue ? this.getStateTransitionDefaultAttribute(key, staticTargetAttrs) : snapshotValue);
-          } else assignFallbackAttr(this.getStateTransitionDefaultAttribute(key, staticTargetAttrs));
-        }), extraAttrs;
+          hasTargetAttr ? assignFallbackAttr(targetStateAttrs[key]) : Object.prototype.hasOwnProperty.call(snapshot, key) ? assignFallbackAttr(snapshot[key]) : assignFallbackAttr(void 0);
+        }), {
+          extraAttrs: extraAttrs,
+          stateTransitionTargetAttrs: snapshot
+        };
       }
       syncObjectToSnapshot(target, snapshot, excludedKeys) {
         const delta = new Map();
@@ -8098,6 +8122,10 @@
         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;
@@ -8227,29 +8255,37 @@
             resolvedStateAttrs: resolvedStateAttrs
           } = this.resolveGraphicStateTransition(states, !0),
           patchChanged = !this.sameStatePatches(previousResolvedStatePatch, resolvedStateAttrs);
-        patchChanged && !this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1) || (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), patchChanged && (hasAnimation && animateSameStatePatchChange ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+        if ((!patchChanged || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1)) && (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), patchChanged)) if (hasAnimation && animateSameStatePatchChange) {
+          this._syncFinalAttributeFromStaticTruth();
+          const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
+          this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.extraAttrs, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.stateTransitionTargetAttrs);
+        } else this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
           type: AttributeUpdateType.STATE
         }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
           type: AttributeUpdateType.STATE
-        }), this.emitStateUpdateEvent())));
+        }), this.emitStateUpdateEvent();
       }
       resolveStateAnimateConfig(animateConfig) {
         var _a, _b, _c;
         return null !== (_c = null !== (_a = null != animateConfig ? animateConfig : this.stateAnimateConfig) && void 0 !== _a ? _a : null === (_b = this.context) || void 0 === _b ? void 0 : _b.stateAnimateConfig) && void 0 !== _c ? _c : DefaultStateAnimateConfig;
       }
-      applyStateAttrs(attrs, stateNames, hasAnimation, isClear, animateConfig, extraAnimateAttrs) {
+      applyStateAttrs(attrs, stateNames, hasAnimation, isClear, animateConfig, extraAnimateAttrs, stateTransitionTargetAttrs) {
         const resolvedAnimateConfig = hasAnimation ? this.resolveStateAnimateConfig(animateConfig) : void 0,
           transitionOptions = resolvedAnimateConfig ? {
             animateConfig: resolvedAnimateConfig,
             extraAnimateAttrs: extraAnimateAttrs,
-            shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this)
+            getStateTransitionDefaultAttribute: this.getStateTransitionDefaultAttribute.bind(this),
+            shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this),
+            stateTransitionTargetAttrs: stateTransitionTargetAttrs
           } : void 0;
         if (isClear) return void this.getStateTransitionOrchestrator().applyClearTransition(this, attrs, hasAnimation, transitionOptions);
         const plan = this.getStateTransitionOrchestrator().analyzeTransition(attrs, hasAnimation, {
           noWorkAnimateAttr: this.getNoWorkAnimateAttr(),
           animateConfig: resolvedAnimateConfig,
           extraAnimateAttrs: extraAnimateAttrs,
-          shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this)
+          getStateTransitionDefaultAttribute: this.getStateTransitionDefaultAttribute.bind(this),
+          shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this),
+          stateTransitionTargetAttrs: stateTransitionTargetAttrs
         });
         this.getStateTransitionOrchestrator().applyTransition(this, plan, hasAnimation, transitionOptions);
       }
@@ -8276,11 +8312,15 @@
           transition = this.resolveClearStatesTransition();
         if (!transition.changed && 0 === previousStates.length) return this.currentStates = [], this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, void this.clearSharedStateActiveRegistrations();
         const resolvedStateAttrs = hasAnimation || this.hasCustomEvent("beforeStateUpdate") ? cloneAttributeValue(null !== (_b = this.baseAttributes) && void 0 !== _b ? _b : {}) : null !== (_c = this.baseAttributes) && void 0 !== _c ? _c : {};
-        transition.changed && !this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !0) || (this.currentStates = transition.states, this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, this.clearSharedStateActiveRegistrations(), hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !0, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+        if (!transition.changed || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !0)) if (this.currentStates = transition.states, this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, this.clearSharedStateActiveRegistrations(), hasAnimation) {
+          this._syncFinalAttributeFromStaticTruth();
+          const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
+          this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !0, void 0, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.extraAttrs, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.stateTransitionTargetAttrs);
+        } else this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
           type: AttributeUpdateType.STATE
         }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, void 0, {
           type: AttributeUpdateType.STATE
-        }), this.emitStateUpdateEvent()));
+        }), this.emitStateUpdateEvent();
       }
       removeState(stateName, hasAnimation) {
         const transition = this.resolveRemoveStateTransition(stateName);
@@ -8321,11 +8361,15 @@
             effectiveStates: effectiveStates,
             resolvedStateAttrs: resolvedStateAttrs
           } = this.resolveGraphicStateTransition(states);
-        !transition.changed && this.sameStateNames(previousStates, transition.states) || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1) && (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+        if ((transition.changed || !this.sameStateNames(previousStates, transition.states)) && this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1)) if (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), hasAnimation) {
+          this._syncFinalAttributeFromStaticTruth();
+          const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
+          this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.extraAttrs, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.stateTransitionTargetAttrs);
+        } else this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
           type: AttributeUpdateType.STATE
         }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
           type: AttributeUpdateType.STATE
-        }), this.emitStateUpdateEvent()));
+        }), this.emitStateUpdateEvent();
       }
       invalidateResolver() {
         var _a, _b;
@@ -8445,12 +8489,12 @@
           this._globalTransMatrix.translate(scrollX, scrollY);
         }
       }
-      setStage(stage, layer) {
+      setStage(stage, layer, inheritedSharedStateScope) {
         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), 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, inheritedSharedStateScope), 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 = [];
@@ -8467,7 +8511,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);
+        ((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);
       }
       detachStageForRelease() {
         var _a, _b, _c;
@@ -8889,13 +8933,13 @@
           child.setStage(null, null);
         }), this.addUpdateBoundTag();
       }
-      setStage(stage, layer) {
+      setStage(stage, layer, inheritedSharedStateScope) {
         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)), 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();
+        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);
         const layerChanged = this.layer !== layer;
-        layerChanged && (this.layer = layer), needsSharedStateTreeSync ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0), this.notifyChildrenSharedStateTreeChanged()) : layerChanged && this.notifyChildrenSharedStateTreeChanged();
+        layerChanged && (this.layer = layer), needsSharedStateTreeSync ? (this.ensureSharedStateScopeBound(), this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope), this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope)) : layerChanged && this.notifyChildrenSharedStateTreeChanged(inheritedSharedStateScope);
       }
       addUpdatePositionTag() {
         super.addUpdatePositionTag(), this.forEachChildren(g => {
@@ -8954,17 +8998,26 @@
       hasSharedStateDefinitions() {
         return !!this._sharedStateDefinitions && Object.keys(this._sharedStateDefinitions).length > 0;
       }
-      notifyChildrenSharedStateTreeChanged() {
+      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);
         this.forEachChildren(item => {
-          this.syncChildSharedStateTreeBinding(item);
+          this.setStageToChild(item, childSharedStateScope);
         });
       }
-      syncChildSharedStateTreeBinding(child) {
-        child.onParentSharedStateTreeChanged(this.stage, this.layer);
+      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, inheritedSharedStateScope) {
+        void 0 === inheritedSharedStateScope && (inheritedSharedStateScope = this.resolveChildSharedStateScope()), this.setStageToChild(child, inheritedSharedStateScope);
       }
-      onParentSharedStateTreeChanged(stage, layer) {
+      onParentSharedStateTreeChanged(stage, layer, inheritedSharedStateScope) {
         var _a;
-        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);
+        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);
       }
     }
     Group.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
@@ -10316,7 +10369,7 @@
     }
 
     var _a;
-    const factoryRegistryKey = Symbol.for("@visactor/vchart/factory-registry@2.1.4"),
+    const factoryRegistryKey = Symbol.for("@visactor/vchart/factory-registry@2.1.5"),
       globalFactoryRegistry = globalThis;
     const factoryRegistry = null !== (_a = globalFactoryRegistry[factoryRegistryKey]) && void 0 !== _a ? _a : globalFactoryRegistry[factoryRegistryKey] = {
       charts: {},
@@ -10843,7 +10896,132 @@
       cap: 1
     }, NOWORK_ANIMATE_ATTR);
 
-    const POLYGON_UPDATE_TAG_KEY = ["points", "cornerRadius", ...GRAPHIC_UPDATE_TAG_KEY];
+    function getPolygonWinding(points) {
+      let signedArea = 0;
+      for (let i = 0; i < points.length; i++) {
+        const current = points[i],
+          next = points[(i + 1) % points.length];
+        signedArea += current.x * next.y - next.x * current.y;
+      }
+      return signedArea > 0 ? 1 : -1;
+    }
+    function offsetPolygonPoints(points, distance, closePath = !0) {
+      var _a;
+      const n = null !== (_a = null == points ? void 0 : points.length) && void 0 !== _a ? _a : 0;
+      if (n < 2 || closePath && n < 3 || !distance) return points;
+      const sign = getPolygonWinding(points),
+        edgeCount = closePath ? n : n - 1,
+        lines = [];
+      for (let i = 0; i < edgeCount; i++) {
+        const cur = points[i],
+          next = points[(i + 1) % n],
+          dx = next.x - cur.x,
+          dy = next.y - cur.y,
+          len = Math.sqrt(dx * dx + dy * dy);
+        if (!len) {
+          lines.push(null);
+          continue;
+        }
+        const offsetX = sign * dy * distance / len,
+          offsetY = -sign * dx * distance / len;
+        lines.push({
+          x: cur.x + offsetX,
+          y: cur.y + offsetY,
+          dx: dx,
+          dy: dy,
+          len: len,
+          offsetX: offsetX,
+          offsetY: offsetY
+        });
+      }
+      const prevLines = new Array(n);
+      let prevLine = null;
+      if (closePath) for (let i = edgeCount - 1; i >= 0; i--) if (lines[i]) {
+        prevLine = lines[i];
+        break;
+      }
+      for (let i = 0; i < n; i++) prevLines[i] = prevLine, i < edgeCount && lines[i] && (prevLine = lines[i]);
+      const nextLines = new Array(n);
+      let nextLine = null;
+      if (closePath) for (let count = 0; count < edgeCount; count++) {
+        const line = lines[(n - 1 + count) % edgeCount];
+        if (line) {
+          nextLine = line;
+          break;
+        }
+      }
+      for (let i = n - 1; i >= 0; i--) i < edgeCount && lines[i] && (nextLine = lines[i]), nextLines[i] = nextLine;
+      const offsetPointByLine = (point, line) => ({
+          x: point.x + line.offsetX,
+          y: point.y + line.offsetY
+        }),
+        result = [];
+      for (let i = 0; i < n; i++) {
+        const prev = prevLines[i],
+          cur = nextLines[i],
+          line = prev || cur;
+        if (!line) {
+          result.push(points[i]);
+          continue;
+        }
+        if (!prev || !cur) {
+          result.push(offsetPointByLine(points[i], line));
+          continue;
+        }
+        const denominator = prev.dx * cur.dy - prev.dy * cur.dx;
+        if (Math.abs(denominator) <= 1e-12 * prev.len * cur.len) {
+          result.push(offsetPointByLine(points[i], cur));
+          continue;
+        }
+        const t = ((cur.x - prev.x) * cur.dy - (cur.y - prev.y) * cur.dx) / denominator,
+          point = {
+            x: prev.x + prev.dx * t,
+            y: prev.y + prev.dy * t
+          };
+        result.push(Number.isFinite(point.x) && Number.isFinite(point.y) ? point : offsetPointByLine(points[i], cur));
+      }
+      return result;
+    }
+
+    const getBoundsScaleMatrix = polygon => {
+      var _a;
+      const globalMatrix = polygon.globalTransMatrix,
+        viewBoxMatrix = null === (_a = polygon.stage) || void 0 === _a ? void 0 : _a.window.getViewBoxTransform();
+      return viewBoxMatrix ? {
+        a: viewBoxMatrix.a * globalMatrix.a + viewBoxMatrix.c * globalMatrix.b,
+        b: viewBoxMatrix.b * globalMatrix.a + viewBoxMatrix.d * globalMatrix.b,
+        c: viewBoxMatrix.a * globalMatrix.c + viewBoxMatrix.c * globalMatrix.d,
+        d: viewBoxMatrix.b * globalMatrix.c + viewBoxMatrix.d * globalMatrix.d
+      } : globalMatrix;
+    };
+    const getPolygonBoundsScale = polygon => getScaledStrokeWithMatrix(getBoundsScaleMatrix(polygon), 1, 1);
+    const updateBoundsOfPolygonOuterBorder = (attribute, polygonTheme, aabbBounds, polygon) => {
+      const {
+        outerBorder: outerBorder,
+        points = polygonTheme.points,
+        closePath = polygonTheme.closePath,
+        shadowBlur = polygonTheme.shadowBlur,
+        keepStrokeScale = polygonTheme.keepStrokeScale
+      } = attribute;
+      if (outerBorder && !1 !== outerBorder.visible) {
+        const defaultOuterBorder = polygonTheme.outerBorder,
+          {
+            distance = defaultOuterBorder.distance,
+            lineWidth = defaultOuterBorder.lineWidth,
+            lineJoin = defaultOuterBorder.lineJoin,
+            strokeBoundsBuffer = defaultOuterBorder.strokeBoundsBuffer
+          } = outerBorder,
+          boundsScale = getPolygonBoundsScale(polygon);
+        let scaledDistance = distance;
+        keepStrokeScale || (scaledDistance *= boundsScale), offsetPolygonPoints(points, scaledDistance, closePath).forEach(point => {
+          aabbBounds.add(point.x, point.y);
+        });
+        boundStroke(aabbBounds, (shadowBlur * boundsScale + lineWidth * (keepStrokeScale ? 1 : boundsScale)) / 2, "miter" === lineJoin, strokeBoundsBuffer);
+      }
+      return aabbBounds;
+    };
+
+    const POLYGON_UPDATE_TAG_KEY = ["points", "cornerRadius", "outerBorder", "keepStrokeScale", ...GRAPHIC_UPDATE_TAG_KEY];
     class Polygon extends Graphic {
       constructor(params) {
         super(params), this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
@@ -10860,6 +11038,16 @@
       getGraphicTheme() {
         return getTheme(this).polygon;
       }
+      tryUpdateAABBBounds() {
+        const {
+          outerBorder: outerBorder
+        } = this.attribute;
+        if (outerBorder && !1 !== outerBorder.visible) {
+          const boundsScale = getPolygonBoundsScale(this);
+          boundsScale !== this._outerBorderBoundsScale && (this._outerBorderBoundsScale = boundsScale, this.addUpdateBoundTag());
+        } else this._outerBorderBoundsScale = void 0;
+        return super.tryUpdateAABBBounds();
+      }
       updateAABBBounds(attribute, polygonTheme, aabbBounds) {
         this.updatePathProxyAABBBounds(aabbBounds) || this.updatePolygonAABBBoundsImprecise(attribute, polygonTheme, aabbBounds), application.graphicService.updateTempAABBBounds(aabbBounds), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
         const {
@@ -10873,7 +11061,7 @@
         } = attribute;
         return points.forEach(p => {
           aabbBounds.add(p.x, p.y);
-        }), aabbBounds;
+        }), updateBoundsOfPolygonOuterBorder(attribute, polygonTheme, aabbBounds, this), aabbBounds;
       }
       _interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes) {
         "points" === key && (nextAttributes.points = pointsInterpolation(lastStepVal, nextStepVal, ratio));
@@ -13118,7 +13306,8 @@
     const DrawContribution = Symbol.for("DrawContribution");
 
     const DrawItemInterceptor = Symbol.for("DrawItemInterceptor");
-    const tempDirtyBounds = new vutils.AABBBounds(),
+    const INTERACTIVE_POST_MATRIX = "_interactivePostMatrix",
+      tempDirtyBounds = new vutils.AABBBounds(),
       tempBackupDirtyBounds = new vutils.AABBBounds();
     class ShadowRootDrawItemInterceptorContribution {
       constructor() {
@@ -13182,12 +13371,23 @@
       beforeDrawItem(graphic, renderService, drawContext, drawContribution, params) {
         return !this.processing && (graphic.baseGraphic ? this.beforeDrawInteractive(graphic, renderService, drawContext, drawContribution, params) : this.beforeSetInteractive(graphic, renderService, drawContext, drawContribution, params));
       }
+      resolveInteractivePostMatrix(graphic, interactiveGraphic) {
+        const parent = graphic.parent;
+        if (!parent) return graphic.attribute.postMatrix;
+        let matrix = interactiveGraphic[INTERACTIVE_POST_MATRIX];
+        matrix || (matrix = new vutils.Matrix(), interactiveGraphic[INTERACTIVE_POST_MATRIX] = matrix);
+        const ancestorMatrix = parent.globalTransMatrix;
+        matrix.setValue(ancestorMatrix.a, ancestorMatrix.b, ancestorMatrix.c, ancestorMatrix.d, ancestorMatrix.e, ancestorMatrix.f);
+        const ownPostMatrix = graphic.attribute.postMatrix;
+        return ownPostMatrix && matrix.multiply(ownPostMatrix.a, ownPostMatrix.b, ownPostMatrix.c, ownPostMatrix.d, ownPostMatrix.e, ownPostMatrix.f), matrix;
+      }
       beforeSetInteractive(graphic, renderService, drawContext, drawContribution, params) {
         let interactiveGraphic = graphic.interactiveGraphic;
         if (graphic.attribute.globalZIndex) {
           interactiveGraphic || (interactiveGraphic = graphic.clone(), graphic.interactiveGraphic = interactiveGraphic, interactiveGraphic.baseGraphic = graphic), interactiveGraphic.setAttributes({
             globalZIndex: 0,
-            zIndex: graphic.attribute.globalZIndex
+            zIndex: graphic.attribute.globalZIndex,
+            postMatrix: this.resolveInteractivePostMatrix(graphic, interactiveGraphic)
           }, !1, {
             skipUpdateCallback: !0
           }), drawContext.stage.tryInitInteractiveLayer();
@@ -22782,7 +22982,7 @@
       release(forceReleaseVRenderComponents = !0) {
         forceReleaseVRenderComponents && [...this._components, ...this._regions, ...this._series].forEach(m => {
           m.beforeRelease();
-        }), super.release(), this.clear(), [...this._components, ...this._regions, ...this._series].forEach(m => {
+        }), this._event.release(), super.release(), this.clear(), [...this._components, ...this._regions, ...this._series].forEach(m => {
           m.release();
         }), this._components = this._regions = this._series = [], this._spec = {}, this._dataSet = this._globalScale = this._layoutFunc = null, this._layoutTag = !1, this._idMap.clear();
       }