@visactor/vrender-core 0.16.0-alpha.0

package/cjs/graphic/richtext.js

@@ -0,0 +1,184 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RichText = void 0;
+
+const graphic_1 = require("./graphic"), config_1 = require("./config"), frame_1 = __importDefault(require("./richtext/frame")), paragraph_1 = __importDefault(require("./richtext/paragraph")), wrapper_1 = __importDefault(require("./richtext/wrapper")), theme_1 = require("./theme"), icon_1 = require("./richtext/icon"), application_1 = require("../application"), utils_1 = require("../common/utils"), constants_1 = require("./constants"), RICHTEXT_UPDATE_TAG_KEY = [ "width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", ...graphic_1.GRAPHIC_UPDATE_TAG_KEY ];
+
+class RichText extends graphic_1.Graphic {
+    constructor(params) {
+        super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = constants_1.RICHTEXT_NUMBER_TYPE;
+    }
+    get width() {
+        var _a;
+        return null !== (_a = this.attribute.width) && void 0 !== _a ? _a : config_1.DefaultRichTextAttribute.width;
+    }
+    set width(w) {
+        this.attribute.width !== w && (this.attribute.width = w, this.addUpdateShapeAndBoundsTag());
+    }
+    get height() {
+        var _a;
+        return null !== (_a = this.attribute.height) && void 0 !== _a ? _a : config_1.DefaultRichTextAttribute.height;
+    }
+    set height(h) {
+        this.attribute.height !== h && (this.attribute.height = h, this.addUpdateShapeAndBoundsTag());
+    }
+    get maxWidth() {
+        return this.attribute.maxWidth;
+    }
+    set maxWidth(mw) {
+        this.attribute.maxWidth !== mw && (this.attribute.maxWidth = mw, this.addUpdateShapeAndBoundsTag());
+    }
+    get maxHeight() {
+        return this.attribute.maxHeight;
+    }
+    set maxHeight(mh) {
+        this.attribute.maxHeight !== mh && (this.attribute.maxHeight = mh, this.addUpdateShapeAndBoundsTag());
+    }
+    get ellipsis() {
+        var _a;
+        return null !== (_a = this.attribute.ellipsis) && void 0 !== _a ? _a : config_1.DefaultRichTextAttribute.ellipsis;
+    }
+    set ellipsis(e) {
+        this.attribute.ellipsis !== e && (this.attribute.ellipsis = e, this.addUpdateShapeAndBoundsTag());
+    }
+    get wordBreak() {
+        var _a;
+        return null !== (_a = this.attribute.wordBreak) && void 0 !== _a ? _a : config_1.DefaultRichTextAttribute.wordBreak;
+    }
+    set wordBreak(wb) {
+        this.attribute.wordBreak !== wb && (this.attribute.wordBreak = wb, this.addUpdateShapeAndBoundsTag());
+    }
+    get verticalDirection() {
+        var _a;
+        return null !== (_a = this.attribute.verticalDirection) && void 0 !== _a ? _a : config_1.DefaultRichTextAttribute.verticalDirection;
+    }
+    set verticalDirection(vd) {
+        this.attribute.verticalDirection !== vd && (this.attribute.verticalDirection = vd, 
+        this.addUpdateShapeAndBoundsTag());
+    }
+    get textAlign() {
+        var _a;
+        return null !== (_a = this.attribute.textAlign) && void 0 !== _a ? _a : config_1.DefaultRichTextAttribute.textAlign;
+    }
+    set textAlign(align) {
+        this.attribute.textAlign !== align && (this.attribute.textAlign = align, this.addUpdateShapeAndBoundsTag());
+    }
+    get textBaseline() {
+        var _a;
+        return null !== (_a = this.attribute.textBaseline) && void 0 !== _a ? _a : config_1.DefaultRichTextAttribute.textBaseline;
+    }
+    set textBaseline(baseline) {
+        this.attribute.textBaseline !== baseline && (this.attribute.textBaseline = baseline, 
+        this.addUpdateShapeAndBoundsTag());
+    }
+    get textConfig() {
+        var _a;
+        return null !== (_a = this.attribute.textConfig) && void 0 !== _a ? _a : config_1.DefaultRichTextAttribute.textConfig;
+    }
+    set textConfig(config) {
+        this.attribute.textConfig = config, this.addUpdateShapeAndBoundsTag();
+    }
+    doUpdateAABBBounds() {
+        const richTextTheme = (0, theme_1.getTheme)(this).richtext;
+        this._AABBBounds.setValue(1 / 0, 1 / 0, -1 / 0, -1 / 0);
+        const attribute = this.attribute, bounds = application_1.application.graphicService.updateRichTextAABBBounds(attribute, (0, 
+        theme_1.getTheme)(this).richtext, this._AABBBounds, this), {boundsPadding: boundsPadding = richTextTheme.boundsPadding} = attribute, paddingArray = (0, 
+        utils_1.parsePadding)(boundsPadding);
+        return paddingArray && bounds.expand(paddingArray), this.clearUpdateBoundTag(), 
+        bounds;
+    }
+    tryUpdateOBBBounds() {
+        throw new Error("暂不支持");
+    }
+    getDefaultAttribute(name) {
+        return config_1.DefaultRichTextAttribute[name];
+    }
+    needUpdateTags(keys) {
+        return super.needUpdateTags(keys, RICHTEXT_UPDATE_TAG_KEY);
+    }
+    needUpdateTag(key) {
+        return super.needUpdateTag(key, RICHTEXT_UPDATE_TAG_KEY);
+    }
+    getFrameCache() {
+        return this.shouldUpdateShape() && (this.doUpdateFrameCache(), this.clearUpdateShapeTag()), 
+        this._frameCache;
+    }
+    doUpdateFrameCache() {
+        var _a;
+        const {textConfig: textConfig, maxWidth: maxWidth, maxHeight: maxHeight, width: width, height: height, ellipsis: ellipsis, wordBreak: wordBreak, verticalDirection: verticalDirection, textAlign: textAlign, textBaseline: textBaseline, layoutDirection: layoutDirection, singleLine: singleLine} = this.attribute, paragraphs = [];
+        for (let i = 0; i < textConfig.length; i++) if ("image" in textConfig[i]) {
+            const config = textConfig[i], iconCache = config.id && this._frameCache && this._frameCache.icons && this._frameCache.icons.get(config.id);
+            if (iconCache) paragraphs.push(iconCache); else {
+                const icon = new icon_1.RichTextIcon(config);
+                icon.successCallback = () => {
+                    var _a;
+                    this.addUpdateBoundTag(), null === (_a = this.stage) || void 0 === _a || _a.renderNextFrame();
+                }, icon.richtextId = config.id, paragraphs.push(icon);
+            }
+        } else if (textConfig[i].text.includes("\n")) {
+            const textParts = textConfig[i].text.split("\n");
+            for (let j = 0; j < textParts.length; j++) paragraphs.push(new paragraph_1.default(textParts[j], 0 !== j, textConfig[i]));
+        } else paragraphs.push(new paragraph_1.default(textConfig[i].text, !1, textConfig[i]));
+        const frameHeight = "number" == typeof maxHeight && (!height || height > maxHeight) ? maxHeight : height, frameWidth = "number" == typeof maxWidth && (!width || width > maxWidth) ? maxWidth : width, frame = new frame_1.default(0, 0, frameWidth || 0, frameHeight || 0, ellipsis, wordBreak, verticalDirection, textAlign, textBaseline, layoutDirection || "horizontal", "number" == typeof maxWidth && (!width || width > maxWidth), "number" == typeof maxHeight && (!height || height > maxHeight), singleLine || !1, null === (_a = this._frameCache) || void 0 === _a ? void 0 : _a.icons), wrapper = new wrapper_1.default(frame);
+        for (let i = 0; i < paragraphs.length; i++) wrapper.deal(paragraphs[i]);
+        wrapper.send(), this._frameCache = frame;
+    }
+    clone() {
+        return new RichText(Object.assign({}, this.attribute));
+    }
+    setStage(stage, layer) {
+        super.setStage(stage, layer);
+        this.getFrameCache().icons.forEach((icon => {
+            icon.setStage(stage, layer);
+        }));
+    }
+    bindIconEvent() {
+        this.addEventListener("pointermove", (e => {
+            var _a, _b, _c, _d, _e;
+            const pickedIcon = this.pickIcon(e.global);
+            pickedIcon && pickedIcon === this._currentHoverIcon || (pickedIcon ? (null === (_a = this._currentHoverIcon) || void 0 === _a || _a.setHoverState(!1), 
+            this._currentHoverIcon = pickedIcon, this._currentHoverIcon.setHoverState(!0), null === (_b = this.stage) || void 0 === _b || _b.setCursor(pickedIcon.attribute.cursor), 
+            null === (_c = this.stage) || void 0 === _c || _c.renderNextFrame()) : !pickedIcon && this._currentHoverIcon && (this._currentHoverIcon.setHoverState(!1), 
+            this._currentHoverIcon = null, null === (_d = this.stage) || void 0 === _d || _d.setCursor(), 
+            null === (_e = this.stage) || void 0 === _e || _e.renderNextFrame()));
+        })), this.addEventListener("pointerleave", (e => {
+            var _a, _b;
+            this._currentHoverIcon && (this._currentHoverIcon.setHoverState(!1), this._currentHoverIcon = null, 
+            null === (_a = this.stage) || void 0 === _a || _a.setCursor(), null === (_b = this.stage) || void 0 === _b || _b.renderNextFrame());
+        }));
+    }
+    pickIcon(point) {
+        const frameCache = this.getFrameCache(), {e: x, f: y} = this.globalTransMatrix;
+        let pickIcon;
+        return frameCache.icons.forEach((icon => {
+            var _a, _b;
+            icon.AABBBounds.containsPoint({
+                x: point.x - x,
+                y: point.y - y
+            }) && (pickIcon = icon, pickIcon.globalX = (null !== (_a = pickIcon.attribute.x) && void 0 !== _a ? _a : 0) + x, 
+            pickIcon.globalY = (null !== (_b = pickIcon.attribute.y) && void 0 !== _b ? _b : 0) + y);
+        })), pickIcon;
+    }
+    getNoWorkAnimateAttr() {
+        return RichText.NOWORK_ANIMATE_ATTR;
+    }
+}
+
+exports.RichText = RichText, RichText.NOWORK_ANIMATE_ATTR = Object.assign({
+    ellipsis: 1,
+    wordBreak: 1,
+    verticalDirection: 1,
+    textAlign: 1,
+    textBaseline: 1,
+    textConfig: 1,
+    layoutDirection: 1
+}, graphic_1.NOWORK_ANIMATE_ATTR);
+//# sourceMappingURL=richtext.js.map

package/cjs/graphic/richtext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/richtext.ts"],"names":[],"mappings":"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","file":"richtext.js","sourcesContent":["import type { AABBBounds, IPoint, OBBBounds } from '@visactor/vutils';\nimport type {\n  IRichText,\n  IRichTextCharacter,\n  RichTextGlobalAlignType,\n  RichTextGlobalBaselineType,\n  RichTextVerticalDirection,\n  RichTextWordBreak,\n  IRichTextGraphicAttribute,\n  IRichTextImageCharacter,\n  IRichTextParagraphCharacter,\n  IStage,\n  ILayer,\n  IRichTextIcon\n} from '../interface';\nimport { Graphic, GRAPHIC_UPDATE_TAG_KEY, NOWORK_ANIMATE_ATTR } from './graphic';\nimport { DefaultRichTextAttribute } from './config';\nimport Frame from './richtext/frame';\nimport Paragraph from './richtext/paragraph';\nimport Wrapper from './richtext/wrapper';\nimport { getTheme } from './theme';\nimport { RichTextIcon } from './richtext/icon';\nimport type { FederatedMouseEvent } from '../event';\nimport { application } from '../application';\nimport { parsePadding } from '../common/utils';\nimport { RICHTEXT_NUMBER_TYPE } from './constants';\n\nconst RICHTEXT_UPDATE_TAG_KEY = [\n  'width',\n  'height',\n  'ellipsis',\n  'wordBreak',\n  'verticalDirection',\n  'maxHeight',\n  'maxWidth',\n  'textAlign',\n  'textBaseline',\n  'textConfig',\n  'layoutDirection',\n  ...GRAPHIC_UPDATE_TAG_KEY\n];\n\nexport class RichText extends Graphic<IRichTextGraphicAttribute> implements IRichText {\n  type: 'richtext' = 'richtext';\n\n  _frameCache: Frame; // 富文本布局画布\n  _currentHoverIcon: IRichTextIcon | null = null;\n\n  static NOWORK_ANIMATE_ATTR = {\n    ellipsis: 1,\n    wordBreak: 1,\n    verticalDirection: 1,\n    textAlign: 1,\n    textBaseline: 1,\n    textConfig: 1,\n    layoutDirection: 1,\n    ...NOWORK_ANIMATE_ATTR\n  };\n\n  constructor(params?: IRichTextGraphicAttribute) {\n    super(params);\n    this.numberType = RICHTEXT_NUMBER_TYPE;\n  }\n\n  get width(): number {\n    return this.attribute.width ?? DefaultRichTextAttribute.width;\n  }\n  set width(w: number) {\n    if (this.attribute.width === w) {\n      return;\n    }\n    this.attribute.width = w;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get height(): number {\n    return this.attribute.height ?? DefaultRichTextAttribute.height;\n  }\n  set height(h: number) {\n    if (this.attribute.height === h) {\n      return;\n    }\n    this.attribute.height = h;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get maxWidth(): number | undefined {\n    return this.attribute.maxWidth;\n  }\n  set maxWidth(mw: number | undefined) {\n    if (this.attribute.maxWidth === mw) {\n      return;\n    }\n    this.attribute.maxWidth = mw;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get maxHeight(): number | undefined {\n    return this.attribute.maxHeight;\n  }\n  set maxHeight(mh: number | undefined) {\n    if (this.attribute.maxHeight === mh) {\n      return;\n    }\n    this.attribute.maxHeight = mh;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get ellipsis(): boolean | string {\n    return this.attribute.ellipsis ?? DefaultRichTextAttribute.ellipsis;\n  }\n  set ellipsis(e: boolean | string) {\n    if (this.attribute.ellipsis === e) {\n      return;\n    }\n    this.attribute.ellipsis = e;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get wordBreak(): RichTextWordBreak {\n    return this.attribute.wordBreak ?? DefaultRichTextAttribute.wordBreak;\n  }\n  set wordBreak(wb: RichTextWordBreak) {\n    if (this.attribute.wordBreak === wb) {\n      return;\n    }\n    this.attribute.wordBreak = wb;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get verticalDirection(): RichTextVerticalDirection {\n    return this.attribute.verticalDirection ?? DefaultRichTextAttribute.verticalDirection;\n  }\n  set verticalDirection(vd: RichTextVerticalDirection) {\n    if (this.attribute.verticalDirection === vd) {\n      return;\n    }\n    this.attribute.verticalDirection = vd;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get textAlign(): RichTextGlobalAlignType {\n    return this.attribute.textAlign ?? DefaultRichTextAttribute.textAlign;\n  }\n  set textAlign(align: RichTextGlobalAlignType) {\n    if (this.attribute.textAlign === align) {\n      return;\n    }\n    this.attribute.textAlign = align;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get textBaseline(): RichTextGlobalBaselineType {\n    return this.attribute.textBaseline ?? DefaultRichTextAttribute.textBaseline;\n  }\n  set textBaseline(baseline: RichTextGlobalBaselineType) {\n    if (this.attribute.textBaseline === baseline) {\n      return;\n    }\n    this.attribute.textBaseline = baseline;\n    this.addUpdateShapeAndBoundsTag();\n  }\n  get textConfig(): IRichTextCharacter[] {\n    return this.attribute.textConfig ?? DefaultRichTextAttribute.textConfig;\n  }\n  set textConfig(config: IRichTextCharacter[]) {\n    this.attribute.textConfig = config;\n    this.addUpdateShapeAndBoundsTag();\n  }\n\n  protected doUpdateAABBBounds(): AABBBounds {\n    const richTextTheme = getTheme(this).richtext;\n    this._AABBBounds.setValue(Infinity, Infinity, -Infinity, -Infinity);\n    const attribute = this.attribute;\n    const bounds = application.graphicService.updateRichTextAABBBounds(\n      attribute,\n      getTheme(this).richtext,\n      this._AABBBounds,\n      this\n    ) as AABBBounds;\n\n    const { boundsPadding = richTextTheme.boundsPadding } = attribute;\n    const paddingArray = parsePadding(boundsPadding);\n    if (paddingArray) {\n      bounds.expand(paddingArray);\n    }\n\n    this.clearUpdateBoundTag();\n    return bounds;\n  }\n\n  protected tryUpdateOBBBounds(): OBBBounds {\n    throw new Error('暂不支持');\n  }\n\n  getDefaultAttribute(name: string) {\n    return DefaultRichTextAttribute[name];\n  }\n\n  protected needUpdateTags(keys: string[]): boolean {\n    return super.needUpdateTags(keys, RICHTEXT_UPDATE_TAG_KEY);\n  }\n  protected needUpdateTag(key: string): boolean {\n    return super.needUpdateTag(key, RICHTEXT_UPDATE_TAG_KEY);\n  }\n  getFrameCache(): Frame {\n    if (this.shouldUpdateShape()) {\n      this.doUpdateFrameCache();\n      this.clearUpdateShapeTag();\n    }\n    return this._frameCache;\n  }\n  doUpdateFrameCache() {\n    // 1. 测量，生成paragraph\n    const {\n      textConfig,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      ellipsis,\n      wordBreak,\n      verticalDirection,\n      textAlign,\n      textBaseline,\n      layoutDirection,\n      singleLine\n    } = this.attribute;\n    const paragraphs: (Paragraph | RichTextIcon)[] = [];\n    for (let i = 0; i < textConfig.length; i++) {\n      if ('image' in textConfig[i]) {\n        const config = textConfig[i] as IRichTextImageCharacter;\n        // 直接创建icon Mark\n        const iconCache =\n          config.id && this._frameCache && this._frameCache.icons && this._frameCache.icons.get(config.id);\n        if (iconCache) {\n          paragraphs.push(iconCache as RichTextIcon);\n        } else {\n          const icon = new RichTextIcon(config);\n          icon.successCallback = () => {\n            this.addUpdateBoundTag();\n            this.stage?.renderNextFrame();\n          };\n          icon.richtextId = config.id;\n          paragraphs.push(icon);\n        }\n      } else if ((textConfig[i] as IRichTextParagraphCharacter).text.includes('\\n')) {\n        // 如果有文字内有换行符，将该段文字切为多段，并在后一段加入newLine标记\n        const textParts = (textConfig[i] as IRichTextParagraphCharacter).text.split('\\n');\n        for (let j = 0; j < textParts.length; j++) {\n          paragraphs.push(new Paragraph(textParts[j], j !== 0, textConfig[i] as IRichTextParagraphCharacter));\n        }\n      } else {\n        paragraphs.push(\n          new Paragraph(\n            (textConfig[i] as IRichTextParagraphCharacter).text,\n            false,\n            textConfig[i] as IRichTextParagraphCharacter\n          )\n        );\n      }\n    }\n\n    // 2. 布局，生成frame\n    const frameHeight =\n      typeof maxHeight === 'number' && (!height || height > maxHeight) // height = 0或height>maxHeight，使用maxHeight布局\n        ? maxHeight\n        : height;\n    const frameWidth =\n      typeof maxWidth === 'number' && (!width || width > maxWidth) // height = 0或height>maxWidth，使用maxWidth布局\n        ? maxWidth\n        : width;\n\n    const frame = new Frame(\n      0,\n      0,\n      frameWidth || 0,\n      frameHeight || 0,\n      ellipsis,\n      wordBreak,\n      verticalDirection,\n      textAlign,\n      textBaseline,\n      layoutDirection || 'horizontal',\n      typeof maxWidth === 'number' && (!width || width > maxWidth),\n      typeof maxHeight === 'number' && (!height || height > maxHeight),\n      singleLine || false,\n      this._frameCache?.icons\n    );\n    const wrapper = new Wrapper(frame);\n    for (let i = 0; i < paragraphs.length; i++) {\n      wrapper.deal(paragraphs[i]);\n    }\n\n    wrapper.send(); // 最后一行手动输出\n\n    this._frameCache = frame;\n\n    // this.bindIconEvent();\n  }\n\n  clone() {\n    return new RichText({ ...this.attribute });\n  }\n\n  setStage(stage?: IStage, layer?: ILayer) {\n    super.setStage(stage, layer);\n    const frameCache = this.getFrameCache();\n    // for (let i = 0; i < frameCache.icons.length; i++) {\n    //   const icon = frameCache.icons[i];\n    //   icon.setStage(stage, layer);\n    // }\n    frameCache.icons.forEach(icon => {\n      icon.setStage(stage, layer);\n    });\n  }\n\n  // richtext绑定icon交互事件，供外部调用\n  bindIconEvent() {\n    this.addEventListener('pointermove', (e: FederatedMouseEvent) => {\n      const pickedIcon = this.pickIcon(e.global);\n      if (pickedIcon && pickedIcon === this._currentHoverIcon) {\n        // do nothing\n      } else if (pickedIcon) {\n        this._currentHoverIcon?.setHoverState(false);\n        this._currentHoverIcon = pickedIcon;\n        this._currentHoverIcon.setHoverState(true);\n        this.stage?.setCursor(pickedIcon.attribute.cursor);\n        this.stage?.renderNextFrame();\n      } else if (!pickedIcon && this._currentHoverIcon) {\n        this._currentHoverIcon.setHoverState(false);\n        this._currentHoverIcon = null;\n        this.stage?.setCursor();\n        // console.log('setCursor()');\n\n        this.stage?.renderNextFrame();\n      }\n    });\n\n    this.addEventListener('pointerleave', (e: FederatedMouseEvent) => {\n      if (this._currentHoverIcon) {\n        this._currentHoverIcon.setHoverState(false);\n        this._currentHoverIcon = null;\n        this.stage?.setCursor();\n        this.stage?.renderNextFrame();\n      }\n    });\n  }\n\n  pickIcon(point: IPoint): IRichTextIcon | undefined {\n    const frameCache = this.getFrameCache();\n    const { e: x, f: y } = this.globalTransMatrix;\n    // for (let i = 0; i < frameCache.icons.length; i++) {\n    //   const icon = frameCache.icons[i];\n    //   if (icon.containsPoint(point.x - x, point.y - y)) {\n    //     return icon;\n    //   }\n    // }\n    let pickIcon: IRichTextIcon | undefined;\n    frameCache.icons.forEach(icon => {\n      if (icon.AABBBounds.containsPoint({ x: point.x - x, y: point.y - y })) {\n        pickIcon = icon;\n\n        pickIcon.globalX = (pickIcon.attribute.x ?? 0) + x;\n        pickIcon.globalY = (pickIcon.attribute.y ?? 0) + y;\n      }\n    });\n\n    return pickIcon;\n  }\n\n  getNoWorkAnimateAttr(): Record<string, number> {\n    return RichText.NOWORK_ANIMATE_ATTR;\n  }\n}\n"]}

package/cjs/graphic/shadow-root.d.ts

@@ -0,0 +1,13 @@
+import type { AABBBounds, Matrix } from '@visactor/vutils';
+import type { GraphicType, IGraphic } from '../interface';
+import { Group } from './group';
+export declare class ShadowRoot extends Group {
+    type: GraphicType;
+    shadowHost: IGraphic;
+    constructor(graphic?: IGraphic);
+    addUpdateBoundTag(): void;
+    addUpdateShapeAndBoundsTag(): void;
+    protected tryUpdateGlobalTransMatrix(clearTag?: boolean): Matrix;
+    protected doUpdateGlobalMatrix(): void;
+    protected tryUpdateGlobalAABBBounds(): AABBBounds;
+}

package/cjs/graphic/shadow-root.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ShadowRoot = void 0;
+
+const group_1 = require("./group");
+
+class ShadowRoot extends group_1.Group {
+    constructor(graphic) {
+        super({
+            x: 0,
+            y: 0
+        }), this.type = "shadowroot", this.shadowHost = graphic;
+    }
+    addUpdateBoundTag() {
+        super.addUpdateBoundTag(), this.shadowHost && this.shadowHost.addUpdateBoundTag();
+    }
+    addUpdateShapeAndBoundsTag() {
+        super.addUpdateShapeAndBoundsTag(), this.shadowHost && this.shadowHost.addUpdateBoundTag();
+    }
+    tryUpdateGlobalTransMatrix(clearTag = !0) {
+        if (this.shouldUpdateGlobalMatrix()) {
+            const m = this.transMatrix;
+            this._globalTransMatrix ? this._globalTransMatrix.setValue(m.a, m.b, m.c, m.d, m.e, m.f) : this._globalTransMatrix = m.clone(), 
+            this.doUpdateGlobalMatrix(), clearTag && this.clearUpdateGlobalPositionTag();
+        }
+        return this._globalTransMatrix;
+    }
+    doUpdateGlobalMatrix() {
+        if (this.shadowHost) {
+            const parentMatrix = this.shadowHost.globalTransMatrix;
+            this._globalTransMatrix.multiply(parentMatrix.a, parentMatrix.b, parentMatrix.c, parentMatrix.d, parentMatrix.e, parentMatrix.f);
+        }
+    }
+    tryUpdateGlobalAABBBounds() {
+        return this._globalAABBBounds ? this._globalAABBBounds.setValue(this._AABBBounds.x1, this._AABBBounds.y1, this._AABBBounds.x2, this._AABBBounds.y2) : this._globalAABBBounds = this._AABBBounds.clone(), 
+        this.shadowHost && this._globalAABBBounds.transformWithMatrix(this.shadowHost.globalTransMatrix), 
+        this._globalAABBBounds;
+    }
+}
+
+exports.ShadowRoot = ShadowRoot;
+//# sourceMappingURL=shadow-root.js.map

package/cjs/graphic/shadow-root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/shadow-root.ts"],"names":[],"mappings":";;;AAEA,mCAAgC;AAEhC,MAAa,UAAW,SAAQ,aAAK;IAInC,YAAY,OAAkB;QAC5B,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAJxB,SAAI,GAAgB,YAAY,CAAC;QAK/B,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;IAC5B,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,CAAC;SACrC;IACH,CAAC;IAEQ,0BAA0B;QACjC,KAAK,CAAC,0BAA0B,EAAE,CAAC;QACnC,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,CAAC;SACrC;IACH,CAAC;IAIS,0BAA0B,CAAC,WAAoB,IAAI;QAC3D,IAAI,IAAI,CAAC,wBAAwB,EAAE,EAAE;YACnC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;YAC3B,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;gBAC5B,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC;aACrC;iBAAM;gBACL,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;aAChE;YACD,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,QAAQ,IAAI,IAAI,CAAC,4BAA4B,EAAE,CAAC;SACjD;QACD,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IACS,oBAAoB;QAC5B,IAAI,IAAI,CAAC,UAAU,EAAE;YAEnB,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;YACvD,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAC9B,YAAY,CAAC,CAAC,EACd,YAAY,CAAC,CAAC,EACd,YAAY,CAAC,CAAC,EACd,YAAY,CAAC,CAAC,EACd,YAAY,CAAC,CAAC,EACd,YAAY,CAAC,CAAC,CACf,CAAC;SACH;IACH,CAAC;IAGS,yBAAyB;QACjC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;SACnD;aAAM;YACL,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAC7B,IAAI,CAAC,WAAW,CAAC,EAAE,EACnB,IAAI,CAAC,WAAW,CAAC,EAAE,EACnB,IAAI,CAAC,WAAW,CAAC,EAAE,EACnB,IAAI,CAAC,WAAW,CAAC,EAAE,CACpB,CAAC;SACH;QAGD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;SAC/E;QACD,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;CACF;AAxED,gCAwEC","file":"shadow-root.js","sourcesContent":["import type { AABBBounds, Matrix } from '@visactor/vutils';\nimport type { GraphicType, IGraphic } from '../interface';\nimport { Group } from './group';\n\nexport class ShadowRoot extends Group {\n  type: GraphicType = 'shadowroot';\n  declare shadowHost: IGraphic;\n\n  constructor(graphic?: IGraphic) {\n    super({ x: 0, y: 0 });\n    this.shadowHost = graphic;\n  }\n\n  override addUpdateBoundTag() {\n    super.addUpdateBoundTag();\n    if (this.shadowHost) {\n      this.shadowHost.addUpdateBoundTag();\n    }\n  }\n\n  override addUpdateShapeAndBoundsTag() {\n    super.addUpdateShapeAndBoundsTag();\n    if (this.shadowHost) {\n      this.shadowHost.addUpdateBoundTag();\n    }\n  }\n\n  // 计算localMatrix不受影响\n  // 计算globalMatrix需要用到shadowHost的globalMatrix\n  protected tryUpdateGlobalTransMatrix(clearTag: boolean = true): Matrix {\n    if (this.shouldUpdateGlobalMatrix()) {\n      const m = this.transMatrix;\n      if (!this._globalTransMatrix) {\n        this._globalTransMatrix = m.clone();\n      } else {\n        this._globalTransMatrix.setValue(m.a, m.b, m.c, m.d, m.e, m.f);\n      }\n      this.doUpdateGlobalMatrix();\n      clearTag && this.clearUpdateGlobalPositionTag();\n    }\n    return this._globalTransMatrix;\n  }\n  protected doUpdateGlobalMatrix() {\n    if (this.shadowHost) {\n      // 基于shadowHost的matrix修改\n      const parentMatrix = this.shadowHost.globalTransMatrix;\n      this._globalTransMatrix.multiply(\n        parentMatrix.a,\n        parentMatrix.b,\n        parentMatrix.c,\n        parentMatrix.d,\n        parentMatrix.e,\n        parentMatrix.f\n      );\n    }\n  }\n  // 计算AABBBounds不受影响\n  // 计算globalAABBBounds\n  protected tryUpdateGlobalAABBBounds(): AABBBounds {\n    if (!this._globalAABBBounds) {\n      this._globalAABBBounds = this._AABBBounds.clone();\n    } else {\n      this._globalAABBBounds.setValue(\n        this._AABBBounds.x1,\n        this._AABBBounds.y1,\n        this._AABBBounds.x2,\n        this._AABBBounds.y2\n      );\n    }\n    // 使用shadowHost的grloalAABBBounds\n    // todo: 考虑是否需要性能优化\n    if (this.shadowHost) {\n      this._globalAABBBounds.transformWithMatrix(this.shadowHost.globalTransMatrix);\n    }\n    return this._globalAABBBounds;\n  }\n}\n"]}

package/cjs/graphic/symbol.d.ts

@@ -0,0 +1,53 @@
+import type { OBBBounds } from '@visactor/vutils';
+import { AABBBounds } from '@visactor/vutils';
+import type { ISymbol, ISymbolClass, ISymbolGraphicAttribute } from '../interface';
+import { Graphic } from './graphic';
+import { CustomPath2D } from '../common/custom-path2d';
+export declare class Symbol extends Graphic<ISymbolGraphicAttribute> implements ISymbol {
+    type: 'symbol';
+    static userSymbolMap: Record<string, ISymbolClass>;
+    static NOWORK_ANIMATE_ATTR: {
+        strokeSeg: number;
+        boundsPadding: number;
+        pickMode: number;
+        boundsMode: number;
+        customPickShape: number;
+        pickable: number;
+        childrenPickable: number;
+        visible: number;
+        zIndex: number;
+        layout: number;
+        keepDirIn3d: number;
+        outerBorder: number;
+        innerBorder: number;
+        lineDash: number;
+        lineCap: number;
+        lineJoin: number;
+        miterLimit: number;
+        strokeBoundsBuffer: number;
+        scaleCenter: number;
+        anchor: number;
+        anchor3d: number;
+        postMatrix: number;
+        backgroundMode: number;
+        background: number;
+        texture: number;
+        cursor: number;
+        html: number;
+        symbolType: number;
+    };
+    constructor(params?: ISymbolGraphicAttribute);
+    protected _parsedPath?: ISymbolClass;
+    getParsedPath(): ISymbolClass;
+    isValid(): boolean;
+    private _isValid;
+    protected doUpdateParsedPath(): ISymbolClass;
+    protected doUpdateAABBBounds(full?: boolean): AABBBounds;
+    protected tryUpdateOBBBounds(): OBBBounds;
+    getDefaultAttribute(name: string): any;
+    protected needUpdateTags(keys: string[]): boolean;
+    protected needUpdateTag(key: string): boolean;
+    toCustomPath(): CustomPath2D;
+    clone(): Symbol;
+    getNoWorkAnimateAttr(): Record<string, number>;
+}

package/cjs/graphic/symbol.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Symbol = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vutils_2 = require("@visactor/vutils"), builtin_symbol_1 = require("./builtin-symbol"), graphic_1 = require("./graphic"), utils_1 = require("../common/utils"), theme_1 = require("./theme"), application_1 = require("../application"), custom_path2d_1 = require("../common/custom-path2d"), constants_1 = require("./constants"), xml_1 = require("../common/xml"), parser_1 = require("../common/xml/parser"), SYMBOL_UPDATE_TAG_KEY = [ "symbolType", "size", ...graphic_1.GRAPHIC_UPDATE_TAG_KEY ];
+
+class Symbol extends graphic_1.Graphic {
+    constructor(params = {
+        symbolType: "circle"
+    }) {
+        super(params), this.type = "symbol", this.numberType = constants_1.SYMBOL_NUMBER_TYPE;
+    }
+    getParsedPath() {
+        return this.shouldUpdateShape() && (this.doUpdateParsedPath(), this.clearUpdateShapeTag()), 
+        this._parsedPath;
+    }
+    isValid() {
+        return super.isValid() && this._isValid();
+    }
+    _isValid() {
+        const {size: size} = this.attribute;
+        return (0, vutils_2.isArray)(size) ? 2 === size.length && size.every(this._validNumber) : this._validNumber(size);
+    }
+    doUpdateParsedPath() {
+        const symbolTheme = (0, theme_1.getTheme)(this).symbol, {symbolType: symbolType = symbolTheme.symbolType} = this.attribute;
+        let path = builtin_symbol_1.builtinSymbolsMap[symbolType];
+        if (path) return this._parsedPath = path, path;
+        if (path = Symbol.userSymbolMap[symbolType], path) return this._parsedPath = path, 
+        path;
+        if (!0 === (0, parser_1.isSvg)(symbolType)) {
+            const parser = new xml_1.XMLParser, {svg: svg} = parser.parse(symbolType);
+            if (!svg) return null;
+            const path = (0, vutils_2.isArray)(svg.path) ? svg.path : [ svg.path ], b = new vutils_1.AABBBounds, cacheList = [];
+            path.forEach((item => {
+                const cache = (new custom_path2d_1.CustomPath2D).fromString(item.d), attribute = {
+                    fill: "black"
+                };
+                constants_1.SVG_PARSE_ATTRIBUTE_MAP_KEYS.forEach((k => {
+                    item[k] && (attribute[constants_1.SVG_PARSE_ATTRIBUTE_MAP[k]] = item[k]);
+                })), cacheList.push({
+                    path: cache,
+                    attribute: attribute
+                }), b.union(cache.bounds);
+            }));
+            const width = b.width(), height = b.height(), scale = 1 / (0, vutils_2.max)(width, height);
+            return cacheList.forEach((cache => cache.path.transform(0, 0, scale, scale))), this._parsedPath = new builtin_symbol_1.CustomSymbolClass(symbolType, cacheList, !0), 
+            Symbol.userSymbolMap[symbolType] = this._parsedPath, this._parsedPath;
+        }
+        const cache = (new custom_path2d_1.CustomPath2D).fromString(symbolType), width = cache.bounds.width(), height = cache.bounds.height(), scale = 1 / (0, 
+        vutils_2.max)(width, height);
+        return cache.transform(0, 0, scale, scale), this._parsedPath = new builtin_symbol_1.CustomSymbolClass(symbolType, cache), 
+        Symbol.userSymbolMap[symbolType] = this._parsedPath, this._parsedPath;
+    }
+    doUpdateAABBBounds(full) {
+        const symbolTheme = (0, theme_1.getTheme)(this).symbol;
+        this._AABBBounds.setValue(1 / 0, 1 / 0, -1 / 0, -1 / 0);
+        const attribute = this.attribute, bounds = application_1.application.graphicService.updateSymbolAABBBounds(attribute, (0, 
+        theme_1.getTheme)(this).symbol, this._AABBBounds, full, this), {boundsPadding: boundsPadding = symbolTheme.boundsPadding} = attribute, paddingArray = (0, 
+        utils_1.parsePadding)(boundsPadding);
+        return paddingArray && bounds.expand(paddingArray), this.clearUpdateBoundTag(), 
+        bounds;
+    }
+    tryUpdateOBBBounds() {
+        throw new Error("暂不支持");
+    }
+    getDefaultAttribute(name) {
+        return (0, theme_1.getTheme)(this).symbol[name];
+    }
+    needUpdateTags(keys) {
+        return super.needUpdateTags(keys, SYMBOL_UPDATE_TAG_KEY);
+    }
+    needUpdateTag(key) {
+        return super.needUpdateTag(key, SYMBOL_UPDATE_TAG_KEY);
+    }
+    toCustomPath() {
+        const symbolInstance = this.getParsedPath(), size = this.attribute.size, formattedSize = (0, 
+        vutils_2.isArray)(size) ? size : [ size, size ];
+        return symbolInstance.path ? (new custom_path2d_1.CustomPath2D).fromCustomPath2D(symbolInstance.path, 0, 0, formattedSize[0], formattedSize[1]) : (new custom_path2d_1.CustomPath2D).fromString(symbolInstance.pathStr, 0, 0, formattedSize[0], formattedSize[1]);
+    }
+    clone() {
+        return new Symbol(Object.assign({}, this.attribute));
+    }
+    getNoWorkAnimateAttr() {
+        return Symbol.NOWORK_ANIMATE_ATTR;
+    }
+}
+
+exports.Symbol = Symbol, Symbol.userSymbolMap = {}, Symbol.NOWORK_ANIMATE_ATTR = Object.assign({
+    symbolType: 1
+}, graphic_1.NOWORK_ANIMATE_ATTR);
+//# sourceMappingURL=symbol.js.map

package/cjs/graphic/symbol.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/symbol.ts"],"names":[],"mappings":"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","file":"symbol.js","sourcesContent":["import type { OBBBounds } from '@visactor/vutils';\nimport { AABBBounds } from '@visactor/vutils';\nimport { isArray, max } from '@visactor/vutils';\nimport type { ISymbol, ISymbolClass, ISymbolGraphicAttribute } from '../interface';\nimport { builtinSymbolsMap, CustomSymbolClass } from './builtin-symbol';\nimport { Graphic, GRAPHIC_UPDATE_TAG_KEY, NOWORK_ANIMATE_ATTR } from './graphic';\nimport { parsePadding } from '../common/utils';\nimport { getTheme } from './theme';\nimport { application } from '../application';\nimport { CustomPath2D } from '../common/custom-path2d';\nimport { SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE } from './constants';\nimport { XMLParser } from '../common/xml';\nimport { isSvg } from '../common/xml/parser';\n\nconst SYMBOL_UPDATE_TAG_KEY = ['symbolType', 'size', ...GRAPHIC_UPDATE_TAG_KEY];\n\n/**\n * symbol\n */\nexport class Symbol extends Graphic<ISymbolGraphicAttribute> implements ISymbol {\n  type: 'symbol' = 'symbol';\n\n  static userSymbolMap: Record<string, ISymbolClass> = {};\n\n  static NOWORK_ANIMATE_ATTR = {\n    symbolType: 1,\n    ...NOWORK_ANIMATE_ATTR\n  };\n\n  constructor(params: ISymbolGraphicAttribute = { symbolType: 'circle' }) {\n    super(params);\n    this.numberType = SYMBOL_NUMBER_TYPE;\n  }\n\n  protected _parsedPath?: ISymbolClass;\n\n  getParsedPath(): ISymbolClass {\n    if (this.shouldUpdateShape()) {\n      this.doUpdateParsedPath();\n      this.clearUpdateShapeTag();\n    }\n    return this._parsedPath as ISymbolClass;\n  }\n\n  isValid(): boolean {\n    return super.isValid() && this._isValid();\n  }\n  private _isValid(): boolean {\n    const { size } = this.attribute;\n    return isArray(size) ? size.length === 2 && size.every(this._validNumber) : this._validNumber(size);\n  }\n\n  protected doUpdateParsedPath(): ISymbolClass {\n    const symbolTheme = getTheme(this).symbol;\n    // 查找内置symbol\n    const { symbolType = symbolTheme.symbolType } = this.attribute;\n    let path = builtinSymbolsMap[symbolType];\n    if (path) {\n      this._parsedPath = path;\n      return path;\n    }\n    path = Symbol.userSymbolMap[symbolType];\n    if (path) {\n      this._parsedPath = path;\n      return path;\n    }\n\n    // 判断是否是svg\n    const valid = isSvg(symbolType);\n    if (valid === true) {\n      const parser = new XMLParser();\n      const { svg } = parser.parse(symbolType);\n      if (!svg) {\n        return null;\n      }\n      const path = isArray(svg.path) ? svg.path : [svg.path];\n      const b = new AABBBounds();\n      const cacheList: { path: CustomPath2D; attribute: Record<string, any> }[] = [];\n      path.forEach((item: any) => {\n        const cache = new CustomPath2D().fromString(item.d);\n        const attribute = {\n          fill: 'black'\n        };\n        SVG_PARSE_ATTRIBUTE_MAP_KEYS.forEach(k => {\n          if (item[k]) {\n            attribute[SVG_PARSE_ATTRIBUTE_MAP[k]] = item[k];\n          }\n        });\n        // 查找\n        cacheList.push({\n          path: cache,\n          attribute\n        });\n        b.union(cache.bounds);\n      });\n      const width = b.width();\n      const height = b.height();\n      // 规范化到1\n      const maxWH = max(width, height);\n      const scale = 1 / maxWH;\n      cacheList.forEach(cache => cache.path.transform(0, 0, scale, scale));\n\n      this._parsedPath = new CustomSymbolClass(symbolType, cacheList, true);\n      Symbol.userSymbolMap[symbolType] = this._parsedPath;\n      return this._parsedPath;\n    }\n\n    const cache = new CustomPath2D().fromString(symbolType);\n    const width = cache.bounds.width();\n    const height = cache.bounds.height();\n    // 规范化到1\n    const maxWH = max(width, height);\n    const scale = 1 / maxWH;\n    cache.transform(0, 0, scale, scale);\n    this._parsedPath = new CustomSymbolClass(symbolType, cache);\n    Symbol.userSymbolMap[symbolType] = this._parsedPath;\n    return this._parsedPath;\n  }\n\n  protected doUpdateAABBBounds(full?: boolean): AABBBounds {\n    const symbolTheme = getTheme(this).symbol;\n    this._AABBBounds.setValue(Infinity, Infinity, -Infinity, -Infinity);\n    const attribute = this.attribute;\n    const bounds = application.graphicService.updateSymbolAABBBounds(\n      attribute,\n      getTheme(this).symbol,\n      this._AABBBounds,\n      full,\n      this\n    );\n\n    const { boundsPadding = symbolTheme.boundsPadding } = attribute;\n    const paddingArray = parsePadding(boundsPadding);\n    if (paddingArray) {\n      (bounds as AABBBounds).expand(paddingArray);\n    }\n\n    this.clearUpdateBoundTag();\n    return bounds as AABBBounds;\n  }\n\n  protected tryUpdateOBBBounds(): OBBBounds {\n    throw new Error('暂不支持');\n  }\n\n  getDefaultAttribute(name: string) {\n    const symbolTheme = getTheme(this).symbol;\n    return symbolTheme[name];\n  }\n\n  protected needUpdateTags(keys: string[]): boolean {\n    return super.needUpdateTags(keys, SYMBOL_UPDATE_TAG_KEY);\n  }\n  protected needUpdateTag(key: string): boolean {\n    return super.needUpdateTag(key, SYMBOL_UPDATE_TAG_KEY);\n  }\n\n  toCustomPath() {\n    const symbolInstance = this.getParsedPath();\n    const size = this.attribute.size;\n    const x = 0;\n    const y = 0;\n    const formattedSize = isArray(size) ? size : [size, size];\n\n    return symbolInstance.path\n      ? new CustomPath2D().fromCustomPath2D(symbolInstance.path, x, y, formattedSize[0], formattedSize[1])\n      : new CustomPath2D().fromString(symbolInstance.pathStr, x, y, formattedSize[0], formattedSize[1]);\n  }\n\n  clone() {\n    return new Symbol({ ...this.attribute });\n  }\n\n  getNoWorkAnimateAttr(): Record<string, number> {\n    return Symbol.NOWORK_ANIMATE_ATTR;\n  }\n}\n\n// addAttributeToPrototype(DefaultSymbolStyle, Symbol, PURE_STYLE_KEY);\n"]}

package/cjs/graphic/text.d.ts

@@ -0,0 +1,65 @@
+import { type AABBBounds, type OBBBounds } from '@visactor/vutils';
+import type { IText, ITextCache, ITextGraphicAttribute, LayoutType } from '../interface';
+import { Graphic } from './graphic';
+export declare class Text extends Graphic<ITextGraphicAttribute> implements IText {
+    type: 'text';
+    static NOWORK_ANIMATE_ATTR: {
+        strokeSeg: number;
+        boundsPadding: number;
+        pickMode: number;
+        boundsMode: number;
+        customPickShape: number;
+        pickable: number;
+        childrenPickable: number;
+        visible: number;
+        zIndex: number;
+        layout: number;
+        keepDirIn3d: number;
+        outerBorder: number;
+        innerBorder: number;
+        lineDash: number;
+        lineCap: number;
+        lineJoin: number;
+        miterLimit: number;
+        strokeBoundsBuffer: number;
+        scaleCenter: number;
+        anchor: number;
+        anchor3d: number;
+        postMatrix: number;
+        backgroundMode: number;
+        background: number;
+        texture: number;
+        cursor: number;
+        html: number;
+        ellipsis: number;
+        wordBreak: number;
+        direction: number;
+        textAlign: number;
+        textBaseline: number;
+        fontFamily: number;
+        fontWeight: number;
+    };
+    cache: ITextCache;
+    _font: string;
+    get font(): string;
+    get clipedText(): string | undefined;
+    get clipedWidth(): number | undefined;
+    get cliped(): boolean | undefined;
+    get multilineLayout(): LayoutType | undefined;
+    constructor(params?: ITextGraphicAttribute);
+    isValid(): boolean;
+    protected _isValid(): boolean;
+    protected doUpdateAABBBounds(): AABBBounds;
+    updateSingallineAABBBounds(text: number | string): AABBBounds;
+    updateMultilineAABBBounds(text: (number | string)[]): AABBBounds;
+    updateHorizontalSinglelineAABBBounds(text: number | string): AABBBounds;
+    updateVerticalSinglelineAABBBounds(text: number | string): AABBBounds;
+    updateHorizontalMultilineAABBBounds(text: (number | string)[]): AABBBounds;
+    updateVerticalMultilineAABBBounds(text: (number | string)[]): AABBBounds;
+    protected tryUpdateOBBBounds(): OBBBounds;
+    getDefaultAttribute(name: string): any;
+    protected needUpdateTags(keys: string[], k?: string[]): boolean;
+    protected needUpdateTag(key: string, k?: string[]): boolean;
+    clone(): Text;
+    getNoWorkAnimateAttr(): Record<string, number>;
+}