@visactor/vrender-core 0.16.0-alpha.0

package/cjs/interface/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/context.ts"],"names":[],"mappings":"","file":"context.js","sourcesContent":["import type { Matrix, IMatrix, IBoundsLike, IPointLike } from '@visactor/vutils';\nimport type { ICamera } from './camera';\nimport type { ICanvas } from './canvas';\nimport type { Releaseable } from './common';\nimport type { mat4, vec3 } from './matrix';\nimport type { IFillType, IStrokeType, ITransform } from './graphic';\n\nexport interface IConicalGradientData {\n  addColorStop: (pos: number, color: string) => void;\n  readonly stops: [number, string][];\n  GetPattern: (minW: number, minH: number, deltaAngle?: number) => CanvasPattern | null;\n}\n\n// 用于commonStyle函数的参数\nexport interface ICommonStyleParams {\n  fill?: IFillType;\n  fillOpacity?: number;\n  shadowBlur?: number;\n  shadowColor?: string;\n  shadowOffsetX?: number;\n  shadowOffsetY?: number;\n  opacity?: number;\n  blur?: number;\n}\n\nexport interface IStrokeStyleParams {\n  stroke?: IStrokeType | IStrokeType[];\n  strokeOpacity?: number;\n  lineDash?: number[];\n  lineDashOffset?: number;\n  lineWidth?: number;\n  lineCap?: CanvasLineCap;\n  lineJoin?: CanvasLineJoin;\n  miterLimit?: number;\n  opacity?: number;\n}\nexport interface ITextStyleParams {\n  font?: string;\n  fontSize: number;\n  fontFamily?: string;\n  fontWeight?: string | number;\n  textAlign?: CanvasTextAlign;\n  textBaseline?: CanvasTextBaseline;\n  scaleIn3d?: boolean;\n}\n\nexport interface ISetCommonStyleParams {\n  attribute: Partial<ICommonStyleParams & ITransform>;\n  AABBBounds: IBoundsLike;\n}\n\nexport interface ISetStrokeStyleParams {\n  attribute: Partial<IStrokeStyleParams & ITransform>;\n  AABBBounds: IBoundsLike;\n}\nexport interface IContext2d extends Releaseable {\n  stack: IMatrix[];\n  inuse?: boolean;\n  camera?: ICamera;\n  modelMatrix?: mat4;\n  drawPromise?: Promise<any>;\n  // 属性代理\n  fillStyle: string | CanvasGradient | CanvasPattern;\n  disableFill?: boolean;\n  disableStroke?: boolean;\n  disableBeginPath?: boolean;\n  /**\n   * @deprecated font方法不建议使用，请使用setTextStyle\n   */\n  font: string;\n  globalAlpha: number;\n  lineCap: string;\n  lineDashOffset: number;\n  lineJoin: string;\n  lineWidth: number;\n  miterLimit: number;\n  shadowBlur: number;\n  shadowColor: string;\n  shadowOffsetX: number;\n  shadowOffsetY: number;\n  strokeStyle: string | CanvasGradient | CanvasPattern;\n  dpr: number;\n  /**\n   * @deprecated textAlign方法不建议使用，请使用setTextStyle\n   */\n  textAlign: string;\n  /**\n   * @deprecated textBaseline方法不建议使用，请使用setTextStyle\n   */\n  textBaseline: string;\n  nativeContext: CanvasRenderingContext2D | any;\n  canvas: ICanvas;\n  [key: string]: any; //类型没有索引签名\n\n  getCanvas: () => ICanvas;\n\n  getContext: () => any;\n\n  /**\n   * 设置当前ctx 的transform信息\n   */\n  setTransformForCurrent: (force?: boolean) => void;\n  /**\n   * 获取当前矩阵信息\n   */\n  currentMatrix: IMatrix;\n\n  /**\n   * 清空画布\n   */\n  clear: () => void;\n\n  restore: () => void;\n  highPerformanceRestore: () => void;\n\n  /**\n   *\n   * @param angle 弧度数\n   */\n  rotate: (angle: number, setTransform?: boolean) => void;\n\n  save: () => void;\n  highPerformanceSave: () => void;\n\n  project?: (x: number, y: number, z?: number) => IPointLike;\n  view?: (x: number, y: number, z?: number) => vec3;\n\n  scale: (x: number, y: number, setTransform?: boolean) => void;\n\n  scalePoint: (sx: number, sy: number, px: number, py: number, setTransform?: boolean) => void;\n  transform: (\n    m11: number,\n    m12: number,\n    m21: number,\n    m22: number,\n    dx: number,\n    dy: number,\n    setTransform?: boolean\n  ) => void;\n  transformFromMatrix: (matrix: Matrix, setTransform?: boolean) => void;\n  setTransform: (\n    m11: number,\n    m12: number,\n    m21: number,\n    m22: number,\n    dx: number,\n    dy: number,\n    setTransform?: boolean,\n    dpr?: number\n  ) => void;\n  setTransformFromMatrix: (matrix: Matrix, setTransform?: boolean, dpr?: number) => void;\n\n  resetTransform: (setTransform?: boolean, dpr?: number) => void;\n\n  translate: (x: number, y: number, setTransform?: boolean) => void;\n  /**\n   * 旋转角度，自动转换为弧度\n   * @param deg 角度数\n   */\n  rotateDegrees: (deg: number, setTransform?: boolean) => void;\n\n  /**\n   * 绕点旋转\n   * @param rad 弧度\n   * @param x 旋转中心点x\n   * @param y 旋转中心点y\n   */\n  rotateAbout: (rad: number, x: number, y: number, setTransform?: boolean) => void;\n\n  /**\n   * 绕点旋转\n   * @param deg 旋转角度\n   * @param x 旋转中心点x\n   * @param y 旋转中心点y\n   */\n  rotateDegreesAbout: (deg: number, x: number, y: number, setTransform?: boolean) => void;\n\n  beginPath: () => void;\n\n  clip: ((fillRule?: CanvasFillRule) => void) & ((path: Path2D, fillRule?: CanvasFillRule) => void);\n\n  arc: (\n    x: number,\n    y: number,\n    radius: number,\n    startAngle: number,\n    endAngle: number,\n    anticlockwise?: boolean,\n    z?: number\n  ) => void;\n\n  arcTo: (x1: number, y1: number, x2: number, y2: number, radius: number) => void;\n\n  bezierCurveTo: (cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number) => void;\n\n  closePath: () => void;\n\n  ellipse: (\n    x: number,\n    y: number,\n    radiusX: number,\n    radiusY: number,\n    rotation: number,\n    startAngle: number,\n    endAngle: number,\n    anticlockwise?: boolean\n  ) => void;\n\n  lineTo: (x: number, y: number, z?: number) => void;\n\n  moveTo: (x: number, y: number, z?: number) => void;\n\n  quadraticCurveTo: (cpx: number, cpy: number, x: number, y: number, z?: number) => void;\n\n  rect: (x: number, y: number, w: number, h: number, z?: number) => void;\n\n  createImageData: (imageDataOrSw: number | ImageData, sh?: number) => ImageData;\n\n  createLinearGradient: (x0: number, y0: number, x1: number, y1: number) => CanvasGradient;\n\n  createPattern: (\n    image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ICanvas | any,\n    repetition: string\n  ) => CanvasPattern | null;\n\n  createRadialGradient: (x0: number, y0: number, r0: number, x1: number, y1: number, r1: number) => CanvasGradient;\n\n  createConicGradient: (x: number, y: number, startAngle: number, endAngle: number) => IConicalGradientData | null;\n\n  // createConicGradient: (x: number, y: number, startAngle: number, endAngle: number) => IConicalGradient | null;\n\n  // fill(fillRule?: CanvasFillRule): void;\n  fill: (path?: Path2D, fillRule?: CanvasFillRule) => void;\n\n  fillRect: (x: number, y: number, w: number, h: number) => void;\n\n  clearRect: (x: number, y: number, w: number, h: number) => void;\n\n  fillText: (text: string, x: number, y: number, z?: number) => void;\n\n  getImageData: (sx: number, sy: number, sw: number, sh: number) => ImageData;\n\n  getLineDash: () => number[];\n\n  isPointInPath: (x: number, y: number) => boolean;\n  isPointInStroke: (x: number, y: number) => boolean;\n\n  measureText: (text: string, method?: 'native' | 'simple' | 'quick') => { width: number };\n\n  putImageData: (imagedata: ImageData, dx: number, dy: number) => void;\n\n  setLineDash: (segments: number[]) => void;\n\n  stroke: (path?: Path2D) => void;\n\n  strokeRect: (x: number, y: number, w: number, h: number) => void;\n\n  strokeText: (text: string, x: number, y: number, z?: number) => void;\n\n  drawImage: ((\n    image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap | ICanvas | any,\n    dstX: number,\n    dstY: number\n  ) => void) &\n    ((\n      image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap | ICanvas | any,\n      dstX: number,\n      dstY: number,\n      dstW: number,\n      dstH: number\n    ) => void) &\n    ((\n      image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap | ICanvas | any,\n      srcX: number,\n      srcY: number,\n      srcW: number,\n      srcH: number,\n      dstX: number,\n      dstY: number,\n      dstW: number,\n      dstH: number\n    ) => void);\n\n  setCommonStyle: (\n    params: ISetCommonStyleParams,\n    attribute: ICommonStyleParams,\n    // 用于渐变色\n    offsetX: number,\n    offsetY: number,\n    defultParams?: ICommonStyleParams | Partial<ICommonStyleParams>[]\n  ) => void;\n\n  setShadowStyle?: (\n    params: ISetCommonStyleParams,\n    attribute: ICommonStyleParams,\n    defultParams?: ICommonStyleParams | Partial<ICommonStyleParams>[]\n  ) => void;\n\n  setStrokeStyle: (\n    params: ISetStrokeStyleParams,\n    attribute: IStrokeStyleParams,\n    // 用于渐变色\n    offsetX: number,\n    offsetY: number,\n    defultParams?: Required<IStrokeStyleParams> | Partial<IStrokeStyleParams>[]\n  ) => void;\n\n  setTextStyle: (params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams, z?: number) => void;\n  setTextStyleWithoutAlignBaseline: (\n    params: Partial<ITextStyleParams>,\n    defaultParams?: ITextStyleParams,\n    z?: number\n  ) => void;\n\n  draw: (...params: any) => void;\n\n  clearMatrix: (setTransform?: boolean, dpr?: number) => void;\n  onlyTranslate: (dpr?: number) => boolean;\n}\n\nexport interface IContextLike {\n  // 属性代理\n  fillStyle: string | CanvasGradient | CanvasPattern;\n  /**\n   * @deprecated font方法不建议使用，请使用setTextStyle\n   */\n  font: string;\n  globalAlpha: number;\n  lineCap: string;\n  lineDashOffset: number;\n  lineJoin: string;\n  lineWidth: number;\n  miterLimit: number;\n  shadowBlur: number;\n  shadowColor: string;\n  shadowOffsetX: number;\n  shadowOffsetY: number;\n  strokeStyle: string | CanvasGradient | CanvasPattern;\n  dpr: number;\n  /**\n   * @deprecated textAlign方法不建议使用，请使用setTextStyle\n   */\n  textAlign: string;\n  /**\n   * @deprecated textBaseline方法不建议使用，请使用setTextStyle\n   */\n  textBaseline: string;\n  nativeContext: CanvasRenderingContext2D | any;\n  [key: string]: any; //类型没有索引签名\n\n  /**\n   * 清空画布\n   */\n  clear: () => void;\n\n  restore: () => void;\n\n  save: () => void;\n\n  // transform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void;\n\n  translate: (x: number, y: number) => void;\n\n  beginPath: () => void;\n\n  clip: ((fillRule?: CanvasFillRule) => void) & ((path: Path2D, fillRule?: CanvasFillRule) => void);\n\n  arc: (x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean) => void;\n\n  arcTo: ((x1: number, y1: number, x2: number, y2: number, radius: number) => void) &\n    ((x1: number, y1: number, x2: number, y2: number, radiusX: number, radiusY: number, rotation: number) => void);\n\n  bezierCurveTo: (cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number) => void;\n\n  closePath: () => void;\n\n  ellipse: (\n    x: number,\n    y: number,\n    radiusX: number,\n    radiusY: number,\n    rotation: number,\n    startAngle: number,\n    endAngle: number,\n    anticlockwise?: boolean\n  ) => void;\n\n  lineTo: (x: number, y: number) => void;\n\n  moveTo: (x: number, y: number) => void;\n\n  quadraticCurveTo: (cpx: number, cpy: number, x: number, y: number) => void;\n\n  rect: (x: number, y: number, w: number, h: number) => void;\n\n  fill: (path?: Path2D, fillRule?: CanvasFillRule) => void;\n\n  fillRect: (x: number, y: number, w: number, h: number) => void;\n\n  clearRect: (x: number, y: number, w: number, h: number) => void;\n\n  fillText: (text: string, x: number, y: number, maxWidth?: number) => void;\n\n  getImageData: (sx: number, sy: number, sw: number, sh: number) => ImageData;\n\n  getLineDash: () => number[];\n\n  isPointInPath: (x: number, y: number) => boolean;\n  isPointInStroke: (x: number, y: number) => boolean;\n\n  measureText: (text: string, method?: 'native' | 'simple' | 'quick') => { width: number };\n\n  putImageData: (\n    imagedata: ImageData,\n    dx: number,\n    dy: number,\n    dirtyX?: number,\n    dirtyY?: number,\n    dirtyWidth?: number,\n    dirtyHeight?: number\n  ) => void;\n\n  setLineDash: (segments: number[]) => void;\n\n  stroke: (path?: Path2D) => void;\n\n  strokeRect: (x: number, y: number, w: number, h: number) => void;\n\n  strokeText: (text: string, x: number, y: number, maxWidth?: number) => void;\n\n  drawImage: ((\n    image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap | any,\n    dstX: number,\n    dstY: number\n  ) => void) &\n    ((\n      image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap | any,\n      dstX: number,\n      dstY: number,\n      dstW: number,\n      dstH: number\n    ) => void) &\n    ((\n      image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap | any,\n      srcX: number,\n      srcY: number,\n      srcW: number,\n      srcH: number,\n      dstX: number,\n      dstY: number,\n      dstW: number,\n      dstH: number\n    ) => void);\n\n  clearMatrix: () => void;\n  onlyTranslate: () => boolean;\n}\n"]}

package/cjs/interface/contribution.d.ts

@@ -0,0 +1,86 @@
+import type { MaybePromise, Releaseable } from './common';
+import type { IContext2d } from './context';
+import type { IThemeAttribute, IMarkAttribute } from './graphic/creator';
+import type { IGraphicAttribute } from './graphic';
+import type { ISymbol, ISymbolGraphicAttribute } from './graphic/symbol';
+import type { BaseRenderContributionTime } from '../common/enums';
+import type { IArc, IArcGraphicAttribute } from './graphic/arc';
+import type { IArea, IAreaGraphicAttribute } from './graphic/area';
+import type { IText, ITextGraphicAttribute } from './graphic/text';
+import type { ICircle, ICircleGraphicAttribute } from './graphic/circle';
+import type { IGroup, IGroupGraphicAttribute } from './graphic/group';
+import type { IImage, IImageGraphicAttribute } from './graphic/image';
+import type { IPath, IPathGraphicAttribute } from './graphic/path';
+import type { IPolygon, IPolygonGraphicAttribute } from './graphic/polygon';
+import type { IRect, IRectGraphicAttribute } from './graphic/rect';
+import type { IStage } from './stage';
+import type { ICanvasLike } from './canvas';
+import type { IDrawContext } from './render';
+export interface IContribution<T> extends Releaseable {
+    configure: (service: T, ...data: any) => void;
+}
+export interface IBaseRenderContribution<GraphicType, AttributeType> {
+    time: BaseRenderContributionTime;
+    useStyle: boolean;
+    order: number;
+    drawShape: (graphic: GraphicType, context: IContext2d, x: number, y: number, doFill: boolean, doStroke: boolean, fVisible: boolean, sVisible: boolean, graphicAttribute: Required<AttributeType>, drawContext: IDrawContext, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, params?: any) => void;
+}
+export type ISymbolRenderContribution = IBaseRenderContribution<ISymbol, ISymbolGraphicAttribute>;
+export type IArcRenderContribution = IBaseRenderContribution<IArc, IArcGraphicAttribute>;
+export type ITextRenderContribution = IBaseRenderContribution<IText, ITextGraphicAttribute>;
+export type IAreaRenderContribution = IBaseRenderContribution<IArea, IAreaGraphicAttribute>;
+export type ICircleRenderContribution = IBaseRenderContribution<ICircle, ICircleGraphicAttribute>;
+export type IGroupRenderContribution = IBaseRenderContribution<IGroup, IGroupGraphicAttribute>;
+export type IImageRenderContribution = IBaseRenderContribution<IImage, IImageGraphicAttribute>;
+export type IPathRenderContribution = IBaseRenderContribution<IPath, IPathGraphicAttribute>;
+export type IPolygonRenderContribution = IBaseRenderContribution<IPolygon, IPolygonGraphicAttribute>;
+export type IRectRenderContribution = IBaseRenderContribution<IRect, IRectGraphicAttribute>;
+export interface IContributionProvider<T> {
+    getContributions: () => T[];
+}
+export interface IApplicationContribution {
+    initialize?: () => void;
+    configure?: (stage: IStage) => MaybePromise<void>;
+    onDestroy?: (stage: IStage) => MaybePromise<void>;
+}
+export interface ITTCanvas extends ICanvasLike {
+    width: number;
+    height: number;
+    offsetWidth: number;
+    offsetHeight: number;
+    getContext: () => any;
+    getBoundingClientRect: () => {
+        width: number;
+        height: number;
+    };
+    id: string;
+}
+export interface ILynxCanvas extends ICanvasLike {
+    width: number;
+    height: number;
+    offsetWidth: number;
+    offsetHeight: number;
+    getContext: () => any;
+    getBoundingClientRect: () => {
+        width: number;
+        height: number;
+    };
+    id: string;
+}
+export interface IDomRef {
+    id: string;
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    x: number;
+    y: number;
+    requestAnimationFrame?: any;
+    cancelAnimationFrame?: any;
+    getBoundingClientRect?: () => {
+        height: number;
+        width: number;
+    };
+}

package/cjs/interface/contribution.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=contribution.js.map

package/cjs/interface/contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/contribution.ts"],"names":[],"mappings":"","file":"contribution.js","sourcesContent":["import type { MaybePromise, Releaseable } from './common';\nimport type { IContext2d } from './context';\nimport type { IThemeAttribute, IMarkAttribute } from './graphic/creator';\nimport type { IGraphicAttribute } from './graphic';\nimport type { ISymbol, ISymbolGraphicAttribute } from './graphic/symbol';\nimport type { BaseRenderContributionTime } from '../common/enums';\nimport type { IArc, IArcGraphicAttribute } from './graphic/arc';\nimport type { IArea, IAreaGraphicAttribute } from './graphic/area';\nimport type { IText, ITextGraphicAttribute } from './graphic/text';\nimport type { ICircle, ICircleGraphicAttribute } from './graphic/circle';\nimport type { IGroup, IGroupGraphicAttribute } from './graphic/group';\nimport type { IImage, IImageGraphicAttribute } from './graphic/image';\nimport type { IPath, IPathGraphicAttribute } from './graphic/path';\nimport type { IPolygon, IPolygonGraphicAttribute } from './graphic/polygon';\nimport type { IRect, IRectGraphicAttribute } from './graphic/rect';\nimport type { IStage } from './stage';\nimport type { ICanvasLike } from './canvas';\nimport type { IDrawContext } from './render';\n\nexport interface IContribution<T> extends Releaseable {\n  configure: (service: T, ...data: any) => void;\n}\n\nexport interface IBaseRenderContribution<GraphicType, AttributeType> {\n  time: BaseRenderContributionTime;\n  useStyle: boolean;\n  order: number;\n\n  drawShape: (\n    graphic: GraphicType,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<AttributeType>,\n    drawContext: IDrawContext,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    params?: any\n  ) => void;\n}\n\nexport type ISymbolRenderContribution = IBaseRenderContribution<ISymbol, ISymbolGraphicAttribute>;\n\nexport type IArcRenderContribution = IBaseRenderContribution<IArc, IArcGraphicAttribute>;\n\nexport type ITextRenderContribution = IBaseRenderContribution<IText, ITextGraphicAttribute>;\n\nexport type IAreaRenderContribution = IBaseRenderContribution<IArea, IAreaGraphicAttribute>;\n\nexport type ICircleRenderContribution = IBaseRenderContribution<ICircle, ICircleGraphicAttribute>;\n\nexport type IGroupRenderContribution = IBaseRenderContribution<IGroup, IGroupGraphicAttribute>;\n\nexport type IImageRenderContribution = IBaseRenderContribution<IImage, IImageGraphicAttribute>;\n\nexport type IPathRenderContribution = IBaseRenderContribution<IPath, IPathGraphicAttribute>;\n\nexport type IPolygonRenderContribution = IBaseRenderContribution<IPolygon, IPolygonGraphicAttribute>;\n\nexport type IRectRenderContribution = IBaseRenderContribution<IRect, IRectGraphicAttribute>;\n\nexport interface IContributionProvider<T> {\n  getContributions: () => T[];\n}\n\nexport interface IApplicationContribution {\n  // 调用初始化函数\n  initialize?: () => void;\n\n  configure?: (stage: IStage) => MaybePromise<void>;\n\n  onDestroy?: (stage: IStage) => MaybePromise<void>;\n}\n\nexport interface ITTCanvas extends ICanvasLike {\n  width: number;\n  height: number;\n  offsetWidth: number;\n  offsetHeight: number;\n  getContext: () => any;\n  // 构造 getBoundingClientRect 方法\n  getBoundingClientRect: () => { width: number; height: number };\n  id: string;\n}\n\nexport interface ILynxCanvas extends ICanvasLike {\n  width: number;\n  height: number;\n  offsetWidth: number;\n  offsetHeight: number;\n  getContext: () => any;\n  // 构造 getBoundingClientRect 方法\n  getBoundingClientRect: () => { width: number; height: number };\n  id: string;\n}\n\nexport interface IDomRef {\n  id: string;\n  width: number;\n  height: number;\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n  x: number;\n  y: number;\n\n  requestAnimationFrame?: any;\n  cancelAnimationFrame?: any;\n  getBoundingClientRect?: () => { height: number; width: number };\n}\n"]}

package/cjs/interface/core.d.ts

@@ -0,0 +1,36 @@
+import type { ICanvas } from './canvas';
+import type { IContext2d } from './context';
+import type { IGraphicAttribute } from './graphic';
+import type { ITextAttribute } from './graphic/text';
+import type { ILayer, ILayerParams } from './layer';
+import type { IStage } from './stage';
+import type { ITextMeasure, TextOptionsType } from './text';
+import type { IMatrix, IPointLike, ITextMeasureOption, TextMeasure } from '@visactor/vutils';
+export interface IGraphicUtil {
+    canvas?: ICanvas;
+    context?: IContext2d | null;
+    textMeasure: ITextMeasure;
+    measureText: (text: string, tc: TextOptionsType) => {
+        width: number;
+        height: number;
+    };
+    bindTextMeasure: (tm: ITextMeasure) => void;
+    createTextMeasureInstance: (textSpec?: Partial<ITextAttribute>, option?: Partial<ITextMeasureOption>, getCanvasForMeasure?: () => any) => TextMeasure<ITextAttribute>;
+}
+export type TransformType = Pick<IGraphicAttribute, 'x' | 'y' | 'scaleX' | 'scaleY' | 'angle' | 'dx' | 'dy'> & {
+    anchor?: IGraphicAttribute['anchor'];
+};
+export interface ITransformUtil {
+    init: (origin: TransformType) => ITransformUtil;
+    fromMatrix: (source: IMatrix, target: IMatrix) => ITransformUtil;
+    scale: (sx: number, sy: number, center?: IPointLike) => ITransformUtil;
+    rotate: (angle: number, center?: IPointLike) => ITransformUtil;
+    translate: (dx: number, dy: number) => ITransformUtil;
+}
+export interface ILayerService {
+    createLayer: (stage: IStage, options?: ILayerParams) => ILayer;
+    releaseLayer: (stage: IStage, layer: ILayer) => void;
+    restLayerCount: (stage: IStage) => number;
+    getStageLayer: (stage: IStage) => ILayer[];
+    layerCount: (stage: IStage) => number;
+}

package/cjs/interface/core.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=core.js.map

package/cjs/interface/core.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/core.ts"],"names":[],"mappings":"","file":"core.js","sourcesContent":["import type { ICanvas } from './canvas';\nimport type { IContext2d } from './context';\nimport type { IGraphicAttribute } from './graphic';\nimport type { ITextAttribute } from './graphic/text';\nimport type { ILayer, ILayerParams } from './layer';\nimport type { IStage } from './stage';\nimport type { ITextMeasure, TextOptionsType } from './text';\nimport type { IMatrix, IPointLike, ITextMeasureOption, TextMeasure } from '@visactor/vutils';\n\nexport interface IGraphicUtil {\n  canvas?: ICanvas;\n  context?: IContext2d | null;\n  textMeasure: ITextMeasure;\n  measureText: (text: string, tc: TextOptionsType) => { width: number; height: number };\n  bindTextMeasure: (tm: ITextMeasure) => void;\n  createTextMeasureInstance: (\n    textSpec?: Partial<ITextAttribute>,\n    option?: Partial<ITextMeasureOption>,\n    getCanvasForMeasure?: () => any\n  ) => TextMeasure<ITextAttribute>;\n}\n\nexport type TransformType = Pick<IGraphicAttribute, 'x' | 'y' | 'scaleX' | 'scaleY' | 'angle' | 'dx' | 'dy'> & {\n  anchor?: IGraphicAttribute['anchor'];\n};\nexport interface ITransformUtil {\n  init: (origin: TransformType) => ITransformUtil;\n  fromMatrix: (source: IMatrix, target: IMatrix) => ITransformUtil;\n  scale: (sx: number, sy: number, center?: IPointLike) => ITransformUtil;\n  rotate: (angle: number, center?: IPointLike) => ITransformUtil;\n  translate: (dx: number, dy: number) => ITransformUtil;\n}\n\nexport interface ILayerService {\n  createLayer: (stage: IStage, options?: ILayerParams) => ILayer;\n  releaseLayer: (stage: IStage, layer: ILayer) => void;\n  restLayerCount: (stage: IStage) => number;\n  getStageLayer: (stage: IStage) => ILayer[];\n  layerCount: (stage: IStage) => number;\n}\n"]}

package/cjs/interface/creator.d.ts

@@ -0,0 +1,4 @@
+import type { ILayer } from './layer';
+import type { IStage } from './stage';
+export declare function createLayer(canvasId?: string): ILayer;
+export declare function createStage(w: number, h: number): IStage;

package/cjs/interface/creator.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=creator.js.map

package/cjs/interface/creator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/creator.ts"],"names":[],"mappings":"","file":"creator.js","sourcesContent":["import type { ILayer } from './layer';\nimport type { IStage } from './stage';\n\nexport declare function createLayer(canvasId?: string): ILayer;\nexport declare function createStage(w: number, h: number): IStage;\n"]}

package/cjs/interface/curve.d.ts

@@ -0,0 +1,42 @@
+import type { IPoint, IPointLike } from '@visactor/vutils';
+import type { ICurvePath } from './path';
+import type { ICurveType, IDirection } from './common';
+export interface ISegPath2D extends ICurvePath<IPoint> {
+    direction: IDirection;
+    curveType: ICurveType;
+    endX: number;
+    endY: number;
+    tryUpdateLength: (direction?: IDirection) => number;
+    bezierCurveTo: (cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number, defined: boolean, p?: IPointLike) => void;
+    closePath: () => void;
+    ellipse: (x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean) => void;
+    lineTo: (x: number, y: number, defined: boolean, p?: IPointLike) => void;
+    moveTo: (x: number, y: number, p?: IPointLike) => void;
+    quadraticCurveTo: (cpx: number, cpy: number, x: number, y: number) => void;
+}
+export interface IGenSegmentParams {
+    direction?: IDirection;
+    startPoint?: IPointLike;
+}
+export interface IBaseSegment {
+    context: ISegPath2D;
+    lineStart: () => void;
+    lineEnd: () => void;
+    areaStart: () => void;
+    areaEnd: () => void;
+    _x: number;
+    _y: number;
+    _x0: number;
+    _x1: number;
+    _y0: number;
+    _y1: number;
+    _line: number;
+    _point: number;
+}
+export interface ILinearSegment extends IBaseSegment {
+    point: (point: IPointLike) => void;
+    tryUpdateLength: () => number;
+}
+export interface ICurvedSegment extends IBaseSegment {
+    point: (point: IPointLike) => void;
+}

package/cjs/interface/curve.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=curve.js.map

package/cjs/interface/curve.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/curve.ts"],"names":[],"mappings":"","file":"curve.js","sourcesContent":["import type { IPoint, IPointLike } from '@visactor/vutils';\nimport type { ICurvePath } from './path';\nimport type { ICurveType, IDirection } from './common';\n\n/**\n * 用于segment的path2d接口，参数比普通的path多，部分path的方法不支持。\n */\nexport interface ISegPath2D extends ICurvePath<IPoint> {\n  direction: IDirection;\n  curveType: ICurveType;\n\n  endX: number;\n  endY: number;\n\n  tryUpdateLength: (direction?: IDirection) => number;\n  bezierCurveTo: (\n    cp1x: number,\n    cp1y: number,\n    cp2x: number,\n    cp2y: number,\n    x: number,\n    y: number,\n    defined: boolean,\n    p?: IPointLike // 保存原始点\n  ) => void;\n  closePath: () => void;\n  ellipse: (\n    x: number,\n    y: number,\n    radiusX: number,\n    radiusY: number,\n    rotation: number,\n    startAngle: number,\n    endAngle: number,\n    counterclockwise?: boolean\n  ) => void;\n  lineTo: (x: number, y: number, defined: boolean, p?: IPointLike) => void;\n  moveTo: (x: number, y: number, p?: IPointLike) => void;\n  quadraticCurveTo: (cpx: number, cpy: number, x: number, y: number) => void;\n}\n\nexport interface IGenSegmentParams {\n  direction?: IDirection;\n  startPoint?: IPointLike;\n}\n\nexport interface IBaseSegment {\n  context: ISegPath2D;\n  lineStart: () => void;\n  lineEnd: () => void;\n  areaStart: () => void;\n  areaEnd: () => void;\n  _x: number;\n  _y: number;\n  _x0: number;\n  _x1: number;\n  _y0: number;\n  _y1: number;\n  _line: number;\n  _point: number;\n}\n\nexport interface ILinearSegment extends IBaseSegment {\n  point: (point: IPointLike) => void;\n  tryUpdateLength: () => number;\n}\n\nexport interface ICurvedSegment extends IBaseSegment {\n  point: (point: IPointLike) => void;\n}\n"]}

package/cjs/interface/event.d.ts

@@ -0,0 +1,193 @@
+import type { INode } from './node-tree';
+import type { Dict, IBounds, IPointLike } from '@visactor/vutils';
+import type { Cursor, IGraphicAttribute } from './graphic';
+import type { IDomRectLike, IEventElement } from './common';
+import type { ICanvas } from './canvas';
+import type { IGlobal } from './global';
+export interface IEventManager {
+    rootTarget: IEventTarget;
+    dispatch: any;
+    cursor: Cursor | string;
+    addEventMapping: (type: string, fn: (e: IFederatedEvent, target: IEventTarget) => void) => void;
+    dispatchEvent: (e: IFederatedEvent, type?: string) => void;
+    mapEvent: (e: IFederatedEvent) => void;
+    propagate: (e: IFederatedEvent, type?: string) => void;
+    propagationPath: (target: IEventTarget) => IEventTarget[];
+    copyWheelData: (from: IFederatedWheelEvent, to: IFederatedWheelEvent) => void;
+    copyPointerData: (from: IFederatedEvent, to: IFederatedEvent) => void;
+    copyMouseData: (from: IFederatedEvent, to: IFederatedEvent) => void;
+    copyData: (from: IFederatedEvent, to: IFederatedEvent) => void;
+}
+export interface IFederatedEvent<N = Event> {
+    bubbles: boolean;
+    cancelBubble: boolean;
+    cancelable: boolean;
+    composed: boolean;
+    currentTarget: IEventTarget | null;
+    defaultPrevented: boolean;
+    eventPhase: number;
+    isTrusted: boolean;
+    returnValue: boolean;
+    srcElement: IEventTarget;
+    target: IEventTarget | null;
+    timeStamp: number;
+    type: string;
+    nativeEvent: N;
+    originalEvent: IFederatedEvent<N> | null;
+    propagationStopped: boolean;
+    propagationImmediatelyStopped: boolean;
+    path: IEventTarget[];
+    manager?: IEventManager;
+    detail: any;
+    view: any;
+    layer: IPointLike;
+    get layerX(): number;
+    get layerY(): number;
+    page: IPointLike;
+    get pageX(): number;
+    get pageY(): number;
+    canvas: IPointLike;
+    get x(): number;
+    get y(): number;
+    get canvasX(): number;
+    get canvasY(): number;
+    viewport: IPointLike;
+    get viewX(): number;
+    get viewY(): number;
+    composedPath: () => IEventTarget[];
+    preventDefault: () => void;
+    stopImmediatePropagation: () => void;
+    stopPropagation: () => void;
+    initEvent: () => void;
+    initUIEvent: () => void;
+    clone: () => void;
+    which: number;
+}
+export interface IFederatedMouseEvent extends IFederatedEvent {
+    altKey: boolean;
+    button: number;
+    buttons: number;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    relatedTarget: EventTarget | null;
+    shiftKey: boolean;
+    client: IPointLike;
+    get clientX(): number;
+    get clientY(): number;
+    detail: number;
+    movement: IPointLike;
+    get movementX(): number;
+    get movementY(): number;
+    offset: IPointLike;
+    get offsetX(): number;
+    get offsetY(): number;
+    global: IPointLike;
+    get globalX(): number;
+    get globalY(): number;
+    screen: IPointLike;
+    get screenX(): number;
+    get screenY(): number;
+    getModifierState: (key: string) => boolean;
+    initMouseEvent: (_typeArg: string, _canBubbleArg: boolean, _cancelableArg: boolean, _viewArg: Window, _detailArg: number, _screenXArg: number, _screenYArg: number, _clientXArg: number, _clientYArg: number, _ctrlKeyArg: boolean, _altKeyArg: boolean, _shiftKeyArg: boolean, _metaKeyArg: boolean, _buttonArg: number, _relatedTargetArg: EventTarget) => void;
+}
+export interface IFederatedWheelEvent extends IFederatedMouseEvent {
+    deltaMode: number;
+    deltaX: number;
+    deltaY: number;
+    deltaZ: number;
+    clone: () => IFederatedWheelEvent;
+}
+export interface IFederatedPointerEvent extends IFederatedMouseEvent {
+    pointerId: number;
+    width: number;
+    height: number;
+    isPrimary: boolean;
+    pointerType: string;
+    pressure: number;
+    tangentialPressure: number;
+    tiltX: number;
+    tiltY: number;
+    twist: number;
+    detail: number;
+    getCoalescedEvents: () => PointerEvent[];
+    getPredictedEvents: () => PointerEvent[];
+    clone: () => IFederatedPointerEvent;
+}
+export interface IEventTarget extends INode {
+    pickable: boolean;
+    parent: IEventTarget | null;
+    visible: boolean;
+    children?: IEventTarget[];
+    childrenPickable?: boolean;
+    attribute?: Partial<IGraphicAttribute>;
+    emit: (eventName: any, data: Dict<any>) => boolean;
+    getCursor: () => string;
+    setCursor: (c?: string) => void;
+}
+export interface IRender {
+    visualCanvas: {
+        getCanvas: () => HTMLElement;
+    };
+    pickEvent: (position: [number, number], children: IEventTarget[], geoPick?: boolean) => IEventTarget | null;
+    [key: string]: any;
+}
+export interface IEventExtension {
+    initEvents: () => void;
+    removeEvents: () => void;
+    release: () => void;
+}
+export type GestureDirection = 'none' | 'left' | 'right' | 'down' | 'up';
+export interface GestureEvent extends IFederatedPointerEvent {
+    points: IPointLike[];
+    direction: GestureDirection;
+    deltaX: number;
+    deltaY: number;
+    scale: number;
+    center: IPointLike;
+    velocity: number;
+}
+export interface GestureConfig {
+    press?: {
+        time?: number;
+        threshold?: number;
+    };
+    swipe?: {
+        threshold?: number;
+        velocity?: number;
+    };
+}
+export interface DefaultGestureConfig {
+    press: {
+        time: number;
+        threshold: number;
+    };
+    swipe: {
+        threshold: number;
+        velocity: number;
+    };
+}
+export interface EmitEventObject {
+    type: string;
+    ev: GestureEvent;
+}
+export type LooseFunction = (...args: any[]) => any;
+export type IElementLike = Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> & {
+    style: CSSStyleDeclaration | Record<string, any>;
+    getNativeHandler?: () => ICanvas;
+    getBoundingClientRect: () => IDomRectLike;
+};
+export type RenderConfig = {
+    targetElement: IElementLike;
+    resolution: number;
+    rootNode: IEventTarget;
+    global: IGlobal;
+    autoPreventDefault?: boolean;
+    viewport: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        viewBox?: IBounds;
+    };
+};
+export type NativeEvent = MouseEvent | PointerEvent | TouchEvent;

package/cjs/interface/event.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=event.js.map

package/cjs/interface/event.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/event.ts"],"names":[],"mappings":"","file":"event.js","sourcesContent":["import type { INode } from './node-tree';\nimport type { Dict, IBounds, IPointLike } from '@visactor/vutils';\nimport type { Cursor, IGraphicAttribute } from './graphic';\nimport type { IDomRectLike, IEventElement } from './common';\nimport type { ICanvas } from './canvas';\nimport type { IGlobal } from './global';\n\nexport interface IEventManager {\n  rootTarget: IEventTarget;\n  dispatch: any;\n  cursor: Cursor | string;\n  addEventMapping: (type: string, fn: (e: IFederatedEvent, target: IEventTarget) => void) => void;\n  dispatchEvent: (e: IFederatedEvent, type?: string) => void;\n  mapEvent: (e: IFederatedEvent) => void;\n  propagate: (e: IFederatedEvent, type?: string) => void;\n  propagationPath: (target: IEventTarget) => IEventTarget[];\n  copyWheelData: (from: IFederatedWheelEvent, to: IFederatedWheelEvent) => void;\n  copyPointerData: (from: IFederatedEvent, to: IFederatedEvent) => void;\n  copyMouseData: (from: IFederatedEvent, to: IFederatedEvent) => void;\n  copyData: (from: IFederatedEvent, to: IFederatedEvent) => void;\n}\n\nexport interface IFederatedEvent<N = Event> {\n  bubbles: boolean;\n  cancelBubble: boolean;\n  cancelable: boolean;\n  composed: boolean;\n  currentTarget: IEventTarget | null;\n  defaultPrevented: boolean;\n  eventPhase: number;\n  isTrusted: boolean;\n  returnValue: boolean;\n  srcElement: IEventTarget;\n  target: IEventTarget | null;\n  timeStamp: number;\n  type: string;\n  nativeEvent: N;\n  originalEvent: IFederatedEvent<N> | null;\n  propagationStopped: boolean;\n  propagationImmediatelyStopped: boolean;\n  path: IEventTarget[];\n  manager?: IEventManager;\n  detail: any;\n  view: any;\n  layer: IPointLike;\n  get layerX(): number;\n  get layerY(): number;\n  page: IPointLike;\n  get pageX(): number;\n  get pageY(): number;\n  canvas: IPointLike;\n  get x(): number;\n  get y(): number;\n  get canvasX(): number;\n  get canvasY(): number;\n  viewport: IPointLike;\n  get viewX(): number;\n  get viewY(): number;\n  composedPath: () => IEventTarget[];\n  preventDefault: () => void;\n  stopImmediatePropagation: () => void;\n  stopPropagation: () => void;\n  initEvent: () => void;\n  initUIEvent: () => void;\n  clone: () => void;\n  which: number;\n}\n\nexport interface IFederatedMouseEvent extends IFederatedEvent {\n  altKey: boolean;\n  button: number;\n  buttons: number;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  relatedTarget: EventTarget | null;\n  shiftKey: boolean;\n  client: IPointLike;\n  get clientX(): number;\n  get clientY(): number;\n  detail: number;\n  movement: IPointLike;\n  get movementX(): number;\n  get movementY(): number;\n  offset: IPointLike;\n  get offsetX(): number;\n  get offsetY(): number;\n  global: IPointLike;\n  get globalX(): number;\n  get globalY(): number;\n  screen: IPointLike;\n  get screenX(): number;\n  get screenY(): number;\n  getModifierState: (key: string) => boolean;\n  initMouseEvent: (\n    _typeArg: string,\n    _canBubbleArg: boolean,\n    _cancelableArg: boolean,\n    _viewArg: Window,\n    _detailArg: number,\n    _screenXArg: number,\n    _screenYArg: number,\n    _clientXArg: number,\n    _clientYArg: number,\n    _ctrlKeyArg: boolean,\n    _altKeyArg: boolean,\n    _shiftKeyArg: boolean,\n    _metaKeyArg: boolean,\n    _buttonArg: number,\n    _relatedTargetArg: EventTarget\n  ) => void;\n}\n\nexport interface IFederatedWheelEvent extends IFederatedMouseEvent {\n  deltaMode: number;\n  deltaX: number;\n  deltaY: number;\n  deltaZ: number;\n  clone: () => IFederatedWheelEvent;\n}\n\nexport interface IFederatedPointerEvent extends IFederatedMouseEvent {\n  pointerId: number;\n  width: number;\n  height: number;\n  isPrimary: boolean;\n  pointerType: string;\n  pressure: number;\n  tangentialPressure: number;\n  tiltX: number;\n  tiltY: number;\n  twist: number;\n  detail: number;\n  getCoalescedEvents: () => PointerEvent[];\n  getPredictedEvents: () => PointerEvent[];\n  clone: () => IFederatedPointerEvent;\n}\n\n/**\n * 代码参考自 https://github.com/pixijs/pixijs\n * The MIT License\n\n  Copyright (c) 2013-2023 Mathew Groves, Chad Engler\n\n  Permission is hereby granted, free of charge, to any person obtaining a copy\n  of this software and associated documentation files (the \"Software\"), to deal\n  in the Software without restriction, including without limitation the rights\n  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n  copies of the Software, and to permit persons to whom the Software is\n  furnished to do so, subject to the following conditions:\n\n  The above copyright notice and this permission notice shall be included in\n  all copies or substantial portions of the Software.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n  THE SOFTWARE.\n */\n\nexport interface IEventTarget extends INode {\n  /** Whether this event target should fire UI events. */\n  pickable: boolean;\n  /** The parent of this event target. */\n  parent: IEventTarget | null;\n  /** Whether this event target should be visible. */\n  visible: boolean;\n\n  /** The children of this event target. */\n  children?: IEventTarget[];\n\n  /** Whether this event target has any children that need UI events. This can be used optimize event propagation. */\n  childrenPickable?: boolean;\n\n  attribute?: Partial<IGraphicAttribute>;\n\n  emit: (eventName: any, data: Dict<any>) => boolean;\n\n  getCursor: () => string;\n  setCursor: (c?: string) => void;\n}\n\nexport interface IRender {\n  visualCanvas: {\n    getCanvas: () => HTMLElement;\n  };\n  pickEvent: (position: [number, number], children: IEventTarget[], geoPick?: boolean) => IEventTarget | null;\n  [key: string]: any;\n}\n\n// 事件系统扩展接口\nexport interface IEventExtension {\n  /**\n   * bind events\n   */\n  initEvents: () => void;\n  /**\n   * unbind events\n   */\n  removeEvents: () => void;\n  /**\n   * release\n   */\n  release: () => void;\n}\n\nexport type GestureDirection = 'none' | 'left' | 'right' | 'down' | 'up';\n\nexport interface GestureEvent extends IFederatedPointerEvent {\n  points: IPointLike[];\n  direction: GestureDirection;\n  deltaX: number;\n  deltaY: number;\n  scale: number;\n  center: IPointLike;\n  velocity: number;\n}\n\nexport interface GestureConfig {\n  press?: {\n    /**\n     * @default 251\n     * Minimal press time in ms.\n     * @see http://hammerjs.github.io/recognizer-press/\n     */\n    time?: number;\n    /**\n     * @default 10\n     * Minimal movement that is allowed while pressing.\n     * @see http://hammerjs.github.io/recognizer-press/\n     */\n    threshold?: number;\n  };\n  swipe?: {\n    /**\n     * Minimal distance required before recognizing.\n     * @default 10\n     * @see https://hammerjs.github.io/recognizer-swipe/\n     */\n    threshold?: number;\n    /**\n     * Minimal velocity required before recognizing, unit is in px per ms.\n     * @default 0.3\n     * @see http://hammerjs.github.io/recognizer-swipe/\n     */\n    velocity?: number;\n  };\n}\n\nexport interface DefaultGestureConfig {\n  press: {\n    time: number;\n    threshold: number;\n  };\n  swipe: {\n    threshold: number;\n    velocity: number;\n  };\n}\n\nexport interface EmitEventObject {\n  type: string;\n  ev: GestureEvent;\n}\n\nexport type LooseFunction = (...args: any[]) => any;\n\nexport type IElementLike = Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> & {\n  style: CSSStyleDeclaration | Record<string, any>;\n  getNativeHandler?: () => ICanvas;\n  getBoundingClientRect: () => IDomRectLike;\n};\n\nexport type RenderConfig = {\n  /**\n   * 事件绑定的 canvas 元素\n   */\n  targetElement: IElementLike;\n  /**\n   * 环境分辨率\n   */\n  resolution: number;\n  /**\n   * 场景树根节点\n   */\n  rootNode: IEventTarget;\n  global: IGlobal;\n  /** 是否自动阻止事件 */\n  autoPreventDefault?: boolean;\n  /** 绘图视口 */\n  viewport: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    viewBox?: IBounds;\n  };\n};\n\nexport type NativeEvent = MouseEvent | PointerEvent | TouchEvent;\n"]}

package/cjs/interface/global.d.ts

@@ -0,0 +1,153 @@
+import type { Dict, IAABBBoundsLike, IPointLike } from '@visactor/vutils';
+import type { ICanvasLike } from './canvas';
+import type { IEventElement } from './common';
+import type { IContribution } from './contribution';
+import type { ISyncHook } from './sync-hook';
+export interface ILoader {
+    loadImage: (url: string) => HTMLImageElement | ImageData;
+    loadJson: (url: string) => JSON;
+}
+export type EnvType = 'browser' | 'feishu' | 'tt' | 'taro' | 'node' | 'native' | 'lynx' | 'wx';
+export interface ICreateCanvasParams {
+    id?: string;
+    width?: number;
+    height?: number;
+    dpr?: number;
+}
+export interface ILoader {
+    loadImage: (url: string) => HTMLImageElement | ImageData;
+    loadJson: (url: string) => JSON;
+}
+export interface IEnvContribution extends IContribution<IGlobal>, Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {
+    type: EnvType;
+    supportEvent: boolean;
+    configure: (global: IGlobal, ...p: any) => void;
+    createCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;
+    createOffscreenCanvas: (params: ICreateCanvasParams) => ICanvasLike | any;
+    releaseCanvas: (canvas: ICanvasLike | string | any) => void;
+    getNativeAABBBounds: (dom: string | HTMLElement | any) => IAABBBoundsLike;
+    removeDom: (dom: HTMLElement) => boolean;
+    createDom: (params: CreateDOMParamsType) => HTMLElement | null;
+    getElementTop: (dom: any, baseWindow?: boolean) => number;
+    getElementLeft: (dom: any, baseWindow?: boolean) => number;
+    getElementTopLeft: (dom: any, baseWindow?: boolean) => {
+        top: number;
+        left: number;
+    };
+    getDynamicCanvasCount: () => number;
+    getStaticCanvasCount: () => number;
+    getDevicePixelRatio: () => number;
+    getRequestAnimationFrame: () => (callback: FrameRequestCallback) => number;
+    getCancelAnimationFrame: () => (h: number) => void;
+    getElementById?: (str: string) => HTMLElement | null;
+    getRootElement?: () => HTMLElement | null;
+    getDocument?: () => Document | null;
+    supportsTouchEvents: boolean;
+    supportsPointerEvents: boolean;
+    supportsMouseEvents: boolean;
+    applyStyles?: boolean;
+    mapToCanvasPoint?: (event: any, domElement?: any) => IPointLike | null;
+    loadImage: (url: string) => Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    loadSvg: (url: string) => Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    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;
+    }>;
+}
+export type IMiniAppEnvParams = {
+    domref?: Dict<any>;
+    force?: boolean;
+    canvasIdLists?: (string | number)[];
+    freeCanvasIdx?: string | number;
+    taro?: any;
+    pixelRatio?: number;
+    [key: string]: any;
+};
+export interface IEnvParamsMap {
+    readonly taro: IMiniAppEnvParams;
+    readonly feishu: IMiniAppEnvParams;
+    readonly tt: IMiniAppEnvParams;
+    readonly browser: any;
+    readonly node: any;
+    readonly native: any;
+    readonly lynx: any;
+    readonly wx: any;
+}
+export type CreateDOMParamsType = {
+    tagName?: string;
+    width?: number;
+    height?: number;
+    style?: string | Record<string, any>;
+    parent?: string | HTMLElement;
+};
+export interface IGlobal extends Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {
+    env: EnvType;
+    devicePixelRatio: number;
+    hooks: {
+        onSetEnv: ISyncHook<[EnvType | undefined, EnvType, IGlobal]>;
+    };
+    envParams?: any;
+    supportEvent: boolean;
+    setEnv: (env: EnvType, params?: IEnvParamsMap[EnvType]) => void;
+    setActiveEnvContribution: (contribution: IEnvContribution) => void;
+    createCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;
+    createOffscreenCanvas: (params: ICreateCanvasParams) => HTMLCanvasElement | any;
+    releaseCanvas: (canvas: HTMLCanvasElement | string | any) => void;
+    getDynamicCanvasCount: () => number;
+    isChrome: () => boolean;
+    isSafari: () => boolean;
+    getStaticCanvasCount: () => number;
+    getElementById: (str: string) => HTMLElement | null;
+    getRootElement: () => HTMLElement | null;
+    getDocument: () => Document | null;
+    supportsTouchEvents: boolean;
+    supportsPointerEvents: boolean;
+    supportsMouseEvents: boolean;
+    applyStyles?: boolean;
+    measureTextMethod: 'native' | 'simple' | 'quick';
+    getRequestAnimationFrame: () => null | ((callback: FrameRequestCallback) => number);
+    getCancelAnimationFrame: () => null | ((h: number) => void);
+    mapToCanvasPoint: (nativeEvent: any, domElement?: any) => IPointLike | null;
+    loadImage: (url: string) => Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    loadSvg: (url: string) => Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    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;
+    }>;
+    removeDom: (dom: HTMLElement) => boolean;
+    createDom: (params: CreateDOMParamsType) => HTMLElement | null;
+    getElementTop: (dom: any, baseWindow?: boolean) => number;
+    getElementLeft: (dom: any, baseWindow?: boolean) => number;
+    getElementTopLeft: (dom: any, baseWindow?: boolean) => {
+        top: number;
+        left: number;
+    };
+}

package/cjs/interface/global.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=global.js.map