@visactor/vrender 0.9.0-alpha.0

package/cjs/interface/graphic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic.ts"],"names":[],"mappings":"","file":"graphic.js","sourcesContent":["import type { IAABBBounds, IOBBBounds, IMatrix, IPointLike, IPoint } from '@visactor/vutils';\nimport type { IAnimate, IStep, EasingType, IAnimateTarget } from './animate';\nimport type { IColor } from './color';\nimport type { IGroup } from './graphic/group';\nimport type { IShadowRoot } from './graphic/shadow-root';\nimport type { ILayer } from './layer';\nimport type { INode } from './node-tree';\nimport type { ICustomPath2D } from './path';\nimport type { IStage } from './stage';\nimport type { IGlyphGraphicAttribute } from './graphic/glyph';\nimport type { IContainPointMode } from '../common/enums';\nimport type { IFace3d } from './graphic/face3d';\n\ntype IStrokeSeg = {\n  start: number; // 百分比\n  // end和length二选一\n  end: number; // 百分比\n  length: number; // 像素长度\n};\n\n// TODO 最后加一个any\nexport type GraphicType =\n  | 'area'\n  | 'circle'\n  | 'ellipse'\n  | 'line'\n  | 'rect'\n  | 'rect3d'\n  | 'path'\n  | 'richtext'\n  | 'text'\n  | 'arc'\n  | 'arc3d'\n  | 'image'\n  | 'symbol'\n  | 'group'\n  | 'shadowroot'\n  | 'polygon'\n  | 'pyramid3d'\n  | 'glyph';\n\n// Cursor style\n// See: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out';\n\nexport type ITransform = {\n  x: number;\n  y: number;\n  z: number;\n  dx: number;\n  dy: number;\n  dz: number;\n  scrollX: number;\n  scrollY: number;\n  scaleX: number;\n  scaleY: number;\n  scaleZ: number;\n  angle: number;\n  alpha: number;\n  beta: number;\n  anchor: [number | string, number | string]; // 基于AABB的锚点位置，用于简单的定位某些path\n  anchor3d: [number | string, number | string, number] | [number | string, number | string]; // 3d的锚点位置\n  postMatrix: IMatrix;\n};\n\nexport type IFillStyle = {\n  fillColor: string | IColor;\n  fillOpacity: number;\n  shadowBlur: number;\n  shadowColor: string;\n  shadowOffsetX: number;\n  shadowOffsetY: number;\n  fill: boolean | null;\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  distance: number | string;\n};\n\nexport type IStrokeStyle = {\n  outerBorder: Partial<IBorderStyle>;\n  innerBorder: Partial<IBorderStyle>;\n  strokeColor: string | IColor;\n  strokeOpacity: number;\n  lineDash: number[];\n  lineDashOffset: number;\n  lineWidth: number;\n  lineCap: CanvasLineCap;\n  lineJoin: CanvasLineJoin;\n  miterLimit: number;\n  // 描边的boundsBuffer，用于控制bounds的buffer\n  strokeBoundsBuffer: number;\n  /**\n   * stroke - true 全描边\n   * stroke - false 不描边\n   * stroke 为数值类型，适用于rect\\arc等图形，用于配置部分描边的场景，其中\n   *\n   * 0b00000 - 不描边\n   * 0b000001 - top\n   * 0b000010 - right\n   * 0b000100 - bottom\n   * 0b001000 - left\n   * 相应的：\n   * 0b000011 - top + right\n   * 0b000111 - top + right + bottom\n   * 0b001111 - 全描边\n   *\n   * stroke - boolean[]，适用于rect\\arc等图形，用于配置部分描边的场景\n   */\n  stroke: boolean[] | number | boolean | null;\n};\n\ntype TextureType = 'circle' | 'diamond' | 'rect' | 'vertical-line' | 'horizontal-line' | 'bias-lr' | 'bias-rl' | 'grid';\n\nexport type IGraphicStyle = IFillStyle &\n  IStrokeStyle & {\n    opacity: number;\n    backgroundMode: number; // 填充模式（与具体图元有关）\n    background: string | HTMLImageElement | HTMLCanvasElement | null; // 背景，可以与fill同时存在\n    texture: TextureType | string; // 纹理\n    textureColor: string; // 纹理颜色\n    textureSize: number; // 纹理大小\n    texturePadding: number; // 纹理间隙\n    blur: number;\n    cursor: Cursor | null; // 鼠标样式\n  };\n\nexport type IGraphicAttribute = IGraphicStyle &\n  ITransform & {\n    /**\n     * stroke百分比\n     */\n    strokeSeg: IStrokeSeg | null;\n    // 包围盒的padding\n    boundsPadding: number | number[];\n    /**\n     * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n     */\n    pickMode: 'accurate' | 'imprecise' | 'custom';\n    boundsMode: 'accurate' | 'imprecise';\n    customPickShape: () => boolean | null;\n    /**\n     * 是否支持事件拾取，默认为 true。\n     * @default true\n     */\n    pickable: boolean;\n    /**\n     * 对于 group 节点，是否支持其子元素的事件拾取，默认为 true。\n     * 如果 group `pickable` 关闭，`childrenPickable` 开启，那么 group 的子节点仍参与事件拾取\n     * @default true\n     */\n    childrenPickable: boolean;\n    /**\n     * 元素是否可见。\n     * @default true\n     */\n    visible: boolean;\n    zIndex: number;\n    layout: any;\n    /**\n     * 是否在3d中控制方向\n     * false: 不控制方向\n     * true: 始终控制方向朝摄像机\n     */\n    keepDirIn3d?: boolean;\n  };\n\nexport interface IGraphicJson<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> {\n  attribute: Partial<T>;\n  _uid: number;\n  type: string;\n  name: string;\n  children: IGraphicJson<T>[];\n}\n\n/** the context of setAttribute */\nexport type ISetAttributeContext = {\n  /** type of setAttribute */\n  type?: number;\n  animationState?: {\n    step?: IStep;\n    isFirstFrameOfStep?: boolean;\n    /** ratio of animation */\n    ratio?: number;\n    /** is animation end? */\n    end?: boolean;\n  };\n};\n\nexport type IGraphicAnimateParams = {\n  id?: number | string;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n};\n\nexport interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>>\n  extends INode,\n    IAnimateTarget {\n  type?: GraphicType;\n  numberType?: number;\n  stage?: IStage;\n  layer?: ILayer;\n  shadowRoot?: IShadowRoot;\n  glyphHost?: IGraphic<IGlyphGraphicAttribute>;\n  backgroundImg?: boolean;\n\n  valid: boolean;\n  parent: IGroup | null;\n  isContainer?: boolean;\n  // 是否是3d模式（是否应用3d视角）\n  in3dMode?: boolean;\n\n  // 上次更新的stamp\n  stamp?: number;\n  animationBackUps?: {\n    from: Record<string, any>;\n    to: Record<string, any>;\n  };\n\n  attribute: Partial<T>;\n\n  /** 用于实现morph动画场景，转换成bezier曲线渲染 */\n  pathProxy?: ICustomPath2D | ((attrs: T) => ICustomPath2D);\n  incremental?: number;\n  incrementalAt?: number;\n\n  /** 记录state对应的图形属性 */\n  states?: Record<string, Partial<T>>;\n  normalAttrs?: Partial<T>;\n  stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T>;\n  findFace?: () => IFace3d;\n  toggleState: (stateName: string, hasAnimation?: boolean) => void;\n  removeState: (stateName: string, hasAnimation?: boolean) => void;\n  clearStates: (hasAnimation?: boolean) => void;\n  useStates: (states: string[], hasAnimation?: boolean) => void;\n  addState: (stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean) => void;\n  hasState: (stateName?: string) => boolean;\n  getState: (stateName: string) => Partial<T>;\n  onBeforeAttributeUpdate?: (\n    val: any,\n    attributes: Partial<T>,\n    key: null | string | string[],\n    context?: ISetAttributeContext\n  ) => T | undefined;\n  applyStateAttrs: (attrs: Partial<T>, stateNames: string[], hasAnimation?: boolean, isClear?: boolean) => void;\n  updateNormalAttrs: (stateAttrs: Partial<T>) => void;\n\n  // get\n  readonly AABBBounds: IAABBBounds; // 用于获取当前节点的AABB包围盒\n  readonly OBBBounds: IOBBBounds; // 获取OBB包围盒，旋转防重叠需要用\n  readonly globalAABBBounds: IAABBBounds; // 全局AABB包围盒\n  readonly transMatrix: IMatrix; // 变换矩阵，动态计算\n  readonly globalTransMatrix: IMatrix; // 变换矩阵，动态计算\n\n  getOffsetXY: (attr?: ITransform) => IPoint;\n\n  // function\n  containsPoint: (x: number, y: number, mode?: IContainPointMode) => boolean;\n\n  setMode: (mode: '3d' | '2d') => void;\n  isValid: () => boolean;\n\n  // TODO: transform API\n  // 基于当前transform的变换，普通用户尽量别用，拿捏不住的~\n  translate: (x: number, y: number) => this;\n  translateTo: (x: number, y: number) => this;\n  scale: (scaleX: number, scaleY: number, scaleCenter?: IPointLike) => this;\n  scaleTo: (scaleX: number, scaleY: number) => this;\n  rotate: (angle: number) => this;\n  rotateTo: (angle: number) => this;\n  skewTo: (b: number, c: number) => this;\n  addUpdateBoundTag: () => void;\n  addUpdateShapeAndBoundsTag: () => void;\n\n  update: (d?: { bounds: boolean; trans: boolean }) => void;\n\n  // animate\n  animate: (params?: IGraphicAnimateParams) => IAnimate;\n\n  // 语法糖，可有可无，有的为了首屏性能考虑做成get方法，有的由外界直接托管，内部不赋值\n  name?: string;\n\n  // 供render处理shape缓存tag\n  shouldUpdateShape: () => boolean;\n  clearUpdateShapeTag: () => void;\n\n  // // 供render缓存shape\n  // cacheShape?: ICustomPath2D;\n  // // 线段使用的path2D\n  // cacheLine?: ISegPath2D | ISegPath2D[];\n  // // 面积图使用的path2D\n  // cacheArea?: IAreaCacheItem | IAreaCacheItem[];\n\n  setAttributes: (params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  initAttributes: (params: Partial<T>) => void;\n\n  setAttribute: (key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  setStage: (stage?: IStage, layer?: ILayer) => void;\n  onSetStage: (cb: (g: IGraphic, stage: IStage) => void) => void;\n\n  shouldUpdateAABBBounds: () => boolean;\n  shouldSelfChangeUpdateAABBBounds: () => boolean;\n  shouldUpdateGlobalMatrix: () => boolean;\n\n  addUpdatePositionTag: () => void;\n  addUpdateGlobalPositionTag: () => void;\n\n  attachShadow: () => IShadowRoot;\n  detachShadow: () => void;\n\n  toJson: () => IGraphicJson;\n\n  /** 创建pathProxy */\n  createPathProxy: (path?: string) => void;\n  /** 将图形转换成CustomPath2D */\n  toCustomPath?: () => ICustomPath2D;\n\n  resources?: Map<\n    string | HTMLImageElement | HTMLCanvasElement,\n    { state: 'init' | 'loading' | 'success' | 'fail'; data?: HTMLImageElement | HTMLCanvasElement }\n  >;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n  imageLoadFail: (url: string) => void;\n\n  clone: () => IGraphic;\n}\n\nexport interface IRoot extends IGraphic {\n  pick: (x: number, y: number) => IGraphic;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimateConfig = {\n  duration?: number;\n  easing?: EasingType;\n};\n"]}

package/cjs/interface/index.d.ts

@@ -0,0 +1,34 @@
+export * from './global';
+export * from './common';
+export * from './node-tree';
+export * from './graphic';
+export * from './graphic/index';
+export * from './graphic/arc';
+export * from './graphic/arc3d';
+export * from './graphic/area';
+export * from './graphic/circle';
+export * from './graphic/group';
+export * from './graphic/image';
+export * from './graphic/line';
+export * from './graphic/path';
+export * from './graphic/rect';
+export * from './graphic/rect3d';
+export * from './graphic/glyph';
+export * from './graphic/richText';
+export * from './graphic/symbol';
+export * from './graphic/text';
+export * from './graphic/polygon';
+export * from './graphic/pyramid3d';
+export * from './graphic/shadow-root';
+export * from './graphic/face3d';
+export * from './layer';
+export * from './stage';
+export * from './canvas';
+export * from './context';
+export * from './path';
+export * from './color';
+export * from './common';
+export * from './animate';
+export * from './camera';
+export * from './matrix';
+export * from './light';

package/cjs/interface/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./global"), exports), __exportStar(require("./common"), exports), 
+__exportStar(require("./node-tree"), exports), __exportStar(require("./graphic"), exports), 
+__exportStar(require("./graphic/index"), exports), __exportStar(require("./graphic/arc"), exports), 
+__exportStar(require("./graphic/arc3d"), exports), __exportStar(require("./graphic/area"), exports), 
+__exportStar(require("./graphic/circle"), exports), __exportStar(require("./graphic/group"), exports), 
+__exportStar(require("./graphic/image"), exports), __exportStar(require("./graphic/line"), exports), 
+__exportStar(require("./graphic/path"), exports), __exportStar(require("./graphic/rect"), exports), 
+__exportStar(require("./graphic/rect3d"), exports), __exportStar(require("./graphic/glyph"), exports), 
+__exportStar(require("./graphic/richText"), exports), __exportStar(require("./graphic/symbol"), exports), 
+__exportStar(require("./graphic/text"), exports), __exportStar(require("./graphic/polygon"), exports), 
+__exportStar(require("./graphic/pyramid3d"), exports), __exportStar(require("./graphic/shadow-root"), exports), 
+__exportStar(require("./graphic/face3d"), exports), __exportStar(require("./layer"), exports), 
+__exportStar(require("./stage"), exports), __exportStar(require("./canvas"), exports), 
+__exportStar(require("./context"), exports), __exportStar(require("./path"), exports), 
+__exportStar(require("./color"), exports), __exportStar(require("./common"), exports), 
+__exportStar(require("./animate"), exports), __exportStar(require("./camera"), exports), 
+__exportStar(require("./matrix"), exports), __exportStar(require("./light"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/interface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+CA,2CAAyB;AACzB,2CAAyB;AACzB,8CAA4B;AAC5B,4CAA0B;AAC1B,kDAAgC;AAChC,gDAA8B;AAC9B,kDAAgC;AAChC,iDAA+B;AAC/B,mDAAiC;AACjC,kDAAgC;AAChC,kDAAgC;AAChC,iDAA+B;AAC/B,iDAA+B;AAC/B,iDAA+B;AAC/B,mDAAiC;AACjC,kDAAgC;AAChC,qDAAmC;AACnC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,sDAAoC;AACpC,wDAAsC;AACtC,mDAAiC;AACjC,0CAAwB;AACxB,0CAAwB;AACxB,2CAAyB;AACzB,4CAA0B;AAC1B,yCAAuB;AACvB,0CAAwB;AACxB,2CAAyB;AACzB,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB","file":"index.js","sourcesContent":["// export type MaybePromise<T> = T | PromiseLike<T>;\n\n// // 所有的接口都应当继承这个，避免内存没有释放\n// export interface Disposable {\n//   dispose: (params?: any) => void;\n// }\n\n// export { INode } from './node-tree';\n// export { IGraphic, IGraphicAttribute, IFillStyle, IStrokeStyle, IStyle, ITransform } from './graphic';\n// export { IArc, IArcAttribute, IArcGraphicAttribute, IArcCache } from './graphic/arc';\n// export { IArea, IAreaAttribute, IAreaGraphicAttribute, IAreaCacheItem, IAreaSegment } from './graphic/area';\n// export { ICircle, ICircleAttribute, ICircleGraphicAttribute } from './graphic/circle';\n// export { IGroup, IGroupAttribute } from './graphic/group';\n// export { IImage, IImageAttribute, IImageGraphicAttribute, IRepeatType } from './graphic/image';\n// export { ILine, ILineAttribute, ILineGraphicAttribute, ISegment } from './graphic/line';\n// export { IPath, IPathAttribute, IPathGraphicAttribute } from './graphic/path';\n// export { IRect, IRectAttribute, IRectGraphicAttribute } from './graphic/rect';\n// export {\n//   IRichText,\n//   IRichTextAttribute,\n//   RichTextCharacter,\n//   RichTextFontStyle,\n//   RichTextGlobalAlignType,\n//   RichTextGlobalBaselineType,\n//   RichTextScript,\n//   RichTextTextAlign,\n//   RichTextTextDecoration,\n//   RichTextVerticalDirection,\n//   RichTextWordBreak,\n//   IRichTextGraphicAttribute\n// } from './graphic/richText';\n// export { ISymbol, ISymbolAttribute, ISymbolGraphicAttribute, SymbolType } from './graphic/symbol';\n// export { IText, ITextAttribute, ITextGraphicAttribute, ITextCache } from './graphic/text';\n// export { ILayer, ILayerDrawParams } from './layer';\n// export { IStage, IStageParams, IExportType } from './stage';\n\n// // export * from './graphic';\n// export { ICanvas, ICanvasLike } from './canvas';\n// export { IContext2d, IContextLike, ICommonStyleParams, IStrokeStyleParams, ITextStyleParams } from './context';\n\n// export { IPath2D, ICustomPath2D, CommandType, ICurvePath, ICurve } from './path';\n\n// export { IColor, IColorStop, IConicalGradient, ILinearGradient, IRadialGradient } from './color';\n\n// export { ICurveType } from './common';\n// // export { IAreaCacheItem } from './graphic';\n\nexport * from './global';\nexport * from './common';\nexport * from './node-tree';\nexport * from './graphic';\nexport * from './graphic/index';\nexport * from './graphic/arc';\nexport * from './graphic/arc3d';\nexport * from './graphic/area';\nexport * from './graphic/circle';\nexport * from './graphic/group';\nexport * from './graphic/image';\nexport * from './graphic/line';\nexport * from './graphic/path';\nexport * from './graphic/rect';\nexport * from './graphic/rect3d';\nexport * from './graphic/glyph';\nexport * from './graphic/richText';\nexport * from './graphic/symbol';\nexport * from './graphic/text';\nexport * from './graphic/polygon';\nexport * from './graphic/pyramid3d';\nexport * from './graphic/shadow-root';\nexport * from './graphic/face3d';\nexport * from './layer';\nexport * from './stage';\nexport * from './canvas';\nexport * from './context';\nexport * from './path';\nexport * from './color';\nexport * from './common';\nexport * from './animate';\nexport * from './camera';\nexport * from './matrix';\nexport * from './light';\n"]}

package/cjs/interface/layer.d.ts

@@ -0,0 +1,60 @@
+import { IAABBBounds, IBounds } from '@visactor/vutils';
+import { IGraphic } from './graphic';
+import { IGroup } from './graphic/group';
+import { IDrawContext, IDrawContribution, IRenderService } from '../render/render-service';
+import { IColor } from './color';
+import { ILayerHandlerContribution, ILayerHandlerDrawParams, IWindow } from '../core';
+export interface ILayerDrawParams {
+    renderService: IRenderService;
+    background?: string | IColor;
+    updateBounds: boolean;
+}
+export interface IDrawToParams {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    clear?: boolean;
+    renderService: IRenderService;
+    background?: string | IColor;
+    updateBounds: boolean;
+}
+export interface ILayer extends IGroup {
+    parent: any;
+    main: boolean;
+    width: number;
+    height: number;
+    viewWidth: number;
+    viewHeight: number;
+    offscreen: boolean;
+    subLayers: Map<number, {
+        layer: ILayer;
+        group?: IGroup;
+        zIndex: number;
+        drawContribution?: IDrawContribution;
+    }>;
+    readonly dirtyBound: IAABBBounds;
+    background: string;
+    dpr: number;
+    opacity: number;
+    canvasId?: string;
+    imageData?: ImageData;
+    blendMode?: string;
+    pickable: boolean;
+    pick: (x: number, y: number) => {
+        graphic?: IGraphic;
+        group?: IGroup;
+    } | false;
+    render: (params: ILayerDrawParams, userParams?: Partial<IDrawContext>) => void;
+    afterDraw: (cb: (l: this) => void) => void;
+    resize: (w: number, h: number) => void;
+    resizeView: (w: number, h: number) => void;
+    setDpr: (dpr: number) => void;
+    getNativeHandler: () => ILayerHandlerContribution;
+    combineSubLayer: (removeIncrementalKey?: boolean) => void;
+    startAnimate: (t: number) => void;
+    setToFrame: (t: number) => void;
+    prepare: (dirtyBounds: IBounds, params: ILayerHandlerDrawParams) => void;
+    drawTo: (target: IWindow, params: IDrawToParams) => void;
+    combineTo: (target: IWindow, params: IDrawToParams) => void;
+}

package/cjs/interface/layer.js

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

package/cjs/interface/layer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/layer.ts"],"names":[],"mappings":"","file":"layer.js","sourcesContent":["import { IAABBBounds, IBounds } from '@visactor/vutils';\nimport { IGraphic } from './graphic';\nimport { IGroup } from './graphic/group';\nimport { IDrawContext, IDrawContribution, IRenderService } from '../render/render-service';\nimport { IColor } from './color';\nimport { ILayerHandlerContribution, ILayerHandlerDrawParams, IWindow } from '../core';\n\nexport interface ILayerDrawParams {\n  renderService: IRenderService;\n  background?: string | IColor;\n  updateBounds: boolean;\n}\n\nexport interface IDrawToParams {\n  x?: number;\n  y?: number;\n  width?: number;\n  height?: number;\n  clear?: boolean;\n  renderService: IRenderService;\n  background?: string | IColor;\n  updateBounds: boolean;\n}\n\n// 不建议用户操作layer，尽量都通过stage实现\nexport interface ILayer extends IGroup {\n  parent: any;\n  // rootNode: IStage;\n  main: boolean;\n  width: number;\n  height: number;\n  viewWidth: number;\n  viewHeight: number;\n\n  offscreen: boolean;\n  subLayers: Map<number, { layer: ILayer; group?: IGroup; zIndex: number; drawContribution?: IDrawContribution }>;\n\n  // mode: 'dynamic' | 'static';\n  readonly dirtyBound: IAABBBounds;\n  background: string;\n  dpr: number;\n  opacity: number;\n  canvasId?: string;\n  imageData?: ImageData;\n  blendMode?: string;\n  // TODO: getElementById\n  pickable: boolean;\n  pick: (x: number, y: number) => { graphic?: IGraphic; group?: IGroup } | false;\n  render: (params: ILayerDrawParams, userParams?: Partial<IDrawContext>) => void;\n  afterDraw: (cb: (l: this) => void) => void;\n\n  resize: (w: number, h: number) => void;\n  resizeView: (w: number, h: number) => void;\n  setDpr: (dpr: number) => void;\n  getNativeHandler: () => ILayerHandlerContribution;\n  combineSubLayer: (removeIncrementalKey?: boolean) => void;\n\n  // 动画相关\n  startAnimate: (t: number) => void;\n  setToFrame: (t: number) => void;\n  prepare: (dirtyBounds: IBounds, params: ILayerHandlerDrawParams) => void;\n  drawTo: (target: IWindow, params: IDrawToParams) => void;\n  combineTo: (target: IWindow, params: IDrawToParams) => void;\n  // 考虑操作回放\n}\n"]}

package/cjs/interface/light.d.ts

@@ -0,0 +1,6 @@
+import { vec3 } from './matrix';
+export interface IDirectionLight {
+    dir: vec3;
+    color: string;
+    computeColor: (normal: vec3, color: string | vec3) => string;
+}

package/cjs/interface/light.js

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

package/cjs/interface/light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/light.ts"],"names":[],"mappings":"","file":"light.js","sourcesContent":["import { vec3 } from './matrix';\n\nexport interface IDirectionLight {\n  dir: vec3;\n  color: string;\n  computeColor: (normal: vec3, color: string | vec3) => string;\n}\n"]}

package/cjs/interface/matrix.d.ts

@@ -0,0 +1,21 @@
+export type vec2 = [number, number] | Float32Array;
+export type vec3 = [number, number, number] | Float32Array;
+export type vec4 = [number, number, number, number] | Float32Array;
+export type mat4 = [
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number
+] | Float32Array;

package/cjs/interface/matrix.js

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

package/cjs/interface/matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/matrix.ts"],"names":[],"mappings":"","file":"matrix.js","sourcesContent":["export type vec2 = [number, number] | Float32Array;\nexport type vec3 = [number, number, number] | Float32Array;\nexport type vec4 = [number, number, number, number] | Float32Array;\nexport type mat4 =\n  | [\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number,\n      number\n    ]\n  | Float32Array;\n\n// import { IPoint } from '@visactor/vutils';\n\n// // 不建议用户直接操作matrix\n// export interface IMatrix {\n//   /**\n//    * scale x\n//    */\n//   a: number;\n//   /**\n//    * skew y\n//    */\n//   b: number;\n//   /**\n//    * skewx\n//    */\n//   c: number;\n//   /**\n//    * scale y\n//    */\n//   d: number;\n//   /**\n//    * translate x\n//    */\n//   e: number;\n//   /**\n//    * translate y\n//    */\n//   f: number;\n//   // new (a?: number, b?: number, c?: number, d?: number, e?: number, f?: number): IMatrix;\n//   setValue: (a: number, b: number, c: number, d: number, e: number, f: number) => IMatrix;\n//   /**\n//    * 获取当前矩阵的逆矩阵\n//    */\n//   getInverse: () => IMatrix;\n//   rotate: (rad: number) => IMatrix;\n//   scale: (sx: number, sy: number) => IMatrix;\n//   setScale: (sx: number, sy: number) => IMatrix;\n//   transform: (a: number, b: number, c: number, d: number, e: number, f: number) => IMatrix;\n//   translate: (x: number, y: number) => IMatrix;\n//   /**\n//    * 矩阵相乘\n//    * @param matrix\n//    */\n//   multiply: (a2: number, b2: number, c2: number, d2: number, e2: number, f2: number) => IMatrix;\n//   /**\n//    * 插值计算\n//    * @param m2\n//    * @param t\n//    */\n//   interpolate: (m2: IMatrix, t: number) => IMatrix;\n\n//   // 将point转到当前矩阵的坐标空间中\n//   transformPoint: (source: IPoint, target: IPoint) => void;\n\n//   reset: () => IMatrix;\n\n//   // 是否只有translate\n//   onlyTranslate: () => boolean;\n\n//   clone: () => IMatrix;\n// }\n"]}

package/cjs/interface/node-tree.d.ts

@@ -0,0 +1,43 @@
+import { Releaseable, IEventElement } from '../interface';
+export interface INode extends Releaseable, IEventElement {
+    _prev?: INode;
+    _next?: INode;
+    _uid: number;
+    id?: number | string;
+    name?: string;
+    type?: string;
+    parent: INode | null;
+    count: number;
+    childrenCount: number;
+    firstChild: INode | null;
+    lastChild: INode | null;
+    getChildren: () => INode[];
+    getChildAt: (idx: number) => INode | null;
+    at: (idx: number) => INode | null;
+    insertBefore: (newNode: INode, referenceNode: INode) => INode | null;
+    insertAfter: (newNode: INode, referenceNode: INode) => INode | null;
+    insertInto: (ele: INode, idx: number) => INode | null;
+    insertIntoKeepIdx: (ele: INode, idx: number) => INode | null;
+    forEachChildren: (cb: (n: INode, i: number) => void | boolean, reverse?: boolean) => void;
+    forEachChildrenAsync: (cb: (n: INode, i: number) => Promise<void | boolean> | void | boolean, reverse?: boolean) => Promise<void>;
+    appendChild: (node: INode, highPerformance?: boolean) => INode | null;
+    add: (node: INode, highPerformance?: boolean) => INode | null;
+    delete: () => void;
+    removeChild: (node: INode, highPerformance?: boolean) => INode | null;
+    removeAllChild: () => void;
+    isChildOf: (node: INode) => boolean;
+    isParentOf: (node: INode) => boolean;
+    isDescendantsOf: (node: INode) => boolean;
+    isAncestorsOf: (node: INode) => boolean;
+    dispatchEvent: (event: Event) => boolean;
+    containNode: (node: INode) => boolean;
+    setAllDescendantsProps: (propsName: string, propsValue: any) => any;
+    find: (callback: (node: INode, index: number) => boolean, deep: boolean) => INode | null;
+    findAll: (callback: (node: INode, index: number) => boolean, deep: boolean) => INode[];
+    getElementById: (id: string | number) => INode | null;
+    findChildById: (id: string | number) => INode | null;
+    findChildByUid: (uid: number) => INode | null;
+    getElementsByName: (name: string) => INode[];
+    findChildrenByName: (name: string) => INode[];
+    getElementsByType: (type: string) => INode[];
+}

package/cjs/interface/node-tree.js

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

package/cjs/interface/node-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/node-tree.ts"],"names":[],"mappings":"","file":"node-tree.js","sourcesContent":["import { Releaseable, IEventElement } from '../interface';\nexport interface INode extends Releaseable, IEventElement {\n  _prev?: INode;\n  _next?: INode;\n  /**\n   * 内部图形的唯一标识\n   */\n  _uid: number;\n\n  /**\n   * 用户配置的图形唯一标识\n   */\n  id?: number | string;\n  /** 图形名称标识 */\n  name?: string;\n  /**\n   * 图形类型\n   */\n  type?: string;\n  parent: INode | null;\n  // dirty: boolean; // 脏位，标记当前节点和子节点是否有修改\n  count: number;\n  childrenCount: number;\n  firstChild: INode | null;\n  lastChild: INode | null;\n  /**\n   * 获取子节点数组\n   */\n  getChildren: () => INode[];\n  /**\n   * 获取某个idx的节点\n   */\n  getChildAt: (idx: number) => INode | null;\n  at: (idx: number) => INode | null;\n\n  insertBefore: (newNode: INode, referenceNode: INode) => INode | null;\n  insertAfter: (newNode: INode, referenceNode: INode) => INode | null;\n\n  /**\n   * 向某个位置插入\n   */\n  insertInto: (ele: INode, idx: number) => INode | null;\n\n  insertIntoKeepIdx: (ele: INode, idx: number) => INode | null;\n  /**\n   * 遍历子节点\n   * @param cb 返回true则停止遍历\n   */\n  forEachChildren: (cb: (n: INode, i: number) => void | boolean, reverse?: boolean) => void;\n  forEachChildrenAsync: (\n    cb: (n: INode, i: number) => Promise<void | boolean> | void | boolean,\n    reverse?: boolean\n  ) => Promise<void>;\n  /**\n   * 添加子节点\n   * @param node\n   * @param highPerformance 是否高性能模式（不检查是否合法）\n   */\n  appendChild: (node: INode, highPerformance?: boolean) => INode | null;\n  /**\n   * 添加子节点\n   * @param node\n   * @param highPerformance 是否高性能模式（不检查是否合法）\n   */\n  add: (node: INode, highPerformance?: boolean) => INode | null;\n  /**\n   * 从当前节点的父节点删除当前节点\n   */\n  delete: () => void;\n  /**\n   * 删除节点\n   * @param node\n   * @param highPerformance 是否高性能模式（不检查是否合法）\n   */\n  removeChild: (node: INode, highPerformance?: boolean) => INode | null;\n  /**\n   * 移除所有节点\n   */\n  removeAllChild: () => void;\n  /**\n   * 判断该节点是否是node的子节点\n   * @param node\n   */\n  isChildOf: (node: INode) => boolean;\n  /**\n   * 判断该节点是否是node的父节点\n   * @param node\n   */\n  isParentOf: (node: INode) => boolean;\n  /**\n   * 判断节点是否是node的后代节点\n   * @param node\n   */\n  isDescendantsOf: (node: INode) => boolean;\n  /**\n   * 判断节点是否是node的祖先节点\n   * @param node\n   */\n  isAncestorsOf: (node: INode) => boolean;\n\n  // 事件相关的别名\n  /**\n   * Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.\n   * */\n  dispatchEvent: (event: Event) => boolean;\n\n  /**\n   * 返回的是一个布尔值，来表示传入的节点是否为该节点的后代节点。\n   * @param node 判断是否包含的节点\n   */\n  containNode: (node: INode) => boolean;\n\n  /**\n   * 设置该节点的所有后代节点某个属性\n   * @param propsName 属性名\n   * @param propsValue 属性值\n   */\n  setAllDescendantsProps: (propsName: string, propsValue: any) => any;\n\n  // 查找相关的接口\n  /**\n   * 根据自定义逻辑查找元素，返回单一图形元素\n   * @param callback 自定义查找过滤器\n   * @param deep 是否进行深度查找，默认为 false\n   * @returns 返回匹配的图形元素\n   */\n  find: (callback: (node: INode, index: number) => boolean, deep: boolean) => INode | null;\n  /**\n   * 根据自定义逻辑查找元素，返回匹配的元素集合\n   * @param callback 自定义查找过滤器\n   * @param deep 是否进行深度查找，默认为 false\n   * @returns 返回匹配的图形元素集合\n   */\n  findAll: (callback: (node: INode, index: number) => boolean, deep: boolean) => INode[];\n  /**\n   * 通过用户设置的 id 查找对应的图形元素\n   * @param id 子节点的 id\n   */\n  getElementById: (id: string | number) => INode | null;\n  /**\n   * @alias getElementById\n   * 通过用户设置的 id 查找对应的图形元素\n   * @param id 子节点的 id\n   */\n  findChildById: (id: string | number) => INode | null;\n  /**\n   * 通过内部生成的节点 id：_uid 查找对应的图形元素\n   * @param id 子节点的key\n   */\n  findChildByUid: (uid: number) => INode | null;\n  /**\n   * 根据用户传入的 name 查找元素，返回匹配的元素集合\n   * @param name 用户设置的图形名称\n   * @returns 匹配 name 的元素集合\n   */\n  getElementsByName: (name: string) => INode[];\n  /**\n   * @alias getElementsByName\n   * 根据用户传入的 name 查找元素，返回匹配的元素集合\n   * @param name 用户设置的图形名称\n   * @returns 匹配 name 的元素集合\n   */\n  findChildrenByName: (name: string) => INode[];\n  /**\n   * 根据用户传入的 name 查找元素，返回匹配的元素集合\n   * @param name 用户设置的图形名称\n   * @returns 匹配 name 的元素集合\n   */\n  getElementsByType: (type: string) => INode[];\n  // 其他不常用\n}\n"]}

package/cjs/interface/path.d.ts

@@ -0,0 +1,106 @@
+import { IAABBBounds, IPoint, IPointLike } from '@visactor/vutils';
+import { Direction } from '../common';
+import { Releaseable } from './common';
+export declare const strCommandMap: string[];
+export type CommandType = [
+    number,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?
+];
+export type CommandStrType = [
+    string,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?,
+    (number | boolean)?
+];
+export declare enum ICurveTypeEnum {
+    CubicBezierCurve = 0,
+    QuadraticBezierCurve = 1,
+    ArcCurve = 2,
+    LineCurve = 3,
+    EllipseCurve = 4,
+    MoveCurve = 5
+}
+export interface ICurve<T> {
+    type: number;
+    defined: boolean;
+    readonly p0: T;
+    readonly p1?: T;
+    readonly p2?: T;
+    readonly p3?: T;
+    getPointAt: (t: number) => IPointLike;
+    getAngleAt: (t: number) => number;
+    getLength: (direction?: Direction) => number;
+}
+export interface ICubicBezierCurve extends ICurve<IPoint> {
+    type: ICurveTypeEnum.CubicBezierCurve;
+    readonly p1: IPoint;
+    readonly p2: IPoint;
+    readonly p3: IPoint;
+}
+export interface IQuadraticBezierCurve extends ICurve<IPoint> {
+    type: ICurveTypeEnum.QuadraticBezierCurve;
+    readonly p1: IPoint;
+    readonly p2: IPoint;
+}
+export interface IArcCurve extends ICurve<IPoint> {
+    type: ICurveTypeEnum.ArcCurve;
+    readonly p1: IPoint;
+    radius: number;
+}
+export interface ILineCurve extends ICurve<IPoint> {
+    type: ICurveTypeEnum.LineCurve;
+    readonly p1: IPoint;
+}
+export interface IEllipseCurve extends ICurve<IPoint> {
+    type: ICurveTypeEnum.EllipseCurve;
+    radiusX: number;
+    radiusY: number;
+    rotation: number;
+    startAngle: number;
+    endAngle: number;
+    anticlockwise?: boolean;
+}
+export interface IMoveCurve extends ICurve<IPoint> {
+    type: ICurveTypeEnum.MoveCurve;
+    readonly p1: IPoint;
+}
+export interface ICurvePath<T> {
+    curves: ICurve<T>[];
+    bounds?: IAABBBounds;
+    getPointAt: (t: number) => IPointLike;
+    getCurveLengths: () => number[];
+    getLength: (direction?: Direction) => number;
+    getBounds?: () => IAABBBounds;
+}
+export interface IPath2D {
+    moveTo: (x: number, y: number, z?: number) => void;
+    lineTo: (x: number, y: number, z?: number) => void;
+    quadraticCurveTo: (aCPx: number, aCPy: number, aX: number, aY: number, z?: number) => void;
+    bezierCurveTo: (aCP1x: number, aCP1y: number, aCP2x: number, aCP2y: number, aX: number, aY: number, z?: number) => void;
+    arcTo: (aX1: number, aY1: number, aX2: number, aY2: number, aRadius: number, z?: number) => void;
+    ellipse: (aX: number, aY: number, xRadius: number, yRadius: number, aRotation: number, aStartAngle: number, aEndAngle: number, aClockwise: boolean) => void;
+    rect: (x: number, y: number, w: number, h: number, z?: number) => void;
+    arc: (x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean, z?: number) => void;
+    closePath: () => void;
+}
+export interface ICustomPath2D extends ICurvePath<IPoint>, IPath2D, Releaseable {
+    commandList: CommandType[];
+    toString: () => string;
+    transform: (x: number, y: number, sx: number, sy: number) => void;
+    fromString: (pathStr: string, x?: number, y?: number, sX?: number, sY?: number) => ICustomPath2D;
+    fromCustomPath2D: (path: ICustomPath2D, x?: number, y?: number, sX?: number, sY?: number) => ICustomPath2D;
+    addCurve: (curve: ICurve<IPoint>) => void;
+    clear: () => void;
+}

package/cjs/interface/path.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var ICurveTypeEnum;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ICurveTypeEnum = exports.strCommandMap = void 0, exports.strCommandMap = [ "arc", "arcTo", "bezierCurveTo", "closePath", "ellipse", "lineTo", "moveTo", "quadraticCurveTo", "rect" ], 
+function(ICurveTypeEnum) {
+    ICurveTypeEnum[ICurveTypeEnum.CubicBezierCurve = 0] = "CubicBezierCurve", ICurveTypeEnum[ICurveTypeEnum.QuadraticBezierCurve = 1] = "QuadraticBezierCurve", 
+    ICurveTypeEnum[ICurveTypeEnum.ArcCurve = 2] = "ArcCurve", ICurveTypeEnum[ICurveTypeEnum.LineCurve = 3] = "LineCurve", 
+    ICurveTypeEnum[ICurveTypeEnum.EllipseCurve = 4] = "EllipseCurve", ICurveTypeEnum[ICurveTypeEnum.MoveCurve = 5] = "MoveCurve";
+}(ICurveTypeEnum = exports.ICurveTypeEnum || (exports.ICurveTypeEnum = {}));
+//# sourceMappingURL=path.js.map

package/cjs/interface/path.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/path.ts"],"names":[],"mappings":";;;AAIa,QAAA,aAAa,GAAG;IAC3B,KAAK;IACL,OAAO;IACP,eAAe;IACf,WAAW;IACX,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,kBAAkB;IAClB,MAAM;CACP,CAAC;AA0BF,IAAY,cAOX;AAPD,WAAY,cAAc;IACxB,2EAAoB,CAAA;IACpB,mFAAwB,CAAA;IACxB,2DAAY,CAAA;IACZ,6DAAa,CAAA;IACb,mEAAgB,CAAA;IAChB,6DAAa,CAAA;AACf,CAAC,EAPW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAOzB","file":"path.js","sourcesContent":["import { IAABBBounds, IPoint, IPointLike } from '@visactor/vutils';\nimport { Direction } from '../common';\nimport { Releaseable } from './common';\n\nexport const strCommandMap = [\n  'arc',\n  'arcTo',\n  'bezierCurveTo',\n  'closePath',\n  'ellipse',\n  'lineTo',\n  'moveTo',\n  'quadraticCurveTo',\n  'rect'\n];\n\nexport type CommandType = [\n  number,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?\n];\n\nexport type CommandStrType = [\n  string,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?,\n  (number | boolean)?\n];\n\nexport enum ICurveTypeEnum {\n  CubicBezierCurve = 0,\n  QuadraticBezierCurve = 1,\n  ArcCurve = 2,\n  LineCurve = 3,\n  EllipseCurve = 4,\n  MoveCurve = 5\n}\n\nexport interface ICurve<T> {\n  type: number;\n  defined: boolean;\n  readonly p0: T;\n  readonly p1?: T;\n  readonly p2?: T;\n  readonly p3?: T;\n  getPointAt: (t: number) => IPointLike;\n  getAngleAt: (t: number) => number;\n  getLength: (direction?: Direction) => number;\n}\n\nexport interface ICubicBezierCurve extends ICurve<IPoint> {\n  type: ICurveTypeEnum.CubicBezierCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n  readonly p2: IPoint;\n  readonly p3: IPoint;\n}\n\nexport interface IQuadraticBezierCurve extends ICurve<IPoint> {\n  type: ICurveTypeEnum.QuadraticBezierCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n  readonly p2: IPoint;\n}\n\nexport interface IArcCurve extends ICurve<IPoint> {\n  type: ICurveTypeEnum.ArcCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n  radius: number;\n}\n\nexport interface ILineCurve extends ICurve<IPoint> {\n  type: ICurveTypeEnum.LineCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n}\n\nexport interface IEllipseCurve extends ICurve<IPoint> {\n  type: ICurveTypeEnum.EllipseCurve;\n  // p0: IPoint;\n  radiusX: number;\n  radiusY: number;\n  rotation: number;\n  startAngle: number;\n  endAngle: number;\n  anticlockwise?: boolean;\n}\n\nexport interface IMoveCurve extends ICurve<IPoint> {\n  type: ICurveTypeEnum.MoveCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n}\n\nexport interface ICurvePath<T> {\n  curves: ICurve<T>[];\n  bounds?: IAABBBounds;\n  getPointAt: (t: number) => IPointLike;\n  getCurveLengths: () => number[];\n  getLength: (direction?: Direction) => number;\n  getBounds?: () => IAABBBounds;\n}\n\nexport interface IPath2D {\n  moveTo: (x: number, y: number, z?: number) => void;\n  lineTo: (x: number, y: number, z?: number) => void;\n  quadraticCurveTo: (aCPx: number, aCPy: number, aX: number, aY: number, z?: number) => void;\n  bezierCurveTo: (\n    aCP1x: number,\n    aCP1y: number,\n    aCP2x: number,\n    aCP2y: number,\n    aX: number,\n    aY: number,\n    z?: number\n  ) => void;\n  arcTo: (aX1: number, aY1: number, aX2: number, aY2: number, aRadius: number, z?: number) => void;\n  ellipse: (\n    aX: number,\n    aY: number,\n    xRadius: number,\n    yRadius: number,\n    aRotation: number,\n    aStartAngle: number,\n    aEndAngle: number,\n    aClockwise: boolean\n  ) => void;\n  rect: (x: number, y: number, w: number, h: number, z?: number) => void;\n  arc: (\n    x: number,\n    y: number,\n    radius: number,\n    startAngle: number,\n    endAngle: number,\n    counterclockwise?: boolean,\n    z?: number\n  ) => void;\n  closePath: () => void;\n}\n\n// 用户可以直接操作path2D\nexport interface ICustomPath2D extends ICurvePath<IPoint>, IPath2D, Releaseable {\n  commandList: CommandType[];\n\n  toString: () => string;\n  transform: (x: number, y: number, sx: number, sy: number) => void;\n  fromString: (pathStr: string, x?: number, y?: number, sX?: number, sY?: number) => ICustomPath2D;\n  fromCustomPath2D: (path: ICustomPath2D, x?: number, y?: number, sX?: number, sY?: number) => ICustomPath2D;\n  addCurve: (curve: ICurve<IPoint>) => void;\n  clear: () => void;\n}\n"]}

package/cjs/interface/stage.d.ts

@@ -0,0 +1,124 @@
+import { INode } from './node-tree';
+import { ILayer } from './layer';
+import { IGraphic } from './graphic';
+import { IGroup } from './graphic/group';
+import { IColor } from './color';
+import { IBounds, IBoundsLike, IMatrix, IPointLike } from '@visactor/vutils';
+import { SyncHook } from '../tapable';
+import { IWindow } from '../core';
+import { IDrawContext, IRenderService } from '../render';
+import { ICamera } from './camera';
+import { vec3 } from './matrix';
+import { IDirectionLight } from './light';
+import { ITicker } from '../animate';
+import { IPluginService } from '../plugins/plugin-service';
+import { IPickerService } from '../picker';
+export type IExportType = 'canvas' | 'imageData';
+export interface IStageParams {
+    viewBox: IBoundsLike;
+    width: number;
+    height: number;
+    dpr: number;
+    background: string | IColor;
+    canvas: string | HTMLCanvasElement;
+    container: string | HTMLElement;
+    canvasControled: boolean;
+    title: string;
+    autoRender: boolean;
+    disableDirtyBounds: boolean;
+    enableView3dTranform: boolean;
+    beforeRender: (stage: IStage) => void;
+    afterRender: (stage: IStage) => void;
+    renderStyle?: string;
+    ticker?: ITicker;
+}
+export interface IOption3D {
+    alpha?: number;
+    beta?: number;
+    gama?: number;
+    center?: IPointLike;
+    fieldRatio?: number;
+    fieldDepth?: number;
+    light?: {
+        dir?: vec3;
+        color?: string;
+        ambient?: number;
+    };
+    camera?: any;
+}
+export interface IStage extends INode {
+    stage?: IStage;
+    parent: IStage | null;
+    x: number;
+    y: number;
+    window: IWindow;
+    width: number;
+    height: number;
+    viewWidth: number;
+    viewHeight: number;
+    defaultLayer: ILayer;
+    dirtyBounds: IBounds | null;
+    autoRender: boolean;
+    renderCount: number;
+    hooks: {
+        beforeRender: SyncHook<[IStage]>;
+        afterRender: SyncHook<[IStage]>;
+    };
+    renderService: IRenderService;
+    option3d?: IOption3D;
+    set3dOptions: (options: IOption3D) => void;
+    light?: IDirectionLight;
+    camera?: ICamera;
+    dpr: number;
+    viewBox: IBoundsLike;
+    background: string | IColor;
+    ticker: ITicker;
+    increaseAutoRender: boolean;
+    readonly pickerService: IPickerService;
+    readonly pluginService: IPluginService;
+    createLayer: (canvasId?: string) => ILayer;
+    sortLayer: (cb: (layer: ILayer) => number) => void;
+    removeLayer: (layerId: number) => ILayer | false;
+    render: (layers?: ILayer[], params?: Partial<IDrawContext>) => void;
+    renderNextFrame: (layers?: ILayer[]) => void;
+    resize: (w: number, h: number, rerender?: boolean) => void;
+    resizeWindow: (w: number, h: number, rerender?: boolean) => void;
+    resizeView: (w: number, h: number, rerender?: boolean) => void;
+    setViewBox: ((viewBox: IBoundsLike, rerender: boolean) => void) | ((x: number, y: number, w: number, h: number, rerender: boolean) => void) | ((x: number | IBoundsLike, y: number | boolean, w?: number, h?: number, rerender?: boolean) => void);
+    setDpr: (dpr: number) => void;
+    setOrigin: (x: number, y: number) => void;
+    export: (type: IExportType) => HTMLCanvasElement | ImageData;
+    pick: (x: number, y: number) => {
+        graphic: IGraphic | null;
+        group: IGroup | null;
+    } | false;
+    startAnimate: (t: number) => void;
+    setToFrame: (t: number) => void;
+    dirty: (b: IBounds, matrix?: IMatrix) => void;
+    renderTo: (window: IWindow, params: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+    renderToNewWindow: (fullImage?: boolean) => IWindow;
+    toCanvas: (fullImage?: boolean) => HTMLCanvasElement | null;
+    setBeforeRender: (cb: (stage: IStage) => void) => void;
+    setAfterRender: (cb: (stage: IStage) => void) => void;
+    afterNextRender: (cb: (stage: IStage) => void) => void;
+    enableAutoRender: () => void;
+    disableAutoRender: () => void;
+    enableIncrementalAutoRender: () => void;
+    disableIncrementalAutoRender: () => void;
+    enableDirtyBounds: () => void;
+    disableDirtyBounds: () => void;
+    enableView3dTranform: () => void;
+    disableView3dTranform: () => void;
+    clearViewBox: (color?: string) => void;
+    release: () => void;
+    setStage: (stage?: IStage) => void;
+    setCursor: (mode?: string) => void;
+}
+export declare function combineStage(srages: IStage[], params: {
+    canvas: string | HTMLCanvasElement;
+}): IStage;

package/cjs/interface/stage.js

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

package/cjs/interface/stage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/stage.ts"],"names":[],"mappings":"","file":"stage.js","sourcesContent":["import { INode } from './node-tree';\nimport { ILayer } from './layer';\nimport { IGraphic } from './graphic';\nimport { IGroup } from './graphic/group';\nimport { IColor } from './color';\nimport { IBounds, IBoundsLike, IMatrix, IMatrixLike, IPointLike } from '@visactor/vutils';\nimport { SyncHook } from '../tapable';\nimport { IWindow } from '../core';\nimport { IDrawContext, IRenderService } from '../render';\nimport { ICamera } from './camera';\nimport { vec3 } from './matrix';\nimport { IDirectionLight } from './light';\nimport { ITicker } from '../animate';\nimport { IPluginService } from '../plugins/plugin-service';\nimport { IPickerService } from '../picker';\n\nexport type IExportType = 'canvas' | 'imageData';\n\nexport interface IStageParams {\n  // x: number;\n  // y: number;\n  // // 视口的宽高\n  // viewWidth: number;\n  // viewHeight: number;\n\n  // 视口的宽高\n  viewBox: IBoundsLike;\n  // 总的宽高\n  width: number;\n  height: number;\n  dpr: number;\n  // stage的背景\n  background: string | IColor;\n  // 外部的canvas\n  canvas: string | HTMLCanvasElement;\n  // canvas的container容器，如果不传入canvas，那就会在容器中创建canvas\n  container: string | HTMLElement;\n  // 是否是受控制的canvas，如果不是的话，不会进行resize等操作，也不会修改canvas的样式\n  canvasControled: boolean;\n  title: string;\n  autoRender: boolean;\n  disableDirtyBounds: boolean;\n  enableView3dTranform: boolean; // 是否开启view3d自动旋转\n  // 绘制之前的钩子函数\n  beforeRender: (stage: IStage) => void;\n  // 绘制之后的钩子函数\n  afterRender: (stage: IStage) => void;\n  renderStyle?: string;\n  ticker?: ITicker;\n}\n\nexport interface IOption3D {\n  alpha?: number; // x轴的转角\n  beta?: number; // y轴的转角\n  gama?: number; // z轴的转角\n  center?: IPointLike; // 中心位置\n  fieldRatio?: number; // 透视的视域缩放比例\n  fieldDepth?: number;\n  light?: {\n    dir?: vec3;\n    color?: string;\n    ambient?: number;\n  };\n  // 配置相机后，alpha、beta、gamma配置会失效\n  camera?: any; // 相机配置\n}\n\n// TODO 命名方式\nexport interface IStage extends INode {\n  stage?: IStage;\n  parent: IStage | null;\n  // rootNode: IStage;\n  x: number;\n  y: number;\n\n  window: IWindow;\n\n  width: number;\n  height: number;\n  viewWidth: number;\n  viewHeight: number;\n  defaultLayer: ILayer;\n  dirtyBounds: IBounds | null;\n\n  autoRender: boolean;\n  renderCount: number;\n\n  hooks: {\n    beforeRender: SyncHook<[IStage]>;\n    afterRender: SyncHook<[IStage]>;\n  };\n\n  renderService: IRenderService;\n\n  option3d?: IOption3D;\n\n  set3dOptions: (options: IOption3D) => void;\n  light?: IDirectionLight;\n  camera?: ICamera;\n\n  dpr: number;\n\n  viewBox: IBoundsLike;\n  background: string | IColor;\n  ticker: ITicker;\n  increaseAutoRender: boolean;\n  readonly pickerService: IPickerService;\n  readonly pluginService: IPluginService;\n  // 如果传入CanvasId，如果存在相同Id，说明这两个图层使用相同的Canvas绘制\n  // 但需要注意的是依然是两个图层（用于解决Table嵌入ChartSpace不影响Table的绘制）\n  createLayer: (canvasId?: string) => ILayer;\n  sortLayer: (cb: (layer: ILayer) => number) => void;\n  removeLayer: (layerId: number) => ILayer | false;\n\n  render: (layers?: ILayer[], params?: Partial<IDrawContext>) => void;\n  renderNextFrame: (layers?: ILayer[]) => void;\n\n  // 画布操作\n  resize: (w: number, h: number, rerender?: boolean) => void;\n  resizeWindow: (w: number, h: number, rerender?: boolean) => void;\n  resizeView: (w: number, h: number, rerender?: boolean) => void;\n  setViewBox:\n    | ((viewBox: IBoundsLike, rerender: boolean) => void)\n    | ((x: number, y: number, w: number, h: number, rerender: boolean) => void)\n    | ((x: number | IBoundsLike, y: number | boolean, w?: number, h?: number, rerender?: boolean) => void);\n  setDpr: (dpr: number) => void;\n  setOrigin: (x: number, y: number) => void;\n  export: (type: IExportType) => HTMLCanvasElement | ImageData;\n  pick: (x: number, y: number) => { graphic: IGraphic | null; group: IGroup | null } | false;\n\n  // 动画相关\n  startAnimate: (t: number) => void;\n  setToFrame: (t: number) => void;\n  dirty: (b: IBounds, matrix?: IMatrix) => void;\n  // 考虑操作回放\n\n  renderTo: (window: IWindow, params: { x: number; y: number; width: number; height: number }) => void;\n\n  renderToNewWindow: (fullImage?: boolean) => IWindow;\n\n  toCanvas: (fullImage?: boolean) => HTMLCanvasElement | null;\n\n  setBeforeRender: (cb: (stage: IStage) => void) => void;\n\n  setAfterRender: (cb: (stage: IStage) => void) => void;\n\n  afterNextRender: (cb: (stage: IStage) => void) => void;\n  enableAutoRender: () => void;\n  disableAutoRender: () => void;\n  enableIncrementalAutoRender: () => void;\n  disableIncrementalAutoRender: () => void;\n  enableDirtyBounds: () => void;\n  disableDirtyBounds: () => void;\n  enableView3dTranform: () => void;\n  disableView3dTranform: () => void;\n  clearViewBox: (color?: string) => void;\n  release: () => void;\n  setStage: (stage?: IStage) => void;\n\n  setCursor: (mode?: string) => void;\n}\n\nexport declare function combineStage(srages: IStage[], params: { canvas: string | HTMLCanvasElement }): IStage;\n"]}

package/cjs/interface/util.d.ts

@@ -0,0 +1 @@
+

package/cjs/interface/util.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=util.js.map

package/cjs/interface/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/util.ts"],"names":[],"mappings":"","file":"util.js","sourcesContent":["// import { IMatrix } from './matrix';\n\n// export type IBoundsLike = Pick<IBounds, 'x1' | 'y1' | 'x2' | 'y2'>;\n// export type IOBBBoundsLike = Pick<IOBBBounds, 'x1' | 'y1' | 'x2' | 'y2' | 'angle'>;\n\n// export interface IBounds {\n//   x1: number;\n//   y1: number;\n//   x2: number;\n//   y2: number;\n//   clone: () => IBounds;\n//   clear: () => IBounds;\n//   empty: () => boolean;\n//   emptyMin: () => boolean;\n//   equals: (b: IBounds) => boolean;\n//   set: (x1: number, y1: number, x2: number, y2: number) => IBounds;\n//   add: (x: number, y: number) => IBounds;\n//   expand: (d: number) => IBounds;\n//   round: () => IBounds;\n//   translate: (dx: number, dy: number) => IBounds;\n//   rotate: (angle: number, x: number, y: number) => IBounds;\n//   scale: (sx: number, sy: number, x: number, y: number) => IBounds;\n//   /**\n//    * 并集\n//    * @param b\n//    * @returns\n//    */\n//   union: (b: IBounds) => IBounds;\n//   /**\n//    * 交集\n//    * @param b\n//    * @returns\n//    */\n//   intersect: (b: IBounds) => IBounds;\n//   /**\n//    * 是否包含b\n//    * @param b\n//    * @returns\n//    */\n//   encloses: (b: IBounds) => boolean;\n//   /**\n//    * 是否共边\n//    * @param b\n//    * @returns\n//    */\n//   alignsWith: (b: IBounds) => boolean;\n//   /**\n//    * 是否相交\n//    * @param b\n//    * @returns\n//    */\n//   intersects: (b: IBounds) => boolean;\n//   /**\n//    * 是否包含\n//    * @param x\n//    * @param y\n//    * @returns\n//    */\n//   contains: (x: number, y: number) => boolean;\n//   width: () => number;\n//   height: () => number;\n//   scaleX: (s: number) => IBounds;\n//   scaleY: (s: number) => IBounds;\n\n//   transformWithMatrix: (matrix: IMatrix) => IBounds;\n// }\n\n// export type IAABBBounds = IBounds;\n\n// export interface IOBBBounds extends IBounds {\n//   angle: number;\n// }\n\n// export type IPointLike = Pick<IPoint, 'x' | 'y' | 'x1' | 'y1'>;\n\n// export interface IPoint {\n//   x: number;\n//   y: number;\n//   x1?: number;\n//   y1?: number;\n//   // defined?: boolean;\n//   add?: (point: IPoint | number) => IPoint;\n//   sub?: (point: IPoint | number) => IPoint;\n//   multi?: (point: IPoint | number) => IPoint;\n//   div?: (point: IPoint | number) => IPoint;\n//   length?: () => number;\n// }\n\n// export type vec2 = [number, number] | Float32Array;\n// export type vec3 = [number, number, number] | Float32Array;\n// export type vec4 = [number, number, number, number] | Float32Array;\n// export type vec8 = [number, number, number, number, number, number, number, number] | Float32Array;\n\n// export type RepeatType = 'no-repeat' | 'repeat' | 'stretch';\n"]}

package/cjs/kits/env.d.ts

@@ -0,0 +1,2 @@
+export declare function loadFeishuContributions(): void;
+export declare function loadTaroContributions(): void;