@visactor/vrender-core 1.1.0-alpha.22 → 1.1.0-alpha.23

package/cjs/canvas/constants.js

@@ -3,5 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Context2dFactory = exports.CanvasFactory = void 0, exports.CanvasFactory = Symbol.for("CanvasFactory"), 
-exports.Context2dFactory = Symbol.for("Context2dFactory");
-//# sourceMappingURL=constants.js.map
+exports.Context2dFactory = Symbol.for("Context2dFactory");

package/cjs/canvas/empty-context.js

@@ -204,4 +204,5 @@ class EmptyContext2d {
     }
 }
 
-exports.EmptyContext2d = EmptyContext2d;
+exports.EmptyContext2d = EmptyContext2d;
+//# sourceMappingURL=empty-context.js.map

package/cjs/common/Reflect-metadata.js

@@ -179,4 +179,4 @@ Object.defineProperty(exports, "__esModule", {
         }), previous && previous(key, value);
     })), Reflect;
 }({});
-//# sourceMappingURL=Reflect-metadata.js.map
+//# sourceMappingURL=Reflect-metadata.js.map

package/cjs/common/bezier-utils.js

@@ -47,4 +47,4 @@ function quadLength(p0, p1, p2, iterationCount) {
 exports.snapLength = snapLength, exports.cubicLength = cubicLength, exports.cubicCalc = cubicCalc, 
 exports.cubicPointAt = cubicPointAt, exports.quadCalc = quadCalc, exports.quadPointAt = quadPointAt, 
 exports.quadLength = quadLength;
-//# sourceMappingURL=bezier-utils.js.map
+//# sourceMappingURL=bezier-utils.js.map

package/cjs/common/bounds-context.js

@@ -57,4 +57,4 @@ class BoundsContext {
 }
 
 exports.BoundsContext = BoundsContext;
-//# sourceMappingURL=bounds-context.js.map
+//# sourceMappingURL=bounds-context.js.map

package/cjs/common/canvas-utils.js

@@ -57,5 +57,5 @@ function createConicGradient(context, color, x, y, w, h) {
     })), canvasGradient.GetPattern ? canvasGradient.GetPattern(w + x, h + y, undefined) : canvasGradient;
 }
 
-exports.getScaledStroke = getScaledStroke, exports.createColor = createColor;
 //# sourceMappingURL=canvas-utils.js.map
+exports.getScaledStroke = getScaledStroke, exports.createColor = createColor;

package/cjs/common/color-utils.js

@@ -245,4 +245,4 @@ class GradientParser {
 }
 
 exports.GradientParser = GradientParser;
-//# sourceMappingURL=color-utils.js.map
+//# sourceMappingURL=color-utils.js.map

package/cjs/common/contribution-provider.js

@@ -48,4 +48,4 @@ class ContributionStore {
 }
 
 exports.ContributionStore = ContributionStore, ContributionStore.store = new Map;
-//# sourceMappingURL=contribution-provider.js.map
+//# sourceMappingURL=contribution-provider.js.map

package/cjs/common/custom-path2d.js

@@ -368,4 +368,4 @@ function scale(current, sX, sY) {
     temp[7] = sY * current[7]; else if ("h" === c || "H" === c) temp[1] = sX * current[1]; else if ("v" === c || "V" === c) temp[1] = sY * current[1]; else for (let i = 1, n = current.length; i < n; ++i) temp[i] = (i % 2 == 1 ? sX : sY) * current[i];
     return temp;
 }
-//# sourceMappingURL=custom-path2d.js.map
+//# sourceMappingURL=custom-path2d.js.map

package/cjs/common/diff.js

@@ -17,4 +17,4 @@ function diff(oldAttrs, newAttrs, getAttr) {
 }
 
 exports.diff = diff;
-//# sourceMappingURL=diff.js.map
+//# sourceMappingURL=diff.js.map

package/cjs/common/enums.js

@@ -38,4 +38,4 @@ function(Direction) {
     BaseRenderContributionTime[BaseRenderContributionTime.beforeFillStroke = 0] = "beforeFillStroke", 
     BaseRenderContributionTime[BaseRenderContributionTime.afterFillStroke = 1] = "afterFillStroke";
 }(BaseRenderContributionTime = exports.BaseRenderContributionTime || (exports.BaseRenderContributionTime = {}));
-//# sourceMappingURL=enums.js.map
+//# sourceMappingURL=enums.js.map

package/cjs/common/event-listener-manager.js

@@ -79,4 +79,4 @@ class EventListenerManager {
 }
 
 exports.EventListenerManager = EventListenerManager;
-//# sourceMappingURL=event-listener-manager.js.map
+//# sourceMappingURL=event-listener-manager.js.map

package/cjs/common/event-transformer.js

@@ -123,5 +123,4 @@ function mapToCanvasPointForCanvas(nativeEvent) {
 
 exports.createEventTransformer = createEventTransformer, exports.createCanvasEventTransformer = createCanvasEventTransformer, 
 exports.registerWindowEventTransformer = registerWindowEventTransformer, exports.registerGlobalEventTransformer = registerGlobalEventTransformer, 
-exports.transformPointForCanvas = transformPointForCanvas, exports.mapToCanvasPointForCanvas = mapToCanvasPointForCanvas;
-//# sourceMappingURL=event-transformer.js.map
+exports.transformPointForCanvas = transformPointForCanvas, exports.mapToCanvasPointForCanvas = mapToCanvasPointForCanvas;

package/cjs/common/explicit-binding.js

@@ -13,4 +13,4 @@ function resolveContainerBinding(container, serviceIdentifier) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.resolveContainerBinding = void 0, exports.resolveContainerBinding = resolveContainerBinding;
-//# sourceMappingURL=explicit-binding.js.map
+//# sourceMappingURL=explicit-binding.js.map

package/cjs/common/generator.js

@@ -11,4 +11,4 @@ class Generator {
 }
 
 exports.Generator = Generator, Generator.auto_increment_id = 0;
-//# sourceMappingURL=generator.js.map
+//# sourceMappingURL=generator.js.map

package/cjs/common/matrix.js

@@ -129,4 +129,4 @@ exports.identityMat4 = identityMat4, exports.rotateX = rotateX, exports.rotateY
 exports.rotateZ = rotateZ, exports.translate = translate, exports.mat3Tomat4 = mat3Tomat4, 
 exports.multiplyMat4Mat3 = multiplyMat4Mat3, exports.scaleMat4 = scaleMat4, exports.multiplyMat4Mat4 = multiplyMat4Mat4, 
 exports.lookAt = lookAt, exports.ortho = ortho, exports.transformMat4 = transformMat4;
-//# sourceMappingURL=matrix.js.map
+//# sourceMappingURL=matrix.js.map

package/cjs/common/morphing-utils.js

@@ -200,4 +200,4 @@ exports.cubicSubdivide = cubicSubdivide, exports.alignSubpath = alignSubpath, ex
 exports.findBestMorphingRotation = findBestMorphingRotation, exports.alignBezierCurves = alignBezierCurves, 
 exports.pathToBezierCurves = pathToBezierCurves, exports.applyTransformOnBezierCurves = applyTransformOnBezierCurves, 
 exports.bezierCurversToPath = bezierCurversToPath;
-//# sourceMappingURL=morphing-utils.js.map
+//# sourceMappingURL=morphing-utils.js.map

package/cjs/common/path-svg.js

@@ -61,4 +61,4 @@ exports.enumCommandMap = {
     Q: 7,
     R: 8
 }, exports.parseSvgPath = parseSvgPath;
-//# sourceMappingURL=path-svg.js.map
+//# sourceMappingURL=path-svg.js.map

package/cjs/common/performance-raf.js

@@ -34,4 +34,4 @@ class PerformanceRAF {
 }
 
 exports.PerformanceRAF = PerformanceRAF;
-//# sourceMappingURL=performance-raf.js.map
+//# sourceMappingURL=performance-raf.js.map

package/cjs/common/polygon.js

@@ -41,8 +41,8 @@ function getProportionPoint(point, segment, length, dx, dy) {
     };
 }
 
+//# sourceMappingURL=polygon.js.map
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.drawRoundedPolygon = exports.drawPolygon = void 0, exports.drawPolygon = drawPolygon, 
-exports.drawRoundedPolygon = drawRoundedPolygon;
-//# sourceMappingURL=polygon.js.map
+exports.drawRoundedPolygon = drawRoundedPolygon;

package/cjs/entries/app-context.js

@@ -81,4 +81,4 @@ class AppContext {
 }
 
 exports.AppContext = AppContext;
-//# sourceMappingURL=app-context.js.map
+//# sourceMappingURL=app-context.js.map

package/cjs/entries/browser.js

@@ -41,4 +41,4 @@ function createBrowserApp(options = {}) {
 }
 
 exports.BrowserEntry = BrowserEntry, exports.createBrowserApp = createBrowserApp;
-//# sourceMappingURL=browser.js.map
+//# sourceMappingURL=browser.js.map

package/cjs/entries/index.js

@@ -29,4 +29,4 @@ Object.defineProperty(exports, "createApp", {
         return browser_1.createBrowserApp;
     }
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/entries/miniapp.js

@@ -17,4 +17,4 @@ function createMiniappApp(options = {}) {
 }
 
 exports.MiniappEntry = MiniappEntry, exports.createMiniappApp = createMiniappApp;
-//# sourceMappingURL=miniapp.js.map
+//# sourceMappingURL=miniapp.js.map

package/cjs/entries/node.js

@@ -17,4 +17,4 @@ function createNodeApp(options = {}) {
 }
 
 exports.NodeEntry = NodeEntry, exports.createNodeApp = createNodeApp;
-//# sourceMappingURL=node.js.map
+//# sourceMappingURL=node.js.map

package/cjs/entries/runtime-installer.js

@@ -108,4 +108,4 @@ exports.getRuntimeInstallerGlobal = getRuntimeInstallerGlobal, exports.configure
 exports.installRuntimeGraphicRenderersToApp = installRuntimeGraphicRenderersToApp, 
 exports.installRuntimeDrawContributionsToApp = installRuntimeDrawContributionsToApp, 
 exports.installRuntimePickersToApp = installRuntimePickersToApp;
-//# sourceMappingURL=runtime-installer.js.map
+//# sourceMappingURL=runtime-installer.js.map

package/cjs/entries/types.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/cjs/event/constant.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.WILDCARD = void 0, exports.WILDCARD = "*";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/event/event-manager.js

@@ -299,4 +299,4 @@ class EventManager {
 }
 
 exports.EventManager = EventManager;
-//# sourceMappingURL=event-manager.js.map
+//# sourceMappingURL=event-manager.js.map

package/cjs/event/event-system.js

@@ -218,4 +218,4 @@ class EventSystem {
 }
 
 exports.EventSystem = EventSystem;
-//# sourceMappingURL=event-system.js.map
+//# sourceMappingURL=event-system.js.map

package/cjs/event/event-target.js

@@ -18,4 +18,4 @@ exports.EventTarget = {
         return this.dispatchEvent(new federated_event_1.CustomEvent(eventName, object));
     }
 };
-//# sourceMappingURL=event-target.js.map
+//# sourceMappingURL=event-target.js.map

package/cjs/event/index.js

@@ -20,4 +20,5 @@ Object.defineProperty(exports, "__esModule", {
 }), __exportStar(require("./federated-event"), exports), __exportStar(require("./event-manager"), exports), 
 __exportStar(require("./event-target"), exports), __exportStar(require("./event-system"), exports), 
 __exportStar(require("../interface/event"), exports), __exportStar(require("./util"), exports), 
-__exportStar(require("./constant"), exports);
+__exportStar(require("./constant"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/event/util.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.clock = void 0, exports.clock = "object" == typeof performance && performance.now ? performance : Date;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/factory/graphic-factory.js

@@ -20,4 +20,4 @@ class GraphicFactory {
 }
 
 exports.GraphicFactory = GraphicFactory;
-//# sourceMappingURL=graphic-factory.js.map
+//# sourceMappingURL=graphic-factory.js.map

package/cjs/factory/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./types"), exports), __exportStar(require("./stage-factory"), exports), 
 __exportStar(require("./layer-factory"), exports), __exportStar(require("./graphic-factory"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/factory/layer-factory.js

@@ -16,4 +16,4 @@ class LayerFactory {
 }
 
 exports.LayerFactory = LayerFactory;
-//# sourceMappingURL=layer-factory.js.map
+//# sourceMappingURL=layer-factory.js.map

package/cjs/factory/stage-factory.js

@@ -17,4 +17,4 @@ class StageFactory {
 }
 
 exports.StageFactory = StageFactory;
-//# sourceMappingURL=stage-factory.js.map
+//# sourceMappingURL=stage-factory.js.map

package/cjs/factory/types.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/cjs/interface/global.d.ts

@@ -1,4 +1,4 @@
-import type { Dict, IAABBBoundsLike, IPointLike } from '@visactor/vutils';
+import type { IAABBBoundsLike, IPointLike } from '@visactor/vutils';
 import type { ICanvasLike } from './canvas';
 import type { IEventElement } from './common';
 import type { IContribution } from './contribution';
@@ -76,11 +76,15 @@ export interface IEnvContribution extends IContribution<IGlobal>, Omit<IEventEle
     copyToClipBoard: (text: string) => Promise<void>;
 }
 export type IMiniAppEnvParams = {
-    domref?: Dict<any>;
     force?: boolean;
-    canvasIdLists?: (string | number)[];
-    freeCanvasIdx?: string | number;
     taro?: any;
+    canvasFactory?: (options: {
+        id?: string;
+        width: number;
+        height: number;
+        dpr: number;
+        offscreen: boolean;
+    }) => any;
     pixelRatio?: number;
     [key: string]: any;
 };

package/cjs/interface/global.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/global.ts"],"names":[],"mappings":"","file":"global.js","sourcesContent":["import type { Dict, IAABBBoundsLike, IPointLike } from '@visactor/vutils';\nimport type { ICanvasLike } from './canvas';\nimport type { IEventElement } from './common';\nimport type { IContribution } from './contribution';\nimport type { ISyncHook } from './sync-hook';\nimport type { PerformanceRAF } from '../common/performance-raf';\n\nexport interface ILoader {\n  loadImage: (url: string) => HTMLImageElement | ImageData;\n  loadJson: (url: string) => JSON;\n}\n\n// 环境定义\nexport type EnvType = 'browser' | 'feishu' | 'tt' | 'taro' | 'node' | 'native' | 'lynx' | 'wx' | 'harmony';\n\n// 创建canvas需要的参数\nexport interface ICreateCanvasParams {\n  id?: string;\n  // 像素宽\n  width?: number;\n  // 像素高\n  height?: number;\n  dpr?: number;\n}\n\nexport interface ILoader {\n  loadImage: (url: string) => HTMLImageElement | ImageData;\n  loadJson: (url: string) => JSON;\n}\n\nexport interface IEnvContribution\n  extends IContribution<IGlobal>,\n    Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  // 当前代码所运行的环境\n  type: EnvType;\n\n  // 是否支持事件\n  // node环境不需要事件\n  supportEvent: boolean;\n\n  // 开始配置环境，相当于init\n  configure: (global: IGlobal, ...p: any) => void;\n\n  // 创建销毁\n  createCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;\n  createOffscreenCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;\n  releaseCanvas: (canvas: ICanvasLike | string | any) => void;\n\n  getNativeAABBBounds: (dom: string | HTMLElement | any) => IAABBBoundsLike;\n  removeDom: (dom: HTMLElement) => boolean;\n  createDom: (params: CreateDOMParamsType) => HTMLElement | null;\n  updateDom: (dom: HTMLElement, params: CreateDOMParamsType) => boolean;\n  getElementTop: (dom: any, baseWindow?: boolean) => number;\n  getElementLeft: (dom: any, baseWindow?: boolean) => number;\n  getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };\n\n  /**\n   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount: () => number;\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount: () => number;\n\n  // 设备信息\n  getDevicePixelRatio: () => number;\n\n  // 通用接口\n  getRequestAnimationFrame: () => (callback: FrameRequestCallback) => number;\n  getCancelAnimationFrame: () => (h: number) => void;\n\n  // DOM接口\n  getElementById?: (str: string) => HTMLElement | null;\n  getRootElement?: () => HTMLElement | null;\n  /**\n   * get document instance\n   */\n  getDocument?: () => Document | null;\n  /**\n   * whether supports TouchEvent.\n   */\n  supportsTouchEvents: boolean;\n  /**\n   * whether supports PointerEvent.\n   */\n  supportsPointerEvents: boolean;\n  /**\n   * whether supports MouseEvent.\n   */\n  supportsMouseEvents: boolean;\n  /**\n   * Whether to allow setting the cursor style\n   */\n  applyStyles?: boolean;\n\n  /**\n   * 将窗口坐标转换为画布坐标，小程序/小组件环境需要兼容\n   */\n  mapToCanvasPoint?: (event: any, domElement?: any) => IPointLike | null;\n\n  loadImage: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadSvg: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadJson: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }>;\n  loadArrayBuffer: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }>;\n  loadBlob: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }>;\n  // @since 0.21.3\n  /**\n   * 加载字体，参数对应Font类\n   * @param font 字体名\n   * @param source 数据源\n   * @param descriptors 其他描述\n   * @returns\n   */\n  loadFont: (\n    font: string,\n    source: string | any,\n    descriptors?: FontFaceDescriptors\n  ) => Promise<{\n    loadState: 'success' | 'fail';\n  }>;\n\n  isMacOS: () => boolean;\n  copyToClipBoard: (text: string) => Promise<void>;\n}\n\nexport type IMiniAppEnvParams = {\n  /** dom 容器对象 */\n  domref?: Dict<any>;\n  /**\n   * 强行设置env，如果env重复设置也设置\n   */\n  force?: boolean;\n  /**\n   * 可用的canvas列表\n   */\n  canvasIdLists?: (string | number)[];\n  /**\n   * 表示可以自由使用的canvas索引\n   */\n  freeCanvasIdx?: string | number;\n  /** taro 环境使用 */\n  taro?: any;\n  pixelRatio?: number;\n  [key: string]: any;\n};\n\nexport interface IEnvParamsMap {\n  readonly taro: IMiniAppEnvParams;\n  readonly feishu: IMiniAppEnvParams;\n  readonly tt: IMiniAppEnvParams;\n  readonly browser: any;\n  readonly node: any;\n  readonly native: any;\n  readonly lynx: any;\n  readonly wx: any;\n  readonly harmony: any;\n}\n\nexport type CreateDOMParamsType = {\n  tagName?: string;\n  width?: number;\n  height?: number;\n  style?: string | Record<string, any>;\n  parent?: string | HTMLElement;\n};\nexport interface IGlobal extends Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  // 当前代码所运行的环境\n  env: EnvType;\n\n  // 设备的dpr\n  devicePixelRatio: number;\n\n  // 当设置env的时候被调用\n  hooks: {\n    onSetEnv: ISyncHook<[EnvType | undefined, EnvType, IGlobal]>;\n  };\n\n  // 设置env的时候传入的参数\n  // node环境需要传入整个node-canvas包\n  // 小程序环境需要传入小程序要用到的参数\n  envParams?: any;\n\n  // 是否支持事件\n  // node环境不需要事件\n  supportEvent: boolean;\n\n  // 是否在不显示canvas的时候停止绘图操作，默认false\n  optimizeVisible: boolean;\n\n  setEnv: (env: EnvType, params?: IEnvParamsMap[EnvType]) => void;\n  setActiveEnvContribution: (contribution: IEnvContribution) => void;\n  createCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;\n  createOffscreenCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;\n  releaseCanvas: (canvas: HTMLCanvasElement | string | any) => void;\n  setEventListenerTransformer: (transformer: (event: Event) => Event) => void;\n\n  /**\n   * 获取环境中最大动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount: () => number;\n\n  isChrome: () => boolean;\n  isSafari: () => boolean;\n  isMacOS: () => boolean;\n  copyToClipBoard: (text: string) => Promise<void>;\n\n  /**\n   * 获取环境中最大静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount: () => number;\n\n  /* 浏览器环境 - dom tree */\n  getElementById: (str: string) => HTMLElement | null;\n  getRootElement: () => HTMLElement | null;\n  /**\n   * get document instance\n   */\n  getDocument: () => Document | null;\n  /**\n   * whether supports TouchEvent.\n   */\n  supportsTouchEvents: boolean;\n  /**\n   * whether supports PointerEvent.\n   */\n  supportsPointerEvents: boolean;\n  /**\n   * whether supports MouseEvent.\n   */\n  supportsMouseEvents: boolean;\n  /**\n   * Whether to allow setting the cursor style\n   */\n  applyStyles?: boolean;\n  /**\n   * 测量文字的方法\n   */\n  measureTextMethod: 'native' | 'simple' | 'quick';\n\n  getRequestAnimationFrame: () => null | ((callback: FrameRequestCallback) => number);\n  getCancelAnimationFrame: () => null | ((h: number) => void);\n  getSpecifiedRequestAnimationFrame: (id: number) => (callback: FrameRequestCallback) => number;\n  getSpecifiedCancelAnimationFrame: (id: number) => (h: number) => void;\n  getSpecifiedPerformanceRAF: (id: number) => PerformanceRAF;\n\n  /**\n   * 将窗口坐标转换为画布坐标，小程序/小组件环境需要兼容\n   */\n  mapToCanvasPoint: (nativeEvent: any, domElement?: any) => IPointLike | null;\n\n  loadImage: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadSvg: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadJson: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }>;\n  loadArrayBuffer: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }>;\n  loadBlob: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }>;\n\n  removeDom: (dom: HTMLElement) => boolean;\n  createDom: (params: CreateDOMParamsType) => HTMLElement | null;\n  updateDom: (dom: HTMLElement, params: CreateDOMParamsType) => boolean;\n\n  getElementTop: (dom: any, baseWindow?: boolean) => number;\n  getElementLeft: (dom: any, baseWindow?: boolean) => number;\n  getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };\n\n  isImageAnonymous: boolean;\n}\n"]}
+{"version":3,"sources":["../src/interface/global.ts"],"names":[],"mappings":"","file":"global.js","sourcesContent":["import type { Dict, IAABBBoundsLike, IPointLike } from '@visactor/vutils';\nimport type { ICanvasLike } from './canvas';\nimport type { IEventElement } from './common';\nimport type { IContribution } from './contribution';\nimport type { ISyncHook } from './sync-hook';\nimport type { PerformanceRAF } from '../common/performance-raf';\n\nexport interface ILoader {\n  loadImage: (url: string) => HTMLImageElement | ImageData;\n  loadJson: (url: string) => JSON;\n}\n\n// 环境定义\nexport type EnvType = 'browser' | 'feishu' | 'tt' | 'taro' | 'node' | 'native' | 'lynx' | 'wx' | 'harmony';\n\n// 创建canvas需要的参数\nexport interface ICreateCanvasParams {\n  id?: string;\n  // 像素宽\n  width?: number;\n  // 像素高\n  height?: number;\n  dpr?: number;\n}\n\nexport interface ILoader {\n  loadImage: (url: string) => HTMLImageElement | ImageData;\n  loadJson: (url: string) => JSON;\n}\n\nexport interface IEnvContribution\n  extends IContribution<IGlobal>,\n    Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  // 当前代码所运行的环境\n  type: EnvType;\n\n  // 是否支持事件\n  // node环境不需要事件\n  supportEvent: boolean;\n\n  // 开始配置环境，相当于init\n  configure: (global: IGlobal, ...p: any) => void;\n\n  // 创建销毁\n  createCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;\n  createOffscreenCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;\n  releaseCanvas: (canvas: ICanvasLike | string | any) => void;\n\n  getNativeAABBBounds: (dom: string | HTMLElement | any) => IAABBBoundsLike;\n  removeDom: (dom: HTMLElement) => boolean;\n  createDom: (params: CreateDOMParamsType) => HTMLElement | null;\n  updateDom: (dom: HTMLElement, params: CreateDOMParamsType) => boolean;\n  getElementTop: (dom: any, baseWindow?: boolean) => number;\n  getElementLeft: (dom: any, baseWindow?: boolean) => number;\n  getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };\n\n  /**\n   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount: () => number;\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount: () => number;\n\n  // 设备信息\n  getDevicePixelRatio: () => number;\n\n  // 通用接口\n  getRequestAnimationFrame: () => (callback: FrameRequestCallback) => number;\n  getCancelAnimationFrame: () => (h: number) => void;\n\n  // DOM接口\n  getElementById?: (str: string) => HTMLElement | null;\n  getRootElement?: () => HTMLElement | null;\n  /**\n   * get document instance\n   */\n  getDocument?: () => Document | null;\n  /**\n   * whether supports TouchEvent.\n   */\n  supportsTouchEvents: boolean;\n  /**\n   * whether supports PointerEvent.\n   */\n  supportsPointerEvents: boolean;\n  /**\n   * whether supports MouseEvent.\n   */\n  supportsMouseEvents: boolean;\n  /**\n   * Whether to allow setting the cursor style\n   */\n  applyStyles?: boolean;\n\n  /**\n   * 将窗口坐标转换为画布坐标，小程序/小组件环境需要兼容\n   */\n  mapToCanvasPoint?: (event: any, domElement?: any) => IPointLike | null;\n\n  loadImage: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadSvg: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadJson: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }>;\n  loadArrayBuffer: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }>;\n  loadBlob: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }>;\n  // @since 0.21.3\n  /**\n   * 加载字体，参数对应Font类\n   * @param font 字体名\n   * @param source 数据源\n   * @param descriptors 其他描述\n   * @returns\n   */\n  loadFont: (\n    font: string,\n    source: string | any,\n    descriptors?: FontFaceDescriptors\n  ) => Promise<{\n    loadState: 'success' | 'fail';\n  }>;\n\n  isMacOS: () => boolean;\n  copyToClipBoard: (text: string) => Promise<void>;\n}\n\nexport type IMiniAppEnvParams = {\n  /**\n   * 强行设置env，如果env重复设置也设置\n   */\n  force?: boolean;\n  /** taro 环境使用 */\n  taro?: any;\n  /** app 级 canvas 工厂，必须能为该 app 下任意 stage canvas 参数创建宿主 canvas */\n  canvasFactory?: (options: { id?: string; width: number; height: number; dpr: number; offscreen: boolean }) => any;\n  pixelRatio?: number;\n  [key: string]: any;\n};\n\nexport interface IEnvParamsMap {\n  readonly taro: IMiniAppEnvParams;\n  readonly feishu: IMiniAppEnvParams;\n  readonly tt: IMiniAppEnvParams;\n  readonly browser: any;\n  readonly node: any;\n  readonly native: any;\n  readonly lynx: any;\n  readonly wx: any;\n  readonly harmony: any;\n}\n\nexport type CreateDOMParamsType = {\n  tagName?: string;\n  width?: number;\n  height?: number;\n  style?: string | Record<string, any>;\n  parent?: string | HTMLElement;\n};\nexport interface IGlobal extends Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  // 当前代码所运行的环境\n  env: EnvType;\n\n  // 设备的dpr\n  devicePixelRatio: number;\n\n  // 当设置env的时候被调用\n  hooks: {\n    onSetEnv: ISyncHook<[EnvType | undefined, EnvType, IGlobal]>;\n  };\n\n  // 设置env的时候传入的参数\n  // node环境需要传入整个node-canvas包\n  // 小程序环境需要传入小程序要用到的参数\n  envParams?: any;\n\n  // 是否支持事件\n  // node环境不需要事件\n  supportEvent: boolean;\n\n  // 是否在不显示canvas的时候停止绘图操作，默认false\n  optimizeVisible: boolean;\n\n  setEnv: (env: EnvType, params?: IEnvParamsMap[EnvType]) => void;\n  setActiveEnvContribution: (contribution: IEnvContribution) => void;\n  createCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;\n  createOffscreenCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;\n  releaseCanvas: (canvas: HTMLCanvasElement | string | any) => void;\n  setEventListenerTransformer: (transformer: (event: Event) => Event) => void;\n\n  /**\n   * 获取环境中最大动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount: () => number;\n\n  isChrome: () => boolean;\n  isSafari: () => boolean;\n  isMacOS: () => boolean;\n  copyToClipBoard: (text: string) => Promise<void>;\n\n  /**\n   * 获取环境中最大静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount: () => number;\n\n  /* 浏览器环境 - dom tree */\n  getElementById: (str: string) => HTMLElement | null;\n  getRootElement: () => HTMLElement | null;\n  /**\n   * get document instance\n   */\n  getDocument: () => Document | null;\n  /**\n   * whether supports TouchEvent.\n   */\n  supportsTouchEvents: boolean;\n  /**\n   * whether supports PointerEvent.\n   */\n  supportsPointerEvents: boolean;\n  /**\n   * whether supports MouseEvent.\n   */\n  supportsMouseEvents: boolean;\n  /**\n   * Whether to allow setting the cursor style\n   */\n  applyStyles?: boolean;\n  /**\n   * 测量文字的方法\n   */\n  measureTextMethod: 'native' | 'simple' | 'quick';\n\n  getRequestAnimationFrame: () => null | ((callback: FrameRequestCallback) => number);\n  getCancelAnimationFrame: () => null | ((h: number) => void);\n  getSpecifiedRequestAnimationFrame: (id: number) => (callback: FrameRequestCallback) => number;\n  getSpecifiedCancelAnimationFrame: (id: number) => (h: number) => void;\n  getSpecifiedPerformanceRAF: (id: number) => PerformanceRAF;\n\n  /**\n   * 将窗口坐标转换为画布坐标，小程序/小组件环境需要兼容\n   */\n  mapToCanvasPoint: (nativeEvent: any, domElement?: any) => IPointLike | null;\n\n  loadImage: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadSvg: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadJson: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }>;\n  loadArrayBuffer: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }>;\n  loadBlob: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }>;\n\n  removeDom: (dom: HTMLElement) => boolean;\n  createDom: (params: CreateDOMParamsType) => HTMLElement | null;\n  updateDom: (dom: HTMLElement, params: CreateDOMParamsType) => boolean;\n\n  getElementTop: (dom: any, baseWindow?: boolean) => number;\n  getElementLeft: (dom: any, baseWindow?: boolean) => number;\n  getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };\n\n  isImageAnonymous: boolean;\n}\n"]}

package/es/canvas/constants.js

@@ -1,4 +1,3 @@
 export const CanvasFactory = Symbol.for("CanvasFactory");
 
-export const Context2dFactory = Symbol.for("Context2dFactory");
-//# sourceMappingURL=constants.js.map
+export const Context2dFactory = Symbol.for("Context2dFactory");

package/es/canvas/empty-context.js

@@ -205,4 +205,5 @@ export class EmptyContext2d {
     release(...params) {
         this.stack.forEach((m => matrixAllocate.free(m))), this.stack.length = 0;
     }
-}
+}
+//# sourceMappingURL=empty-context.js.map

package/es/common/Reflect-metadata.js

@@ -175,4 +175,4 @@ export default (function(Reflect) {
         }), previous && previous(key, value);
     })), Reflect;
 }({}));
-//# sourceMappingURL=Reflect-metadata.js.map
+//# sourceMappingURL=Reflect-metadata.js.map

package/es/common/bezier-utils.js

@@ -37,4 +37,4 @@ export function quadPointAt(p0, p1, p2, t) {
 export function quadLength(p0, p1, p2, iterationCount) {
     return snapLength([ p0.x, p1.x, p2.x ], [ p0.y, p1.y, p2.y ]);
 }
-//# sourceMappingURL=bezier-utils.js.map
+//# sourceMappingURL=bezier-utils.js.map

package/es/common/bounds-context.js

@@ -50,4 +50,4 @@ export class BoundsContext {
     }
     release(...params) {}
 }
-//# sourceMappingURL=bounds-context.js.map
+//# sourceMappingURL=bounds-context.js.map

package/es/common/canvas-utils.js

@@ -52,4 +52,4 @@ function createConicGradient(context, color, x, y, w, h) {
         canvasGradient.addColorStop(stop.offset, stop.color);
     })), canvasGradient.GetPattern ? canvasGradient.GetPattern(w + x, h + y, undefined) : canvasGradient;
 }
-//# sourceMappingURL=canvas-utils.js.map
+//# sourceMappingURL=canvas-utils.js.map

package/es/common/color-utils.js

@@ -238,4 +238,4 @@ export class GradientParser {
         };
     }
 }
-//# sourceMappingURL=color-utils.js.map
+//# sourceMappingURL=color-utils.js.map

package/es/common/contribution-provider.js

@@ -40,4 +40,4 @@ export class ContributionStore {
 }
 
 ContributionStore.store = new Map;
-//# sourceMappingURL=contribution-provider.js.map
+//# sourceMappingURL=contribution-provider.js.map

package/es/common/custom-path2d.js

@@ -373,4 +373,4 @@ function scale(current, sX, sY) {
     temp[7] = sY * current[7]; else if ("h" === c || "H" === c) temp[1] = sX * current[1]; else if ("v" === c || "V" === c) temp[1] = sY * current[1]; else for (let i = 1, n = current.length; i < n; ++i) temp[i] = (i % 2 == 1 ? sX : sY) * current[i];
     return temp;
 }
-//# sourceMappingURL=custom-path2d.js.map
+//# sourceMappingURL=custom-path2d.js.map

package/es/common/diff.js

@@ -9,4 +9,4 @@ export function diff(oldAttrs, newAttrs, getAttr) {
     }
     return diffObj;
 }
-//# sourceMappingURL=diff.js.map
+//# sourceMappingURL=diff.js.map

package/es/common/enums.js

@@ -51,4 +51,4 @@ export var BaseRenderContributionTime;
     BaseRenderContributionTime[BaseRenderContributionTime.beforeFillStroke = 0] = "beforeFillStroke", 
     BaseRenderContributionTime[BaseRenderContributionTime.afterFillStroke = 1] = "afterFillStroke";
 }(BaseRenderContributionTime || (BaseRenderContributionTime = {}));
-//# sourceMappingURL=enums.js.map
+//# sourceMappingURL=enums.js.map

package/es/common/event-listener-manager.js

@@ -71,4 +71,4 @@ export class EventListenerManager {
         throw new Error("_nativeDispatchEvent must be implemented by derived classes");
     }
 }
-//# sourceMappingURL=event-listener-manager.js.map
+//# sourceMappingURL=event-listener-manager.js.map

package/es/common/event-transformer.js

@@ -113,5 +113,4 @@ export function mapToCanvasPointForCanvas(nativeEvent) {
         x: nativeEvent._canvasX || 0,
         y: nativeEvent._canvasY || 0
     };
-}
-//# sourceMappingURL=event-transformer.js.map
+}

package/es/common/explicit-binding.js

@@ -7,4 +7,4 @@ export function resolveContainerBinding(container, serviceIdentifier) {
     if (null == instance) throw new Error(`No binding found for ${describeServiceIdentifier(serviceIdentifier)}.`);
     return instance;
 }
-//# sourceMappingURL=explicit-binding.js.map
+//# sourceMappingURL=explicit-binding.js.map

package/es/common/generator.js

@@ -5,4 +5,4 @@ export class Generator {
 }
 
 Generator.auto_increment_id = 0;
-//# sourceMappingURL=generator.js.map
+//# sourceMappingURL=generator.js.map

package/es/common/matrix.js

@@ -118,4 +118,4 @@ export function transformMat4(out, a, m) {
     return w = w || 1, out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w, out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w, 
     out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w, out;
 }
-//# sourceMappingURL=matrix.js.map
+//# sourceMappingURL=matrix.js.map

package/es/common/morphing-utils.js

@@ -189,4 +189,4 @@ export function bezierCurversToPath(bezierCurves) {
     }
     return path;
 }
-//# sourceMappingURL=morphing-utils.js.map
+//# sourceMappingURL=morphing-utils.js.map

package/es/common/path-svg.js

@@ -55,4 +55,4 @@ export function parseSvgPath(str) {
     } else result.push(currCommandData);
     return result;
 }
-//# sourceMappingURL=path-svg.js.map
+//# sourceMappingURL=path-svg.js.map

package/es/common/performance-raf.js

@@ -26,4 +26,4 @@ export class PerformanceRAF {
         }));
     }
 }
-//# sourceMappingURL=performance-raf.js.map
+//# sourceMappingURL=performance-raf.js.map

package/es/common/polygon.js

@@ -38,4 +38,4 @@ function getProportionPoint(point, segment, length, dx, dy) {
         y: point.y - dy * factor
     };
 }
-//# sourceMappingURL=polygon.js.map
+//# sourceMappingURL=polygon.js.map

package/es/entries/app-context.js

@@ -83,4 +83,4 @@ export class AppContext {
         };
     }
 }
-//# sourceMappingURL=app-context.js.map
+//# sourceMappingURL=app-context.js.map

package/es/entries/browser.js

@@ -33,4 +33,4 @@ export class BrowserEntry {
 export function createBrowserApp(options = {}) {
     return new BrowserEntry(options);
 }
-//# sourceMappingURL=browser.js.map
+//# sourceMappingURL=browser.js.map

package/es/entries/index.js

@@ -11,4 +11,4 @@ export * from "./miniapp";
 export * from "./runtime-installer";
 
 export { createBrowserApp as createApp } from "./browser";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/entries/miniapp.js

@@ -9,4 +9,4 @@ export class MiniappEntry extends BrowserEntry {
 export function createMiniappApp(options = {}) {
     return new MiniappEntry(options);
 }
-//# sourceMappingURL=miniapp.js.map
+//# sourceMappingURL=miniapp.js.map

package/es/entries/node.js

@@ -9,4 +9,4 @@ export class NodeEntry extends BrowserEntry {
 export function createNodeApp(options = {}) {
     return new NodeEntry(options);
 }
-//# sourceMappingURL=node.js.map
+//# sourceMappingURL=node.js.map

package/es/entries/runtime-installer.js

@@ -127,4 +127,4 @@ export function installRuntimePickersToApp(app, serviceIdentifier) {
     const pickers = bindingContext.getAll(serviceIdentifier);
     app.registry.picker.clear(), registerRuntimeEntries(((key, picker) => app.registry.picker.register(key, picker)), pickers, "runtime-picker");
 }
-//# sourceMappingURL=runtime-installer.js.map
+//# sourceMappingURL=runtime-installer.js.map

package/es/entries/types.js

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

package/es/event/constant.js

@@ -1,2 +1,2 @@
 export const WILDCARD = "*";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/es/event/event-manager.js

@@ -299,4 +299,4 @@ export class EventManager {
         this.mappingTable = null, this.mappingState = null, this.cursorTarget = null;
     }
 }
-//# sourceMappingURL=event-manager.js.map
+//# sourceMappingURL=event-manager.js.map

package/es/event/event-system.js

@@ -212,4 +212,4 @@ export class EventSystem {
         this.manager.pauseNotify = !1;
     }
 }
-//# sourceMappingURL=event-system.js.map
+//# sourceMappingURL=event-system.js.map

package/es/event/event-target.js

@@ -12,4 +12,4 @@ export const EventTarget = {
         return this.dispatchEvent(new CustomEvent(eventName, object));
     }
 };
-//# sourceMappingURL=event-target.js.map
+//# sourceMappingURL=event-target.js.map

package/es/event/index.js

@@ -10,4 +10,5 @@ export * from "../interface/event";
 
 export * from "./util";
 
-export * from "./constant";
+export * from "./constant";
+//# sourceMappingURL=index.js.map

package/es/event/util.js

@@ -1,2 +1,2 @@
 export const clock = "object" == typeof performance && performance.now ? performance : Date;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/es/factory/graphic-factory.js

@@ -12,4 +12,4 @@ export class GraphicFactory {
         this.registry.set(type, ctor);
     }
 }
-//# sourceMappingURL=graphic-factory.js.map
+//# sourceMappingURL=graphic-factory.js.map

package/es/factory/index.js

@@ -5,4 +5,4 @@ export * from "./stage-factory";
 export * from "./layer-factory";
 
 export * from "./graphic-factory";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/factory/layer-factory.js

@@ -8,4 +8,4 @@ export class LayerFactory {
         return new this.LayerCtor(stage, global, window, params);
     }
 }
-//# sourceMappingURL=layer-factory.js.map
+//# sourceMappingURL=layer-factory.js.map

package/es/factory/stage-factory.js

@@ -9,4 +9,4 @@ export class StageFactory {
         return new this.StageCtor(params, null === (_a = this.depsFactory) || void 0 === _a ? void 0 : _a.call(this));
     }
 }
-//# sourceMappingURL=stage-factory.js.map
+//# sourceMappingURL=stage-factory.js.map

package/es/factory/types.js

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

package/es/interface/global.d.ts

@@ -1,4 +1,4 @@
-import type { Dict, IAABBBoundsLike, IPointLike } from '@visactor/vutils';
+import type { IAABBBoundsLike, IPointLike } from '@visactor/vutils';
 import type { ICanvasLike } from './canvas';
 import type { IEventElement } from './common';
 import type { IContribution } from './contribution';
@@ -76,11 +76,15 @@ export interface IEnvContribution extends IContribution<IGlobal>, Omit<IEventEle
     copyToClipBoard: (text: string) => Promise<void>;
 }
 export type IMiniAppEnvParams = {
-    domref?: Dict<any>;
     force?: boolean;
-    canvasIdLists?: (string | number)[];
-    freeCanvasIdx?: string | number;
     taro?: any;
+    canvasFactory?: (options: {
+        id?: string;
+        width: number;
+        height: number;
+        dpr: number;
+        offscreen: boolean;
+    }) => any;
     pixelRatio?: number;
     [key: string]: any;
 };

package/es/interface/global.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/global.ts"],"names":[],"mappings":"","file":"global.js","sourcesContent":["import type { Dict, IAABBBoundsLike, IPointLike } from '@visactor/vutils';\nimport type { ICanvasLike } from './canvas';\nimport type { IEventElement } from './common';\nimport type { IContribution } from './contribution';\nimport type { ISyncHook } from './sync-hook';\nimport type { PerformanceRAF } from '../common/performance-raf';\n\nexport interface ILoader {\n  loadImage: (url: string) => HTMLImageElement | ImageData;\n  loadJson: (url: string) => JSON;\n}\n\n// 环境定义\nexport type EnvType = 'browser' | 'feishu' | 'tt' | 'taro' | 'node' | 'native' | 'lynx' | 'wx' | 'harmony';\n\n// 创建canvas需要的参数\nexport interface ICreateCanvasParams {\n  id?: string;\n  // 像素宽\n  width?: number;\n  // 像素高\n  height?: number;\n  dpr?: number;\n}\n\nexport interface ILoader {\n  loadImage: (url: string) => HTMLImageElement | ImageData;\n  loadJson: (url: string) => JSON;\n}\n\nexport interface IEnvContribution\n  extends IContribution<IGlobal>,\n    Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  // 当前代码所运行的环境\n  type: EnvType;\n\n  // 是否支持事件\n  // node环境不需要事件\n  supportEvent: boolean;\n\n  // 开始配置环境，相当于init\n  configure: (global: IGlobal, ...p: any) => void;\n\n  // 创建销毁\n  createCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;\n  createOffscreenCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;\n  releaseCanvas: (canvas: ICanvasLike | string | any) => void;\n\n  getNativeAABBBounds: (dom: string | HTMLElement | any) => IAABBBoundsLike;\n  removeDom: (dom: HTMLElement) => boolean;\n  createDom: (params: CreateDOMParamsType) => HTMLElement | null;\n  updateDom: (dom: HTMLElement, params: CreateDOMParamsType) => boolean;\n  getElementTop: (dom: any, baseWindow?: boolean) => number;\n  getElementLeft: (dom: any, baseWindow?: boolean) => number;\n  getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };\n\n  /**\n   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount: () => number;\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount: () => number;\n\n  // 设备信息\n  getDevicePixelRatio: () => number;\n\n  // 通用接口\n  getRequestAnimationFrame: () => (callback: FrameRequestCallback) => number;\n  getCancelAnimationFrame: () => (h: number) => void;\n\n  // DOM接口\n  getElementById?: (str: string) => HTMLElement | null;\n  getRootElement?: () => HTMLElement | null;\n  /**\n   * get document instance\n   */\n  getDocument?: () => Document | null;\n  /**\n   * whether supports TouchEvent.\n   */\n  supportsTouchEvents: boolean;\n  /**\n   * whether supports PointerEvent.\n   */\n  supportsPointerEvents: boolean;\n  /**\n   * whether supports MouseEvent.\n   */\n  supportsMouseEvents: boolean;\n  /**\n   * Whether to allow setting the cursor style\n   */\n  applyStyles?: boolean;\n\n  /**\n   * 将窗口坐标转换为画布坐标，小程序/小组件环境需要兼容\n   */\n  mapToCanvasPoint?: (event: any, domElement?: any) => IPointLike | null;\n\n  loadImage: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadSvg: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadJson: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }>;\n  loadArrayBuffer: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }>;\n  loadBlob: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }>;\n  // @since 0.21.3\n  /**\n   * 加载字体，参数对应Font类\n   * @param font 字体名\n   * @param source 数据源\n   * @param descriptors 其他描述\n   * @returns\n   */\n  loadFont: (\n    font: string,\n    source: string | any,\n    descriptors?: FontFaceDescriptors\n  ) => Promise<{\n    loadState: 'success' | 'fail';\n  }>;\n\n  isMacOS: () => boolean;\n  copyToClipBoard: (text: string) => Promise<void>;\n}\n\nexport type IMiniAppEnvParams = {\n  /** dom 容器对象 */\n  domref?: Dict<any>;\n  /**\n   * 强行设置env，如果env重复设置也设置\n   */\n  force?: boolean;\n  /**\n   * 可用的canvas列表\n   */\n  canvasIdLists?: (string | number)[];\n  /**\n   * 表示可以自由使用的canvas索引\n   */\n  freeCanvasIdx?: string | number;\n  /** taro 环境使用 */\n  taro?: any;\n  pixelRatio?: number;\n  [key: string]: any;\n};\n\nexport interface IEnvParamsMap {\n  readonly taro: IMiniAppEnvParams;\n  readonly feishu: IMiniAppEnvParams;\n  readonly tt: IMiniAppEnvParams;\n  readonly browser: any;\n  readonly node: any;\n  readonly native: any;\n  readonly lynx: any;\n  readonly wx: any;\n  readonly harmony: any;\n}\n\nexport type CreateDOMParamsType = {\n  tagName?: string;\n  width?: number;\n  height?: number;\n  style?: string | Record<string, any>;\n  parent?: string | HTMLElement;\n};\nexport interface IGlobal extends Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  // 当前代码所运行的环境\n  env: EnvType;\n\n  // 设备的dpr\n  devicePixelRatio: number;\n\n  // 当设置env的时候被调用\n  hooks: {\n    onSetEnv: ISyncHook<[EnvType | undefined, EnvType, IGlobal]>;\n  };\n\n  // 设置env的时候传入的参数\n  // node环境需要传入整个node-canvas包\n  // 小程序环境需要传入小程序要用到的参数\n  envParams?: any;\n\n  // 是否支持事件\n  // node环境不需要事件\n  supportEvent: boolean;\n\n  // 是否在不显示canvas的时候停止绘图操作，默认false\n  optimizeVisible: boolean;\n\n  setEnv: (env: EnvType, params?: IEnvParamsMap[EnvType]) => void;\n  setActiveEnvContribution: (contribution: IEnvContribution) => void;\n  createCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;\n  createOffscreenCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;\n  releaseCanvas: (canvas: HTMLCanvasElement | string | any) => void;\n  setEventListenerTransformer: (transformer: (event: Event) => Event) => void;\n\n  /**\n   * 获取环境中最大动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount: () => number;\n\n  isChrome: () => boolean;\n  isSafari: () => boolean;\n  isMacOS: () => boolean;\n  copyToClipBoard: (text: string) => Promise<void>;\n\n  /**\n   * 获取环境中最大静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount: () => number;\n\n  /* 浏览器环境 - dom tree */\n  getElementById: (str: string) => HTMLElement | null;\n  getRootElement: () => HTMLElement | null;\n  /**\n   * get document instance\n   */\n  getDocument: () => Document | null;\n  /**\n   * whether supports TouchEvent.\n   */\n  supportsTouchEvents: boolean;\n  /**\n   * whether supports PointerEvent.\n   */\n  supportsPointerEvents: boolean;\n  /**\n   * whether supports MouseEvent.\n   */\n  supportsMouseEvents: boolean;\n  /**\n   * Whether to allow setting the cursor style\n   */\n  applyStyles?: boolean;\n  /**\n   * 测量文字的方法\n   */\n  measureTextMethod: 'native' | 'simple' | 'quick';\n\n  getRequestAnimationFrame: () => null | ((callback: FrameRequestCallback) => number);\n  getCancelAnimationFrame: () => null | ((h: number) => void);\n  getSpecifiedRequestAnimationFrame: (id: number) => (callback: FrameRequestCallback) => number;\n  getSpecifiedCancelAnimationFrame: (id: number) => (h: number) => void;\n  getSpecifiedPerformanceRAF: (id: number) => PerformanceRAF;\n\n  /**\n   * 将窗口坐标转换为画布坐标，小程序/小组件环境需要兼容\n   */\n  mapToCanvasPoint: (nativeEvent: any, domElement?: any) => IPointLike | null;\n\n  loadImage: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadSvg: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadJson: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }>;\n  loadArrayBuffer: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }>;\n  loadBlob: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }>;\n\n  removeDom: (dom: HTMLElement) => boolean;\n  createDom: (params: CreateDOMParamsType) => HTMLElement | null;\n  updateDom: (dom: HTMLElement, params: CreateDOMParamsType) => boolean;\n\n  getElementTop: (dom: any, baseWindow?: boolean) => number;\n  getElementLeft: (dom: any, baseWindow?: boolean) => number;\n  getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };\n\n  isImageAnonymous: boolean;\n}\n"]}
+{"version":3,"sources":["../src/interface/global.ts"],"names":[],"mappings":"","file":"global.js","sourcesContent":["import type { Dict, IAABBBoundsLike, IPointLike } from '@visactor/vutils';\nimport type { ICanvasLike } from './canvas';\nimport type { IEventElement } from './common';\nimport type { IContribution } from './contribution';\nimport type { ISyncHook } from './sync-hook';\nimport type { PerformanceRAF } from '../common/performance-raf';\n\nexport interface ILoader {\n  loadImage: (url: string) => HTMLImageElement | ImageData;\n  loadJson: (url: string) => JSON;\n}\n\n// 环境定义\nexport type EnvType = 'browser' | 'feishu' | 'tt' | 'taro' | 'node' | 'native' | 'lynx' | 'wx' | 'harmony';\n\n// 创建canvas需要的参数\nexport interface ICreateCanvasParams {\n  id?: string;\n  // 像素宽\n  width?: number;\n  // 像素高\n  height?: number;\n  dpr?: number;\n}\n\nexport interface ILoader {\n  loadImage: (url: string) => HTMLImageElement | ImageData;\n  loadJson: (url: string) => JSON;\n}\n\nexport interface IEnvContribution\n  extends IContribution<IGlobal>,\n    Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  // 当前代码所运行的环境\n  type: EnvType;\n\n  // 是否支持事件\n  // node环境不需要事件\n  supportEvent: boolean;\n\n  // 开始配置环境，相当于init\n  configure: (global: IGlobal, ...p: any) => void;\n\n  // 创建销毁\n  createCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;\n  createOffscreenCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;\n  releaseCanvas: (canvas: ICanvasLike | string | any) => void;\n\n  getNativeAABBBounds: (dom: string | HTMLElement | any) => IAABBBoundsLike;\n  removeDom: (dom: HTMLElement) => boolean;\n  createDom: (params: CreateDOMParamsType) => HTMLElement | null;\n  updateDom: (dom: HTMLElement, params: CreateDOMParamsType) => boolean;\n  getElementTop: (dom: any, baseWindow?: boolean) => number;\n  getElementLeft: (dom: any, baseWindow?: boolean) => number;\n  getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };\n\n  /**\n   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount: () => number;\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount: () => number;\n\n  // 设备信息\n  getDevicePixelRatio: () => number;\n\n  // 通用接口\n  getRequestAnimationFrame: () => (callback: FrameRequestCallback) => number;\n  getCancelAnimationFrame: () => (h: number) => void;\n\n  // DOM接口\n  getElementById?: (str: string) => HTMLElement | null;\n  getRootElement?: () => HTMLElement | null;\n  /**\n   * get document instance\n   */\n  getDocument?: () => Document | null;\n  /**\n   * whether supports TouchEvent.\n   */\n  supportsTouchEvents: boolean;\n  /**\n   * whether supports PointerEvent.\n   */\n  supportsPointerEvents: boolean;\n  /**\n   * whether supports MouseEvent.\n   */\n  supportsMouseEvents: boolean;\n  /**\n   * Whether to allow setting the cursor style\n   */\n  applyStyles?: boolean;\n\n  /**\n   * 将窗口坐标转换为画布坐标，小程序/小组件环境需要兼容\n   */\n  mapToCanvasPoint?: (event: any, domElement?: any) => IPointLike | null;\n\n  loadImage: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadSvg: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadJson: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }>;\n  loadArrayBuffer: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }>;\n  loadBlob: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }>;\n  // @since 0.21.3\n  /**\n   * 加载字体，参数对应Font类\n   * @param font 字体名\n   * @param source 数据源\n   * @param descriptors 其他描述\n   * @returns\n   */\n  loadFont: (\n    font: string,\n    source: string | any,\n    descriptors?: FontFaceDescriptors\n  ) => Promise<{\n    loadState: 'success' | 'fail';\n  }>;\n\n  isMacOS: () => boolean;\n  copyToClipBoard: (text: string) => Promise<void>;\n}\n\nexport type IMiniAppEnvParams = {\n  /**\n   * 强行设置env，如果env重复设置也设置\n   */\n  force?: boolean;\n  /** taro 环境使用 */\n  taro?: any;\n  /** app 级 canvas 工厂，必须能为该 app 下任意 stage canvas 参数创建宿主 canvas */\n  canvasFactory?: (options: { id?: string; width: number; height: number; dpr: number; offscreen: boolean }) => any;\n  pixelRatio?: number;\n  [key: string]: any;\n};\n\nexport interface IEnvParamsMap {\n  readonly taro: IMiniAppEnvParams;\n  readonly feishu: IMiniAppEnvParams;\n  readonly tt: IMiniAppEnvParams;\n  readonly browser: any;\n  readonly node: any;\n  readonly native: any;\n  readonly lynx: any;\n  readonly wx: any;\n  readonly harmony: any;\n}\n\nexport type CreateDOMParamsType = {\n  tagName?: string;\n  width?: number;\n  height?: number;\n  style?: string | Record<string, any>;\n  parent?: string | HTMLElement;\n};\nexport interface IGlobal extends Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  // 当前代码所运行的环境\n  env: EnvType;\n\n  // 设备的dpr\n  devicePixelRatio: number;\n\n  // 当设置env的时候被调用\n  hooks: {\n    onSetEnv: ISyncHook<[EnvType | undefined, EnvType, IGlobal]>;\n  };\n\n  // 设置env的时候传入的参数\n  // node环境需要传入整个node-canvas包\n  // 小程序环境需要传入小程序要用到的参数\n  envParams?: any;\n\n  // 是否支持事件\n  // node环境不需要事件\n  supportEvent: boolean;\n\n  // 是否在不显示canvas的时候停止绘图操作，默认false\n  optimizeVisible: boolean;\n\n  setEnv: (env: EnvType, params?: IEnvParamsMap[EnvType]) => void;\n  setActiveEnvContribution: (contribution: IEnvContribution) => void;\n  createCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;\n  createOffscreenCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;\n  releaseCanvas: (canvas: HTMLCanvasElement | string | any) => void;\n  setEventListenerTransformer: (transformer: (event: Event) => Event) => void;\n\n  /**\n   * 获取环境中最大动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount: () => number;\n\n  isChrome: () => boolean;\n  isSafari: () => boolean;\n  isMacOS: () => boolean;\n  copyToClipBoard: (text: string) => Promise<void>;\n\n  /**\n   * 获取环境中最大静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount: () => number;\n\n  /* 浏览器环境 - dom tree */\n  getElementById: (str: string) => HTMLElement | null;\n  getRootElement: () => HTMLElement | null;\n  /**\n   * get document instance\n   */\n  getDocument: () => Document | null;\n  /**\n   * whether supports TouchEvent.\n   */\n  supportsTouchEvents: boolean;\n  /**\n   * whether supports PointerEvent.\n   */\n  supportsPointerEvents: boolean;\n  /**\n   * whether supports MouseEvent.\n   */\n  supportsMouseEvents: boolean;\n  /**\n   * Whether to allow setting the cursor style\n   */\n  applyStyles?: boolean;\n  /**\n   * 测量文字的方法\n   */\n  measureTextMethod: 'native' | 'simple' | 'quick';\n\n  getRequestAnimationFrame: () => null | ((callback: FrameRequestCallback) => number);\n  getCancelAnimationFrame: () => null | ((h: number) => void);\n  getSpecifiedRequestAnimationFrame: (id: number) => (callback: FrameRequestCallback) => number;\n  getSpecifiedCancelAnimationFrame: (id: number) => (h: number) => void;\n  getSpecifiedPerformanceRAF: (id: number) => PerformanceRAF;\n\n  /**\n   * 将窗口坐标转换为画布坐标，小程序/小组件环境需要兼容\n   */\n  mapToCanvasPoint: (nativeEvent: any, domElement?: any) => IPointLike | null;\n\n  loadImage: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadSvg: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }>;\n  loadJson: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }>;\n  loadArrayBuffer: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }>;\n  loadBlob: (url: string) => Promise<{\n    loadState: 'success' | 'fail';\n    data: Blob | null;\n  }>;\n\n  removeDom: (dom: HTMLElement) => boolean;\n  createDom: (params: CreateDOMParamsType) => HTMLElement | null;\n  updateDom: (dom: HTMLElement, params: CreateDOMParamsType) => boolean;\n\n  getElementTop: (dom: any, baseWindow?: boolean) => number;\n  getElementLeft: (dom: any, baseWindow?: boolean) => number;\n  getElementTopLeft: (dom: any, baseWindow?: boolean) => { top: number; left: number };\n\n  isImageAnonymous: boolean;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-core",
-  "version": "1.1.0-alpha.22",
+  "version": "1.1.0-alpha.23",
   "description": "",
   "sideEffects": [
     "./src/modules.ts",