@visactor/vrender-kits 0.20.11-alpha.2 → 0.20.11

package/cjs/render/contributions/canvas/lottie-render.d.ts

@@ -1,9 +0,0 @@
-import type { IContext2d, IDrawContext, IGraphicAttribute, IGraphicRender, IGraphicRenderDrawParams, IMarkAttribute, IThemeAttribute } from '@visactor/vrender-core';
-import { DefaultCanvasRectRender } from '@visactor/vrender-core';
-import type { ILottie } from '../../../graphic/interface/lottie';
-export declare class DefaultCanvasLottieRender extends DefaultCanvasRectRender implements IGraphicRender {
-    type: 'glyph';
-    numberType: number;
-    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;
-    _drawShape(lottie: ILottie, context: IContext2d, x: number, y: number, drawContext: IDrawContext, params?: IGraphicRenderDrawParams): void;
-}

package/cjs/render/contributions/canvas/lottie-render.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
-    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-    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);
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.DefaultCanvasLottieRender = void 0;
-
-const vrender_core_1 = require("@visactor/vrender-core"), constants_1 = require("../../../graphic/constants");
-
-let DefaultCanvasLottieRender = class extends vrender_core_1.DefaultCanvasRectRender {
-    constructor() {
-        super(...arguments), this.numberType = constants_1.LOTTIE_NUMBER_TYPE;
-    }
-    drawShape(lottie, context, x, y, drawContext, params, fillCb, strokeCb) {
-        const _fillCb = fillCb || (() => this._drawShape.call(this, lottie, context, x, y, drawContext, params));
-        super.drawShape(lottie, context, x, y, drawContext, params, _fillCb, strokeCb);
-    }
-    _drawShape(lottie, context, x, y, drawContext, params) {
-        var _a;
-        const lottieAttribute = null !== (_a = this.tempTheme) && void 0 !== _a ? _a : (0, 
-        vrender_core_1.getTheme)(lottie, null == params ? void 0 : params.theme).rect, {x: originX = lottieAttribute.x, y: originY = lottieAttribute.y} = lottie.attribute;
-        context.setCommonStyle(lottie, lottie.attribute, originX - x, originY - y, lottieAttribute);
-        const canvas = lottie.canvas;
-        if (canvas) {
-            const pattern = context.createPattern(canvas, "no-repeat"), dpr = context.dpr;
-            pattern.setTransform && pattern.setTransform(new DOMMatrix([ 1 / dpr, 0, 0, 1 / dpr, x, y ])), 
-            context.fillStyle = pattern;
-        }
-        context.fill();
-    }
-};
-
-DefaultCanvasLottieRender = __decorate([ (0, vrender_core_1.injectable)() ], DefaultCanvasLottieRender), 
-exports.DefaultCanvasLottieRender = DefaultCanvasLottieRender;
-//# sourceMappingURL=lottie-render.js.map

package/cjs/render/contributions/canvas/lottie-render.js.map

@@ -1 +0,0 @@
-{"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"]}

package/es/graphic/Lottie.d.ts

@@ -1,49 +0,0 @@
-import type { IRectGraphicAttribute } from '@visactor/vrender-core';
-import { Rect } from '@visactor/vrender-core';
-import type { ILottie, ILottieGraphicAttribute } from './interface/lottie';
-import type { AnimationItem } from 'lottie-web';
-export declare class Lottie extends Rect implements ILottie {
-    type: any;
-    attribute: ILottieGraphicAttribute;
-    lottieInstance?: AnimationItem;
-    canvas?: any;
-    static NOWORK_ANIMATE_ATTR: {
-        strokeSeg: number;
-        boundsPadding: number;
-        pickMode: number;
-        boundsMode: number;
-        customPickShape: number;
-        pickable: number;
-        childrenPickable: number;
-        visible: number;
-        zIndex: number;
-        layout: number;
-        keepDirIn3d: number;
-        globalZIndex: number;
-        outerBorder: number;
-        innerBorder: number;
-        lineDash: number;
-        lineCap: number;
-        lineJoin: number;
-        miterLimit: number;
-        strokeBoundsBuffer: number;
-        scaleCenter: number;
-        anchor: number;
-        anchor3d: number;
-        postMatrix: number;
-        backgroundMode: number;
-        background: number;
-        texture: number;
-        cursor: number;
-        html: number;
-    };
-    constructor(params: ILottieGraphicAttribute);
-    setAttributes(params: Partial<ILottieGraphicAttribute>, forceUpdateTag?: boolean, context?: any): void;
-    setAttribute(key: string, value: any, forceUpdateTag?: boolean, context?: any): void;
-    getGraphicTheme(): Required<IRectGraphicAttribute>;
-    initLottieWeb(data: string): void;
-    renderNextFrame: () => void;
-    release(): void;
-    releaseLottieInstance(): void;
-}
-export declare function createLottie(attributes: ILottieGraphicAttribute): ILottie;

package/es/graphic/Lottie.js

@@ -1,53 +0,0 @@
-import { LOTTIE_NUMBER_TYPE } from "./constants";
-
-import { getTheme, NOWORK_ANIMATE_ATTR, Rect, vglobal } from "@visactor/vrender-core";
-
-import bodymovin from "lottie-web";
-
-export class Lottie extends Rect {
-    constructor(params) {
-        super(params), this.type = "lottie", this.renderNextFrame = () => {
-            this.stage.renderNextFrame();
-        }, this.numberType = LOTTIE_NUMBER_TYPE, this.initLottieWeb(this.attribute.data);
-    }
-    setAttributes(params, forceUpdateTag, context) {
-        return params.data && this.initLottieWeb(params.data), super.setAttributes(params, forceUpdateTag, context);
-    }
-    setAttribute(key, value, forceUpdateTag, context) {
-        return "data" === key && this.initLottieWeb(value), super.setAttribute(key, value, forceUpdateTag, context);
-    }
-    getGraphicTheme() {
-        return getTheme(this).rect;
-    }
-    initLottieWeb(data) {
-        if ("browser" !== vglobal.env) return;
-        this.lottieInstance && this.releaseLottieInstance();
-        const theme = this.getGraphicTheme(), {width: width = theme.width, height: height = theme.height} = this.attribute, canvas = vglobal.createCanvas({
-            width: width,
-            height: height,
-            dpr: vglobal.devicePixelRatio
-        }), params = {
-            rendererSettings: {
-                context: canvas.getContext("2d")
-            },
-            animType: "canvas",
-            loop: !0
-        };
-        "string" == typeof data ? params.path = data : params.animationData = data, this.lottieInstance = bodymovin.loadAnimation(params), 
-        this.canvas = canvas, this.lottieInstance.addEventListener("drawnFrame", this.renderNextFrame);
-    }
-    release() {
-        super.release(), this.releaseLottieInstance();
-    }
-    releaseLottieInstance() {
-        this.lottieInstance.removeEventListener("drawnFrame", this.renderNextFrame), this.lottieInstance.destroy(), 
-        this.lottieInstance = null;
-    }
-}
-
-Lottie.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
-
-export function createLottie(attributes) {
-    return new Lottie(attributes);
-}
-//# sourceMappingURL=Lottie.js.map

package/es/graphic/Lottie.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/graphic/Lottie.ts"],"names":[],"mappings":"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","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"]}

package/es/graphic/constants.d.ts

@@ -1 +0,0 @@
-export declare const LOTTIE_NUMBER_TYPE: number;

package/es/graphic/constants.js

@@ -1,3 +0,0 @@
-import { Generator } from "@visactor/vrender-core";
-
-export const LOTTIE_NUMBER_TYPE = Generator.GenAutoIncrementId();

package/es/graphic/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/graphic/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC,kBAAkB,EAAE,CAAC","file":"constants.js","sourcesContent":["import { Generator } from '@visactor/vrender-core';\n\nexport const LOTTIE_NUMBER_TYPE = Generator.GenAutoIncrementId();\n"]}

package/es/graphic/interface/lottie.d.ts

@@ -1,10 +0,0 @@
-import type { IGraphic, IRectGraphicAttribute } from '@visactor/vrender-core';
-import type { AnimationItem } from 'lottie-web';
-export type ILottieAttribute = {
-    data: string;
-};
-export type ILottieGraphicAttribute = Partial<IRectGraphicAttribute> & Partial<ILottieAttribute>;
-export interface ILottie extends IGraphic<ILottieGraphicAttribute> {
-    lottieInstance?: AnimationItem;
-    canvas?: any;
-}

package/es/graphic/interface/lottie.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=lottie.js.map

package/es/graphic/interface/lottie.js.map

@@ -1 +0,0 @@
-{"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/es/picker/contributions/canvas-picker/lottie-module.d.ts

@@ -1,2 +0,0 @@
-import { ContainerModule } from '@visactor/vrender-core';
-export declare const lottieCanvasPickModule: ContainerModule;

package/es/picker/contributions/canvas-picker/lottie-module.js

@@ -1,13 +0,0 @@
-import { ContainerModule } from "@visactor/vrender-core";
-
-import { CanvasLottiePicker, CanvasPickerContribution } from "../constants";
-
-import { DefaultCanvasLottiePicker } from "./lottie-picker";
-
-let loadLottiePick = !1;
-
-export const lottieCanvasPickModule = new ContainerModule(((bind, unbind, isBound, rebind) => {
-    loadLottiePick || (loadLottiePick = !0, bind(CanvasLottiePicker).to(DefaultCanvasLottiePicker).inSingletonScope(), 
-    bind(CanvasPickerContribution).toService(CanvasLottiePicker));
-}));
-//# sourceMappingURL=lottie-module.js.map

package/es/picker/contributions/canvas-picker/lottie-module.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/picker/contributions/canvas-picker/lottie-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,IAAI,cAAc,GAAG,KAAK,CAAC;AAC3B,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,eAAe,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1E,IAAI,CAAC,wBAAwB,CAAC,CAAC,SAAS,CAAC,kBAAkB,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"]}

package/es/picker/contributions/canvas-picker/lottie-picker.d.ts

@@ -1,6 +0,0 @@
-import type { IGraphicPicker, IGraphicRender } from '@visactor/vrender-core';
-import { RectPickerBase } from '../common/rect-picker-base';
-export declare class DefaultCanvasLottiePicker extends RectPickerBase implements IGraphicPicker {
-    readonly canvasRenderer: IGraphicRender;
-    constructor(canvasRenderer: IGraphicRender);
-}

package/es/picker/contributions/canvas-picker/lottie-picker.js

@@ -1,26 +0,0 @@
-var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
-    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-    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);
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}, __metadata = this && this.__metadata || function(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-}, __param = this && this.__param || function(paramIndex, decorator) {
-    return function(target, key) {
-        decorator(target, key, paramIndex);
-    };
-};
-
-import { inject, injectable, RectRender } from "@visactor/vrender-core";
-
-import { RectPickerBase } from "../common/rect-picker-base";
-
-let DefaultCanvasLottiePicker = class extends RectPickerBase {
-    constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer;
-    }
-};
-
-DefaultCanvasLottiePicker = __decorate([ injectable(), __param(0, inject(RectRender)), __metadata("design:paramtypes", [ Object ]) ], DefaultCanvasLottiePicker);
-
-export { DefaultCanvasLottiePicker };
-//# sourceMappingURL=lottie-picker.js.map

package/es/picker/contributions/canvas-picker/lottie-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/picker/contributions/canvas-picker/lottie-picker.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGrD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,cAAc;IAC3D,YAAgD,cAA8B;QAC5E,KAAK,EAAE,CAAC;QADsC,mBAAc,GAAd,cAAc,CAAgB;IAE9E,CAAC;CACF,CAAA;AAJY,yBAAyB;IADrC,UAAU,EAAE;IAEE,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;;GADpB,yBAAyB,CAIrC;SAJY,yBAAyB","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"]}

package/es/render/contributions/canvas/lottie-module.d.ts

@@ -1,2 +0,0 @@
-import { ContainerModule } from '@visactor/vrender-core';
-export declare const lottieModule: ContainerModule;

package/es/render/contributions/canvas/lottie-module.js

@@ -1,11 +0,0 @@
-import { ContainerModule, GraphicRender } from "@visactor/vrender-core";
-
-import { DefaultCanvasLottieRender } from "./lottie-render";
-
-let loadLottieModule = !1;
-
-export const lottieModule = new ContainerModule((bind => {
-    loadLottieModule || (loadLottieModule = !0, bind(DefaultCanvasLottieRender).toSelf().inSingletonScope(), 
-    bind(GraphicRender).toService(DefaultCanvasLottieRender));
-}));
-//# sourceMappingURL=lottie-module.js.map

package/es/render/contributions/canvas/lottie-module.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/render/contributions/canvas/lottie-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,IAAI,gBAAgB,GAAG,KAAK,CAAC;AAC7B,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IACrD,IAAI,gBAAgB,EAAE;QACpB,OAAO;KACR;IACD,gBAAgB,GAAG,IAAI,CAAC;IAExB,IAAI,CAAC,yBAAyB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC5D,IAAI,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,yBAAyB,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"]}

package/es/render/contributions/canvas/lottie-render.d.ts

@@ -1,9 +0,0 @@
-import type { IContext2d, IDrawContext, IGraphicAttribute, IGraphicRender, IGraphicRenderDrawParams, IMarkAttribute, IThemeAttribute } from '@visactor/vrender-core';
-import { DefaultCanvasRectRender } from '@visactor/vrender-core';
-import type { ILottie } from '../../../graphic/interface/lottie';
-export declare class DefaultCanvasLottieRender extends DefaultCanvasRectRender implements IGraphicRender {
-    type: 'glyph';
-    numberType: number;
-    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;
-    _drawShape(lottie: ILottie, context: IContext2d, x: number, y: number, drawContext: IDrawContext, params?: IGraphicRenderDrawParams): void;
-}

package/es/render/contributions/canvas/lottie-render.js

@@ -1,36 +0,0 @@
-var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
-    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-    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);
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-
-import { DefaultCanvasRectRender, getTheme, injectable } from "@visactor/vrender-core";
-
-import { LOTTIE_NUMBER_TYPE } from "../../../graphic/constants";
-
-let DefaultCanvasLottieRender = class extends DefaultCanvasRectRender {
-    constructor() {
-        super(...arguments), this.numberType = LOTTIE_NUMBER_TYPE;
-    }
-    drawShape(lottie, context, x, y, drawContext, params, fillCb, strokeCb) {
-        const _fillCb = fillCb || (() => this._drawShape.call(this, lottie, context, x, y, drawContext, params));
-        super.drawShape(lottie, context, x, y, drawContext, params, _fillCb, strokeCb);
-    }
-    _drawShape(lottie, context, x, y, drawContext, params) {
-        var _a;
-        const lottieAttribute = null !== (_a = this.tempTheme) && void 0 !== _a ? _a : getTheme(lottie, null == params ? void 0 : params.theme).rect, {x: originX = lottieAttribute.x, y: originY = lottieAttribute.y} = lottie.attribute;
-        context.setCommonStyle(lottie, lottie.attribute, originX - x, originY - y, lottieAttribute);
-        const canvas = lottie.canvas;
-        if (canvas) {
-            const pattern = context.createPattern(canvas, "no-repeat"), dpr = context.dpr;
-            pattern.setTransform && pattern.setTransform(new DOMMatrix([ 1 / dpr, 0, 0, 1 / dpr, x, y ])), 
-            context.fillStyle = pattern;
-        }
-        context.fill();
-    }
-};
-
-DefaultCanvasLottieRender = __decorate([ injectable() ], DefaultCanvasLottieRender);
-
-export { DefaultCanvasLottieRender };
-//# sourceMappingURL=lottie-render.js.map

package/es/render/contributions/canvas/lottie-render.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/render/contributions/canvas/lottie-render.ts"],"names":[],"mappings":";;;;;;AASA,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIzD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,uBAAuB;IAA/D;;QAEL,eAAU,GAAW,kBAAkB,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,QAAQ,CAAC,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,UAAU,EAAE;GACA,yBAAyB,CAgDrC;SAhDY,yBAAyB","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"]}