@visactor/vstory 0.0.8-alpha.15 → 0.0.8-alpha.16
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/story/canvas/canvas.d.ts +6 -0
- package/cjs/story/canvas/canvas.js +6 -2
- package/cjs/story/canvas/canvas.js.map +1 -1
- package/dist/index.js +9 -0
- package/dist/index.min.js +1 -1
- package/es/story/canvas/canvas.d.ts +6 -0
- package/es/story/canvas/canvas.js +5 -1
- package/es/story/canvas/canvas.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,12 @@ import type { IStage } from '@visactor/vrender';
|
|
|
3
3
|
import type { IStoryCanvas, StoryEvent } from '../interface/runtime-interface';
|
|
4
4
|
import type { ICharacter } from '../character/runtime-interface';
|
|
5
5
|
export declare function setBrowserEnv(): void;
|
|
6
|
+
export declare function setNodeEnv(params: {
|
|
7
|
+
createCanvas: any;
|
|
8
|
+
createImageData: any;
|
|
9
|
+
loadImage: any;
|
|
10
|
+
Resvg: any;
|
|
11
|
+
}): void;
|
|
6
12
|
export declare class StoryCanvas implements IStoryCanvas {
|
|
7
13
|
protected _story: Story;
|
|
8
14
|
protected _canvas: HTMLCanvasElement;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: !0
|
|
5
|
-
}), exports.StoryCanvas = exports.setBrowserEnv = void 0;
|
|
5
|
+
}), exports.StoryCanvas = exports.setNodeEnv = exports.setBrowserEnv = void 0;
|
|
6
6
|
|
|
7
7
|
const vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender");
|
|
8
8
|
|
|
@@ -11,7 +11,11 @@ function setBrowserEnv() {
|
|
|
11
11
|
vrender_1.vglobal.setEnv("browser");
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
function setNodeEnv(params) {
|
|
15
|
+
(0, vrender_1.preLoadAllModule)(), (0, vrender_1.initNodeEnv)(), vrender_1.vglobal.setEnv("node", params);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
exports.setBrowserEnv = setBrowserEnv, exports.setNodeEnv = setNodeEnv;
|
|
15
19
|
|
|
16
20
|
class StoryCanvas {
|
|
17
21
|
getStage() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/story/canvas/canvas.ts"],"names":[],"mappings":";;;AAEA,+
|
|
1
|
+
{"version":3,"sources":["../src/story/canvas/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import type { Story } from '../story';\nimport type { IStage } from '@visactor/vrender';\nimport { createStage, vglobal, container, preLoadAllModule, ManualTicker, initNodeEnv } from '@visactor/vrender';\nimport { loadBrowserEnv } from '@visactor/vrender';\nimport type { IStoryCanvas, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacter } from '../character/runtime-interface';\n\nexport function setBrowserEnv() {\n preLoadAllModule();\n loadBrowserEnv(container);\n vglobal.setEnv('browser');\n}\n\nexport function setNodeEnv(params: { createCanvas: any; createImageData: any; loadImage: any; Resvg: any }) {\n preLoadAllModule();\n initNodeEnv();\n vglobal.setEnv('node', params);\n}\n\nexport class StoryCanvas implements IStoryCanvas {\n protected _story: Story;\n protected _canvas: HTMLCanvasElement;\n protected _stage: IStage;\n getStage() {\n return this._stage;\n }\n\n getCanvas() {\n return this._canvas;\n }\n\n protected _container: HTMLDivElement | null;\n get container() {\n return this._container;\n }\n\n protected _params: {\n container?: HTMLDivElement;\n canvas?: HTMLCanvasElement;\n width?: number;\n height?: number;\n dpr?: number;\n pluginList?: string[];\n };\n get dpr() {\n return this._params.dpr ?? vglobal.devicePixelRatio;\n }\n\n constructor(\n story: Story,\n params: {\n container?: HTMLDivElement;\n canvas?: HTMLCanvasElement;\n width?: number;\n height?: number;\n dpr?: number;\n pluginList?: string[];\n }\n ) {\n this._story = story;\n this._params = params;\n this._container = params.container;\n this._container && this._initCanvasByContainer();\n params.canvas && this._initCanvasByCanvas(params.canvas, params.width || 500, params.height || 500, params.dpr);\n }\n\n resize(w: number, h: number) {\n if (this._canvas) {\n this._canvas.width = w * vglobal.devicePixelRatio;\n this._canvas.height = h * vglobal.devicePixelRatio;\n this._canvas.style.width = w + 'px';\n this._canvas.style.height = h + 'px';\n this._stage.resize(w, h);\n }\n }\n\n protected _initCanvasByContainer() {\n const canvas = document.createElement('canvas');\n canvas.style.position = 'absolute';\n canvas.id = `_visactor_story_canvas_${this._story.id}`;\n this._container.appendChild(canvas);\n this._canvas = canvas;\n const stage = createStage({\n canvas: this._canvas,\n width: this._container.clientWidth,\n height: this._container.clientHeight,\n dpr: this.dpr,\n canvasControled: true,\n // 得开启自动渲染，否则编辑场景中无法触发视图更新\n autoRender: true,\n disableDirtyBounds: true,\n ticker: new ManualTicker([]),\n pluginList: this._params.pluginList ?? [],\n event: {\n clickInterval: 300\n }\n });\n // @ts-ignore\n this._stage = stage;\n }\n\n protected _initCanvasByCanvas(canvas: HTMLCanvasElement, width: number, height: number, dpr: number) {\n this._canvas = canvas;\n const stage = createStage({\n canvas: this._canvas,\n width,\n height,\n canvasControled: true,\n // 得开启自动渲染，否则编辑场景中无法触发视图更新\n autoRender: true,\n disableDirtyBounds: true,\n ticker: new ManualTicker([]),\n pluginList: this._params.pluginList ?? [],\n dpr: this.dpr,\n event: {\n clickInterval: 300\n }\n });\n // @ts-ignore\n this._stage = stage;\n }\n\n getEventDetail(event: StoryEvent) {\n // 得到交互元素的详细信息\n const characterMap = this._story.getCharacters();\n let characterInfo;\n let character: ICharacter;\n Object.keys(this._story.getCharacters()).find(id => {\n const characterTemp = characterMap[id];\n const info = characterTemp.checkEvent(event);\n if (info) {\n characterInfo = info;\n character = characterTemp;\n return true;\n }\n return false;\n });\n\n return {\n character,\n characterInfo\n };\n }\n\n release() {\n this._stage.release();\n }\n}\n"]}
|
package/dist/index.js
CHANGED
|
@@ -27063,6 +27063,9 @@
|
|
|
27063
27063
|
loadNodeEnv.__loaded || (loadNodeEnv.__loaded = !0, container.load(nodeEnvModule), container.load(nodeCanvasModule), container.load(nodeWindowModule));
|
|
27064
27064
|
}
|
|
27065
27065
|
loadNodeEnv.__loaded = !1;
|
|
27066
|
+
function initNodeEnv() {
|
|
27067
|
+
loadNodeEnv(container);
|
|
27068
|
+
}
|
|
27066
27069
|
|
|
27067
27070
|
var __decorate$h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
|
|
27068
27071
|
var d,
|
|
@@ -108715,6 +108718,11 @@
|
|
|
108715
108718
|
loadBrowserEnv(container);
|
|
108716
108719
|
vglobal.setEnv('browser');
|
|
108717
108720
|
}
|
|
108721
|
+
function setNodeEnv(params) {
|
|
108722
|
+
preLoadAllModule();
|
|
108723
|
+
initNodeEnv();
|
|
108724
|
+
vglobal.setEnv('node', params);
|
|
108725
|
+
}
|
|
108718
108726
|
class StoryCanvas {
|
|
108719
108727
|
getStage() {
|
|
108720
108728
|
return this._stage;
|
|
@@ -109365,6 +109373,7 @@
|
|
|
109365
109373
|
exports.scrollBarMarkPick = scrollBarMarkPick;
|
|
109366
109374
|
exports.seriesMarkPick = seriesMarkPick;
|
|
109367
109375
|
exports.setBrowserEnv = setBrowserEnv;
|
|
109376
|
+
exports.setNodeEnv = setNodeEnv;
|
|
109368
109377
|
exports.sizeLegendMarkPick = sizeLegendMarkPick;
|
|
109369
109378
|
exports.titleBarMarkPick = titleBarMarkPick;
|
|
109370
109379
|
|