@visactor/vrender-kits 0.20.10 → 0.20.11-alpha.1
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/env/contributions/feishu-contribution.js +1 -2
- package/cjs/env/contributions/lynx-contribution.js +2 -1
- package/cjs/event/extension/drag.js +1 -1
- package/cjs/event/extension/gesture.js +1 -1
- package/cjs/graphic/Lottie.d.ts +49 -0
- package/cjs/graphic/Lottie.js +62 -0
- package/cjs/graphic/Lottie.js.map +1 -0
- package/cjs/graphic/constants.d.ts +1 -0
- package/cjs/graphic/constants.js +9 -0
- package/cjs/graphic/constants.js.map +1 -0
- package/cjs/graphic/interface/lottie.d.ts +10 -0
- package/cjs/graphic/interface/lottie.js +6 -0
- package/cjs/graphic/interface/lottie.js.map +1 -0
- package/cjs/index.d.ts +3 -0
- package/cjs/index.js +11 -9
- package/cjs/index.js.map +1 -1
- package/cjs/jsx/index.js +2 -1
- package/cjs/picker/contributions/canvas-picker/lottie-module.d.ts +2 -0
- package/cjs/picker/contributions/canvas-picker/lottie-module.js +15 -0
- package/cjs/picker/contributions/canvas-picker/lottie-module.js.map +1 -0
- package/cjs/picker/contributions/canvas-picker/lottie-picker.d.ts +6 -0
- package/cjs/picker/contributions/canvas-picker/lottie-picker.js +30 -0
- package/cjs/picker/contributions/canvas-picker/lottie-picker.js.map +1 -0
- package/cjs/picker/contributions/constants.d.ts +1 -0
- package/cjs/picker/contributions/constants.js +7 -7
- package/cjs/picker/contributions/constants.js.map +1 -1
- package/cjs/register/register-image.js +1 -2
- package/cjs/register/register-path.js +2 -1
- package/cjs/render/contributions/canvas/lottie-module.d.ts +2 -0
- package/cjs/render/contributions/canvas/lottie-module.js +15 -0
- package/cjs/render/contributions/canvas/lottie-module.js.map +1 -0
- package/cjs/render/contributions/canvas/lottie-render.d.ts +9 -0
- package/cjs/render/contributions/canvas/lottie-render.js +40 -0
- package/cjs/render/contributions/canvas/lottie-render.js.map +1 -0
- package/dist/index.es.js +812 -2
- package/es/env/contributions/feishu-contribution.js +1 -2
- package/es/env/contributions/lynx-contribution.js +2 -1
- package/es/event/extension/drag.js +1 -1
- package/es/event/extension/gesture.js +1 -1
- package/es/graphic/Lottie.d.ts +49 -0
- package/es/graphic/Lottie.js +53 -0
- package/es/graphic/Lottie.js.map +1 -0
- package/es/graphic/constants.d.ts +1 -0
- package/es/graphic/constants.js +3 -0
- package/es/graphic/constants.js.map +1 -0
- package/es/graphic/interface/lottie.d.ts +10 -0
- package/es/graphic/interface/lottie.js +2 -0
- package/es/graphic/interface/lottie.js.map +1 -0
- package/es/index.d.ts +3 -0
- package/es/index.js +6 -0
- package/es/index.js.map +1 -1
- package/es/jsx/index.js +2 -1
- package/es/picker/contributions/canvas-picker/lottie-module.d.ts +2 -0
- package/es/picker/contributions/canvas-picker/lottie-module.js +13 -0
- package/es/picker/contributions/canvas-picker/lottie-module.js.map +1 -0
- package/es/picker/contributions/canvas-picker/lottie-picker.d.ts +6 -0
- package/es/picker/contributions/canvas-picker/lottie-picker.js +26 -0
- package/es/picker/contributions/canvas-picker/lottie-picker.js.map +1 -0
- package/es/picker/contributions/constants.d.ts +1 -0
- package/es/picker/contributions/constants.js +2 -0
- package/es/picker/contributions/constants.js.map +1 -1
- package/es/register/register-image.js +1 -2
- package/es/register/register-path.js +2 -1
- package/es/render/contributions/canvas/lottie-module.d.ts +2 -0
- package/es/render/contributions/canvas/lottie-module.js +11 -0
- package/es/render/contributions/canvas/lottie-module.js.map +1 -0
- package/es/render/contributions/canvas/lottie-render.d.ts +9 -0
- package/es/render/contributions/canvas/lottie-render.js +36 -0
- package/es/render/contributions/canvas/lottie-render.js.map +1 -0
- package/package.json +6 -5
|
@@ -97,5 +97,4 @@ let FeishuEnvContribution = class extends vrender_core_1.BaseEnvContribution {
|
|
|
97
97
|
};
|
|
98
98
|
|
|
99
99
|
FeishuEnvContribution = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", []) ], FeishuEnvContribution),
|
|
100
|
-
exports.FeishuEnvContribution = FeishuEnvContribution;
|
|
101
|
-
//# sourceMappingURL=feishu-contribution.js.map
|
|
100
|
+
exports.FeishuEnvContribution = FeishuEnvContribution;
|
|
@@ -128,4 +128,5 @@ let LynxEnvContribution = class extends vrender_core_1.BaseEnvContribution {
|
|
|
128
128
|
};
|
|
129
129
|
|
|
130
130
|
LynxEnvContribution = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", []) ], LynxEnvContribution),
|
|
131
|
-
exports.LynxEnvContribution = LynxEnvContribution;
|
|
131
|
+
exports.LynxEnvContribution = LynxEnvContribution;
|
|
132
|
+
//# sourceMappingURL=lynx-contribution.js.map
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import type { IRectGraphicAttribute } from '@visactor/vrender-core';
|
|
2
|
+
import { Rect } from '@visactor/vrender-core';
|
|
3
|
+
import type { ILottie, ILottieGraphicAttribute } from './interface/lottie';
|
|
4
|
+
import type { AnimationItem } from 'lottie-web';
|
|
5
|
+
export declare class Lottie extends Rect implements ILottie {
|
|
6
|
+
type: any;
|
|
7
|
+
attribute: ILottieGraphicAttribute;
|
|
8
|
+
lottieInstance?: AnimationItem;
|
|
9
|
+
canvas?: any;
|
|
10
|
+
static NOWORK_ANIMATE_ATTR: {
|
|
11
|
+
strokeSeg: number;
|
|
12
|
+
boundsPadding: number;
|
|
13
|
+
pickMode: number;
|
|
14
|
+
boundsMode: number;
|
|
15
|
+
customPickShape: number;
|
|
16
|
+
pickable: number;
|
|
17
|
+
childrenPickable: number;
|
|
18
|
+
visible: number;
|
|
19
|
+
zIndex: number;
|
|
20
|
+
layout: number;
|
|
21
|
+
keepDirIn3d: number;
|
|
22
|
+
globalZIndex: number;
|
|
23
|
+
outerBorder: number;
|
|
24
|
+
innerBorder: number;
|
|
25
|
+
lineDash: number;
|
|
26
|
+
lineCap: number;
|
|
27
|
+
lineJoin: number;
|
|
28
|
+
miterLimit: number;
|
|
29
|
+
strokeBoundsBuffer: number;
|
|
30
|
+
scaleCenter: number;
|
|
31
|
+
anchor: number;
|
|
32
|
+
anchor3d: number;
|
|
33
|
+
postMatrix: number;
|
|
34
|
+
backgroundMode: number;
|
|
35
|
+
background: number;
|
|
36
|
+
texture: number;
|
|
37
|
+
cursor: number;
|
|
38
|
+
html: number;
|
|
39
|
+
};
|
|
40
|
+
constructor(params: ILottieGraphicAttribute);
|
|
41
|
+
setAttributes(params: Partial<ILottieGraphicAttribute>, forceUpdateTag?: boolean, context?: any): void;
|
|
42
|
+
setAttribute(key: string, value: any, forceUpdateTag?: boolean, context?: any): void;
|
|
43
|
+
getGraphicTheme(): Required<IRectGraphicAttribute>;
|
|
44
|
+
initLottieWeb(data: string): void;
|
|
45
|
+
renderNextFrame: () => void;
|
|
46
|
+
release(): void;
|
|
47
|
+
releaseLottieInstance(): void;
|
|
48
|
+
}
|
|
49
|
+
export declare function createLottie(attributes: ILottieGraphicAttribute): ILottie;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __importDefault = this && this.__importDefault || function(mod) {
|
|
4
|
+
return mod && mod.__esModule ? mod : {
|
|
5
|
+
default: mod
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
Object.defineProperty(exports, "__esModule", {
|
|
10
|
+
value: !0
|
|
11
|
+
}), exports.createLottie = exports.Lottie = void 0;
|
|
12
|
+
|
|
13
|
+
const constants_1 = require("./constants"), vrender_core_1 = require("@visactor/vrender-core"), lottie_web_1 = __importDefault(require("lottie-web"));
|
|
14
|
+
|
|
15
|
+
class Lottie extends vrender_core_1.Rect {
|
|
16
|
+
constructor(params) {
|
|
17
|
+
super(params), this.type = "lottie", this.renderNextFrame = () => {
|
|
18
|
+
this.stage.renderNextFrame();
|
|
19
|
+
}, this.numberType = constants_1.LOTTIE_NUMBER_TYPE, this.initLottieWeb(this.attribute.data);
|
|
20
|
+
}
|
|
21
|
+
setAttributes(params, forceUpdateTag, context) {
|
|
22
|
+
return params.data && this.initLottieWeb(params.data), super.setAttributes(params, forceUpdateTag, context);
|
|
23
|
+
}
|
|
24
|
+
setAttribute(key, value, forceUpdateTag, context) {
|
|
25
|
+
return "data" === key && this.initLottieWeb(value), super.setAttribute(key, value, forceUpdateTag, context);
|
|
26
|
+
}
|
|
27
|
+
getGraphicTheme() {
|
|
28
|
+
return (0, vrender_core_1.getTheme)(this).rect;
|
|
29
|
+
}
|
|
30
|
+
initLottieWeb(data) {
|
|
31
|
+
if ("browser" !== vrender_core_1.vglobal.env) return;
|
|
32
|
+
this.lottieInstance && this.releaseLottieInstance();
|
|
33
|
+
const theme = this.getGraphicTheme(), {width: width = theme.width, height: height = theme.height} = this.attribute, canvas = vrender_core_1.vglobal.createCanvas({
|
|
34
|
+
width: width,
|
|
35
|
+
height: height,
|
|
36
|
+
dpr: vrender_core_1.vglobal.devicePixelRatio
|
|
37
|
+
}), params = {
|
|
38
|
+
rendererSettings: {
|
|
39
|
+
context: canvas.getContext("2d")
|
|
40
|
+
},
|
|
41
|
+
animType: "canvas",
|
|
42
|
+
loop: !0
|
|
43
|
+
};
|
|
44
|
+
"string" == typeof data ? params.path = data : params.animationData = data, this.lottieInstance = lottie_web_1.default.loadAnimation(params),
|
|
45
|
+
this.canvas = canvas, this.lottieInstance.addEventListener("drawnFrame", this.renderNextFrame);
|
|
46
|
+
}
|
|
47
|
+
release() {
|
|
48
|
+
super.release(), this.releaseLottieInstance();
|
|
49
|
+
}
|
|
50
|
+
releaseLottieInstance() {
|
|
51
|
+
this.lottieInstance.removeEventListener("drawnFrame", this.renderNextFrame), this.lottieInstance.destroy(),
|
|
52
|
+
this.lottieInstance = null;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
function createLottie(attributes) {
|
|
57
|
+
return new Lottie(attributes);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
exports.Lottie = Lottie, Lottie.NOWORK_ANIMATE_ATTR = vrender_core_1.NOWORK_ANIMATE_ATTR,
|
|
61
|
+
exports.createLottie = createLottie;
|
|
62
|
+
//# sourceMappingURL=Lottie.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/graphic/Lottie.ts"],"names":[],"mappings":";;;;;;AACA,2CAAiD;AAEjD,yDAA+G;AAG/G,4DAAmC;AAEnC,MAAa,MAAO,SAAQ,mBAAI;IAQ9B,YAAY,MAA+B;QACzC,KAAK,CAAC,MAAM,CAAC,CAAC;QARhB,SAAI,GAAQ,QAAQ,CAAC;QA4DrB,oBAAe,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC/B,CAAC,CAAC;QArDA,IAAI,CAAC,UAAU,GAAG,8BAAkB,CAAC;QACrC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,aAAa,CAAC,MAAwC,EAAE,cAAwB,EAAE,OAAa;QAC7F,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACjC;QACD,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IAED,YAAY,CAAC,GAAW,EAAE,KAAU,EAAE,cAAwB,EAAE,OAAa;QAC3E,IAAI,GAAG,KAAK,MAAM,EAAE;YAClB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SAC3B;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;IAED,eAAe;QACb,OAAO,IAAA,uBAAQ,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC;IAC7B,CAAC;IAED,aAAa,CAAC,IAAY;QAExB,IAAI,sBAAO,CAAC,GAAG,KAAK,SAAS,EAAE;YAC7B,OAAO;SACR;QACD,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,qBAAqB,EAAE,CAAC;SAC9B;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACtE,MAAM,MAAM,GAAG,sBAAO,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,sBAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACtF,MAAM,MAAM,GAAQ;YAElB,gBAAgB,EAAE;gBAChB,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;aACjC;YACD,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,IAAI;SACX,CAAC;QACF,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC5B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;SACpB;aAAM;YACL,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7B;QACD,IAAI,CAAC,cAAc,GAAG,oBAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC3E,CAAC;IAMD,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5E,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;;AA1EH,wBA2EC;AArEQ,0BAAmB,GAAG,kCAAmB,CAAC;AAuEnD,SAAgB,YAAY,CAAC,UAAmC;IAC9D,OAAO,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;AAChC,CAAC;AAFD,oCAEC","file":"Lottie.js","sourcesContent":["import { min } from '@visactor/vutils';\nimport { LOTTIE_NUMBER_TYPE } from './constants';\nimport type { IRectGraphicAttribute } from '@visactor/vrender-core';\nimport { getTheme, GraphicType, IContext2d, NOWORK_ANIMATE_ATTR, Rect, vglobal } from '@visactor/vrender-core';\nimport type { ILottie, ILottieGraphicAttribute } from './interface/lottie';\nimport type { AnimationItem } from 'lottie-web';\nimport bodymovin from 'lottie-web';\n\nexport class Lottie extends Rect implements ILottie {\n type: any = 'lottie';\n declare attribute: ILottieGraphicAttribute;\n declare lottieInstance?: AnimationItem;\n declare canvas?: any;\n\n static NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;\n\n constructor(params: ILottieGraphicAttribute) {\n super(params);\n this.numberType = LOTTIE_NUMBER_TYPE;\n this.initLottieWeb(this.attribute.data);\n }\n\n setAttributes(params: Partial<ILottieGraphicAttribute>, forceUpdateTag?: boolean, context?: any): void {\n if (params.data) {\n this.initLottieWeb(params.data);\n }\n return super.setAttributes(params, forceUpdateTag, context);\n }\n\n setAttribute(key: string, value: any, forceUpdateTag?: boolean, context?: any): void {\n if (key === 'data') {\n this.initLottieWeb(value);\n }\n return super.setAttribute(key, value, forceUpdateTag, context);\n }\n\n getGraphicTheme(): Required<IRectGraphicAttribute> {\n return getTheme(this).rect;\n }\n\n initLottieWeb(data: string) {\n // 必须是浏览器环境才行\n if (vglobal.env !== 'browser') {\n return;\n }\n if (this.lottieInstance) {\n this.releaseLottieInstance();\n }\n const theme = this.getGraphicTheme();\n const { width = theme.width, height = theme.height } = this.attribute;\n const canvas = vglobal.createCanvas({ width, height, dpr: vglobal.devicePixelRatio });\n const params: any = {\n // wrapper: svgContainer,\n rendererSettings: {\n context: canvas.getContext('2d')\n },\n animType: 'canvas',\n loop: true\n };\n if (typeof data === 'string') {\n params.path = data;\n } else {\n params.animationData = data;\n }\n this.lottieInstance = bodymovin.loadAnimation(params);\n this.canvas = canvas;\n this.lottieInstance.addEventListener('drawnFrame', this.renderNextFrame);\n }\n\n renderNextFrame = () => {\n this.stage.renderNextFrame();\n };\n\n release(): void {\n super.release();\n this.releaseLottieInstance();\n }\n\n releaseLottieInstance() {\n this.lottieInstance.removeEventListener('drawnFrame', this.renderNextFrame);\n this.lottieInstance.destroy();\n this.lottieInstance = null;\n }\n}\n\nexport function createLottie(attributes: ILottieGraphicAttribute): ILottie {\n return new Lottie(attributes);\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const LOTTIE_NUMBER_TYPE: number;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/graphic/constants.ts"],"names":[],"mappings":";;;AAAA,yDAAmD;AAEtC,QAAA,kBAAkB,GAAG,wBAAS,CAAC,kBAAkB,EAAE,CAAC","file":"constants.js","sourcesContent":["import { Generator } from '@visactor/vrender-core';\n\nexport const LOTTIE_NUMBER_TYPE = Generator.GenAutoIncrementId();\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { IGraphic, IRectGraphicAttribute } from '@visactor/vrender-core';
|
|
2
|
+
import type { AnimationItem } from 'lottie-web';
|
|
3
|
+
export type ILottieAttribute = {
|
|
4
|
+
data: string;
|
|
5
|
+
};
|
|
6
|
+
export type ILottieGraphicAttribute = Partial<IRectGraphicAttribute> & Partial<ILottieAttribute>;
|
|
7
|
+
export interface ILottie extends IGraphic<ILottieGraphicAttribute> {
|
|
8
|
+
lottieInstance?: AnimationItem;
|
|
9
|
+
canvas?: any;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/graphic/interface/lottie.ts"],"names":[],"mappings":"","file":"lottie.js","sourcesContent":["import type { IGraphic, IRectGraphicAttribute } from '@visactor/vrender-core';\nimport type { AnimationItem } from 'lottie-web';\n\nexport type ILottieAttribute = {\n data: string;\n};\n\nexport type ILottieGraphicAttribute = Partial<IRectGraphicAttribute> & Partial<ILottieAttribute>;\n\nexport interface ILottie extends IGraphic<ILottieGraphicAttribute> {\n lottieInstance?: AnimationItem;\n canvas?: any;\n}\n"]}
|
package/cjs/index.d.ts
CHANGED
|
@@ -31,6 +31,9 @@ export * from './picker/contributions/math-picker/image-module';
|
|
|
31
31
|
export * from './picker/contributions/canvas-picker/rect3d-module';
|
|
32
32
|
export * from './picker/contributions/canvas-picker/arc3d-module';
|
|
33
33
|
export * from './picker/contributions/canvas-picker/pyramid3d-module';
|
|
34
|
+
export * from './graphic/Lottie';
|
|
35
|
+
export * from './picker/contributions/canvas-picker/lottie-module';
|
|
36
|
+
export * from './render/contributions/canvas/lottie-module';
|
|
34
37
|
export * from './register/register-arc';
|
|
35
38
|
export * from './register/register-arc3d';
|
|
36
39
|
export * from './register/register-area';
|
package/cjs/index.js
CHANGED
|
@@ -55,13 +55,15 @@ __exportStar(require("./picker/contributions/math-picker/image-module"), exports
|
|
|
55
55
|
__exportStar(require("./picker/contributions/canvas-picker/rect3d-module"), exports),
|
|
56
56
|
__exportStar(require("./picker/contributions/canvas-picker/arc3d-module"), exports),
|
|
57
57
|
__exportStar(require("./picker/contributions/canvas-picker/pyramid3d-module"), exports),
|
|
58
|
-
__exportStar(require("./
|
|
59
|
-
__exportStar(require("./
|
|
60
|
-
__exportStar(require("./register/register-
|
|
61
|
-
__exportStar(require("./register/register-
|
|
62
|
-
__exportStar(require("./register/register-
|
|
63
|
-
__exportStar(require("./register/register-
|
|
64
|
-
__exportStar(require("./register/register-
|
|
65
|
-
__exportStar(require("./register/register-
|
|
66
|
-
__exportStar(require("./register/register-
|
|
58
|
+
__exportStar(require("./graphic/Lottie"), exports), __exportStar(require("./picker/contributions/canvas-picker/lottie-module"), exports),
|
|
59
|
+
__exportStar(require("./render/contributions/canvas/lottie-module"), exports), __exportStar(require("./register/register-arc"), exports),
|
|
60
|
+
__exportStar(require("./register/register-arc3d"), exports), __exportStar(require("./register/register-area"), exports),
|
|
61
|
+
__exportStar(require("./register/register-circle"), exports), __exportStar(require("./register/register-glyph"), exports),
|
|
62
|
+
__exportStar(require("./register/register-group"), exports), __exportStar(require("./register/register-image"), exports),
|
|
63
|
+
__exportStar(require("./register/register-line"), exports), __exportStar(require("./register/register-path"), exports),
|
|
64
|
+
__exportStar(require("./register/register-polygon"), exports), __exportStar(require("./register/register-pyramid3d"), exports),
|
|
65
|
+
__exportStar(require("./register/register-rect"), exports), __exportStar(require("./register/register-rect3d"), exports),
|
|
66
|
+
__exportStar(require("./register/register-richtext"), exports), __exportStar(require("./register/register-shadowRoot"), exports),
|
|
67
|
+
__exportStar(require("./register/register-symbol"), exports), __exportStar(require("./register/register-text"), exports),
|
|
68
|
+
__exportStar(require("./register/register-wraptext"), exports);
|
|
67
69
|
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iFAA+D;AAGlD,QAAA,WAAW,GAAG,gBAAY,CAAC;AACxC,mEAAiD;AAEjD,wCAAsB;AACtB,+CAA6B;AAC7B,oDAAkC;AAElC,wCAAsB;AACtB,kFAAgE;AAChE,gFAA8D;AAE9D,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,qFAAmE;AACnE,mFAAiE;AAEjE,qFAAmE;AACnE,mFAAiE;AAEjE,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,sFAAoE;AACpE,oFAAkE;AAElE,oFAAkE;AAClE,kFAAgE;AAEhE,uFAAqE;AACrE,qFAAmE;AAEnE,oFAAkE;AAClE,kFAAgE;AAEhE,qFAAmE;AAEnE,oFAAkE;AAElE,wFAAsE;AAEtE,0DAAwC;AACxC,4DAA0C;AAC1C,2DAAyC;AACzC,6DAA2C;AAC3C,4DAA0C;AAC1C,4DAA0C;AAC1C,4DAA0C;AAC1C,2DAAyC;AACzC,2DAAyC;AACzC,8DAA4C;AAC5C,gEAA8C;AAC9C,2DAAyC;AACzC,6DAA2C;AAC3C,+DAA6C;AAC7C,iEAA+C;AAC/C,6DAA2C;AAC3C,2DAAyC;AACzC,+DAA6C","file":"index.js","sourcesContent":["import _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\nexport * from './picker/contributions/constants';\n\nexport * from './jsx';\nexport * from './react-tree';\nexport * from './event/extension';\n// export * from './env/browser';\nexport * from './env';\nexport * from './picker/contributions/canvas-picker/arc-module';\nexport * from './picker/contributions/math-picker/arc-module';\n\nexport * from './picker/contributions/canvas-picker/rect-module';\nexport * from './picker/contributions/math-picker/rect-module';\n\nexport * from './picker/contributions/canvas-picker/line-module';\nexport * from './picker/contributions/math-picker/line-module';\n\nexport * from './picker/contributions/canvas-picker/area-module';\nexport * from './picker/contributions/math-picker/area-module';\n\nexport * from './picker/contributions/canvas-picker/symbol-module';\nexport * from './picker/contributions/math-picker/symbol-module';\n\nexport * from './picker/contributions/canvas-picker/circle-module';\nexport * from './picker/contributions/math-picker/circle-module';\n\nexport * from './picker/contributions/canvas-picker/text-module';\nexport * from './picker/contributions/math-picker/text-module';\n\nexport * from './picker/contributions/canvas-picker/path-module';\nexport * from './picker/contributions/math-picker/path-module';\n\nexport * from './picker/contributions/canvas-picker/polygon-module';\nexport * from './picker/contributions/math-picker/polygon-module';\n\nexport * from './picker/contributions/canvas-picker/glyph-module';\nexport * from './picker/contributions/math-picker/glyph-module';\n\nexport * from './picker/contributions/canvas-picker/richtext-module';\nexport * from './picker/contributions/math-picker/richtext-module';\n\nexport * from './picker/contributions/canvas-picker/image-module';\nexport * from './picker/contributions/math-picker/image-module';\n\nexport * from './picker/contributions/canvas-picker/rect3d-module';\n\nexport * from './picker/contributions/canvas-picker/arc3d-module';\n\nexport * from './picker/contributions/canvas-picker/pyramid3d-module';\n\nexport * from './register/register-arc';\nexport * from './register/register-arc3d';\nexport * from './register/register-area';\nexport * from './register/register-circle';\nexport * from './register/register-glyph';\nexport * from './register/register-group';\nexport * from './register/register-image';\nexport * from './register/register-line';\nexport * from './register/register-path';\nexport * from './register/register-polygon';\nexport * from './register/register-pyramid3d';\nexport * from './register/register-rect';\nexport * from './register/register-rect3d';\nexport * from './register/register-richtext';\nexport * from './register/register-shadowRoot';\nexport * from './register/register-symbol';\nexport * from './register/register-text';\nexport * from './register/register-wraptext';\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iFAA+D;AAGlD,QAAA,WAAW,GAAG,gBAAY,CAAC;AACxC,mEAAiD;AAEjD,wCAAsB;AACtB,+CAA6B;AAC7B,oDAAkC;AAElC,wCAAsB;AACtB,kFAAgE;AAChE,gFAA8D;AAE9D,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,qFAAmE;AACnE,mFAAiE;AAEjE,qFAAmE;AACnE,mFAAiE;AAEjE,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,sFAAoE;AACpE,oFAAkE;AAElE,oFAAkE;AAClE,kFAAgE;AAEhE,uFAAqE;AACrE,qFAAmE;AAEnE,oFAAkE;AAClE,kFAAgE;AAEhE,qFAAmE;AAEnE,oFAAkE;AAElE,wFAAsE;AAEtE,mDAAiC;AACjC,qFAAmE;AACnE,8EAA4D;AAE5D,0DAAwC;AACxC,4DAA0C;AAC1C,2DAAyC;AACzC,6DAA2C;AAC3C,4DAA0C;AAC1C,4DAA0C;AAC1C,4DAA0C;AAC1C,2DAAyC;AACzC,2DAAyC;AACzC,8DAA4C;AAC5C,gEAA8C;AAC9C,2DAAyC;AACzC,6DAA2C;AAC3C,+DAA6C;AAC7C,iEAA+C;AAC/C,6DAA2C;AAC3C,2DAAyC;AACzC,+DAA6C","file":"index.js","sourcesContent":["import _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\nexport * from './picker/contributions/constants';\n\nexport * from './jsx';\nexport * from './react-tree';\nexport * from './event/extension';\n// export * from './env/browser';\nexport * from './env';\nexport * from './picker/contributions/canvas-picker/arc-module';\nexport * from './picker/contributions/math-picker/arc-module';\n\nexport * from './picker/contributions/canvas-picker/rect-module';\nexport * from './picker/contributions/math-picker/rect-module';\n\nexport * from './picker/contributions/canvas-picker/line-module';\nexport * from './picker/contributions/math-picker/line-module';\n\nexport * from './picker/contributions/canvas-picker/area-module';\nexport * from './picker/contributions/math-picker/area-module';\n\nexport * from './picker/contributions/canvas-picker/symbol-module';\nexport * from './picker/contributions/math-picker/symbol-module';\n\nexport * from './picker/contributions/canvas-picker/circle-module';\nexport * from './picker/contributions/math-picker/circle-module';\n\nexport * from './picker/contributions/canvas-picker/text-module';\nexport * from './picker/contributions/math-picker/text-module';\n\nexport * from './picker/contributions/canvas-picker/path-module';\nexport * from './picker/contributions/math-picker/path-module';\n\nexport * from './picker/contributions/canvas-picker/polygon-module';\nexport * from './picker/contributions/math-picker/polygon-module';\n\nexport * from './picker/contributions/canvas-picker/glyph-module';\nexport * from './picker/contributions/math-picker/glyph-module';\n\nexport * from './picker/contributions/canvas-picker/richtext-module';\nexport * from './picker/contributions/math-picker/richtext-module';\n\nexport * from './picker/contributions/canvas-picker/image-module';\nexport * from './picker/contributions/math-picker/image-module';\n\nexport * from './picker/contributions/canvas-picker/rect3d-module';\n\nexport * from './picker/contributions/canvas-picker/arc3d-module';\n\nexport * from './picker/contributions/canvas-picker/pyramid3d-module';\n\nexport * from './graphic/Lottie';\nexport * from './picker/contributions/canvas-picker/lottie-module';\nexport * from './render/contributions/canvas/lottie-module';\n\nexport * from './register/register-arc';\nexport * from './register/register-arc3d';\nexport * from './register/register-area';\nexport * from './register/register-circle';\nexport * from './register/register-glyph';\nexport * from './register/register-group';\nexport * from './register/register-image';\nexport * from './register/register-line';\nexport * from './register/register-path';\nexport * from './register/register-polygon';\nexport * from './register/register-pyramid3d';\nexport * from './register/register-rect';\nexport * from './register/register-rect3d';\nexport * from './register/register-richtext';\nexport * from './register/register-shadowRoot';\nexport * from './register/register-symbol';\nexport * from './register/register-text';\nexport * from './register/register-wraptext';\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}
|
package/cjs/jsx/index.js
CHANGED
|
@@ -17,4 +17,5 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
|
|
|
17
17
|
|
|
18
18
|
Object.defineProperty(exports, "__esModule", {
|
|
19
19
|
value: !0
|
|
20
|
-
}), __exportStar(require("./jsx-classic"), exports), __exportStar(require("./graphicType"), exports);
|
|
20
|
+
}), __exportStar(require("./jsx-classic"), exports), __exportStar(require("./graphicType"), exports);
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: !0
|
|
5
|
+
}), exports.lottieCanvasPickModule = void 0;
|
|
6
|
+
|
|
7
|
+
const vrender_core_1 = require("@visactor/vrender-core"), constants_1 = require("../constants"), lottie_picker_1 = require("./lottie-picker");
|
|
8
|
+
|
|
9
|
+
let loadLottiePick = !1;
|
|
10
|
+
|
|
11
|
+
exports.lottieCanvasPickModule = new vrender_core_1.ContainerModule(((bind, unbind, isBound, rebind) => {
|
|
12
|
+
loadLottiePick || (loadLottiePick = !0, bind(constants_1.CanvasLottiePicker).to(lottie_picker_1.DefaultCanvasLottiePicker).inSingletonScope(),
|
|
13
|
+
bind(constants_1.CanvasPickerContribution).toService(constants_1.CanvasLottiePicker));
|
|
14
|
+
}));
|
|
15
|
+
//# sourceMappingURL=lottie-module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/picker/contributions/canvas-picker/lottie-module.ts"],"names":[],"mappings":";;;AAAA,yDAAyD;AACzD,4CAA4E;AAC5E,mDAA4D;AAE5D,IAAI,cAAc,GAAG,KAAK,CAAC;AACd,QAAA,sBAAsB,GAAG,IAAI,8BAAe,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;IAC1F,IAAI,cAAc,EAAE;QAClB,OAAO;KACR;IACD,cAAc,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,8BAAkB,CAAC,CAAC,EAAE,CAAC,yCAAyB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1E,IAAI,CAAC,oCAAwB,CAAC,CAAC,SAAS,CAAC,8BAAkB,CAAC,CAAC;AAC/D,CAAC,CAAC,CAAC","file":"lottie-module.js","sourcesContent":["import { ContainerModule } from '@visactor/vrender-core';\nimport { CanvasLottiePicker, CanvasPickerContribution } from '../constants';\nimport { DefaultCanvasLottiePicker } from './lottie-picker';\n\nlet loadLottiePick = false;\nexport const lottieCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind) => {\n if (loadLottiePick) {\n return;\n }\n loadLottiePick = true;\n bind(CanvasLottiePicker).to(DefaultCanvasLottiePicker).inSingletonScope();\n bind(CanvasPickerContribution).toService(CanvasLottiePicker);\n});\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { IGraphicPicker, IGraphicRender } from '@visactor/vrender-core';
|
|
2
|
+
import { RectPickerBase } from '../common/rect-picker-base';
|
|
3
|
+
export declare class DefaultCanvasLottiePicker extends RectPickerBase implements IGraphicPicker {
|
|
4
|
+
readonly canvasRenderer: IGraphicRender;
|
|
5
|
+
constructor(canvasRenderer: IGraphicRender);
|
|
6
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
|
|
4
|
+
var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
|
|
5
|
+
if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
}, __metadata = this && this.__metadata || function(k, v) {
|
|
8
|
+
if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
|
|
9
|
+
}, __param = this && this.__param || function(paramIndex, decorator) {
|
|
10
|
+
return function(target, key) {
|
|
11
|
+
decorator(target, key, paramIndex);
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
Object.defineProperty(exports, "__esModule", {
|
|
16
|
+
value: !0
|
|
17
|
+
}), exports.DefaultCanvasLottiePicker = void 0;
|
|
18
|
+
|
|
19
|
+
const vrender_core_1 = require("@visactor/vrender-core"), rect_picker_base_1 = require("../common/rect-picker-base");
|
|
20
|
+
|
|
21
|
+
let DefaultCanvasLottiePicker = class extends rect_picker_base_1.RectPickerBase {
|
|
22
|
+
constructor(canvasRenderer) {
|
|
23
|
+
super(), this.canvasRenderer = canvasRenderer;
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
DefaultCanvasLottiePicker = __decorate([ (0, vrender_core_1.injectable)(), __param(0, (0,
|
|
28
|
+
vrender_core_1.inject)(vrender_core_1.RectRender)), __metadata("design:paramtypes", [ Object ]) ], DefaultCanvasLottiePicker),
|
|
29
|
+
exports.DefaultCanvasLottiePicker = DefaultCanvasLottiePicker;
|
|
30
|
+
//# sourceMappingURL=lottie-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/picker/contributions/canvas-picker/lottie-picker.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,yDAAwE;AAExE,iEAA4D;AAGrD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,iCAAc;IAC3D,YAAgD,cAA8B;QAC5E,KAAK,EAAE,CAAC;QADsC,mBAAc,GAAd,cAAc,CAAgB;IAE9E,CAAC;CACF,CAAA;AAJY,yBAAyB;IADrC,IAAA,yBAAU,GAAE;IAEE,WAAA,IAAA,qBAAM,EAAC,yBAAU,CAAC,CAAA;;GADpB,yBAAyB,CAIrC;AAJY,8DAAyB","file":"lottie-picker.js","sourcesContent":["import { inject, injectable, RectRender } from '@visactor/vrender-core';\nimport type { IGraphicPicker, IGraphicRender } from '@visactor/vrender-core';\nimport { RectPickerBase } from '../common/rect-picker-base';\n\n@injectable()\nexport class DefaultCanvasLottiePicker extends RectPickerBase implements IGraphicPicker {\n constructor(@inject(RectRender) public readonly canvasRenderer: IGraphicRender) {\n super();\n }\n}\n"]}
|
|
@@ -16,6 +16,7 @@ export declare const CanvasAreaPicker: unique symbol;
|
|
|
16
16
|
export declare const CanvasCirclePicker: unique symbol;
|
|
17
17
|
export declare const CanvasImagePicker: unique symbol;
|
|
18
18
|
export declare const CanvasLinePicker: unique symbol;
|
|
19
|
+
export declare const CanvasLottiePicker: unique symbol;
|
|
19
20
|
export declare const CanvasPathPicker: unique symbol;
|
|
20
21
|
export declare const CanvasRectPicker: unique symbol;
|
|
21
22
|
export declare const CanvasRect3dPicker: unique symbol;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: !0
|
|
5
|
-
}), exports.CanvasPickerContribution = exports.CanvasGroupPicker = exports.CanvasGlyphPicker = exports.CanvasRichTextPicker = exports.CanvasPyramid3dPicker = exports.CanvasPolygonPicker = exports.CanvasTextPicker = exports.CanvasSymbolPicker = exports.CanvasRect3dPicker = exports.CanvasRectPicker = exports.CanvasPathPicker = exports.CanvasLinePicker = exports.CanvasImagePicker = exports.CanvasCirclePicker = exports.CanvasAreaPicker = exports.CanvasArc3dPicker = exports.CanvasArcPicker = exports.MathGlyphPicker = exports.MathPolygonPicker = exports.MathTextPicker = exports.MathSymbolPicker = exports.MathRectPicker = exports.MathPathPicker = exports.MathLinePicker = exports.MathImagePicker = exports.MathCirclePicker = exports.MathAreaPicker = exports.MathArcPicker = exports.MathPickerContribution = void 0,
|
|
5
|
+
}), exports.CanvasPickerContribution = exports.CanvasGroupPicker = exports.CanvasGlyphPicker = exports.CanvasRichTextPicker = exports.CanvasPyramid3dPicker = exports.CanvasPolygonPicker = exports.CanvasTextPicker = exports.CanvasSymbolPicker = exports.CanvasRect3dPicker = exports.CanvasRectPicker = exports.CanvasPathPicker = exports.CanvasLottiePicker = exports.CanvasLinePicker = exports.CanvasImagePicker = exports.CanvasCirclePicker = exports.CanvasAreaPicker = exports.CanvasArc3dPicker = exports.CanvasArcPicker = exports.MathGlyphPicker = exports.MathPolygonPicker = exports.MathTextPicker = exports.MathSymbolPicker = exports.MathRectPicker = exports.MathPathPicker = exports.MathLinePicker = exports.MathImagePicker = exports.MathCirclePicker = exports.MathAreaPicker = exports.MathArcPicker = exports.MathPickerContribution = void 0,
|
|
6
6
|
exports.MathPickerContribution = Symbol.for("MathPickerContribution"), exports.MathArcPicker = Symbol.for("MathArcPicker"),
|
|
7
7
|
exports.MathAreaPicker = Symbol.for("MathAreaPicker"), exports.MathCirclePicker = Symbol.for("MathCirclePicker"),
|
|
8
8
|
exports.MathImagePicker = Symbol.for("MathImagePicker"), exports.MathLinePicker = Symbol.for("MathLinePicker"),
|
|
@@ -12,10 +12,10 @@ exports.MathPolygonPicker = Symbol.for("MathPolygonPicker"), exports.MathGlyphPi
|
|
|
12
12
|
exports.CanvasArcPicker = Symbol.for("CanvasArcPicker"), exports.CanvasArc3dPicker = Symbol.for("CanvasArc3dPicker"),
|
|
13
13
|
exports.CanvasAreaPicker = Symbol.for("CanvasAreaPicker"), exports.CanvasCirclePicker = Symbol.for("CanvasCirclePicker"),
|
|
14
14
|
exports.CanvasImagePicker = Symbol.for("CanvasImagePicker"), exports.CanvasLinePicker = Symbol.for("CanvasLinePicker"),
|
|
15
|
-
exports.
|
|
16
|
-
exports.
|
|
17
|
-
exports.
|
|
18
|
-
exports.
|
|
19
|
-
exports.
|
|
20
|
-
exports.CanvasPickerContribution = Symbol.for("CanvasPickerContribution");
|
|
15
|
+
exports.CanvasLottiePicker = Symbol.for("CanvasLottiePicker"), exports.CanvasPathPicker = Symbol.for("CanvasPathPicker"),
|
|
16
|
+
exports.CanvasRectPicker = Symbol.for("CanvasRectPicker"), exports.CanvasRect3dPicker = Symbol.for("CanvasRect3dPicker"),
|
|
17
|
+
exports.CanvasSymbolPicker = Symbol.for("CanvasSymbolPicker"), exports.CanvasTextPicker = Symbol.for("CanvasTextPicker"),
|
|
18
|
+
exports.CanvasPolygonPicker = Symbol.for("CanvasPolygonPicker"), exports.CanvasPyramid3dPicker = Symbol.for("CanvasPyramid3dPicker"),
|
|
19
|
+
exports.CanvasRichTextPicker = Symbol.for("CanvasRichTextPicker"), exports.CanvasGlyphPicker = Symbol.for("CanvasGlyphPicker"),
|
|
20
|
+
exports.CanvasGroupPicker = Symbol.for("CanvasGroupPicker"), exports.CanvasPickerContribution = Symbol.for("CanvasPickerContribution");
|
|
21
21
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/picker/contributions/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;AAG9D,QAAA,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AAC5C,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAChD,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAGhD,QAAA,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAChD,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AACtD,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AACtD,QAAA,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AACtD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;AACxD,QAAA,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAC5D,QAAA,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAC1D,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC","file":"constants.js","sourcesContent":["export const MathPickerContribution = Symbol.for('MathPickerContribution');\n\n// math\nexport const MathArcPicker = Symbol.for('MathArcPicker');\nexport const MathAreaPicker = Symbol.for('MathAreaPicker');\nexport const MathCirclePicker = Symbol.for('MathCirclePicker');\nexport const MathImagePicker = Symbol.for('MathImagePicker');\nexport const MathLinePicker = Symbol.for('MathLinePicker');\nexport const MathPathPicker = Symbol.for('MathPathPicker');\nexport const MathRectPicker = Symbol.for('MathRectPicker');\nexport const MathSymbolPicker = Symbol.for('MathSymbolPicker');\nexport const MathTextPicker = Symbol.for('MathTextPicker');\nexport const MathPolygonPicker = Symbol.for('MathPolygonPicker');\nexport const MathGlyphPicker = Symbol.for('MathGlyphPicker');\n\n// canvas\nexport const CanvasArcPicker = Symbol.for('CanvasArcPicker');\nexport const CanvasArc3dPicker = Symbol.for('CanvasArc3dPicker');\nexport const CanvasAreaPicker = Symbol.for('CanvasAreaPicker');\nexport const CanvasCirclePicker = Symbol.for('CanvasCirclePicker');\nexport const CanvasImagePicker = Symbol.for('CanvasImagePicker');\nexport const CanvasLinePicker = Symbol.for('CanvasLinePicker');\nexport const CanvasPathPicker = Symbol.for('CanvasPathPicker');\nexport const CanvasRectPicker = Symbol.for('CanvasRectPicker');\nexport const CanvasRect3dPicker = Symbol.for('CanvasRect3dPicker');\nexport const CanvasSymbolPicker = Symbol.for('CanvasSymbolPicker');\nexport const CanvasTextPicker = Symbol.for('CanvasTextPicker');\nexport const CanvasPolygonPicker = Symbol.for('CanvasPolygonPicker');\nexport const CanvasPyramid3dPicker = Symbol.for('CanvasPyramid3dPicker');\nexport const CanvasRichTextPicker = Symbol.for('CanvasRichTextPicker');\nexport const CanvasGlyphPicker = Symbol.for('CanvasGlyphPicker');\nexport const CanvasGroupPicker = Symbol.for('CanvasGroupPicker');\nexport const CanvasPickerContribution = Symbol.for('CanvasPickerContribution');\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/picker/contributions/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;AAG9D,QAAA,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AAC5C,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAChD,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC9C,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAGhD,QAAA,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAChD,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AACtD,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AACtD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AACtD,QAAA,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AACtD,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAClD,QAAA,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;AACxD,QAAA,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAC5D,QAAA,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAC1D,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AACpD,QAAA,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC","file":"constants.js","sourcesContent":["export const MathPickerContribution = Symbol.for('MathPickerContribution');\n\n// math\nexport const MathArcPicker = Symbol.for('MathArcPicker');\nexport const MathAreaPicker = Symbol.for('MathAreaPicker');\nexport const MathCirclePicker = Symbol.for('MathCirclePicker');\nexport const MathImagePicker = Symbol.for('MathImagePicker');\nexport const MathLinePicker = Symbol.for('MathLinePicker');\nexport const MathPathPicker = Symbol.for('MathPathPicker');\nexport const MathRectPicker = Symbol.for('MathRectPicker');\nexport const MathSymbolPicker = Symbol.for('MathSymbolPicker');\nexport const MathTextPicker = Symbol.for('MathTextPicker');\nexport const MathPolygonPicker = Symbol.for('MathPolygonPicker');\nexport const MathGlyphPicker = Symbol.for('MathGlyphPicker');\n\n// canvas\nexport const CanvasArcPicker = Symbol.for('CanvasArcPicker');\nexport const CanvasArc3dPicker = Symbol.for('CanvasArc3dPicker');\nexport const CanvasAreaPicker = Symbol.for('CanvasAreaPicker');\nexport const CanvasCirclePicker = Symbol.for('CanvasCirclePicker');\nexport const CanvasImagePicker = Symbol.for('CanvasImagePicker');\nexport const CanvasLinePicker = Symbol.for('CanvasLinePicker');\nexport const CanvasLottiePicker = Symbol.for('CanvasLottiePicker');\nexport const CanvasPathPicker = Symbol.for('CanvasPathPicker');\nexport const CanvasRectPicker = Symbol.for('CanvasRectPicker');\nexport const CanvasRect3dPicker = Symbol.for('CanvasRect3dPicker');\nexport const CanvasSymbolPicker = Symbol.for('CanvasSymbolPicker');\nexport const CanvasTextPicker = Symbol.for('CanvasTextPicker');\nexport const CanvasPolygonPicker = Symbol.for('CanvasPolygonPicker');\nexport const CanvasPyramid3dPicker = Symbol.for('CanvasPyramid3dPicker');\nexport const CanvasRichTextPicker = Symbol.for('CanvasRichTextPicker');\nexport const CanvasGlyphPicker = Symbol.for('CanvasGlyphPicker');\nexport const CanvasGroupPicker = Symbol.for('CanvasGroupPicker');\nexport const CanvasPickerContribution = Symbol.for('CanvasPickerContribution');\n"]}
|
|
@@ -11,5 +11,4 @@ function _registerImage() {
|
|
|
11
11
|
vrender_core_1.container.load(vrender_core_1.imageModule), vrender_core_1.container.load(env_1.browser ? image_module_1.imageCanvasPickModule : image_module_2.imageMathPickModule));
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
_registerImage.__loaded = !1, exports.registerImage = _registerImage;
|
|
15
|
-
//# sourceMappingURL=register-image.js.map
|
|
14
|
+
_registerImage.__loaded = !1, exports.registerImage = _registerImage;
|
|
@@ -11,4 +11,5 @@ function _registerPath() {
|
|
|
11
11
|
vrender_core_1.container.load(vrender_core_1.pathModule), vrender_core_1.container.load(env_1.browser ? path_module_1.pathCanvasPickModule : path_module_2.pathMathPickModule));
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
_registerPath.__loaded = !1, exports.registerPath = _registerPath;
|
|
14
|
+
_registerPath.__loaded = !1, exports.registerPath = _registerPath;
|
|
15
|
+
//# sourceMappingURL=register-path.js.map
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: !0
|
|
5
|
+
}), exports.lottieModule = void 0;
|
|
6
|
+
|
|
7
|
+
const vrender_core_1 = require("@visactor/vrender-core"), lottie_render_1 = require("./lottie-render");
|
|
8
|
+
|
|
9
|
+
let loadLottieModule = !1;
|
|
10
|
+
|
|
11
|
+
exports.lottieModule = new vrender_core_1.ContainerModule((bind => {
|
|
12
|
+
loadLottieModule || (loadLottieModule = !0, bind(lottie_render_1.DefaultCanvasLottieRender).toSelf().inSingletonScope(),
|
|
13
|
+
bind(vrender_core_1.GraphicRender).toService(lottie_render_1.DefaultCanvasLottieRender));
|
|
14
|
+
}));
|
|
15
|
+
//# sourceMappingURL=lottie-module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/render/contributions/canvas/lottie-module.ts"],"names":[],"mappings":";;;AAAA,yDAAwE;AACxE,mDAA4D;AAE5D,IAAI,gBAAgB,GAAG,KAAK,CAAC;AAChB,QAAA,YAAY,GAAG,IAAI,8BAAe,CAAC,IAAI,CAAC,EAAE;IACrD,IAAI,gBAAgB,EAAE;QACpB,OAAO;KACR;IACD,gBAAgB,GAAG,IAAI,CAAC;IAExB,IAAI,CAAC,yCAAyB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC5D,IAAI,CAAC,4BAAa,CAAC,CAAC,SAAS,CAAC,yCAAyB,CAAC,CAAC;AAC3D,CAAC,CAAC,CAAC","file":"lottie-module.js","sourcesContent":["import { ContainerModule, GraphicRender } from '@visactor/vrender-core';\nimport { DefaultCanvasLottieRender } from './lottie-render';\n\nlet loadLottieModule = false;\nexport const lottieModule = new ContainerModule(bind => {\n if (loadLottieModule) {\n return;\n }\n loadLottieModule = true;\n // lottie渲染器\n bind(DefaultCanvasLottieRender).toSelf().inSingletonScope();\n bind(GraphicRender).toService(DefaultCanvasLottieRender);\n});\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { IContext2d, IDrawContext, IGraphicAttribute, IGraphicRender, IGraphicRenderDrawParams, IMarkAttribute, IThemeAttribute } from '@visactor/vrender-core';
|
|
2
|
+
import { DefaultCanvasRectRender } from '@visactor/vrender-core';
|
|
3
|
+
import type { ILottie } from '../../../graphic/interface/lottie';
|
|
4
|
+
export declare class DefaultCanvasLottieRender extends DefaultCanvasRectRender implements IGraphicRender {
|
|
5
|
+
type: 'glyph';
|
|
6
|
+
numberType: number;
|
|
7
|
+
drawShape(lottie: ILottie, context: IContext2d, x: number, y: number, drawContext: IDrawContext, params?: IGraphicRenderDrawParams, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): void;
|
|
8
|
+
_drawShape(lottie: ILottie, context: IContext2d, x: number, y: number, drawContext: IDrawContext, params?: IGraphicRenderDrawParams): void;
|
|
9
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
|
|
4
|
+
var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
|
|
5
|
+
if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
Object.defineProperty(exports, "__esModule", {
|
|
10
|
+
value: !0
|
|
11
|
+
}), exports.DefaultCanvasLottieRender = void 0;
|
|
12
|
+
|
|
13
|
+
const vrender_core_1 = require("@visactor/vrender-core"), constants_1 = require("../../../graphic/constants");
|
|
14
|
+
|
|
15
|
+
let DefaultCanvasLottieRender = class extends vrender_core_1.DefaultCanvasRectRender {
|
|
16
|
+
constructor() {
|
|
17
|
+
super(...arguments), this.numberType = constants_1.LOTTIE_NUMBER_TYPE;
|
|
18
|
+
}
|
|
19
|
+
drawShape(lottie, context, x, y, drawContext, params, fillCb, strokeCb) {
|
|
20
|
+
const _fillCb = fillCb || (() => this._drawShape.call(this, lottie, context, x, y, drawContext, params));
|
|
21
|
+
super.drawShape(lottie, context, x, y, drawContext, params, _fillCb, strokeCb);
|
|
22
|
+
}
|
|
23
|
+
_drawShape(lottie, context, x, y, drawContext, params) {
|
|
24
|
+
var _a;
|
|
25
|
+
const lottieAttribute = null !== (_a = this.tempTheme) && void 0 !== _a ? _a : (0,
|
|
26
|
+
vrender_core_1.getTheme)(lottie, null == params ? void 0 : params.theme).rect, {x: originX = lottieAttribute.x, y: originY = lottieAttribute.y} = lottie.attribute;
|
|
27
|
+
context.setCommonStyle(lottie, lottie.attribute, originX - x, originY - y, lottieAttribute);
|
|
28
|
+
const canvas = lottie.canvas;
|
|
29
|
+
if (canvas) {
|
|
30
|
+
const pattern = context.createPattern(canvas, "no-repeat"), dpr = context.dpr;
|
|
31
|
+
pattern.setTransform && pattern.setTransform(new DOMMatrix([ 1 / dpr, 0, 0, 1 / dpr, x, y ])),
|
|
32
|
+
context.fillStyle = pattern;
|
|
33
|
+
}
|
|
34
|
+
context.fill();
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
DefaultCanvasLottieRender = __decorate([ (0, vrender_core_1.injectable)() ], DefaultCanvasLottieRender),
|
|
39
|
+
exports.DefaultCanvasLottieRender = DefaultCanvasLottieRender;
|
|
40
|
+
//# sourceMappingURL=lottie-render.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/render/contributions/canvas/lottie-render.ts"],"names":[],"mappings":";;;;;;;;;AASA,yDAAuF;AACvF,0DAAgE;AAIzD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,sCAAuB;IAA/D;;QAEL,eAAU,GAAW,8BAAkB,CAAC;IA8C1C,CAAC;IA5CC,SAAS,CACP,MAAe,EACf,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;QAEZ,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;QACzG,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IACjF,CAAC;IAED,UAAU,CACR,MAAe,EACf,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC;;QAEjC,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAA,uBAAQ,EAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,CAAC,IAAI,CAAC;QAC/E,MAAM,EAAE,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;QAC5F,OAAO,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,eAAe,CAAC,CAAC;QAE5F,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC7B,IAAI,MAAM,EAAE;YAEV,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YAC3D,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;YACxB,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,YAAY,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5F,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;SAC7B;QACD,OAAO,CAAC,IAAI,EAAE,CAAC;IACjB,CAAC;CACF,CAAA;AAhDY,yBAAyB;IADrC,IAAA,yBAAU,GAAE;GACA,yBAAyB,CAgDrC;AAhDY,8DAAyB","file":"lottie-render.js","sourcesContent":["import type {\n IContext2d,\n IDrawContext,\n IGraphicAttribute,\n IGraphicRender,\n IGraphicRenderDrawParams,\n IMarkAttribute,\n IThemeAttribute\n} from '@visactor/vrender-core';\nimport { DefaultCanvasRectRender, getTheme, injectable } from '@visactor/vrender-core';\nimport { LOTTIE_NUMBER_TYPE } from '../../../graphic/constants';\nimport type { ILottie } from '../../../graphic/interface/lottie';\n\n@injectable()\nexport class DefaultCanvasLottieRender extends DefaultCanvasRectRender implements IGraphicRender {\n type: 'glyph';\n numberType: number = LOTTIE_NUMBER_TYPE;\n\n drawShape(\n lottie: ILottie,\n context: IContext2d,\n x: number,\n y: number,\n drawContext: IDrawContext,\n params?: IGraphicRenderDrawParams,\n fillCb?: (\n ctx: IContext2d,\n markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n themeAttribute: IThemeAttribute\n ) => boolean,\n strokeCb?: (\n ctx: IContext2d,\n markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n themeAttribute: IThemeAttribute\n ) => boolean\n ): void {\n const _fillCb = fillCb || (() => this._drawShape.call(this, lottie, context, x, y, drawContext, params));\n super.drawShape(lottie, context, x, y, drawContext, params, _fillCb, strokeCb);\n }\n\n _drawShape(\n lottie: ILottie,\n context: IContext2d,\n x: number,\n y: number,\n drawContext: IDrawContext,\n params?: IGraphicRenderDrawParams\n ): void {\n const lottieAttribute = this.tempTheme ?? getTheme(lottie, params?.theme).rect;\n const { x: originX = lottieAttribute.x, y: originY = lottieAttribute.y } = lottie.attribute;\n context.setCommonStyle(lottie, lottie.attribute, originX - x, originY - y, lottieAttribute);\n // 设置pattern,绘制lottie\n const canvas = lottie.canvas;\n if (canvas) {\n // const _ctx = canvas.getContext('2d');\n const pattern = context.createPattern(canvas, 'no-repeat');\n const dpr = context.dpr;\n pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, x, y]));\n context.fillStyle = pattern;\n }\n context.fill();\n }\n}\n"]}
|