@visactor/vrender-core 0.16.0-alpha.0

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

@@ -0,0 +1,78 @@
+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;
+    onRemove: (graphic: IGraphic) => void;
+    onAddIncremental: (graphic: IGraphic, group: IGroup, stage: IStage) => void;
+    onClearIncremental: (group: IGroup, stage: IStage) => void;
+    hooks: {
+        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]>;
+    };
+    beforeUpdateAABBBounds: (graphic: IGraphic, stage: IStage, willUpdate: boolean, bounds: IAABBBounds) => void;
+    afterUpdateAABBBounds: (graphic: IGraphic, stage: IStage, bounds: IAABBBounds, params: {
+        globalAABBBounds: IAABBBounds;
+    }, selfChange: boolean) => void;
+    creator: IGraphicCreator;
+    updateRectAABBBounds: (attribute: IRectGraphicAttribute, rectTheme: Required<IRectGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGraphic) => IAABBBounds;
+    updateGroupAABBBounds: (attribute: IGroupGraphicAttribute, groupTheme: Required<IGroupGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGroup) => IAABBBounds;
+    updateGlyphAABBBounds: (attribute: IGlyphGraphicAttribute, groupTheme: Required<IGlyphGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IGlyph) => IAABBBounds;
+    updateSymbolAABBBounds: (attribute: ISymbolGraphicAttribute, symbolTheme: Required<ISymbolGraphicAttribute>, aabbBounds: IAABBBounds, full?: boolean, graphic?: ISymbol) => IAABBBounds;
+    updateCircleAABBBounds: (attribute: ICircleGraphicAttribute, circleTheme: Required<ICircleGraphicAttribute>, aabbBounds: IAABBBounds, full?: boolean, graphic?: ICircle) => IAABBBounds;
+    updateArcAABBBounds: (attribute: IArcGraphicAttribute, arcTheme: Required<IArcGraphicAttribute>, aabbBounds: IAABBBounds, full?: boolean, graphic?: IArc) => IAABBBounds;
+    updateArc3dAABBBounds: (attribute: IArc3dGraphicAttribute, arcTheme: Required<IArc3dGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IArc3d) => IAABBBounds;
+    updateAreaAABBBounds: (attribute: IAreaGraphicAttribute, areaTheme: Required<IAreaGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IArea) => IAABBBounds;
+    updateLineAABBBounds: (attribute: ILineGraphicAttribute, lineTheme: Required<ILineGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: ILine) => IAABBBounds;
+    updatePathAABBBounds: (attribute: IPathGraphicAttribute, pathTheme: Required<IPathGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IPath) => IAABBBounds;
+    updatePolygonAABBBounds: (attribute: IPolygonGraphicAttribute, polygonTheme: Required<IPolygonGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IPolygon) => IAABBBounds;
+    updatePyramid3dAABBBounds: (attribute: IPyramid3dGraphicAttribute, polygonTheme: Required<IPyramid3dGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IPyramid3d) => IAABBBounds;
+    updateTextAABBBounds: (attribute: ITextGraphicAttribute, textTheme: Required<ITextGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IText) => IAABBBounds;
+    updateRichTextAABBBounds: (attribute: IRichTextGraphicAttribute, textTheme: Required<IRichTextGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IRichText) => IAABBBounds;
+    updateImageAABBBounds: (attribute: IImageGraphicAttribute, textTheme: Required<IImageGraphicAttribute>, aabbBounds: IAABBBounds, graphic?: IImage) => IAABBBounds;
+}
+export type IGraphicCreator = {
+    arc: (attributes: IArcGraphicAttribute) => IArc;
+    area: (attributes: IAreaGraphicAttribute) => IArea;
+    circle: (attributes: ICircleGraphicAttribute) => ICircle;
+    group: (attributes: IGroupGraphicAttribute) => IGroup;
+    image: (attributes: IImageGraphicAttribute) => IImage;
+    line: (attributes: ILineGraphicAttribute) => ILine;
+    path: (attributes: IPathGraphicAttribute) => IPath;
+    rect: (attributes: IRectGraphicAttribute) => IRect;
+    rect3d: (attributes: IRect3dGraphicAttribute) => IRect3d;
+    symbol: (attributes: ISymbolGraphicAttribute) => ISymbol;
+    text: (attributes: ITextGraphicAttribute) => IText;
+    richtext: (attributes: IRichTextGraphicAttribute) => IRichText;
+    polygon: (attributes: IPolygonGraphicAttribute) => IPolygon;
+    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

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

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

@@ -0,0 +1 @@
+{"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-utils.d.ts

@@ -0,0 +1 @@
+

package/cjs/interface/graphic-utils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic-utils.ts"],"names":[],"mappings":"","file":"graphic-utils.js","sourcesContent":["// import { IPoint } from \"@visactor/vutils\";\n// import { IContext2d } from \"./context\";\n// import { IGraphicAttribute } from \"./graphic\";\n\n// interface TextType {\n//   text: string;\n//   fontFamily: string;\n//   fontSize: number;\n// }\n\n// export declare function measureText(\n//   params: TextType,\n//   ctx?: IContext2d\n// ): { width: number; height: number };\n\n// export * from \"./graphic/bounds\";\n\n// // export type TransformType = Pick<IGraphicAttribute, 'x' | 'y' | 'scaleX' | 'scaleY' | 'angle'> & {\n// //   anchor?: IGraphicAttribute['anchor'];\n// // };\n\n// // export interface Transform {\n// //   init: (origin: TransformType) => Transform;\n// //   translate: (x: number, y: number) => Transform;\n// //   translateTo: (x: number, y: number) => Transform;\n// //   scale: (sx: number, sy: number, center: IPoint) => Transform;\n// //   scaleTo: (sx: number, sy: number, center: IPoint) => Transform;\n// //   rotate: (rx: number, ry: number, center: IPoint) => Transform;\n// //   rotateTo: (rx: number, ry: number, center: IPoint) => Transform;\n// //   // 语法糖\n// //   interactive: (dx: number, dy: number, dsx: number, dsy: number, drx: number, dry: number) => Transform;\n// //   // 扩展padding像素，用于外描边，内描边\n// //   extend: (origin: TransformType, padding: number) => Transform;\n// //   // 将所有的transform生成为一次的transform\n// //   simplify: (target?: TransformType) => TransformType;\n// // }\n"]}

package/cjs/interface/graphic.d.ts

@@ -0,0 +1,253 @@
+import type { IAABBBounds, IOBBBounds, IMatrix, IPointLike, IPoint } from '@visactor/vutils';
+import type { IAnimate, IStep, EasingType, IAnimateTarget } from './animate';
+import type { IColor } from './color';
+import type { IGroup } from './graphic/group';
+import type { IShadowRoot } from './graphic/shadow-root';
+import type { ILayer } from './layer';
+import type { INode } from './node-tree';
+import type { ICustomPath2D } from './path';
+import type { IStage } from './stage';
+import type { IGlyphGraphicAttribute } from './graphic/glyph';
+import type { IContainPointMode } from '../common/enums';
+import type { IFace3d } from './graphic/face3d';
+type IStrokeSeg = {
+    start: number;
+    end: number;
+    length: number;
+};
+export type GraphicType = 'area' | 'circle' | 'ellipse' | 'line' | 'rect' | 'rect3d' | 'path' | 'richtext' | 'text' | 'arc' | 'arc3d' | 'image' | 'symbol' | 'group' | 'shadowroot' | 'polygon' | 'pyramid3d' | 'glyph';
+export type Cursor = 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'grab' | 'grabbing' | 'all-scroll' | 'col-resize' | 'row-resize' | 'n-resize' | 'e-resize' | 's-resize' | 'w-resize' | 'ne-resize' | 'nw-resize' | 'se-resize' | 'sw-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'zoom-in' | 'zoom-out';
+export type ITransform = {
+    x: number;
+    y: number;
+    z: number;
+    dx: number;
+    dy: number;
+    dz: number;
+    scrollX: number;
+    scrollY: number;
+    scaleX: number;
+    scaleY: number;
+    scaleZ: number;
+    angle: number;
+    alpha: number;
+    beta: number;
+    scaleCenter: [number, number];
+    anchor: [number | string, number | string];
+    anchor3d: [number | string, number | string, number] | [number | string, number | string];
+    postMatrix: IMatrix;
+};
+export type IFillType = boolean | string | IColor;
+export type IFillStyle = {
+    fillOpacity: number;
+    shadowBlur: number;
+    shadowColor: string;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    fill: IFillType;
+};
+export type ILayout = {
+    alignSelf: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+};
+export type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {
+    distance: number | string;
+    visible?: boolean;
+};
+export type IStrokeType = boolean | string | IColor | null;
+export type IStrokeStyle = {
+    outerBorder: Partial<IBorderStyle>;
+    innerBorder: Partial<IBorderStyle>;
+    strokeOpacity: number;
+    lineDash: number[];
+    lineDashOffset: number;
+    lineWidth: number;
+    lineCap: CanvasLineCap;
+    lineJoin: CanvasLineJoin;
+    miterLimit: number;
+    strokeBoundsBuffer: number;
+    stroke: IStrokeType[] | IStrokeType;
+};
+type TextureType = 'circle' | 'diamond' | 'rect' | 'vertical-line' | 'horizontal-line' | 'bias-lr' | 'bias-rl' | 'grid';
+export type IConnectedStyle = {
+    connectedType: 'connect' | 'zero' | 'none';
+    connectedStyle: {
+        stroke: IStrokeStyle['stroke'];
+        strokeOpacity: IStrokeStyle['strokeOpacity'];
+        lineDash: IStrokeStyle['lineDash'];
+        lineDashOffset: IStrokeStyle['lineDashOffset'];
+        lineCap: IStrokeStyle['lineCap'];
+        lineJoin: IStrokeStyle['lineJoin'];
+        lineWidth: IStrokeStyle['lineWidth'];
+        fill: IFillStyle['fill'];
+        fillOpacity: IFillStyle['fillOpacity'];
+    };
+    connectedX: number;
+    connectedY: number;
+};
+export type IBackgroundConfig = {
+    stroke?: string | boolean;
+    fill?: string | boolean;
+    lineWidth?: number;
+    cornerRadius?: number;
+    expandX?: number;
+    expandY?: number;
+};
+export type IGraphicStyle = IFillStyle & IStrokeStyle & {
+    opacity: number;
+    backgroundMode: number;
+    background: string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig | null;
+    texture: TextureType | string;
+    textureColor: string;
+    textureSize: number;
+    texturePadding: number;
+    blur: number;
+    cursor: Cursor | null;
+    html: {
+        dom: string | HTMLElement;
+        container: string | HTMLElement | null;
+        width: number;
+        height: number;
+        style: string | Record<string, any>;
+        visible?: boolean;
+        anchorType?: 'position' | 'boundsLeftTop';
+    } | null;
+};
+export type IGraphicAttribute = IGraphicStyle & ITransform & {
+    strokeSeg: IStrokeSeg | null;
+    boundsPadding: number | number[];
+    pickMode: 'accurate' | 'imprecise' | 'custom';
+    boundsMode: 'accurate' | 'imprecise';
+    customPickShape: () => boolean | null;
+    pickable: boolean;
+    childrenPickable: boolean;
+    visible: boolean;
+    zIndex: number;
+    layout: any;
+    keepDirIn3d?: boolean;
+    shadowRootIdx: number;
+};
+export interface IGraphicJson<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> {
+    attribute: Partial<T>;
+    _uid: number;
+    type: string;
+    name: string;
+    children: IGraphicJson<T>[];
+}
+export type ISetAttributeContext = {
+    type?: number;
+    animationState?: {
+        step?: IStep;
+        isFirstFrameOfStep?: boolean;
+        ratio?: number;
+        end?: boolean;
+    };
+};
+export type IGraphicAnimateParams = {
+    id?: number | string;
+    onStart?: () => void;
+    onFrame?: (step: IStep, ratio: number) => void;
+    onEnd?: () => void;
+    onRemove?: () => void;
+    interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;
+};
+export interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> extends INode, IAnimateTarget {
+    type?: GraphicType;
+    numberType?: number;
+    stage?: IStage;
+    layer?: ILayer;
+    shadowRoot?: IShadowRoot;
+    glyphHost?: IGraphic<IGlyphGraphicAttribute>;
+    backgroundImg?: boolean;
+    bindDom?: Map<string | HTMLElement, {
+        container: HTMLElement | string;
+        dom: HTMLElement;
+        wrapGroup: HTMLDivElement;
+    }>;
+    valid: boolean;
+    parent: IGroup | null;
+    isContainer?: boolean;
+    in3dMode?: boolean;
+    stamp?: number;
+    animationBackUps?: {
+        from: Record<string, any>;
+        to: Record<string, any>;
+    };
+    attribute: Partial<T>;
+    pathProxy?: ICustomPath2D | ((attrs: T) => ICustomPath2D);
+    incremental?: number;
+    incrementalAt?: number;
+    states?: Record<string, Partial<T>>;
+    normalAttrs?: Partial<T>;
+    stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T>;
+    findFace?: () => IFace3d;
+    toggleState: (stateName: string, hasAnimation?: boolean) => void;
+    removeState: (stateName: string, hasAnimation?: boolean) => void;
+    clearStates: (hasAnimation?: boolean) => void;
+    useStates: (states: string[], hasAnimation?: boolean) => void;
+    addState: (stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean) => void;
+    hasState: (stateName?: string) => boolean;
+    getState: (stateName: string) => Partial<T>;
+    onBeforeAttributeUpdate?: (val: any, attributes: Partial<T>, key: null | string | string[], context?: ISetAttributeContext) => T | undefined;
+    applyStateAttrs: (attrs: Partial<T>, stateNames: string[], hasAnimation?: boolean, isClear?: boolean) => void;
+    updateNormalAttrs: (stateAttrs: Partial<T>) => void;
+    readonly AABBBounds: IAABBBounds;
+    readonly OBBBounds: IOBBBounds;
+    readonly globalAABBBounds: IAABBBounds;
+    readonly transMatrix: IMatrix;
+    readonly globalTransMatrix: IMatrix;
+    getOffsetXY: (attr?: ITransform) => IPoint;
+    containsPoint: (x: number, y: number, mode?: IContainPointMode) => boolean;
+    setMode: (mode: '3d' | '2d') => void;
+    isValid: () => boolean;
+    translate: (x: number, y: number) => this;
+    translateTo: (x: number, y: number) => this;
+    scale: (scaleX: number, scaleY: number, scaleCenter?: IPointLike) => this;
+    scaleTo: (scaleX: number, scaleY: number) => this;
+    rotate: (angle: number, rotateCenter?: IPointLike) => this;
+    rotateTo: (angle: number) => this;
+    skewTo: (b: number, c: number) => this;
+    addUpdateBoundTag: () => void;
+    addUpdateShapeAndBoundsTag: () => void;
+    addUpdateLayoutTag: () => void;
+    update: (d?: {
+        bounds: boolean;
+        trans: boolean;
+    }) => void;
+    animate: (params?: IGraphicAnimateParams) => IAnimate;
+    name?: string;
+    shouldUpdateShape: () => boolean;
+    clearUpdateShapeTag: () => void;
+    setAttributes: (params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;
+    initAttributes: (params: Partial<T>) => void;
+    setAttribute: (key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;
+    setStage: (stage?: IStage, layer?: ILayer) => void;
+    onSetStage: (cb: (g: IGraphic, stage: IStage) => void) => void;
+    shouldUpdateAABBBounds: () => boolean;
+    shouldSelfChangeUpdateAABBBounds: () => boolean;
+    shouldUpdateGlobalMatrix: () => boolean;
+    addUpdatePositionTag: () => void;
+    addUpdateGlobalPositionTag: () => void;
+    attachShadow: () => IShadowRoot;
+    detachShadow: () => void;
+    toJson: () => IGraphicJson;
+    createPathProxy: (path?: string) => void;
+    toCustomPath?: () => ICustomPath2D;
+    resources?: Map<string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig, {
+        state: 'init' | 'loading' | 'success' | 'fail';
+        data?: HTMLImageElement | HTMLCanvasElement;
+    }>;
+    imageLoadSuccess: (url: string, data: HTMLImageElement) => void;
+    imageLoadFail: (url: string) => void;
+    clone: () => IGraphic;
+    stopAnimates: (stopChildren?: boolean) => void;
+    getNoWorkAnimateAttr: () => Record<string, number>;
+}
+export interface IRoot extends IGraphic {
+    pick: (x: number, y: number) => IGraphic;
+}
+export type IAnimateConfig = {
+    duration?: number;
+    easing?: EasingType;
+};
+export type GraphicReleaseStatus = 'released' | 'willRelease';
+export {};

package/cjs/interface/graphic.js

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

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  scaleCenter: [number, 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 ILayout = {\n  alignSelf: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  distance: number | string;\n  visible?: boolean;\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 IConnectedStyle = {\n  // 连接，取零或者断开\n  connectedType: 'connect' | 'zero' | 'none';\n  connectedStyle: {\n    stroke: IStrokeStyle['stroke'];\n    strokeOpacity: IStrokeStyle['strokeOpacity'];\n    lineDash: IStrokeStyle['lineDash'];\n    lineDashOffset: IStrokeStyle['lineDashOffset'];\n    lineCap: IStrokeStyle['lineCap'];\n    lineJoin: IStrokeStyle['lineJoin'];\n    lineWidth: IStrokeStyle['lineWidth'];\n    fill: IFillStyle['fill'];\n    fillOpacity: IFillStyle['fillOpacity'];\n  };\n  connectedX: number;\n  connectedY: number;\n};\n\nexport type IBackgroundConfig = {\n  stroke?: string | boolean;\n  fill?: string | boolean;\n  lineWidth?: number;\n  cornerRadius?: number;\n  expandX?: number;\n  expandY?: number;\n};\n\nexport type IGraphicStyle = IFillStyle &\n  IStrokeStyle & {\n    opacity: number;\n    backgroundMode: number; // 填充模式（与具体图元有关）\n    background: string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig | null; // 背景，可以与fill同时存在\n    texture: TextureType | string; // 纹理\n    textureColor: string; // 纹理颜色\n    textureSize: number; // 纹理大小\n    texturePadding: number; // 纹理间隙\n    blur: number;\n    cursor: Cursor | null; // 鼠标样式\n    // HTML的dom或者string\n    html: {\n      dom: string | HTMLElement; // dom字符串或者dom\n      container: string | HTMLElement | null; // id或者dom\n      width: number; // 容器的宽度\n      height: number; // 容器的高度\n      style: string | Record<string, any>; // 容器的样式\n      visible?: boolean;\n      anchorType?: 'position' | 'boundsLeftTop';\n    } | 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    shadowRootIdx: number;\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  bindDom?: Map<string | HTMLElement, { container: HTMLElement | string; dom: HTMLElement; wrapGroup: HTMLDivElement }>;\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, rotateCenter?: IPointLike) => this;\n  rotateTo: (angle: number) => this;\n  skewTo: (b: number, c: number) => this;\n  addUpdateBoundTag: () => void;\n  addUpdateShapeAndBoundsTag: () => void;\n  addUpdateLayoutTag: () => 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 | IBackgroundConfig,\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  stopAnimates: (stopChildren?: boolean) => void;\n  getNoWorkAnimateAttr: () => Record<string, number>;\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

@@ -0,0 +1,29 @@
+export * from './global';
+export * from './common';
+export * from './node-tree';
+export * from './graphic';
+export * from './graphic/index';
+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';
+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

@@ -0,0 +1,35 @@
+"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("./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("./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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,99 @@
+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 ILayerParams {
+    main: boolean;
+    zIndex?: number;
+    canvasId?: string;
+    virtual?: boolean;
+}
+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;
+    readonly virtual: boolean;
+    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;
+}
+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;
+    setDpr: (dpr: 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

@@ -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 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 ILayerParams {\n  main: boolean;\n  zIndex?: number;\n  canvasId?: string;\n  virtual?: boolean;\n}\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  readonly virtual: boolean;\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  setDpr: (dpr: 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

@@ -0,0 +1,6 @@
+import type { 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 type { vec3 } from './matrix';\n\nexport interface IDirectionLight {\n  dir: vec3;\n  color: string;\n  computeColor: (normal: vec3, color: string | vec3) => string;\n}\n"]}