@visactor/vrender 0.9.0-alpha.0

package/es/interface/graphic/richText.d.ts

@@ -0,0 +1,99 @@
+import type Frame from '../../graphic/richtext/frame';
+import type { IColor } from '../color';
+import type { IGraphicAttribute, IGraphic } from '../graphic';
+import type { IImage, IImageGraphicAttribute } from './image';
+export type IRichTextAttribute = {
+    width: number;
+    height: number;
+    ellipsis: boolean | string;
+    wordBreak: RichTextWordBreak;
+    verticalDirection: RichTextVerticalDirection;
+    maxHeight: number;
+    maxWidth: number;
+    textAlign: RichTextGlobalAlignType;
+    textBaseline: RichTextGlobalBaselineType;
+    layoutDirection: RichTextLayoutDirectionType;
+    textConfig: IRichTextCharacter[];
+    singleLine: boolean;
+};
+export type IRichTextGraphicAttribute = Partial<IGraphicAttribute> & Partial<IRichTextAttribute>;
+export type RichTextWordBreak = 'break-word' | 'break-all';
+export type RichTextVerticalDirection = 'top' | 'middle' | 'bottom';
+export type RichTextGlobalAlignType = 'left' | 'right' | 'center';
+export type RichTextGlobalBaselineType = 'top' | 'middle' | 'bottom';
+export type RichTextLayoutDirectionType = 'horizontal' | 'vertical';
+export type RichTextFontStyle = 'normal' | 'italic' | 'oblique';
+export type RichTextTextDecoration = 'none' | 'underline' | 'line-through';
+export type RichTextScript = 'normal' | 'sub' | 'super';
+export type IRichTextBasicCharacter = {
+    lineHeight?: number;
+    textAlign?: CanvasTextAlign;
+    textBaseline?: CanvasTextBaseline;
+    direction?: RichTextLayoutDirectionType;
+};
+export type IRichTextParagraphCharacter = IRichTextBasicCharacter & {
+    text: string;
+    fontSize?: number;
+    fontFamily?: string;
+    fill?: boolean;
+    stroke?: boolean;
+    fillColor?: IColor;
+    strokeColor?: IColor;
+    fontWeight?: string;
+    fontStyle?: RichTextFontStyle;
+    textDecoration?: RichTextTextDecoration;
+    script?: RichTextScript;
+    underline?: boolean;
+    lineThrough?: boolean;
+};
+export type IRichTextImageCharacter = IRichTextBasicCharacter & {
+    image: string | HTMLImageElement | HTMLCanvasElement;
+    width: number;
+    height: number;
+    backgroundShowMode?: 'always' | 'hover';
+    backgroundFill?: boolean;
+    backgroundFillColor?: IColor;
+    backgroundFillOpacity?: number;
+    backgroundStroke?: boolean;
+    backgroundStrokeColor?: IColor;
+    backgroundStrokeOpacity?: number;
+    backgroundRadius?: number;
+    backgroundWidth?: number;
+    backgroundHeight?: number;
+    id?: string;
+    margin?: number | number[];
+    funcType?: string;
+    hoverImage?: string | HTMLImageElement | HTMLCanvasElement;
+};
+export type IRichTextCharacter = IRichTextParagraphCharacter | IRichTextImageCharacter;
+export type IRichTextIconGraphicAttribute = IImageGraphicAttribute & {
+    id?: string;
+    backgroundShowMode?: 'always' | 'hover' | 'never';
+    backgroundFill?: boolean;
+    backgroundFillColor?: IColor;
+    backgroundFillOpacity?: number;
+    backgroundStroke?: boolean;
+    backgroundStrokeColor?: IColor;
+    backgroundStrokeOpacity?: number;
+    backgroundRadius?: number;
+    backgroundWidth?: number;
+    backgroundHeight?: number;
+    textAlign?: CanvasTextAlign;
+    textBaseline?: CanvasTextBaseline;
+    direction?: RichTextLayoutDirectionType;
+    margin?: number | number[];
+};
+export interface IRichText extends IGraphic<IRichTextGraphicAttribute> {
+    getFrameCache: () => Frame;
+}
+export interface IRichTextIcon extends IImage {
+    attribute: IRichTextIconGraphicAttribute;
+    richtextId?: string;
+    globalX?: number;
+    globalY?: number;
+    _x: number;
+    _y: number;
+    _hovered: boolean;
+    _marginArray: [number, number, number, number];
+    setHoverState: (hovered: boolean) => void;
+}

package/es/interface/graphic/richText.js

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

package/es/interface/graphic/richText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/richText.ts"],"names":[],"mappings":"","file":"richText.js","sourcesContent":["import type Frame from '../../graphic/richtext/frame';\nimport type { IColor } from '../color';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { IImage, IImageGraphicAttribute } from './image';\n\nexport type IRichTextAttribute = {\n  width: number;\n  height: number;\n  ellipsis: boolean | string;\n  wordBreak: RichTextWordBreak;\n  verticalDirection: RichTextVerticalDirection;\n  maxHeight: number;\n  maxWidth: number;\n  textAlign: RichTextGlobalAlignType;\n  textBaseline: RichTextGlobalBaselineType;\n  layoutDirection: RichTextLayoutDirectionType;\n  textConfig: IRichTextCharacter[];\n  singleLine: boolean;\n};\n\nexport type IRichTextGraphicAttribute = Partial<IGraphicAttribute> & Partial<IRichTextAttribute>;\n\nexport type RichTextWordBreak = 'break-word' | 'break-all';\nexport type RichTextVerticalDirection = 'top' | 'middle' | 'bottom';\nexport type RichTextGlobalAlignType = 'left' | 'right' | 'center';\nexport type RichTextGlobalBaselineType = 'top' | 'middle' | 'bottom';\nexport type RichTextLayoutDirectionType = 'horizontal' | 'vertical';\nexport type RichTextFontStyle = 'normal' | 'italic' | 'oblique';\nexport type RichTextTextDecoration = 'none' | 'underline' | 'line-through';\n// export type RichTextTextAlign = 'left' | 'right' | 'center';\nexport type RichTextScript = 'normal' | 'sub' | 'super';\n\nexport type IRichTextBasicCharacter = {\n  lineHeight?: number;\n  textAlign?: CanvasTextAlign; // left, right, center\n  textBaseline?: CanvasTextBaseline;\n  direction?: RichTextLayoutDirectionType;\n};\n\nexport type IRichTextParagraphCharacter = IRichTextBasicCharacter & {\n  text: string;\n  fontSize?: number;\n  fontFamily?: string;\n  fill?: boolean;\n  stroke?: boolean;\n  fillColor?: IColor;\n  strokeColor?: IColor;\n  fontWeight?: string;\n  // lineHeight?: number;\n  fontStyle?: RichTextFontStyle; // normal, italic, oblique\n  textDecoration?: RichTextTextDecoration; // none, underline, line-through\n  // textAlign?: RichTextTextAlign; // left, right, center\n  script?: RichTextScript; // normal, sub, super\n  underline?: boolean;\n  lineThrough?: boolean;\n  // direction?: RichTextLayoutDirectionType;\n};\n\nexport type IRichTextImageCharacter = IRichTextBasicCharacter & {\n  // 图片基础属性\n  image: string | HTMLImageElement | HTMLCanvasElement;\n  width: number;\n  height: number;\n\n  // hover相关属性\n  // backgroundShow?: boolean; // 是否显示background\n  backgroundShowMode?: 'always' | 'hover';\n  backgroundFill?: boolean;\n  backgroundFillColor?: IColor; // 背景矩形填充颜色\n  backgroundFillOpacity?: number; // 背景矩形填充透明度\n  backgroundStroke?: boolean;\n  backgroundStrokeColor?: IColor; // 背景矩形边框颜色\n  backgroundStrokeOpacity?: number; // 背景矩形边框透明度\n  backgroundRadius?: number; // 背景矩形圆角\n  // background size 同时控制了该icon的响应范围\n  backgroundWidth?: number;\n  backgroundHeight?: number;\n\n  // 唯一标识符\n  id?: string;\n\n  // lineHeight?: number;\n  // textAlign?: RichTextTextAlign; // left, right, center\n  // direction?: RichTextLayoutDirectionType;\n  margin?: number | number[];\n\n  funcType?: string;\n  hoverImage?: string | HTMLImageElement | HTMLCanvasElement;\n};\n\nexport type IRichTextCharacter = IRichTextParagraphCharacter | IRichTextImageCharacter;\n\nexport type IRichTextIconGraphicAttribute = IImageGraphicAttribute & {\n  id?: string;\n  backgroundShowMode?: 'always' | 'hover' | 'never';\n  backgroundFill?: boolean;\n  backgroundFillColor?: IColor; // 背景矩形填充颜色\n  backgroundFillOpacity?: number; // 背景矩形填充透明度\n  backgroundStroke?: boolean;\n  backgroundStrokeColor?: IColor; // 背景矩形边框颜色\n  backgroundStrokeOpacity?: number; // 背景矩形边框透明度\n  backgroundRadius?: number; // 背景矩形圆角\n  backgroundWidth?: number;\n  backgroundHeight?: number;\n\n  // lineHeight?: number;\n  textAlign?: CanvasTextAlign; // left, right, center\n  textBaseline?: CanvasTextBaseline;\n  direction?: RichTextLayoutDirectionType;\n\n  margin?: number | number[];\n\n  // backgroundShow?: boolean;\n};\n\nexport interface IRichText extends IGraphic<IRichTextGraphicAttribute> {\n  getFrameCache: () => Frame;\n}\n\nexport interface IRichTextIcon extends IImage {\n  attribute: IRichTextIconGraphicAttribute;\n  richtextId?: string;\n  globalX?: number;\n  globalY?: number;\n\n  _x: number;\n  _y: number;\n  _hovered: boolean;\n  _marginArray: [number, number, number, number];\n\n  setHoverState: (hovered: boolean) => void;\n}\n"]}

package/es/interface/graphic/shadow-root.d.ts

@@ -0,0 +1,5 @@
+import type { IGraphic } from '../graphic';
+import type { IGroup } from './group';
+export interface IShadowRoot extends IGroup {
+    shadowHost: IGraphic;
+}

package/es/interface/graphic/shadow-root.js

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

package/es/interface/graphic/shadow-root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/shadow-root.ts"],"names":[],"mappings":"","file":"shadow-root.js","sourcesContent":["import type { IGraphic } from '../graphic';\nimport type { IGroup } from './group';\n\nexport interface IShadowRoot extends IGroup {\n  shadowHost: IGraphic;\n}\n"]}

package/es/interface/graphic/svg.d.ts

@@ -0,0 +1,7 @@
+import type { IGraphicAttribute, IGraphic } from '../graphic';
+export interface ISvgAttribute {
+    path: string;
+}
+export interface ISvgGraphicAttribute extends Partial<IGraphicAttribute>, ISvgAttribute {
+}
+export type ISvg = IGraphic<ISvgGraphicAttribute>;

package/es/interface/graphic/svg.js

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

package/es/interface/graphic/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/svg.ts"],"names":[],"mappings":"","file":"svg.js","sourcesContent":["import type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport interface ISvgAttribute {\n  path: string;\n}\n\nexport interface ISvgGraphicAttribute extends Partial<IGraphicAttribute>, ISvgAttribute {}\n\nexport type ISvg = IGraphic<ISvgGraphicAttribute>;\n"]}

package/es/interface/graphic/symbol.d.ts

@@ -0,0 +1,11 @@
+import type { ISymbolClass } from '../../graphic';
+import type { IGraphicAttribute, IGraphic } from '../graphic';
+export type ISymbolAttribute = {
+    symbolType: SymbolType;
+    size: number | [number, number];
+};
+export type ISymbolGraphicAttribute = Partial<IGraphicAttribute> & Partial<ISymbolAttribute>;
+export interface ISymbol extends IGraphic<ISymbolGraphicAttribute> {
+    getParsedPath: () => ISymbolClass;
+}
+export type SymbolType = 'circle' | 'cross' | 'diamond' | 'square' | 'arrow' | 'arrow2Left' | 'arrow2Right' | 'wedge' | 'thinTriangle' | 'triangle' | 'triangleUp' | 'triangleDown' | 'triangleRight' | 'triangleLeft' | 'stroke' | 'star' | 'wye' | 'rect' | string;

package/es/interface/graphic/symbol.js

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

package/es/interface/graphic/symbol.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/symbol.ts"],"names":[],"mappings":"","file":"symbol.js","sourcesContent":["import type { ISymbolClass } from '../../graphic';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport type ISymbolAttribute = {\n  symbolType: SymbolType;\n  size: number | [number, number];\n};\n\nexport type ISymbolGraphicAttribute = Partial<IGraphicAttribute> & Partial<ISymbolAttribute>;\n\nexport interface ISymbol extends IGraphic<ISymbolGraphicAttribute> {\n  getParsedPath: () => ISymbolClass;\n}\n\nexport type SymbolType =\n  | 'circle'\n  | 'cross'\n  | 'diamond'\n  | 'square'\n  | 'arrow'\n  | 'arrow2Left'\n  | 'arrow2Right'\n  | 'wedge'\n  | 'thinTriangle'\n  | 'triangle'\n  | 'triangleUp'\n  | 'triangleDown'\n  | 'triangleRight'\n  | 'triangleLeft'\n  | 'stroke'\n  | 'star'\n  | 'wye'\n  | 'rect'\n  | string;\n"]}

package/es/interface/graphic/text.d.ts

@@ -0,0 +1,40 @@
+import type { IAABBBounds } from '@visactor/vutils';
+import type { LayoutType } from '../../core/contributions/textMeasure/layout';
+import type { IGraphicAttribute, IGraphic } from '../graphic';
+export type ITextAttribute = {
+    text: string | number | string[] | number[];
+    maxLineWidth: number;
+    textAlign: TextAlignType;
+    textBaseline: TextBaselineType;
+    fontSize: number;
+    fontFamily: string;
+    fontWeight: string | number;
+    ellipsis: boolean | string;
+    fontVariant: string;
+    fontStyle: string;
+    lineHeight: number;
+    underline: number;
+    lineThrough: number;
+};
+export type ITextCache = {
+    clipedText?: string;
+    clipedWidth?: number;
+    layoutData?: LayoutType;
+};
+export type ITextGraphicAttribute = Partial<IGraphicAttribute> & Partial<ITextAttribute>;
+export type IWrapTextGraphicAttribute = ITextGraphicAttribute & {
+    heightLimit?: number;
+    lineClamp?: number;
+};
+export interface IText extends IGraphic<ITextGraphicAttribute> {
+    clipedText?: string;
+    clipedWidth?: number;
+    cliped?: boolean;
+    multilineLayout?: LayoutType;
+    font?: string;
+    cache?: ITextCache;
+    updateMultilineAABBBounds: (text: (number | string)[]) => IAABBBounds;
+    updateSingallineAABBBounds: (text: number | string) => IAABBBounds;
+}
+export type TextAlignType = 'left' | 'right' | 'center' | 'start' | 'end';
+export type TextBaselineType = 'top' | 'middle' | 'bottom' | 'alphabetic';

package/es/interface/graphic/text.js

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

package/es/interface/graphic/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/text.ts"],"names":[],"mappings":"","file":"text.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\nimport type { LayoutType } from '../../core/contributions/textMeasure/layout';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport type ITextAttribute = {\n  text: string | number | string[] | number[];\n  maxLineWidth: number;\n  textAlign: TextAlignType;\n  textBaseline: TextBaselineType;\n  fontSize: number;\n  fontFamily: string;\n  fontWeight: string | number;\n  ellipsis: boolean | string;\n  fontVariant: string;\n  fontStyle: string;\n  lineHeight: number;\n  underline: number;\n  lineThrough: number;\n  // textDecoration: number;\n  // textDecorationWidth: number;\n  // padding?: number | number[];\n};\nexport type ITextCache = {\n  // 单行文本的时候缓存用\n  clipedText?: string;\n  clipedWidth?: number;\n  // 多行文本的布局缓存\n  layoutData?: LayoutType;\n};\n\nexport type ITextGraphicAttribute = Partial<IGraphicAttribute> & Partial<ITextAttribute>;\n\nexport type IWrapTextGraphicAttribute = ITextGraphicAttribute & {\n  heightLimit?: number;\n  lineClamp?: number;\n};\n\nexport interface IText extends IGraphic<ITextGraphicAttribute> {\n  // 判断是否被ellipisised\n  clipedText?: string;\n  clipedWidth?: number;\n  cliped?: boolean;\n  multilineLayout?: LayoutType;\n  font?: string;\n  cache?: ITextCache;\n\n  updateMultilineAABBBounds: (text: (number | string)[]) => IAABBBounds;\n  updateSingallineAABBBounds: (text: number | string) => IAABBBounds;\n}\n\nexport type TextAlignType = 'left' | 'right' | 'center' | 'start' | 'end';\nexport type TextBaselineType = 'top' | 'middle' | 'bottom' | 'alphabetic';\n"]}

package/es/interface/graphic/theme.d.ts

@@ -0,0 +1,56 @@
+import type { IGraphicAttribute } from '../graphic';
+import type { IArcGraphicAttribute } from './arc';
+import type { IAreaGraphicAttribute } from './area';
+import type { ICircleGraphicAttribute } from './circle';
+import type { IGlyphGraphicAttribute } from './glyph';
+import type { IGroup, IGroupGraphicAttribute } from './group';
+import type { IImageGraphicAttribute } from './image';
+import type { ILineGraphicAttribute } from './line';
+import type { IPathGraphicAttribute } from './path';
+import type { IPolygonGraphicAttribute } from './polygon';
+import type { IRectGraphicAttribute } from './rect';
+import type { IRect3dGraphicAttribute } from './rect3d';
+import type { IRichTextGraphicAttribute, IRichTextIconGraphicAttribute } from './richText';
+import type { ISymbolGraphicAttribute } from './symbol';
+import type { ITextGraphicAttribute } from './text';
+export interface IThemeSpec {
+    text?: Partial<ITextGraphicAttribute>;
+    rect?: Partial<IRectGraphicAttribute>;
+    rect3d?: Partial<IRect3dGraphicAttribute>;
+    arc?: Partial<IArcGraphicAttribute>;
+    area?: Partial<IAreaGraphicAttribute>;
+    circle?: Partial<ICircleGraphicAttribute>;
+    line?: Partial<ILineGraphicAttribute>;
+    path?: Partial<IPathGraphicAttribute>;
+    symbol?: Partial<ISymbolGraphicAttribute>;
+    group?: Partial<IGroupGraphicAttribute>;
+    polygon?: Partial<IPolygonGraphicAttribute>;
+    image?: Partial<IImageGraphicAttribute>;
+    common?: Partial<IGraphicAttribute>;
+}
+export interface IFullThemeSpec {
+    arc: Required<IArcGraphicAttribute>;
+    area: Required<IAreaGraphicAttribute>;
+    circle: Required<ICircleGraphicAttribute>;
+    line: Required<ILineGraphicAttribute>;
+    path: Required<IPathGraphicAttribute>;
+    symbol: Required<ISymbolGraphicAttribute>;
+    text: Required<ITextGraphicAttribute>;
+    rect: Required<IRectGraphicAttribute>;
+    rect3d: Required<IRect3dGraphicAttribute>;
+    glyph: Required<IGlyphGraphicAttribute>;
+    group: Required<IGroupGraphicAttribute>;
+    polygon: Required<IPolygonGraphicAttribute>;
+    richtext: Required<IRichTextGraphicAttribute>;
+    richtextIcon: Required<IRichTextIconGraphicAttribute>;
+    image: Required<IImageGraphicAttribute>;
+}
+export interface ITheme {
+    getTheme: (g: IGroup) => IFullThemeSpec;
+    combinedTheme?: IFullThemeSpec;
+    userTheme?: IThemeSpec;
+    nextTheme?: IThemeSpec;
+    applyTheme: (group: IGroup, pt: IThemeSpec) => IThemeSpec;
+    setTheme: (t: IThemeSpec, g: IGroup) => void;
+    dirty: boolean;
+}

package/es/interface/graphic/theme.js

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

package/es/interface/graphic/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { IGraphicAttribute } from '../graphic';\nimport type { IArcGraphicAttribute } from './arc';\nimport type { IAreaGraphicAttribute } from './area';\nimport type { ICircleGraphicAttribute } from './circle';\nimport type { IGlyphGraphicAttribute } from './glyph';\nimport type { IGroup, IGroupGraphicAttribute } from './group';\nimport type { IImageGraphicAttribute } from './image';\nimport type { ILineGraphicAttribute } from './line';\nimport type { IPathGraphicAttribute } from './path';\nimport type { IPolygonGraphicAttribute } from './polygon';\nimport type { IRectGraphicAttribute } from './rect';\nimport type { IRect3dGraphicAttribute } from './rect3d';\nimport type { IRichTextGraphicAttribute, IRichTextIconGraphicAttribute } from './richText';\nimport type { ISymbolGraphicAttribute } from './symbol';\nimport type { ITextGraphicAttribute } from './text';\n\nexport interface IThemeSpec {\n  text?: Partial<ITextGraphicAttribute>;\n  rect?: Partial<IRectGraphicAttribute>;\n  rect3d?: Partial<IRect3dGraphicAttribute>;\n  arc?: Partial<IArcGraphicAttribute>;\n  area?: Partial<IAreaGraphicAttribute>;\n  circle?: Partial<ICircleGraphicAttribute>;\n  line?: Partial<ILineGraphicAttribute>;\n  path?: Partial<IPathGraphicAttribute>;\n  symbol?: Partial<ISymbolGraphicAttribute>;\n  group?: Partial<IGroupGraphicAttribute>;\n  polygon?: Partial<IPolygonGraphicAttribute>;\n  image?: Partial<IImageGraphicAttribute>;\n  common?: Partial<IGraphicAttribute>;\n}\n\nexport interface IFullThemeSpec {\n  arc: Required<IArcGraphicAttribute>;\n  area: Required<IAreaGraphicAttribute>;\n  circle: Required<ICircleGraphicAttribute>;\n  line: Required<ILineGraphicAttribute>;\n  path: Required<IPathGraphicAttribute>;\n  symbol: Required<ISymbolGraphicAttribute>;\n  text: Required<ITextGraphicAttribute>;\n  rect: Required<IRectGraphicAttribute>;\n  rect3d: Required<IRect3dGraphicAttribute>;\n  glyph: Required<IGlyphGraphicAttribute>;\n  group: Required<IGroupGraphicAttribute>;\n  polygon: Required<IPolygonGraphicAttribute>;\n  richtext: Required<IRichTextGraphicAttribute>;\n  richtextIcon: Required<IRichTextIconGraphicAttribute>;\n  image: Required<IImageGraphicAttribute>;\n}\n\nexport interface ITheme {\n  getTheme: (g: IGroup) => IFullThemeSpec;\n  combinedTheme?: IFullThemeSpec;\n  userTheme?: IThemeSpec;\n  nextTheme?: IThemeSpec;\n  applyTheme: (group: IGroup, pt: IThemeSpec) => IThemeSpec;\n  setTheme: (t: IThemeSpec, g: IGroup) => void;\n  dirty: boolean;\n}\n"]}

package/es/interface/graphic/util.d.ts

@@ -0,0 +1,15 @@
+import type { ICustomPath2D } from '../path';
+import type { IArcGraphicAttribute } from './arc';
+import type { IAreaGraphicAttribute } from './area';
+import type { ICircleGraphicAttribute } from './circle';
+import type { IEllipseGraphicAttribute } from './ellipse';
+import type { IIsogonGraphicAttribute } from './isogon';
+import type { IPolygonGraphicAttribute } from './polygon';
+import type { IRectGraphicAttribute } from './rect';
+export declare function arcToPath(shape: IArcGraphicAttribute): ICustomPath2D;
+export declare function areaToPath(shape: IAreaGraphicAttribute): ICustomPath2D;
+export declare function circleToPath(shape: ICircleGraphicAttribute): ICustomPath2D;
+export declare function ellipseToPath(shape: IEllipseGraphicAttribute): ICustomPath2D;
+export declare function isogonToPath(shape: IIsogonGraphicAttribute): ICustomPath2D;
+export declare function plygonToPath(shape: IPolygonGraphicAttribute): ICustomPath2D;
+export declare function rectToPath(shape: IRectGraphicAttribute): ICustomPath2D;

package/es/interface/graphic/util.js

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

package/es/interface/graphic/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/util.ts"],"names":[],"mappings":"","file":"util.js","sourcesContent":["import type { ICustomPath2D } from '../path';\nimport type { IArcGraphicAttribute } from './arc';\nimport type { IAreaGraphicAttribute } from './area';\nimport type { ICircleGraphicAttribute } from './circle';\nimport type { IEllipseGraphicAttribute } from './ellipse';\nimport type { IIsogonGraphicAttribute } from './isogon';\nimport type { IPolygonGraphicAttribute } from './polygon';\nimport type { IRectGraphicAttribute } from './rect';\n\nexport declare function arcToPath(shape: IArcGraphicAttribute): ICustomPath2D;\nexport declare function areaToPath(shape: IAreaGraphicAttribute): ICustomPath2D;\nexport declare function circleToPath(shape: ICircleGraphicAttribute): ICustomPath2D;\nexport declare function ellipseToPath(shape: IEllipseGraphicAttribute): ICustomPath2D;\nexport declare function isogonToPath(shape: IIsogonGraphicAttribute): ICustomPath2D;\nexport declare function plygonToPath(shape: IPolygonGraphicAttribute): ICustomPath2D;\nexport declare function rectToPath(shape: IRectGraphicAttribute): ICustomPath2D;\n"]}

package/es/interface/graphic-utils.d.ts

@@ -0,0 +1 @@
+

package/es/interface/graphic-utils.js

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

package/es/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/es/interface/graphic.d.ts

@@ -0,0 +1,205 @@
+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;
+    anchor: [number | string, number | string];
+    anchor3d: [number | string, number | string, number] | [number | string, number | string];
+    postMatrix: IMatrix;
+};
+export type IFillStyle = {
+    fillColor: string | IColor;
+    fillOpacity: number;
+    shadowBlur: number;
+    shadowColor: string;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    fill: boolean | null;
+};
+export type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {
+    distance: number | string;
+};
+export type IStrokeStyle = {
+    outerBorder: Partial<IBorderStyle>;
+    innerBorder: Partial<IBorderStyle>;
+    strokeColor: string | IColor;
+    strokeOpacity: number;
+    lineDash: number[];
+    lineDashOffset: number;
+    lineWidth: number;
+    lineCap: CanvasLineCap;
+    lineJoin: CanvasLineJoin;
+    miterLimit: number;
+    strokeBoundsBuffer: number;
+    stroke: boolean[] | number | boolean | null;
+};
+type TextureType = 'circle' | 'diamond' | 'rect' | 'vertical-line' | 'horizontal-line' | 'bias-lr' | 'bias-rl' | 'grid';
+export type IGraphicStyle = IFillStyle & IStrokeStyle & {
+    opacity: number;
+    backgroundMode: number;
+    background: string | HTMLImageElement | HTMLCanvasElement | null;
+    texture: TextureType | string;
+    textureColor: string;
+    textureSize: number;
+    texturePadding: number;
+    blur: number;
+    cursor: Cursor | 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;
+};
+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;
+    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) => this;
+    rotateTo: (angle: number) => this;
+    skewTo: (b: number, c: number) => this;
+    addUpdateBoundTag: () => void;
+    addUpdateShapeAndBoundsTag: () => 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, {
+        state: 'init' | 'loading' | 'success' | 'fail';
+        data?: HTMLImageElement | HTMLCanvasElement;
+    }>;
+    imageLoadSuccess: (url: string, data: HTMLImageElement) => void;
+    imageLoadFail: (url: string) => void;
+    clone: () => IGraphic;
+}
+export interface IRoot extends IGraphic {
+    pick: (x: number, y: number) => IGraphic;
+}
+export type IAnimateConfig = {
+    duration?: number;
+    easing?: EasingType;
+};
+export {};

package/es/interface/graphic.js

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

package/es/interface/graphic.js.map

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

package/es/interface/index.d.ts

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