@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.
Files changed (70) hide show
  1. package/cjs/env/contributions/feishu-contribution.js +1 -2
  2. package/cjs/env/contributions/lynx-contribution.js +2 -1
  3. package/cjs/event/extension/drag.js +1 -1
  4. package/cjs/event/extension/gesture.js +1 -1
  5. package/cjs/graphic/Lottie.d.ts +49 -0
  6. package/cjs/graphic/Lottie.js +62 -0
  7. package/cjs/graphic/Lottie.js.map +1 -0
  8. package/cjs/graphic/constants.d.ts +1 -0
  9. package/cjs/graphic/constants.js +9 -0
  10. package/cjs/graphic/constants.js.map +1 -0
  11. package/cjs/graphic/interface/lottie.d.ts +10 -0
  12. package/cjs/graphic/interface/lottie.js +6 -0
  13. package/cjs/graphic/interface/lottie.js.map +1 -0
  14. package/cjs/index.d.ts +3 -0
  15. package/cjs/index.js +11 -9
  16. package/cjs/index.js.map +1 -1
  17. package/cjs/jsx/index.js +2 -1
  18. package/cjs/picker/contributions/canvas-picker/lottie-module.d.ts +2 -0
  19. package/cjs/picker/contributions/canvas-picker/lottie-module.js +15 -0
  20. package/cjs/picker/contributions/canvas-picker/lottie-module.js.map +1 -0
  21. package/cjs/picker/contributions/canvas-picker/lottie-picker.d.ts +6 -0
  22. package/cjs/picker/contributions/canvas-picker/lottie-picker.js +30 -0
  23. package/cjs/picker/contributions/canvas-picker/lottie-picker.js.map +1 -0
  24. package/cjs/picker/contributions/constants.d.ts +1 -0
  25. package/cjs/picker/contributions/constants.js +7 -7
  26. package/cjs/picker/contributions/constants.js.map +1 -1
  27. package/cjs/register/register-image.js +1 -2
  28. package/cjs/register/register-path.js +2 -1
  29. package/cjs/render/contributions/canvas/lottie-module.d.ts +2 -0
  30. package/cjs/render/contributions/canvas/lottie-module.js +15 -0
  31. package/cjs/render/contributions/canvas/lottie-module.js.map +1 -0
  32. package/cjs/render/contributions/canvas/lottie-render.d.ts +9 -0
  33. package/cjs/render/contributions/canvas/lottie-render.js +40 -0
  34. package/cjs/render/contributions/canvas/lottie-render.js.map +1 -0
  35. package/dist/index.es.js +812 -2
  36. package/es/env/contributions/feishu-contribution.js +1 -2
  37. package/es/env/contributions/lynx-contribution.js +2 -1
  38. package/es/event/extension/drag.js +1 -1
  39. package/es/event/extension/gesture.js +1 -1
  40. package/es/graphic/Lottie.d.ts +49 -0
  41. package/es/graphic/Lottie.js +53 -0
  42. package/es/graphic/Lottie.js.map +1 -0
  43. package/es/graphic/constants.d.ts +1 -0
  44. package/es/graphic/constants.js +3 -0
  45. package/es/graphic/constants.js.map +1 -0
  46. package/es/graphic/interface/lottie.d.ts +10 -0
  47. package/es/graphic/interface/lottie.js +2 -0
  48. package/es/graphic/interface/lottie.js.map +1 -0
  49. package/es/index.d.ts +3 -0
  50. package/es/index.js +6 -0
  51. package/es/index.js.map +1 -1
  52. package/es/jsx/index.js +2 -1
  53. package/es/picker/contributions/canvas-picker/lottie-module.d.ts +2 -0
  54. package/es/picker/contributions/canvas-picker/lottie-module.js +13 -0
  55. package/es/picker/contributions/canvas-picker/lottie-module.js.map +1 -0
  56. package/es/picker/contributions/canvas-picker/lottie-picker.d.ts +6 -0
  57. package/es/picker/contributions/canvas-picker/lottie-picker.js +26 -0
  58. package/es/picker/contributions/canvas-picker/lottie-picker.js.map +1 -0
  59. package/es/picker/contributions/constants.d.ts +1 -0
  60. package/es/picker/contributions/constants.js +2 -0
  61. package/es/picker/contributions/constants.js.map +1 -1
  62. package/es/register/register-image.js +1 -2
  63. package/es/register/register-path.js +2 -1
  64. package/es/render/contributions/canvas/lottie-module.d.ts +2 -0
  65. package/es/render/contributions/canvas/lottie-module.js +11 -0
  66. package/es/render/contributions/canvas/lottie-module.js.map +1 -0
  67. package/es/render/contributions/canvas/lottie-render.d.ts +9 -0
  68. package/es/render/contributions/canvas/lottie-render.js +36 -0
  69. package/es/render/contributions/canvas/lottie-render.js.map +1 -0
  70. 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
@@ -51,4 +51,4 @@ class DragNDrop {
51
51
  }
52
52
 
53
53
  exports.DragNDrop = DragNDrop;
54
- //# sourceMappingURL=drag.js.map
54
+ //# sourceMappingURL=drag.js.map
@@ -184,4 +184,4 @@ class Gesture extends vutils_1.EventEmitter {
184
184
  }
185
185
 
186
186
  exports.Gesture = Gesture;
187
- //# sourceMappingURL=gesture.js.map
187
+ //# sourceMappingURL=gesture.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,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: !0
5
+ }), exports.LOTTIE_NUMBER_TYPE = void 0;
6
+
7
+ const vrender_core_1 = require("@visactor/vrender-core");
8
+
9
+ exports.LOTTIE_NUMBER_TYPE = vrender_core_1.Generator.GenAutoIncrementId();
@@ -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,6 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: !0
5
+ });
6
+ //# sourceMappingURL=lottie.js.map
@@ -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("./register/register-arc"), exports), __exportStar(require("./register/register-arc3d"), exports),
59
- __exportStar(require("./register/register-area"), exports), __exportStar(require("./register/register-circle"), exports),
60
- __exportStar(require("./register/register-glyph"), exports), __exportStar(require("./register/register-group"), exports),
61
- __exportStar(require("./register/register-image"), exports), __exportStar(require("./register/register-line"), exports),
62
- __exportStar(require("./register/register-path"), exports), __exportStar(require("./register/register-polygon"), exports),
63
- __exportStar(require("./register/register-pyramid3d"), exports), __exportStar(require("./register/register-rect"), exports),
64
- __exportStar(require("./register/register-rect3d"), exports), __exportStar(require("./register/register-richtext"), exports),
65
- __exportStar(require("./register/register-shadowRoot"), exports), __exportStar(require("./register/register-symbol"), exports),
66
- __exportStar(require("./register/register-text"), exports), __exportStar(require("./register/register-wraptext"), exports);
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,2 @@
1
+ import { ContainerModule } from '@visactor/vrender-core';
2
+ export declare const lottieCanvasPickModule: ContainerModule;
@@ -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.CanvasPathPicker = Symbol.for("CanvasPathPicker"), exports.CanvasRectPicker = Symbol.for("CanvasRectPicker"),
16
- exports.CanvasRect3dPicker = Symbol.for("CanvasRect3dPicker"), exports.CanvasSymbolPicker = Symbol.for("CanvasSymbolPicker"),
17
- exports.CanvasTextPicker = Symbol.for("CanvasTextPicker"), exports.CanvasPolygonPicker = Symbol.for("CanvasPolygonPicker"),
18
- exports.CanvasPyramid3dPicker = Symbol.for("CanvasPyramid3dPicker"), exports.CanvasRichTextPicker = Symbol.for("CanvasRichTextPicker"),
19
- exports.CanvasGlyphPicker = Symbol.for("CanvasGlyphPicker"), exports.CanvasGroupPicker = Symbol.for("CanvasGroupPicker"),
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,2 @@
1
+ import { ContainerModule } from '@visactor/vrender-core';
2
+ export declare const lottieModule: ContainerModule;
@@ -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"]}