@visactor/vrender-kits 0.16.0-alpha.4 → 0.16.0-alpha.6

package/cjs/window/contributions/node-contribution.d.ts

@@ -1,40 +1 @@
-import { BaseWindowHandlerContribution, ContainerModule } from '@visactor/vrender-core';
-import type { IBoundsLike } from '@visactor/vutils';
-import type { EnvType, IGlobal, IContext2d, ICanvas, IDomRectLike, IWindowHandlerContribution, IWindowParams } from '@visactor/vrender-core';
-export declare class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {
-    private readonly global;
-    static env: EnvType;
-    type: EnvType;
-    canvas: ICanvas;
-    get container(): HTMLElement | null;
-    constructor(global: IGlobal);
-    getTitle(): string;
-    getWH(): {
-        width: number;
-        height: number;
-    };
-    getXY(): {
-        x: number;
-        y: number;
-    };
-    createWindow(params: IWindowParams): void;
-    private createWindowByConfig;
-    private createWindowByCanvas;
-    releaseWindow(): void;
-    resizeWindow(width: number, height: number): void;
-    setDpr(dpr: number): void;
-    getContext(): IContext2d;
-    getNativeHandler(): ICanvas;
-    getDpr(): number;
-    getImageBuffer(type?: string): any;
-    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-    dispatchEvent(event: any): boolean;
-    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    getStyle(): CSSStyleDeclaration | Record<string, any>;
-    setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
-    getBoundingClientRect(): IDomRectLike;
-    clearViewBox(vb: IBoundsLike, color?: string): void;
-}
-export declare const nodeWindowModule: ContainerModule;
+

package/cjs/window/contributions/node-contribution.js

@@ -1,111 +1 @@
-"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;
-}, __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);
-    };
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.nodeWindowModule = exports.NodeWindowHandlerContribution = void 0;
-
-const vrender_core_1 = require("@visactor/vrender-core"), node_1 = require("../../canvas/contributions/node");
-
-let NodeWindowHandlerContribution = class extends vrender_core_1.BaseWindowHandlerContribution {
-    get container() {
-        return null;
-    }
-    constructor(global) {
-        super(), this.global = global, this.type = "node";
-    }
-    getTitle() {
-        return "";
-    }
-    getWH() {
-        return {
-            width: this.canvas.displayWidth,
-            height: this.canvas.displayHeight
-        };
-    }
-    getXY() {
-        return {
-            x: 0,
-            y: 0
-        };
-    }
-    createWindow(params) {
-        params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params);
-    }
-    createWindowByConfig(params) {
-        const nativeCanvas = this.global.createCanvas({
-            width: params.width,
-            height: params.height
-        }), options = {
-            width: params.width,
-            height: params.height,
-            dpr: params.dpr,
-            nativeCanvas: nativeCanvas,
-            id: vrender_core_1.Generator.GenAutoIncrementId().toString(),
-            canvasControled: !0
-        };
-        this.canvas = new node_1.NodeCanvas(options);
-    }
-    createWindowByCanvas(params) {
-        const canvas = params.canvas;
-        let width = params.width, height = params.height;
-        null != width && null != height && params.canvasControled || (width = canvas.width, 
-        height = canvas.height), this.canvas = new node_1.NodeCanvas({
-            width: width,
-            height: height,
-            dpr: 1,
-            nativeCanvas: canvas,
-            canvasControled: params.canvasControled
-        });
-    }
-    releaseWindow() {
-        this.canvas.release();
-    }
-    resizeWindow(width, height) {
-        this.canvas.resize(width, height);
-    }
-    setDpr(dpr) {
-        this.canvas.dpr = dpr;
-    }
-    getContext() {
-        return this.canvas.getContext();
-    }
-    getNativeHandler() {
-        return this.canvas;
-    }
-    getDpr() {
-        return this.canvas.dpr;
-    }
-    getImageBuffer(type = "image/png") {
-        return this.canvas.nativeCanvas.toBuffer(type);
-    }
-    addEventListener(type, listener, options) {}
-    dispatchEvent(event) {
-        return !0;
-    }
-    removeEventListener(type, listener, options) {}
-    getStyle() {}
-    setStyle(style) {}
-    getBoundingClientRect() {
-        return null;
-    }
-    clearViewBox(vb, color) {}
-};
-
-NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate([ (0, 
-vrender_core_1.injectable)(), __param(0, (0, vrender_core_1.inject)(vrender_core_1.VGlobal)), __metadata("design:paramtypes", [ Object ]) ], NodeWindowHandlerContribution), 
-exports.NodeWindowHandlerContribution = NodeWindowHandlerContribution, exports.nodeWindowModule = new vrender_core_1.ContainerModule((bind => {
-    bind(NodeWindowHandlerContribution).toSelf(), bind(vrender_core_1.WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(NodeWindowHandlerContribution))).whenTargetNamed(NodeWindowHandlerContribution.env);
-}));
-//# sourceMappingURL=node-contribution.js.map
+//# sourceMappingURL=node-contribution.js.map

package/cjs/window/contributions/node-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/window/contributions/node-contribution.ts"],"names":[],"mappings":"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","file":"node-contribution.js","sourcesContent":["import {\n  inject,\n  injectable,\n  Generator,\n  BaseWindowHandlerContribution,\n  VGlobal,\n  ContainerModule,\n  WindowHandlerContribution\n} from '@visactor/vrender-core';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type {\n  EnvType,\n  IGlobal,\n  IContext2d,\n  ICanvas,\n  IDomRectLike,\n  IWindowHandlerContribution,\n  IWindowParams\n} from '@visactor/vrender-core';\nimport { NodeCanvas } from '../../canvas/contributions/node';\n\n@injectable()\nexport class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n  static env: EnvType = 'node';\n  type: EnvType = 'node';\n\n  canvas: ICanvas;\n  get container(): HTMLElement | null {\n    return null;\n  }\n\n  constructor(@inject(VGlobal) private readonly global: IGlobal) {\n    super();\n  }\n\n  getTitle(): string {\n    return '';\n  }\n\n  getWH(): { width: number; height: number } {\n    return {\n      width: this.canvas.displayWidth,\n      height: this.canvas.displayHeight\n    };\n  }\n\n  getXY(): { x: number; y: number } {\n    return { x: 0, y: 0 };\n  }\n\n  createWindow(params: IWindowParams): void {\n    // 如果没有传入canvas，那么就创建一个canvas\n    if (!params.canvas) {\n      this.createWindowByConfig(params);\n    } else {\n      this.createWindowByCanvas(params);\n    }\n  }\n  private createWindowByConfig(params: IWindowParams) {\n    // 创建canvas\n    const nativeCanvas = this.global.createCanvas({ width: params.width, height: params.height });\n\n    // 绑定\n    const options = {\n      width: params.width,\n      height: params.height,\n      dpr: params.dpr,\n      nativeCanvas,\n      id: Generator.GenAutoIncrementId().toString(),\n      canvasControled: true\n    };\n    this.canvas = new NodeCanvas(options);\n  }\n  private createWindowByCanvas(params: IWindowParams) {\n    // 获取canvas\n    const canvas = params!.canvas as HTMLCanvasElement | null;\n\n    // 如果没有传入wh，或者是不受控制的canvas，那就用canvas的原始wh\n    let width = params.width;\n    let height = params.height;\n    if (width == null || height == null || !params.canvasControled) {\n      width = canvas.width;\n      height = canvas.height;\n    }\n\n    this.canvas = new NodeCanvas({\n      width: width,\n      height: height,\n      dpr: 1,\n      nativeCanvas: canvas,\n      canvasControled: params.canvasControled\n    });\n  }\n  releaseWindow(): void {\n    this.canvas.release();\n  }\n  resizeWindow(width: number, height: number): void {\n    this.canvas.resize(width, height);\n  }\n  setDpr(dpr: number): void {\n    this.canvas.dpr = dpr;\n  }\n\n  getContext(): IContext2d {\n    return this.canvas.getContext();\n  }\n  getNativeHandler(): ICanvas {\n    return this.canvas;\n  }\n  getDpr(): number {\n    return this.canvas.dpr;\n  }\n\n  getImageBuffer(type: string = 'image/png'): any {\n    const canvas = this.canvas.nativeCanvas;\n    return canvas.toBuffer(type);\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return true;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return;\n  }\n\n  getStyle(): CSSStyleDeclaration | Record<string, any> {\n    return;\n  }\n  setStyle(style: CSSStyleDeclaration | Record<string, any>): void {\n    return;\n  }\n\n  getBoundingClientRect(): IDomRectLike {\n    return null;\n  }\n\n  clearViewBox(vb: IBoundsLike, color?: string): void {\n    return;\n  }\n}\n\nexport const nodeWindowModule = new ContainerModule(bind => {\n  // node\n  bind(NodeWindowHandlerContribution).toSelf();\n  bind(WindowHandlerContribution)\n    .toDynamicValue(ctx => ctx.container.get(NodeWindowHandlerContribution))\n    .whenTargetNamed(NodeWindowHandlerContribution.env);\n});\n"]}
+{"version":3,"sources":["../src/window/contributions/node-contribution.ts"],"names":[],"mappings":"","file":"node-contribution.js","sourcesContent":["// import { inject, injectable } from 'inversify';\n// import type {\n//   EnvType,\n//   IGlobal,\n//   IWindowHandlerContribution,\n//   IWindowParams,\n//   IContext2d,\n//   ICanvas,\n//   IDomRectLike\n// } from '@visactor/vrender';\n// import { Generator, Global, BaseWindowHandlerContribution } from '@visactor/vrender';\n// import { NodeCanvas } from '../../canvas/contributions/node/canvas';\n// import type { IBoundsLike } from '@visactor/vutils';\n\n// @injectable()\n// export class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n//   type: EnvType = 'node';\n\n//   canvas: ICanvas;\n//   get container(): HTMLElement | null {\n//     return null;\n//   }\n\n//   constructor(@inject(Global) private readonly global: IGlobal) {\n//     super();\n//   }\n\n//   getTitle(): string {\n//     return '';\n//   }\n\n//   getWH(): { width: number; height: number } {\n//     return {\n//       width: this.canvas.displayWidth,\n//       height: this.canvas.displayHeight\n//     };\n//   }\n\n//   getXY(): { x: number; y: number } {\n//     return { x: 0, y: 0 };\n//   }\n\n//   createWindow(params: IWindowParams): void {\n//     // 如果没有传入canvas，那么就创建一个canvas\n//     if (!params.canvas) {\n//       this.createWindowByConfig(params);\n//     } else {\n//       this.createWindowByCanvas(params);\n//     }\n//   }\n//   private createWindowByConfig(params: IWindowParams) {\n//     // 创建canvas\n//     const nativeCanvas = this.global.createCanvas({ width: params.width, height: params.height });\n\n//     // 绑定\n//     const options = {\n//       width: params.width,\n//       height: params.height,\n//       dpr: params.dpr,\n//       nativeCanvas,\n//       id: Generator.GenAutoIncrementId().toString(),\n//       canvasControled: true\n//     };\n//     this.canvas = new NodeCanvas(options);\n//   }\n//   private createWindowByCanvas(params: IWindowParams) {\n//     // 获取canvas\n//     const canvas = params!.canvas as HTMLCanvasElement | null;\n\n//     // 如果没有传入wh，或者是不受控制的canvas，那就用canvas的原始wh\n//     let width = params.width;\n//     let height = params.height;\n//     if (width == null || height == null || !params.canvasControled) {\n//       width = canvas.width;\n//       height = canvas.height;\n//     }\n\n//     this.canvas = new NodeCanvas({\n//       width: width,\n//       height: height,\n//       dpr: 1,\n//       nativeCanvas: canvas,\n//       canvasControled: params.canvasControled\n//     });\n//   }\n//   releaseWindow(): void {\n//     this.canvas.release();\n//   }\n//   resizeWindow(width: number, height: number): void {\n//     this.canvas.resize(width, height);\n//   }\n//   setDpr(dpr: number): void {\n//     this.canvas.dpr = dpr;\n//   }\n\n//   getContext(): IContext2d {\n//     return this.canvas.getContext();\n//   }\n//   getNativeHandler(): ICanvas {\n//     return this.canvas;\n//   }\n//   getDpr(): number {\n//     return this.canvas.dpr;\n//   }\n\n//   getImageBuffer(type: string = 'image/png'): any {\n//     const canvas = this.canvas.nativeCanvas;\n//     return canvas.toBuffer(type);\n//   }\n\n//   addEventListener<K extends keyof DocumentEventMap>(\n//     type: K,\n//     listener: (this: Document, ev: DocumentEventMap[K]) => any,\n//     options?: boolean | AddEventListenerOptions\n//   ): void;\n//   addEventListener(\n//     type: string,\n//     listener: EventListenerOrEventListenerObject,\n//     options?: boolean | AddEventListenerOptions\n//   ): void;\n//   addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n//     return;\n//   }\n\n//   dispatchEvent(event: any): boolean {\n//     return true;\n//   }\n\n//   removeEventListener<K extends keyof DocumentEventMap>(\n//     type: K,\n//     listener: (this: Document, ev: DocumentEventMap[K]) => any,\n//     options?: boolean | EventListenerOptions\n//   ): void;\n//   removeEventListener(\n//     type: string,\n//     listener: EventListenerOrEventListenerObject,\n//     options?: boolean | EventListenerOptions\n//   ): void;\n//   removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n//     return;\n//   }\n\n//   getStyle(): CSSStyleDeclaration | Record<string, any> {\n//     return;\n//   }\n//   setStyle(style: CSSStyleDeclaration | Record<string, any>): void {\n//     return;\n//   }\n\n//   getBoundingClientRect(): IDomRectLike {\n//     return null;\n//   }\n\n//   clearViewBox(vb: IBoundsLike, color?: string): void {\n//     return;\n//   }\n// }\n"]}