@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.
- package/cjs/canvas/constants.js +2 -1
- package/cjs/color-string/index.js +1 -2
- package/cjs/common/diff.js +1 -2
- package/cjs/common/event-transformer.js +2 -1
- package/cjs/common/rect-utils.js +1 -1
- package/cjs/common/render-area.js +1 -1
- package/cjs/common/render-command-list.js +1 -1
- package/cjs/common/render-curve.js +1 -1
- package/cjs/common/render-utils.js +1 -1
- package/cjs/common/seg-context.js +1 -2
- package/cjs/common/simplify.js +1 -1
- package/cjs/common/sort.js +1 -1
- package/cjs/common/split-path.js +1 -1
- package/cjs/common/store.js +1 -1
- package/cjs/common/text.js +1 -1
- package/cjs/common/utils.js +1 -1
- package/cjs/core/camera.js +1 -1
- package/cjs/core/constants.js +1 -1
- package/cjs/core/core-modules.js +1 -1
- package/cjs/core/global-module.js +2 -0
- package/cjs/core/global.js +1 -1
- package/cjs/core/graphic-utils.js +1 -1
- package/cjs/core/index.js +1 -1
- package/cjs/core/layer-service.js +2 -1
- package/cjs/core/layer.js +1 -1
- package/cjs/core/light.js +1 -1
- package/cjs/core/stage.d.ts +4 -1
- package/cjs/core/stage.js +24 -12
- package/cjs/core/stage.js.map +1 -1
- package/cjs/core/window.js +1 -1
- package/cjs/graphic/graphic-service/graphic-service.d.ts +4 -0
- package/cjs/graphic/graphic-service/graphic-service.js +6 -5
- package/cjs/graphic/graphic-service/graphic-service.js.map +1 -1
- package/cjs/graphic/graphic.d.ts +72 -11
- package/cjs/graphic/graphic.js +509 -158
- package/cjs/graphic/graphic.js.map +1 -1
- package/cjs/graphic/group.d.ts +5 -1
- package/cjs/graphic/group.js +37 -18
- package/cjs/graphic/group.js.map +1 -1
- package/cjs/graphic/rect.d.ts +2 -0
- package/cjs/graphic/rect.js +44 -0
- package/cjs/graphic/rect.js.map +1 -1
- package/cjs/graphic/state/shared-state-refresh.js +4 -3
- package/cjs/graphic/state/shared-state-refresh.js.map +1 -1
- package/cjs/graphic/state/shared-state-scope.js +1 -1
- package/cjs/graphic/state/shared-state-scope.js.map +1 -1
- package/cjs/graphic/state/state-engine.js +2 -2
- package/cjs/graphic/state/state-engine.js.map +1 -1
- package/cjs/graphic/state/state-perf-monitor.d.ts +1 -0
- package/cjs/graphic/state/state-perf-monitor.js +9 -2
- package/cjs/graphic/state/state-perf-monitor.js.map +1 -1
- package/cjs/graphic/state/state-style-resolver.d.ts +0 -9
- package/cjs/graphic/state/state-style-resolver.js +0 -23
- package/cjs/graphic/state/state-style-resolver.js.map +1 -1
- package/cjs/graphic/state/state-transition-orchestrator.d.ts +5 -0
- package/cjs/graphic/state/state-transition-orchestrator.js +17 -5
- package/cjs/graphic/state/state-transition-orchestrator.js.map +1 -1
- package/cjs/interface/animation/animate.d.ts +1 -0
- package/cjs/interface/animation/animate.js.map +1 -1
- package/cjs/interface/graphic.d.ts +9 -0
- package/cjs/interface/graphic.js.map +1 -1
- package/cjs/interface/node-tree.js.map +1 -1
- package/cjs/plugins/builtin-plugin/dirty-bounds-plugin.d.ts +4 -1
- package/cjs/plugins/builtin-plugin/dirty-bounds-plugin.js +20 -10
- package/cjs/plugins/builtin-plugin/dirty-bounds-plugin.js.map +1 -1
- package/cjs/plugins/builtin-plugin/flex-layout-plugin.js +3 -2
- package/cjs/plugins/builtin-plugin/flex-layout-plugin.js.map +1 -1
- package/cjs/render/contributions/render/base-render.js +8 -7
- package/cjs/render/contributions/render/base-render.js.map +1 -1
- package/dist/index.es.js +1134 -279
- package/es/canvas/constants.js +2 -1
- package/es/color-string/index.js +1 -2
- package/es/common/diff.js +1 -2
- package/es/common/event-transformer.js +2 -1
- package/es/common/rect-utils.js +1 -1
- package/es/common/render-area.js +1 -1
- package/es/common/render-command-list.js +1 -1
- package/es/common/render-curve.js +1 -1
- package/es/common/render-utils.js +1 -1
- package/es/common/seg-context.js +1 -2
- package/es/common/simplify.js +1 -1
- package/es/common/sort.js +1 -1
- package/es/common/split-path.js +1 -1
- package/es/common/store.js +1 -1
- package/es/common/text.js +1 -1
- package/es/common/utils.js +1 -1
- package/es/core/camera.js +1 -1
- package/es/core/constants.js +1 -1
- package/es/core/core-modules.js +1 -1
- package/es/core/global-module.js +2 -0
- package/es/core/global.js +1 -1
- package/es/core/graphic-utils.js +1 -1
- package/es/core/index.js +1 -1
- package/es/core/layer-service.js +2 -1
- package/es/core/layer.js +1 -1
- package/es/core/light.js +1 -1
- package/es/core/stage.d.ts +4 -1
- package/es/core/stage.js +22 -11
- package/es/core/stage.js.map +1 -1
- package/es/core/window.js +1 -1
- package/es/graphic/graphic-service/graphic-service.d.ts +4 -0
- package/es/graphic/graphic-service/graphic-service.js +6 -5
- package/es/graphic/graphic-service/graphic-service.js.map +1 -1
- package/es/graphic/graphic.d.ts +72 -11
- package/es/graphic/graphic.js +504 -151
- package/es/graphic/graphic.js.map +1 -1
- package/es/graphic/group.d.ts +5 -1
- package/es/graphic/group.js +36 -18
- package/es/graphic/group.js.map +1 -1
- package/es/graphic/rect.d.ts +2 -0
- package/es/graphic/rect.js +44 -0
- package/es/graphic/rect.js.map +1 -1
- package/es/graphic/state/shared-state-refresh.js +5 -4
- package/es/graphic/state/shared-state-refresh.js.map +1 -1
- package/es/graphic/state/shared-state-scope.js +2 -2
- package/es/graphic/state/shared-state-scope.js.map +1 -1
- package/es/graphic/state/state-engine.js +3 -3
- package/es/graphic/state/state-engine.js.map +1 -1
- package/es/graphic/state/state-perf-monitor.d.ts +1 -0
- package/es/graphic/state/state-perf-monitor.js +7 -0
- package/es/graphic/state/state-perf-monitor.js.map +1 -1
- package/es/graphic/state/state-style-resolver.d.ts +0 -9
- package/es/graphic/state/state-style-resolver.js +0 -23
- package/es/graphic/state/state-style-resolver.js.map +1 -1
- package/es/graphic/state/state-transition-orchestrator.d.ts +5 -0
- package/es/graphic/state/state-transition-orchestrator.js +17 -5
- package/es/graphic/state/state-transition-orchestrator.js.map +1 -1
- package/es/interface/animation/animate.d.ts +1 -0
- package/es/interface/animation/animate.js.map +1 -1
- package/es/interface/graphic.d.ts +9 -0
- package/es/interface/graphic.js.map +1 -1
- package/es/interface/node-tree.js.map +1 -1
- package/es/plugins/builtin-plugin/dirty-bounds-plugin.d.ts +4 -1
- package/es/plugins/builtin-plugin/dirty-bounds-plugin.js +20 -10
- package/es/plugins/builtin-plugin/dirty-bounds-plugin.js.map +1 -1
- package/es/plugins/builtin-plugin/flex-layout-plugin.js +3 -2
- package/es/plugins/builtin-plugin/flex-layout-plugin.js.map +1 -1
- package/es/render/contributions/render/base-render.js +8 -6
- package/es/render/contributions/render/base-render.js.map +1 -1
- package/package.json +3 -3
package/cjs/canvas/constants.js
CHANGED
|
@@ -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);
|
package/cjs/common/diff.js
CHANGED
|
@@ -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
|
package/cjs/common/rect-utils.js
CHANGED
|
@@ -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
|
package/cjs/common/simplify.js
CHANGED
|
@@ -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
|
package/cjs/common/sort.js
CHANGED
|
@@ -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
|
package/cjs/common/split-path.js
CHANGED
package/cjs/common/store.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
class StageStore {}
|
|
2
|
-
//# sourceMappingURL=store.js.map
|
|
2
|
+
//# sourceMappingURL=store.js.map
|
package/cjs/common/text.js
CHANGED
|
@@ -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
|
package/cjs/common/utils.js
CHANGED
package/cjs/core/camera.js
CHANGED
package/cjs/core/constants.js
CHANGED
|
@@ -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
|
package/cjs/core/core-modules.js
CHANGED
package/cjs/core/global.js
CHANGED
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
|
package/cjs/core/layer.js
CHANGED
package/cjs/core/light.js
CHANGED
package/cjs/core/stage.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
-
|
|
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, (
|
|
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
|
-
|
|
141
|
-
(
|
|
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 !== (
|
|
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.
|
|
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
|