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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/cjs/canvas/constants.js +2 -1
  2. package/cjs/color-string/index.js +1 -2
  3. package/cjs/common/diff.js +1 -2
  4. package/cjs/common/event-transformer.js +2 -1
  5. package/cjs/common/rect-utils.js +1 -1
  6. package/cjs/common/render-area.js +1 -1
  7. package/cjs/common/render-command-list.js +1 -1
  8. package/cjs/common/render-curve.js +1 -1
  9. package/cjs/common/render-utils.js +1 -1
  10. package/cjs/common/seg-context.js +1 -2
  11. package/cjs/common/simplify.js +1 -1
  12. package/cjs/common/sort.js +1 -1
  13. package/cjs/common/split-path.js +1 -1
  14. package/cjs/common/store.js +1 -1
  15. package/cjs/common/text.js +1 -1
  16. package/cjs/common/utils.js +1 -1
  17. package/cjs/core/camera.js +1 -1
  18. package/cjs/core/constants.js +1 -1
  19. package/cjs/core/core-modules.js +1 -1
  20. package/cjs/core/global-module.js +2 -0
  21. package/cjs/core/global.js +1 -1
  22. package/cjs/core/graphic-utils.js +1 -1
  23. package/cjs/core/index.js +1 -1
  24. package/cjs/core/layer-service.js +2 -1
  25. package/cjs/core/layer.js +1 -1
  26. package/cjs/core/light.js +1 -1
  27. package/cjs/core/stage.d.ts +4 -1
  28. package/cjs/core/stage.js +24 -12
  29. package/cjs/core/stage.js.map +1 -1
  30. package/cjs/core/window.js +1 -1
  31. package/cjs/graphic/graphic-service/graphic-service.d.ts +4 -0
  32. package/cjs/graphic/graphic-service/graphic-service.js +6 -5
  33. package/cjs/graphic/graphic-service/graphic-service.js.map +1 -1
  34. package/cjs/graphic/graphic.d.ts +72 -11
  35. package/cjs/graphic/graphic.js +509 -158
  36. package/cjs/graphic/graphic.js.map +1 -1
  37. package/cjs/graphic/group.d.ts +5 -1
  38. package/cjs/graphic/group.js +37 -18
  39. package/cjs/graphic/group.js.map +1 -1
  40. package/cjs/graphic/rect.d.ts +2 -0
  41. package/cjs/graphic/rect.js +44 -0
  42. package/cjs/graphic/rect.js.map +1 -1
  43. package/cjs/graphic/state/shared-state-refresh.js +4 -3
  44. package/cjs/graphic/state/shared-state-refresh.js.map +1 -1
  45. package/cjs/graphic/state/shared-state-scope.js +1 -1
  46. package/cjs/graphic/state/shared-state-scope.js.map +1 -1
  47. package/cjs/graphic/state/state-engine.js +2 -2
  48. package/cjs/graphic/state/state-engine.js.map +1 -1
  49. package/cjs/graphic/state/state-perf-monitor.d.ts +1 -0
  50. package/cjs/graphic/state/state-perf-monitor.js +9 -2
  51. package/cjs/graphic/state/state-perf-monitor.js.map +1 -1
  52. package/cjs/graphic/state/state-style-resolver.d.ts +0 -9
  53. package/cjs/graphic/state/state-style-resolver.js +0 -23
  54. package/cjs/graphic/state/state-style-resolver.js.map +1 -1
  55. package/cjs/graphic/state/state-transition-orchestrator.d.ts +5 -0
  56. package/cjs/graphic/state/state-transition-orchestrator.js +17 -5
  57. package/cjs/graphic/state/state-transition-orchestrator.js.map +1 -1
  58. package/cjs/interface/animation/animate.d.ts +1 -0
  59. package/cjs/interface/animation/animate.js.map +1 -1
  60. package/cjs/interface/graphic.d.ts +9 -0
  61. package/cjs/interface/graphic.js.map +1 -1
  62. package/cjs/interface/node-tree.js.map +1 -1
  63. package/cjs/plugins/builtin-plugin/dirty-bounds-plugin.d.ts +4 -1
  64. package/cjs/plugins/builtin-plugin/dirty-bounds-plugin.js +20 -10
  65. package/cjs/plugins/builtin-plugin/dirty-bounds-plugin.js.map +1 -1
  66. package/cjs/plugins/builtin-plugin/flex-layout-plugin.js +3 -2
  67. package/cjs/plugins/builtin-plugin/flex-layout-plugin.js.map +1 -1
  68. package/cjs/render/contributions/render/base-render.js +8 -7
  69. package/cjs/render/contributions/render/base-render.js.map +1 -1
  70. package/dist/index.es.js +1134 -279
  71. package/es/canvas/constants.js +2 -1
  72. package/es/color-string/index.js +1 -2
  73. package/es/common/diff.js +1 -2
  74. package/es/common/event-transformer.js +2 -1
  75. package/es/common/rect-utils.js +1 -1
  76. package/es/common/render-area.js +1 -1
  77. package/es/common/render-command-list.js +1 -1
  78. package/es/common/render-curve.js +1 -1
  79. package/es/common/render-utils.js +1 -1
  80. package/es/common/seg-context.js +1 -2
  81. package/es/common/simplify.js +1 -1
  82. package/es/common/sort.js +1 -1
  83. package/es/common/split-path.js +1 -1
  84. package/es/common/store.js +1 -1
  85. package/es/common/text.js +1 -1
  86. package/es/common/utils.js +1 -1
  87. package/es/core/camera.js +1 -1
  88. package/es/core/constants.js +1 -1
  89. package/es/core/core-modules.js +1 -1
  90. package/es/core/global-module.js +2 -0
  91. package/es/core/global.js +1 -1
  92. package/es/core/graphic-utils.js +1 -1
  93. package/es/core/index.js +1 -1
  94. package/es/core/layer-service.js +2 -1
  95. package/es/core/layer.js +1 -1
  96. package/es/core/light.js +1 -1
  97. package/es/core/stage.d.ts +4 -1
  98. package/es/core/stage.js +22 -11
  99. package/es/core/stage.js.map +1 -1
  100. package/es/core/window.js +1 -1
  101. package/es/graphic/graphic-service/graphic-service.d.ts +4 -0
  102. package/es/graphic/graphic-service/graphic-service.js +6 -5
  103. package/es/graphic/graphic-service/graphic-service.js.map +1 -1
  104. package/es/graphic/graphic.d.ts +72 -11
  105. package/es/graphic/graphic.js +504 -151
  106. package/es/graphic/graphic.js.map +1 -1
  107. package/es/graphic/group.d.ts +5 -1
  108. package/es/graphic/group.js +36 -18
  109. package/es/graphic/group.js.map +1 -1
  110. package/es/graphic/rect.d.ts +2 -0
  111. package/es/graphic/rect.js +44 -0
  112. package/es/graphic/rect.js.map +1 -1
  113. package/es/graphic/state/shared-state-refresh.js +5 -4
  114. package/es/graphic/state/shared-state-refresh.js.map +1 -1
  115. package/es/graphic/state/shared-state-scope.js +2 -2
  116. package/es/graphic/state/shared-state-scope.js.map +1 -1
  117. package/es/graphic/state/state-engine.js +3 -3
  118. package/es/graphic/state/state-engine.js.map +1 -1
  119. package/es/graphic/state/state-perf-monitor.d.ts +1 -0
  120. package/es/graphic/state/state-perf-monitor.js +7 -0
  121. package/es/graphic/state/state-perf-monitor.js.map +1 -1
  122. package/es/graphic/state/state-style-resolver.d.ts +0 -9
  123. package/es/graphic/state/state-style-resolver.js +0 -23
  124. package/es/graphic/state/state-style-resolver.js.map +1 -1
  125. package/es/graphic/state/state-transition-orchestrator.d.ts +5 -0
  126. package/es/graphic/state/state-transition-orchestrator.js +17 -5
  127. package/es/graphic/state/state-transition-orchestrator.js.map +1 -1
  128. package/es/interface/animation/animate.d.ts +1 -0
  129. package/es/interface/animation/animate.js.map +1 -1
  130. package/es/interface/graphic.d.ts +9 -0
  131. package/es/interface/graphic.js.map +1 -1
  132. package/es/interface/node-tree.js.map +1 -1
  133. package/es/plugins/builtin-plugin/dirty-bounds-plugin.d.ts +4 -1
  134. package/es/plugins/builtin-plugin/dirty-bounds-plugin.js +20 -10
  135. package/es/plugins/builtin-plugin/dirty-bounds-plugin.js.map +1 -1
  136. package/es/plugins/builtin-plugin/flex-layout-plugin.js +3 -2
  137. package/es/plugins/builtin-plugin/flex-layout-plugin.js.map +1 -1
  138. package/es/render/contributions/render/base-render.js +8 -6
  139. package/es/render/contributions/render/base-render.js.map +1 -1
  140. package/package.json +3 -3
@@ -3,4 +3,5 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: !0
5
5
  }), exports.Context2dFactory = exports.CanvasFactory = void 0, exports.CanvasFactory = Symbol.for("CanvasFactory"),
6
- exports.Context2dFactory = Symbol.for("Context2dFactory");
6
+ exports.Context2dFactory = Symbol.for("Context2dFactory");
7
+ //# sourceMappingURL=constants.js.map
@@ -18,5 +18,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
18
18
  Object.defineProperty(exports, "__esModule", {
19
19
  value: !0
20
20
  }), __exportStar(require("./interpolate"), exports), __exportStar(require("./store"), exports),
21
- __exportStar(require("./colorName"), exports);
22
- //# sourceMappingURL=index.js.map
21
+ __exportStar(require("./colorName"), exports);
@@ -16,5 +16,4 @@ function diff(oldAttrs, newAttrs, getAttr) {
16
16
  return diffObj;
17
17
  }
18
18
 
19
- exports.diff = diff;
20
- //# sourceMappingURL=diff.js.map
19
+ exports.diff = diff;
@@ -123,4 +123,5 @@ function mapToCanvasPointForCanvas(nativeEvent) {
123
123
 
124
124
  exports.createEventTransformer = createEventTransformer, exports.createCanvasEventTransformer = createCanvasEventTransformer,
125
125
  exports.registerWindowEventTransformer = registerWindowEventTransformer, exports.registerGlobalEventTransformer = registerGlobalEventTransformer,
126
- exports.transformPointForCanvas = transformPointForCanvas, exports.mapToCanvasPointForCanvas = mapToCanvasPointForCanvas;
126
+ exports.transformPointForCanvas = transformPointForCanvas, exports.mapToCanvasPointForCanvas = mapToCanvasPointForCanvas;
127
+ //# sourceMappingURL=event-transformer.js.map
@@ -24,4 +24,4 @@ const vutils_1 = require("@visactor/vutils"), normalizeRectAttributes = attribut
24
24
  };
25
25
 
26
26
  exports.normalizeRectAttributes = normalizeRectAttributes;
27
- //# sourceMappingURL=rect-utils.js.map
27
+ //# sourceMappingURL=rect-utils.js.map
@@ -61,5 +61,5 @@ function drawAreaBlock(path, topList, bottomList, params) {
61
61
  path.closePath();
62
62
  }
63
63
 
64
- exports.drawAreaSegments = drawAreaSegments;
65
64
  //# sourceMappingURL=render-area.js.map
65
+ exports.drawAreaSegments = drawAreaSegments;
@@ -14,4 +14,4 @@ function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy = 1, z
14
14
  }
15
15
 
16
16
  exports.renderCommandList = renderCommandList;
17
- //# sourceMappingURL=render-command-list.js.map
17
+ //# sourceMappingURL=render-command-list.js.map
@@ -99,4 +99,4 @@ function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
99
99
 
100
100
  exports.drawSegments = drawSegments, exports.drawIncrementalSegments = drawIncrementalSegments,
101
101
  exports.drawIncrementalAreaSegments = drawIncrementalAreaSegments;
102
- //# sourceMappingURL=render-curve.js.map
102
+ //# sourceMappingURL=render-curve.js.map
@@ -19,4 +19,4 @@ function drawSegItem(ctx, curve, endPercent, params) {
19
19
  }
20
20
 
21
21
  exports.drawSegItem = drawSegItem;
22
- //# sourceMappingURL=render-utils.js.map
22
+ //# sourceMappingURL=render-utils.js.map
@@ -94,5 +94,4 @@ class ReflectSegContext extends SegContext {
94
94
  }
95
95
  }
96
96
 
97
- exports.ReflectSegContext = ReflectSegContext;
98
- //# sourceMappingURL=seg-context.js.map
97
+ exports.ReflectSegContext = ReflectSegContext;
@@ -36,4 +36,4 @@ function flatten_simplify(points, tolerance, highestQuality) {
36
36
  Object.defineProperty(exports, "__esModule", {
37
37
  value: !0
38
38
  }), exports.flatten_simplify = void 0, exports.flatten_simplify = flatten_simplify;
39
- //# sourceMappingURL=simplify.js.map
39
+ //# sourceMappingURL=simplify.js.map
@@ -101,4 +101,4 @@ Object.defineProperty(exports, "__esModule", {
101
101
  value: !0
102
102
  }), exports.findNextGraphic = exports.foreachAsync = exports.foreach = void 0, exports.foreach = foreach,
103
103
  exports.foreachAsync = foreachAsync, exports.findNextGraphic = findNextGraphic;
104
- //# sourceMappingURL=sort.js.map
104
+ //# sourceMappingURL=sort.js.map
@@ -269,4 +269,4 @@ const splitPath = (path, count) => {
269
269
  };
270
270
 
271
271
  exports.splitPath = splitPath;
272
- //# sourceMappingURL=split-path.js.map
272
+ //# sourceMappingURL=split-path.js.map
@@ -1,2 +1,2 @@
1
1
  class StageStore {}
2
- //# sourceMappingURL=store.js.map
2
+ //# sourceMappingURL=store.js.map
@@ -34,4 +34,4 @@ function textAttributesToStyle(attrs) {
34
34
 
35
35
  exports.textDrawOffsetY = textDrawOffsetY, exports.textDrawOffsetX = textDrawOffsetX,
36
36
  exports.textLayoutOffsetY = textLayoutOffsetY, exports.textAttributesToStyle = textAttributesToStyle;
37
- //# sourceMappingURL=text.js.map
37
+ //# sourceMappingURL=text.js.map
@@ -163,4 +163,4 @@ const calculateLineHeight = (lineHeight, fontSize) => {
163
163
  };
164
164
 
165
165
  exports.calculateLineHeight = calculateLineHeight;
166
- //# sourceMappingURL=utils.js.map
166
+ //# sourceMappingURL=utils.js.map
@@ -71,4 +71,4 @@ const registerOrthoCamera = () => {
71
71
  };
72
72
 
73
73
  exports.registerOrthoCamera = registerOrthoCamera;
74
- //# sourceMappingURL=camera.js.map
74
+ //# sourceMappingURL=camera.js.map
@@ -7,4 +7,4 @@ exports.TransformUtil = Symbol.for("TransformUtil"), exports.GraphicUtil = Symbo
7
7
  exports.LayerService = Symbol.for("LayerService"), exports.StaticLayerHandlerContribution = Symbol.for("StaticLayerHandlerContribution"),
8
8
  exports.DynamicLayerHandlerContribution = Symbol.for("DynamicLayerHandlerContribution"),
9
9
  exports.VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
10
- //# sourceMappingURL=constants.js.map
10
+ //# sourceMappingURL=constants.js.map
@@ -16,4 +16,4 @@ function bindCoreModules({bind: bind}) {
16
16
  }
17
17
 
18
18
  exports.bindCoreModules = bindCoreModules, exports.default = bindCoreModules;
19
- //# sourceMappingURL=core-modules.js.map
19
+ //# sourceMappingURL=core-modules.js.map
@@ -1 +1,3 @@
1
+
2
+
1
3
  //# sourceMappingURL=global-module.js.map
@@ -222,4 +222,4 @@ class DefaultGlobal extends event_listener_manager_1.EventListenerManager {
222
222
  }
223
223
 
224
224
  exports.DefaultGlobal = DefaultGlobal;
225
- //# sourceMappingURL=global.js.map
225
+ //# sourceMappingURL=global.js.map
@@ -162,4 +162,4 @@ class DefaultTransformUtil {
162
162
  }
163
163
 
164
164
  exports.DefaultTransformUtil = DefaultTransformUtil;
165
- //# sourceMappingURL=graphic-utils.js.map
165
+ //# sourceMappingURL=graphic-utils.js.map
package/cjs/core/index.js CHANGED
@@ -22,4 +22,4 @@ __exportStar(require("./layer"), exports), __exportStar(require("./stage"), expo
22
22
  __exportStar(require("./graphic-utils"), exports), __exportStar(require("./contributions"), exports),
23
23
  __exportStar(require("./layer-service"), exports), __exportStar(require("./constants"), exports),
24
24
  __exportStar(require("../interface/core"), exports);
25
- //# sourceMappingURL=index.js.map
25
+ //# sourceMappingURL=index.js.map
@@ -80,4 +80,5 @@ class DefaultLayerService {
80
80
  }
81
81
 
82
82
  exports.DefaultLayerService = DefaultLayerService, DefaultLayerService.idprefix = "visactor_layer",
83
- DefaultLayerService.prefix_count = 0;
83
+ DefaultLayerService.prefix_count = 0;
84
+ //# sourceMappingURL=layer-service.js.map
package/cjs/core/layer.js CHANGED
@@ -116,4 +116,4 @@ class Layer extends group_1.Group {
116
116
  }
117
117
 
118
118
  exports.Layer = Layer;
119
- //# sourceMappingURL=layer.js.map
119
+ //# sourceMappingURL=layer.js.map
package/cjs/core/light.js CHANGED
@@ -29,4 +29,4 @@ const registerDirectionalLight = () => {
29
29
  };
30
30
 
31
31
  exports.registerDirectionalLight = registerDirectionalLight;
32
- //# sourceMappingURL=light.js.map
32
+ //# sourceMappingURL=light.js.map
@@ -4,6 +4,7 @@ import type { Layer } from './layer';
4
4
  import { Group } from '../graphic/group';
5
5
  import { type IStageFactoryDeps } from '../factory';
6
6
  import { type SharedStateScope } from '../graphic/state/shared-state-scope';
7
+ import type { StateDefinitionsInput } from '../graphic/state/state-definition';
7
8
  import { StateBatchScheduler } from '../graphic/state/state-batch-scheduler';
8
9
  import { type IDeferredStateOwnerConfig, type IStatePerfConfig, type IStatePerfSnapshot } from '../graphic/state/state-perf-monitor';
9
10
  type IStageState = 'rendering' | 'normal';
@@ -78,7 +79,7 @@ export declare class Stage extends Group implements IStage {
78
79
  protected timeline: ITimeline;
79
80
  rootSharedStateScope?: SharedStateScope<Record<string, any>>;
80
81
  protected _pendingSharedStateRefreshGraphics?: Set<IGraphic>;
81
- protected _stateBatchScheduler: StateBatchScheduler;
82
+ protected _stateBatchScheduler?: StateBatchScheduler;
82
83
  params: Partial<IStageParams>;
83
84
  protected tickedBeforeRender: boolean;
84
85
  readonly rafId: number;
@@ -155,6 +156,8 @@ export declare class Stage extends Group implements IStage {
155
156
  render(layers?: ILayer[], params?: Partial<IDrawContext>): void;
156
157
  protected combineLayersToWindow(): void;
157
158
  renderNextFrame(layers?: ILayer[], force?: boolean): void;
159
+ ensureRootSharedStateScope(themeStateDefinitions?: StateDefinitionsInput<Record<string, any>>): SharedStateScope<Record<string, any>>;
160
+ protected getStateBatchScheduler(): StateBatchScheduler;
158
161
  scheduleStateBatch(graphics: IGraphic[], targetStates: string[]): void;
159
162
  getStatePerfSnapshot(): IStatePerfSnapshot;
160
163
  resetStatePerfSnapshot(): void;
package/cjs/core/stage.js CHANGED
@@ -84,7 +84,7 @@ class Stage extends group_1.Group {
84
84
  ticker.addTimeline(this.timeline), this._ticker = ticker, this._ticker.on("tick", this.afterTickCb);
85
85
  }
86
86
  constructor(params = {}, deps = {}) {
87
- var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
87
+ var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
88
88
  super({}), this.tickedBeforeRender = !0, this._onVisibleChange = visible => {
89
89
  if (!(this._skipRender < 0)) if (visible) {
90
90
  if (this.dirtyBounds) {
@@ -94,7 +94,9 @@ class Stage extends group_1.Group {
94
94
  this._skipRender > 1 && this.renderNextFrame(), this._skipRender = 0;
95
95
  } else this._skipRender = 1;
96
96
  }, this.beforeRender = stage => {
97
- (0, shared_state_refresh_1.flushStageSharedStateRefresh)(this), this._beforeRenderList.forEach((cb => cb(stage)));
97
+ const pendingSharedRefresh = this._pendingSharedStateRefreshGraphics;
98
+ (null == pendingSharedRefresh ? void 0 : pendingSharedRefresh.size) && (0, shared_state_refresh_1.flushStageSharedStateRefresh)(this),
99
+ this._beforeRenderList.forEach((cb => cb(stage)));
98
100
  }, this.afterClearScreen = drawParams => {
99
101
  this._afterClearScreen && this._afterClearScreen(drawParams);
100
102
  }, this.afterClearRect = drawParams => {
@@ -131,14 +133,15 @@ class Stage extends group_1.Group {
131
133
  }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_w = params.background) && void 0 !== _w ? _w : DefaultConfig.BACKGROUND,
132
134
  this.stage = this, this.appendChild(this.layerService.createLayer(this, {
133
135
  main: !0
134
- })), this.nextFrameRenderLayerSet = new Set, this.willNextFrameRender = !1, (0,
135
- state_perf_monitor_1.ensureStageStatePerfMonitor)(this), this._stateBatchScheduler = new state_batch_scheduler_1.StateBatchScheduler(this, (0,
136
- state_perf_monitor_1.ensureStageStatePerfMonitor)(this)), this.rootSharedStateScope = (0,
137
- shared_state_scope_1.createRootSharedStateScope)(this, null === (_x = this.theme) || void 0 === _x ? void 0 : _x.stateDefinitions),
138
- this.theme.onStateDefinitionsChange = () => {
136
+ })), this.nextFrameRenderLayerSet = new Set, this.willNextFrameRender = !1, this.theme.onStateDefinitionsChange = () => {
139
137
  var _a;
140
- this.rootSharedStateScope && ((0, shared_state_scope_1.setRootSharedStateScopeThemeDefinitions)(this.rootSharedStateScope, null === (_a = this.theme) || void 0 === _a ? void 0 : _a.stateDefinitions),
141
- (0, shared_state_refresh_1.markScopeActiveDescendantsDirty)(this.rootSharedStateScope, this));
138
+ const definitions = null === (_a = this.theme) || void 0 === _a ? void 0 : _a.stateDefinitions;
139
+ if (!definitions || !Object.keys(definitions).length) return void (this.rootSharedStateScope && ((0,
140
+ shared_state_scope_1.setRootSharedStateScopeThemeDefinitions)(this.rootSharedStateScope, definitions),
141
+ (0, shared_state_refresh_1.markScopeActiveDescendantsDirty)(this.rootSharedStateScope, this)));
142
+ const rootScope = this.ensureRootSharedStateScope(definitions);
143
+ (0, shared_state_scope_1.setRootSharedStateScopeThemeDefinitions)(rootScope, definitions),
144
+ (0, shared_state_refresh_1.markScopeActiveDescendantsDirty)(rootScope, this);
142
145
  }, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(),
143
146
  params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(),
144
147
  params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute),
@@ -151,7 +154,7 @@ class Stage extends group_1.Group {
151
154
  tickRenderMode: "effect"
152
155
  }), this.optmize(params.optimize), params.background && (0, vutils_1.isString)(this._background) && this._background.includes("/") && this.setAttributes({
153
156
  background: this._background
154
- }), this.initAnimate(params), this.rafId = null !== (_y = params.rafId) && void 0 !== _y ? _y : Math.floor(6 * Math.random());
157
+ }), this.initAnimate(params), this.rafId = null !== (_x = params.rafId) && void 0 !== _x ? _x : Math.floor(6 * Math.random());
155
158
  }
156
159
  initAnimate(params) {
157
160
  var _a;
@@ -396,8 +399,17 @@ class Stage extends group_1.Group {
396
399
  this._doRenderInThisFrame(), this.willNextFrameRender = !1;
397
400
  })));
398
401
  }
402
+ ensureRootSharedStateScope(themeStateDefinitions) {
403
+ return this.rootSharedStateScope ? (this.rootSharedStateScope.ownerStage = this,
404
+ this.rootSharedStateScope) : (this.rootSharedStateScope = (0, shared_state_scope_1.createRootSharedStateScope)(this, themeStateDefinitions),
405
+ this.rootSharedStateScope);
406
+ }
407
+ getStateBatchScheduler() {
408
+ return this._stateBatchScheduler || (this._stateBatchScheduler = new state_batch_scheduler_1.StateBatchScheduler(this, (0,
409
+ state_perf_monitor_1.ensureStageStatePerfMonitor)(this))), this._stateBatchScheduler;
410
+ }
399
411
  scheduleStateBatch(graphics, targetStates) {
400
- this._stateBatchScheduler.schedule(graphics, targetStates);
412
+ this.getStateBatchScheduler().schedule(graphics, targetStates);
401
413
  }
402
414
  getStatePerfSnapshot() {
403
415
  return (0, state_perf_monitor_1.ensureStageStatePerfMonitor)(this).getSnapshot();
@@ -571,4 +583,4 @@ class Stage extends group_1.Group {
571
583
  }
572
584
 
573
585
  exports.Stage = Stage;
574
- //# sourceMappingURL=stage.js.map
586
+ //# sourceMappingURL=stage.js.map