@visactor/vrender 0.11.1 → 0.11.2-alpha.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/interface/graphic/creator.ts"],"names":[],"mappings":"","file":"creator.js","sourcesContent":["import { IGraphicAttribute } from '../graphic';\nimport { IArcAttribute, IArcGraphicAttribute } from './arc';\nimport { IAreaAttribute, IAreaGraphicAttribute } from './area';\nimport { ICircleAttribute, ICircleGraphicAttribute } from './circle';\nimport { IEllipseAttribute } from './ellipse';\nimport { IGroupAttribute, IGroupGraphicAttribute } from './group';\nimport { IImageAttribute, IImageGraphicAttribute } from './image';\nimport { IIsogonAttribute } from './isogon';\nimport { ILineAttribute, ILineGraphicAttribute } from './line';\nimport { IPathAttribute, IPathGraphicAttribute } from './path';\nimport { IPolygonAttribute } from './polygon';\nimport { IRectAttribute, IRectGraphicAttribute } from './rect';\nimport { IRichTextAttribute, IRichTextGraphicAttribute } from './richText';\nimport { ISvgAttribute } from './svg';\nimport { ISymbolAttribute, ISymbolGraphicAttribute } from './symbol';\nimport { ITextAttribute, ITextGraphicAttribute, IWrapTextGraphicAttribute } from './text';\n\nexport type IMarkAttribute =\n  | IGraphicAttribute\n  | IArcAttribute\n  | IAreaAttribute\n  | ICircleAttribute\n  | IEllipseAttribute\n  | IGroupAttribute\n  | IImageAttribute\n  | IIsogonAttribute\n  | ILineAttribute\n  | IPathAttribute\n  | IPolygonAttribute\n  | IRectAttribute\n  | IRichTextAttribute\n  | ISvgAttribute\n  | ISymbolAttribute\n  | ITextAttribute;\n\nexport type IThemeAttribute =\n  | IArcGraphicAttribute\n  | IAreaGraphicAttribute\n  | ICircleGraphicAttribute\n  // | IEllipseGraphicAttribute\n  // | IGroupGraphicAttribute\n  | IImageGraphicAttribute\n  // | IIsogonGraphicAttribute\n  | ILineGraphicAttribute\n  | IPathGraphicAttribute\n  // | IPolygonGraphicAttribute\n  | IRectGraphicAttribute\n  // | IRichTextGraphicAttribute\n  // | ISvgGraphicAttribute\n  | ISymbolGraphicAttribute\n  | ITextGraphicAttribute\n  | IRichTextGraphicAttribute\n  | IWrapTextGraphicAttribute;\n\n/**\n * facet object map\n */\nexport interface GraphicAttributeMap {\n  readonly arc: IArcGraphicAttribute;\n  readonly area: IAreaGraphicAttribute;\n  readonly circle: ICircleGraphicAttribute;\n  readonly image: IImageGraphicAttribute;\n  readonly line: ILineGraphicAttribute;\n  readonly path: IPathGraphicAttribute;\n  readonly group: IGroupGraphicAttribute;\n  readonly rect: IRectGraphicAttribute;\n  readonly symbol: ISymbolGraphicAttribute;\n  readonly text: ITextGraphicAttribute;\n  readonly richtext: IRichTextGraphicAttribute;\n  readonly wrapText: IWrapTextGraphicAttribute;\n}\n\n// export declare function createArc(params: Partial<IArcAttribute & IGraphicAttribute>): IArc;\n// export declare function createArea(params: Partial<IAreaAttribute & IGraphicAttribute>): IArea;\n// export declare function createCircle(params: Partial<ICircleAttribute & IGraphicAttribute>): ICircle;\n// // export declare function createDynamicPath(params: Params<Partial<IDynamicPathShape>, Partial<IGraphicAttribute>>): IDynamicPath;\n// export declare function createEllipse(params: Partial<IEllipseAttribute & IGraphicAttribute>): IEllipse;\n// export declare function createGlyph(): IGlyph;\n// export declare function createGroup(params: Partial<IGroupAttribute & IGraphicAttribute>): IGroup;\n// export declare function createImage(params: Partial<IImageAttribute & IGraphicAttribute>): IImage;\n// export declare function createIsogon(params: Partial<IIsogonAttribute & IGraphicAttribute>): IIsogon;\n// export declare function createIine(params: Partial<ILineAttribute & IGraphicAttribute>): ILine;\n// export declare function createPath(params: Partial<IPathAttribute & IGraphicAttribute>): IPath;\n// export declare function createPolygon(params: Partial<IPolygonAttribute & IGraphicAttribute>): IPolygon;\n// // export declare function createPolyline(params: Partial<IArcAttribute & IGraphicAttribute>): IPolyline;\n// export declare function createRect(params: Partial<IRectAttribute & IGraphicAttribute>): IRect;\n// export declare function createRichText(params: Partial<IRichTextAttribute & IGraphicAttribute>): IRichText;\n// export declare function createSvg(params: Partial<ISvgAttribute & IGraphicAttribute>): ISvg;\n// export declare function createSymbol(params: Partial<ISymbolAttribute & IGraphicAttribute>): ISymbol;\n// export declare function createText(params: Partial<ITextAttribute & IGraphicAttribute>): IText;\n"]}
+{"version":3,"sources":["../../src/interface/graphic/creator.ts"],"names":[],"mappings":"","file":"creator.js","sourcesContent":["import type { IGraphicAttribute } from '../graphic';\nimport type { IArcAttribute, IArcGraphicAttribute } from './arc';\nimport type { IAreaAttribute, IAreaGraphicAttribute } from './area';\nimport type { ICircleAttribute, ICircleGraphicAttribute } from './circle';\nimport type { IEllipseAttribute } from './ellipse';\nimport type { IGroupAttribute, IGroupGraphicAttribute } from './group';\nimport type { IImageAttribute, IImageGraphicAttribute } from './image';\nimport type { IIsogonAttribute } from './isogon';\nimport type { ILineAttribute, ILineGraphicAttribute } from './line';\nimport type { IPathAttribute, IPathGraphicAttribute } from './path';\nimport type { IPolygonAttribute } from './polygon';\nimport type { IRectAttribute, IRectGraphicAttribute } from './rect';\nimport type { IRichTextAttribute, IRichTextGraphicAttribute } from './richText';\nimport type { ISvgAttribute } from './svg';\nimport type { ISymbolAttribute, ISymbolGraphicAttribute } from './symbol';\nimport type { ITextAttribute, ITextGraphicAttribute, IWrapTextGraphicAttribute } from './text';\n\nexport type IMarkAttribute =\n  | IGraphicAttribute\n  | IArcAttribute\n  | IAreaAttribute\n  | ICircleAttribute\n  | IEllipseAttribute\n  | IGroupAttribute\n  | IImageAttribute\n  | IIsogonAttribute\n  | ILineAttribute\n  | IPathAttribute\n  | IPolygonAttribute\n  | IRectAttribute\n  | IRichTextAttribute\n  | ISvgAttribute\n  | ISymbolAttribute\n  | ITextAttribute;\n\nexport type IThemeAttribute =\n  | IArcGraphicAttribute\n  | IAreaGraphicAttribute\n  | ICircleGraphicAttribute\n  // | IEllipseGraphicAttribute\n  // | IGroupGraphicAttribute\n  | IImageGraphicAttribute\n  // | IIsogonGraphicAttribute\n  | ILineGraphicAttribute\n  | IPathGraphicAttribute\n  // | IPolygonGraphicAttribute\n  | IRectGraphicAttribute\n  // | IRichTextGraphicAttribute\n  // | ISvgGraphicAttribute\n  | ISymbolGraphicAttribute\n  | ITextGraphicAttribute\n  | IRichTextGraphicAttribute\n  | IWrapTextGraphicAttribute;\n\n/**\n * facet object map\n */\nexport interface GraphicAttributeMap {\n  readonly arc: IArcGraphicAttribute;\n  readonly area: IAreaGraphicAttribute;\n  readonly circle: ICircleGraphicAttribute;\n  readonly image: IImageGraphicAttribute;\n  readonly line: ILineGraphicAttribute;\n  readonly path: IPathGraphicAttribute;\n  readonly group: IGroupGraphicAttribute;\n  readonly rect: IRectGraphicAttribute;\n  readonly symbol: ISymbolGraphicAttribute;\n  readonly text: ITextGraphicAttribute;\n  readonly richtext: IRichTextGraphicAttribute;\n  readonly wrapText: IWrapTextGraphicAttribute;\n}\n\n// export declare function createArc(params: Partial<IArcAttribute & IGraphicAttribute>): IArc;\n// export declare function createArea(params: Partial<IAreaAttribute & IGraphicAttribute>): IArea;\n// export declare function createCircle(params: Partial<ICircleAttribute & IGraphicAttribute>): ICircle;\n// // export declare function createDynamicPath(params: Params<Partial<IDynamicPathShape>, Partial<IGraphicAttribute>>): IDynamicPath;\n// export declare function createEllipse(params: Partial<IEllipseAttribute & IGraphicAttribute>): IEllipse;\n// export declare function createGlyph(): IGlyph;\n// export declare function createGroup(params: Partial<IGroupAttribute & IGraphicAttribute>): IGroup;\n// export declare function createImage(params: Partial<IImageAttribute & IGraphicAttribute>): IImage;\n// export declare function createIsogon(params: Partial<IIsogonAttribute & IGraphicAttribute>): IIsogon;\n// export declare function createIine(params: Partial<ILineAttribute & IGraphicAttribute>): ILine;\n// export declare function createPath(params: Partial<IPathAttribute & IGraphicAttribute>): IPath;\n// export declare function createPolygon(params: Partial<IPolygonAttribute & IGraphicAttribute>): IPolygon;\n// // export declare function createPolyline(params: Partial<IArcAttribute & IGraphicAttribute>): IPolyline;\n// export declare function createRect(params: Partial<IRectAttribute & IGraphicAttribute>): IRect;\n// export declare function createRichText(params: Partial<IRichTextAttribute & IGraphicAttribute>): IRichText;\n// export declare function createSvg(params: Partial<ISvgAttribute & IGraphicAttribute>): ISvg;\n// export declare function createSymbol(params: Partial<ISymbolAttribute & IGraphicAttribute>): ISymbol;\n// export declare function createText(params: Partial<ITextAttribute & IGraphicAttribute>): IText;\n"]}

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

@@ -1,6 +1,7 @@
 import type { ITheme, IThemeSpec } from './theme';
-import type { GraphicAttributeMap, INode } from '../../interface';
 import type { IGraphicAttribute, IGraphic } from '../graphic';
+import type { INode } from '../node-tree';
+import type { GraphicAttributeMap } from './creator';
 export type IGroupAttribute = {
     path: IGraphic[];
     width: number;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/interface/graphic/group.ts"],"names":[],"mappings":"","file":"group.js","sourcesContent":["import type { ITheme, IThemeSpec } from './theme';\nimport type { GraphicAttributeMap, INode } from '../../interface';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport type IGroupAttribute = {\n  path: IGraphic[];\n  width: number;\n  height: number;\n  cornerRadius: number | number[];\n  clip: boolean;\n  visibleAll: boolean;\n};\n\nexport type IGroupGraphicAttribute = Partial<IGraphicAttribute> & Partial<IGroupAttribute>;\n\nexport interface IGroup extends IGraphic<IGroupGraphicAttribute> {\n  childrenPickable?: boolean; // 子元素是否可以被pick\n\n  theme?: ITheme;\n\n  createTheme: () => void;\n  hideAll: () => void;\n  showAll: () => void;\n\n  setTheme: (t: IThemeSpec) => void;\n\n  incrementalAppendChild: (node: INode, highPerformance?: boolean) => INode | null;\n  incrementalClearChild: () => void;\n\n  createOrUpdateChild: <T extends keyof GraphicAttributeMap>(\n    graphicName: string,\n    attributes: GraphicAttributeMap[T],\n    graphicType: T\n  ) => INode;\n}\n"]}
+{"version":3,"sources":["../../src/interface/graphic/group.ts"],"names":[],"mappings":"","file":"group.js","sourcesContent":["import type { ITheme, IThemeSpec } from './theme';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { INode } from '../node-tree';\nimport type { GraphicAttributeMap } from './creator';\n\nexport type IGroupAttribute = {\n  path: IGraphic[];\n  width: number;\n  height: number;\n  cornerRadius: number | number[];\n  clip: boolean;\n  visibleAll: boolean;\n};\n\nexport type IGroupGraphicAttribute = Partial<IGraphicAttribute> & Partial<IGroupAttribute>;\n\nexport interface IGroup extends IGraphic<IGroupGraphicAttribute> {\n  childrenPickable?: boolean; // 子元素是否可以被pick\n\n  theme?: ITheme;\n\n  createTheme: () => void;\n  hideAll: () => void;\n  showAll: () => void;\n\n  setTheme: (t: IThemeSpec) => void;\n\n  incrementalAppendChild: (node: INode, highPerformance?: boolean) => INode | null;\n  incrementalClearChild: () => void;\n\n  createOrUpdateChild: <T extends keyof GraphicAttributeMap>(\n    graphicName: string,\n    attributes: GraphicAttributeMap[T],\n    graphicType: T\n  ) => INode;\n}\n"]}

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

@@ -1,5 +1,5 @@
 import type { IGraphicAttribute, IGraphic } from '../graphic';
-export type IRepeatType = 'no-repeat' | 'repeat' | 'stretch';
+export type IRepeatType = 'no-repeat' | 'repeat';
 export type IImageAttribute = {
     width: number;
     height: number;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/interface/graphic/image.ts"],"names":[],"mappings":"","file":"image.js","sourcesContent":["import type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport type IRepeatType = 'no-repeat' | 'repeat' | 'stretch';\n\nexport type IImageAttribute = {\n  width: number;\n  height: number;\n  repeatX: IRepeatType;\n  repeatY: IRepeatType;\n  image: string | HTMLImageElement | HTMLCanvasElement;\n};\n\nexport type IImageGraphicAttribute = Partial<IGraphicAttribute> & Partial<IImageAttribute>;\n\nexport interface IImage extends IGraphic<IImageGraphicAttribute> {\n  successCallback?: () => void;\n  failCallback?: () => void;\n}\n"]}
+{"version":3,"sources":["../../src/interface/graphic/image.ts"],"names":[],"mappings":"","file":"image.js","sourcesContent":["import type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport type IRepeatType = 'no-repeat' | 'repeat';\n\nexport type IImageAttribute = {\n  width: number;\n  height: number;\n  repeatX: IRepeatType;\n  repeatY: IRepeatType;\n  image: string | HTMLImageElement | HTMLCanvasElement;\n};\n\nexport type IImageGraphicAttribute = Partial<IGraphicAttribute> & Partial<IImageAttribute>;\n\nexport interface IImage extends IGraphic<IImageGraphicAttribute> {\n  successCallback?: () => void;\n  failCallback?: () => void;\n}\n"]}

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

@@ -1,2 +1,26 @@
 export * from './creator';
 export * from './theme';
+export * from './arc';
+export * from './arc3d';
+export * from './area';
+export * from './bounds';
+export * from './circle';
+export * from './ellipse';
+export * from './face3d';
+export * from './glyph';
+export * from './group';
+export * from './image';
+export * from './isogon';
+export * from './line';
+export * from './path';
+export * from './polygon';
+export * from './polyline';
+export * from './pyramid3d';
+export * from './rect';
+export * from './rect3d';
+export * from './richText';
+export * from './shadow-root';
+export * from './svg';
+export * from './symbol';
+export * from './text';
+export * from './util';

package/es/interface/graphic/index.js

@@ -1,4 +1,52 @@
 export * from "./creator";
 
 export * from "./theme";
+
+export * from "./arc";
+
+export * from "./arc3d";
+
+export * from "./area";
+
+export * from "./bounds";
+
+export * from "./circle";
+
+export * from "./ellipse";
+
+export * from "./face3d";
+
+export * from "./glyph";
+
+export * from "./group";
+
+export * from "./image";
+
+export * from "./isogon";
+
+export * from "./line";
+
+export * from "./path";
+
+export * from "./polygon";
+
+export * from "./polyline";
+
+export * from "./pyramid3d";
+
+export * from "./rect";
+
+export * from "./rect3d";
+
+export * from "./richText";
+
+export * from "./shadow-root";
+
+export * from "./svg";
+
+export * from "./symbol";
+
+export * from "./text";
+
+export * from "./util";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/interface/graphic/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './creator';\nexport * from './theme';\n"]}
+{"version":3,"sources":["../../src/interface/graphic/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './creator';\nexport * from './theme';\nexport * from './arc';\nexport * from './arc3d';\nexport * from './area';\nexport * from './bounds';\nexport * from './circle';\nexport * from './ellipse';\nexport * from './face3d';\nexport * from './glyph';\nexport * from './group';\nexport * from './image';\nexport * from './isogon';\nexport * from './line';\nexport * from './path';\nexport * from './polygon';\nexport * from './polyline';\nexport * from './pyramid3d';\nexport * from './rect';\nexport * from './rect3d';\nexport * from './richText';\nexport * from './shadow-root';\nexport * from './svg';\nexport * from './symbol';\nexport * from './text';\nexport * from './util';\n"]}

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

@@ -1,7 +1,7 @@
 import type { IPointLike } from '@visactor/vutils';
 import type { IGraphicAttribute, IGraphic } from '../graphic';
 import type { ICurveType } from '../common';
-import { ISegPath2D } from '../curve';
+import type { ISegPath2D } from '../curve';
 export type IClipRangeByDimensionType = 'x' | 'y' | 'auto' | 'default';
 export type ILineAttribute = {
     segments: ISegment[];

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/interface/graphic/line.ts"],"names":[],"mappings":"","file":"line.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { ICurveType } from '../common';\nimport { ISegPath2D } from '../curve';\n\n// 依据x纬度做clipRange\n// 依据y纬度做clipRange\n// 依据线段自动匹配纬度做clipRange\n// 依据线长纬度做clipRange\nexport type IClipRangeByDimensionType = 'x' | 'y' | 'auto' | 'default';\n\nexport type ILineAttribute = {\n  segments: ISegment[]; // 分段设置point和样式\n  points: IPointLike[]; // segments points 二选一\n  curveType: ICurveType;\n  clipRange: number;\n  clipRangeByDimension: IClipRangeByDimensionType;\n};\n\nexport type ILineGraphicAttribute = Partial<IGraphicAttribute> & Partial<ILineAttribute>;\n\nexport interface ILine extends IGraphic<ILineGraphicAttribute> {\n  cache?: ISegPath2D | ISegPath2D[];\n}\n\ntype ISegmentStyle = Pick<\n  IGraphicAttribute,\n  'stroke' | 'strokeOpacity' | 'lineDash' | 'lineDashOffset' | 'lineCap' | 'lineJoin' | 'lineWidth' | 'miterLimit'\n>;\n\nexport interface ISegment extends Partial<ISegmentStyle> {\n  points: IPointLike[];\n  simplify?: boolean;\n}\n"]}
+{"version":3,"sources":["../../src/interface/graphic/line.ts"],"names":[],"mappings":"","file":"line.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { ICurveType } from '../common';\nimport type { ISegPath2D } from '../curve';\n\n// 依据x纬度做clipRange\n// 依据y纬度做clipRange\n// 依据线段自动匹配纬度做clipRange\n// 依据线长纬度做clipRange\nexport type IClipRangeByDimensionType = 'x' | 'y' | 'auto' | 'default';\n\nexport type ILineAttribute = {\n  segments: ISegment[]; // 分段设置point和样式\n  points: IPointLike[]; // segments points 二选一\n  curveType: ICurveType;\n  clipRange: number;\n  clipRangeByDimension: IClipRangeByDimensionType;\n};\n\nexport type ILineGraphicAttribute = Partial<IGraphicAttribute> & Partial<ILineAttribute>;\n\nexport interface ILine extends IGraphic<ILineGraphicAttribute> {\n  cache?: ISegPath2D | ISegPath2D[];\n}\n\ntype ISegmentStyle = Pick<\n  IGraphicAttribute,\n  'stroke' | 'strokeOpacity' | 'lineDash' | 'lineDashOffset' | 'lineCap' | 'lineJoin' | 'lineWidth' | 'miterLimit'\n>;\n\nexport interface ISegment extends Partial<ISegmentStyle> {\n  points: IPointLike[];\n  simplify?: boolean;\n}\n"]}

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

@@ -1,5 +1,5 @@
-import type { ICustomPath2D } from '../../interface';
 import type { IGraphicAttribute, IGraphic } from '../graphic';
+import type { ICustomPath2D } from '../path';
 export type IRectAttribute = {
     width: number;
     height: number;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/interface/graphic/rect.ts"],"names":[],"mappings":"","file":"rect.js","sourcesContent":["import type { ICustomPath2D } from '../../interface';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport type IRectAttribute = {\n  width: number;\n  height: number;\n  cornerRadius: number | number[];\n};\n\nexport type IRectGraphicAttribute = Partial<IGraphicAttribute> & Partial<IRectAttribute>;\n\nexport interface IRect extends IGraphic<IRectGraphicAttribute> {\n  cache?: ICustomPath2D;\n}\n"]}
+{"version":3,"sources":["../../src/interface/graphic/rect.ts"],"names":[],"mappings":"","file":"rect.js","sourcesContent":["import type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { ICustomPath2D } from '../path';\n\nexport type IRectAttribute = {\n  width: number;\n  height: number;\n  cornerRadius: number | number[];\n};\n\nexport type IRectGraphicAttribute = Partial<IGraphicAttribute> & Partial<IRectAttribute>;\n\nexport interface IRect extends IGraphic<IRectGraphicAttribute> {\n  cache?: ICustomPath2D;\n}\n"]}

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

@@ -1,5 +1,6 @@
-import type { ICustomPath2D, IRectGraphicAttribute } from '../../interface';
 import type { IGraphic } from '../graphic';
+import type { ICustomPath2D } from '../path';
+import type { IRectGraphicAttribute } from './rect';
 export type IRect3dGraphicAttribute = Partial<IRectGraphicAttribute> & {
     length?: number;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/interface/graphic/rect3d.ts"],"names":[],"mappings":"","file":"rect3d.js","sourcesContent":["import type { ICustomPath2D, IRectGraphicAttribute } from '../../interface';\nimport type { IGraphic } from '../graphic';\n\nexport type IRect3dGraphicAttribute = Partial<IRectGraphicAttribute> & {\n  length?: number; // 长度\n};\n\nexport interface IRect3d extends IGraphic {\n  attribute: IRect3dGraphicAttribute;\n\n  cache?: ICustomPath2D;\n}\n"]}
+{"version":3,"sources":["../../src/interface/graphic/rect3d.ts"],"names":[],"mappings":"","file":"rect3d.js","sourcesContent":["import type { IGraphic } from '../graphic';\nimport type { ICustomPath2D } from '../path';\nimport type { IRectGraphicAttribute } from './rect';\n\nexport type IRect3dGraphicAttribute = Partial<IRectGraphicAttribute> & {\n  length?: number; // 长度\n};\n\nexport interface IRect3d extends IGraphic {\n  attribute: IRect3dGraphicAttribute;\n\n  cache?: ICustomPath2D;\n}\n"]}

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

@@ -1,5 +1,5 @@
-import type Frame from '../../graphic/richtext/frame';
 import type { IColor } from '../color';
+import type { IContext2d } from '../context';
 import type { IGraphicAttribute, IGraphic } from '../graphic';
 import type { IImage, IImageGraphicAttribute } from './image';
 export type IRichTextAttribute = {
@@ -77,8 +77,96 @@ export type IRichTextIconGraphicAttribute = IImageGraphicAttribute & {
     direction?: RichTextLayoutDirectionType;
     margin?: number | number[];
 };
+export interface IRichTextParagraph {
+    text: string;
+    ascent: number;
+    descent: number;
+    width: number;
+    height: number;
+    lineHeight: number;
+    fontSize: number;
+    length: number;
+    newLine: boolean;
+    character: IRichTextParagraphCharacter;
+    left: number;
+    top: number;
+    direction?: 'horizontal' | 'vertical';
+    widthOrigin?: number;
+    heightOrigin?: number;
+    textBaseline?: CanvasTextBaseline;
+    ellipsis: 'normal' | 'add' | 'replace' | 'hide';
+    ellipsisWidth: number;
+    ellipsisOtherParagraphWidth: number;
+    verticalEllipsis?: boolean;
+    updateWidth: () => void;
+    draw: (ctx: IContext2d, baseline: number, deltaLeft: number, isLineFirst: boolean, textAlign: string) => void;
+    getWidthWithEllips: (direction: string) => number;
+}
+export interface IRichTextLine {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    baseline: number;
+    ascent: number;
+    descent: number;
+    paragraphs: (IRichTextParagraph | IRichTextIcon)[];
+    actualWidth: number;
+    blankWidth: number;
+    textAlign: string;
+    direction: 'horizontal' | 'vertical';
+    directionKey: {
+        width: string;
+        height: string;
+        left: string;
+        x: string;
+        y: string;
+    };
+    draw: (ctx: IContext2d, lastLine: boolean, x: number, y: number, drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void) => void;
+    getWidthWithEllips: () => number;
+}
+export interface IRichTextFrame {
+    left: number;
+    top: number;
+    bottom: number;
+    right: number;
+    width: number;
+    height: number;
+    actualHeight: number;
+    ellipsis: boolean | string;
+    wordBreak: 'break-word' | 'break-all';
+    verticalDirection: 'top' | 'middle' | 'bottom';
+    lines: IRichTextLine[];
+    globalAlign: 'left' | 'center' | 'right';
+    globalBaseline: 'top' | 'middle' | 'bottom';
+    layoutDirection: 'horizontal' | 'vertical';
+    directionKey: {
+        width: string;
+        height: string;
+        left: string;
+        top: string;
+        bottom: string;
+    };
+    isWidthMax: boolean;
+    isHeightMax: boolean;
+    singleLine: boolean;
+    icons: Map<string, IRichTextIcon>;
+    draw: (ctx: IContext2d, drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void) => boolean;
+    getActualSize: () => {
+        width: number;
+        height: number;
+    };
+    getRawActualSize: () => {
+        width: number;
+        height: number;
+    };
+    getActualSizeWidthEllipsis: () => {
+        width: number;
+        height: number;
+    };
+}
 export interface IRichText extends IGraphic<IRichTextGraphicAttribute> {
-    getFrameCache: () => Frame;
+    getFrameCache: () => IRichTextFrame;
 }
 export interface IRichTextIcon extends IImage {
     attribute: IRichTextIconGraphicAttribute;

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

@@ -1 +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?: IColor | boolean;\n  stroke?: IColor | boolean;\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 | IColor; // 背景矩形填充颜色\n  backgroundFillOpacity?: number; // 背景矩形填充透明度\n  backgroundStroke?: boolean | 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 | IColor; // 背景矩形填充颜色\n  backgroundFillOpacity?: number; // 背景矩形填充透明度\n  backgroundStroke?: boolean | 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"]}
+{"version":3,"sources":["../../src/interface/graphic/richText.ts"],"names":[],"mappings":"","file":"richText.js","sourcesContent":["import type { IColor } from '../color';\nimport type { IContext2d } from '../context';\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?: IColor | boolean;\n  stroke?: IColor | boolean;\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 | IColor; // 背景矩形填充颜色\n  backgroundFillOpacity?: number; // 背景矩形填充透明度\n  backgroundStroke?: boolean | 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 | IColor; // 背景矩形填充颜色\n  backgroundFillOpacity?: number; // 背景矩形填充透明度\n  backgroundStroke?: boolean | 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 IRichTextParagraph {\n  text: string;\n  ascent: number;\n  descent: number;\n  width: number;\n  height: number;\n  lineHeight: number;\n  fontSize: number;\n  length: number;\n  newLine: boolean;\n  character: IRichTextParagraphCharacter;\n  left: number;\n  top: number;\n  direction?: 'horizontal' | 'vertical';\n  widthOrigin?: number;\n  heightOrigin?: number;\n  textBaseline?: CanvasTextBaseline;\n  ellipsis: 'normal' | 'add' | 'replace' | 'hide';\n  ellipsisWidth: number;\n  ellipsisOtherParagraphWidth: number;\n  verticalEllipsis?: boolean;\n  updateWidth: () => void;\n  draw: (ctx: IContext2d, baseline: number, deltaLeft: number, isLineFirst: boolean, textAlign: string) => void;\n  getWidthWithEllips: (direction: string) => number;\n}\n\nexport interface IRichTextLine {\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n  baseline: number;\n  ascent: number;\n  descent: number;\n  paragraphs: (IRichTextParagraph | IRichTextIcon)[];\n  actualWidth: number;\n  blankWidth: number;\n  textAlign: string;\n  direction: 'horizontal' | 'vertical';\n  directionKey: {\n    width: string;\n    height: string;\n    left: string;\n    x: string;\n    y: string;\n  };\n  draw: (\n    ctx: IContext2d,\n    lastLine: boolean,\n    x: number,\n    y: number,\n    drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void\n  ) => void;\n  getWidthWithEllips: () => number;\n}\n\nexport interface IRichTextFrame {\n  left: number;\n  top: number;\n  bottom: number;\n  right: number;\n  width: number;\n  height: number;\n  actualHeight: number;\n  ellipsis: boolean | string;\n  wordBreak: 'break-word' | 'break-all';\n  verticalDirection: 'top' | 'middle' | 'bottom';\n  lines: IRichTextLine[];\n  globalAlign: 'left' | 'center' | 'right';\n  globalBaseline: 'top' | 'middle' | 'bottom';\n  layoutDirection: 'horizontal' | 'vertical';\n  directionKey: {\n    width: string;\n    height: string;\n    left: string;\n    top: string;\n    bottom: string;\n  };\n  isWidthMax: boolean;\n  isHeightMax: boolean;\n  singleLine: boolean;\n  icons: Map<string, IRichTextIcon>;\n  draw: (\n    ctx: IContext2d,\n    drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void\n  ) => boolean;\n  getActualSize: () => {\n    width: number;\n    height: number;\n  };\n  getRawActualSize: () => {\n    width: number;\n    height: number;\n  };\n  getActualSizeWidthEllipsis: () => {\n    width: number;\n    height: number;\n  };\n}\n\nexport interface IRichText extends IGraphic<IRichTextGraphicAttribute> {\n  getFrameCache: () => IRichTextFrame;\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/symbol.d.ts

@@ -1,5 +1,6 @@
-import type { ISymbolClass } from '../../graphic';
+import type { IBounds } from '@visactor/vutils';
 import type { IGraphicAttribute, IGraphic } from '../graphic';
+import type { ICustomPath2D, IPath2D } from '../path';
 export type ISymbolAttribute = {
     symbolType: SymbolType;
     size: number | [number, number];
@@ -9,3 +10,11 @@ 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;
+export interface ISymbolClass {
+    type: SymbolType | string;
+    path?: ICustomPath2D;
+    pathStr: string;
+    draw: (ctx: IPath2D, size: number | [number, number], x: number, y: number, z?: number) => boolean;
+    drawOffset: (ctx: IPath2D, size: number | [number, number], x: number, y: number, offset: number, z?: number) => boolean;
+    bounds: (size: number | [number, number], bounds: IBounds) => void;
+}

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

@@ -1 +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"]}
+{"version":3,"sources":["../../src/interface/graphic/symbol.ts"],"names":[],"mappings":"","file":"symbol.js","sourcesContent":["import type { IBounds } from '@visactor/vutils';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { ICustomPath2D, IPath2D } from '../path';\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\nexport interface ISymbolClass {\n  type: SymbolType | string;\n  path?: ICustomPath2D;\n  pathStr: string;\n\n  // 返回true表示内部已经调用closePath，返回false表示没有调用closePath，外部需要调用closePath\n  draw: (ctx: IPath2D, size: number | [number, number], x: number, y: number, z?: number) => boolean;\n  drawOffset: (\n    ctx: IPath2D,\n    size: number | [number, number],\n    x: number,\n    y: number,\n    offset: number,\n    z?: number\n  ) => boolean;\n\n  bounds: (size: number | [number, number], bounds: IBounds) => void;\n}\n"]}

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

@@ -1,6 +1,30 @@
 import type { IAABBBounds } from '@visactor/vutils';
-import type { LayoutType } from '../../core/contributions/textMeasure/layout';
 import type { IGraphicAttribute, IGraphic } from '../graphic';
+export interface TextLayoutBBox {
+    width: number;
+    height: number;
+    xOffset: number;
+    yOffset: number;
+}
+export interface LayoutItemType {
+    str: string;
+    leftOffset?: number;
+    topOffset?: number;
+    width: number;
+}
+export interface SimplifyLayoutType {
+    lines: LayoutItemType[];
+}
+export interface LayoutType {
+    bbox: TextLayoutBBox;
+    lines: LayoutItemType[];
+    fontFamily: string;
+    fontSize: number;
+    fontWeight?: string | number;
+    lineHeight: number;
+    textAlign: TextAlignType;
+    textBaseline: TextBaselineType;
+}
 export type ITextAttribute = {
     text: string | number | string[] | number[];
     maxLineWidth: number;

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

@@ -1 +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"]}
+{"version":3,"sources":["../../src/interface/graphic/text.ts"],"names":[],"mappings":"","file":"text.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport interface TextLayoutBBox {\n  width: number; // 包围盒的宽度\n  height: number; // 包围盒的高度\n  xOffset: number;\n  yOffset: number;\n}\n\nexport interface LayoutItemType {\n  str: string; // 这行的字符串\n  leftOffset?: number; // 该行距离左侧的偏移\n  topOffset?: number; // 该行距离右侧的偏移\n  width: number;\n}\n\nexport interface SimplifyLayoutType {\n  lines: LayoutItemType[];\n}\n\nexport interface LayoutType {\n  bbox: TextLayoutBBox;\n  lines: LayoutItemType[];\n  fontFamily: string;\n  fontSize: number;\n  fontWeight?: string | number;\n  lineHeight: number;\n  textAlign: TextAlignType;\n  textBaseline: TextBaselineType;\n}\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-service.d.ts

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

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

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

package/es/interface/graphic.d.ts

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

package/es/interface/graphic.js.map

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