@visactor/vrender-core 0.16.0-alpha.0

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

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

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

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

@@ -0,0 +1,7 @@
+import type { IGraphicAttribute, IGraphic } from '../graphic';
+export type IIsogonAttribute = {
+    radius: number;
+    edgeNumber: number;
+};
+export type IIsogonGraphicAttribute = Partial<IGraphicAttribute> & Partial<IIsogonAttribute>;
+export type IIsogon = IGraphic<IIsogonGraphicAttribute>;

package/es/interface/graphic/isogon.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/isogon.ts"],"names":[],"mappings":"","file":"isogon.js","sourcesContent":["import type { IGraphicAttribute, IGraphic } from '../graphic';\n\n// 正多边形\nexport type IIsogonAttribute = {\n  radius: number;\n  edgeNumber: number; // 边数\n};\n\nexport type IIsogonGraphicAttribute = Partial<IGraphicAttribute> & Partial<IIsogonAttribute>;\n\nexport type IIsogon = IGraphic<IIsogonGraphicAttribute>;\n"]}

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

@@ -0,0 +1,23 @@
+import type { IPointLike } from '@visactor/vutils';
+import type { IGraphicAttribute, IGraphic, IConnectedStyle } from '../graphic';
+import type { ICurveType } from '../common';
+import type { ISegPath2D } from '../curve';
+export type IClipRangeByDimensionType = 'x' | 'y' | 'auto' | 'default';
+export type ILineAttribute = {
+    segments: ISegment[];
+    points: IPointLike[];
+    curveType: ICurveType;
+    clipRange: number;
+    clipRangeByDimension: IClipRangeByDimensionType;
+    closePath: boolean;
+};
+export type ILineGraphicAttribute = Partial<IGraphicAttribute> & Partial<ILineAttribute> & Partial<IConnectedStyle>;
+export interface ILine extends IGraphic<ILineGraphicAttribute> {
+    cache?: ISegPath2D | ISegPath2D[];
+}
+type ISegmentStyle = Pick<IGraphicAttribute, 'stroke' | 'strokeOpacity' | 'lineDash' | 'lineDashOffset' | 'lineCap' | 'lineJoin' | 'lineWidth' | 'miterLimit'>;
+export interface ISegment extends Partial<ISegmentStyle>, Partial<IConnectedStyle> {
+    points: IPointLike[];
+    simplify?: boolean;
+}
+export {};

package/es/interface/graphic/line.js

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

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

@@ -0,0 +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, IConnectedStyle } 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  closePath: boolean; // 是否封闭路径\n};\n\nexport type ILineGraphicAttribute = Partial<IGraphicAttribute> & Partial<ILineAttribute> & Partial<IConnectedStyle>;\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>, Partial<IConnectedStyle> {\n  points: IPointLike[];\n  simplify?: boolean;\n}\n"]}

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

@@ -0,0 +1,14 @@
+import type { IGraphicAttribute, IGraphic } from '../graphic';
+import type { ICustomPath2D } from '../path';
+export type IPathAttribute = {
+    path: ICustomPath2D | string;
+    customPath: (context: ICustomPath2D, pathMark: IPath) => void;
+};
+export type IPathGraphicAttribute = Partial<IGraphicAttribute> & Partial<IPathAttribute>;
+export type ShapeType = 'area' | 'circle' | 'ellipse' | 'line' | 'rect';
+export interface IPath extends IGraphic<IPathGraphicAttribute> {
+    originType?: ShapeType;
+    cache?: ICustomPath2D;
+    pathShape: ICustomPath2D;
+    getParsedPathShape: () => ICustomPath2D;
+}

package/es/interface/graphic/path.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/path.ts"],"names":[],"mappings":"","file":"path.js","sourcesContent":["import type { IGraphicAttribute, IGraphic } from '../graphic';\nimport type { ICustomPath2D } from '../path';\n// TODO: Path svg <Path path='' />\n\nexport type IPathAttribute = {\n  path: ICustomPath2D | string;\n  customPath: (context: ICustomPath2D, pathMark: IPath) => void;\n};\n\nexport type IPathGraphicAttribute = Partial<IGraphicAttribute> & Partial<IPathAttribute>;\n\nexport type ShapeType = 'area' | 'circle' | 'ellipse' | 'line' | 'rect';\n\nexport interface IPath extends IGraphic<IPathGraphicAttribute> {\n  originType?: ShapeType;\n  cache?: ICustomPath2D;\n  pathShape: ICustomPath2D;\n\n  getParsedPathShape: () => ICustomPath2D;\n}\n"]}

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

@@ -0,0 +1,9 @@
+import type { IPointLike } from '@visactor/vutils';
+import type { IGraphicAttribute, IGraphic } from '../graphic';
+export type IPolygonAttribute = {
+    points: IPointLike[];
+    cornerRadius?: number | number[];
+    closePath?: boolean;
+};
+export type IPolygonGraphicAttribute = Partial<IGraphicAttribute> & Partial<IPolygonAttribute>;
+export type IPolygon = IGraphic<IPolygonGraphicAttribute>;

package/es/interface/graphic/polygon.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/polygon.ts"],"names":[],"mappings":"","file":"polygon.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport type IPolygonAttribute = {\n  // ? 不需要x2/y2\n  points: IPointLike[];\n  cornerRadius?: number | number[];\n  closePath?: boolean;\n};\n\nexport type IPolygonGraphicAttribute = Partial<IGraphicAttribute> & Partial<IPolygonAttribute>;\n\nexport type IPolygon = IGraphic<IPolygonGraphicAttribute>;\n"]}

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

@@ -0,0 +1,3 @@
+import type { ILine } from './line';
+export interface IPolyline extends ILine {
+}

package/es/interface/graphic/polyline.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/polyline.ts"],"names":[],"mappings":"","file":"polyline.js","sourcesContent":["import type { ILine } from './line';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IPolyline extends ILine {}\n"]}

package/es/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/es/interface/graphic/pyramid3d.js

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

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

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

package/es/interface/graphic/rect.js

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

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

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

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

package/es/interface/graphic/rect3d.js

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

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

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

@@ -0,0 +1,181 @@
+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 = {
+    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?: IColor | boolean;
+    stroke?: IColor | boolean;
+    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 | IColor;
+    backgroundFillOpacity?: number;
+    backgroundStroke?: boolean | 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 | IColor;
+    backgroundFillOpacity?: number;
+    backgroundStroke?: boolean | IColor;
+    backgroundStrokeOpacity?: number;
+    backgroundRadius?: number;
+    backgroundWidth?: number;
+    backgroundHeight?: number;
+    textAlign?: CanvasTextAlign;
+    textBaseline?: CanvasTextBaseline;
+    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: () => IRichTextFrame;
+}
+export interface IRichTextIcon extends IImage {
+    attribute: IRichTextIconGraphicAttribute;
+    richtextId?: string;
+    globalX?: number;
+    globalY?: number;
+    _x: number;
+    _y: number;
+    _hovered: boolean;
+    _marginArray: [number, number, number, number];
+    setHoverState: (hovered: boolean) => void;
+}

package/es/interface/graphic/richText.js

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

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

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

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

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

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

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

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

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

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

package/es/interface/graphic/svg.js

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

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

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

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

@@ -0,0 +1,22 @@
+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];
+};
+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;
+export interface ISymbolClass {
+    type: SymbolType | string;
+    path?: ICustomPath2D;
+    pathStr: string;
+    isSvg?: boolean;
+    draw: (ctx: IPath2D, size: number | [number, number], x: number, y: number, z?: number, cb?: (p: ICustomPath2D, a: any) => void) => boolean;
+    drawOffset: (ctx: IPath2D, size: number | [number, number], x: number, y: number, offset: number, z?: number, cb?: (p: ICustomPath2D, a: any) => void) => boolean;
+    drawToSvgPath?: (size: number | [number, number], x: number, y: number, z?: number) => string;
+    bounds: (size: number | [number, number], bounds: IBounds) => void;
+}

package/es/interface/graphic/symbol.js

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

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

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

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

@@ -0,0 +1,73 @@
+import type { IAABBBounds } from '@visactor/vutils';
+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;
+    textAlign: TextAlignType;
+    textBaseline: TextBaselineType;
+    fontSize: number;
+    fontFamily: string;
+    fontWeight: string | number;
+    ellipsis: boolean | string;
+    fontVariant: string;
+    fontStyle: string;
+    lineHeight: number;
+    underline: number;
+    lineThrough: number;
+    scaleIn3d: boolean;
+    direction: 'horizontal' | 'vertical';
+    wordBreak: 'break-word' | 'break-all';
+    ignoreBuf: boolean;
+};
+export type ITextCache = {
+    clipedText?: string;
+    clipedWidth?: number;
+    layoutData?: LayoutType;
+    verticalList?: {
+        text: string;
+        width?: number;
+        direction: number;
+    }[][];
+};
+export type ITextGraphicAttribute = Partial<IGraphicAttribute> & Partial<ITextAttribute>;
+export type IWrapTextGraphicAttribute = ITextGraphicAttribute & {
+    heightLimit?: number;
+    lineClamp?: number;
+};
+export interface IText extends IGraphic<ITextGraphicAttribute> {
+    clipedText?: string;
+    clipedWidth?: number;
+    cliped?: boolean;
+    multilineLayout?: LayoutType;
+    font?: string;
+    cache?: ITextCache;
+    updateMultilineAABBBounds: (text: (number | string)[]) => IAABBBounds;
+    updateSingallineAABBBounds: (text: number | string) => IAABBBounds;
+}
+export type TextAlignType = 'left' | 'right' | 'center' | 'start' | 'end';
+export type TextBaselineType = 'top' | 'middle' | 'bottom' | 'alphabetic';

package/es/interface/graphic/text.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/graphic/text.ts"],"names":[],"mappings":"","file":"text.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\nimport type { 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  scaleIn3d: boolean;\n  direction: 'horizontal' | 'vertical';\n  wordBreak: 'break-word' | 'break-all';\n  ignoreBuf: boolean;\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  verticalList?: { text: string; width?: number; direction: number }[][];\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"]}