@visactor/vrender-kits 0.21.0-vstory.1 → 0.21.0

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"]}