@visactor/vrender 0.9.0-alpha.0

package/cjs/core/contributions/window/base-contribution.d.ts

@@ -0,0 +1,43 @@
+import { IWindow, IWindowHandlerContribution, IWindowParams } from '../..';
+import { ICanvas, IContext2d, IDomRectLike, EnvType, IGlobal } from '../../../interface';
+import { IBoundsLike } from '@visactor/vutils';
+type OnchangeCbType = (params: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}) => void;
+export declare abstract class BaseWindowHandlerContribution implements IWindowHandlerContribution {
+    type: EnvType;
+    _uid: number;
+    constructor();
+    protected _onChangeCb?: OnchangeCbType;
+    onChange(cb: OnchangeCbType): void;
+    configure(window: IWindow, global: IGlobal): void;
+    abstract createWindow(params: IWindowParams): void;
+    abstract releaseWindow(): void;
+    abstract setDpr(dpr: number): void;
+    abstract resizeWindow(width: number, height: number): void;
+    abstract getContext(): IContext2d;
+    abstract getWH(): {
+        width: number;
+        height: number;
+    };
+    abstract getTitle(): string;
+    abstract getXY(): {
+        x: number;
+        y: number;
+    };
+    abstract getNativeHandler(): ICanvas | any;
+    abstract getDpr(): number;
+    abstract clearViewBox(vb: IBoundsLike, color?: string): void;
+    abstract addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    abstract addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    abstract removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    abstract removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    abstract dispatchEvent(event: any): boolean;
+    abstract getStyle(): CSSStyleDeclaration | Record<string, any>;
+    abstract setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
+    abstract getBoundingClientRect(): IDomRectLike;
+}
+export {};

package/cjs/core/contributions/window/base-contribution.js

@@ -0,0 +1,31 @@
+"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);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseWindowHandlerContribution = void 0;
+
+const inversify_1 = require("inversify"), common_1 = require("../../../common");
+
+let BaseWindowHandlerContribution = class {
+    constructor() {
+        this._uid = common_1.Generator.GenAutoIncrementId();
+    }
+    onChange(cb) {
+        this._onChangeCb = cb;
+    }
+    configure(window, global) {
+        global.env === this.type && window.setWindowHandler(this);
+    }
+};
+
+BaseWindowHandlerContribution = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", []) ], BaseWindowHandlerContribution), 
+exports.BaseWindowHandlerContribution = BaseWindowHandlerContribution;
+//# sourceMappingURL=base-contribution.js.map

package/cjs/core/contributions/window/base-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/base-contribution.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAuC;AACvC,4CAA4C;AAQrC,IAAe,6BAA6B,GAA5C,MAAe,6BAA6B;IAKjD;QACE,IAAI,CAAC,IAAI,GAAG,kBAAS,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC;IAID,QAAQ,CAAC,EAAkB;QACzB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,CAAC;IAED,SAAS,CAAC,MAAe,EAAE,MAAe;QACxC,IAAI,MAAM,CAAC,GAAG,KAAK,IAAI,CAAC,IAAI,EAAE;YAC5B,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;SAC/B;IACH,CAAC;CAqCF,CAAA;AAxDqB,6BAA6B;IADlD,IAAA,sBAAU,GAAE;;GACS,6BAA6B,CAwDlD;AAxDqB,sEAA6B","file":"base-contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport { Generator } from '../../../common';\nimport { IWindow, IWindowHandlerContribution, IWindowParams } from '../..';\nimport { ICanvas, IContext2d, IDomRectLike, EnvType, IGlobal } from '../../../interface';\nimport { IBoundsLike } from '@visactor/vutils';\n\ntype OnchangeCbType = (params: { x: number; y: number; width: number; height: number }) => void;\n\n@injectable()\nexport abstract class BaseWindowHandlerContribution implements IWindowHandlerContribution {\n  declare type: EnvType;\n\n  declare _uid: number;\n\n  constructor() {\n    this._uid = Generator.GenAutoIncrementId();\n  }\n\n  protected declare _onChangeCb?: OnchangeCbType;\n\n  onChange(cb: OnchangeCbType) {\n    this._onChangeCb = cb;\n  }\n\n  configure(window: IWindow, global: IGlobal) {\n    if (global.env === this.type) {\n      window.setWindowHandler(this);\n    }\n  }\n  abstract createWindow(params: IWindowParams): void;\n  abstract releaseWindow(): void;\n  abstract setDpr(dpr: number): void;\n  abstract resizeWindow(width: number, height: number): void;\n  abstract getContext(): IContext2d;\n  abstract getWH(): { width: number; height: number };\n  abstract getTitle(): string;\n  abstract getXY(): { x: number; y: number };\n  abstract getNativeHandler(): ICanvas | any;\n  abstract getDpr(): number;\n  abstract clearViewBox(vb: IBoundsLike, color?: string): void;\n  abstract addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  abstract addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  abstract removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  abstract removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void;\n  abstract dispatchEvent(event: any): boolean;\n\n  abstract getStyle(): CSSStyleDeclaration | Record<string, any>;\n  abstract setStyle(style: CSSStyleDeclaration | Record<string, any>): void;\n  abstract getBoundingClientRect(): IDomRectLike;\n}\n"]}

package/cjs/core/contributions/window/browser-contribution.d.ts

@@ -0,0 +1,38 @@
+import { BaseWindowHandlerContribution } from './base-contribution';
+import { IWindowHandlerContribution, IWindowParams } from '../..';
+import { IContext2d, ICanvas, IDomRectLike, EnvType, IGlobal } from '../../../interface';
+import { IBoundsLike } from '@visactor/vutils';
+export declare class BrowserWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {
+    private readonly global;
+    static env: EnvType;
+    type: EnvType;
+    canvas: ICanvas;
+    observer?: MutationObserver;
+    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;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    dispatchEvent(event: any): boolean;
+    getStyle(): CSSStyleDeclaration | Record<string, any>;
+    setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
+    getBoundingClientRect(): IDomRectLike;
+    clearViewBox(vb: IBoundsLike, color?: string): void;
+}

package/cjs/core/contributions/window/browser-contribution.js

@@ -0,0 +1,145 @@
+"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.BrowserWindowHandlerContribution = void 0;
+
+const inversify_1 = require("inversify"), browser_1 = require("../../../canvas/contributions/browser"), common_1 = require("../../../common"), base_contribution_1 = require("./base-contribution"), interface_1 = require("../../../interface");
+
+let BrowserWindowHandlerContribution = class extends base_contribution_1.BaseWindowHandlerContribution {
+    get container() {
+        return this.canvas.nativeCanvas.parentElement;
+    }
+    constructor(global) {
+        super(), this.global = global, this.type = "browser";
+    }
+    getTitle() {
+        return this.canvas.id.toString();
+    }
+    getWH() {
+        return {
+            width: this.canvas.width / (this.canvas.dpr || 1),
+            height: this.canvas.height / (this.canvas.dpr || 1)
+        };
+    }
+    getXY() {
+        return this.canvas.nativeCanvas.getBoundingClientRect();
+    }
+    createWindow(params) {
+        params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params);
+    }
+    createWindowByConfig(params) {
+        const nativeCanvas = this.global.createCanvas({
+            width: params.width,
+            height: params.height
+        });
+        let container;
+        if (container = "string" == typeof params.container ? this.global.getElementById(params.container) : params.container ? params.container : this.global.getRootElement(), 
+        !container) throw new Error("发生错误，containerId可能传入有误");
+        params.offscreen ? container = null : container.appendChild(nativeCanvas);
+        const options = {
+            width: params.width,
+            height: params.height,
+            dpr: params.dpr,
+            nativeCanvas: nativeCanvas,
+            container: container,
+            id: common_1.Generator.GenAutoIncrementId().toString(),
+            canvasControled: !0
+        };
+        this.canvas = new browser_1.BrowserCanvas(options);
+    }
+    createWindowByCanvas(params) {
+        var _a;
+        let canvas;
+        if ("string" == typeof params.canvas) {
+            if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+        } else canvas = params.canvas;
+        if (!canvas) throw new Error("发生错误，传入的canvas不正确");
+        let width = params.width, height = params.height;
+        if (null == width || null == height || !params.canvasControled) {
+            const data = canvas.getBoundingClientRect();
+            width = data.width, height = data.height;
+        }
+        let dpr = params.dpr;
+        if (!1 === params.canvasControled && (dpr && console.warn("canvasControled为false后，dpr参数将无效"), 
+        dpr = null), null == dpr) {
+            dpr = null !== (_a = canvas.getContext("2d").pixelRatio) && void 0 !== _a ? _a : canvas.width / width;
+        }
+        this.canvas = new browser_1.BrowserCanvas({
+            width: width,
+            height: height,
+            dpr: dpr,
+            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;
+    }
+    addEventListener(type, listener, options) {
+        return this.canvas.nativeCanvas.addEventListener(type, listener, options);
+    }
+    removeEventListener(type, listener, options) {
+        return this.canvas.nativeCanvas.removeEventListener(type, listener, options);
+    }
+    dispatchEvent(event) {
+        return this.canvas.nativeCanvas.dispatchEvent(event);
+    }
+    getStyle() {
+        return this.canvas.nativeCanvas.style;
+    }
+    setStyle(style) {
+        this.canvas.nativeCanvas.style = style;
+    }
+    getBoundingClientRect() {
+        const c = this.canvas.nativeCanvas, wh = this.getWH();
+        return c.parentElement ? this.canvas.nativeCanvas.getBoundingClientRect() : {
+            x: 0,
+            y: 0,
+            width: wh.width,
+            height: wh.height,
+            left: 0,
+            top: 0,
+            right: 0,
+            bottom: 0
+        };
+    }
+    clearViewBox(vb, color) {
+        const context = this.getContext(), dpr = this.getDpr();
+        context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), 
+        context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, 
+        context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
+    }
+};
+
+BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution = __decorate([ (0, 
+inversify_1.injectable)(), __param(0, (0, inversify_1.inject)(interface_1.Global)), __metadata("design:paramtypes", [ Object ]) ], BrowserWindowHandlerContribution), 
+exports.BrowserWindowHandlerContribution = BrowserWindowHandlerContribution;
+//# sourceMappingURL=browser-contribution.js.map

package/cjs/core/contributions/window/browser-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/browser-contribution.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,mEAAsE;AACtE,4CAA4C;AAC5C,2DAAoE;AAEpE,kDAAiG;AAI1F,IAAM,gCAAgC,GAAtC,MAAM,gCACX,SAAQ,iDAA6B;IAWrC,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC;IAChD,CAAC;IAED,YAA6C,MAAe;QAC1D,KAAK,EAAE,CAAC;QADmC,WAAM,GAAN,MAAM,CAAS;QAV5D,SAAI,GAAY,SAAS,CAAC;IAY1B,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;IACnC,CAAC;IAED,KAAK;QACH,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;YACjD,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;SACpD,CAAC;IACJ,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;IAC1D,CAAC;IAED,YAAY,CAAC,MAAqB;QAEhC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YAClB,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;SACnC;aAAM;YACL,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;SACnC;IAGH,CAAC;IAYO,oBAAoB,CAAC,MAAqB;QAEhD,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;YAC5C,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM;SACtB,CAAC,CAAC;QAEH,IAAI,SAA6B,CAAC;QAClC,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,QAAQ,EAAE;YACxC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SAC1D;aAAM,IAAI,MAAM,CAAC,SAAS,EAAE;YAC3B,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;SAC9B;aAAM;YACL,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;SAC1C;QACD,IAAI,CAAC,SAAS,EAAE;YACd,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;SAC3C;QAED,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;YACrB,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;SACrC;aAAM;YACL,SAAS,GAAG,IAAI,CAAC;SAClB;QAGD,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,YAAY;YACZ,SAAS;YACT,EAAE,EAAE,kBAAS,CAAC,kBAAkB,EAAE,CAAC,QAAQ,EAAE;YAC7C,eAAe,EAAE,IAAI;SACtB,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,IAAI,uBAAa,CAAC,OAAO,CAAC,CAAC;IAK3C,CAAC;IACO,oBAAoB,CAAC,MAAqB;;QAEhD,IAAI,MAAgC,CAAC;QACrC,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;YACrC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,CAA6B,CAAC;YAC/E,IAAI,CAAC,MAAM,EAAE;gBACX,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;aACrD;SACF;aAAM;YACL,MAAM,GAAG,MAAO,CAAC,MAAkC,CAAC;SACrD;QACD,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;SACtC;QAGD,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QACzB,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC3B,IAAI,KAAK,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE;YAC9D,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;YAC5C,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACnB,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SACtB;QAED,IAAI,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;QACrB,IAAI,MAAM,CAAC,eAAe,KAAK,KAAK,EAAE;YACpC,IAAI,GAAG,EAAE;gBACP,OAAO,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;aACjD;YACD,GAAG,GAAG,IAAI,CAAC;SACZ;QACD,IAAI,GAAG,IAAI,IAAI,EAAE;YACf,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAEpC,GAAG,GAAG,MAAC,GAAW,CAAC,UAAU,mCAAI,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;SACvD;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,uBAAa,CAAC;YAC9B,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;YACd,GAAG,EAAE,GAAG;YACR,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,CAAC;IAQL,CAAC;IACD,aAAa;QACX,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;IACD,YAAY,CAAC,KAAa,EAAE,MAAc;QACxC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IACD,MAAM,CAAC,GAAW;QAChB,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;IACxB,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;IAClC,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,MAAM;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;IACzB,CAAC;IAOD,gBAAgB,CACd,IAAY,EACZ,QAA4C,EAC5C,OAA2C;QAE3C,OAAQ,IAAI,CAAC,MAAM,CAAC,YAAkC,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnG,CAAC;IAMD,mBAAmB,CACjB,IAAY,EACZ,QAA4C,EAC5C,OAAwC;QAExC,OAAQ,IAAI,CAAC,MAAM,CAAC,YAAkC,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACtG,CAAC;IACD,aAAa,CAAC,KAAU;QACtB,OAAQ,IAAI,CAAC,MAAM,CAAC,YAAkC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9E,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;IACxC,CAAC;IACD,QAAQ,CAAC,KAAgD;QACvD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC;IACzC,CAAC;IAED,qBAAqB;QACnB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,YAAiC,CAAC;QACxD,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACxB,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;YACpB,OAAO;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,EAAE,CAAC,KAAK;gBACf,MAAM,EAAE,EAAE,CAAC,MAAM;gBACjB,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV,CAAC;SACH;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;IAC1D,CAAC;IAED,YAAY,CAAC,EAAe,EAAE,KAAc;QAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC1B,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC5B,OAAO,CAAC,aAA0C,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACvF,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;QAC9D,IAAI,KAAK,EAAE;YACT,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;YAC1B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;SAC9D;QACD,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC;;AApOM,oCAAG,GAAY,SAAS,CAAC;AAJrB,gCAAgC;IAD5C,IAAA,sBAAU,GAAE;IAiBE,WAAA,IAAA,kBAAM,EAAC,kBAAM,CAAC,CAAA;;GAhBhB,gCAAgC,CAyO5C;AAzOY,4EAAgC","file":"browser-contribution.js","sourcesContent":["import { inject, injectable } from 'inversify';\nimport { BrowserCanvas } from '../../../canvas/contributions/browser';\nimport { Generator } from '../../../common';\nimport { BaseWindowHandlerContribution } from './base-contribution';\nimport { IWindowHandlerContribution, IWindowParams } from '../..';\nimport { IContext2d, ICanvas, IDomRectLike, Global, EnvType, IGlobal } from '../../../interface';\nimport { IBoundsLike } from '@visactor/vutils';\n\n@injectable()\nexport class BrowserWindowHandlerContribution\n  extends BaseWindowHandlerContribution\n  implements IWindowHandlerContribution\n{\n  static env: EnvType = 'browser';\n\n  type: EnvType = 'browser';\n\n  canvas: ICanvas;\n\n  observer?: MutationObserver;\n\n  get container(): HTMLElement | null {\n    return this.canvas.nativeCanvas.parentElement;\n  }\n\n  constructor(@inject(Global) private readonly global: IGlobal) {\n    super();\n  }\n\n  getTitle(): string {\n    return this.canvas.id.toString();\n  }\n\n  getWH(): { width: number; height: number } {\n    return {\n      width: this.canvas.width / (this.canvas.dpr || 1),\n      height: this.canvas.height / (this.canvas.dpr || 1)\n    };\n  }\n\n  getXY(): { x: number; y: number } {\n    return this.canvas.nativeCanvas.getBoundingClientRect();\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    // this.bindOnChangeEvent();\n  }\n\n  // private bindOnChangeEvent() {\n  //   const { nativeCanvas } = this.canvas;\n  //   const observer = new MutationObserver((mutations, observer) => {\n  //     mutations.forEach((mutaion) => {\n  //       console.log(mutaion);\n  //     })\n  //   });\n  //   observer.observe(nativeCanvas, { attributes: true, childList: true, subtree: true })\n  // }\n\n  private createWindowByConfig(params: IWindowParams) {\n    // 创建canvas\n    const nativeCanvas = this.global.createCanvas({\n      width: params.width,\n      height: params.height\n    });\n    // 保存到dom中\n    let container: HTMLElement | null;\n    if (typeof params.container === 'string') {\n      container = this.global.getElementById(params.container);\n    } else if (params.container) {\n      container = params.container;\n    } else {\n      container = this.global.getRootElement();\n    }\n    if (!container) {\n      throw new Error('发生错误，containerId可能传入有误');\n    }\n\n    if (!params.offscreen) {\n      container.appendChild(nativeCanvas);\n    } else {\n      container = null;\n    }\n\n    // 绑定\n    const options = {\n      width: params.width,\n      height: params.height,\n      dpr: params.dpr,\n      nativeCanvas,\n      container,\n      id: Generator.GenAutoIncrementId().toString(),\n      canvasControled: true\n    };\n    this.canvas = new BrowserCanvas(options);\n    // 应用位置属性\n    // window上的不需要设置position\n    // this.canvas.applyPosition();\n    // this.canvas.resetStyle(options);\n  }\n  private createWindowByCanvas(params: IWindowParams) {\n    // 获取canvas\n    let canvas: HTMLCanvasElement | null;\n    if (typeof params.canvas === 'string') {\n      canvas = this.global.getElementById(params.canvas) as HTMLCanvasElement | null;\n      if (!canvas) {\n        throw new Error('canvasId 参数不正确，请确认canvas存在并插入dom');\n      }\n    } else {\n      canvas = params!.canvas as HTMLCanvasElement | null;\n    }\n    if (!canvas) {\n      throw new Error('发生错误，传入的canvas不正确');\n    }\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      const data = canvas.getBoundingClientRect();\n      width = data.width;\n      height = data.height;\n    }\n    // 如果没有dpr，就使用canvas的原始dpr\n    let dpr = params.dpr;\n    if (params.canvasControled === false) {\n      if (dpr) {\n        console.warn('canvasControled为false后，dpr参数将无效');\n      }\n      dpr = null;\n    }\n    if (dpr == null) {\n      const ctx = canvas.getContext('2d');\n      // 兼容XTable\n      dpr = (ctx as any).pixelRatio ?? canvas.width / width;\n    }\n    this.canvas = new BrowserCanvas({\n      width: width,\n      height: height,\n      dpr: dpr,\n      nativeCanvas: canvas,\n      canvasControled: params.canvasControled\n    });\n    // if (params.canvasControled) {\n    //   this.canvas.resetStyle({\n    //     width,\n    //     height,\n    //     dpr\n    //   });\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  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    return (this.canvas.nativeCanvas as HTMLCanvasElement).addEventListener(type, listener, options);\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    return (this.canvas.nativeCanvas as HTMLCanvasElement).removeEventListener(type, listener, options);\n  }\n  dispatchEvent(event: any): boolean {\n    return (this.canvas.nativeCanvas as HTMLCanvasElement).dispatchEvent(event);\n  }\n\n  getStyle(): CSSStyleDeclaration | Record<string, any> {\n    return this.canvas.nativeCanvas.style;\n  }\n  setStyle(style: CSSStyleDeclaration | Record<string, any>) {\n    this.canvas.nativeCanvas.style = style;\n  }\n\n  getBoundingClientRect(): IDomRectLike {\n    const c = this.canvas.nativeCanvas as HTMLCanvasElement;\n    const wh = this.getWH();\n    if (!c.parentElement) {\n      return {\n        x: 0,\n        y: 0,\n        width: wh.width,\n        height: wh.height,\n        left: 0,\n        top: 0,\n        right: 0,\n        bottom: 0\n      };\n    }\n    return this.canvas.nativeCanvas.getBoundingClientRect();\n  }\n\n  clearViewBox(vb: IBoundsLike, color?: string): void {\n    const context = this.getContext();\n    const dpr = this.getDpr();\n    context.nativeContext.save();\n    (context.nativeContext as CanvasRenderingContext2D).setTransform(dpr, 0, 0, dpr, 0, 0);\n    context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1);\n    if (color) {\n      context.fillStyle = color;\n      context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1);\n    }\n    context.nativeContext.restore();\n  }\n}\n"]}

package/cjs/core/contributions/window/feishu-contribution.d.ts

@@ -0,0 +1,47 @@
+import { BaseWindowHandlerContribution } from './base-contribution';
+import { IWindowHandlerContribution, IWindowParams } from '../..';
+import { EnvType, IGlobal, IContext2d, ICanvas, IDomRectLike } from '../../../interface';
+import { IBoundsLike } from '@visactor/vutils';
+declare class MiniAppEventManager {
+    addEventListener(type: string, func: EventListenerOrEventListenerObject): void;
+    removeEventListener(type: string, func: EventListenerOrEventListenerObject): void;
+    cleanEvent(): void;
+    cache: Record<string, {
+        listener: EventListenerOrEventListenerObject[];
+    }>;
+}
+export declare class FeishuWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {
+    private readonly global;
+    static env: EnvType;
+    type: EnvType;
+    protected eventManager: MiniAppEventManager;
+    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;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    dispatchEvent(event: any): boolean;
+    getStyle(): CSSStyleDeclaration | Record<string, any>;
+    setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
+    getBoundingClientRect(): IDomRectLike;
+    clearViewBox(vb: IBoundsLike, color?: string): void;
+}
+export {};

package/cjs/core/contributions/window/feishu-contribution.js

@@ -0,0 +1,157 @@
+"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.FeishuWindowHandlerContribution = void 0;
+
+const inversify_1 = require("inversify"), feishu_1 = require("../../../canvas/contributions/feishu"), common_1 = require("../../../common"), base_contribution_1 = require("./base-contribution"), interface_1 = require("../../../interface");
+
+class MiniAppEventManager {
+    constructor() {
+        this.cache = {};
+    }
+    addEventListener(type, func) {
+        type && func && (this.cache[type] = this.cache[type] || {
+            listener: []
+        }, this.cache[type].listener.push(func));
+    }
+    removeEventListener(type, func) {
+        if (!type || !func) return;
+        if (!this.cache[type]) return;
+        const index = this.cache[type].listener.findIndex((f => f === func));
+        index >= 0 && this.cache[type].listener.splice(index, 1);
+    }
+    cleanEvent() {
+        this.cache = {};
+    }
+}
+
+let FeishuWindowHandlerContribution = class extends base_contribution_1.BaseWindowHandlerContribution {
+    get container() {
+        return null;
+    }
+    constructor(global) {
+        super(), this.global = global, this.type = "feishu", this.eventManager = new MiniAppEventManager;
+    }
+    getTitle() {
+        return this.canvas.id.toString();
+    }
+    getWH() {
+        return {
+            width: this.canvas.width / (this.canvas.dpr || 1),
+            height: this.canvas.height / (this.canvas.dpr || 1)
+        };
+    }
+    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: common_1.Generator.GenAutoIncrementId().toString(),
+            canvasControled: !1
+        };
+        this.canvas = new feishu_1.FeishuCanvas(options);
+    }
+    createWindowByCanvas(params) {
+        let canvas;
+        if ("string" == typeof params.canvas) {
+            if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+        } else canvas = params.canvas;
+        let width = params.width, height = params.height;
+        if (null == width || null == height || !params.canvasControled) {
+            const data = canvas.getBoundingClientRect();
+            width = data.width, height = data.height;
+        }
+        let dpr = params.dpr;
+        null == dpr && (dpr = canvas.width / width), this.canvas = new feishu_1.FeishuCanvas({
+            width: width,
+            height: height,
+            dpr: dpr,
+            nativeCanvas: canvas,
+            canvasControled: params.canvasControled
+        });
+    }
+    releaseWindow() {}
+    resizeWindow(width, height) {}
+    setDpr(dpr) {
+        this.canvas.dpr = dpr;
+    }
+    getContext() {
+        return this.canvas.getContext();
+    }
+    getNativeHandler() {
+        return this.canvas;
+    }
+    getDpr() {
+        return this.canvas.dpr;
+    }
+    addEventListener(type, listener) {
+        this.eventManager.addEventListener(type, listener);
+    }
+    removeEventListener(type, listener) {
+        this.eventManager.removeEventListener(type, listener);
+    }
+    dispatchEvent(event) {
+        const {type: type} = event;
+        return !!this.eventManager.cache[type] && (event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, 
+        event.changedTouches[0].offsetX = event.changedTouches[0].x, event.changedTouches[0].clientX = event.changedTouches[0].x, 
+        event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = event.changedTouches[0].y, 
+        event.changedTouches[0].clientY = event.changedTouches[0].y), event.preventDefault = () => {}, 
+        event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach((f => {
+            f(event);
+        })), !0);
+    }
+    getStyle() {
+        return {};
+    }
+    setStyle(style) {}
+    getBoundingClientRect() {
+        const wh = this.getWH();
+        return {
+            x: 0,
+            y: 0,
+            width: wh.width,
+            height: wh.height,
+            left: 0,
+            top: 0,
+            right: 0,
+            bottom: 0
+        };
+    }
+    clearViewBox(vb, color) {
+        const context = this.getContext(), dpr = this.getDpr();
+        context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), 
+        context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, 
+        context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
+    }
+};
+
+FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate([ (0, 
+inversify_1.injectable)(), __param(0, (0, inversify_1.inject)(interface_1.Global)), __metadata("design:paramtypes", [ Object ]) ], FeishuWindowHandlerContribution), 
+exports.FeishuWindowHandlerContribution = FeishuWindowHandlerContribution;
+//# sourceMappingURL=feishu-contribution.js.map

package/cjs/core/contributions/window/feishu-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/feishu-contribution.ts"],"names":[],"mappings":"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","file":"feishu-contribution.js","sourcesContent":["import { inject, injectable } from 'inversify';\nimport { FeishuCanvas } from '../../../canvas/contributions/feishu';\nimport { Generator } from '../../../common';\nimport { BaseWindowHandlerContribution } from './base-contribution';\nimport { IWindowHandlerContribution, IWindowParams } from '../..';\nimport { Global, EnvType, IGlobal, IContext2d, ICanvas, IDomRectLike } from '../../../interface';\nimport { IBoundsLike } from '@visactor/vutils';\n\nclass MiniAppEventManager {\n  addEventListener(type: string, func: EventListenerOrEventListenerObject) {\n    if (!type || !func) {\n      return;\n    }\n    this.cache[type] = this.cache[type] || {\n      listener: []\n    };\n    this.cache[type].listener.push(func);\n  }\n  removeEventListener(type: string, func: EventListenerOrEventListenerObject) {\n    if (!type || !func) {\n      return;\n    }\n    if (!this.cache[type]) {\n      return;\n    }\n    const index = this.cache[type].listener.findIndex((f: EventListenerOrEventListenerObject) => f === func);\n    if (index >= 0) {\n      this.cache[type].listener.splice(index, 1);\n    }\n  }\n  cleanEvent() {\n    this.cache = {};\n  }\n  cache: Record<string, { listener: EventListenerOrEventListenerObject[] }> = {};\n}\n\n@injectable()\nexport class FeishuWindowHandlerContribution\n  extends BaseWindowHandlerContribution\n  implements IWindowHandlerContribution\n{\n  static env: EnvType = 'feishu';\n  type: EnvType = 'feishu';\n\n  protected eventManager = new MiniAppEventManager();\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 this.canvas.id.toString();\n  }\n\n  getWH(): { width: number; height: number } {\n    return {\n      width: this.canvas.width / (this.canvas.dpr || 1),\n      height: this.canvas.height / (this.canvas.dpr || 1)\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({\n      width: params.width,\n      height: params.height\n    });\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: false\n    };\n    this.canvas = new FeishuCanvas(options);\n  }\n  private createWindowByCanvas(params: IWindowParams) {\n    // 获取canvas\n    let canvas: HTMLCanvasElement | null;\n    if (typeof params.canvas === 'string') {\n      canvas = this.global.getElementById(params.canvas) as HTMLCanvasElement | null;\n      if (!canvas) {\n        throw new Error('canvasId 参数不正确，请确认canvas存在并插入dom');\n      }\n    } else {\n      canvas = params!.canvas as HTMLCanvasElement | null;\n    }\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      const data = canvas.getBoundingClientRect();\n      width = data.width;\n      height = data.height;\n    }\n    // 如果没有dpr，就使用canvas的原始dpr\n    let dpr = params.dpr;\n    if (dpr == null) {\n      dpr = canvas.width / width;\n    }\n    this.canvas = new FeishuCanvas({\n      width: width,\n      height: height,\n      dpr: dpr,\n      nativeCanvas: canvas,\n      canvasControled: params.canvasControled\n    });\n  }\n  releaseWindow(): void {\n    return;\n  }\n  resizeWindow(width: number, height: number): void {\n    return;\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  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(type: string, listener: EventListenerOrEventListenerObject): void {\n    this.eventManager.addEventListener(type, listener);\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(type: string, listener: EventListenerOrEventListenerObject): void {\n    this.eventManager.removeEventListener(type, listener);\n  }\n  dispatchEvent(event: any): boolean {\n    const { type } = event;\n    if (!this.eventManager.cache[type]) {\n      return false;\n    }\n\n    // hack for offsetX offsetY\n    if (event.changedTouches && event.changedTouches[0]) {\n      event.offsetX = event.changedTouches[0].x;\n      event.changedTouches[0].offsetX = event.changedTouches[0].x;\n      event.changedTouches[0].clientX = event.changedTouches[0].x;\n      event.offsetY = event.changedTouches[0].y;\n      event.changedTouches[0].offsetY = event.changedTouches[0].y;\n      event.changedTouches[0].clientY = event.changedTouches[0].y;\n    }\n    event.preventDefault = () => {\n      return;\n    };\n    event.stopPropagation = () => {\n      return;\n    };\n    if (this.eventManager.cache[type].listener) {\n      this.eventManager.cache[type].listener.forEach((f: EventListener) => {\n        f(event);\n      });\n    }\n    return true;\n  }\n\n  getStyle(): CSSStyleDeclaration | Record<string, any> {\n    return {};\n  }\n  setStyle(style: CSSStyleDeclaration | Record<string, any>) {\n    return;\n  }\n\n  getBoundingClientRect(): IDomRectLike {\n    const wh = this.getWH();\n    return {\n      x: 0,\n      y: 0,\n      width: wh.width,\n      height: wh.height,\n      left: 0,\n      top: 0,\n      right: 0,\n      bottom: 0\n    };\n  }\n\n  clearViewBox(vb: IBoundsLike, color?: string): void {\n    const context = this.getContext();\n    const dpr = this.getDpr();\n    context.nativeContext.save();\n    (context.nativeContext as CanvasRenderingContext2D).setTransform(dpr, 0, 0, dpr, 0, 0);\n    context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1);\n    if (color) {\n      context.fillStyle = color;\n      context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1);\n    }\n    context.nativeContext.restore();\n  }\n}\n"]}

package/cjs/core/contributions/window/lynx-contribution.d.ts

@@ -0,0 +1,47 @@
+import { BaseWindowHandlerContribution } from './base-contribution';
+import { IWindowHandlerContribution, IWindowParams } from '../..';
+import { EnvType, IGlobal, IContext2d, ICanvas, IDomRectLike } from '../../../interface';
+import { IBoundsLike } from '@visactor/vutils';
+declare class MiniAppEventManager {
+    addEventListener(type: string, func: EventListenerOrEventListenerObject): void;
+    removeEventListener(type: string, func: EventListenerOrEventListenerObject): void;
+    cleanEvent(): void;
+    cache: Record<string, {
+        listener: EventListenerOrEventListenerObject[];
+    }>;
+}
+export declare class LynxWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {
+    private readonly global;
+    static env: EnvType;
+    type: EnvType;
+    protected eventManager: MiniAppEventManager;
+    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;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    dispatchEvent(event: any): boolean;
+    getStyle(): CSSStyleDeclaration | Record<string, any>;
+    setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
+    getBoundingClientRect(): IDomRectLike;
+    clearViewBox(vb: IBoundsLike, color?: string): void;
+}
+export {};