@visactor/vrender-core 1.1.0-alpha.24 → 1.1.0-alpha.25

package/cjs/graphic/state/state-engine.js

@@ -1,11 +1,5 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.StateEngine = void 0;
-
-const state_perf_monitor_1 = require("./state-perf-monitor");
-
 function isPlainObject(value) {
     return null != value && "object" == typeof value && !Array.isArray(value);
 }
@@ -27,7 +21,9 @@ function deepMerge(base, value) {
     })), result;
 }
 
-const FULL_DEFINITION_KEYS = new Set([ "name", "patch", "priority", "exclude", "suppress", "resolver", "declaredAffectedKeys" ]);
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StateEngine = void 0;
 
 class StateEngine {
     constructor(options) {
@@ -35,8 +31,7 @@ class StateEngine {
         this._activeStates = [], this._effectiveStates = [], this._suppressed = [], this._resolvedPatch = {}, 
         this.resolverPatchCache = new Map, this.resolverCacheKey = "", this.resolverCacheValid = !1, 
         this.baseAttributes = {}, this.compiledDefinitions = options.compiledDefinitions, 
-        this.stateSort = options.stateSort, this.stateProxy = options.stateProxy, this.stateProxyEligibility = options.stateProxyEligibility, 
-        this.states = options.states, this.mergeMode = null !== (_a = options.mergeMode) && void 0 !== _a ? _a : "shallow";
+        this.stateSort = options.stateSort, this.mergeMode = null !== (_a = options.mergeMode) && void 0 !== _a ? _a : "shallow";
     }
     get activeStates() {
         return this._activeStates;
@@ -104,22 +99,11 @@ class StateEngine {
         };
     }
     invalidateResolverCache() {
-        var _a, _b;
-        this.resolverPatchCache.clear(), this.resolverCacheKey = "", this.resolverCacheValid = !1, 
-        null === (_b = (0, state_perf_monitor_1.getActiveStageStatePerfMonitor)(null === (_a = this.graphic) || void 0 === _a ? void 0 : _a.stage)) || void 0 === _b || _b.recordResolver("invalidations");
+        this.resolverPatchCache.clear(), this.resolverCacheKey = "", this.resolverCacheValid = !1;
     }
     hasState(stateName) {
         return !!this._activeStates.length && (null == stateName || this._activeStates.includes(stateName));
     }
-    getCompatPatch(stateName) {
-        var _a, _b, _c;
-        const targetStates = this._activeStates.length ? this._activeStates : this._effectiveStates, canUseStateProxy = this.canUseStateProxy(stateName), proxyPatch = canUseStateProxy ? null === (_a = this.stateProxy) || void 0 === _a ? void 0 : _a.call(this, stateName, targetStates) : void 0;
-        if (this.stateProxy && canUseStateProxy) return null != proxyPatch ? proxyPatch : void 0;
-        const value = null === (_b = this.states) || void 0 === _b ? void 0 : _b[stateName];
-        if (null == value) return;
-        if (!isPlainObject(value)) return value;
-        return Object.keys(value).some((key => FULL_DEFINITION_KEYS.has(key))) ? cloneValue(null !== (_c = value.patch) && void 0 !== _c ? _c : void 0) : value;
-    }
     sortStates(states) {
         const withDefinition = [], withoutDefinition = [];
         return states.forEach((stateName => {
@@ -147,55 +131,24 @@ class StateEngine {
         };
     }
     recomputePatch(effectiveStates) {
-        var _a;
-        const perfMonitor = (0, state_perf_monitor_1.getActiveStageStatePerfMonitor)(null === (_a = this.graphic) || void 0 === _a ? void 0 : _a.stage), patchStart = perfMonitor ? performance.now() : 0;
-        let resolverCost = 0;
-        const cacheKey = effectiveStates.join(","), nextPatch = {};
-        if (null == perfMonitor || perfMonitor.recordAllocation("patchObjectsCreated"), 
-        this.resolverCacheValid && this.resolverCacheKey === cacheKey ? effectiveStates.forEach((stateName => {
+        const cacheKey = effectiveStates.join(","), nextPatch = {}, useResolverCache = this.resolverCacheValid && this.resolverCacheKey === cacheKey;
+        useResolverCache || (this.resolverPatchCache.clear(), this.resolverCacheKey = cacheKey), 
+        effectiveStates.forEach((stateName => {
             var _a;
-            const canUseStateProxy = this.canUseStateProxy(stateName), proxyPatch = canUseStateProxy ? null === (_a = this.stateProxy) || void 0 === _a ? void 0 : _a.call(this, stateName, effectiveStates) : void 0;
-            if (this.stateProxy && canUseStateProxy) return void (null != proxyPatch && this.mergeInto(nextPatch, proxyPatch));
             const definition = this.compiledDefinitions.get(stateName);
-            if (definition) {
-                if (definition.patch && this.mergeInto(nextPatch, definition.patch), definition.hasResolver) {
-                    const cachedPatch = this.resolverPatchCache.get(stateName);
-                    cachedPatch && (null == perfMonitor || perfMonitor.recordResolver("cacheHits"), 
-                    this.mergeInto(nextPatch, cachedPatch));
-                }
-            } else {
-                const compatPatch = this.getCompatPatch(stateName);
-                compatPatch && this.mergeInto(nextPatch, compatPatch);
+            if (definition && (definition.patch && this.mergeInto(nextPatch, definition.patch), 
+            definition.hasResolver)) {
+                const resolverPatch = useResolverCache ? this.resolverPatchCache.get(stateName) : null === (_a = definition.resolver) || void 0 === _a ? void 0 : _a.call(definition, {
+                    graphic: this.graphic,
+                    activeStates: this._activeStates,
+                    effectiveStates: this._effectiveStates,
+                    baseAttributes: this.baseAttributes,
+                    resolvedPatch: nextPatch
+                });
+                resolverPatch && (useResolverCache || this.resolverPatchCache.set(stateName, resolverPatch), 
+                this.mergeInto(nextPatch, resolverPatch));
             }
-        })) : (this.resolverPatchCache.clear(), this.resolverCacheKey = cacheKey, effectiveStates.forEach((stateName => {
-            var _a;
-            const canUseStateProxy = this.canUseStateProxy(stateName), proxyPatch = canUseStateProxy ? null === (_a = this.stateProxy) || void 0 === _a ? void 0 : _a.call(this, stateName, effectiveStates) : void 0;
-            if (this.stateProxy && canUseStateProxy) return void (null != proxyPatch && this.mergeInto(nextPatch, proxyPatch));
-            const definition = this.compiledDefinitions.get(stateName);
-            if (definition) {
-                if (definition.patch && this.mergeInto(nextPatch, definition.patch), definition.hasResolver && definition.resolver) {
-                    null == perfMonitor || perfMonitor.recordResolver("cacheMisses");
-                    const resolverStart = perfMonitor ? performance.now() : 0, resolverPatch = definition.resolver({
-                        graphic: this.graphic,
-                        activeStates: this._activeStates,
-                        effectiveStates: this._effectiveStates,
-                        baseAttributes: this.baseAttributes,
-                        resolvedPatch: nextPatch
-                    });
-                    if (perfMonitor) {
-                        const duration = performance.now() - resolverStart;
-                        resolverCost += duration, perfMonitor.recordCost("resolver", duration);
-                    }
-                    resolverPatch && (this.resolverPatchCache.set(stateName, resolverPatch), this.mergeInto(nextPatch, resolverPatch));
-                }
-            } else {
-                const compatPatch = this.getCompatPatch(stateName);
-                compatPatch && this.mergeInto(nextPatch, compatPatch);
-            }
-        })), this.resolverCacheValid = !0), this._resolvedPatch = nextPatch, perfMonitor) {
-            const totalCost = performance.now() - patchStart;
-            perfMonitor.recordCost("patch", Math.max(0, totalCost - resolverCost));
-        }
+        })), useResolverCache || (this.resolverCacheValid = !0), this._resolvedPatch = nextPatch;
     }
     mergeInto(target, patch) {
         "deep" !== this.mergeMode ? Object.keys(patch).forEach((key => {
@@ -211,9 +164,6 @@ class StateEngine {
         for (let index = 0; index < left.length; index++) if (left[index] !== right[index]) return !1;
         return !0;
     }
-    canUseStateProxy(stateName) {
-        return !!this.stateProxy && (!this.stateProxyEligibility || this.stateProxyEligibility(stateName));
-    }
 }
 
 exports.StateEngine = StateEngine;

package/cjs/graphic/state/state-engine.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphic/state/state-engine.ts"],"names":[],"mappings":";;;AAMA,6DAAsE;AAEtE,SAAS,aAAa,CAAC,KAAc;IACnC,OAAO,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC7E,CAAC;AAED,SAAS,UAAU,CAAI,KAAQ;IAC7B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QACzB,OAAO,KAAK,CAAC;KACd;IAED,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC/B,KAAK,CAAC,GAAG,CAAC,GAAG,UAAU,CAAE,KAA6B,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IACH,OAAO,KAAU,CAAC;AACpB,CAAC;AAED,SAAS,SAAS,CAAC,IAAyB,EAAE,KAA0B;;IACtE,MAAM,MAAM,GAAwB,MAAA,UAAU,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC;IAE3D,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QAC7B,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAElC,IAAI,aAAa,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,EAAE;YAC5D,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;YAClD,OAAO;SACR;QAED,MAAM,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IACnC,MAAM;IACN,OAAO;IACP,UAAU;IACV,SAAS;IACT,UAAU;IACV,UAAU;IACV,sBAAsB;CACvB,CAAC,CAAC;AAEH,MAAa,WAAW;IAkBtB,YAAY,OAA+B;;QAVnC,kBAAa,GAAa,EAAE,CAAC;QAC7B,qBAAgB,GAAa,EAAE,CAAC;QAChC,gBAAW,GAAa,EAAE,CAAC;QAC3B,mBAAc,GAAe,EAAE,CAAC;QAChC,uBAAkB,GAAG,IAAI,GAAG,EAAsB,CAAC;QACnD,qBAAgB,GAAG,EAAE,CAAC;QACtB,uBAAkB,GAAG,KAAK,CAAC;QAE3B,mBAAc,GAAe,EAAE,CAAC;QAGtC,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC,mBAAmB,CAAC;QACvD,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC,qBAAqB,CAAC;QAC3D,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,MAAA,OAAO,CAAC,SAAS,mCAAI,SAAS,CAAC;IAClD,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,iBAAiB,CAAC,OAAY,EAAE,cAA0B;QACxD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;IACvC,CAAC;IAED,WAAW,CAAC,UAAoB;QAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;QACrD,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QACnD,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QAClD,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAAC;QACxC,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;QACpG,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;QAE9F,MAAM,OAAO,GACX,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC;YACjD,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC;YACvD,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;QAEhD,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAE9B,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YACvC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;SACtC;QAED,OAAO;YACL,OAAO;YACP,YAAY,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;YACrC,eAAe,EAAE,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC3C,UAAU,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;SAClC,CAAC;IACJ,CAAC;IAED,QAAQ,CAAC,SAAiB,EAAE,iBAA2B;QACrD,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;YACpG,OAAO;gBACL,OAAO,EAAE,KAAK;gBACd,YAAY,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;gBACrC,eAAe,EAAE,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC;gBAC3C,UAAU,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;aAClC,CAAC;SACH;QAED,MAAM,UAAU,GACd,iBAAiB,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAExG,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IAED,WAAW,CAAC,UAA6B;QACvC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YAC9B,OAAO;gBACL,OAAO,EAAE,KAAK;gBACd,YAAY,EAAE,EAAE;gBAChB,eAAe,EAAE,EAAE;gBACnB,UAAU,EAAE,EAAE;aACf,CAAC;SACH;QAED,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;YAC7C,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACzE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC;QAErE,IAAI,aAAa,CAAC,MAAM,KAAK,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACtD,OAAO;gBACL,OAAO,EAAE,KAAK;gBACd,YAAY,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;gBACrC,eAAe,EAAE,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC;gBAC3C,UAAU,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;aAClC,CAAC;SACH;QAED,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IACzC,CAAC;IAED,WAAW,CAAC,SAAiB;QAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;YAC5B,OAAO,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;SACpC;QAED,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,WAAW;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QACjH,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC;QAChC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAEhC,OAAO;YACL,OAAO;YACP,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,EAAE;YACnB,UAAU,EAAE,EAAE;SACf,CAAC;IACJ,CAAC;IAED,uBAAuB;;QACrB,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC;QAChC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,MAAA,IAAA,mDAA8B,EAAC,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAC,0CAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IACvF,CAAC;IAED,QAAQ,CAAC,SAAkB;QACzB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YAC9B,OAAO,KAAK,CAAC;SACd;QAED,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAChD,CAAC;IAED,cAAc,CAAC,SAAiB;;QAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;QAC5F,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC1D,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,UAAU,qDAAG,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7F,IAAI,IAAI,CAAC,UAAU,IAAI,gBAAgB,EAAE;YACvC,OAAO,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,SAAS,CAAC;SAChC;QAED,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAG,SAAS,CAAC,CAAC;QACvC,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,OAAO,SAAS,CAAC;SAClB;QAED,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,KAAmB,CAAC;SAC5B;QAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,UAAU,EAAE;YACf,OAAO,KAAmB,CAAC;SAC5B;QAED,OAAO,UAAU,CAAC,CAAC,MAAC,KAA6B,CAAC,KAAK,mCAAI,SAAS,CAA2B,CAAC,CAAC;IACnG,CAAC;IAEO,UAAU,CAAC,MAAgB;QACjC,MAAM,cAAc,GAAa,EAAE,CAAC;QACpC,MAAM,iBAAiB,GAAa,EAAE,CAAC;QAEvC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACzB,IAAI,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;gBAC3C,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAChC;iBAAM;gBACL,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aACnC;QACH,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAClC,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC1D,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC5D,IAAI,CAAC,cAAc,IAAI,CAAC,eAAe,EAAE;gBACvC,OAAO,CAAC,CAAC;aACV;YACD,IAAI,cAAc,CAAC,QAAQ,KAAK,eAAe,CAAC,QAAQ,EAAE;gBACxD,OAAO,cAAc,CAAC,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC;aAC3D;YACD,OAAO,cAAc,CAAC,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,SAAS,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;YAClD,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACxC;QAED,OAAO,cAAc,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClD,CAAC;IAEO,UAAU,CAAC,YAAsB;QACvC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;QACvC,MAAM,aAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QAExC,KAAK,IAAI,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;YAC1D,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAC3D,IAAI,CAAC,UAAU,EAAE;gBACf,SAAS;aACV;YAED,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;gBACzC,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBACvD,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE;oBACxB,OAAO;iBACR;gBAED,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;gBACnC,IAAI,aAAa,GAAG,KAAK,EAAE;oBACzB,KAAK,IAAI,CAAC,CAAC;iBACZ;YACH,CAAC,CAAC,CAAC;YAEH,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;gBAC5C,aAAa,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YACrC,CAAC,CAAC,CAAC;SACJ;QAED,OAAO;YACL,MAAM,EAAE,SAAS;YACjB,aAAa;SACd,CAAC;IACJ,CAAC;IAEO,cAAc,CAAC,eAAyB;;QAC9C,MAAM,WAAW,GAAG,IAAA,mDAA8B,EAAC,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAC,CAAC;QACxE,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,SAAS,GAAe,EAAE,CAAC;QACjC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;QAErD,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,gBAAgB,KAAK,QAAQ,EAAE;YACjE,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;;gBAClC,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBAC1D,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,UAAU,qDAAG,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBAChG,IAAI,IAAI,CAAC,UAAU,IAAI,gBAAgB,EAAE;oBACvC,IAAI,UAAU,IAAI,IAAI,EAAE;wBACtB,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;qBACvC;oBACD,OAAO;iBACR;gBAED,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBAC3D,IAAI,CAAC,UAAU,EAAE;oBACf,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;oBACnD,IAAI,WAAW,EAAE;wBACf,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;qBACxC;oBACD,OAAO;iBACR;gBAED,IAAI,UAAU,CAAC,KAAK,EAAE;oBACpB,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;iBAC7C;gBAED,IAAI,UAAU,CAAC,WAAW,EAAE;oBAC1B,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;oBAC3D,IAAI,WAAW,EAAE;wBACf,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAC,WAAW,CAAC,CAAC;wBACzC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;qBACxC;iBACF;YACH,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC;YAChC,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;YAEjC,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;;gBAClC,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBAC1D,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,UAAU,qDAAG,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBAChG,IAAI,IAAI,CAAC,UAAU,IAAI,gBAAgB,EAAE;oBACvC,IAAI,UAAU,IAAI,IAAI,EAAE;wBACtB,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;qBACvC;oBACD,OAAO;iBACR;gBAED,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBAC3D,IAAI,CAAC,UAAU,EAAE;oBACf,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;oBACnD,IAAI,WAAW,EAAE;wBACf,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;qBACxC;oBACD,OAAO;iBACR;gBAED,IAAI,UAAU,CAAC,KAAK,EAAE;oBACpB,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;iBAC7C;gBAED,IAAI,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,QAAQ,EAAE;oBACjD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAC,aAAa,CAAC,CAAC;oBAC3C,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1D,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC;wBACxC,OAAO,EAAE,IAAI,CAAC,OAAO;wBACrB,YAAY,EAAE,IAAI,CAAC,aAAa;wBAChC,eAAe,EAAE,IAAI,CAAC,gBAAgB;wBACtC,cAAc,EAAE,IAAI,CAAC,cAAc;wBACnC,aAAa,EAAE,SAAS;qBACzB,CAAC,CAAC;oBACH,IAAI,WAAW,EAAE;wBACf,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,aAAa,CAAC;wBACnD,YAAY,IAAI,QAAQ,CAAC;wBACzB,WAAW,CAAC,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;qBAC9C;oBACD,IAAI,aAAa,EAAE;wBACjB,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;wBACtD,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;qBAC1C;iBACF;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;SAChC;QAED,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAChC,IAAI,WAAW,EAAE;YACf,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC;YACjD,WAAW,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC;SACxE;IACH,CAAC;IAEO,SAAS,CAAC,MAAkB,EAAE,KAAiB;QACrD,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE;YAC7B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;;gBAC/B,MAAM,SAAS,GAAI,KAA6B,CAAC,GAAG,CAAC,CAAC;gBACtD,MAAM,aAAa,GAAI,MAA8B,CAAC,GAAG,CAAC,CAAC;gBAC3D,MAAM,SAAS,GAAG,MAAC,IAAI,CAAC,cAAsC,0CAAG,GAAG,CAAC,CAAC;gBAEtE,IAAI,aAAa,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,EAAE;oBAC3D,MAA8B,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;oBAC3E,OAAO;iBACR;gBAED,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,EAAE;oBACxF,MAA8B,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;oBACvE,OAAO;iBACR;gBAEA,MAA8B,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;YAC/D,CAAC,CAAC,CAAC;YACH,OAAO;SACR;QAED,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC9B,MAA8B,CAAC,GAAG,CAAC,GAAG,UAAU,CAAE,KAA6B,CAAC,GAAG,CAAC,CAAC,CAAC;QACzF,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,IAAuB,EAAE,KAAwB;QACjE,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE;YAChC,OAAO,KAAK,CAAC;SACd;QAED,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAChD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,EAAE;gBAChC,OAAO,KAAK,CAAC;aACd;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,gBAAgB,CAAC,SAAiB;QACxC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,KAAK,CAAC;SACd;QAED,OAAO,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,CAAC;CACF;AAlZD,kCAkZC","file":"state-engine.js","sourcesContent":["import type {\n  CompiledStateDefinition,\n  IStateEngineOptions,\n  StateDefinitionsInput,\n  StateTransitionResult\n} from './state-definition';\nimport { getActiveStageStatePerfMonitor } from './state-perf-monitor';\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  return value != null && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction cloneValue<T>(value: T): T {\n  if (!isPlainObject(value)) {\n    return value;\n  }\n\n  const clone: Record<string, any> = {};\n  Object.keys(value).forEach(key => {\n    clone[key] = cloneValue((value as Record<string, any>)[key]);\n  });\n  return clone as T;\n}\n\nfunction deepMerge(base: Record<string, any>, value: Record<string, any>): Record<string, any> {\n  const result: Record<string, any> = cloneValue(base) ?? {};\n\n  Object.keys(value).forEach(key => {\n    const nextValue = value[key];\n    const previousValue = result[key];\n\n    if (isPlainObject(previousValue) && isPlainObject(nextValue)) {\n      result[key] = deepMerge(previousValue, nextValue);\n      return;\n    }\n\n    result[key] = cloneValue(nextValue);\n  });\n\n  return result;\n}\n\nconst FULL_DEFINITION_KEYS = new Set([\n  'name',\n  'patch',\n  'priority',\n  'exclude',\n  'suppress',\n  'resolver',\n  'declaredAffectedKeys'\n]);\n\nexport class StateEngine<T extends Record<string, any> = Record<string, any>> {\n  private readonly compiledDefinitions: Map<string, CompiledStateDefinition<T>>;\n  private readonly stateSort?: (a: string, b: string) => number;\n  private readonly stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T> | undefined;\n  private readonly stateProxyEligibility?: (stateName: string) => boolean;\n  private readonly states?: StateDefinitionsInput<T>;\n  private readonly mergeMode: 'shallow' | 'deep';\n\n  private _activeStates: string[] = [];\n  private _effectiveStates: string[] = [];\n  private _suppressed: string[] = [];\n  private _resolvedPatch: Partial<T> = {};\n  private resolverPatchCache = new Map<string, Partial<T>>();\n  private resolverCacheKey = '';\n  private resolverCacheValid = false;\n  private graphic: any;\n  private baseAttributes: Partial<T> = {};\n\n  constructor(options: IStateEngineOptions<T>) {\n    this.compiledDefinitions = options.compiledDefinitions;\n    this.stateSort = options.stateSort;\n    this.stateProxy = options.stateProxy;\n    this.stateProxyEligibility = options.stateProxyEligibility;\n    this.states = options.states;\n    this.mergeMode = options.mergeMode ?? 'shallow';\n  }\n\n  get activeStates(): ReadonlyArray<string> {\n    return this._activeStates;\n  }\n\n  get effectiveStates(): ReadonlyArray<string> {\n    return this._effectiveStates;\n  }\n\n  get resolvedPatch(): Partial<T> {\n    return this._resolvedPatch;\n  }\n\n  get suppressed(): ReadonlyArray<string> {\n    return this._suppressed;\n  }\n\n  setResolveContext(graphic: any, baseAttributes: Partial<T>): void {\n    this.graphic = graphic;\n    this.baseAttributes = baseAttributes;\n  }\n\n  applyStates(stateNames: string[]): StateTransitionResult {\n    const uniqueStates = Array.from(new Set(stateNames));\n    const sortedStates = this.sortStates(uniqueStates);\n    const adjudicated = this.adjudicate(sortedStates);\n    const activeStates = adjudicated.active;\n    const effectiveStates = activeStates.filter(stateName => !adjudicated.suppressedSet.has(stateName));\n    const suppressed = activeStates.filter(stateName => adjudicated.suppressedSet.has(stateName));\n\n    const changed =\n      !this.sameArray(this._activeStates, activeStates) ||\n      !this.sameArray(this._effectiveStates, effectiveStates) ||\n      !this.sameArray(this._suppressed, suppressed);\n\n    this._activeStates = activeStates;\n    this._effectiveStates = effectiveStates;\n    this._suppressed = suppressed;\n\n    if (changed || !this.resolverCacheValid) {\n      this.recomputePatch(effectiveStates);\n    }\n\n    return {\n      changed,\n      activeStates: [...this._activeStates],\n      effectiveStates: [...this._effectiveStates],\n      suppressed: [...this._suppressed]\n    };\n  }\n\n  addState(stateName: string, keepCurrentStates?: boolean): StateTransitionResult {\n    if (this._activeStates.includes(stateName) && (keepCurrentStates || this._activeStates.length === 1)) {\n      return {\n        changed: false,\n        activeStates: [...this._activeStates],\n        effectiveStates: [...this._effectiveStates],\n        suppressed: [...this._suppressed]\n      };\n    }\n\n    const nextStates =\n      keepCurrentStates && this._activeStates.length ? this._activeStates.concat([stateName]) : [stateName];\n\n    return this.applyStates(nextStates);\n  }\n\n  removeState(stateNames: string | string[]): StateTransitionResult {\n    if (!this._activeStates.length) {\n      return {\n        changed: false,\n        activeStates: [],\n        effectiveStates: [],\n        suppressed: []\n      };\n    }\n\n    const filteredNames = Array.isArray(stateNames)\n      ? this._activeStates.filter(stateName => !stateNames.includes(stateName))\n      : this._activeStates.filter(stateName => stateName !== stateNames);\n\n    if (filteredNames.length === this._activeStates.length) {\n      return {\n        changed: false,\n        activeStates: [...this._activeStates],\n        effectiveStates: [...this._effectiveStates],\n        suppressed: [...this._suppressed]\n      };\n    }\n\n    return this.applyStates(filteredNames);\n  }\n\n  toggleState(stateName: string): StateTransitionResult {\n    if (this.hasState(stateName)) {\n      return this.removeState(stateName);\n    }\n\n    return this.applyStates(this._activeStates.concat([stateName]));\n  }\n\n  clearStates(): StateTransitionResult {\n    const changed = this._activeStates.length > 0 || this._effectiveStates.length > 0 || this._suppressed.length > 0;\n    this._activeStates = [];\n    this._effectiveStates = [];\n    this._suppressed = [];\n    this._resolvedPatch = {};\n    this.resolverPatchCache.clear();\n    this.resolverCacheKey = '';\n    this.resolverCacheValid = false;\n\n    return {\n      changed,\n      activeStates: [],\n      effectiveStates: [],\n      suppressed: []\n    };\n  }\n\n  invalidateResolverCache(): void {\n    this.resolverPatchCache.clear();\n    this.resolverCacheKey = '';\n    this.resolverCacheValid = false;\n    getActiveStageStatePerfMonitor(this.graphic?.stage)?.recordResolver('invalidations');\n  }\n\n  hasState(stateName?: string): boolean {\n    if (!this._activeStates.length) {\n      return false;\n    }\n\n    if (stateName == null) {\n      return true;\n    }\n\n    return this._activeStates.includes(stateName);\n  }\n\n  getCompatPatch(stateName: string): Partial<T> | undefined {\n    const targetStates = this._activeStates.length ? this._activeStates : this._effectiveStates;\n    const canUseStateProxy = this.canUseStateProxy(stateName);\n    const proxyPatch = canUseStateProxy ? this.stateProxy?.(stateName, targetStates) : undefined;\n    if (this.stateProxy && canUseStateProxy) {\n      return proxyPatch ?? undefined;\n    }\n\n    const value = this.states?.[stateName];\n    if (value == null) {\n      return undefined;\n    }\n\n    if (!isPlainObject(value)) {\n      return value as Partial<T>;\n    }\n\n    const keys = Object.keys(value);\n    const hasFullKey = keys.some(key => FULL_DEFINITION_KEYS.has(key));\n    if (!hasFullKey) {\n      return value as Partial<T>;\n    }\n\n    return cloneValue(((value as Record<string, any>).patch ?? undefined) as Partial<T> | undefined);\n  }\n\n  private sortStates(states: string[]): string[] {\n    const withDefinition: string[] = [];\n    const withoutDefinition: string[] = [];\n\n    states.forEach(stateName => {\n      if (this.compiledDefinitions.has(stateName)) {\n        withDefinition.push(stateName);\n      } else {\n        withoutDefinition.push(stateName);\n      }\n    });\n\n    withDefinition.sort((left, right) => {\n      const leftDefinition = this.compiledDefinitions.get(left);\n      const rightDefinition = this.compiledDefinitions.get(right);\n      if (!leftDefinition || !rightDefinition) {\n        return 0;\n      }\n      if (leftDefinition.priority !== rightDefinition.priority) {\n        return leftDefinition.priority - rightDefinition.priority;\n      }\n      return leftDefinition.rank - rightDefinition.rank;\n    });\n\n    if (this.stateSort && withoutDefinition.length > 1) {\n      withoutDefinition.sort(this.stateSort);\n    }\n\n    return withDefinition.concat(withoutDefinition);\n  }\n\n  private adjudicate(sortedStates: string[]): { active: string[]; suppressedSet: Set<string> } {\n    const candidate = sortedStates.slice();\n    const suppressedSet = new Set<string>();\n\n    for (let index = candidate.length - 1; index >= 0; index--) {\n      const stateName = candidate[index];\n      const definition = this.compiledDefinitions.get(stateName);\n      if (!definition) {\n        continue;\n      }\n\n      definition.exclude.forEach(excludedState => {\n        const excludedIndex = candidate.indexOf(excludedState);\n        if (excludedIndex === -1) {\n          return;\n        }\n\n        candidate.splice(excludedIndex, 1);\n        if (excludedIndex < index) {\n          index -= 1;\n        }\n      });\n\n      definition.suppress.forEach(suppressedState => {\n        suppressedSet.add(suppressedState);\n      });\n    }\n\n    return {\n      active: candidate,\n      suppressedSet\n    };\n  }\n\n  private recomputePatch(effectiveStates: string[]): void {\n    const perfMonitor = getActiveStageStatePerfMonitor(this.graphic?.stage);\n    const patchStart = perfMonitor ? performance.now() : 0;\n    let resolverCost = 0;\n    const cacheKey = effectiveStates.join(',');\n    const nextPatch: Partial<T> = {};\n    perfMonitor?.recordAllocation('patchObjectsCreated');\n\n    if (this.resolverCacheValid && this.resolverCacheKey === cacheKey) {\n      effectiveStates.forEach(stateName => {\n        const canUseStateProxy = this.canUseStateProxy(stateName);\n        const proxyPatch = canUseStateProxy ? this.stateProxy?.(stateName, effectiveStates) : undefined;\n        if (this.stateProxy && canUseStateProxy) {\n          if (proxyPatch != null) {\n            this.mergeInto(nextPatch, proxyPatch);\n          }\n          return;\n        }\n\n        const definition = this.compiledDefinitions.get(stateName);\n        if (!definition) {\n          const compatPatch = this.getCompatPatch(stateName);\n          if (compatPatch) {\n            this.mergeInto(nextPatch, compatPatch);\n          }\n          return;\n        }\n\n        if (definition.patch) {\n          this.mergeInto(nextPatch, definition.patch);\n        }\n\n        if (definition.hasResolver) {\n          const cachedPatch = this.resolverPatchCache.get(stateName);\n          if (cachedPatch) {\n            perfMonitor?.recordResolver('cacheHits');\n            this.mergeInto(nextPatch, cachedPatch);\n          }\n        }\n      });\n    } else {\n      this.resolverPatchCache.clear();\n      this.resolverCacheKey = cacheKey;\n\n      effectiveStates.forEach(stateName => {\n        const canUseStateProxy = this.canUseStateProxy(stateName);\n        const proxyPatch = canUseStateProxy ? this.stateProxy?.(stateName, effectiveStates) : undefined;\n        if (this.stateProxy && canUseStateProxy) {\n          if (proxyPatch != null) {\n            this.mergeInto(nextPatch, proxyPatch);\n          }\n          return;\n        }\n\n        const definition = this.compiledDefinitions.get(stateName);\n        if (!definition) {\n          const compatPatch = this.getCompatPatch(stateName);\n          if (compatPatch) {\n            this.mergeInto(nextPatch, compatPatch);\n          }\n          return;\n        }\n\n        if (definition.patch) {\n          this.mergeInto(nextPatch, definition.patch);\n        }\n\n        if (definition.hasResolver && definition.resolver) {\n          perfMonitor?.recordResolver('cacheMisses');\n          const resolverStart = perfMonitor ? performance.now() : 0;\n          const resolverPatch = definition.resolver({\n            graphic: this.graphic,\n            activeStates: this._activeStates,\n            effectiveStates: this._effectiveStates,\n            baseAttributes: this.baseAttributes,\n            resolvedPatch: nextPatch\n          });\n          if (perfMonitor) {\n            const duration = performance.now() - resolverStart;\n            resolverCost += duration;\n            perfMonitor.recordCost('resolver', duration);\n          }\n          if (resolverPatch) {\n            this.resolverPatchCache.set(stateName, resolverPatch);\n            this.mergeInto(nextPatch, resolverPatch);\n          }\n        }\n      });\n\n      this.resolverCacheValid = true;\n    }\n\n    this._resolvedPatch = nextPatch;\n    if (perfMonitor) {\n      const totalCost = performance.now() - patchStart;\n      perfMonitor.recordCost('patch', Math.max(0, totalCost - resolverCost));\n    }\n  }\n\n  private mergeInto(target: Partial<T>, patch: Partial<T>): void {\n    if (this.mergeMode === 'deep') {\n      Object.keys(patch).forEach(key => {\n        const nextValue = (patch as Record<string, any>)[key];\n        const previousValue = (target as Record<string, any>)[key];\n        const baseValue = (this.baseAttributes as Record<string, any>)?.[key];\n\n        if (isPlainObject(previousValue) && isPlainObject(nextValue)) {\n          (target as Record<string, any>)[key] = deepMerge(previousValue, nextValue);\n          return;\n        }\n\n        if (!isPlainObject(previousValue) && isPlainObject(baseValue) && isPlainObject(nextValue)) {\n          (target as Record<string, any>)[key] = deepMerge(baseValue, nextValue);\n          return;\n        }\n\n        (target as Record<string, any>)[key] = cloneValue(nextValue);\n      });\n      return;\n    }\n\n    Object.keys(patch).forEach(key => {\n      (target as Record<string, any>)[key] = cloneValue((patch as Record<string, any>)[key]);\n    });\n  }\n\n  private sameArray(left: readonly string[], right: readonly string[]): boolean {\n    if (left.length !== right.length) {\n      return false;\n    }\n\n    for (let index = 0; index < left.length; index++) {\n      if (left[index] !== right[index]) {\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  private canUseStateProxy(stateName: string): boolean {\n    if (!this.stateProxy) {\n      return false;\n    }\n\n    return this.stateProxyEligibility ? this.stateProxyEligibility(stateName) : true;\n  }\n}\n"]}
+{"version":3,"sources":["../src/graphic/state/state-engine.ts"],"names":[],"mappings":"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","file":"state-engine.js","sourcesContent":["import type { CompiledStateDefinition, IStateEngineOptions, StateTransitionResult } from './state-definition';\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  return value != null && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction cloneValue<T>(value: T): T {\n  if (!isPlainObject(value)) {\n    return value;\n  }\n\n  const clone: Record<string, any> = {};\n  Object.keys(value).forEach(key => {\n    clone[key] = cloneValue((value as Record<string, any>)[key]);\n  });\n  return clone as T;\n}\n\nfunction deepMerge(base: Record<string, any>, value: Record<string, any>): Record<string, any> {\n  const result: Record<string, any> = cloneValue(base) ?? {};\n\n  Object.keys(value).forEach(key => {\n    const nextValue = value[key];\n    const previousValue = result[key];\n\n    if (isPlainObject(previousValue) && isPlainObject(nextValue)) {\n      result[key] = deepMerge(previousValue, nextValue);\n      return;\n    }\n\n    result[key] = cloneValue(nextValue);\n  });\n\n  return result;\n}\n\nexport class StateEngine<T extends Record<string, any> = Record<string, any>> {\n  private readonly compiledDefinitions: Map<string, CompiledStateDefinition<T>>;\n  private readonly stateSort?: (a: string, b: string) => number;\n  private readonly mergeMode: 'shallow' | 'deep';\n\n  private _activeStates: string[] = [];\n  private _effectiveStates: string[] = [];\n  private _suppressed: string[] = [];\n  private _resolvedPatch: Partial<T> = {};\n  private resolverPatchCache = new Map<string, Partial<T>>();\n  private resolverCacheKey = '';\n  private resolverCacheValid = false;\n  private graphic: any;\n  private baseAttributes: Partial<T> = {};\n\n  constructor(options: IStateEngineOptions<T>) {\n    this.compiledDefinitions = options.compiledDefinitions;\n    this.stateSort = options.stateSort;\n    this.mergeMode = options.mergeMode ?? 'shallow';\n  }\n\n  get activeStates(): ReadonlyArray<string> {\n    return this._activeStates;\n  }\n\n  get effectiveStates(): ReadonlyArray<string> {\n    return this._effectiveStates;\n  }\n\n  get resolvedPatch(): Partial<T> {\n    return this._resolvedPatch;\n  }\n\n  get suppressed(): ReadonlyArray<string> {\n    return this._suppressed;\n  }\n\n  setResolveContext(graphic: any, baseAttributes: Partial<T>): void {\n    this.graphic = graphic;\n    this.baseAttributes = baseAttributes;\n  }\n\n  applyStates(stateNames: string[]): StateTransitionResult {\n    const uniqueStates = Array.from(new Set(stateNames));\n    const sortedStates = this.sortStates(uniqueStates);\n    const adjudicated = this.adjudicate(sortedStates);\n    const activeStates = adjudicated.active;\n    const effectiveStates = activeStates.filter(stateName => !adjudicated.suppressedSet.has(stateName));\n    const suppressed = activeStates.filter(stateName => adjudicated.suppressedSet.has(stateName));\n\n    const changed =\n      !this.sameArray(this._activeStates, activeStates) ||\n      !this.sameArray(this._effectiveStates, effectiveStates) ||\n      !this.sameArray(this._suppressed, suppressed);\n\n    this._activeStates = activeStates;\n    this._effectiveStates = effectiveStates;\n    this._suppressed = suppressed;\n\n    if (changed || !this.resolverCacheValid) {\n      this.recomputePatch(effectiveStates);\n    }\n\n    return {\n      changed,\n      activeStates: [...this._activeStates],\n      effectiveStates: [...this._effectiveStates],\n      suppressed: [...this._suppressed]\n    };\n  }\n\n  addState(stateName: string, keepCurrentStates?: boolean): StateTransitionResult {\n    if (this._activeStates.includes(stateName) && (keepCurrentStates || this._activeStates.length === 1)) {\n      return {\n        changed: false,\n        activeStates: [...this._activeStates],\n        effectiveStates: [...this._effectiveStates],\n        suppressed: [...this._suppressed]\n      };\n    }\n\n    const nextStates =\n      keepCurrentStates && this._activeStates.length ? this._activeStates.concat([stateName]) : [stateName];\n\n    return this.applyStates(nextStates);\n  }\n\n  removeState(stateNames: string | string[]): StateTransitionResult {\n    if (!this._activeStates.length) {\n      return {\n        changed: false,\n        activeStates: [],\n        effectiveStates: [],\n        suppressed: []\n      };\n    }\n\n    const filteredNames = Array.isArray(stateNames)\n      ? this._activeStates.filter(stateName => !stateNames.includes(stateName))\n      : this._activeStates.filter(stateName => stateName !== stateNames);\n\n    if (filteredNames.length === this._activeStates.length) {\n      return {\n        changed: false,\n        activeStates: [...this._activeStates],\n        effectiveStates: [...this._effectiveStates],\n        suppressed: [...this._suppressed]\n      };\n    }\n\n    return this.applyStates(filteredNames);\n  }\n\n  toggleState(stateName: string): StateTransitionResult {\n    if (this.hasState(stateName)) {\n      return this.removeState(stateName);\n    }\n\n    return this.applyStates(this._activeStates.concat([stateName]));\n  }\n\n  clearStates(): StateTransitionResult {\n    const changed = this._activeStates.length > 0 || this._effectiveStates.length > 0 || this._suppressed.length > 0;\n    this._activeStates = [];\n    this._effectiveStates = [];\n    this._suppressed = [];\n    this._resolvedPatch = {};\n    this.resolverPatchCache.clear();\n    this.resolverCacheKey = '';\n    this.resolverCacheValid = false;\n\n    return {\n      changed,\n      activeStates: [],\n      effectiveStates: [],\n      suppressed: []\n    };\n  }\n\n  invalidateResolverCache(): void {\n    this.resolverPatchCache.clear();\n    this.resolverCacheKey = '';\n    this.resolverCacheValid = false;\n  }\n\n  hasState(stateName?: string): boolean {\n    if (!this._activeStates.length) {\n      return false;\n    }\n\n    if (stateName == null) {\n      return true;\n    }\n\n    return this._activeStates.includes(stateName);\n  }\n\n  private sortStates(states: string[]): string[] {\n    const withDefinition: string[] = [];\n    const withoutDefinition: string[] = [];\n\n    states.forEach(stateName => {\n      if (this.compiledDefinitions.has(stateName)) {\n        withDefinition.push(stateName);\n      } else {\n        withoutDefinition.push(stateName);\n      }\n    });\n\n    withDefinition.sort((left, right) => {\n      const leftDefinition = this.compiledDefinitions.get(left);\n      const rightDefinition = this.compiledDefinitions.get(right);\n      if (!leftDefinition || !rightDefinition) {\n        return 0;\n      }\n      if (leftDefinition.priority !== rightDefinition.priority) {\n        return leftDefinition.priority - rightDefinition.priority;\n      }\n      return leftDefinition.rank - rightDefinition.rank;\n    });\n\n    if (this.stateSort && withoutDefinition.length > 1) {\n      withoutDefinition.sort(this.stateSort);\n    }\n\n    return withDefinition.concat(withoutDefinition);\n  }\n\n  private adjudicate(sortedStates: string[]): { active: string[]; suppressedSet: Set<string> } {\n    const candidate = sortedStates.slice();\n    const suppressedSet = new Set<string>();\n\n    for (let index = candidate.length - 1; index >= 0; index--) {\n      const stateName = candidate[index];\n      const definition = this.compiledDefinitions.get(stateName);\n      if (!definition) {\n        continue;\n      }\n\n      definition.exclude.forEach(excludedState => {\n        const excludedIndex = candidate.indexOf(excludedState);\n        if (excludedIndex === -1) {\n          return;\n        }\n\n        candidate.splice(excludedIndex, 1);\n        if (excludedIndex < index) {\n          index -= 1;\n        }\n      });\n\n      definition.suppress.forEach(suppressedState => {\n        suppressedSet.add(suppressedState);\n      });\n    }\n\n    return {\n      active: candidate,\n      suppressedSet\n    };\n  }\n\n  private recomputePatch(effectiveStates: string[]): void {\n    const cacheKey = effectiveStates.join(',');\n    const nextPatch: Partial<T> = {};\n    const useResolverCache = this.resolverCacheValid && this.resolverCacheKey === cacheKey;\n\n    if (!useResolverCache) {\n      this.resolverPatchCache.clear();\n      this.resolverCacheKey = cacheKey;\n    }\n\n    effectiveStates.forEach(stateName => {\n      const definition = this.compiledDefinitions.get(stateName);\n      if (!definition) {\n        return;\n      }\n\n      if (definition.patch) {\n        this.mergeInto(nextPatch, definition.patch);\n      }\n\n      if (definition.hasResolver) {\n        const resolverPatch = useResolverCache\n          ? this.resolverPatchCache.get(stateName)\n          : definition.resolver?.({\n              graphic: this.graphic,\n              activeStates: this._activeStates,\n              effectiveStates: this._effectiveStates,\n              baseAttributes: this.baseAttributes,\n              resolvedPatch: nextPatch\n            });\n\n        if (resolverPatch) {\n          if (!useResolverCache) {\n            this.resolverPatchCache.set(stateName, resolverPatch);\n          }\n          this.mergeInto(nextPatch, resolverPatch);\n        }\n      }\n    });\n\n    if (!useResolverCache) {\n      this.resolverCacheValid = true;\n    }\n\n    this._resolvedPatch = nextPatch;\n  }\n\n  private mergeInto(target: Partial<T>, patch: Partial<T>): void {\n    if (this.mergeMode === 'deep') {\n      Object.keys(patch).forEach(key => {\n        const nextValue = (patch as Record<string, any>)[key];\n        const previousValue = (target as Record<string, any>)[key];\n        const baseValue = (this.baseAttributes as Record<string, any>)?.[key];\n\n        if (isPlainObject(previousValue) && isPlainObject(nextValue)) {\n          (target as Record<string, any>)[key] = deepMerge(previousValue, nextValue);\n          return;\n        }\n\n        if (!isPlainObject(previousValue) && isPlainObject(baseValue) && isPlainObject(nextValue)) {\n          (target as Record<string, any>)[key] = deepMerge(baseValue, nextValue);\n          return;\n        }\n\n        (target as Record<string, any>)[key] = cloneValue(nextValue);\n      });\n      return;\n    }\n\n    Object.keys(patch).forEach(key => {\n      (target as Record<string, any>)[key] = cloneValue((patch as Record<string, any>)[key]);\n    });\n  }\n\n  private sameArray(left: readonly string[], right: readonly string[]): boolean {\n    if (left.length !== right.length) {\n      return false;\n    }\n\n    for (let index = 0; index < left.length; index++) {\n      if (left[index] !== right[index]) {\n        return false;\n      }\n    }\n\n    return true;\n  }\n}\n"]}

package/cjs/graphic/state/state-transition-orchestrator.d.ts

@@ -1,10 +1,8 @@
 import { AttributeUpdateType } from '../../common/enums';
 import type { IAnimateConfig } from '../../interface/graphic';
 export interface IStateTransitionPlan<T> {
-    stateNames?: string[];
     targetAttrs: Partial<T>;
     animateAttrs: Partial<T>;
-    jumpAttrs: Partial<T>;
     noAnimateAttrs: Partial<T>;
 }
 export interface IStateTransitionAnalysisOptions {
@@ -30,17 +28,17 @@ export interface IStateTransitionGraphic<T> {
     _emitCustomEvent: (type: string, context?: {
         type: AttributeUpdateType;
     }) => void;
-    getNoWorkAnimateAttr?: () => Record<string, number>;
-    getDefaultAttribute?: (key: string) => unknown;
-    shouldSkipStateTransitionDefaultAttribute?: (key: string, targetAttrs?: Partial<T>) => boolean;
+    getNoWorkAnimateAttr: () => Record<string, number>;
+    getDefaultAttribute: (key: string) => unknown;
+    shouldSkipStateTransitionDefaultAttribute: (key: string, targetAttrs?: Partial<T>) => boolean;
 }
 export interface IStateTransitionOrchestrator<T> {
-    analyzeTransition: (currentAttrs: Partial<T>, targetAttrs: Partial<T>, stateNames?: string[], hasAnimation?: boolean, options?: IStateTransitionAnalysisOptions) => IStateTransitionPlan<T>;
+    analyzeTransition: (targetAttrs: Partial<T>, hasAnimation?: boolean, options?: IStateTransitionAnalysisOptions) => IStateTransitionPlan<T>;
     applyTransition: (graphic: IStateTransitionGraphic<T>, plan: IStateTransitionPlan<T>, hasAnimation?: boolean, options?: IStateTransitionApplyOptions) => IStateTransitionPlan<T>;
-    applyClearTransition: (graphic: IStateTransitionGraphic<T>, targetAttrs: Partial<T>, hasAnimation?: boolean, stateNames?: string[], options?: IStateTransitionApplyOptions) => IStateTransitionPlan<T>;
+    applyClearTransition: (graphic: IStateTransitionGraphic<T>, targetAttrs: Partial<T>, hasAnimation?: boolean, options?: IStateTransitionApplyOptions) => IStateTransitionPlan<T>;
 }
 export declare class StateTransitionOrchestrator<T extends Record<string, any> = Record<string, any>> implements IStateTransitionOrchestrator<T> {
-    analyzeTransition(_currentAttrs: Partial<T>, targetAttrs: Partial<T>, stateNames?: string[], hasAnimation?: boolean, options?: IStateTransitionAnalysisOptions): IStateTransitionPlan<T>;
+    analyzeTransition(targetAttrs: Partial<T>, hasAnimation?: boolean, options?: IStateTransitionAnalysisOptions): IStateTransitionPlan<T>;
     applyTransition(graphic: IStateTransitionGraphic<T>, plan: IStateTransitionPlan<T>, hasAnimation?: boolean, options?: IStateTransitionApplyOptions): IStateTransitionPlan<T>;
-    applyClearTransition(graphic: IStateTransitionGraphic<T>, targetAttrs: Partial<T>, hasAnimation?: boolean, stateNames?: string[], options?: IStateTransitionApplyOptions): IStateTransitionPlan<T>;
+    applyClearTransition(graphic: IStateTransitionGraphic<T>, targetAttrs: Partial<T>, hasAnimation?: boolean, options?: IStateTransitionApplyOptions): IStateTransitionPlan<T>;
 }

package/cjs/graphic/state/state-transition-orchestrator.js

@@ -17,21 +17,18 @@ function normalizeNoAnimateAttrConfig(config) {
 }
 
 class StateTransitionOrchestrator {
-    analyzeTransition(_currentAttrs, targetAttrs, stateNames, hasAnimation, options = {}) {
+    analyzeTransition(targetAttrs, hasAnimation, options = {}) {
         var _a, _b;
         const plan = {
-            stateNames: stateNames,
             targetAttrs: Object.assign({}, targetAttrs),
             animateAttrs: {},
-            jumpAttrs: {},
             noAnimateAttrs: {}
         };
         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, getDefaultAttribute = options.getDefaultAttribute, shouldSkipDefaultAttribute = options.shouldSkipDefaultAttribute, assignTransitionAttr = (key, value) => {
-            if (noWorkAnimateAttr[key]) return plan.jumpAttrs[key] = value, void (plan.noAnimateAttrs[key] = value);
-            if (isClear && void 0 === value) {
+        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, shouldSkipDefaultAttribute = options.shouldSkipDefaultAttribute, assignTransitionAttr = (key, value) => {
+            if (noWorkAnimateAttr[key]) plan.noAnimateAttrs[key] = value; else if (isClear && void 0 === value) {
                 if (null == shouldSkipDefaultAttribute ? void 0 : shouldSkipDefaultAttribute(key, targetAttrs)) return;
-                plan.animateAttrs[key] = getDefaultAttribute ? getDefaultAttribute(key) : value;
+                plan.animateAttrs[key] = readDefaultAttribute(key);
             } else plan.animateAttrs[key] = value;
         };
         for (const key in targetAttrs) {
@@ -68,13 +65,13 @@ class StateTransitionOrchestrator {
             type: enums_1.AttributeUpdateType.STATE
         }), plan;
     }
-    applyClearTransition(graphic, targetAttrs, hasAnimation, stateNames, options = {}) {
-        var _a, _b, _c, _d;
-        const plan = this.analyzeTransition({}, targetAttrs, stateNames, hasAnimation, {
-            noWorkAnimateAttr: null === (_a = graphic.getNoWorkAnimateAttr) || void 0 === _a ? void 0 : _a.call(graphic),
+    applyClearTransition(graphic, targetAttrs, hasAnimation, options = {}) {
+        var _a;
+        const plan = this.analyzeTransition(targetAttrs, hasAnimation, {
+            noWorkAnimateAttr: graphic.getNoWorkAnimateAttr(),
             isClear: !0,
-            getDefaultAttribute: null === (_b = graphic.getDefaultAttribute) || void 0 === _b ? void 0 : _b.bind(graphic),
-            shouldSkipDefaultAttribute: null !== (_c = options.shouldSkipDefaultAttribute) && void 0 !== _c ? _c : null === (_d = graphic.shouldSkipStateTransitionDefaultAttribute) || void 0 === _d ? void 0 : _d.bind(graphic),
+            getDefaultAttribute: graphic.getDefaultAttribute.bind(graphic),
+            shouldSkipDefaultAttribute: null !== (_a = options.shouldSkipDefaultAttribute) && void 0 !== _a ? _a : graphic.shouldSkipStateTransitionDefaultAttribute.bind(graphic),
             animateConfig: options.animateConfig,
             extraAnimateAttrs: options.extraAnimateAttrs
         });

package/cjs/graphic/state/state-transition-orchestrator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphic/state/state-transition-orchestrator.ts"],"names":[],"mappings":"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","file":"state-transition-orchestrator.js","sourcesContent":["import { DefaultStateAnimateConfig } from '../../animate/config';\nimport { AttributeUpdateType } from '../../common/enums';\nimport type { IAnimateConfig } from '../../interface/graphic';\n\nexport interface IStateTransitionPlan<T> {\n  stateNames?: string[];\n  targetAttrs: Partial<T>;\n  animateAttrs: Partial<T>;\n  jumpAttrs: Partial<T>;\n  noAnimateAttrs: Partial<T>;\n}\n\nexport interface IStateTransitionAnalysisOptions {\n  noWorkAnimateAttr?: Record<string, number>;\n  isClear?: boolean;\n  getDefaultAttribute?: (key: string) => unknown;\n  shouldSkipDefaultAttribute?: (key: string, targetAttrs: Record<string, unknown>) => boolean;\n  animateConfig?: IAnimateConfig;\n  extraAnimateAttrs?: Record<string, unknown>;\n}\n\nexport interface IStateTransitionApplyOptions {\n  animateConfig?: IAnimateConfig;\n  extraAnimateAttrs?: Record<string, unknown>;\n  shouldSkipDefaultAttribute?: (key: string, targetAttrs: Record<string, unknown>) => boolean;\n}\n\nexport interface IStateTransitionGraphic<T> {\n  finalAttribute?: Record<string, any>;\n  applyAnimationState?: (state: string[], animations: Array<Record<string, any>>) => void;\n  setAttributesAndPreventAnimate: (\n    attrs: Partial<T>,\n    forceUpdateTag?: boolean,\n    context?: { type: AttributeUpdateType }\n  ) => void;\n  stopStateAnimates: () => void;\n  _emitCustomEvent: (type: string, context?: { type: AttributeUpdateType }) => void;\n  getNoWorkAnimateAttr?: () => Record<string, number>;\n  getDefaultAttribute?: (key: string) => unknown;\n  shouldSkipStateTransitionDefaultAttribute?: (key: string, targetAttrs?: Partial<T>) => boolean;\n}\n\nexport interface IStateTransitionOrchestrator<T> {\n  analyzeTransition: (\n    currentAttrs: Partial<T>,\n    targetAttrs: Partial<T>,\n    stateNames?: string[],\n    hasAnimation?: boolean,\n    options?: IStateTransitionAnalysisOptions\n  ) => IStateTransitionPlan<T>;\n  applyTransition: (\n    graphic: IStateTransitionGraphic<T>,\n    plan: IStateTransitionPlan<T>,\n    hasAnimation?: boolean,\n    options?: IStateTransitionApplyOptions\n  ) => IStateTransitionPlan<T>;\n  applyClearTransition: (\n    graphic: IStateTransitionGraphic<T>,\n    targetAttrs: Partial<T>,\n    hasAnimation?: boolean,\n    stateNames?: string[],\n    options?: IStateTransitionApplyOptions\n  ) => IStateTransitionPlan<T>;\n}\n\nfunction hasOwnKeys(value: object): boolean {\n  return Object.keys(value).length > 0;\n}\n\nfunction normalizeNoAnimateAttrConfig(config?: IAnimateConfig['noAnimateAttrs']): Record<string, number> {\n  if (!config) {\n    return {};\n  }\n\n  if (Array.isArray(config)) {\n    return config.reduce<Record<string, number>>((acc, key) => {\n      acc[key] = 1;\n      return acc;\n    }, {});\n  }\n\n  return Object.keys(config).reduce<Record<string, number>>((acc, key) => {\n    if ((config as Record<string, boolean | number>)[key]) {\n      acc[key] = 1;\n    }\n    return acc;\n  }, {});\n}\n\nexport class StateTransitionOrchestrator<T extends Record<string, any> = Record<string, any>>\n  implements IStateTransitionOrchestrator<T>\n{\n  analyzeTransition(\n    _currentAttrs: Partial<T>,\n    targetAttrs: Partial<T>,\n    stateNames?: string[],\n    hasAnimation?: boolean,\n    options: IStateTransitionAnalysisOptions = {}\n  ): IStateTransitionPlan<T> {\n    const plan: IStateTransitionPlan<T> = {\n      stateNames,\n      targetAttrs: { ...targetAttrs },\n      animateAttrs: {},\n      jumpAttrs: {},\n      noAnimateAttrs: {}\n    };\n\n    if (!hasAnimation) {\n      return plan;\n    }\n\n    const noWorkAnimateAttr = {\n      ...(options.noWorkAnimateAttr ?? {}),\n      ...normalizeNoAnimateAttrConfig(options.animateConfig?.noAnimateAttrs)\n    };\n    const isClear = options.isClear === true;\n    const getDefaultAttribute = options.getDefaultAttribute;\n    const shouldSkipDefaultAttribute = options.shouldSkipDefaultAttribute;\n\n    const assignTransitionAttr = (key: string, value: any): void => {\n      if (noWorkAnimateAttr[key]) {\n        (plan.jumpAttrs as Record<string, any>)[key] = value;\n        (plan.noAnimateAttrs as Record<string, any>)[key] = value;\n        return;\n      }\n\n      if (isClear && value === undefined) {\n        if (shouldSkipDefaultAttribute?.(key, targetAttrs as Record<string, unknown>)) {\n          return;\n        }\n        (plan.animateAttrs as Record<string, any>)[key] = getDefaultAttribute ? getDefaultAttribute(key) : value;\n        return;\n      }\n\n      (plan.animateAttrs as Record<string, any>)[key] = value;\n    };\n\n    for (const key in targetAttrs) {\n      if (!Object.prototype.hasOwnProperty.call(targetAttrs, key)) {\n        continue;\n      }\n\n      const value = (targetAttrs as Record<string, any>)[key];\n      assignTransitionAttr(key, value);\n    }\n\n    const extraAnimateAttrs = options.extraAnimateAttrs;\n    if (extraAnimateAttrs) {\n      for (const key in extraAnimateAttrs) {\n        const hasTargetAttr = Object.prototype.hasOwnProperty.call(targetAttrs, key);\n        if (\n          !Object.prototype.hasOwnProperty.call(extraAnimateAttrs, key) ||\n          (hasTargetAttr && (targetAttrs as Record<string, any>)[key] !== undefined)\n        ) {\n          continue;\n        }\n        assignTransitionAttr(key, (extraAnimateAttrs as Record<string, any>)[key]);\n      }\n    }\n\n    return plan;\n  }\n\n  applyTransition(\n    graphic: IStateTransitionGraphic<T>,\n    plan: IStateTransitionPlan<T>,\n    hasAnimation?: boolean,\n    options: IStateTransitionApplyOptions = {}\n  ): IStateTransitionPlan<T> {\n    if (hasAnimation) {\n      const stateAnimateConfig = options.animateConfig ?? DefaultStateAnimateConfig;\n      graphic.applyAnimationState?.(\n        ['state'],\n        [\n          {\n            name: 'state',\n            animation: {\n              type: 'state',\n              to: plan.animateAttrs,\n              duration: stateAnimateConfig.duration,\n              easing: stateAnimateConfig.easing\n            }\n          }\n        ]\n      );\n\n      if (hasOwnKeys(plan.noAnimateAttrs)) {\n        graphic.setAttributesAndPreventAnimate(plan.noAnimateAttrs, false, { type: AttributeUpdateType.STATE });\n      }\n    } else {\n      graphic.stopStateAnimates();\n      graphic.setAttributesAndPreventAnimate(plan.targetAttrs, false, { type: AttributeUpdateType.STATE });\n    }\n\n    if (graphic.finalAttribute) {\n      Object.assign(graphic.finalAttribute, plan.targetAttrs);\n    }\n\n    graphic._emitCustomEvent('afterStateUpdate', { type: AttributeUpdateType.STATE });\n\n    return plan;\n  }\n\n  applyClearTransition(\n    graphic: IStateTransitionGraphic<T>,\n    targetAttrs: Partial<T>,\n    hasAnimation?: boolean,\n    stateNames?: string[],\n    options: IStateTransitionApplyOptions = {}\n  ): IStateTransitionPlan<T> {\n    const plan = this.analyzeTransition({}, targetAttrs, stateNames, hasAnimation, {\n      noWorkAnimateAttr: graphic.getNoWorkAnimateAttr?.(),\n      isClear: true,\n      getDefaultAttribute: graphic.getDefaultAttribute?.bind(graphic),\n      shouldSkipDefaultAttribute:\n        options.shouldSkipDefaultAttribute ?? graphic.shouldSkipStateTransitionDefaultAttribute?.bind(graphic),\n      animateConfig: options.animateConfig,\n      extraAnimateAttrs: options.extraAnimateAttrs\n    });\n\n    return this.applyTransition(graphic, plan, hasAnimation, options);\n  }\n}\n"]}
+{"version":3,"sources":["../src/graphic/state/state-transition-orchestrator.ts"],"names":[],"mappings":"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","file":"state-transition-orchestrator.js","sourcesContent":["import { DefaultStateAnimateConfig } from '../../animate/config';\nimport { AttributeUpdateType } from '../../common/enums';\nimport type { IAnimateConfig } from '../../interface/graphic';\n\nexport interface IStateTransitionPlan<T> {\n  targetAttrs: Partial<T>;\n  animateAttrs: Partial<T>;\n  noAnimateAttrs: Partial<T>;\n}\n\nexport interface IStateTransitionAnalysisOptions {\n  noWorkAnimateAttr?: Record<string, number>;\n  isClear?: boolean;\n  getDefaultAttribute?: (key: string) => unknown;\n  shouldSkipDefaultAttribute?: (key: string, targetAttrs: Record<string, unknown>) => boolean;\n  animateConfig?: IAnimateConfig;\n  extraAnimateAttrs?: Record<string, unknown>;\n}\n\nexport interface IStateTransitionApplyOptions {\n  animateConfig?: IAnimateConfig;\n  extraAnimateAttrs?: Record<string, unknown>;\n  shouldSkipDefaultAttribute?: (key: string, targetAttrs: Record<string, unknown>) => boolean;\n}\n\nexport interface IStateTransitionGraphic<T> {\n  finalAttribute?: Record<string, any>;\n  applyAnimationState?: (state: string[], animations: Array<Record<string, any>>) => void;\n  setAttributesAndPreventAnimate: (\n    attrs: Partial<T>,\n    forceUpdateTag?: boolean,\n    context?: { type: AttributeUpdateType }\n  ) => void;\n  stopStateAnimates: () => void;\n  _emitCustomEvent: (type: string, context?: { type: AttributeUpdateType }) => void;\n  getNoWorkAnimateAttr: () => Record<string, number>;\n  getDefaultAttribute: (key: string) => unknown;\n  shouldSkipStateTransitionDefaultAttribute: (key: string, targetAttrs?: Partial<T>) => boolean;\n}\n\nexport interface IStateTransitionOrchestrator<T> {\n  analyzeTransition: (\n    targetAttrs: Partial<T>,\n    hasAnimation?: boolean,\n    options?: IStateTransitionAnalysisOptions\n  ) => IStateTransitionPlan<T>;\n  applyTransition: (\n    graphic: IStateTransitionGraphic<T>,\n    plan: IStateTransitionPlan<T>,\n    hasAnimation?: boolean,\n    options?: IStateTransitionApplyOptions\n  ) => IStateTransitionPlan<T>;\n  applyClearTransition: (\n    graphic: IStateTransitionGraphic<T>,\n    targetAttrs: Partial<T>,\n    hasAnimation?: boolean,\n    options?: IStateTransitionApplyOptions\n  ) => IStateTransitionPlan<T>;\n}\n\nfunction hasOwnKeys(value: object): boolean {\n  return Object.keys(value).length > 0;\n}\n\nfunction normalizeNoAnimateAttrConfig(config?: IAnimateConfig['noAnimateAttrs']): Record<string, number> {\n  if (!config) {\n    return {};\n  }\n\n  if (Array.isArray(config)) {\n    return config.reduce<Record<string, number>>((acc, key) => {\n      acc[key] = 1;\n      return acc;\n    }, {});\n  }\n\n  return Object.keys(config).reduce<Record<string, number>>((acc, key) => {\n    if ((config as Record<string, boolean | number>)[key]) {\n      acc[key] = 1;\n    }\n    return acc;\n  }, {});\n}\n\nexport class StateTransitionOrchestrator<T extends Record<string, any> = Record<string, any>>\n  implements IStateTransitionOrchestrator<T>\n{\n  analyzeTransition(\n    targetAttrs: Partial<T>,\n    hasAnimation?: boolean,\n    options: IStateTransitionAnalysisOptions = {}\n  ): IStateTransitionPlan<T> {\n    const plan: IStateTransitionPlan<T> = {\n      targetAttrs: { ...targetAttrs },\n      animateAttrs: {},\n      noAnimateAttrs: {}\n    };\n\n    if (!hasAnimation) {\n      return plan;\n    }\n\n    const noWorkAnimateAttr = {\n      ...(options.noWorkAnimateAttr ?? {}),\n      ...normalizeNoAnimateAttrConfig(options.animateConfig?.noAnimateAttrs)\n    };\n    const isClear = options.isClear === true;\n    const getDefaultAttribute = options.getDefaultAttribute;\n    const readDefaultAttribute = getDefaultAttribute as (key: string) => unknown;\n    const shouldSkipDefaultAttribute = options.shouldSkipDefaultAttribute;\n\n    const assignTransitionAttr = (key: string, value: any): void => {\n      if (noWorkAnimateAttr[key]) {\n        (plan.noAnimateAttrs as Record<string, any>)[key] = value;\n        return;\n      }\n\n      if (isClear && value === undefined) {\n        if (shouldSkipDefaultAttribute?.(key, targetAttrs as Record<string, unknown>)) {\n          return;\n        }\n        (plan.animateAttrs as Record<string, any>)[key] = readDefaultAttribute(key);\n        return;\n      }\n\n      (plan.animateAttrs as Record<string, any>)[key] = value;\n    };\n\n    for (const key in targetAttrs) {\n      if (!Object.prototype.hasOwnProperty.call(targetAttrs, key)) {\n        continue;\n      }\n\n      const value = (targetAttrs as Record<string, any>)[key];\n      assignTransitionAttr(key, value);\n    }\n\n    const extraAnimateAttrs = options.extraAnimateAttrs;\n    if (extraAnimateAttrs) {\n      for (const key in extraAnimateAttrs) {\n        const hasTargetAttr = Object.prototype.hasOwnProperty.call(targetAttrs, key);\n        if (\n          !Object.prototype.hasOwnProperty.call(extraAnimateAttrs, key) ||\n          (hasTargetAttr && (targetAttrs as Record<string, any>)[key] !== undefined)\n        ) {\n          continue;\n        }\n        assignTransitionAttr(key, (extraAnimateAttrs as Record<string, any>)[key]);\n      }\n    }\n\n    return plan;\n  }\n\n  applyTransition(\n    graphic: IStateTransitionGraphic<T>,\n    plan: IStateTransitionPlan<T>,\n    hasAnimation?: boolean,\n    options: IStateTransitionApplyOptions = {}\n  ): IStateTransitionPlan<T> {\n    if (hasAnimation) {\n      const stateAnimateConfig = options.animateConfig ?? DefaultStateAnimateConfig;\n      graphic.applyAnimationState?.(\n        ['state'],\n        [\n          {\n            name: 'state',\n            animation: {\n              type: 'state',\n              to: plan.animateAttrs,\n              duration: stateAnimateConfig.duration,\n              easing: stateAnimateConfig.easing\n            }\n          }\n        ]\n      );\n\n      if (hasOwnKeys(plan.noAnimateAttrs)) {\n        graphic.setAttributesAndPreventAnimate(plan.noAnimateAttrs, false, { type: AttributeUpdateType.STATE });\n      }\n    } else {\n      graphic.stopStateAnimates();\n      graphic.setAttributesAndPreventAnimate(plan.targetAttrs, false, { type: AttributeUpdateType.STATE });\n    }\n\n    if (graphic.finalAttribute) {\n      Object.assign(graphic.finalAttribute, plan.targetAttrs);\n    }\n\n    graphic._emitCustomEvent('afterStateUpdate', { type: AttributeUpdateType.STATE });\n\n    return plan;\n  }\n\n  applyClearTransition(\n    graphic: IStateTransitionGraphic<T>,\n    targetAttrs: Partial<T>,\n    hasAnimation?: boolean,\n    options: IStateTransitionApplyOptions = {}\n  ): IStateTransitionPlan<T> {\n    const plan = this.analyzeTransition(targetAttrs, hasAnimation, {\n      noWorkAnimateAttr: graphic.getNoWorkAnimateAttr(),\n      isClear: true,\n      getDefaultAttribute: graphic.getDefaultAttribute.bind(graphic),\n      shouldSkipDefaultAttribute:\n        options.shouldSkipDefaultAttribute ?? graphic.shouldSkipStateTransitionDefaultAttribute.bind(graphic),\n      animateConfig: options.animateConfig,\n      extraAnimateAttrs: options.extraAnimateAttrs\n    });\n\n    return this.applyTransition(graphic, plan, hasAnimation, options);\n  }\n}\n"]}

package/cjs/interface/graphic/group.d.ts

@@ -4,7 +4,6 @@ import type { INode } from '../node-tree';
 import type { GraphicAttributeMap } from './creator';
 import type { StateDefinitionsInput } from '../../graphic/state/state-definition';
 import type { SharedStateScope } from '../../graphic/state/shared-state-scope';
-import type { IDeferredStateOwnerConfig } from '../../graphic/state/state-perf-monitor';
 export type IGroupAttribute = {
     path: IGraphic[];
     width: number;
@@ -28,7 +27,6 @@ export interface IGroup extends IGraphic<IGroupGraphicAttribute> {
     theme?: ITheme;
     sharedStateDefinitions?: StateDefinitionsInput<Record<string, any>>;
     sharedStateScope?: SharedStateScope<Record<string, any>>;
-    deferredStateConfig?: IDeferredStateOwnerConfig;
     createTheme: () => void;
     hideAll: () => void;
     showAll: () => void;

package/cjs/interface/graphic/group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/graphic/group.ts"],"names":[],"mappings":"","file":"group.js","sourcesContent":["import type { ITheme, IThemeSpec } from './theme';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { INode } from '../node-tree';\nimport type { GraphicAttributeMap } from './creator';\nimport type { StateDefinitionsInput } from '../../graphic/state/state-definition';\nimport type { SharedStateScope } from '../../graphic/state/shared-state-scope';\nimport type { IDeferredStateOwnerConfig } from '../../graphic/state/state-perf-monitor';\n\nexport type IGroupAttribute = {\n  /**\n   * 路径，用于绘制路径图形或者设置裁剪图形\n   */\n  path: IGraphic[];\n  /**\n   * 宽度\n   */\n  width: number;\n  /**\n   * 高度\n   */\n  height: number;\n  /**\n   * 圆角半径\n   */\n  cornerRadius: number | number[];\n  /**\n   * 圆角类型，\n   * 'round' - 圆弧\n   * 'bevel' - 斜角\n   */\n  cornerType: 'round' | 'bevel';\n  /**\n   * 是否剪裁\n   */\n  clip: boolean;\n  /**\n   * 所有的子节点是否可见\n   */\n  visibleAll: boolean;\n  /**\n   * 布局方式\n   */\n  display?: 'relative' | 'inner-block' | 'flex';\n  /**\n   * flex布局的方向\n   */\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /**\n   * flex布局的换行\n   */\n  flexWrap?: 'nowrap' | 'wrap';\n  /**\n   * flex布局中，子元素在主轴上的对齐方式\n   */\n  justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';\n  /**\n   * flex布局中，子元素在交叉轴上的对齐方式\n   */\n  alignItems?: 'flex-start' | 'flex-end' | 'center';\n  /**\n   * flex布局中，多行内容的垂直对齐方式\n   */\n  alignContent?: 'flex-start' | 'center' | 'space-between' | 'space-around';\n  /**\n   * 基准的透明度，用于控制group下面整体图元的透明度\n   */\n  baseOpacity?: number;\n  /**\n   * 绘制模式\n   * 0 - 直接绘制\n   * 1 - 绘制到新Canvas上，再绘制回来，需要绘制背景，然后绘制group\n   * 2 - 绘制到新Canvas上，再绘制回来，不需要绘制背景，只需要绘制group\n   */\n  drawMode?: 0 | 1 | 2;\n};\n\nexport type IGroupGraphicAttribute = Partial<IGraphicAttribute> & Partial<IGroupAttribute>;\n\nexport interface IGroup extends IGraphic<IGroupGraphicAttribute> {\n  childrenPickable?: boolean; // 子元素是否可以被pick\n\n  theme?: ITheme;\n  sharedStateDefinitions?: StateDefinitionsInput<Record<string, any>>;\n  sharedStateScope?: SharedStateScope<Record<string, any>>;\n  deferredStateConfig?: IDeferredStateOwnerConfig;\n\n  createTheme: () => void;\n  hideAll: () => void;\n  showAll: () => void;\n\n  setTheme: (t: IThemeSpec) => void;\n\n  incrementalAppendChild: (node: INode, highPerformance?: boolean) => INode | null;\n  incrementalClearChild: () => void;\n\n  createOrUpdateChild: <T extends keyof GraphicAttributeMap>(\n    graphicName: string,\n    attributes: GraphicAttributeMap[T],\n    graphicType: T\n  ) => INode;\n}\n"]}
+{"version":3,"sources":["../src/interface/graphic/group.ts"],"names":[],"mappings":"","file":"group.js","sourcesContent":["import type { ITheme, IThemeSpec } from './theme';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { INode } from '../node-tree';\nimport type { GraphicAttributeMap } from './creator';\nimport type { StateDefinitionsInput } from '../../graphic/state/state-definition';\nimport type { SharedStateScope } from '../../graphic/state/shared-state-scope';\n\nexport type IGroupAttribute = {\n  /**\n   * 路径，用于绘制路径图形或者设置裁剪图形\n   */\n  path: IGraphic[];\n  /**\n   * 宽度\n   */\n  width: number;\n  /**\n   * 高度\n   */\n  height: number;\n  /**\n   * 圆角半径\n   */\n  cornerRadius: number | number[];\n  /**\n   * 圆角类型，\n   * 'round' - 圆弧\n   * 'bevel' - 斜角\n   */\n  cornerType: 'round' | 'bevel';\n  /**\n   * 是否剪裁\n   */\n  clip: boolean;\n  /**\n   * 所有的子节点是否可见\n   */\n  visibleAll: boolean;\n  /**\n   * 布局方式\n   */\n  display?: 'relative' | 'inner-block' | 'flex';\n  /**\n   * flex布局的方向\n   */\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /**\n   * flex布局的换行\n   */\n  flexWrap?: 'nowrap' | 'wrap';\n  /**\n   * flex布局中，子元素在主轴上的对齐方式\n   */\n  justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';\n  /**\n   * flex布局中，子元素在交叉轴上的对齐方式\n   */\n  alignItems?: 'flex-start' | 'flex-end' | 'center';\n  /**\n   * flex布局中，多行内容的垂直对齐方式\n   */\n  alignContent?: 'flex-start' | 'center' | 'space-between' | 'space-around';\n  /**\n   * 基准的透明度，用于控制group下面整体图元的透明度\n   */\n  baseOpacity?: number;\n  /**\n   * 绘制模式\n   * 0 - 直接绘制\n   * 1 - 绘制到新Canvas上，再绘制回来，需要绘制背景，然后绘制group\n   * 2 - 绘制到新Canvas上，再绘制回来，不需要绘制背景，只需要绘制group\n   */\n  drawMode?: 0 | 1 | 2;\n};\n\nexport type IGroupGraphicAttribute = Partial<IGraphicAttribute> & Partial<IGroupAttribute>;\n\nexport interface IGroup extends IGraphic<IGroupGraphicAttribute> {\n  childrenPickable?: boolean; // 子元素是否可以被pick\n\n  theme?: ITheme;\n  sharedStateDefinitions?: StateDefinitionsInput<Record<string, any>>;\n  sharedStateScope?: SharedStateScope<Record<string, any>>;\n\n  createTheme: () => void;\n  hideAll: () => void;\n  showAll: () => void;\n\n  setTheme: (t: IThemeSpec) => void;\n\n  incrementalAppendChild: (node: INode, highPerformance?: boolean) => INode | null;\n  incrementalClearChild: () => void;\n\n  createOrUpdateChild: <T extends keyof GraphicAttributeMap>(\n    graphicName: string,\n    attributes: GraphicAttributeMap[T],\n    graphicType: T\n  ) => INode;\n}\n"]}

package/cjs/interface/graphic.d.ts

@@ -12,8 +12,7 @@ import type { IContainPointMode } from '../common/enums';
 import type { IFace3d } from './graphic/face3d';
 import type { IPickerService } from './picker';
 import type { ISymbolClass } from './graphic/symbol';
-import type { CompiledStateDefinition, StateDefinition, StateDefinitionsInput } from '../graphic/state/state-definition';
-import type { StateMergeMode } from '../graphic/state/state-style-resolver';
+import type { StateDefinition, StateDefinitionsInput, StateMergeMode } from '../graphic/state/state-definition';
 import type { SharedStateScope } from '../graphic/state/shared-state-scope';
 type IStrokeSeg = {
     start: number;
@@ -278,9 +277,6 @@ export interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphi
     boundSharedStateRevision?: number;
     sharedStateDirty?: boolean;
     registeredActiveScopes?: Set<SharedStateScope<T>>;
-    localFallbackCompiledDefinitions?: Map<string, CompiledStateDefinition<T>>;
-    localFallbackVersion?: number;
-    stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T>;
     stateMergeMode?: StateMergeMode;
     findFace?: () => IFace3d;
     toggleState: (stateName: string, hasAnimation?: boolean) => void;

package/cjs/interface/graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/graphic.ts"],"names":[],"mappings":"","file":"graphic.js","sourcesContent":["import type { IAABBBounds, IMatrix, IPointLike, IPoint, BoundsAnchorType, IOBBBounds } from '@visactor/vutils';\nimport type { IAnimate, IStep, EasingType, IAnimateTarget, ITimeline } from './animation';\nimport type { IColor } from './color';\nimport type { IGroup } from './graphic/group';\nimport type { IShadowRoot } from './graphic/shadow-root';\nimport type { ILayer } from './layer';\nimport type { INode } from './node-tree';\nimport type { ICustomPath2D } from './path';\nimport type { IStage } from './stage';\nimport type { IGlyphGraphicAttribute } from './graphic/glyph';\nimport type { IContainPointMode } from '../common/enums';\nimport type { IFace3d } from './graphic/face3d';\nimport type { IPickerService } from './picker';\nimport type { ISymbolClass } from './graphic/symbol';\nimport type {\n  CompiledStateDefinition,\n  StateDefinition,\n  StateDefinitionsInput\n} from '../graphic/state/state-definition';\nimport type { StateMergeMode } from '../graphic/state/state-style-resolver';\nimport type { SharedStateScope } from '../graphic/state/shared-state-scope';\n\ntype IStrokeSeg = {\n  /**\n   * 百分比\n   */\n  start: number;\n  /**\n   * 百分比\n   * end和length二选一\n   */\n  end: number;\n  /**\n   * 像素长度\n   */\n  length: number;\n};\n\n// TODO 最后加一个any\nexport type GraphicType =\n  | 'area'\n  | 'circle'\n  | 'ellipse'\n  | 'line'\n  | 'rect'\n  | 'rect3d'\n  | 'path'\n  | 'richtext'\n  | 'text'\n  | 'arc'\n  | 'arc3d'\n  | 'image'\n  | 'symbol'\n  | 'group'\n  | 'shadowroot'\n  | 'polygon'\n  | 'pyramid3d'\n  | 'glyph'\n  | string;\n\n// Cursor style\n// See: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out';\n\nexport type ITransform = {\n  /**\n   * x坐标\n   */\n  x: number;\n  /**\n   * y坐标\n   */\n  y: number;\n  /**\n   * z坐标\n   */\n  z: number;\n  /**\n   * x方向偏移量\n   */\n  dx: number;\n  /**\n   * y方向偏移量\n   */\n  dy: number;\n  /**\n   * z方向偏移量\n   */\n  dz: number;\n  /**\n   * x方向的滚动值\n   */\n  scrollX: number;\n  /**\n   * y方向的滚动值\n   */\n  scrollY: number;\n  /**\n   * x方向的缩放值\n   */\n  scaleX: number;\n  /**\n   * y方向的缩放值\n   */\n  scaleY: number;\n  /**\n   * z方向的缩放值\n   */\n  scaleZ: number;\n  /**\n   * 绕z轴的转角，即xy平面上的旋转角度\n   */\n  angle: number;\n  /**\n   * 绕x轴的转角\n   */\n  alpha: number;\n  /**\n   * 绕y轴的转角\n   */\n  beta: number;\n  /**\n   * 应用缩放的中心\n   */\n  scaleCenter: [number | string, number | string];\n  /**\n   * 基于AABB的锚点位置，用于简单的定位某些path\n   */\n  anchor: [number | string, number | string];\n  /**\n   * 3d的锚点位置\n   */\n  anchor3d: [number | string, number | string, number] | [number | string, number | string];\n  /**\n   * 处理矩阵，在正常计算完变换矩阵之后，会将该矩阵乘到变换矩阵上得到最终的变换矩阵\n   */\n  postMatrix: IMatrix;\n};\n\nexport type IFillType = boolean | string | IColor;\nexport type IFillStyle = {\n  /**\n   * 图形的填充透明度\n   */\n  fillOpacity: number;\n  /**\n   * 图形模糊效果程度\n   */\n  shadowBlur: number;\n  /**\n   * 图形的阴影颜色\n   */\n  shadowColor: string;\n  /**\n   * 阴影水平偏移距离\n   */\n  shadowOffsetX: number;\n  /**\n   * 阴影垂直偏移距离\n   */\n  shadowOffsetY: number;\n  /**\n   * 图形的填充颜色\n   */\n  fill: IFillType;\n};\n\nexport type ILayout = {\n  /**\n   * 设置对齐方式\n   */\n  alignSelf: 'auto' | 'flex-start' | 'flex-end' | 'center';\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  /**\n   * 边距离边缘的距离\n   */\n  distance: number | string;\n  /**\n   * 是否显示边框，默认是不显示的\n   */\n  visible?: boolean;\n};\n\nexport type IStrokeType = boolean | string | IColor | null;\nexport type IStrokeStyle = {\n  /**\n   * 外部边框的样式配置，默认不展示外部边框\n   */\n  outerBorder: Partial<IBorderStyle>;\n  /**\n   * 内部边框的样式配置\n   */\n  innerBorder: Partial<IBorderStyle>;\n  /**\n   * 描边的透明度\n   */\n  strokeOpacity: number;\n  /**\n   * 设置线条虚线样式的属性，它通过定义实线和空白的交替长度来创建虚线效果\n   */\n  lineDash: number[];\n\n  /**\n   * 设置虚线样式的起始偏移量\n   */\n  lineDashOffset: number;\n\n  /**\n   * 设置线条的宽度\n   */\n  lineWidth: number;\n\n  /**\n   * 设置线条末端的样式\n   */\n  lineCap: CanvasLineCap;\n\n  /**\n   * 设置线条拐角的样式\n   */\n  lineJoin: CanvasLineJoin;\n\n  /**\n   * 设置线条拐角处的斜接限制\n   */\n  miterLimit: number;\n  /**\n   * 描边的boundsBuffer，用于控制bounds的buffer\n   */\n  strokeBoundsBuffer: number;\n  /**\n   * stroke - true 全描边\n   * stroke - false 不描边\n   * stroke 为数值类型，适用于rect\\arc等图形，用于配置部分描边的场景，其中\n   *\n   * 0b00000 - 不描边\n   * 0b000001 - top\n   * 0b000010 - right\n   * 0b000100 - bottom\n   * 0b001000 - left\n   * 相应的：\n   * 0b000011 - top + right\n   * 0b000111 - top + right + bottom\n   * 0b001111 - 全描边\n   *\n   * stroke - boolean[]，适用于rect\\arc等图形，用于配置部分描边的场景\n   */\n  stroke: IStrokeType[] | IStrokeType;\n};\n\ntype TextureType = 'circle' | 'diamond' | 'rect' | 'vertical-line' | 'horizontal-line' | 'bias-lr' | 'bias-rl' | 'grid';\n\nexport type IConnectedStyle = {\n  /**\n   * 连接，取零或者断开\n   */\n  connectedType: 'connect' | 'none';\n  /**\n   * 连接线的样式配置\n   */\n  connectedStyle: {\n    stroke: IStrokeStyle['stroke'];\n    strokeOpacity: IStrokeStyle['strokeOpacity'];\n    lineDash: IStrokeStyle['lineDash'];\n    lineDashOffset: IStrokeStyle['lineDashOffset'];\n    lineCap: IStrokeStyle['lineCap'];\n    lineJoin: IStrokeStyle['lineJoin'];\n    lineWidth: IStrokeStyle['lineWidth'];\n    fill: IFillStyle['fill'];\n    fillOpacity: IFillStyle['fillOpacity'];\n  };\n  connectedX: number;\n  connectedY: number;\n};\n\nexport type IBackgroundConfig = {\n  stroke?: string | boolean;\n  fill?: string | boolean;\n  lineWidth?: number;\n  cornerRadius?: number;\n  expandX?: number;\n  expandY?: number;\n};\n\nexport type BackgroundSizing = 'cover' | 'contain' | 'fill' | 'auto';\nexport type BackgroundRepeatMode = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\nexport type BackgroundSizingShorthand = 'no-repeat-cover' | 'no-repeat-contain' | 'no-repeat-fill' | 'no-repeat-auto';\nexport type BackgroundMode = BackgroundRepeatMode | BackgroundSizingShorthand;\nexport type BackgroundPositionHorizontalKeyword = 'left' | 'center' | 'right';\nexport type BackgroundPositionVerticalKeyword = 'top' | 'center' | 'bottom';\nexport type BackgroundPositionKeyword = BackgroundPositionHorizontalKeyword | BackgroundPositionVerticalKeyword;\nexport type BackgroundPositionPercent = `${number}%`;\nexport type BackgroundPositionValue = number | BackgroundPositionKeyword | BackgroundPositionPercent;\nexport type BackgroundPositionPreset =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'center-left'\n  | 'center'\n  | 'center-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\nexport type BackgroundPosition =\n  | BackgroundPositionKeyword\n  | BackgroundPositionPreset\n  | [BackgroundPositionValue, BackgroundPositionValue];\n\nexport type IBackgroundType = string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig;\n\nexport interface SimpleDomStyleOptions {\n  /**\n   * 容器的宽度\n   */\n  width: number;\n  /**\n   * 容器的高度\n   */\n  height: number;\n  /**\n   * 容器的样式设置\n   */\n  style?:\n    | string\n    | Record<string, any>\n    | ((\n        pos: { top: number; left: number; width: number; height: number },\n        graphic: IGraphic,\n        wrapContainer: HTMLElement\n      ) => Record<string, any>); // 容器的样式\n}\n\nexport interface CommonDomOptions {\n  /**\n   * 全局唯一的id\n   */\n  id?: string;\n  /**\n   * 容器元素的id或者dom元素\n   */\n  container: string | HTMLElement | null;\n  /**\n   * 是否显示\n   */\n  visible?: boolean;\n  /**\n   * 是否支持事件冒泡\n   */\n  pointerEvents?: boolean | string;\n  /**\n   * 可穿透的事件列表\n   * @since 0.21.2\n   */\n  penetrateEventList?: string[];\n  /**\n   * 定位类型\n   * 'position' - 根据挂载图形节点的坐标也就是x,y进行定位\n   * 'boundsLeftTop' - 定位到挂载图形节点bounds的左上角\n   * 'left' - 定位到挂载图形节点bounds 的左侧\n   * 'right' - 定位到挂载图形节点bounds 的右侧\n   * 'bottom' - 定位到挂载图形节点bounds 的底部\n   * 'top' - 定位到挂载图形节点bounds 的顶部\n   * 'center' - 定位到挂载图形节点bounds 的中心\n   * 'top-left' - 定位到挂载图形节点bounds 的左上角\n   * 'top-right' - 定位到挂载图形节点bounds 的右上角\n   * 'bottom-left' - 定位到挂载图形节点bounds 的左下角\n   * 'bottom-right' - 定位到挂载图形节点bounds 的右下角\n   */\n  anchorType?: 'position' | 'boundsLeftTop' | BoundsAnchorType;\n}\n\nexport type IRoughStyle = {\n  fillStyle: 'hachure' | 'solid' | 'zigzag' | 'cross-hatch' | 'dots' | 'sunburst' | 'dashed' | 'zigzag-line';\n  roughness: number;\n  bowing: number;\n};\n\nexport type IGraphicStyle = ILayout &\n  IFillStyle &\n  IStrokeStyle &\n  IPickStyle & {\n    /**\n     * 强制设置的bounds宽度，主要用于使用html或者react展示图形的时候，设置一个固定的宽度\n     */\n    forceBoundsWidth: number | (() => number) | undefined;\n    /**\n     * 强制设置的bounds高度，主要用于使用html或者react展示图形的时候，设置一个固定的高度\n     */\n    forceBoundsHeight: number | (() => number) | undefined;\n    /**\n     * 透明度，会同时影响填充和描边\n     */\n    opacity: number;\n    /**\n     * 影子节点\n     */\n    shadowGraphic?: IGraphic | undefined;\n    /**\n     * 背景填充模式（与具体图元有关）\n     */\n    backgroundMode: BackgroundMode;\n    /**\n     * 是否正好填充，只在repeat-x或者repeat-y以及no-repeat的时候生效\n     */\n    backgroundFit: boolean;\n    /**\n     * 是否保持背景图的宽高比\n     */\n    backgroundKeepAspectRatio: boolean;\n    /**\n     * 背景图缩放，只在no-repeat的时候生效\n     */\n    backgroundScale: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetX: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetY: number;\n    /**\n     * 背景图锚定位置（类似 CSS background-position），仅在 no-repeat 的图片背景下生效。\n     */\n    backgroundPosition: BackgroundPosition;\n    /**\n     * 背景图是否裁切，是否调用clip避免绘制到图元外部\n     */\n    backgroundClip: boolean;\n    /**\n     * 背景圆角半径\n     */\n    backgroundCornerRadius: number | number[];\n    /**\n     * 背景透明度\n     */\n    backgroundOpacity: number;\n    /**\n     * 背景，支持颜色字符串、html image元素、html canvas元素\n     */\n    // 纹理是否自动做动画\n    autoAnimateTexture: boolean;\n    // 如果做动画的话，这里代表ratio\n    textureRatio: number;\n    textureOptions: any;\n    background:\n      | IBackgroundType\n      | {\n          /**\n           * 背景，支持颜色字符串、html image元素、html canvas元素\n           */\n          background: IBackgroundType;\n          /**\n           * 背景的x方向偏移量\n           */\n          dx?: number;\n          /**\n           * 背景的y方向偏移量\n           */\n          dy?: number;\n          /**\n           * 背景宽度\n           */\n          width?: number;\n          /**\n           * 背景高度\n           */\n          height?: number;\n          /**\n           * 背景的x坐标\n           */\n          x?: number;\n          /**\n           * 背景的y坐标\n           */\n          y?: number;\n        }\n      | null; // 背景，可以与fill同时存在\n    /**\n     * 纹理的类型\n     */\n    texture: TextureType | string;\n    /**\n     * 纹理的颜色\n     */\n    textureColor: string;\n    /**\n     * 纹理的大小\n     */\n    textureSize: number;\n    /**\n     * 纹理的间隙\n     */\n    texturePadding: number;\n\n    blur: number;\n    /**\n     * 设置图形对应的鼠标样式\n     */\n    cursor: Cursor | null;\n    // @deprecated 用处少废弃，后续考虑新设计API\n    filter: string;\n    renderStyle?: 'default' | 'rough' | any;\n    roughStyle?: IRoughStyle | null;\n    /**\n     * HTML的dom或者string\n     */\n    html:\n      | ({\n          /**\n           * dom字符串或者dom\n           */\n          dom: string | HTMLElement;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用react元素渲染内容\n     */\n    react:\n      | ({\n          /**\n           * react场景节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用vue组件渲染内容\n     */\n    vue:\n      | ({\n          /**\n           * vue 虚拟节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n  };\n\nexport type IPickStyle = {\n  /**\n   * 给stroke模式的pick额外加的buffer，用于外界控制stroke区域的pick范围\n   */\n  pickStrokeBuffer: number;\n};\n\nexport type IDebugType = {\n  _debug_bounds: boolean | ((c: any, g: any) => void);\n};\nexport type IGraphicAttribute = IDebugType &\n  IGraphicStyle &\n  ITransform & {\n    /**\n     * stroke百分比\n     */\n    strokeSeg: IStrokeSeg | null;\n    /**\n     * 包围盒的padding\n     */\n    boundsPadding: number | number[];\n    /**\n     * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n     */\n    pickMode: 'accurate' | 'imprecise' | 'custom';\n    boundsMode: 'accurate' | 'imprecise' | 'empty';\n    customPickShape: () => boolean | null;\n    /**\n     * 是否支持事件拾取，默认为 true。\n     * @default true\n     */\n    pickable: boolean;\n    /**\n     * 是否支持fill拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    fillPickable: boolean;\n    /**\n     * 是否支持stroke拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    strokePickable: boolean;\n    /**\n     * 对于 group 节点，是否支持其子元素的事件拾取，默认为 true。\n     * 如果 group `pickable` 关闭，`childrenPickable` 开启，那么 group 的子节点仍参与事件拾取\n     * @default true\n     */\n    childrenPickable: boolean;\n    /**\n     * 元素是否可见。\n     * @default true\n     */\n    visible: boolean;\n    /**\n     * 分组下的层级，层级越小越先绘制\n     */\n    zIndex: number;\n    layout: any;\n    /**\n     * 是否隐藏元素（只是绘制的时候不绘制）\n     */\n    renderable: boolean;\n    /**\n     * 是否在3d中控制方向\n     * false: 不控制方向\n     * true: 始终控制方向朝摄像机\n     */\n    keepDirIn3d?: boolean;\n    shadowRootIdx: number;\n    shadowPickMode?: 'full' | 'graphic';\n    /**\n     * 全局范围的层级，设置了这个属性的图形，会提取到交互层进行渲染\n     */\n    globalZIndex: number;\n    /**\n     * canvas 的合成方式\n     */\n    globalCompositeOperation: CanvasRenderingContext2D['globalCompositeOperation'] | '';\n    /**\n     * 完全支持滚动 | 完全不支持滚动 | 支持x方向的滚动 | 支持y方向的滚动\n     */\n    overflow: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n    /**\n     * 绘制fill和stroke的顺序，为0表示fill先绘制，1表示stroke先绘制\n     */\n    fillStrokeOrder: number;\n    /**\n     * @since 0.20.15\n     * 保持stroke的scale，默认为false，为true的话stroke显示的宽度会随着scale变化\n     */\n    keepStrokeScale: boolean;\n\n    /**\n     * @since 0.22.2\n     * 裁剪路径，用于裁剪图形，用于普通图元的裁剪\n     * 由于一般情况下普通图元只需要一个形状即可，所以这里不需要配置具体的位置和大小，强制中心在图元中心，宽高和图元Bounds宽高一致\n     * 不考虑其他复杂情况，否则配置项就非常多了，比如多路径，或者配置位置大小等，如果配置大小那还得用户自己去拿图元的大小，目前没有这种需求\n     */\n    clipConfig: {\n      shape: string;\n    } | null;\n  };\n\nexport interface IGraphicJson<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> {\n  attribute: Partial<T>;\n  baseAttributes?: Partial<T>;\n  _uid: number;\n  type: string;\n  name: string;\n  children: IGraphicJson<T>[];\n}\n\n/** the context of setAttribute */\nexport type ISetAttributeContext = {\n  /** type of setAttribute */\n  type?: number;\n  animationState?: {\n    step?: IStep;\n    isFirstFrameOfStep?: boolean;\n    /** ratio of animation */\n    ratio?: number;\n    /** is animation end? */\n    end?: boolean;\n  };\n  skipUpdateCallback?: boolean;\n};\n\nexport type IGraphicAnimateParams = {\n  slience?: boolean;\n  id?: number | string;\n  timeline?: ITimeline;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n};\n\nexport interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>>\n  extends INode,\n    IAnimateTarget {\n  type?: GraphicType;\n  numberType?: number;\n  stage?: IStage;\n  layer?: ILayer;\n  shadowRoot?: IShadowRoot;\n  glyphHost?: IGraphic<IGlyphGraphicAttribute>;\n  backgroundImg?: boolean;\n  attachedThemeGraphic?: IGraphic<any>;\n  /**\n   * 保存语法上下文\n   */\n  context?: Record<string, any>;\n  bindDom?: Map<\n    string | HTMLElement,\n    { container: HTMLElement | string; dom: HTMLElement | any; wrapGroup: HTMLDivElement | any; root?: any }\n  >;\n\n  valid: boolean;\n  parent: IGroup | null;\n  isContainer?: boolean;\n  // 是否是3d模式（是否应用3d视角）\n  in3dMode?: boolean;\n\n  // 不考虑transform的宽高，特殊情况下会使用到\n  widthWithoutTransform?: number;\n  heightWithoutTransform?: number;\n\n  // 上次更新的stamp\n  stamp?: number;\n  animationBackUps?: {\n    from: Record<string, any>;\n    to: Record<string, any>;\n  };\n\n  attribute: Partial<T>;\n\n  /** 用于实现morph动画场景，转换成bezier曲线渲染 */\n  pathProxy?: ICustomPath2D | ((attrs: T) => ICustomPath2D);\n  incremental?: number;\n  incrementalAt?: number;\n\n  /** 记录state对应的图形属性 */\n  states?: StateDefinitionsInput<T>;\n  effectiveStates?: string[];\n  resolvedStatePatch?: Partial<T>;\n  normalAttrs?: Partial<T>;\n  baseAttributes?: Partial<T>;\n  boundSharedStateScope?: SharedStateScope<T>;\n  boundSharedStateRevision?: number;\n  sharedStateDirty?: boolean;\n  registeredActiveScopes?: Set<SharedStateScope<T>>;\n  localFallbackCompiledDefinitions?: Map<string, CompiledStateDefinition<T>>;\n  localFallbackVersion?: number;\n  stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T>;\n  stateMergeMode?: StateMergeMode;\n  findFace?: () => IFace3d;\n  toggleState: (stateName: string, hasAnimation?: boolean) => void;\n  removeState: (stateName: string | string[], hasAnimation?: boolean) => void;\n  clearStates: (hasAnimation?: boolean) => void;\n  setStates: {\n    (states?: string[] | null, hasAnimation?: boolean): void;\n    (states?: string[] | null, options?: ISetStatesOptions): void;\n  };\n  useStates: (states: string[], hasAnimation?: boolean) => void;\n  addState: (stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean) => void;\n  invalidateResolver: () => void;\n  hasState: (stateName?: string) => boolean;\n  getState: (stateName: string) => Partial<T> | StateDefinition<T>;\n  onBeforeAttributeUpdate?: (\n    val: any,\n    attributes: Partial<T>,\n    key: null | string | string[],\n    context?: ISetAttributeContext\n  ) => T | undefined;\n  applyStateAttrs: (\n    attrs: Partial<T>,\n    stateNames: string[],\n    hasAnimation?: boolean,\n    isClear?: boolean,\n    animateConfig?: IAnimateConfig\n  ) => void;\n  updateNormalAttrs: (stateAttrs: Partial<T>) => void;\n\n  // get\n  readonly AABBBounds: IAABBBounds; // 用于获取当前节点的AABB包围盒\n  readonly OBBBounds: IOBBBounds; // 获取OBB包围盒，旋转防重叠需要用\n  readonly globalAABBBounds: IAABBBounds; // 全局AABB包围盒\n  readonly transMatrix: IMatrix; // 变换矩阵，动态计算\n  readonly globalTransMatrix: IMatrix; // 变换矩阵，动态计算\n\n  getOffsetXY: (attr?: ITransform) => IPoint;\n\n  // function\n  containsPoint: (x: number, y: number, mode?: IContainPointMode, picker?: IPickerService) => boolean;\n\n  setMode: (mode: '3d' | '2d') => void;\n  isValid: () => boolean;\n\n  getClipPath: () => ISymbolClass | null;\n\n  // TODO: transform API\n  // 基于当前transform的变换，普通用户尽量别用，拿捏不住的~\n  translate: (x: number, y: number) => this;\n  translateTo: (x: number, y: number) => this;\n  scale: (scaleX: number, scaleY: number, scaleCenter?: IPointLike) => this;\n  scaleTo: (scaleX: number, scaleY: number) => this;\n  rotate: (angle: number, rotateCenter?: IPointLike) => this;\n  rotateTo: (angle: number) => this;\n  skewTo: (b: number, c: number) => this;\n  addUpdateBoundTag: () => void;\n  addUpdatePaintTag: () => void;\n  addUpdateShapeAndBoundsTag: () => void;\n  addUpdateLayoutTag: () => void;\n\n  update: (d?: { bounds: boolean; trans: boolean }) => void;\n\n  // animate\n  animate?: (params?: IGraphicAnimateParams) => IAnimate;\n\n  // 语法糖，可有可无，有的为了首屏性能考虑做成get方法，有的由外界直接托管，内部不赋值\n  name?: string;\n\n  // 供render处理shape缓存tag\n  shouldUpdateShape: () => boolean;\n  clearUpdateShapeTag: () => void;\n\n  // // 供render缓存shape\n  // cacheShape?: ICustomPath2D;\n  // // 线段使用的path2D\n  // cacheLine?: ISegPath2D | ISegPath2D[];\n  // // 面积图使用的path2D\n  // cacheArea?: IAreaCacheItem | IAreaCacheItem[];\n\n  setAttributes: (params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  initAttributes: (params: Partial<T>) => void;\n\n  setAttribute: (key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  setStage: (stage?: IStage, layer?: ILayer) => void;\n  detachStageForRelease: () => void;\n  onSetStage: (cb: (g: IGraphic, stage: IStage) => void) => void;\n\n  shouldUpdateAABBBounds: () => boolean;\n  shouldSelfChangeUpdateAABBBounds: () => boolean;\n  shouldUpdateGlobalMatrix: () => boolean;\n\n  addUpdatePositionTag: () => void;\n  addUpdateGlobalPositionTag: () => void;\n\n  attachShadow: () => IShadowRoot;\n  detachShadow: () => void;\n\n  toJson: () => IGraphicJson;\n\n  /** 创建pathProxy */\n  createPathProxy: (path?: string) => void;\n  /** 将图形转换成CustomPath2D */\n  toCustomPath?: () => ICustomPath2D;\n\n  resources?: Map<\n    string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig,\n    { state: 'init' | 'loading' | 'success' | 'fail'; data?: HTMLImageElement | HTMLCanvasElement }\n  >;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n  imageLoadFail: (url: string) => void;\n\n  clone: () => IGraphic;\n  stopAnimates: (stopChildren?: boolean) => void;\n  getNoWorkAnimateAttr: () => Record<string, number>;\n  getGraphicTheme: () => T;\n\n  getAttributes: (final?: boolean) => Partial<T>;\n\n  pauseAnimation?: (deep?: boolean) => void;\n  resumeAnimation?: (deep?: boolean) => void;\n  stopAnimation?: (deep?: boolean) => void;\n  reApplyAnimationState?: (state: string, deep?: boolean) => this;\n}\n\nexport interface IRoot extends IGraphic {\n  pick: (x: number, y: number) => IGraphic;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimateConfig = {\n  duration?: number;\n  easing?: EasingType;\n  noAnimateAttrs?: string[] | Record<string, boolean | number>;\n};\n\nexport type ISetStatesOptions = {\n  animate?: boolean;\n  animateSameStatePatchChange?: boolean;\n};\n\nexport type GraphicReleaseStatus = 'released' | 'willRelease';\n"]}
+{"version":3,"sources":["../src/interface/graphic.ts"],"names":[],"mappings":"","file":"graphic.js","sourcesContent":["import type { IAABBBounds, IMatrix, IPointLike, IPoint, BoundsAnchorType, IOBBBounds } from '@visactor/vutils';\nimport type { IAnimate, IStep, EasingType, IAnimateTarget, ITimeline } from './animation';\nimport type { IColor } from './color';\nimport type { IGroup } from './graphic/group';\nimport type { IShadowRoot } from './graphic/shadow-root';\nimport type { ILayer } from './layer';\nimport type { INode } from './node-tree';\nimport type { ICustomPath2D } from './path';\nimport type { IStage } from './stage';\nimport type { IGlyphGraphicAttribute } from './graphic/glyph';\nimport type { IContainPointMode } from '../common/enums';\nimport type { IFace3d } from './graphic/face3d';\nimport type { IPickerService } from './picker';\nimport type { ISymbolClass } from './graphic/symbol';\nimport type { StateDefinition, StateDefinitionsInput, StateMergeMode } from '../graphic/state/state-definition';\nimport type { SharedStateScope } from '../graphic/state/shared-state-scope';\n\ntype IStrokeSeg = {\n  /**\n   * 百分比\n   */\n  start: number;\n  /**\n   * 百分比\n   * end和length二选一\n   */\n  end: number;\n  /**\n   * 像素长度\n   */\n  length: number;\n};\n\n// TODO 最后加一个any\nexport type GraphicType =\n  | 'area'\n  | 'circle'\n  | 'ellipse'\n  | 'line'\n  | 'rect'\n  | 'rect3d'\n  | 'path'\n  | 'richtext'\n  | 'text'\n  | 'arc'\n  | 'arc3d'\n  | 'image'\n  | 'symbol'\n  | 'group'\n  | 'shadowroot'\n  | 'polygon'\n  | 'pyramid3d'\n  | 'glyph'\n  | string;\n\n// Cursor style\n// See: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out';\n\nexport type ITransform = {\n  /**\n   * x坐标\n   */\n  x: number;\n  /**\n   * y坐标\n   */\n  y: number;\n  /**\n   * z坐标\n   */\n  z: number;\n  /**\n   * x方向偏移量\n   */\n  dx: number;\n  /**\n   * y方向偏移量\n   */\n  dy: number;\n  /**\n   * z方向偏移量\n   */\n  dz: number;\n  /**\n   * x方向的滚动值\n   */\n  scrollX: number;\n  /**\n   * y方向的滚动值\n   */\n  scrollY: number;\n  /**\n   * x方向的缩放值\n   */\n  scaleX: number;\n  /**\n   * y方向的缩放值\n   */\n  scaleY: number;\n  /**\n   * z方向的缩放值\n   */\n  scaleZ: number;\n  /**\n   * 绕z轴的转角，即xy平面上的旋转角度\n   */\n  angle: number;\n  /**\n   * 绕x轴的转角\n   */\n  alpha: number;\n  /**\n   * 绕y轴的转角\n   */\n  beta: number;\n  /**\n   * 应用缩放的中心\n   */\n  scaleCenter: [number | string, number | string];\n  /**\n   * 基于AABB的锚点位置，用于简单的定位某些path\n   */\n  anchor: [number | string, number | string];\n  /**\n   * 3d的锚点位置\n   */\n  anchor3d: [number | string, number | string, number] | [number | string, number | string];\n  /**\n   * 处理矩阵，在正常计算完变换矩阵之后，会将该矩阵乘到变换矩阵上得到最终的变换矩阵\n   */\n  postMatrix: IMatrix;\n};\n\nexport type IFillType = boolean | string | IColor;\nexport type IFillStyle = {\n  /**\n   * 图形的填充透明度\n   */\n  fillOpacity: number;\n  /**\n   * 图形模糊效果程度\n   */\n  shadowBlur: number;\n  /**\n   * 图形的阴影颜色\n   */\n  shadowColor: string;\n  /**\n   * 阴影水平偏移距离\n   */\n  shadowOffsetX: number;\n  /**\n   * 阴影垂直偏移距离\n   */\n  shadowOffsetY: number;\n  /**\n   * 图形的填充颜色\n   */\n  fill: IFillType;\n};\n\nexport type ILayout = {\n  /**\n   * 设置对齐方式\n   */\n  alignSelf: 'auto' | 'flex-start' | 'flex-end' | 'center';\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  /**\n   * 边距离边缘的距离\n   */\n  distance: number | string;\n  /**\n   * 是否显示边框，默认是不显示的\n   */\n  visible?: boolean;\n};\n\nexport type IStrokeType = boolean | string | IColor | null;\nexport type IStrokeStyle = {\n  /**\n   * 外部边框的样式配置，默认不展示外部边框\n   */\n  outerBorder: Partial<IBorderStyle>;\n  /**\n   * 内部边框的样式配置\n   */\n  innerBorder: Partial<IBorderStyle>;\n  /**\n   * 描边的透明度\n   */\n  strokeOpacity: number;\n  /**\n   * 设置线条虚线样式的属性，它通过定义实线和空白的交替长度来创建虚线效果\n   */\n  lineDash: number[];\n\n  /**\n   * 设置虚线样式的起始偏移量\n   */\n  lineDashOffset: number;\n\n  /**\n   * 设置线条的宽度\n   */\n  lineWidth: number;\n\n  /**\n   * 设置线条末端的样式\n   */\n  lineCap: CanvasLineCap;\n\n  /**\n   * 设置线条拐角的样式\n   */\n  lineJoin: CanvasLineJoin;\n\n  /**\n   * 设置线条拐角处的斜接限制\n   */\n  miterLimit: number;\n  /**\n   * 描边的boundsBuffer，用于控制bounds的buffer\n   */\n  strokeBoundsBuffer: number;\n  /**\n   * stroke - true 全描边\n   * stroke - false 不描边\n   * stroke 为数值类型，适用于rect\\arc等图形，用于配置部分描边的场景，其中\n   *\n   * 0b00000 - 不描边\n   * 0b000001 - top\n   * 0b000010 - right\n   * 0b000100 - bottom\n   * 0b001000 - left\n   * 相应的：\n   * 0b000011 - top + right\n   * 0b000111 - top + right + bottom\n   * 0b001111 - 全描边\n   *\n   * stroke - boolean[]，适用于rect\\arc等图形，用于配置部分描边的场景\n   */\n  stroke: IStrokeType[] | IStrokeType;\n};\n\ntype TextureType = 'circle' | 'diamond' | 'rect' | 'vertical-line' | 'horizontal-line' | 'bias-lr' | 'bias-rl' | 'grid';\n\nexport type IConnectedStyle = {\n  /**\n   * 连接，取零或者断开\n   */\n  connectedType: 'connect' | 'none';\n  /**\n   * 连接线的样式配置\n   */\n  connectedStyle: {\n    stroke: IStrokeStyle['stroke'];\n    strokeOpacity: IStrokeStyle['strokeOpacity'];\n    lineDash: IStrokeStyle['lineDash'];\n    lineDashOffset: IStrokeStyle['lineDashOffset'];\n    lineCap: IStrokeStyle['lineCap'];\n    lineJoin: IStrokeStyle['lineJoin'];\n    lineWidth: IStrokeStyle['lineWidth'];\n    fill: IFillStyle['fill'];\n    fillOpacity: IFillStyle['fillOpacity'];\n  };\n  connectedX: number;\n  connectedY: number;\n};\n\nexport type IBackgroundConfig = {\n  stroke?: string | boolean;\n  fill?: string | boolean;\n  lineWidth?: number;\n  cornerRadius?: number;\n  expandX?: number;\n  expandY?: number;\n};\n\nexport type BackgroundSizing = 'cover' | 'contain' | 'fill' | 'auto';\nexport type BackgroundRepeatMode = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\nexport type BackgroundSizingShorthand = 'no-repeat-cover' | 'no-repeat-contain' | 'no-repeat-fill' | 'no-repeat-auto';\nexport type BackgroundMode = BackgroundRepeatMode | BackgroundSizingShorthand;\nexport type BackgroundPositionHorizontalKeyword = 'left' | 'center' | 'right';\nexport type BackgroundPositionVerticalKeyword = 'top' | 'center' | 'bottom';\nexport type BackgroundPositionKeyword = BackgroundPositionHorizontalKeyword | BackgroundPositionVerticalKeyword;\nexport type BackgroundPositionPercent = `${number}%`;\nexport type BackgroundPositionValue = number | BackgroundPositionKeyword | BackgroundPositionPercent;\nexport type BackgroundPositionPreset =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'center-left'\n  | 'center'\n  | 'center-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\nexport type BackgroundPosition =\n  | BackgroundPositionKeyword\n  | BackgroundPositionPreset\n  | [BackgroundPositionValue, BackgroundPositionValue];\n\nexport type IBackgroundType = string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig;\n\nexport interface SimpleDomStyleOptions {\n  /**\n   * 容器的宽度\n   */\n  width: number;\n  /**\n   * 容器的高度\n   */\n  height: number;\n  /**\n   * 容器的样式设置\n   */\n  style?:\n    | string\n    | Record<string, any>\n    | ((\n        pos: { top: number; left: number; width: number; height: number },\n        graphic: IGraphic,\n        wrapContainer: HTMLElement\n      ) => Record<string, any>); // 容器的样式\n}\n\nexport interface CommonDomOptions {\n  /**\n   * 全局唯一的id\n   */\n  id?: string;\n  /**\n   * 容器元素的id或者dom元素\n   */\n  container: string | HTMLElement | null;\n  /**\n   * 是否显示\n   */\n  visible?: boolean;\n  /**\n   * 是否支持事件冒泡\n   */\n  pointerEvents?: boolean | string;\n  /**\n   * 可穿透的事件列表\n   * @since 0.21.2\n   */\n  penetrateEventList?: string[];\n  /**\n   * 定位类型\n   * 'position' - 根据挂载图形节点的坐标也就是x,y进行定位\n   * 'boundsLeftTop' - 定位到挂载图形节点bounds的左上角\n   * 'left' - 定位到挂载图形节点bounds 的左侧\n   * 'right' - 定位到挂载图形节点bounds 的右侧\n   * 'bottom' - 定位到挂载图形节点bounds 的底部\n   * 'top' - 定位到挂载图形节点bounds 的顶部\n   * 'center' - 定位到挂载图形节点bounds 的中心\n   * 'top-left' - 定位到挂载图形节点bounds 的左上角\n   * 'top-right' - 定位到挂载图形节点bounds 的右上角\n   * 'bottom-left' - 定位到挂载图形节点bounds 的左下角\n   * 'bottom-right' - 定位到挂载图形节点bounds 的右下角\n   */\n  anchorType?: 'position' | 'boundsLeftTop' | BoundsAnchorType;\n}\n\nexport type IRoughStyle = {\n  fillStyle: 'hachure' | 'solid' | 'zigzag' | 'cross-hatch' | 'dots' | 'sunburst' | 'dashed' | 'zigzag-line';\n  roughness: number;\n  bowing: number;\n};\n\nexport type IGraphicStyle = ILayout &\n  IFillStyle &\n  IStrokeStyle &\n  IPickStyle & {\n    /**\n     * 强制设置的bounds宽度，主要用于使用html或者react展示图形的时候，设置一个固定的宽度\n     */\n    forceBoundsWidth: number | (() => number) | undefined;\n    /**\n     * 强制设置的bounds高度，主要用于使用html或者react展示图形的时候，设置一个固定的高度\n     */\n    forceBoundsHeight: number | (() => number) | undefined;\n    /**\n     * 透明度，会同时影响填充和描边\n     */\n    opacity: number;\n    /**\n     * 影子节点\n     */\n    shadowGraphic?: IGraphic | undefined;\n    /**\n     * 背景填充模式（与具体图元有关）\n     */\n    backgroundMode: BackgroundMode;\n    /**\n     * 是否正好填充，只在repeat-x或者repeat-y以及no-repeat的时候生效\n     */\n    backgroundFit: boolean;\n    /**\n     * 是否保持背景图的宽高比\n     */\n    backgroundKeepAspectRatio: boolean;\n    /**\n     * 背景图缩放，只在no-repeat的时候生效\n     */\n    backgroundScale: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetX: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetY: number;\n    /**\n     * 背景图锚定位置（类似 CSS background-position），仅在 no-repeat 的图片背景下生效。\n     */\n    backgroundPosition: BackgroundPosition;\n    /**\n     * 背景图是否裁切，是否调用clip避免绘制到图元外部\n     */\n    backgroundClip: boolean;\n    /**\n     * 背景圆角半径\n     */\n    backgroundCornerRadius: number | number[];\n    /**\n     * 背景透明度\n     */\n    backgroundOpacity: number;\n    /**\n     * 背景，支持颜色字符串、html image元素、html canvas元素\n     */\n    // 纹理是否自动做动画\n    autoAnimateTexture: boolean;\n    // 如果做动画的话，这里代表ratio\n    textureRatio: number;\n    textureOptions: any;\n    background:\n      | IBackgroundType\n      | {\n          /**\n           * 背景，支持颜色字符串、html image元素、html canvas元素\n           */\n          background: IBackgroundType;\n          /**\n           * 背景的x方向偏移量\n           */\n          dx?: number;\n          /**\n           * 背景的y方向偏移量\n           */\n          dy?: number;\n          /**\n           * 背景宽度\n           */\n          width?: number;\n          /**\n           * 背景高度\n           */\n          height?: number;\n          /**\n           * 背景的x坐标\n           */\n          x?: number;\n          /**\n           * 背景的y坐标\n           */\n          y?: number;\n        }\n      | null; // 背景，可以与fill同时存在\n    /**\n     * 纹理的类型\n     */\n    texture: TextureType | string;\n    /**\n     * 纹理的颜色\n     */\n    textureColor: string;\n    /**\n     * 纹理的大小\n     */\n    textureSize: number;\n    /**\n     * 纹理的间隙\n     */\n    texturePadding: number;\n\n    blur: number;\n    /**\n     * 设置图形对应的鼠标样式\n     */\n    cursor: Cursor | null;\n    // @deprecated 用处少废弃，后续考虑新设计API\n    filter: string;\n    renderStyle?: 'default' | 'rough' | any;\n    roughStyle?: IRoughStyle | null;\n    /**\n     * HTML的dom或者string\n     */\n    html:\n      | ({\n          /**\n           * dom字符串或者dom\n           */\n          dom: string | HTMLElement;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用react元素渲染内容\n     */\n    react:\n      | ({\n          /**\n           * react场景节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用vue组件渲染内容\n     */\n    vue:\n      | ({\n          /**\n           * vue 虚拟节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n  };\n\nexport type IPickStyle = {\n  /**\n   * 给stroke模式的pick额外加的buffer，用于外界控制stroke区域的pick范围\n   */\n  pickStrokeBuffer: number;\n};\n\nexport type IDebugType = {\n  _debug_bounds: boolean | ((c: any, g: any) => void);\n};\nexport type IGraphicAttribute = IDebugType &\n  IGraphicStyle &\n  ITransform & {\n    /**\n     * stroke百分比\n     */\n    strokeSeg: IStrokeSeg | null;\n    /**\n     * 包围盒的padding\n     */\n    boundsPadding: number | number[];\n    /**\n     * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n     */\n    pickMode: 'accurate' | 'imprecise' | 'custom';\n    boundsMode: 'accurate' | 'imprecise' | 'empty';\n    customPickShape: () => boolean | null;\n    /**\n     * 是否支持事件拾取，默认为 true。\n     * @default true\n     */\n    pickable: boolean;\n    /**\n     * 是否支持fill拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    fillPickable: boolean;\n    /**\n     * 是否支持stroke拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    strokePickable: boolean;\n    /**\n     * 对于 group 节点，是否支持其子元素的事件拾取，默认为 true。\n     * 如果 group `pickable` 关闭，`childrenPickable` 开启，那么 group 的子节点仍参与事件拾取\n     * @default true\n     */\n    childrenPickable: boolean;\n    /**\n     * 元素是否可见。\n     * @default true\n     */\n    visible: boolean;\n    /**\n     * 分组下的层级，层级越小越先绘制\n     */\n    zIndex: number;\n    layout: any;\n    /**\n     * 是否隐藏元素（只是绘制的时候不绘制）\n     */\n    renderable: boolean;\n    /**\n     * 是否在3d中控制方向\n     * false: 不控制方向\n     * true: 始终控制方向朝摄像机\n     */\n    keepDirIn3d?: boolean;\n    shadowRootIdx: number;\n    shadowPickMode?: 'full' | 'graphic';\n    /**\n     * 全局范围的层级，设置了这个属性的图形，会提取到交互层进行渲染\n     */\n    globalZIndex: number;\n    /**\n     * canvas 的合成方式\n     */\n    globalCompositeOperation: CanvasRenderingContext2D['globalCompositeOperation'] | '';\n    /**\n     * 完全支持滚动 | 完全不支持滚动 | 支持x方向的滚动 | 支持y方向的滚动\n     */\n    overflow: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n    /**\n     * 绘制fill和stroke的顺序，为0表示fill先绘制，1表示stroke先绘制\n     */\n    fillStrokeOrder: number;\n    /**\n     * @since 0.20.15\n     * 保持stroke的scale，默认为false，为true的话stroke显示的宽度会随着scale变化\n     */\n    keepStrokeScale: boolean;\n\n    /**\n     * @since 0.22.2\n     * 裁剪路径，用于裁剪图形，用于普通图元的裁剪\n     * 由于一般情况下普通图元只需要一个形状即可，所以这里不需要配置具体的位置和大小，强制中心在图元中心，宽高和图元Bounds宽高一致\n     * 不考虑其他复杂情况，否则配置项就非常多了，比如多路径，或者配置位置大小等，如果配置大小那还得用户自己去拿图元的大小，目前没有这种需求\n     */\n    clipConfig: {\n      shape: string;\n    } | null;\n  };\n\nexport interface IGraphicJson<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> {\n  attribute: Partial<T>;\n  baseAttributes?: Partial<T>;\n  _uid: number;\n  type: string;\n  name: string;\n  children: IGraphicJson<T>[];\n}\n\n/** the context of setAttribute */\nexport type ISetAttributeContext = {\n  /** type of setAttribute */\n  type?: number;\n  animationState?: {\n    step?: IStep;\n    isFirstFrameOfStep?: boolean;\n    /** ratio of animation */\n    ratio?: number;\n    /** is animation end? */\n    end?: boolean;\n  };\n  skipUpdateCallback?: boolean;\n};\n\nexport type IGraphicAnimateParams = {\n  slience?: boolean;\n  id?: number | string;\n  timeline?: ITimeline;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n};\n\nexport interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>>\n  extends INode,\n    IAnimateTarget {\n  type?: GraphicType;\n  numberType?: number;\n  stage?: IStage;\n  layer?: ILayer;\n  shadowRoot?: IShadowRoot;\n  glyphHost?: IGraphic<IGlyphGraphicAttribute>;\n  backgroundImg?: boolean;\n  attachedThemeGraphic?: IGraphic<any>;\n  /**\n   * 保存语法上下文\n   */\n  context?: Record<string, any>;\n  bindDom?: Map<\n    string | HTMLElement,\n    { container: HTMLElement | string; dom: HTMLElement | any; wrapGroup: HTMLDivElement | any; root?: any }\n  >;\n\n  valid: boolean;\n  parent: IGroup | null;\n  isContainer?: boolean;\n  // 是否是3d模式（是否应用3d视角）\n  in3dMode?: boolean;\n\n  // 不考虑transform的宽高，特殊情况下会使用到\n  widthWithoutTransform?: number;\n  heightWithoutTransform?: number;\n\n  // 上次更新的stamp\n  stamp?: number;\n  animationBackUps?: {\n    from: Record<string, any>;\n    to: Record<string, any>;\n  };\n\n  attribute: Partial<T>;\n\n  /** 用于实现morph动画场景，转换成bezier曲线渲染 */\n  pathProxy?: ICustomPath2D | ((attrs: T) => ICustomPath2D);\n  incremental?: number;\n  incrementalAt?: number;\n\n  /** 记录state对应的图形属性 */\n  states?: StateDefinitionsInput<T>;\n  effectiveStates?: string[];\n  resolvedStatePatch?: Partial<T>;\n  normalAttrs?: Partial<T>;\n  baseAttributes?: Partial<T>;\n  boundSharedStateScope?: SharedStateScope<T>;\n  boundSharedStateRevision?: number;\n  sharedStateDirty?: boolean;\n  registeredActiveScopes?: Set<SharedStateScope<T>>;\n  stateMergeMode?: StateMergeMode;\n  findFace?: () => IFace3d;\n  toggleState: (stateName: string, hasAnimation?: boolean) => void;\n  removeState: (stateName: string | string[], hasAnimation?: boolean) => void;\n  clearStates: (hasAnimation?: boolean) => void;\n  setStates: {\n    (states?: string[] | null, hasAnimation?: boolean): void;\n    (states?: string[] | null, options?: ISetStatesOptions): void;\n  };\n  useStates: (states: string[], hasAnimation?: boolean) => void;\n  addState: (stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean) => void;\n  invalidateResolver: () => void;\n  hasState: (stateName?: string) => boolean;\n  getState: (stateName: string) => Partial<T> | StateDefinition<T>;\n  onBeforeAttributeUpdate?: (\n    val: any,\n    attributes: Partial<T>,\n    key: null | string | string[],\n    context?: ISetAttributeContext\n  ) => T | undefined;\n  applyStateAttrs: (\n    attrs: Partial<T>,\n    stateNames: string[],\n    hasAnimation?: boolean,\n    isClear?: boolean,\n    animateConfig?: IAnimateConfig\n  ) => void;\n  updateNormalAttrs: (stateAttrs: Partial<T>) => void;\n\n  // get\n  readonly AABBBounds: IAABBBounds; // 用于获取当前节点的AABB包围盒\n  readonly OBBBounds: IOBBBounds; // 获取OBB包围盒，旋转防重叠需要用\n  readonly globalAABBBounds: IAABBBounds; // 全局AABB包围盒\n  readonly transMatrix: IMatrix; // 变换矩阵，动态计算\n  readonly globalTransMatrix: IMatrix; // 变换矩阵，动态计算\n\n  getOffsetXY: (attr?: ITransform) => IPoint;\n\n  // function\n  containsPoint: (x: number, y: number, mode?: IContainPointMode, picker?: IPickerService) => boolean;\n\n  setMode: (mode: '3d' | '2d') => void;\n  isValid: () => boolean;\n\n  getClipPath: () => ISymbolClass | null;\n\n  // TODO: transform API\n  // 基于当前transform的变换，普通用户尽量别用，拿捏不住的~\n  translate: (x: number, y: number) => this;\n  translateTo: (x: number, y: number) => this;\n  scale: (scaleX: number, scaleY: number, scaleCenter?: IPointLike) => this;\n  scaleTo: (scaleX: number, scaleY: number) => this;\n  rotate: (angle: number, rotateCenter?: IPointLike) => this;\n  rotateTo: (angle: number) => this;\n  skewTo: (b: number, c: number) => this;\n  addUpdateBoundTag: () => void;\n  addUpdatePaintTag: () => void;\n  addUpdateShapeAndBoundsTag: () => void;\n  addUpdateLayoutTag: () => void;\n\n  update: (d?: { bounds: boolean; trans: boolean }) => void;\n\n  // animate\n  animate?: (params?: IGraphicAnimateParams) => IAnimate;\n\n  // 语法糖，可有可无，有的为了首屏性能考虑做成get方法，有的由外界直接托管，内部不赋值\n  name?: string;\n\n  // 供render处理shape缓存tag\n  shouldUpdateShape: () => boolean;\n  clearUpdateShapeTag: () => void;\n\n  // // 供render缓存shape\n  // cacheShape?: ICustomPath2D;\n  // // 线段使用的path2D\n  // cacheLine?: ISegPath2D | ISegPath2D[];\n  // // 面积图使用的path2D\n  // cacheArea?: IAreaCacheItem | IAreaCacheItem[];\n\n  setAttributes: (params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  initAttributes: (params: Partial<T>) => void;\n\n  setAttribute: (key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  setStage: (stage?: IStage, layer?: ILayer) => void;\n  detachStageForRelease: () => void;\n  onSetStage: (cb: (g: IGraphic, stage: IStage) => void) => void;\n\n  shouldUpdateAABBBounds: () => boolean;\n  shouldSelfChangeUpdateAABBBounds: () => boolean;\n  shouldUpdateGlobalMatrix: () => boolean;\n\n  addUpdatePositionTag: () => void;\n  addUpdateGlobalPositionTag: () => void;\n\n  attachShadow: () => IShadowRoot;\n  detachShadow: () => void;\n\n  toJson: () => IGraphicJson;\n\n  /** 创建pathProxy */\n  createPathProxy: (path?: string) => void;\n  /** 将图形转换成CustomPath2D */\n  toCustomPath?: () => ICustomPath2D;\n\n  resources?: Map<\n    string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig,\n    { state: 'init' | 'loading' | 'success' | 'fail'; data?: HTMLImageElement | HTMLCanvasElement }\n  >;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n  imageLoadFail: (url: string) => void;\n\n  clone: () => IGraphic;\n  stopAnimates: (stopChildren?: boolean) => void;\n  getNoWorkAnimateAttr: () => Record<string, number>;\n  getGraphicTheme: () => T;\n\n  getAttributes: (final?: boolean) => Partial<T>;\n\n  pauseAnimation?: (deep?: boolean) => void;\n  resumeAnimation?: (deep?: boolean) => void;\n  stopAnimation?: (deep?: boolean) => void;\n  reApplyAnimationState?: (state: string, deep?: boolean) => this;\n}\n\nexport interface IRoot extends IGraphic {\n  pick: (x: number, y: number) => IGraphic;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimateConfig = {\n  duration?: number;\n  easing?: EasingType;\n  noAnimateAttrs?: string[] | Record<string, boolean | number>;\n};\n\nexport type ISetStatesOptions = {\n  animate?: boolean;\n  animateSameStatePatchChange?: boolean;\n};\n\nexport type GraphicReleaseStatus = 'released' | 'willRelease';\n"]}