@visactor/vrender-core 1.1.0-alpha.2 → 1.1.0-alpha.20

package/es/canvas/constants.js

@@ -1,3 +1,4 @@
 export const CanvasFactory = Symbol.for("CanvasFactory");
 
-export const Context2dFactory = Symbol.for("Context2dFactory");
+export const Context2dFactory = Symbol.for("Context2dFactory");
+//# sourceMappingURL=constants.js.map

package/es/color-string/index.js

@@ -2,5 +2,4 @@ export * from "./interpolate";
 
 export * from "./store";
 
-export * from "./colorName";
-//# sourceMappingURL=index.js.map
+export * from "./colorName";

package/es/common/diff.js

@@ -8,5 +8,4 @@ export function diff(oldAttrs, newAttrs, getAttr) {
         void 0 !== value && (diffObj[key] = value);
     }
     return diffObj;
-}
-//# sourceMappingURL=diff.js.map
+}

package/es/common/event-transformer.js

@@ -113,4 +113,5 @@ export function mapToCanvasPointForCanvas(nativeEvent) {
         x: nativeEvent._canvasX || 0,
         y: nativeEvent._canvasY || 0
     };
-}
+}
+//# sourceMappingURL=event-transformer.js.map

package/es/common/rect-utils.js

@@ -17,4 +17,4 @@ export const normalizeRectAttributes = attribute => {
         height: height
     };
 };
-//# sourceMappingURL=rect-utils.js.map
+//# sourceMappingURL=rect-utils.js.map

package/es/common/render-area.js

@@ -61,4 +61,4 @@ function drawAreaBlock(path, topList, bottomList, params) {
     }
     path.closePath();
 }
-//# sourceMappingURL=render-area.js.map
+//# sourceMappingURL=render-area.js.map

package/es/common/render-command-list.js

@@ -6,4 +6,4 @@ export function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy
         commandFuncs[command[0]](command, context, x, y, sx, sy, z);
     }
 }
-//# sourceMappingURL=render-command-list.js.map
+//# sourceMappingURL=render-command-list.js.map

package/es/common/render-curve.js

@@ -93,4 +93,4 @@ export function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
         path.closePath();
     }));
 }
-//# sourceMappingURL=render-curve.js.map
+//# sourceMappingURL=render-curve.js.map

package/es/common/render-utils.js

@@ -11,4 +11,4 @@ export function drawSegItem(ctx, curve, endPercent, params) {
         ctx.lineTo(offsetX + p.x, offsetY + p.y, offsetZ);
     }
 }
-//# sourceMappingURL=render-utils.js.map
+//# sourceMappingURL=render-utils.js.map

package/es/common/seg-context.js

@@ -90,5 +90,4 @@ export class ReflectSegContext extends SegContext {
     clear() {
         return super.clear();
     }
-}
-//# sourceMappingURL=seg-context.js.map
+}

package/es/common/simplify.js

@@ -30,4 +30,4 @@ export function flatten_simplify(points, tolerance, highestQuality) {
     if (points.length <= 10) return points;
     return points = highestQuality ? points : simplifyRadialDist(points, void 0 !== tolerance ? tolerance * tolerance : 1);
 }
-//# sourceMappingURL=simplify.js.map
+//# sourceMappingURL=simplify.js.map

package/es/common/sort.js

@@ -94,4 +94,4 @@ export function findNextGraphic(graphic, id, defaultZIndex, reverse = !1) {
     !1)), reverse);
     return result;
 }
-//# sourceMappingURL=sort.js.map
+//# sourceMappingURL=sort.js.map

package/es/common/split-path.js

@@ -248,4 +248,4 @@ export const splitPath = (path, count) => {
     }
     return res;
 };
-//# sourceMappingURL=split-path.js.map
+//# sourceMappingURL=split-path.js.map

package/es/common/store.js

@@ -1,2 +1,2 @@
 class StageStore {}
-//# sourceMappingURL=store.js.map
+//# sourceMappingURL=store.js.map

package/es/common/text.js

@@ -24,4 +24,4 @@ export function textAttributesToStyle(attrs) {
     attrs.underline ? style["text-decoration"] = "underline" : attrs.lineThrough && (style["text-decoration"] = "line-through"), 
     attrs.fill && isString(attrs.fill) && (style.color = attrs.fill), style;
 }
-//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.js.map

package/es/common/utils.js

@@ -148,4 +148,4 @@ export const calculateLineHeight = (lineHeight, fontSize) => {
     const _lh = _calculateLineHeight(lineHeight, fontSize);
     return isNaN(_lh) ? _lh : Math.max(fontSize, _lh);
 };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/es/core/camera.js

@@ -66,4 +66,4 @@ export class OrthoCamera {
 export const registerOrthoCamera = () => {
     Factory.registerPlugin("OrthoCamera", OrthoCamera);
 };
-//# sourceMappingURL=camera.js.map
+//# sourceMappingURL=camera.js.map

package/es/core/constants.js

@@ -9,4 +9,4 @@ export const StaticLayerHandlerContribution = Symbol.for("StaticLayerHandlerCont
 export const DynamicLayerHandlerContribution = Symbol.for("DynamicLayerHandlerContribution");
 
 export const VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/es/core/core-modules.js

@@ -21,4 +21,4 @@ export function bindCoreModules({bind: bind}) {
 }
 
 export default bindCoreModules;
-//# sourceMappingURL=core-modules.js.map
+//# sourceMappingURL=core-modules.js.map

package/es/core/global-module.js

@@ -1 +1,3 @@
+
+
 //# sourceMappingURL=global-module.js.map

package/es/core/global.js

@@ -222,4 +222,4 @@ export class DefaultGlobal extends EventListenerManager {
         return this._env || this.setEnv("browser"), this.envContribution.copyToClipBoard(text);
     }
 }
-//# sourceMappingURL=global.js.map
+//# sourceMappingURL=global.js.map

package/es/core/graphic-utils.js

@@ -162,4 +162,4 @@ export class DefaultTransformUtil {
         return this;
     }
 }
-//# sourceMappingURL=graphic-utils.js.map
+//# sourceMappingURL=graphic-utils.js.map

package/es/core/index.js

@@ -15,4 +15,4 @@ export * from "./layer-service";
 export * from "./constants";
 
 export * from "../interface/core";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/core/layer-service.js

@@ -75,4 +75,5 @@ export class DefaultLayerService {
     }
 }
 
-DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0;
+DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0;
+//# sourceMappingURL=layer-service.js.map

package/es/core/layer.js

@@ -112,4 +112,4 @@ export class Layer extends Group {
         }, params)), this.afterDrawCbs.forEach((c => c(this)));
     }
 }
-//# sourceMappingURL=layer.js.map
+//# sourceMappingURL=layer.js.map

package/es/core/light.js

@@ -23,4 +23,4 @@ export class DirectionalLight {
 export const registerDirectionalLight = () => {
     Factory.registerPlugin("DirectionalLight", DirectionalLight);
 };
-//# sourceMappingURL=light.js.map
+//# sourceMappingURL=light.js.map

package/es/core/stage.d.ts

@@ -4,6 +4,7 @@ import type { Layer } from './layer';
 import { Group } from '../graphic/group';
 import { type IStageFactoryDeps } from '../factory';
 import { type SharedStateScope } from '../graphic/state/shared-state-scope';
+import type { StateDefinitionsInput } from '../graphic/state/state-definition';
 import { StateBatchScheduler } from '../graphic/state/state-batch-scheduler';
 import { type IDeferredStateOwnerConfig, type IStatePerfConfig, type IStatePerfSnapshot } from '../graphic/state/state-perf-monitor';
 type IStageState = 'rendering' | 'normal';
@@ -78,7 +79,7 @@ export declare class Stage extends Group implements IStage {
     protected timeline: ITimeline;
     rootSharedStateScope?: SharedStateScope<Record<string, any>>;
     protected _pendingSharedStateRefreshGraphics?: Set<IGraphic>;
-    protected _stateBatchScheduler: StateBatchScheduler;
+    protected _stateBatchScheduler?: StateBatchScheduler;
     params: Partial<IStageParams>;
     protected tickedBeforeRender: boolean;
     readonly rafId: number;
@@ -155,6 +156,8 @@ export declare class Stage extends Group implements IStage {
     render(layers?: ILayer[], params?: Partial<IDrawContext>): void;
     protected combineLayersToWindow(): void;
     renderNextFrame(layers?: ILayer[], force?: boolean): void;
+    ensureRootSharedStateScope(themeStateDefinitions?: StateDefinitionsInput<Record<string, any>>): SharedStateScope<Record<string, any>>;
+    protected getStateBatchScheduler(): StateBatchScheduler;
     scheduleStateBatch(graphics: IGraphic[], targetStates: string[]): void;
     getStatePerfSnapshot(): IStatePerfSnapshot;
     resetStatePerfSnapshot(): void;

package/es/core/stage.js

@@ -122,7 +122,7 @@ export class Stage extends Group {
         ticker.addTimeline(this.timeline), this._ticker = ticker, this._ticker.on("tick", this.afterTickCb);
     }
     constructor(params = {}, deps = {}) {
-        var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+        var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
         super({}), this.tickedBeforeRender = !0, this._onVisibleChange = visible => {
             if (!(this._skipRender < 0)) if (visible) {
                 if (this.dirtyBounds) {
@@ -132,7 +132,9 @@ export class Stage extends Group {
                 this._skipRender > 1 && this.renderNextFrame(), this._skipRender = 0;
             } else this._skipRender = 1;
         }, this.beforeRender = stage => {
-            flushStageSharedStateRefresh(this), this._beforeRenderList.forEach((cb => cb(stage)));
+            const pendingSharedRefresh = this._pendingSharedStateRefreshGraphics;
+            (null == pendingSharedRefresh ? void 0 : pendingSharedRefresh.size) && flushStageSharedStateRefresh(this), 
+            this._beforeRenderList.forEach((cb => cb(stage)));
         }, this.afterClearScreen = drawParams => {
             this._afterClearScreen && this._afterClearScreen(drawParams);
         }, this.afterClearRect = drawParams => {
@@ -168,13 +170,13 @@ export class Stage extends Group {
         }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_w = params.background) && void 0 !== _w ? _w : DefaultConfig.BACKGROUND, 
         this.stage = this, this.appendChild(this.layerService.createLayer(this, {
             main: !0
-        })), this.nextFrameRenderLayerSet = new Set, this.willNextFrameRender = !1, ensureStageStatePerfMonitor(this), 
-        this._stateBatchScheduler = new StateBatchScheduler(this, ensureStageStatePerfMonitor(this)), 
-        this.rootSharedStateScope = createRootSharedStateScope(this, null === (_x = this.theme) || void 0 === _x ? void 0 : _x.stateDefinitions), 
-        this.theme.onStateDefinitionsChange = () => {
+        })), this.nextFrameRenderLayerSet = new Set, this.willNextFrameRender = !1, this.theme.onStateDefinitionsChange = () => {
             var _a;
-            this.rootSharedStateScope && (setRootSharedStateScopeThemeDefinitions(this.rootSharedStateScope, null === (_a = this.theme) || void 0 === _a ? void 0 : _a.stateDefinitions), 
-            markScopeActiveDescendantsDirty(this.rootSharedStateScope, this));
+            const definitions = null === (_a = this.theme) || void 0 === _a ? void 0 : _a.stateDefinitions;
+            if (!definitions || !Object.keys(definitions).length) return void (this.rootSharedStateScope && (setRootSharedStateScopeThemeDefinitions(this.rootSharedStateScope, definitions), 
+            markScopeActiveDescendantsDirty(this.rootSharedStateScope, this)));
+            const rootScope = this.ensureRootSharedStateScope(definitions);
+            setRootSharedStateScopeThemeDefinitions(rootScope, definitions), markScopeActiveDescendantsDirty(rootScope, this);
         }, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), 
         params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), 
         params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), 
@@ -187,7 +189,7 @@ export class Stage extends Group {
             tickRenderMode: "effect"
         }), this.optmize(params.optimize), params.background && isString(this._background) && this._background.includes("/") && this.setAttributes({
             background: this._background
-        }), this.initAnimate(params), this.rafId = null !== (_y = params.rafId) && void 0 !== _y ? _y : Math.floor(6 * Math.random());
+        }), this.initAnimate(params), this.rafId = null !== (_x = params.rafId) && void 0 !== _x ? _x : Math.floor(6 * Math.random());
     }
     initAnimate(params) {
         var _a;
@@ -432,8 +434,17 @@ export class Stage extends Group {
             this._doRenderInThisFrame(), this.willNextFrameRender = !1;
         })));
     }
+    ensureRootSharedStateScope(themeStateDefinitions) {
+        return this.rootSharedStateScope ? (this.rootSharedStateScope.ownerStage = this, 
+        this.rootSharedStateScope) : (this.rootSharedStateScope = createRootSharedStateScope(this, themeStateDefinitions), 
+        this.rootSharedStateScope);
+    }
+    getStateBatchScheduler() {
+        return this._stateBatchScheduler || (this._stateBatchScheduler = new StateBatchScheduler(this, ensureStageStatePerfMonitor(this))), 
+        this._stateBatchScheduler;
+    }
     scheduleStateBatch(graphics, targetStates) {
-        this._stateBatchScheduler.schedule(graphics, targetStates);
+        this.getStateBatchScheduler().schedule(graphics, targetStates);
     }
     getStatePerfSnapshot() {
         return ensureStageStatePerfMonitor(this).getSnapshot();
@@ -605,4 +616,4 @@ export class Stage extends Group {
         this.renderService.reInit(), this.pickerService.reInit();
     }
 }
-//# sourceMappingURL=stage.js.map
+//# sourceMappingURL=stage.js.map