@visactor/vrender 0.15.2 → 0.16.0-alpha.0

package/cjs/core/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.LayerService = exports.GraphicUtil = exports.TransformUtil = void 0, 
-exports.TransformUtil = Symbol.for("TransformUtil"), exports.GraphicUtil = Symbol.for("GraphicUtil"), 
-exports.LayerService = Symbol.for("LayerService");
-//# sourceMappingURL=constants.js.map

package/cjs/core/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/core/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AAC5C,QAAA,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AACxC,QAAA,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC","file":"constants.js","sourcesContent":["export const TransformUtil = Symbol.for('TransformUtil');\nexport const GraphicUtil = Symbol.for('GraphicUtil');\nexport const LayerService = Symbol.for('LayerService');\n"]}

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

@@ -1,58 +0,0 @@
-import type { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal, CreateDOMParamsType } from '../../../interface';
-import type { IBoundsLike } from '@visactor/vutils';
-export declare abstract class BaseEnvContribution implements IEnvContribution {
-    type: EnvType;
-    supportsTouchEvents: boolean;
-    supportsPointerEvents: boolean;
-    supportsMouseEvents: boolean;
-    applyStyles: boolean;
-    supportEvent: boolean;
-    configure(service: IGlobal, ...p: any): void;
-    getNativeAABBBounds(dom: any): IBoundsLike;
-    removeDom(dom: HTMLElement): boolean;
-    createDom(params: CreateDOMParamsType): any;
-    getDynamicCanvasCount(): number;
-    getStaticCanvasCount(): number;
-    abstract loadImage(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: HTMLImageElement | ImageData | null;
-    }>;
-    abstract loadSvg(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: HTMLImageElement | ImageData | null;
-    }>;
-    abstract createCanvas(params: ICreateCanvasParams): ICanvasLike | any;
-    abstract createOffscreenCanvas(params: ICreateCanvasParams): ICanvasLike | any;
-    abstract releaseCanvas(canvas: ICanvasLike | string): void;
-    abstract getDevicePixelRatio(): number;
-    abstract getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;
-    abstract getCancelAnimationFrame(): (h: number) => void;
-    abstract addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-    abstract addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-    abstract addEventListener(type: unknown, listener: unknown, options?: unknown): void;
-    abstract removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions | undefined): void;
-    abstract removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-    abstract removeEventListener(type: unknown, listener: unknown, options?: unknown): void;
-    abstract dispatchEvent(event: any): boolean;
-    getElementById(str: string): HTMLElement | null;
-    getRootElement(): HTMLElement | null;
-    abstract release(...params: any): void;
-    loadJson(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: Record<string, unknown> | null;
-    }>;
-    loadArrayBuffer(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: ArrayBuffer | null;
-    }>;
-    loadBlob(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: Blob | null;
-    }>;
-    getElementTop(dom: any, baseWindow?: boolean): number;
-    getElementLeft(dom: any, baseWindow?: boolean): number;
-    getElementTopLeft(dom: any, baseWindow?: boolean): {
-        top: number;
-        left: number;
-    };
-}

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

@@ -1,84 +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.BaseEnvContribution = void 0;
-
-const inversify_1 = require("inversify"), vutils_1 = require("@visactor/vutils");
-
-let BaseEnvContribution = class {
-    configure(service, ...p) {
-        service.env === this.type && service.setActiveEnvContribution(this);
-    }
-    getNativeAABBBounds(dom) {
-        return new vutils_1.AABBBounds;
-    }
-    removeDom(dom) {
-        return !1;
-    }
-    createDom(params) {
-        return null;
-    }
-    getDynamicCanvasCount() {
-        return 999;
-    }
-    getStaticCanvasCount() {
-        return 999;
-    }
-    getElementById(str) {
-        return document.getElementById(str);
-    }
-    getRootElement() {
-        return document.body;
-    }
-    loadJson(url) {
-        const jsonPromise = fetch(url).then((data => data.json()));
-        return jsonPromise.then((json => ({
-            data: json,
-            state: "success"
-        }))).catch((() => ({
-            data: null,
-            state: "fail"
-        }))), jsonPromise;
-    }
-    loadArrayBuffer(url) {
-        return fetch(url).then((data => data.arrayBuffer())).then((arrayBuffer => ({
-            data: arrayBuffer,
-            loadState: "success"
-        }))).catch((() => ({
-            data: null,
-            loadState: "fail"
-        })));
-    }
-    loadBlob(url) {
-        return fetch(url).then((data => data.blob())).then((blob => ({
-            data: blob,
-            loadState: "success"
-        }))).catch((() => ({
-            data: null,
-            loadState: "fail"
-        })));
-    }
-    getElementTop(dom, baseWindow) {
-        return 0;
-    }
-    getElementLeft(dom, baseWindow) {
-        return 0;
-    }
-    getElementTopLeft(dom, baseWindow) {
-        return {
-            top: 0,
-            left: 0
-        };
-    }
-};
-
-BaseEnvContribution = __decorate([ (0, inversify_1.injectable)() ], BaseEnvContribution), 
-exports.BaseEnvContribution = BaseEnvContribution;
-//# sourceMappingURL=base-contribution.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/core/contributions/env/base-contribution.ts"],"names":[],"mappings":"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","file":"base-contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport type {\n  ICanvasLike,\n  EnvType,\n  ICreateCanvasParams,\n  IEnvContribution,\n  IGlobal,\n  CreateDOMParamsType\n} from '../../../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { AABBBounds } from '@visactor/vutils';\n\n@injectable()\nexport abstract class BaseEnvContribution implements IEnvContribution {\n  type: EnvType;\n\n  supportsTouchEvents: boolean;\n  supportsPointerEvents: boolean;\n  supportsMouseEvents: boolean;\n  applyStyles: boolean;\n  supportEvent: boolean;\n\n  configure(service: IGlobal, ...p: any) {\n    if (service.env === this.type) {\n      service.setActiveEnvContribution(this);\n    }\n  }\n\n  getNativeAABBBounds(dom: any): IBoundsLike {\n    return new AABBBounds();\n  }\n\n  removeDom(dom: HTMLElement): boolean {\n    return false;\n  }\n\n  createDom(params: CreateDOMParamsType): any {\n    return null;\n  }\n\n  /**\n   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount(): number {\n    return 999;\n  }\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount(): number {\n    return 999;\n  }\n\n  abstract loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n\n  abstract loadSvg(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n\n  abstract createCanvas(params: ICreateCanvasParams): ICanvasLike | any;\n  abstract createOffscreenCanvas(params: ICreateCanvasParams): ICanvasLike | any;\n\n  abstract releaseCanvas(canvas: ICanvasLike | string): void;\n\n  abstract getDevicePixelRatio(): number;\n\n  abstract getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;\n  abstract getCancelAnimationFrame(): (h: number) => void;\n\n  abstract addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  abstract addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  abstract addEventListener(type: unknown, listener: unknown, options?: unknown): void;\n\n  abstract removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  abstract removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  abstract removeEventListener(type: unknown, listener: unknown, options?: unknown): void;\n\n  abstract dispatchEvent(event: any): boolean;\n\n  getElementById(str: string): HTMLElement | null {\n    return document.getElementById(str);\n  }\n\n  getRootElement(): HTMLElement | null {\n    return document.body;\n  }\n\n  abstract release(...params: any): void;\n\n  loadJson(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }> {\n    const jsonPromise = fetch(url).then(data => data.json());\n    jsonPromise\n      .then(json => {\n        return {\n          data: json,\n          state: 'success'\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          state: 'fail'\n        };\n      });\n    return jsonPromise;\n  }\n\n  loadArrayBuffer(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }> {\n    const arrayBufferPromise = fetch(url).then(data => data.arrayBuffer());\n    return arrayBufferPromise\n      .then((arrayBuffer: ArrayBuffer) => {\n        return {\n          data: arrayBuffer,\n          loadState: 'success' as const\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          loadState: 'fail'\n        };\n      });\n  }\n\n  loadBlob(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }> {\n    const blobPromise = fetch(url).then(data => data.blob());\n    return blobPromise\n      .then((blob: Blob) => {\n        return {\n          data: blob,\n          loadState: 'success' as const\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          loadState: 'fail'\n        };\n      });\n  }\n\n  getElementTop(dom: any, baseWindow?: boolean) {\n    return 0;\n  }\n  getElementLeft(dom: any, baseWindow?: boolean) {\n    return 0;\n  }\n  getElementTopLeft(dom: any, baseWindow?: boolean): { top: number; left: number } {\n    return { top: 0, left: 0 };\n  }\n}\n"]}

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

@@ -1,42 +0,0 @@
-import type { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, CreateDOMParamsType } from '../../../interface';
-import { BaseEnvContribution } from './base-contribution';
-import type { IBoundsLike, IPointLike } from '@visactor/vutils';
-export declare function createImageElement(src: string, isSvg?: boolean): Promise<HTMLImageElement>;
-export declare class BrowserEnvContribution extends BaseEnvContribution implements IEnvContribution {
-    type: EnvType;
-    supportEvent: boolean;
-    constructor();
-    mapToCanvasPoint(nativeEvent: PointerEvent | WheelEvent, domElement?: any): IPointLike;
-    getNativeAABBBounds(_dom: any): IBoundsLike;
-    removeDom(dom: HTMLElement): boolean;
-    createDom(params: CreateDOMParamsType): HTMLElement | null;
-    loadImage(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: HTMLImageElement | ImageData | null;
-    }>;
-    loadSvg(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: HTMLImageElement | ImageData | null;
-    }>;
-    createCanvas(params: ICreateCanvasParams): HTMLCanvasElement;
-    createOffscreenCanvas(params: ICreateCanvasParams): OffscreenCanvas;
-    releaseCanvas(canvas: ICanvasLike | string): void;
-    getDevicePixelRatio(): number;
-    getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;
-    getCancelAnimationFrame(): (h: number) => void;
-    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions | undefined): void;
-    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-    dispatchEvent(event: any): boolean;
-    getElementById(str: string): HTMLElement | null;
-    getRootElement(): HTMLElement | null;
-    getDocument(): Document | null;
-    release(...params: any): void;
-    getElementTop(element: HTMLElement, baseWindow?: boolean): number;
-    getElementLeft(element: HTMLElement, baseWindow?: boolean): number;
-    getElementTopLeft(element: HTMLElement, baseWindow?: boolean): {
-        top: number;
-        left: number;
-    };
-}

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

@@ -1,198 +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;
-}, __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.BrowserEnvContribution = exports.createImageElement = void 0;
-
-const inversify_1 = require("inversify"), generator_1 = require("../../../common/generator"), base_contribution_1 = require("./base-contribution"), vutils_1 = require("@visactor/vutils");
-
-class DynamicB {
-    get x1() {
-        return this.dom.getBoundingClientRect().left;
-    }
-    get x2() {
-        return this.dom.getBoundingClientRect().right;
-    }
-    get y1() {
-        return this.dom.getBoundingClientRect().top;
-    }
-    get y2() {
-        return this.dom.getBoundingClientRect().bottom;
-    }
-    get width() {
-        return this.dom.getBoundingClientRect().width;
-    }
-    get height() {
-        return this.dom.getBoundingClientRect().height;
-    }
-    constructor(dom) {
-        this.dom = dom;
-    }
-}
-
-function createImageElement(src, isSvg = !1) {
-    const img = document.createElement("img");
-    if (img.crossOrigin = "anonymous", isSvg) {
-        const data = new Blob([ src ], {
-            type: "image/svg+xml"
-        });
-        src = window.URL.createObjectURL(data);
-    }
-    if (img.src = src, img.complete) return Promise.resolve(img);
-    return new Promise(((resolve, reject) => {
-        img.onload = () => {
-            resolve(img);
-        }, img.onerror = () => {
-            reject(new Error("加载失败"));
-        };
-    }));
-}
-
-exports.createImageElement = createImageElement;
-
-let BrowserEnvContribution = class extends base_contribution_1.BaseEnvContribution {
-    constructor() {
-        super(), this.type = "browser", this.supportEvent = !0;
-        try {
-            this.supportsTouchEvents = "ontouchstart" in globalThis, this.supportsPointerEvents = !!globalThis.PointerEvent, 
-            this.supportsMouseEvents = !!globalThis.MouseEvent;
-        } catch (err) {
-            this.supportsTouchEvents = !1, this.supportsPointerEvents = !1, this.supportsPointerEvents = !1;
-        }
-        this.applyStyles = !0;
-    }
-    mapToCanvasPoint(nativeEvent, domElement) {
-        var _a;
-        if (domElement) {
-            const {clientX: x, clientY: y} = nativeEvent, rect = domElement.getBoundingClientRect(), nativeCanvas = null === (_a = domElement.getNativeHandler) || void 0 === _a ? void 0 : _a.call(domElement).nativeCanvas;
-            let scaleX, scaleY;
-            return nativeCanvas && (scaleX = rect.width / nativeCanvas.offsetWidth, scaleY = rect.height / nativeCanvas.offsetHeight), 
-            {
-                x: (x - rect.left) / ((0, vutils_1.isValidNumber)(scaleX) ? scaleX : 1),
-                y: (y - rect.top) / ((0, vutils_1.isValidNumber)(scaleY) ? scaleX : 1)
-            };
-        }
-        return {
-            x: nativeEvent.offsetX,
-            y: nativeEvent.offsetY
-        };
-    }
-    getNativeAABBBounds(_dom) {
-        let dom = _dom;
-        if ("string" == typeof _dom && (dom = (new DOMParser).parseFromString(_dom, "text/xml").firstChild), 
-        dom.getBoundingClientRect) {
-            const b = dom.getBoundingClientRect();
-            return new DynamicB(b);
-        }
-        return new vutils_1.AABBBounds;
-    }
-    removeDom(dom) {
-        return dom.parentElement.removeChild(dom), !0;
-    }
-    createDom(params) {
-        const {tagName: tagName = "div", width: width, height: height, style: style, parent: parent} = params, element = document.createElement(tagName);
-        if (style && ((0, vutils_1.isString)(style) ? element.setAttribute("style", style) : Object.keys(style).forEach((k => {
-            element.setAttribute(k, style[k]);
-        }))), null != width && (element.style.width = `${width}px`), null != height && (element.style.height = `${height}px`), 
-        parent) {
-            const pd = (0, vutils_1.isString)(parent) ? this.getElementById(parent) : parent;
-            pd && pd.appendChild && pd.appendChild(element);
-        }
-        return element;
-    }
-    loadImage(url) {
-        return createImageElement(url, !1).then((img => ({
-            data: img,
-            loadState: "success"
-        }))).catch((() => ({
-            data: null,
-            loadState: "fail"
-        })));
-    }
-    loadSvg(url) {
-        return createImageElement(url, !0).then((img => ({
-            data: img,
-            loadState: "success"
-        }))).catch((() => ({
-            data: null,
-            loadState: "fail"
-        })));
-    }
-    createCanvas(params) {
-        var _a, _b;
-        const canvas = document.createElement("canvas");
-        params.id && (canvas.id = null !== (_a = params.id) && void 0 !== _a ? _a : generator_1.Generator.GenAutoIncrementId().toString());
-        const dpr = null !== (_b = params.dpr) && void 0 !== _b ? _b : window.devicePixelRatio;
-        return params.width && params.height && (canvas.style.width = `${params.width}px`, 
-        canvas.style.height = `${params.height}px`, canvas.width = params.width * dpr, canvas.height = params.height * dpr), 
-        canvas;
-    }
-    createOffscreenCanvas(params) {
-        var _a;
-        const dpr = null !== (_a = params.dpr) && void 0 !== _a ? _a : window.devicePixelRatio;
-        return new OffscreenCanvas(params.width * dpr, params.height * dpr);
-    }
-    releaseCanvas(canvas) {
-        let c;
-        c = "string" == typeof canvas ? document.getElementById(canvas) : canvas, c && c.parentElement && c.parentElement.removeChild(c);
-    }
-    getDevicePixelRatio() {
-        return window.devicePixelRatio;
-    }
-    getRequestAnimationFrame() {
-        return window.requestAnimationFrame;
-    }
-    getCancelAnimationFrame() {
-        return window.cancelAnimationFrame;
-    }
-    addEventListener(type, listener, options) {
-        return document.addEventListener(type, listener, options);
-    }
-    removeEventListener(type, listener, options) {
-        return document.removeEventListener(type, listener, options);
-    }
-    dispatchEvent(event) {
-        return document.dispatchEvent(event);
-    }
-    getElementById(str) {
-        return document.getElementById(str);
-    }
-    getRootElement() {
-        return document.body;
-    }
-    getDocument() {
-        return document;
-    }
-    release(...params) {}
-    getElementTop(element, baseWindow) {
-        let actualTop = element.offsetTop, current = element.offsetParent;
-        for (;null !== current; ) actualTop += current.offsetTop, current = current.offsetParent;
-        return actualTop;
-    }
-    getElementLeft(element, baseWindow) {
-        let actualLeft = element.offsetLeft, current = element.offsetParent;
-        for (;null !== current; ) actualLeft += current.offsetLeft, current = current.offsetParent;
-        return actualLeft;
-    }
-    getElementTopLeft(element, baseWindow) {
-        let actualTop = element.offsetTop, actualLeft = element.offsetLeft, current = element.offsetParent;
-        for (;null !== current; ) actualTop += current.offsetTop, actualLeft += current.offsetLeft, 
-        current = current.offsetParent;
-        return {
-            top: actualTop,
-            left: actualLeft
-        };
-    }
-};
-
-BrowserEnvContribution = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", []) ], BrowserEnvContribution), 
-exports.BrowserEnvContribution = BrowserEnvContribution;
-//# sourceMappingURL=browser-contribution.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/core/contributions/env/browser-contribution.ts"],"names":[],"mappings":"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","file":"browser-contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport { Generator } from '../../../common/generator';\nimport type {\n  ICanvasLike,\n  EnvType,\n  ICreateCanvasParams,\n  IEnvContribution,\n  CreateDOMParamsType\n} from '../../../interface';\nimport { BaseEnvContribution } from './base-contribution';\nimport type { IBoundsLike, IPointLike } from '@visactor/vutils';\nimport { AABBBounds, isString, isValidNumber } from '@visactor/vutils';\n\nclass DynamicB {\n  get x1(): number {\n    return this.dom.getBoundingClientRect().left;\n  }\n  get x2(): number {\n    return this.dom.getBoundingClientRect().right;\n  }\n  get y1(): number {\n    return this.dom.getBoundingClientRect().top;\n  }\n  get y2(): number {\n    return this.dom.getBoundingClientRect().bottom;\n  }\n  get width(): number {\n    return this.dom.getBoundingClientRect().width;\n  }\n  get height(): number {\n    return this.dom.getBoundingClientRect().height;\n  }\n\n  dom: HTMLElement;\n\n  constructor(dom: HTMLElement) {\n    this.dom = dom;\n  }\n}\n\nexport function createImageElement(src: string, isSvg: boolean = false): Promise<HTMLImageElement> {\n  const img = document.createElement('img');\n  img.crossOrigin = 'anonymous';\n  if (isSvg) {\n    const data = new Blob([src], { type: 'image/svg+xml' });\n    src = window.URL.createObjectURL(data);\n  }\n  img.src = src;\n  if (img.complete) {\n    return Promise.resolve(img);\n  }\n  const promise: Promise<HTMLImageElement> = new Promise((resolve, reject) => {\n    img.onload = () => {\n      resolve(img);\n    };\n    img.onerror = () => {\n      reject(new Error('加载失败'));\n    };\n  });\n  return promise;\n}\n\n@injectable()\nexport class BrowserEnvContribution extends BaseEnvContribution implements IEnvContribution {\n  type: EnvType = 'browser';\n  supportEvent: boolean = true;\n\n  constructor() {\n    super();\n    try {\n      this.supportsTouchEvents = 'ontouchstart' in globalThis;\n      this.supportsPointerEvents = !!globalThis.PointerEvent;\n      this.supportsMouseEvents = !!globalThis.MouseEvent;\n    } catch (err) {\n      this.supportsTouchEvents = false;\n      this.supportsPointerEvents = false;\n      this.supportsPointerEvents = false;\n    }\n    this.applyStyles = true;\n  }\n\n  mapToCanvasPoint(nativeEvent: PointerEvent | WheelEvent, domElement?: any): IPointLike {\n    if (domElement) {\n      const { clientX: x, clientY: y } = nativeEvent;\n      const rect = domElement.getBoundingClientRect();\n      const nativeCanvas = domElement.getNativeHandler?.().nativeCanvas;\n      let scaleX;\n      let scaleY;\n      if (nativeCanvas) {\n        scaleX = rect.width / nativeCanvas.offsetWidth;\n        scaleY = rect.height / nativeCanvas.offsetHeight;\n      }\n\n      return {\n        x: (x - rect.left) / (isValidNumber(scaleX) ? scaleX : 1),\n        y: (y - rect.top) / (isValidNumber(scaleY) ? scaleX : 1)\n      };\n    }\n    return {\n      x: nativeEvent.offsetX,\n      y: nativeEvent.offsetY\n    };\n  }\n\n  getNativeAABBBounds(_dom: any): IBoundsLike {\n    let dom = _dom;\n    if (typeof _dom === 'string') {\n      dom = new DOMParser().parseFromString(_dom, 'text/xml').firstChild;\n    }\n    if (dom.getBoundingClientRect) {\n      const b = dom.getBoundingClientRect();\n      return new DynamicB(b);\n    }\n    return new AABBBounds();\n  }\n\n  removeDom(dom: HTMLElement): boolean {\n    dom.parentElement.removeChild(dom);\n    return true;\n  }\n\n  createDom(params: CreateDOMParamsType): HTMLElement | null {\n    const { tagName = 'div', width, height, style, parent } = params;\n    const element = document.createElement(tagName);\n    if (style) {\n      if (isString(style)) {\n        element.setAttribute('style', style);\n      } else {\n        Object.keys(style).forEach(k => {\n          element.setAttribute(k, style[k]);\n        });\n      }\n    }\n    if (width != null) {\n      element.style.width = `${width}px`;\n    }\n    if (height != null) {\n      element.style.height = `${height}px`;\n    }\n\n    if (parent) {\n      const pd = isString(parent) ? this.getElementById(parent) : parent;\n      if (pd && pd.appendChild) {\n        pd.appendChild(element);\n      }\n    }\n\n    return element;\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    const imagePromise = createImageElement(url, false);\n    return imagePromise\n      .then((img: HTMLImageElement) => {\n        return {\n          data: img,\n          loadState: 'success' as const\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          loadState: 'fail'\n        };\n      });\n  }\n\n  loadSvg(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    const imagePromise = createImageElement(url, true);\n    return imagePromise\n      .then((img: HTMLImageElement) => {\n        return {\n          data: img,\n          loadState: 'success' as const\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          loadState: 'fail'\n        };\n      });\n  }\n\n  createCanvas(params: ICreateCanvasParams): HTMLCanvasElement {\n    const canvas = document.createElement('canvas');\n    params.id && (canvas.id = params.id ?? Generator.GenAutoIncrementId().toString());\n    // 默认dpr\n    const dpr = params.dpr ?? window.devicePixelRatio;\n    if (params.width && params.height) {\n      canvas.style.width = `${params.width}px`;\n      canvas.style.height = `${params.height}px`;\n      canvas.width = params.width * dpr;\n      canvas.height = params.height * dpr;\n    }\n    return canvas;\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    const dpr = params.dpr ?? window.devicePixelRatio;\n    const canvas = new OffscreenCanvas(params.width * dpr, params.height * dpr);\n    return canvas;\n  }\n\n  releaseCanvas(canvas: ICanvasLike | string) {\n    let c: HTMLCanvasElement | null;\n    if (typeof canvas === 'string') {\n      c = document.getElementById(canvas) as HTMLCanvasElement | null;\n    } else {\n      c = canvas as unknown as HTMLCanvasElement;\n    }\n\n    if (!c) {\n      return;\n    }\n    if (c.parentElement) {\n      c.parentElement.removeChild(c);\n    }\n  }\n\n  getDevicePixelRatio(): number {\n    return window.devicePixelRatio;\n  }\n\n  getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n    return window.requestAnimationFrame;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return window.cancelAnimationFrame;\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return document.addEventListener(type as any, listener as any, options as any);\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return document.removeEventListener(type as any, listener as any, options as any);\n  }\n\n  dispatchEvent(event: any): boolean {\n    return document.dispatchEvent(event);\n  }\n\n  getElementById(str: string): HTMLElement | null {\n    return document.getElementById(str);\n  }\n\n  getRootElement(): HTMLElement | null {\n    return document.body;\n  }\n\n  getDocument(): Document | null {\n    return document;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n\n  getElementTop(element: HTMLElement, baseWindow?: boolean) {\n    let actualTop = element.offsetTop;\n    let current = element.offsetParent as HTMLElement;\n\n    while (current !== null) {\n      actualTop += current.offsetTop;\n      current = current.offsetParent as HTMLElement;\n    }\n\n    return actualTop;\n  }\n  getElementLeft(element: HTMLElement, baseWindow?: boolean) {\n    let actualLeft = element.offsetLeft;\n    let current = element.offsetParent as HTMLElement;\n\n    while (current !== null) {\n      actualLeft += current.offsetLeft;\n      current = current.offsetParent as HTMLElement;\n    }\n\n    return actualLeft;\n  }\n  getElementTopLeft(element: HTMLElement, baseWindow?: boolean): { top: number; left: number } {\n    let actualTop = element.offsetTop;\n    let actualLeft = element.offsetLeft;\n    let current = element.offsetParent as HTMLElement;\n\n    while (current !== null) {\n      actualTop += current.offsetTop;\n      actualLeft += current.offsetLeft;\n      current = current.offsetParent as HTMLElement;\n    }\n\n    return {\n      top: actualTop,\n      left: actualLeft\n    };\n  }\n}\n"]}

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

@@ -1,41 +0,0 @@
-import type { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal, ITTCanvas } from '../../../interface';
-import { BaseEnvContribution } from './base-contribution';
-export declare class FeishuEnvContribution extends BaseEnvContribution implements IEnvContribution {
-    type: EnvType;
-    supportEvent: boolean;
-    canvasMap: Map<string, ITTCanvas>;
-    freeCanvasList: ITTCanvas[];
-    canvasIdx: number;
-    constructor();
-    getDynamicCanvasCount(): number;
-    getStaticCanvasCount(): number;
-    configure(service: IGlobal, params: {
-        domref: any;
-        canvasIdLists: string[];
-        freeCanvasIdx: number;
-    }): void;
-    loadImage(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: HTMLImageElement | ImageData | null;
-    }>;
-    loadSvg(url: string): Promise<{
-        loadState: 'success' | 'fail';
-        data: HTMLImageElement | ImageData | null;
-    }>;
-    createCanvas(params: ICreateCanvasParams): ITTCanvas;
-    createOffscreenCanvas(params: ICreateCanvasParams): void;
-    releaseCanvas(canvas: ICanvasLike | string): void;
-    getDevicePixelRatio(): number;
-    getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;
-    getCancelAnimationFrame(): (h: number) => void;
-    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions | undefined): void;
-    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-    dispatchEvent(event: any): boolean;
-    getElementById(str: string): any | null;
-    getRootElement(): HTMLElement | null;
-    getDocument(): Document | null;
-    release(...params: any): void;
-    mapToCanvasPoint(event: any): any;
-}

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

@@ -1,117 +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;
-}, __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.FeishuEnvContribution = void 0;
-
-const inversify_1 = require("inversify"), kits_1 = require("../../../kits"), base_contribution_1 = require("./base-contribution"), utils_1 = require("../../../common/utils");
-
-function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
-    const dpr = tt.getSystemInfoSync().pixelRatio;
-    canvasIdLists.forEach(((id, i) => {
-        const ctx = tt.createCanvasContext(id);
-        ctx.canvas = {
-            width: domref.width * dpr,
-            height: domref.height * dpr
-        };
-        const canvas = {
-            width: domref.width * dpr,
-            height: domref.height * dpr,
-            offsetWidth: domref.width,
-            offsetHeight: domref.height,
-            id: null != id ? id : "",
-            getContext: () => ctx,
-            getBoundingClientRect: () => ({
-                height: domref.height,
-                width: domref.width
-            })
-        };
-        canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
-    }));
-}
-
-let FeishuEnvContribution = class extends base_contribution_1.BaseEnvContribution {
-    constructor() {
-        super(), this.type = "feishu", this.supportEvent = !0, this.canvasMap = new Map, 
-        this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
-        try {
-            this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
-        } catch (err) {
-            this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
-        }
-        this.applyStyles = !0;
-    }
-    getDynamicCanvasCount() {
-        return this.freeCanvasList.length;
-    }
-    getStaticCanvasCount() {
-        return this.freeCanvasList.length;
-    }
-    configure(service, params) {
-        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList), 
-        (0, kits_1.loadFeishuContributions)());
-    }
-    loadImage(url) {
-        return Promise.resolve({
-            data: url,
-            loadState: "success"
-        });
-    }
-    loadSvg(url) {
-        return Promise.reject();
-    }
-    createCanvas(params) {
-        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-        return this.canvasIdx++, result;
-    }
-    createOffscreenCanvas(params) {}
-    releaseCanvas(canvas) {}
-    getDevicePixelRatio() {
-        return tt.getSystemInfoSync().pixelRatio;
-    }
-    getRequestAnimationFrame() {
-        return function(callback) {
-            return utils_1.rafBasedSto.call(callback);
-        };
-    }
-    getCancelAnimationFrame() {
-        return h => {
-            utils_1.rafBasedSto.clear(h);
-        };
-    }
-    addEventListener(type, listener, options) {
-        return null;
-    }
-    removeEventListener(type, listener, options) {
-        return null;
-    }
-    dispatchEvent(event) {
-        return null;
-    }
-    getElementById(str) {
-        return this.canvasMap.get(str);
-    }
-    getRootElement() {
-        return null;
-    }
-    getDocument() {
-        return null;
-    }
-    release(...params) {}
-    mapToCanvasPoint(event) {
-        var _a;
-        return (null === (_a = null == event ? void 0 : event.type) || void 0 === _a ? void 0 : _a.startsWith("mouse")) ? event : null;
-    }
-};
-
-FeishuEnvContribution = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", []) ], FeishuEnvContribution), 
-exports.FeishuEnvContribution = FeishuEnvContribution;
-//# sourceMappingURL=feishu-contribution.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/core/contributions/env/feishu-contribution.ts"],"names":[],"mappings":"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","file":"feishu-contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport { loadFeishuContributions } from '../../../kits';\nimport type {\n  ICanvasLike,\n  EnvType,\n  ICreateCanvasParams,\n  IEnvContribution,\n  IGlobal,\n  ITTCanvas\n} from '../../../interface';\nimport { BaseEnvContribution } from './base-contribution';\nimport { rafBasedSto } from '../../../common/utils';\n\ndeclare const tt: {\n  getSystemInfoSync: () => { pixelRatio: number };\n  createCanvasContext: (id: string) => any;\n};\n\n// 飞书小程序canvas的wrap\nfunction makeUpCanvas(\n  domref: any,\n  canvasIdLists: string[],\n  canvasMap: Map<string, ITTCanvas>,\n  freeCanvasIdx: number,\n  freeCanvasList: ITTCanvas[]\n) {\n  const dpr = tt.getSystemInfoSync().pixelRatio;\n\n  canvasIdLists.forEach((id, i) => {\n    const ctx = tt.createCanvasContext(id);\n    // TODO: 这里是一个临时方案，向 ctx 内部构造一个 canvas，传递宽高\n    ctx.canvas = {\n      width: domref.width * dpr,\n      height: domref.height * dpr\n    };\n\n    // 放到内容里\n    // // TODO: 这里是一个临时方案，兼容 createCircularGradient 方法\n    // ctx.createRadialGradient = (...cc) => ctx.createCircularGradient(...cc);\n\n    // // 封装 getImageData 为 promise\n    // ctx.getImageData = (x, y, width, height) =>\n    //   new Promise((resolve, reject) => {\n    //     try {\n    //       tt.canvasGetImageData({\n    //         canvasId: item.id,\n    //         x,\n    //         y,\n    //         width,\n    //         height,\n    //         success(res) {\n    //           resolve(res);\n    //         },\n    //       });\n    //     } catch (err) {\n    //       reject(err);\n    //     }\n    //   });\n\n    const canvas = {\n      width: domref.width * dpr,\n      height: domref.height * dpr,\n      offsetWidth: domref.width,\n      offsetHeight: domref.height,\n      id: id ?? '',\n      getContext: () => ctx,\n      // 构造 getBoundingClientRect 方法\n      getBoundingClientRect: () => ({\n        height: domref.height,\n        width: domref.width\n      })\n    };\n\n    canvasMap.set(id, canvas);\n    if (i >= freeCanvasIdx) {\n      freeCanvasList.push(canvas);\n    }\n  });\n}\n\n@injectable()\nexport class FeishuEnvContribution extends BaseEnvContribution implements IEnvContribution {\n  type: EnvType = 'feishu';\n  supportEvent: boolean = true;\n  // 所有添加进来的canvas\n  canvasMap: Map<string, ITTCanvas> = new Map();\n  // 所有可用的canvasList\n  freeCanvasList: ITTCanvas[] = [];\n  canvasIdx: number = 0;\n\n  constructor() {\n    super();\n    this.supportsTouchEvents = true;\n    try {\n      this.supportsPointerEvents = !!globalThis.PointerEvent;\n      this.supportsMouseEvents = !!globalThis.MouseEvent;\n    } catch (err) {\n      this.supportsPointerEvents = false;\n      this.supportsMouseEvents = false;\n    }\n    this.applyStyles = true;\n  }\n\n  /**\n   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount(): number {\n    return this.freeCanvasList.length;\n  }\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount(): number {\n    return this.freeCanvasList.length;\n  }\n\n  // TODO：VGrammar在小程序环境会重复调用setEnv传入canvas，所以每次configure并不会释放\n  // 这里等待后续和VGrammar沟通\n  configure(service: IGlobal, params: { domref: any; canvasIdLists: string[]; freeCanvasIdx: number }) {\n    if (service.env === this.type) {\n      service.setActiveEnvContribution(this);\n      makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList);\n\n      loadFeishuContributions();\n    }\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    return Promise.resolve({\n      data: url as unknown as HTMLImageElement,\n      loadState: 'success'\n    });\n  }\n\n  loadSvg(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    // 飞书小组件不支持DOMParser和URL.createObjectURL，无法解析svg字符串，可以通过url使用svg资源\n    return Promise.reject();\n  }\n\n  createCanvas(params: ICreateCanvasParams): ITTCanvas {\n    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];\n    this.canvasIdx++;\n    return result;\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    return;\n  }\n\n  releaseCanvas(canvas: ICanvasLike | string) {\n    return;\n  }\n\n  getDevicePixelRatio(): number {\n    return tt.getSystemInfoSync().pixelRatio;\n  }\n\n  getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n    // return requestAnimationFrame;\n\n    // 飞书小组件，在云文档浏览器环境中，没有requestAnimationFrame\n    // 但是在小组件工作台环境和模拟器中正常\n    // 反馈飞书修改，目前先使用setTimeout模拟，进行测试，飞书修复后替换回requestAnimationFrame\n    // return function (callback: FrameRequestCallback) {\n    //   return setTimeout(callback, 1000 / 60, true);\n    // } as any;\n    return function (callback: FrameRequestCallback) {\n      return rafBasedSto.call(callback);\n    } as any;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return (h: number) => {\n      rafBasedSto.clear(h);\n    };\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return null;\n  }\n\n  // 只能索引canvas\n  getElementById(str: string): any | null {\n    return this.canvasMap.get(str);\n  }\n\n  getRootElement(): HTMLElement | null {\n    return null;\n  }\n\n  getDocument(): Document | null {\n    return null;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n\n  mapToCanvasPoint(event: any) {\n    if (event?.type?.startsWith('mouse')) {\n      return event;\n    }\n    return null;\n  }\n}\n"]}