@visactor/vrender 0.9.0-alpha.0

package/cjs/interface/graphic/pyramid3d.d.ts

@@ -0,0 +1,7 @@
+import type { IGraphic } from '../graphic';
+import type { IPolygonGraphicAttribute } from './polygon';
+export type IPyramid3dGraphicAttribute = Partial<IPolygonGraphicAttribute> & {
+    depthRatio?: number;
+    face?: [boolean, boolean, boolean, boolean, boolean, boolean];
+};
+export type IPyramid3d = IGraphic<IPyramid3dGraphicAttribute>;

package/cjs/interface/graphic/pyramid3d.js

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

package/cjs/interface/graphic/pyramid3d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/pyramid3d.ts"],"names":[],"mappings":"","file":"pyramid3d.js","sourcesContent":["import type { IGraphic } from '../graphic';\nimport type { IPolygonGraphicAttribute } from './polygon';\n\nexport type IPyramid3dGraphicAttribute = Partial<IPolygonGraphicAttribute> & {\n  depthRatio?: number; // 比例\n  // 上下左右前后\n  face?: [boolean, boolean, boolean, boolean, boolean, boolean];\n};\n\nexport type IPyramid3d = IGraphic<IPyramid3dGraphicAttribute>;\n"]}

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

@@ -0,0 +1,11 @@
+import type { ICustomPath2D } from '../../interface';
+import type { IGraphicAttribute, IGraphic } from '../graphic';
+export type IRectAttribute = {
+    width: number;
+    height: number;
+    borderRadius: number | number[];
+};
+export type IRectGraphicAttribute = Partial<IGraphicAttribute> & Partial<IRectAttribute>;
+export interface IRect extends IGraphic<IRectGraphicAttribute> {
+    cache?: ICustomPath2D;
+}

package/cjs/interface/graphic/rect.js

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

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

@@ -0,0 +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  borderRadius: number | number[];\n};\n\nexport type IRectGraphicAttribute = Partial<IGraphicAttribute> & Partial<IRectAttribute>;\n\nexport interface IRect extends IGraphic<IRectGraphicAttribute> {\n  cache?: ICustomPath2D;\n}\n"]}

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

@@ -0,0 +1,9 @@
+import type { ICustomPath2D, IRectGraphicAttribute } from '../../interface';
+import type { IGraphic } from '../graphic';
+export type IRect3dGraphicAttribute = Partial<IRectGraphicAttribute> & {
+    length?: number;
+};
+export interface IRect3d extends IGraphic {
+    attribute: IRect3dGraphicAttribute;
+    cache?: ICustomPath2D;
+}

package/cjs/interface/graphic/rect3d.js

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

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

@@ -0,0 +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"]}

package/cjs/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/cjs/interface/graphic/richText.js

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

package/cjs/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/cjs/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/cjs/interface/graphic/shadow-root.js

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

package/cjs/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/cjs/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/cjs/interface/graphic/svg.js

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

package/cjs/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/cjs/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/cjs/interface/graphic/symbol.js

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

package/cjs/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/cjs/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/cjs/interface/graphic/text.js

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

package/cjs/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/cjs/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/cjs/interface/graphic/theme.js

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

package/cjs/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/cjs/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/cjs/interface/graphic/util.js

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

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

@@ -0,0 +1 @@
+

package/cjs/interface/graphic-utils.js

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

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

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

package/cjs/interface/graphic.d.ts

@@ -0,0 +1,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/cjs/interface/graphic.js

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