@visactor/vrender 1.1.4-alpha.2 → 1.1.4-alpha.3

package/dist/index.js

@@ -2728,7 +2728,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,
@@ -8038,8 +8038,6 @@
         this.graphic === graphic && this.baseAttributes === baseAttributes || this.invalidateResolverCache(), this.graphic = graphic, this.baseAttributes = baseAttributes;
       }
       applyStates(stateNames) {
-        const singleStaticStateResult = this.tryApplySingleStaticState(stateNames);
-        if (singleStaticStateResult) return singleStaticStateResult;
         const uniqueStates = Array.from(new Set(stateNames)),
           sortedStates = this.sortStates(uniqueStates),
           adjudicated = this.adjudicate(sortedStates),
@@ -8054,19 +8052,6 @@
           suppressed: [...this._suppressed]
         };
       }
-      tryApplySingleStaticState(stateNames) {
-        if (1 !== stateNames.length || "shallow" !== this.mergeMode) return;
-        const stateName = stateNames[0],
-          definition = this.compiledDefinitions.get(stateName);
-        if (definition && (definition.hasResolver || definition.exclude.size || definition.suppress.size)) return;
-        const changed = 1 !== this._activeStates.length || this._activeStates[0] !== stateName || 1 !== this._effectiveStates.length || this._effectiveStates[0] !== stateName || 0 !== this._suppressed.length;
-        return this._activeStates = [stateName], this._effectiveStates = [stateName], this._suppressed = [], !changed && this.resolverCacheValid || (this.resolverPatchCache.clear(), this.resolverCacheKey = stateName, this.resolverCacheValid = !0, this._resolvedPatch = (null == definition ? void 0 : definition.patch) ? cloneValue(definition.patch) : {}), {
-          changed: changed,
-          activeStates: [...this._activeStates],
-          effectiveStates: [...this._effectiveStates],
-          suppressed: []
-        };
-      }
       addState(stateName, keepCurrentStates) {
         if (this._activeStates.includes(stateName) && (keepCurrentStates || 1 === this._activeStates.length)) return {
           changed: !1,
@@ -8502,17 +8487,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;
@@ -8520,7 +8502,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);
@@ -8528,15 +8509,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 => {
@@ -8546,8 +8518,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;
@@ -9198,10 +9170,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;
@@ -9395,10 +9363,8 @@
         transition.changed && this.useStates(transition.states, hasAnimation);
       }
       addState(stateName, keepCurrentStates, hasAnimation) {
-        const currentStates = this.currentStates;
-        if ((null == currentStates ? void 0 : currentStates.includes(stateName)) && (keepCurrentStates || 1 === currentStates.length)) return;
-        const nextStates = keepCurrentStates && (null == currentStates ? void 0 : currentStates.length) ? currentStates.concat([stateName]) : [stateName];
-        this.useStates(nextStates, hasAnimation);
+        const transition = this.resolveAddStateTransition(stateName, keepCurrentStates);
+        transition.changed && this.useStates(transition.states, hasAnimation);
       }
       setStates(states, options) {
         var _a, _b, _c;
@@ -9551,12 +9517,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 = [];
@@ -9573,7 +9539,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;
@@ -12147,8 +12113,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);
         });
@@ -12819,17 +12785,17 @@
       }
       incrementalAppendChild(node) {
         const data = super.appendChild(node);
-        return data && this.shouldSyncChildSharedStateTreeBinding(data) && this.syncChildSharedStateTreeBinding(data), this.addUpdateBoundTag(), this.getGraphicService().onAddIncremental(node, this, this.stage), data;
+        return data && this.syncChildSharedStateTreeBinding(data), this.addUpdateBoundTag(), this.getGraphicService().onAddIncremental(node, this, this.stage), data;
       }
       incrementalClearChild() {
         super.removeAllChild(), this.addUpdateBoundTag(), this.getGraphicService().onClearIncremental(this, this.stage);
       }
       _updateChildToStage(child) {
-        return child && this.shouldSyncChildSharedStateTreeBinding(child) && this.syncChildSharedStateTreeBinding(child), this.addUpdateBoundTag(), child;
+        return child && this.syncChildSharedStateTreeBinding(child), this.addUpdateBoundTag(), child;
       }
       appendChild(node, addStage = !0) {
         const data = super.appendChild(node);
-        return data && addStage && this.shouldSyncChildSharedStateTreeBinding(data) && this.syncChildSharedStateTreeBinding(data), this.addUpdateBoundTag(), data;
+        return data && addStage && this.syncChildSharedStateTreeBinding(data), this.addUpdateBoundTag(), data;
       }
       insertBefore(newNode, referenceNode) {
         return this._updateChildToStage(super.insertBefore(newNode, referenceNode));
@@ -12852,13 +12818,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 => {
@@ -12917,29 +12883,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);
         });
       }
-      shouldSyncChildSharedStateTreeBinding(child) {
-        return !(!this.stage && !this.layer) || child.onParentSharedStateTreeChanged !== Graphic.prototype.onParentSharedStateTreeChanged && child.onParentSharedStateTreeChanged !== Group.prototype.onParentSharedStateTreeChanged;
-      }
-      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.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
@@ -28863,6 +28817,8 @@
       var _a, _b;
       return null !== (_b = null !== (_a = null == params ? void 0 : params.lynx) && void 0 !== _a ? _a : null == params ? void 0 : params.runtime) && void 0 !== _b ? _b : getGlobalLynxRuntime();
     }
+    const requestAnimationFrameBasedSTO = callback => rafBasedSto.call(callback),
+      cancelAnimationFrameBasedSTO = handle => rafBasedSto.clear(handle);
     function getLynxPixelRatio(params, runtime) {
       var _a, _b, _c, _d, _e;
       return null !== (_e = null !== (_d = null !== (_a = null == params ? void 0 : params.pixelRatio) && void 0 !== _a ? _a : null === (_c = null === (_b = null == runtime ? void 0 : runtime.getSystemInfoSync) || void 0 === _b ? void 0 : _b.call(runtime)) || void 0 === _c ? void 0 : _c.pixelRatio) && void 0 !== _d ? _d : getGlobalSystemPixelRatio()) && void 0 !== _e ? _e : 1;
@@ -28934,7 +28890,7 @@
     }
     class LynxEnvContribution extends BaseEnvContribution {
       constructor() {
-        super(), this.type = "lynx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        super(), this.type = "lynx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.requestAnimationFrame = requestAnimationFrameBasedSTO, this.cancelAnimationFrame = cancelAnimationFrameBasedSTO, this.supportsTouchEvents = !0;
         try {
           this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
         } catch (err) {
@@ -28943,7 +28899,8 @@
         this.applyStyles = !0;
       }
       configure(service, params = {}) {
-        service.env === this.type && (service.setActiveEnvContribution(this), this.lynxEnvParams = params, this.lynxRuntime = getLynxRuntime(params));
+        var _a, _b;
+        service.env === this.type && (service.setActiveEnvContribution(this), this.lynxEnvParams = params, this.lynxRuntime = getLynxRuntime(params), "function" == typeof (null === (_a = this.lynxRuntime) || void 0 === _a ? void 0 : _a.requestAnimationFrame) && "function" == typeof (null === (_b = this.lynxRuntime) || void 0 === _b ? void 0 : _b.cancelAnimationFrame) ? (this.requestAnimationFrame = this.lynxRuntime.requestAnimationFrame.bind(this.lynxRuntime), this.cancelAnimationFrame = this.lynxRuntime.cancelAnimationFrame.bind(this.lynxRuntime)) : (this.requestAnimationFrame = requestAnimationFrameBasedSTO, this.cancelAnimationFrame = cancelAnimationFrameBasedSTO));
       }
       getDynamicCanvasCount() {
         return this.freeCanvasList.length;
@@ -28995,14 +28952,10 @@
         return getLynxPixelRatio(void 0, this.lynxRuntime);
       }
       getRequestAnimationFrame() {
-        return function (callback) {
-          return rafBasedSto.call(callback);
-        };
+        return this.requestAnimationFrame;
       }
       getCancelAnimationFrame() {
-        return h => {
-          rafBasedSto.clear(h);
-        };
+        return this.cancelAnimationFrame;
       }
       mapToCanvasPoint(event) {
         var _a;
@@ -49991,7 +49944,7 @@
     loadDiscreteLegendComponent();
     class DiscreteLegend extends LegendBase {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, 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({}, 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(exports.LEGEND_ELEMENT_NAME.item)) {
             const legendItem = target.delegate;
@@ -50039,7 +49992,7 @@
         };
       }
       render() {
-        this._stateDefinitionsCache = new WeakMap(), super.render(), this._lastActiveItem = null;
+        super.render(), this._lastActiveItem = null;
       }
       setSelected(selectedData) {
         var _a;
@@ -50219,7 +50172,7 @@
         }), this._appendDataToShape(itemGroup, exports.LEGEND_ELEMENT_NAME.item, item, itemGroup)) : (itemGroup = graphicCreator.group(Object.assign({
           x: 0,
           y: 0
-        }, backgroundStyle.style)), this._appendDataToShape(itemGroup, exports.LEGEND_ELEMENT_NAME.item, item, itemGroup, backgroundStyle.state, backgroundStyle.reuseStateDefinitions)), itemGroup.id = `${null != id ? id : label}-${index}`, itemGroup.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected);
+        }, backgroundStyle.style)), this._appendDataToShape(itemGroup, exports.LEGEND_ELEMENT_NAME.item, item, itemGroup, backgroundStyle.state)), itemGroup.id = `${null != id ? id : label}-${index}`, itemGroup.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected);
         const innerGroup = graphicCreator.group({
           x: 0,
           y: 0,
@@ -50234,21 +50187,15 @@
           const s = get$1(shapeStyle, "style.size", DEFAULT_SHAPE_SIZE);
           shapeSize = isArray$1(s) ? s[0] || 0 : s, shapeSpace = get$1(shapeAttr, "space", DEFAULT_SHAPE_SPACE);
           const itemShape = graphicCreator.symbol(Object.assign(Object.assign({
-              x: 0,
-              y: 0,
-              symbolType: "circle",
-              strokeBoundsBuffer: 0
-            }, shape), shapeStyle.style)),
-            shapeStateNeedsItemColor = Object.keys(shapeStyle.state || {}).some(key => {
-              const state = shapeStyle.state[key];
-              return !!(state.fill || state.stroke) && (!!shape.fill && isNil$1(state.fill) || !!shape.stroke && isNil$1(state.stroke));
-            }),
-            shapeStates = shapeStateNeedsItemColor ? merge({}, shapeStyle.state) : shapeStyle.state;
-          Object.keys(shapeStates || {}).forEach(key => {
-            const state = shapeStates[key],
-              color = state.fill || state.stroke;
-            shape.fill && isNil$1(state.fill) && color && (state.fill = color), shape.stroke && isNil$1(state.stroke) && color && (state.stroke = color);
-          }), this._appendDataToShape(itemShape, exports.LEGEND_ELEMENT_NAME.itemShape, item, itemGroup, shapeStates, !shapeStateNeedsItemColor && !1 !== shapeStyle.reuseStateDefinitions), itemShape.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected), innerGroup.add(itemShape);
+            x: 0,
+            y: 0,
+            symbolType: "circle",
+            strokeBoundsBuffer: 0
+          }, shape), shapeStyle.style));
+          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, exports.LEGEND_ELEMENT_NAME.itemShape, item, itemGroup, shapeStyle.state), itemShape.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected), innerGroup.add(itemShape);
         }
         let focusSpace = 0;
         if (focus) {
@@ -50275,7 +50222,7 @@
             _originText: labelAttr.formatMethod ? label : void 0
           }),
           labelShape = createTextGraphicByType(labelAttributes);
-        this._appendDataToShape(labelShape, exports.LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, labelStyle.state, labelStyle.reuseStateDefinitions), labelShape.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected), innerGroup.add(labelShape);
+        this._appendDataToShape(labelShape, exports.LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, labelStyle.state), labelShape.addState(isSelected ? exports.LegendStateValue.selected : exports.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),
@@ -50291,7 +50238,7 @@
               _originText: valueAttr.formatMethod ? value : void 0
             }),
             valueShape = createTextGraphicByType(valueAttributes);
-          if (this._appendDataToShape(valueShape, exports.LEGEND_ELEMENT_NAME.itemValue, item, itemGroup, valueStyle.state, valueStyle.reuseStateDefinitions), valueShape.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected), this._itemWidthByUser) {
+          if (this._appendDataToShape(valueShape, exports.LEGEND_ELEMENT_NAME.itemValue, item, itemGroup, valueStyle.state), valueShape.addState(isSelected ? exports.LegendStateValue.selected : exports.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",
@@ -50721,17 +50668,8 @@
           item.hasState(exports.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({}, 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({}, 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({}, DEFAULT_STATES, states);
       }
       _dispatchLegendEvent(eventName, legendItem, event) {
         const currentSelectedItems = this._getSelectedLegends();
@@ -50748,17 +50686,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.defaultAttributes = {
@@ -55640,7 +55573,7 @@
         return resolveLegacyApp().createStage(params);
     }
 
-    const version = "1.1.4-alpha.2";
+    const version = "1.1.4-alpha.3";
 
     exports.AComponentAnimate = AComponentAnimate;
     exports.ACustomAnimate = ACustomAnimate;