@visactor/vrender 0.11.1 → 0.12.0

package/cjs/interface/graphic-service.d.ts

@@ -1,6 +1,8 @@
-import { IAABBBounds } from '@visactor/vutils';
-import { SyncHook } from '../tapable/SyncHook';
-import { IArc, IArcGraphicAttribute, IArea, IAreaGraphicAttribute, ICircle, ICircleGraphicAttribute, IGraphic, IGroup, IGroupGraphicAttribute, ILine, ILineGraphicAttribute, IPath, IPathGraphicAttribute, IPolygon, IPolygonGraphicAttribute, IRectGraphicAttribute, IStage, ISymbol, ISymbolGraphicAttribute, IText, ITextGraphicAttribute, IGlyph, IGlyphGraphicAttribute, IRichTextGraphicAttribute, IRichText, IPyramid3dGraphicAttribute, IPyramid3d, IArc3dGraphicAttribute, IArc3d, IImageGraphicAttribute, IImage, IRect, IRect3d, IShadowRoot, IWrapTextGraphicAttribute, IRect3dGraphicAttribute } from '.';
+import type { IAABBBounds } from '@visactor/vutils';
+import type { ISyncHook } from './sync-hook';
+import type { IGraphic } from './graphic';
+import type { IStage } from './stage';
+import type { IRectGraphicAttribute, IGroup, IGroupGraphicAttribute, IGlyphGraphicAttribute, ISymbolGraphicAttribute, ICircleGraphicAttribute, ICircle, IGlyph, ISymbol, IArcGraphicAttribute, IArc, IArc3dGraphicAttribute, IAreaGraphicAttribute, IArc3d, IArea, ILineGraphicAttribute, IPathGraphicAttribute, ILine, IPath, IPolygonGraphicAttribute, IPolygon, IPyramid3dGraphicAttribute, IPyramid3d, ITextGraphicAttribute, IText, IRichTextGraphicAttribute, IRichText, IImageGraphicAttribute, IImage, IRect3dGraphicAttribute, IRect, IRect3d, IShadowRoot, IWrapTextGraphicAttribute } from './graphic/index';
 export interface IGraphicService {
     onAttributeUpdate: (graphic: IGraphic) => void;
     onSetStage: (graphic: IGraphic, stage: IStage) => void;
@@ -8,13 +10,13 @@ export interface IGraphicService {
     onAddIncremental: (graphic: IGraphic, group: IGroup, stage: IStage) => void;
     onClearIncremental: (group: IGroup, stage: IStage) => void;
     hooks: {
-        onAttributeUpdate: SyncHook<[IGraphic]>;
-        onSetStage: SyncHook<[IGraphic, IStage]>;
-        onRemove: SyncHook<[IGraphic]>;
-        onAddIncremental: SyncHook<[IGraphic, IGroup, IStage]>;
-        onClearIncremental: SyncHook<[IGroup, IStage]>;
-        beforeUpdateAABBBounds: SyncHook<[IGraphic, IStage, boolean, IAABBBounds]>;
-        afterUpdateAABBBounds: SyncHook<[IGraphic, IStage, IAABBBounds, {
+        onAttributeUpdate: ISyncHook<[IGraphic]>;
+        onSetStage: ISyncHook<[IGraphic, IStage]>;
+        onRemove: ISyncHook<[IGraphic]>;
+        onAddIncremental: ISyncHook<[IGraphic, IGroup, IStage]>;
+        onClearIncremental: ISyncHook<[IGroup, IStage]>;
+        beforeUpdateAABBBounds: ISyncHook<[IGraphic, IStage, boolean, IAABBBounds]>;
+        afterUpdateAABBBounds: ISyncHook<[IGraphic, IStage, IAABBBounds, {
             globalAABBBounds: IAABBBounds;
         }, boolean]>;
     };
@@ -56,3 +58,21 @@ export type IGraphicCreator = {
     shadowRoot: (graphic?: IGraphic) => IShadowRoot;
     wrapText: (attributes: IWrapTextGraphicAttribute) => IText;
 };
+export interface IArcBoundsContribution {
+    updateBounds: (attribute: IArcGraphicAttribute, arcTheme: Required<IArcGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGraphic) => IAABBBounds;
+}
+export interface IAreaBoundsContribution {
+    updateBounds: (attribute: IAreaGraphicAttribute, arcTheme: Required<IAreaGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGraphic) => IAABBBounds;
+}
+export interface ICircleBoundsContribution {
+    updateBounds: (attribute: ICircleGraphicAttribute, circleTheme: Required<ICircleGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGraphic) => IAABBBounds;
+}
+export interface IPathBoundsContribution {
+    updateBounds: (attribute: IPathGraphicAttribute, pathTheme: Required<IPathGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGraphic) => IAABBBounds;
+}
+export interface IRectBoundsContribution {
+    updateBounds: (attribute: IRectGraphicAttribute, rectTheme: Required<IRectGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGraphic) => IAABBBounds;
+}
+export interface ISymbolBoundsContribution {
+    updateBounds: (attribute: ISymbolGraphicAttribute, SymbolTheme: Required<ISymbolGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGraphic) => IAABBBounds;
+}

package/cjs/interface/graphic-service.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/interface/graphic-service.ts"],"names":[],"mappings":"","file":"graphic-service.js","sourcesContent":["import { IAABBBounds } from '@visactor/vutils';\nimport { SyncHook } from '../tapable/SyncHook';\nimport {\n  IArc,\n  IArcGraphicAttribute,\n  IArea,\n  IAreaGraphicAttribute,\n  ICircle,\n  ICircleGraphicAttribute,\n  IGraphic,\n  IGroup,\n  IGroupGraphicAttribute,\n  ILine,\n  ILineGraphicAttribute,\n  IPath,\n  IPathGraphicAttribute,\n  IPolygon,\n  IPolygonGraphicAttribute,\n  IRectGraphicAttribute,\n  IStage,\n  ISymbol,\n  ISymbolGraphicAttribute,\n  IText,\n  ITextGraphicAttribute,\n  IGlyph,\n  IGlyphGraphicAttribute,\n  IRichTextGraphicAttribute,\n  IRichText,\n  IPyramid3dGraphicAttribute,\n  IPyramid3d,\n  IArc3dGraphicAttribute,\n  IArc3d,\n  IImageGraphicAttribute,\n  IImage,\n  IRect,\n  IRect3d,\n  IShadowRoot,\n  IWrapTextGraphicAttribute,\n  IRect3dGraphicAttribute\n} from '.';\n\nexport interface IGraphicService {\n  // themeService: IThemeService;\n  onAttributeUpdate: (graphic: IGraphic) => void;\n  onSetStage: (graphic: IGraphic, stage: IStage) => void;\n  onRemove: (graphic: IGraphic) => void;\n  onAddIncremental: (graphic: IGraphic, group: IGroup, stage: IStage) => void;\n  onClearIncremental: (group: IGroup, stage: IStage) => void;\n  hooks: {\n    onAttributeUpdate: SyncHook<[IGraphic]>;\n    onSetStage: SyncHook<[IGraphic, IStage]>;\n    onRemove: SyncHook<[IGraphic]>;\n    onAddIncremental: SyncHook<[IGraphic, IGroup, IStage]>;\n    onClearIncremental: SyncHook<[IGroup, IStage]>;\n    beforeUpdateAABBBounds: SyncHook<[IGraphic, IStage, boolean, IAABBBounds]>;\n    afterUpdateAABBBounds: SyncHook<[IGraphic, IStage, IAABBBounds, { globalAABBBounds: IAABBBounds }, boolean]>;\n  };\n  beforeUpdateAABBBounds: (graphic: IGraphic, stage: IStage, willUpdate: boolean, bounds: IAABBBounds) => void;\n  afterUpdateAABBBounds: (\n    graphic: IGraphic,\n    stage: IStage,\n    bounds: IAABBBounds,\n    params: { globalAABBBounds: IAABBBounds },\n    selfChange: boolean\n  ) => void;\n\n  creator: IGraphicCreator;\n\n  updateRectAABBBounds: (\n    attribute: IRectGraphicAttribute,\n    rectTheme: Required<IRectGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ) => IAABBBounds;\n\n  updateGroupAABBBounds: (\n    attribute: IGroupGraphicAttribute,\n    groupTheme: Required<IGroupGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGroup\n  ) => IAABBBounds;\n\n  updateGlyphAABBBounds: (\n    attribute: IGlyphGraphicAttribute,\n    groupTheme: Required<IGlyphGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGlyph\n  ) => IAABBBounds;\n\n  updateSymbolAABBBounds: (\n    attribute: ISymbolGraphicAttribute,\n    symbolTheme: Required<ISymbolGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    full?: boolean,\n    graphic?: ISymbol\n  ) => IAABBBounds;\n\n  updateCircleAABBBounds: (\n    attribute: ICircleGraphicAttribute,\n    circleTheme: Required<ICircleGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    full?: boolean,\n    graphic?: ICircle\n  ) => IAABBBounds;\n\n  updateArcAABBBounds: (\n    attribute: IArcGraphicAttribute,\n    arcTheme: Required<IArcGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    full?: boolean,\n    graphic?: IArc\n  ) => IAABBBounds;\n\n  updateArc3dAABBBounds: (\n    attribute: IArc3dGraphicAttribute,\n    arcTheme: Required<IArc3dGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IArc3d\n  ) => IAABBBounds;\n\n  updateAreaAABBBounds: (\n    attribute: IAreaGraphicAttribute,\n    areaTheme: Required<IAreaGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IArea\n  ) => IAABBBounds;\n\n  updateLineAABBBounds: (\n    attribute: ILineGraphicAttribute,\n    lineTheme: Required<ILineGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: ILine\n  ) => IAABBBounds;\n\n  updatePathAABBBounds: (\n    attribute: IPathGraphicAttribute,\n    pathTheme: Required<IPathGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IPath\n  ) => IAABBBounds;\n\n  updatePolygonAABBBounds: (\n    attribute: IPolygonGraphicAttribute,\n    polygonTheme: Required<IPolygonGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IPolygon\n  ) => IAABBBounds;\n\n  updatePyramid3dAABBBounds: (\n    attribute: IPyramid3dGraphicAttribute,\n    polygonTheme: Required<IPyramid3dGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IPyramid3d\n  ) => IAABBBounds;\n\n  updateTextAABBBounds: (\n    attribute: ITextGraphicAttribute,\n    textTheme: Required<ITextGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IText\n  ) => IAABBBounds;\n\n  updateRichTextAABBBounds: (\n    attribute: IRichTextGraphicAttribute,\n    textTheme: Required<IRichTextGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IRichText\n  ) => IAABBBounds;\n\n  updateImageAABBBounds: (\n    attribute: IImageGraphicAttribute,\n    textTheme: Required<IImageGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IImage\n  ) => IAABBBounds;\n}\n\nexport type IGraphicCreator = {\n  arc: (attributes: IArcGraphicAttribute) => IArc;\n  area: (attributes: IAreaGraphicAttribute) => IArea;\n  circle: (attributes: ICircleGraphicAttribute) => ICircle;\n  group: (attributes: IGroupGraphicAttribute) => IGroup;\n  image: (attributes: IImageGraphicAttribute) => IImage;\n  line: (attributes: ILineGraphicAttribute) => ILine;\n  path: (attributes: IPathGraphicAttribute) => IPath;\n  rect: (attributes: IRectGraphicAttribute) => IRect;\n  rect3d: (attributes: IRect3dGraphicAttribute) => IRect3d;\n  symbol: (attributes: ISymbolGraphicAttribute) => ISymbol;\n  text: (attributes: ITextGraphicAttribute) => IText;\n  richtext: (attributes: IRichTextGraphicAttribute) => IRichText;\n  polygon: (attributes: IPolygonGraphicAttribute) => IPolygon;\n  shadowRoot: (graphic?: IGraphic) => IShadowRoot;\n  wrapText: (attributes: IWrapTextGraphicAttribute) => IText;\n};\n"]}
+{"version":3,"sources":["../../src/interface/graphic-service.ts"],"names":[],"mappings":"","file":"graphic-service.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\n\nimport type { ISyncHook } from './sync-hook';\nimport type { IGraphic } from './graphic';\nimport type { IStage } from './stage';\nimport type {\n  IRectGraphicAttribute,\n  IGroup,\n  IGroupGraphicAttribute,\n  IGlyphGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ICircleGraphicAttribute,\n  ICircle,\n  IGlyph,\n  ISymbol,\n  IArcGraphicAttribute,\n  IArc,\n  IArc3dGraphicAttribute,\n  IAreaGraphicAttribute,\n  IArc3d,\n  IArea,\n  ILineGraphicAttribute,\n  IPathGraphicAttribute,\n  ILine,\n  IPath,\n  IPolygonGraphicAttribute,\n  IPolygon,\n  IPyramid3dGraphicAttribute,\n  IPyramid3d,\n  ITextGraphicAttribute,\n  IText,\n  IRichTextGraphicAttribute,\n  IRichText,\n  IImageGraphicAttribute,\n  IImage,\n  IRect3dGraphicAttribute,\n  IRect,\n  IRect3d,\n  IShadowRoot,\n  IWrapTextGraphicAttribute\n} from './graphic/index';\n\nexport interface IGraphicService {\n  // themeService: IThemeService;\n  onAttributeUpdate: (graphic: IGraphic) => void;\n  onSetStage: (graphic: IGraphic, stage: IStage) => void;\n  onRemove: (graphic: IGraphic) => void;\n  onAddIncremental: (graphic: IGraphic, group: IGroup, stage: IStage) => void;\n  onClearIncremental: (group: IGroup, stage: IStage) => void;\n  hooks: {\n    onAttributeUpdate: ISyncHook<[IGraphic]>;\n    onSetStage: ISyncHook<[IGraphic, IStage]>;\n    onRemove: ISyncHook<[IGraphic]>;\n    onAddIncremental: ISyncHook<[IGraphic, IGroup, IStage]>;\n    onClearIncremental: ISyncHook<[IGroup, IStage]>;\n    beforeUpdateAABBBounds: ISyncHook<[IGraphic, IStage, boolean, IAABBBounds]>;\n    afterUpdateAABBBounds: ISyncHook<[IGraphic, IStage, IAABBBounds, { globalAABBBounds: IAABBBounds }, boolean]>;\n  };\n  beforeUpdateAABBBounds: (graphic: IGraphic, stage: IStage, willUpdate: boolean, bounds: IAABBBounds) => void;\n  afterUpdateAABBBounds: (\n    graphic: IGraphic,\n    stage: IStage,\n    bounds: IAABBBounds,\n    params: { globalAABBBounds: IAABBBounds },\n    selfChange: boolean\n  ) => void;\n\n  creator: IGraphicCreator;\n\n  updateRectAABBBounds: (\n    attribute: IRectGraphicAttribute,\n    rectTheme: Required<IRectGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ) => IAABBBounds;\n\n  updateGroupAABBBounds: (\n    attribute: IGroupGraphicAttribute,\n    groupTheme: Required<IGroupGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGroup\n  ) => IAABBBounds;\n\n  updateGlyphAABBBounds: (\n    attribute: IGlyphGraphicAttribute,\n    groupTheme: Required<IGlyphGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGlyph\n  ) => IAABBBounds;\n\n  updateSymbolAABBBounds: (\n    attribute: ISymbolGraphicAttribute,\n    symbolTheme: Required<ISymbolGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    full?: boolean,\n    graphic?: ISymbol\n  ) => IAABBBounds;\n\n  updateCircleAABBBounds: (\n    attribute: ICircleGraphicAttribute,\n    circleTheme: Required<ICircleGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    full?: boolean,\n    graphic?: ICircle\n  ) => IAABBBounds;\n\n  updateArcAABBBounds: (\n    attribute: IArcGraphicAttribute,\n    arcTheme: Required<IArcGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    full?: boolean,\n    graphic?: IArc\n  ) => IAABBBounds;\n\n  updateArc3dAABBBounds: (\n    attribute: IArc3dGraphicAttribute,\n    arcTheme: Required<IArc3dGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IArc3d\n  ) => IAABBBounds;\n\n  updateAreaAABBBounds: (\n    attribute: IAreaGraphicAttribute,\n    areaTheme: Required<IAreaGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IArea\n  ) => IAABBBounds;\n\n  updateLineAABBBounds: (\n    attribute: ILineGraphicAttribute,\n    lineTheme: Required<ILineGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: ILine\n  ) => IAABBBounds;\n\n  updatePathAABBBounds: (\n    attribute: IPathGraphicAttribute,\n    pathTheme: Required<IPathGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IPath\n  ) => IAABBBounds;\n\n  updatePolygonAABBBounds: (\n    attribute: IPolygonGraphicAttribute,\n    polygonTheme: Required<IPolygonGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IPolygon\n  ) => IAABBBounds;\n\n  updatePyramid3dAABBBounds: (\n    attribute: IPyramid3dGraphicAttribute,\n    polygonTheme: Required<IPyramid3dGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IPyramid3d\n  ) => IAABBBounds;\n\n  updateTextAABBBounds: (\n    attribute: ITextGraphicAttribute,\n    textTheme: Required<ITextGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IText\n  ) => IAABBBounds;\n\n  updateRichTextAABBBounds: (\n    attribute: IRichTextGraphicAttribute,\n    textTheme: Required<IRichTextGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IRichText\n  ) => IAABBBounds;\n\n  updateImageAABBBounds: (\n    attribute: IImageGraphicAttribute,\n    textTheme: Required<IImageGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IImage\n  ) => IAABBBounds;\n}\n\nexport type IGraphicCreator = {\n  arc: (attributes: IArcGraphicAttribute) => IArc;\n  area: (attributes: IAreaGraphicAttribute) => IArea;\n  circle: (attributes: ICircleGraphicAttribute) => ICircle;\n  group: (attributes: IGroupGraphicAttribute) => IGroup;\n  image: (attributes: IImageGraphicAttribute) => IImage;\n  line: (attributes: ILineGraphicAttribute) => ILine;\n  path: (attributes: IPathGraphicAttribute) => IPath;\n  rect: (attributes: IRectGraphicAttribute) => IRect;\n  rect3d: (attributes: IRect3dGraphicAttribute) => IRect3d;\n  symbol: (attributes: ISymbolGraphicAttribute) => ISymbol;\n  text: (attributes: ITextGraphicAttribute) => IText;\n  richtext: (attributes: IRichTextGraphicAttribute) => IRichText;\n  polygon: (attributes: IPolygonGraphicAttribute) => IPolygon;\n  shadowRoot: (graphic?: IGraphic) => IShadowRoot;\n  wrapText: (attributes: IWrapTextGraphicAttribute) => IText;\n};\n\nexport interface IArcBoundsContribution {\n  updateBounds: (\n    attribute: IArcGraphicAttribute,\n    arcTheme: Required<IArcGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ) => IAABBBounds;\n}\n\nexport interface IAreaBoundsContribution {\n  updateBounds: (\n    attribute: IAreaGraphicAttribute,\n    arcTheme: Required<IAreaGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ) => IAABBBounds;\n}\n\nexport interface ICircleBoundsContribution {\n  updateBounds: (\n    attribute: ICircleGraphicAttribute,\n    circleTheme: Required<ICircleGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ) => IAABBBounds;\n}\n\nexport interface IPathBoundsContribution {\n  updateBounds: (\n    attribute: IPathGraphicAttribute,\n    pathTheme: Required<IPathGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ) => IAABBBounds;\n}\n\nexport interface IRectBoundsContribution {\n  updateBounds: (\n    attribute: IRectGraphicAttribute,\n    rectTheme: Required<IRectGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ) => IAABBBounds;\n}\n\nexport interface ISymbolBoundsContribution {\n  updateBounds: (\n    attribute: ISymbolGraphicAttribute,\n    SymbolTheme: Required<ISymbolGraphicAttribute>,\n    aabbBounds: IAABBBounds,\n    graphic?: IGraphic\n  ) => IAABBBounds;\n}\n"]}

package/cjs/interface/graphic.d.ts

@@ -202,4 +202,5 @@ export type IAnimateConfig = {
     duration?: number;
     easing?: EasingType;
 };
+export type GraphicReleaseStatus = 'released' | 'willRelease';
 export {};

package/cjs/interface/graphic.js.map

@@ -1 +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 IFillType = boolean | string | IColor;\nexport type IFillStyle = {\n  fillOpacity: number;\n  shadowBlur: number;\n  shadowColor: string;\n  shadowOffsetX: number;\n  shadowOffsetY: number;\n  fill: IFillType;\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  distance: number | string;\n};\n\nexport type IStrokeType = boolean | string | IColor | null;\nexport type IStrokeStyle = {\n  outerBorder: Partial<IBorderStyle>;\n  innerBorder: Partial<IBorderStyle>;\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: IStrokeType[] | IStrokeType;\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"]}
+{"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 IFillType = boolean | string | IColor;\nexport type IFillStyle = {\n  fillOpacity: number;\n  shadowBlur: number;\n  shadowColor: string;\n  shadowOffsetX: number;\n  shadowOffsetY: number;\n  fill: IFillType;\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  distance: number | string;\n};\n\nexport type IStrokeType = boolean | string | IColor | null;\nexport type IStrokeStyle = {\n  outerBorder: Partial<IBorderStyle>;\n  innerBorder: Partial<IBorderStyle>;\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: IStrokeType[] | IStrokeType;\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\nexport type GraphicReleaseStatus = 'released' | 'willRelease';\n"]}

package/cjs/interface/index.d.ts

@@ -3,24 +3,6 @@ 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';
@@ -34,3 +16,14 @@ export * from './matrix';
 export * from './light';
 export * from './curve';
 export * from './graphic-service';
+export * from './sync-hook';
+export * from './allocator';
+export * from './core';
+export * from './event';
+export * from './loader';
+export * from './contribution';
+export * from './render';
+export * from './plugin';
+export * from './picker';
+export * from './text';
+export * from './window';

package/cjs/interface/index.js

@@ -19,20 +19,17 @@ 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("./graphic/index"), 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), 
-__exportStar(require("./curve"), exports), __exportStar(require("./graphic-service"), exports);
+__exportStar(require("./curve"), exports), __exportStar(require("./graphic-service"), exports), 
+__exportStar(require("./sync-hook"), exports), __exportStar(require("./allocator"), exports), 
+__exportStar(require("./core"), exports), __exportStar(require("./event"), exports), 
+__exportStar(require("./loader"), exports), __exportStar(require("./contribution"), exports), 
+__exportStar(require("./render"), exports), __exportStar(require("./plugin"), exports), 
+__exportStar(require("./picker"), exports), __exportStar(require("./text"), exports), 
+__exportStar(require("./window"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/interface/index.js.map

@@ -1 +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;AACxB,0CAAwB;AACxB,oDAAkC","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';\nexport * from './curve';\nexport * from './graphic-service';\n"]}
+{"version":3,"sources":["../../src/interface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+CA,2CAAyB;AACzB,2CAAyB;AACzB,8CAA4B;AAC5B,4CAA0B;AAC1B,kDAAgC;AAChC,0CAAwB;AACxB,0CAAwB;AACxB,2CAAyB;AACzB,4CAA0B;AAC1B,yCAAuB;AACvB,0CAAwB;AACxB,2CAAyB;AACzB,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,oDAAkC;AAClC,8CAA4B;AAC5B,8CAA4B;AAC5B,yCAAuB;AACvB,0CAAwB;AACxB,2CAAyB;AACzB,iDAA+B;AAC/B,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,2CAAyB","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 './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';\nexport * from './curve';\nexport * from './graphic-service';\nexport * from './sync-hook';\nexport * from './allocator';\nexport * from './core';\nexport * from './event';\nexport * from './loader';\nexport * from './contribution';\nexport * from './render';\nexport * from './plugin';\nexport * from './picker';\nexport * from './text';\nexport * from './window';\n"]}

package/cjs/interface/layer.d.ts

@@ -1,9 +1,12 @@
-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';
+import type { IAABBBounds, IBounds, IBoundsLike } from '@visactor/vutils';
+import type { IGraphic } from './graphic';
+import type { IGroup } from './graphic/group';
+import type { IColor } from './color';
+import type { IDrawContext, IDrawContribution, IRenderService, IRenderServiceDrawParams } from './render';
+import type { IStage } from './stage';
+import type { Releaseable } from './common';
+import type { IContext2d } from './context';
+import type { IWindow } from './window';
 export interface ILayerDrawParams {
     renderService: IRenderService;
     background?: string | IColor;
@@ -58,3 +61,31 @@ export interface ILayer extends IGroup {
     drawTo: (target: IWindow, params: IDrawToParams) => void;
     combineTo: (target: IWindow, params: IDrawToParams) => void;
 }
+export interface ILayerHandlerDrawParams extends ILayerDrawParams {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    layer: ILayer;
+    stage: IStage;
+    updateBounds: boolean;
+}
+export interface ILayerHandlerInitParams {
+    main: boolean;
+    canvasId?: string;
+    width: number;
+    height: number;
+    zIndex: number;
+    dpr?: number;
+}
+export interface ILayerHandlerContribution extends Releaseable {
+    init: (layer: ILayer, window: IWindow, params: ILayerHandlerInitParams) => void;
+    resize: (w: number, h: number) => void;
+    resizeView: (w: number, h: number) => void;
+    render: (group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>) => void;
+    prepare: (dirtyBounds: IBoundsLike, params: IRenderServiceDrawParams) => void;
+    drawTo: (target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) => void;
+    merge: (layerHandlers: ILayerHandlerContribution[]) => void;
+    getContext: () => IContext2d;
+    offscreen: boolean;
+}

package/cjs/interface/layer.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../../src/interface/layer.ts"],"names":[],"mappings":"","file":"layer.js","sourcesContent":["import type { IAABBBounds, IBounds, IBoundsLike } from '@visactor/vutils';\nimport type { IGraphic } from './graphic';\nimport type { IGroup } from './graphic/group';\nimport type { IColor } from './color';\nimport type { IDrawContext, IDrawContribution, IRenderService, IRenderServiceDrawParams } from './render';\nimport type { IStage } from './stage';\nimport type { Releaseable } from './common';\nimport type { IContext2d } from './context';\nimport type { IWindow } from './window';\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\nexport interface ILayerHandlerDrawParams extends ILayerDrawParams {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  layer: ILayer;\n  stage: IStage;\n  updateBounds: boolean;\n}\n\nexport interface ILayerHandlerInitParams {\n  main: boolean;\n  canvasId?: string;\n  width: number;\n  height: number;\n  zIndex: number;\n  dpr?: number;\n}\n\n// TODO: layer在resize的时候需要判断是否需要resize window对应的canvas\n\n// 具体的Layer实现\n// Canvas2d的Layer可以对应一个Canvas或者ImageData\nexport interface ILayerHandlerContribution extends Releaseable {\n  init: (layer: ILayer, window: IWindow, params: ILayerHandlerInitParams) => void;\n  resize: (w: number, h: number) => void;\n  resizeView: (w: number, h: number) => void;\n  render: (group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>) => void;\n  prepare: (dirtyBounds: IBoundsLike, params: IRenderServiceDrawParams) => void;\n  drawTo: (target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) => void;\n  merge: (layerHandlers: ILayerHandlerContribution[]) => void;\n  getContext: () => IContext2d;\n  offscreen: boolean;\n}\n"]}

package/cjs/interface/light.d.ts

@@ -1,4 +1,4 @@
-import { vec3 } from './matrix';
+import type { vec3 } from './matrix';
 export interface IDirectionLight {
     dir: vec3;
     color: string;

package/cjs/interface/light.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../../src/interface/light.ts"],"names":[],"mappings":"","file":"light.js","sourcesContent":["import type { 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/loader.d.ts

@@ -0,0 +1,17 @@
+export type SupportResourceType = 'json' | 'image' | 'svg' | 'bitmap' | 'canvas' | 'arrayBuffer' | 'blob' | 'imageData' | 'offscreenCanvas';
+export interface ResourceData {
+    type: SupportResourceType;
+    data?: HTMLImageElement | ImageBitmap | OffscreenCanvas | ArrayBuffer | Blob | ImageData | {
+        [id: string]: any;
+    } | null;
+    dataPromise?: Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | ArrayBuffer | Blob | Record<string, unknown> | null;
+    }>;
+    loadState: 'init' | 'loading' | 'success' | 'fail';
+    waitingMark?: ImagePayload[];
+}
+export interface ImagePayload {
+    imageLoadFail: (url: string) => void;
+    imageLoadSuccess: (url: string, data: HTMLImageElement) => void;
+}

package/cjs/{core/interface.js → interface/loader.js}

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

package/cjs/interface/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/interface/loader.ts"],"names":[],"mappings":"","file":"loader.js","sourcesContent":["export type SupportResourceType =\n  | 'json'\n  | 'image'\n  | 'svg'\n  | 'bitmap'\n  | 'canvas'\n  | 'arrayBuffer'\n  | 'blob'\n  | 'imageData'\n  | 'offscreenCanvas';\n\nexport interface ResourceData {\n  type: SupportResourceType; // 资源类型\n  data?:\n    | HTMLImageElement\n    | ImageBitmap\n    | OffscreenCanvas\n    | ArrayBuffer\n    | Blob\n    | ImageData\n    | { [id: string]: any }\n    | null; // 资源的数据\n  dataPromise?: Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | ArrayBuffer | Blob | Record<string, unknown> | null;\n  }>; // loader返回的promise，可能会修改原始loader的返回值\n  loadState: 'init' | 'loading' | 'success' | 'fail'; // 资源的状态\n  waitingMark?: ImagePayload[]; // 使用该资源的VRender Mark，资源加载完成后，逐一处理Mark中的逻辑\n}\n\nexport interface ImagePayload {\n  imageLoadFail: (url: string) => void;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { Releaseable, IEventElement } from '../interface';
+import type { IEventElement, Releaseable } from './common';
 export interface INode extends Releaseable, IEventElement {
     _prev?: INode;
     _next?: INode;

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

@@ -1 +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"]}
+{"version":3,"sources":["../../src/interface/node-tree.ts"],"names":[],"mappings":"","file":"node-tree.js","sourcesContent":["import type { IEventElement, Releaseable } from './common';\n\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

@@ -1,6 +1,6 @@
 import type { IAABBBounds, IPoint, IPointLike } from '@visactor/vutils';
 import type { Releaseable, IDirection } from './common';
-import { CurveTypeEnum } from '../common/enums';
+import type { CurveTypeEnum } from '../common/enums';
 export declare const strCommandMap: string[];
 export type CommandType = [
     number,

package/cjs/interface/path.js.map

@@ -1 +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","file":"path.js","sourcesContent":["import type { IAABBBounds, IPoint, IPointLike } from '@visactor/vutils';\nimport type { Releaseable, IDirection } from './common';\nimport { CurveTypeEnum } from '../common/enums';\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 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?: IDirection) => number;\n}\n\nexport interface ICubicBezierCurve extends ICurve<IPoint> {\n  type: CurveTypeEnum.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: CurveTypeEnum.QuadraticBezierCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n  readonly p2: IPoint;\n}\n\nexport interface IArcCurve extends ICurve<IPoint> {\n  type: CurveTypeEnum.ArcCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n  radius: number;\n}\n\nexport interface ILineCurve extends ICurve<IPoint> {\n  type: CurveTypeEnum.LineCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n}\n\nexport interface IEllipseCurve extends ICurve<IPoint> {\n  type: CurveTypeEnum.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: CurveTypeEnum.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?: IDirection) => 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"]}
+{"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","file":"path.js","sourcesContent":["import type { IAABBBounds, IPoint, IPointLike } from '@visactor/vutils';\nimport type { Releaseable, IDirection } from './common';\nimport type { CurveTypeEnum } from '../common/enums';\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 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?: IDirection) => number;\n}\n\nexport interface ICubicBezierCurve extends ICurve<IPoint> {\n  type: CurveTypeEnum.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: CurveTypeEnum.QuadraticBezierCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n  readonly p2: IPoint;\n}\n\nexport interface IArcCurve extends ICurve<IPoint> {\n  type: CurveTypeEnum.ArcCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n  radius: number;\n}\n\nexport interface ILineCurve extends ICurve<IPoint> {\n  type: CurveTypeEnum.LineCurve;\n  // p0: IPoint;\n  readonly p1: IPoint;\n}\n\nexport interface IEllipseCurve extends ICurve<IPoint> {\n  type: CurveTypeEnum.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: CurveTypeEnum.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?: IDirection) => 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/picker.d.ts

@@ -0,0 +1,48 @@
+import type { IBounds, IMatrix, IPoint, IPointLike } from '@visactor/vutils';
+import type { IGraphic } from './graphic';
+import type { IContext2d } from './context';
+import type { EnvType, IGlobal } from './global';
+import type { IGroup } from './graphic/group';
+import type { IDrawContribution } from './render';
+export type PickResult = {
+    graphic: IGraphic | null;
+    group: IGroup | null;
+};
+export interface IGraphicPicker {
+    type: string;
+    numberType: number;
+    contains: (graphic: IGraphic, point: IPointLike, params?: IPickParams) => boolean;
+}
+export interface IPickParams {
+    group?: boolean;
+    graphic?: boolean;
+    bounds?: IBounds;
+    pickContext?: IContext2d;
+    pickerService?: IPickerService;
+    in3dInterceptor?: boolean;
+    hack_pieFace?: string;
+}
+export interface IPickerService {
+    type: string;
+    pickContext?: IContext2d;
+    pickerMap: Map<number, IGraphicPicker>;
+    configure: (global: IGlobal, env: EnvType) => void;
+    pick: (group: IGraphic[], point: IPoint, params?: IPickParams) => PickResult;
+    pickGroup: (group: IGroup, point: IPointLike, parentMatrix: IMatrix, params: IPickParams) => PickResult;
+    pickItem: (graphic: IGraphic, point: IPointLike, params?: IPickParams) => IGraphic | null;
+    containsPoint: (graphic: IGraphic, point: IPointLike, params?: IPickParams) => boolean;
+    drawContribution?: IDrawContribution;
+}
+export interface IPickItemInterceptorContribution {
+    order: number;
+    beforePickItem?: (graphic: IGraphic, pickerService: IPickerService, point: IPointLike, drawContext: {
+        in3dInterceptor?: boolean;
+    }, params?: {
+        parentMatrix: IMatrix;
+    }) => boolean | PickResult | null;
+}
+export interface IBoundsPicker {
+    type: string;
+    numberType?: number;
+    contains: (graphic: IGraphic, point: IPointLike, params?: IPickParams) => boolean;
+}

package/cjs/interface/picker.js

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

package/cjs/interface/picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/interface/picker.ts"],"names":[],"mappings":"","file":"picker.js","sourcesContent":["import type { IBounds, IMatrix, IPoint, IPointLike } from '@visactor/vutils';\nimport type { IGraphic } from './graphic';\nimport type { IContext2d } from './context';\nimport type { EnvType, IGlobal } from './global';\nimport type { IGroup } from './graphic/group';\nimport type { IDrawContribution } from './render';\n\nexport type PickResult = {\n  graphic: IGraphic | null;\n  group: IGroup | null;\n};\n\nexport interface IGraphicPicker {\n  type: string;\n  numberType: number;\n\n  contains: (graphic: IGraphic, point: IPointLike, params?: IPickParams) => boolean;\n}\n\nexport interface IPickParams {\n  group?: boolean;\n  graphic?: boolean;\n  bounds?: IBounds;\n  pickContext?: IContext2d;\n  pickerService?: IPickerService;\n  // 内部设置\n  in3dInterceptor?: boolean;\n  hack_pieFace?: string;\n}\n\nexport interface IPickerService {\n  type: string;\n\n  pickContext?: IContext2d;\n  pickerMap: Map<number, IGraphicPicker>;\n  configure: (global: IGlobal, env: EnvType) => void;\n  pick: (group: IGraphic[], point: IPoint, params?: IPickParams) => PickResult;\n  pickGroup: (group: IGroup, point: IPointLike, parentMatrix: IMatrix, params: IPickParams) => PickResult;\n  pickItem: (graphic: IGraphic, point: IPointLike, params?: IPickParams) => IGraphic | null;\n  containsPoint: (graphic: IGraphic, point: IPointLike, params?: IPickParams) => boolean;\n  drawContribution?: IDrawContribution;\n}\n\nexport interface IPickItemInterceptorContribution {\n  order: number;\n  // null代表没匹配到，boolean代表是否pick中\n  beforePickItem?: (\n    graphic: IGraphic,\n    pickerService: IPickerService,\n    point: IPointLike,\n    drawContext: {\n      in3dInterceptor?: boolean;\n    },\n    params?: {\n      parentMatrix: IMatrix;\n    }\n  ) => boolean | PickResult | null;\n  // afterPickItem?: (\n  //   graphic: IGraphic,\n  //   pickerService: IPickerService,\n  // ) => boolean;\n}\n\nexport interface IBoundsPicker {\n  type: string;\n  numberType?: number;\n\n  contains: (graphic: IGraphic, point: IPointLike, params?: IPickParams) => boolean;\n}\n"]}

package/cjs/interface/plugin.d.ts

@@ -0,0 +1,15 @@
+import type { Releaseable } from './common';
+import type { IStage } from './stage';
+export interface IPluginService extends Releaseable {
+    register: (plugin: IPlugin) => void;
+    active: (stage: IStage) => void;
+    actived: boolean;
+    stage: IStage;
+    findPluginsByName: (name: string) => IPlugin[];
+}
+export interface IPlugin {
+    name: string;
+    activeEvent: 'onStartupFinished' | 'onRegister';
+    activate: (context: IPluginService) => void;
+    deactivate: (context: IPluginService) => void;
+}

package/cjs/interface/plugin.js

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

package/cjs/interface/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/interface/plugin.ts"],"names":[],"mappings":"","file":"plugin.js","sourcesContent":["import type { Releaseable } from './common';\nimport type { IStage } from './stage';\n\nexport interface IPluginService extends Releaseable {\n  register: (plugin: IPlugin) => void;\n  active: (stage: IStage) => void;\n  actived: boolean;\n  stage: IStage;\n  findPluginsByName: (name: string) => IPlugin[];\n}\n\nexport interface IPlugin {\n  name: string;\n  activeEvent: 'onStartupFinished' | 'onRegister';\n  activate: (context: IPluginService) => void;\n  deactivate: (context: IPluginService) => void;\n}\n"]}