@visactor/vrender-core 1.1.4-alpha.0 → 1.1.4-alpha.2

package/cjs/graphic/graphic.d.ts

@@ -57,7 +57,7 @@ export declare const NOWORK_ANIMATE_ATTR: {
     cursor: number;
     html: number;
 };
-export declare abstract class Graphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> extends Node implements IGraphic<T>, IAnimateTarget {
+declare abstract class GraphicImpl<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> extends Node implements IGraphic<T>, IAnimateTarget {
     static mixin(source: Dict<any>): void;
     _events?: any;
     context?: Record<string, any>;
@@ -142,12 +142,14 @@ export declare abstract class Graphic<T extends Partial<IGraphicAttribute> = Par
     getAttributes(): T;
     protected getStateTransitionOrchestrator(): StateTransitionOrchestrator<T>;
     protected resolveBoundSharedStateScope(): SharedStateScope<T> | SharedStateScope<Record<string, any>> | undefined;
-    protected syncSharedStateScopeBindingFromTree(markDirty?: boolean): boolean;
-    protected syncSharedStateScopeBindingOnTreeChange(markDirty?: boolean): boolean;
+    protected syncSharedStateScopeBinding(nextScope: SharedStateScope<T> | SharedStateScope<Record<string, any>> | undefined, markDirty?: boolean): boolean;
+    protected syncSharedStateScopeBindingFromTree(markDirty?: boolean, inheritedSharedStateScope?: SharedStateScope<Record<string, any>> | null): boolean;
+    protected syncSharedStateScopeBindingOnTreeChange(markDirty?: boolean, inheritedSharedStateScope?: SharedStateScope<Record<string, any>> | null): boolean;
     protected syncSharedStateActiveRegistrations(): void;
+    protected isSharedStateScopeChainRegistered(previousScopes: Set<SharedStateScope<T>>): boolean;
     protected clearSharedStateActiveRegistrations(): void;
     protected markSharedStateDirty(): void;
-    onParentSharedStateTreeChanged(stage?: IStage, layer?: ILayer): void;
+    onParentSharedStateTreeChanged(stage?: IStage, layer?: ILayer, inheritedSharedStateScope?: SharedStateScope<Record<string, any>> | null): void;
     refreshSharedStateBeforeRender(): void;
     protected getLocalStatesVersion(): number;
     protected resolveEffectiveCompiledDefinitions(): {
@@ -237,6 +239,7 @@ export declare abstract class Graphic<T extends Partial<IGraphicAttribute> = Par
     }): void;
     hasState(stateName?: string): boolean;
     getState(stateName: string): Partial<T> | StateDefinition<T> | undefined;
+    setStateDefinitionsWithCompiled(definitions: StateDefinitionsInput<T>, compiledDefinitions: Map<string, CompiledStateDefinition<T>>): void;
     protected getStateResolveBaseAttrs(): Partial<T>;
     protected syncStateResolveContext(stateResolveBaseAttrs?: Partial<T>): Partial<T>;
     protected ensureStateEngine(stateResolveBaseAttrs?: Partial<T>): StateEngine<T>;
@@ -292,7 +295,7 @@ export declare abstract class Graphic<T extends Partial<IGraphicAttribute> = Par
     }, resetScale?: boolean): [number, number];
     protected doUpdateLocalMatrix(): void;
     protected doUpdateGlobalMatrix(): void;
-    setStage(stage?: IStage, layer?: ILayer): void;
+    setStage(stage?: IStage, layer?: ILayer, inheritedSharedStateScope?: SharedStateScope<Record<string, any>> | null): void;
     detachStageForRelease(): void;
     setStageToShadowRoot(stage?: IStage, layer?: ILayer): void;
     onAddStep(step: IStep): void;
@@ -320,4 +323,11 @@ export declare abstract class Graphic<T extends Partial<IGraphicAttribute> = Par
     abstract clone(): IGraphic<any>;
     toCustomPath(): ICustomPath2D;
 }
+export type Graphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> = GraphicImpl<T>;
+export declare const GRAPHIC_CLASS_SYMBOL: unique symbol;
+export interface IGraphicClassState {
+    Graphic: typeof GraphicImpl;
+}
+export declare function getGraphicClassState(): IGraphicClassState;
+export declare const Graphic: typeof GraphicImpl;
 export {};

package/cjs/graphic/graphic.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.Graphic = exports.NOWORK_ANIMATE_ATTR = exports.GRAPHIC_UPDATE_TAG_KEY = exports.PURE_STYLE_KEY = void 0;
+}), exports.Graphic = exports.getGraphicClassState = exports.GRAPHIC_CLASS_SYMBOL = exports.NOWORK_ANIMATE_ATTR = exports.GRAPHIC_UPDATE_TAG_KEY = exports.PURE_STYLE_KEY = void 0;
 
 const vutils_1 = require("@visactor/vutils"), node_tree_1 = require("./node-tree"), event_1 = require("../event"), config_1 = require("./config"), application_1 = require("../application"), custom_path2d_1 = require("../common/custom-path2d"), loader_1 = require("../resource-loader/loader"), enums_1 = require("../common/enums"), bounds_context_1 = require("../common/bounds-context"), render_command_list_1 = require("../common/render-command-list"), utils_1 = require("../common/utils"), builtin_symbol_1 = require("./builtin-symbol"), xml_1 = require("../common/xml"), constants_1 = require("./constants"), config_2 = require("../animate/config"), canvas_1 = require("../canvas"), state_definition_compiler_1 = require("./state/state-definition-compiler"), state_engine_1 = require("./state/state-engine"), attribute_update_classifier_1 = require("./state/attribute-update-classifier"), state_transition_orchestrator_1 = require("./state/state-transition-orchestrator"), shared_state_scope_1 = require("./state/shared-state-scope"), shared_state_refresh_1 = require("./state/shared-state-refresh"), _tempBounds = new vutils_1.AABBBounds, loadShadowRootFactory = () => require("./shadow-root"), tempMatrix = new vutils_1.Matrix;
 
@@ -78,12 +78,12 @@ exports.NOWORK_ANIMATE_ATTR = {
     html: 1
 };
 
-class Graphic extends node_tree_1.Node {
+class GraphicImpl extends node_tree_1.Node {
     static mixin(source) {
         const keys = Object.keys(source);
         for (let i = 0; i < keys.length; ++i) {
             const propertyName = keys[i];
-            Object.defineProperty(Graphic.prototype, propertyName, Object.getOwnPropertyDescriptor(source, propertyName));
+            Object.defineProperty(this.prototype, propertyName, Object.getOwnPropertyDescriptor(source, propertyName));
         }
     }
     get AABBBounds() {
@@ -144,9 +144,8 @@ class Graphic extends node_tree_1.Node {
         }
         return null === (_a = this.stage) || void 0 === _a ? void 0 : _a.rootSharedStateScope;
     }
-    syncSharedStateScopeBindingFromTree(markDirty = !0) {
+    syncSharedStateScopeBinding(nextScope, markDirty = !0) {
         var _a;
-        const nextScope = this.resolveBoundSharedStateScope();
         return this.boundSharedStateScope === nextScope ? (this.syncSharedStateActiveRegistrations(), 
         !1) : (this.boundSharedStateScope = nextScope, this.boundSharedStateRevision = void 0, 
         this.compiledStateDefinitions = void 0, this.compiledStateDefinitionsCacheKey = void 0, 
@@ -154,9 +153,13 @@ class Graphic extends node_tree_1.Node {
         markDirty && (null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) && this.markSharedStateDirty(), 
         !0);
     }
-    syncSharedStateScopeBindingOnTreeChange(markDirty = !0) {
+    syncSharedStateScopeBindingFromTree(markDirty = !0, inheritedSharedStateScope) {
+        const nextScope = void 0 === inheritedSharedStateScope ? this.resolveBoundSharedStateScope() : null != inheritedSharedStateScope ? inheritedSharedStateScope : void 0;
+        return this.syncSharedStateScopeBinding(nextScope, markDirty);
+    }
+    syncSharedStateScopeBindingOnTreeChange(markDirty = !0, inheritedSharedStateScope) {
         var _a, _b;
-        return !!((null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || this.boundSharedStateScope || (null === (_b = this.registeredActiveScopes) || void 0 === _b ? void 0 : _b.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingFromTree(markDirty);
+        return !!((null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || this.boundSharedStateScope || (null === (_b = this.registeredActiveScopes) || void 0 === _b ? void 0 : _b.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingFromTree(markDirty, inheritedSharedStateScope);
     }
     syncSharedStateActiveRegistrations() {
         var _a;
@@ -164,6 +167,7 @@ class Graphic extends node_tree_1.Node {
         if (!(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || !this.boundSharedStateScope) return (null == previousScopes ? void 0 : previousScopes.size) && (previousScopes.forEach((scope => {
             scope.subtreeActiveDescendants.delete(this);
         })), previousScopes.clear()), void (this.registeredActiveScopes = void 0);
+        if ((null == previousScopes ? void 0 : previousScopes.size) && this.isSharedStateScopeChainRegistered(previousScopes)) return;
         const nextScopes = new Set((0, shared_state_scope_1.collectSharedStateScopeChain)(this.boundSharedStateScope));
         null == previousScopes || previousScopes.forEach((scope => {
             nextScopes.has(scope) || scope.subtreeActiveDescendants.delete(this);
@@ -171,6 +175,14 @@ class Graphic extends node_tree_1.Node {
             scope.subtreeActiveDescendants.add(this);
         })), this.registeredActiveScopes = nextScopes;
     }
+    isSharedStateScopeChainRegistered(previousScopes) {
+        let scope = this.boundSharedStateScope, scopeCount = 0;
+        for (;scope; ) {
+            if (!previousScopes.has(scope)) return !1;
+            scopeCount += 1, scope = scope.parentScope;
+        }
+        return scopeCount === previousScopes.size;
+    }
     clearSharedStateActiveRegistrations() {
         const previousScopes = this.registeredActiveScopes;
         previousScopes && (previousScopes.forEach((scope => {
@@ -181,8 +193,8 @@ class Graphic extends node_tree_1.Node {
         this.sharedStateDirty = !0, (0, shared_state_refresh_1.enqueueGraphicSharedStateRefresh)(this.stage, this), 
         (0, shared_state_refresh_1.scheduleStageSharedStateRefresh)(this.stage);
     }
-    onParentSharedStateTreeChanged(stage, layer) {
-        this.stage === stage && this.layer === layer ? this.syncSharedStateScopeBindingOnTreeChange() : this.setStage(stage, layer);
+    onParentSharedStateTreeChanged(stage, layer, inheritedSharedStateScope) {
+        this.stage === stage && this.layer === layer ? this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope) : this.setStage(stage, layer, inheritedSharedStateScope);
     }
     refreshSharedStateBeforeRender() {
         var _a;
@@ -522,7 +534,7 @@ class Graphic extends node_tree_1.Node {
         if (!symbolType) return null;
         let path = builtin_symbol_1.builtinSymbolsMap[symbolType];
         if (path) return path;
-        if (path = Graphic.userSymbolMap[symbolType], path) return path;
+        if (path = exports.Graphic.userSymbolMap[symbolType], path) return path;
         symbolType = builtin_symbol_1.builtInSymbolStrMap[symbolType] || symbolType;
         if (!0 === (0, xml_1.isSvg)(symbolType)) {
             const parser = new xml_1.XMLParser, {svg: svg} = parser.parse(symbolType);
@@ -543,13 +555,13 @@ class Graphic extends node_tree_1.Node {
             vutils_1.max)(width, height);
             cacheList.forEach((cache => cache.path.transform(0, 0, scale, scale)));
             const _parsedPath = new builtin_symbol_1.CustomSymbolClass(symbolType, cacheList, !0);
-            return Graphic.userSymbolMap[symbolType] = _parsedPath, _parsedPath;
+            return exports.Graphic.userSymbolMap[symbolType] = _parsedPath, _parsedPath;
         }
         const cache = (new custom_path2d_1.CustomPath2D).fromString(symbolType), width = cache.bounds.width(), height = cache.bounds.height(), scale = 1 / (0, 
         vutils_1.max)(width, height);
         cache.transform(0, 0, scale, scale);
         const _parsedPath = new builtin_symbol_1.CustomSymbolClass(symbolType, cache);
-        return Graphic.userSymbolMap[symbolType] = _parsedPath, _parsedPath;
+        return exports.Graphic.userSymbolMap[symbolType] = _parsedPath, _parsedPath;
     }
     doUpdateAABBBounds(full, graphicTheme) {
         this.updateAABBBoundsStamp++;
@@ -832,6 +844,12 @@ class Graphic extends node_tree_1.Node {
         var _a;
         return null === (_a = this.states) || void 0 === _a ? void 0 : _a[stateName];
     }
+    setStateDefinitionsWithCompiled(definitions, compiledDefinitions) {
+        var _a;
+        this.states = definitions, this.localStateDefinitionsSource !== definitions && (this.localStateDefinitionsSource = definitions, 
+        this.localStateDefinitionsVersion = (null !== (_a = this.localStateDefinitionsVersion) && void 0 !== _a ? _a : 0) + 1), 
+        this.compiledStateDefinitions = compiledDefinitions, this.compiledStateDefinitionsCacheKey = `local:${this.localStateDefinitionsVersion}`;
+    }
     getStateResolveBaseAttrs() {
         var _a;
         return null !== (_a = this.baseAttributes) && void 0 !== _a ? _a : this.attribute;
@@ -1020,8 +1038,10 @@ class Graphic extends node_tree_1.Node {
         transition.changed && this.useStates(transition.states, hasAnimation);
     }
     addState(stateName, keepCurrentStates, hasAnimation) {
-        const transition = this.resolveAddStateTransition(stateName, keepCurrentStates);
-        transition.changed && this.useStates(transition.states, hasAnimation);
+        const currentStates = this.currentStates;
+        if ((null == currentStates ? void 0 : currentStates.includes(stateName)) && (keepCurrentStates || 1 === currentStates.length)) return;
+        const nextStates = keepCurrentStates && (null == currentStates ? void 0 : currentStates.length) ? currentStates.concat([ stateName ]) : [ stateName ];
+        this.useStates(nextStates, hasAnimation);
     }
     setStates(states, options) {
         var _a, _b, _c;
@@ -1157,11 +1177,11 @@ class Graphic extends node_tree_1.Node {
             this._globalTransMatrix.translate(scrollX, scrollY);
         }
     }
-    setStage(stage, layer) {
+    setStage(stage, layer, inheritedSharedStateScope) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const graphicService = null !== (_c = null !== (_a = null == stage ? void 0 : stage.graphicService) && void 0 !== _a ? _a : null === (_b = this.stage) || void 0 === _b ? void 0 : _b.graphicService) && void 0 !== _c ? _c : application_1.application.graphicService, previousStage = this.stage;
         if (this.stage !== stage || this.layer !== layer) {
-            if (this.stage = stage, this.layer = layer, ((null === (_d = this.currentStates) || void 0 === _d ? void 0 : _d.length) || this.boundSharedStateScope || (null === (_e = this.registeredActiveScopes) || void 0 === _e ? void 0 : _e.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0), 
+            if (this.stage = stage, this.layer = layer, ((null === (_d = this.currentStates) || void 0 === _d ? void 0 : _d.length) || this.boundSharedStateScope || (null === (_e = this.registeredActiveScopes) || void 0 === _e ? void 0 : _e.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope), 
             this.setStageToShadowRoot(stage, layer), this.mayHaveTrackedAnimates() && this.hasAnyTrackedAnimate()) {
                 const previousTimeline = null === (_f = null == previousStage ? void 0 : previousStage.getTimeline) || void 0 === _f ? void 0 : _f.call(previousStage), nextTimeline = null === (_g = null == stage ? void 0 : stage.getTimeline) || void 0 === _g ? void 0 : _g.call(stage), detachedStageAnimates = [];
                 this.visitTrackedAnimates((a => {
@@ -1179,7 +1199,7 @@ class Graphic extends node_tree_1.Node {
             }
             return this._onSetStage && this._onSetStage(this, stage, layer), void (null === (_h = null == graphicService ? void 0 : graphicService.onSetStage) || void 0 === _h || _h.call(graphicService, this, stage));
         }
-        ((null === (_j = this.currentStates) || void 0 === _j ? void 0 : _j.length) || this.boundSharedStateScope || (null === (_k = this.registeredActiveScopes) || void 0 === _k ? void 0 : _k.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0);
+        ((null === (_j = this.currentStates) || void 0 === _j ? void 0 : _j.length) || this.boundSharedStateScope || (null === (_k = this.registeredActiveScopes) || void 0 === _k ? void 0 : _k.size) || this.sharedStateDirty) && this.syncSharedStateScopeBindingOnTreeChange(!0, inheritedSharedStateScope);
     }
     detachStageForRelease() {
         var _a, _b, _c;
@@ -1325,6 +1345,19 @@ class Graphic extends node_tree_1.Node {
     }
 }
 
+function createGraphicClassState() {
+    return {
+        Graphic: GraphicImpl
+    };
+}
+
+function getGraphicClassState() {
+    var _a;
+    const globalScope = globalThis;
+    return null !== (_a = globalScope[exports.GRAPHIC_CLASS_SYMBOL]) && void 0 !== _a || (globalScope[exports.GRAPHIC_CLASS_SYMBOL] = createGraphicClassState()), 
+    globalScope[exports.GRAPHIC_CLASS_SYMBOL];
+}
+
 function backgroundNotImage(image) {
     return "string" == typeof image ? !(image.startsWith("<svg") || (0, vutils_1.isValidUrl)(image) || image.includes("/") || (0, 
     vutils_1.isBase64)(image)) : !(!image.fill && !image.stroke) || !("string" != typeof image.gradient || !Array.isArray(image.stops));
@@ -1336,5 +1369,7 @@ function isExternalTexture(texture) {
     vutils_1.isObject)(texture));
 }
 
-exports.Graphic = Graphic, Graphic.userSymbolMap = {}, Graphic.mixin(event_1.EventTarget);
+GraphicImpl.userSymbolMap = {}, exports.GRAPHIC_CLASS_SYMBOL = Symbol.for("@visactor/vrender-core/graphic-class"), 
+exports.getGraphicClassState = getGraphicClassState, exports.Graphic = getGraphicClassState().Graphic, 
+exports.Graphic.mixin(event_1.EventTarget);
 //# sourceMappingURL=graphic.js.map