@visactor/vrender-core 0.16.0-alpha.0

package/es/graphic/richtext/utils.js

@@ -0,0 +1,178 @@
+import { application } from "../../application";
+
+export const DIRECTION_KEY = {
+    horizontal: {
+        width: "width",
+        height: "height",
+        left: "left",
+        top: "top",
+        x: "x",
+        y: "y",
+        bottom: "bottom"
+    },
+    vertical: {
+        width: "height",
+        height: "width",
+        left: "top",
+        top: "left",
+        x: "y",
+        y: "x",
+        bottom: "right"
+    }
+};
+
+const defaultFormatting = {
+    fontSize: 16,
+    fontFamily: "sans-serif",
+    fill: !0,
+    stroke: !1,
+    fontWeight: "normal",
+    lineHeight: "normal",
+    fontStyle: "normal",
+    textDecoration: "none",
+    textAlign: "left",
+    script: "normal"
+}, nbsp = String.fromCharCode(160);
+
+export const regLetter = /\w|\(|\)|-/;
+
+const regPunctuation = /[.?!,;:/，。？！、；：]/;
+
+export const regFirstSpace = /\S/;
+
+export function applyFillStyle(ctx, character) {
+    const fillStyle = character && character.fill || defaultFormatting.fill;
+    if (!fillStyle) return void (ctx.globalAlpha = 0);
+    ctx.globalAlpha = 1, ctx.fillStyle = fillStyle;
+    let fontSize = character.fontSize || 16;
+    switch (character.script) {
+      case "super":
+      case "sub":
+        fontSize *= .8;
+    }
+    ctx.setTextStyle({
+        textAlign: "left",
+        textBaseline: character.textBaseline || "alphabetic",
+        fontStyle: character.fontStyle || "",
+        fontWeight: character.fontWeight || "",
+        fontSize: fontSize,
+        fontFamily: character.fontFamily || "sans-serif"
+    });
+}
+
+export function applyStrokeStyle(ctx, character) {
+    const strokeStyle = character && character.stroke || defaultFormatting.stroke;
+    if (!strokeStyle) return void (ctx.globalAlpha = 0);
+    ctx.globalAlpha = 1, ctx.lineWidth = 1, ctx.strokeStyle = strokeStyle;
+    let fontSize = character.fontSize || 16;
+    switch (character.script) {
+      case "super":
+      case "sub":
+        fontSize *= .8;
+    }
+    ctx.setTextStyle({
+        textAlign: "left",
+        textBaseline: character.textBaseline || "alphabetic",
+        fontStyle: character.fontStyle || "",
+        fontWeight: character.fontWeight || "",
+        fontSize: fontSize,
+        fontFamily: character.fontFamily || "sans-serif"
+    });
+}
+
+export function prepareContext(ctx) {
+    ctx.setTextStyle({
+        textAlign: "left",
+        textBaseline: "bottom"
+    });
+}
+
+export function getStrByWithDom(desc, width, style, guessIndex, needTestLetter) {
+    desc = desc.replace(/\s/g, nbsp);
+    const span = document.createElement("span");
+    span.setAttribute("style", style), span.style.visibility = "hidden", span.style.whiteSpace = "nowrap", 
+    document.body.appendChild(span);
+    let index = guessIndex, temp = desc.slice(0, index);
+    span.innerText = temp;
+    let tempWidth = span.offsetWidth, tempNext = desc.slice(0, index + 1);
+    span.innerText = tempNext;
+    let tempWidthNext = span.offsetWidth;
+    for (;tempWidth > width || tempWidthNext <= width; ) tempWidth > width ? index-- : index++, 
+    temp = desc.slice(0, index), span.innerText = temp, tempWidth = span.offsetWidth, 
+    tempNext = desc.slice(0, index + 1), span.innerText = tempNext, tempWidthNext = span.offsetWidth;
+    return needTestLetter && (index = testLetter(desc, index)), document.body.removeChild(span), 
+    index;
+}
+
+export function getStrByWithCanvas(desc, width, character, guessIndex, needTestLetter) {
+    if (!width || width <= 0) return 0;
+    const textMeasure = application.graphicUtil.textMeasure;
+    let index = guessIndex, temp = desc.slice(0, index), tempWidth = Math.floor(textMeasure.measureText(temp, character).width), tempNext = desc.slice(0, index + 1), tempWidthNext = Math.floor(textMeasure.measureText(tempNext, character).width);
+    for (;tempWidth > width || tempWidthNext <= width; ) {
+        if (tempWidth > width ? index-- : index++, index > desc.length) {
+            index = desc.length;
+            break;
+        }
+        if (index < 0) {
+            index = 0;
+            break;
+        }
+        temp = desc.slice(0, index), tempWidth = Math.floor(textMeasure.measureText(temp, character).width), 
+        tempNext = desc.slice(0, index + 1), tempWidthNext = Math.floor(textMeasure.measureText(tempNext, character).width);
+    }
+    return needTestLetter && (index = testLetter(desc, index)), index;
+}
+
+export function testLetter(string, index) {
+    let i = index;
+    for (;regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]); ) if (i--, 
+    i <= 0) return index;
+    return i;
+}
+
+export function measureTextDom(text, style) {
+    var _a;
+    let div;
+    const span = document.createElement("span"), block = document.createElement("div");
+    div = document.createElement("div"), block.style.display = "inline-block", block.style.width = "1px", 
+    block.style.height = "0", div.style.visibility = "hidden", div.style.position = "absolute", 
+    div.style.top = "0", div.style.left = "0", div.style.width = "500px", div.style.height = "200px", 
+    div.style.whiteSpace = "nowrap", div.appendChild(span), div.appendChild(block), 
+    document.body.appendChild(div);
+    const result = {};
+    try {
+        span.setAttribute("style", style), span.style.whiteSpace = "nowrap", span.style.display = "inline-block", 
+        span.innerHTML = "", span.appendChild(document.createTextNode(text.replace(/\s/g, nbsp))), 
+        block.style.verticalAlign = "baseline", result.ascent = block.offsetTop - span.offsetTop, 
+        block.style.verticalAlign = "bottom", result.height = block.offsetTop - span.offsetTop, 
+        result.descent = result.height - result.ascent, result.width = span.offsetWidth;
+    } finally {
+        null === (_a = div.parentNode) || void 0 === _a || _a.removeChild(div), div = null;
+    }
+    return result;
+}
+
+export function measureTextCanvas(text, character) {
+    const measurement = application.graphicUtil.textMeasure.measureText(text, character), result = {
+        ascent: 0,
+        height: 0,
+        descent: 0,
+        width: 0
+    };
+    return "number" != typeof measurement.actualBoundingBoxAscent || "number" != typeof measurement.actualBoundingBoxDescent ? (result.width = Math.floor(measurement.width), 
+    result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = Math.floor(measurement.width), 
+    result.height = Math.floor(measurement.actualBoundingBoxAscent + measurement.actualBoundingBoxDescent), 
+    result.ascent = Math.floor(measurement.actualBoundingBoxAscent), result.descent = result.height - result.ascent), 
+    result;
+}
+
+export function getFontString(character, ctx) {
+    let fontSize = character && character.fontSize || defaultFormatting.fontSize;
+    if (character) switch (character.script) {
+      case "super":
+      case "sub":
+        fontSize *= .8;
+    }
+    return (character && character.fontStyle || "") + " " + (character && character.fontWeight || "") + " " + (fontSize || 12) + "px " + (character && character.fontFamily || defaultFormatting.fontFamily);
+}
+//# sourceMappingURL=utils.js.map

package/es/graphic/richtext/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/richtext/utils.ts"],"names":[],"mappings":"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","file":"utils.js","sourcesContent":["import { application } from '../../application';\nimport type { IContext2d, ITextStyleParams, IRichTextParagraphCharacter } from '../../interface';\n\nexport const DIRECTION_KEY = {\n  horizontal: {\n    width: 'width',\n    height: 'height',\n    left: 'left',\n    top: 'top',\n    x: 'x',\n    y: 'y',\n    bottom: 'bottom'\n  },\n  vertical: {\n    width: 'height',\n    height: 'width',\n    left: 'top',\n    top: 'left',\n    x: 'y',\n    y: 'x',\n    bottom: 'right'\n  }\n};\n\nconst defaultFormatting = {\n  fontSize: 16,\n  fontFamily: 'sans-serif',\n  fill: true,\n  stroke: false,\n  fontWeight: 'normal',\n  lineHeight: 'normal',\n  fontStyle: 'normal', // normal, italic, oblique\n  textDecoration: 'none', // none, underline, line-through\n  textAlign: 'left', // left, right, center\n  script: 'normal' // normal, sub, super\n};\nconst nbsp = String.fromCharCode(160);\n\nexport const regLetter = /\\w|\\(|\\)|-/;\nconst regPunctuation = /[.?!,;:/，。？！、；：]/;\nexport const regFirstSpace = /\\S/;\n// Applies the style of a run to the canvas context\nexport function applyFillStyle(ctx: IContext2d, character: IRichTextParagraphCharacter) {\n  const fillStyle = (character && (character.fill as string)) || defaultFormatting.fill;\n  if (!fillStyle) {\n    ctx.globalAlpha = 0;\n    return;\n  }\n  ctx.globalAlpha = 1;\n  ctx.fillStyle = fillStyle as string;\n\n  let fontSize = character.fontSize || 16;\n  switch (character.script) {\n    case 'super':\n    case 'sub':\n      fontSize *= 0.8;\n      break;\n  }\n\n  ctx.setTextStyle({\n    textAlign: 'left',\n    textBaseline: character.textBaseline || 'alphabetic',\n    fontStyle: character.fontStyle || '',\n    fontWeight: character.fontWeight || '',\n    fontSize,\n    fontFamily: character.fontFamily || 'sans-serif'\n  } as ITextStyleParams);\n}\n\nexport function applyStrokeStyle(ctx: IContext2d, character: IRichTextParagraphCharacter) {\n  const strokeStyle = (character && (character.stroke as string)) || (defaultFormatting.stroke as any);\n  if (!strokeStyle) {\n    ctx.globalAlpha = 0;\n    return;\n  }\n  ctx.globalAlpha = 1;\n  ctx.lineWidth = 1;\n  ctx.strokeStyle = strokeStyle as string;\n\n  let fontSize = character.fontSize || 16;\n  switch (character.script) {\n    case 'super':\n    case 'sub':\n      fontSize *= 0.8;\n      break;\n  }\n\n  ctx.setTextStyle({\n    textAlign: 'left',\n    textBaseline: character.textBaseline || 'alphabetic',\n    fontStyle: character.fontStyle || '',\n    fontWeight: character.fontWeight || '',\n    fontSize,\n    fontFamily: character.fontFamily || 'sans-serif'\n  } as ITextStyleParams);\n}\n\nexport function prepareContext(ctx: IContext2d) {\n  ctx.setTextStyle({\n    textAlign: 'left',\n    textBaseline: 'bottom'\n  });\n}\n\n// 确认达到availableWidth的字符串截取index\nexport function getStrByWithDom(\n  desc: string,\n  width: number,\n  style: string,\n  guessIndex: number,\n  needTestLetter?: boolean\n): number {\n  desc = desc.replace(/\\s/g, nbsp);\n\n  // 测量用DOM\n  const span = document.createElement('span');\n  span.setAttribute('style', style);\n  span.style.visibility = 'hidden';\n  span.style.whiteSpace = 'nowrap';\n  document.body.appendChild(span);\n\n  // 测量从头到当前位置宽度以及从头到下一个字符位置宽度\n  let index = guessIndex;\n  let temp = desc.slice(0, index);\n  span.innerText = temp;\n  let tempWidth = span.offsetWidth;\n\n  let tempNext = desc.slice(0, index + 1);\n  span.innerText = tempNext;\n  let tempWidthNext = span.offsetWidth;\n\n  // 到当前位置宽度 < width && 到下一个字符位置宽度 > width时，认为找到准确阶段位置\n  while (tempWidth > width || tempWidthNext <= width) {\n    if (tempWidth > width) {\n      index--;\n    } else {\n      index++;\n    }\n\n    temp = desc.slice(0, index);\n    span.innerText = temp;\n    tempWidth = span.offsetWidth;\n\n    tempNext = desc.slice(0, index + 1);\n    span.innerText = tempNext;\n    tempWidthNext = span.offsetWidth;\n  }\n\n  // 处理特殊情况\n  if (needTestLetter) {\n    index = testLetter(desc, index);\n  }\n\n  document.body.removeChild(span);\n  return index;\n}\nexport function getStrByWithCanvas(\n  desc: string,\n  width: number,\n  character: IRichTextParagraphCharacter,\n  // ctx: IContext2d,\n  guessIndex: number,\n  needTestLetter?: boolean\n): number {\n  if (!width || width <= 0) {\n    return 0;\n  }\n  const textMeasure = application.graphicUtil.textMeasure;\n  // const measurement = textMeasure.measureText(text, character);\n\n  // 测量从头到当前位置宽度以及从头到下一个字符位置宽度\n  let index = guessIndex;\n  let temp = desc.slice(0, index);\n  let tempWidth = Math.floor(textMeasure.measureText(temp, character).width);\n\n  let tempNext = desc.slice(0, index + 1);\n  let tempWidthNext = Math.floor(textMeasure.measureText(tempNext, character).width);\n\n  // 到当前位置宽度 < width && 到下一个字符位置宽度 > width时，认为找到准确阶段位置\n  while (tempWidth > width || tempWidthNext <= width) {\n    if (tempWidth > width) {\n      index--;\n    } else {\n      index++;\n    }\n\n    if (index > desc.length) {\n      index = desc.length;\n      break;\n    } else if (index < 0) {\n      index = 0;\n      break;\n    }\n\n    temp = desc.slice(0, index);\n    tempWidth = Math.floor(textMeasure.measureText(temp, character).width);\n\n    tempNext = desc.slice(0, index + 1);\n    tempWidthNext = Math.floor(textMeasure.measureText(tempNext, character).width);\n  }\n\n  // 处理特殊情况\n  if (needTestLetter) {\n    index = testLetter(desc, index);\n  }\n\n  return index;\n}\n\nexport function testLetter(string: string, index: number): number {\n  let i = index;\n  // 切分前后都是英文字母数字下划线，向前找到非英文字母处换行\n  while (\n    (regLetter.test(string[i - 1]) && regLetter.test(string[i])) ||\n    // 行首标点符号处理\n    regPunctuation.test(string[i])\n  ) {\n    i--;\n    // 无法满足所有条件，放弃匹配，直接截断，避免陷入死循环\n    if (i <= 0) {\n      return index;\n    }\n  }\n  return i;\n}\n\n// 测量文字详细信息\nexport function measureTextDom(\n  text: string,\n  style: string\n): { ascent?: number; height?: number; descent?: number; width?: number } {\n  let div;\n\n  const span = document.createElement('span');\n  const block = document.createElement('div');\n  div = document.createElement('div');\n\n  block.style.display = 'inline-block';\n  block.style.width = '1px';\n  block.style.height = '0';\n\n  div.style.visibility = 'hidden';\n  div.style.position = 'absolute';\n  div.style.top = '0';\n  div.style.left = '0';\n  div.style.width = '500px';\n  div.style.height = '200px';\n  div.style.whiteSpace = 'nowrap';\n\n  div.appendChild(span);\n  div.appendChild(block);\n  document.body.appendChild(div);\n\n  const result: { ascent?: number; height?: number; descent?: number; width?: number } = {};\n  try {\n    span.setAttribute('style', style);\n    span.style.whiteSpace = 'nowrap';\n    span.style.display = 'inline-block';\n\n    span.innerHTML = '';\n    span.appendChild(document.createTextNode(text.replace(/\\s/g, nbsp)));\n\n    block.style.verticalAlign = 'baseline';\n    result.ascent = block.offsetTop - span.offsetTop;\n    block.style.verticalAlign = 'bottom';\n    result.height = block.offsetTop - span.offsetTop;\n    result.descent = result.height - result.ascent;\n    result.width = span.offsetWidth;\n  } finally {\n    div.parentNode?.removeChild(div);\n    div = null;\n  }\n  return result;\n}\n\n// 测量文字详细信息\nexport function measureTextCanvas(\n  text: string,\n  character: IRichTextParagraphCharacter\n): { ascent: number; height: number; descent: number; width: number } {\n  const textMeasure = application.graphicUtil.textMeasure;\n  const measurement = textMeasure.measureText(text, character) as TextMetrics;\n  const result: { ascent: number; height: number; descent: number; width: number } = {\n    ascent: 0,\n    height: 0,\n    descent: 0,\n    width: 0\n  };\n  if (\n    typeof measurement.actualBoundingBoxAscent !== 'number' ||\n    typeof measurement.actualBoundingBoxDescent !== 'number'\n  ) {\n    result.width = Math.floor(measurement.width);\n    result.height = character.fontSize || 0;\n    result.ascent = result.height;\n    result.descent = 0;\n  } else {\n    result.width = Math.floor(measurement.width);\n    result.height = Math.floor(measurement.actualBoundingBoxAscent + measurement.actualBoundingBoxDescent);\n    result.ascent = Math.floor(measurement.actualBoundingBoxAscent);\n    result.descent = result.height - result.ascent;\n  }\n  return result;\n}\n\nexport function getFontString(character: IRichTextParagraphCharacter, ctx: IContext2d | null) {\n  let fontSize = (character && character.fontSize) || defaultFormatting.fontSize;\n\n  if (character) {\n    switch (character.script) {\n      case 'super':\n      case 'sub':\n        fontSize *= 0.8;\n        break;\n    }\n  }\n\n  return (\n    ((character && character.fontStyle) || '') +\n    ' ' +\n    ((character && character.fontWeight) || '') +\n    ' ' +\n    (fontSize || 12) +\n    'px ' +\n    ((character && character.fontFamily) || defaultFormatting.fontFamily)\n  );\n}\n"]}

package/es/graphic/richtext/wrapper.d.ts

@@ -0,0 +1,25 @@
+import type Frame from './frame';
+import type Paragraph from './paragraph';
+import { RichTextIcon } from './icon';
+export default class Wrapper {
+    frame: Frame;
+    lineWidth: number;
+    width: number;
+    height: number;
+    y: number;
+    maxAscent: number;
+    maxDescent: number;
+    maxAscentForBlank: number;
+    maxDescentForBlank: number;
+    lineBuffer: (Paragraph | RichTextIcon)[];
+    direction: 'horizontal' | 'vertical';
+    directionKey: {
+        width: string;
+        height: string;
+    };
+    constructor(frame: Frame);
+    store(paragraph: Paragraph | RichTextIcon): void;
+    send(): void;
+    deal(paragraph: Paragraph | RichTextIcon): void;
+    cut(paragraph: Paragraph): void;
+}

package/es/graphic/richtext/wrapper.js

@@ -0,0 +1,48 @@
+import Line from "./line";
+
+import { seperateParagraph } from "./paragraph";
+
+import { DIRECTION_KEY, getStrByWithCanvas } from "./utils";
+
+import { RichTextIcon } from "./icon";
+
+export default class Wrapper {
+    constructor(frame) {
+        this.frame = frame, this.width = this.frame.width, this.height = this.frame.height, 
+        this.lineWidth = 0, this.y = this.frame.top, this.maxAscent = 0, this.maxDescent = 0, 
+        this.maxAscentForBlank = 0, this.maxDescentForBlank = 0, this.lineBuffer = [], this.direction = frame.layoutDirection, 
+        this.directionKey = DIRECTION_KEY[this.direction];
+    }
+    store(paragraph) {
+        if (paragraph instanceof RichTextIcon) {
+            this.frame.icons.set(paragraph.richtextId, paragraph), this.lineBuffer.push(paragraph), 
+            this.lineWidth += paragraph[this.directionKey.width];
+            let iconAscent = 0, iconDescent = 0;
+            "top" === paragraph.attribute.textBaseline ? (iconAscent = 0, iconDescent = paragraph.height) : "bottom" === paragraph.attribute.textBaseline ? (iconAscent = paragraph.height, 
+            iconDescent = 0) : (iconAscent = paragraph.height / 2, iconDescent = paragraph.height / 2), 
+            this.maxAscent = Math.max(this.maxAscent, iconAscent), this.maxDescent = Math.max(this.maxDescent, iconDescent);
+        } else this.lineBuffer.push(paragraph), 0 !== paragraph.text.length ? (this.lineWidth += paragraph[this.directionKey.width], 
+        this.maxAscent = Math.max(this.maxAscent, paragraph.ascent), this.maxDescent = Math.max(this.maxDescent, paragraph.descent)) : (this.maxAscentForBlank = Math.max(this.maxAscentForBlank, paragraph.ascent), 
+        this.maxDescentForBlank = Math.max(this.maxDescentForBlank, paragraph.descent));
+    }
+    send() {
+        if (0 === this.lineBuffer.length) return;
+        const maxAscent = 0 === this.maxAscent ? this.maxAscentForBlank : this.maxAscent, maxDescent = 0 === this.maxDescent ? this.maxDescentForBlank : this.maxDescent, line = new Line(this.frame.left, this[this.directionKey.width], this.y + maxAscent, maxAscent, maxDescent, this.lineBuffer, this.direction, "horizontal" === this.direction ? this.frame.isWidthMax : this.frame.isHeightMax);
+        this.frame.lines.push(line), this.frame.actualHeight += line.height, this.y += line.height, 
+        this.lineBuffer.length = 0, this.lineWidth = this.maxAscent = this.maxDescent = this.maxAscentForBlank = this.maxDescentForBlank = 0;
+    }
+    deal(paragraph) {
+        paragraph instanceof RichTextIcon ? "horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : 0 === this.lineBuffer.length ? (this.store(paragraph), 
+        this.send()) : (this.send(), this.deal(paragraph)) : "number" != typeof this.width || this.width < 0 || (paragraph.newLine && this.send(), 
+        0 !== paragraph.text.length && ("horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : this.lineWidth === this[this.directionKey.width] ? (this.send(), 
+        this.deal(paragraph)) : this.cut(paragraph)));
+    }
+    cut(paragraph) {
+        const availableWidth = this[this.directionKey.width] - this.lineWidth || 0, guessIndex = Math.ceil(availableWidth / paragraph[this.directionKey.width] * paragraph.length) || 0, index = getStrByWithCanvas(paragraph.text, availableWidth, paragraph.character, guessIndex, "break-word" === this.frame.wordBreak);
+        if (0 !== index) {
+            const [p1, p2] = seperateParagraph(paragraph, index);
+            this.store(p1), this.deal(p2);
+        } else 0 !== this.lineBuffer.length && (this.send(), this.deal(paragraph));
+    }
+}
+//# sourceMappingURL=wrapper.js.map

package/es/graphic/richtext/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/richtext/wrapper.ts"],"names":[],"mappings":"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","file":"wrapper.js","sourcesContent":["import Line from './line';\nimport type Frame from './frame';\nimport type Paragraph from './paragraph';\nimport { seperateParagraph } from './paragraph';\nimport { DIRECTION_KEY, getStrByWithCanvas } from './utils';\nimport { RichTextIcon } from './icon';\n\n/**\n * 部分代码参考 https://github.com/danielearwicker/carota/\n * The MIT License (MIT)\n\n  \"Carota\" - Copyright (c) 2013 Daniel Earwicker\n\n  Permission is hereby granted, free of charge, to any person obtaining a copy\n  of this software and associated documentation files (the \"Software\"), to deal\n  in the Software without restriction, including without limitation the rights\n  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n  copies of the Software, and to permit persons to whom the Software is\n  furnished to do so, subject to the following conditions:\n\n  The above copyright notice and this permission notice shall be included in\n  all copies or substantial portions of the Software.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n  THE SOFTWARE.\n */\n\n// 布局器\n// 参考carota\n// https://github.com/danielearwicker/carota/blob/master/src/wrap.js\nexport default class Wrapper {\n  frame: Frame;\n\n  lineWidth: number;\n  width: number;\n  height: number;\n  y: number;\n  maxAscent: number;\n  maxDescent: number;\n  maxAscentForBlank: number;\n  maxDescentForBlank: number;\n  lineBuffer: (Paragraph | RichTextIcon)[];\n  direction: 'horizontal' | 'vertical';\n  directionKey: { width: string; height: string };\n\n  constructor(frame: Frame) {\n    this.frame = frame;\n    this.width = this.frame.width;\n    this.height = this.frame.height;\n\n    this.lineWidth = 0;\n    this.y = this.frame.top;\n    this.maxAscent = 0;\n    this.maxDescent = 0;\n    // 空字符串测量出的Ascent和Descent和文字不一致（空字符串测量结果ascent和descent一半一半），需要特殊处理\n    this.maxAscentForBlank = 0;\n    this.maxDescentForBlank = 0;\n    this.lineBuffer = [];\n\n    this.direction = frame.layoutDirection;\n    this.directionKey = DIRECTION_KEY[this.direction];\n  }\n\n  // 不满一行，存储\n  store(paragraph: Paragraph | RichTextIcon) {\n    if (paragraph instanceof RichTextIcon) {\n      this.frame.icons.set(paragraph.richtextId, paragraph);\n      this.lineBuffer.push(paragraph);\n      this.lineWidth += paragraph[this.directionKey.width];\n\n      // 处理icon textBaseline ascent descent\n      let iconAscent = 0;\n      let iconDescent = 0;\n      if (paragraph.attribute.textBaseline === 'top') {\n        iconAscent = 0;\n        iconDescent = paragraph.height;\n      } else if (paragraph.attribute.textBaseline === 'bottom') {\n        iconAscent = paragraph.height;\n        iconDescent = 0;\n      } else {\n        iconAscent = paragraph.height / 2;\n        iconDescent = paragraph.height / 2;\n      }\n      this.maxAscent = Math.max(this.maxAscent, iconAscent);\n      this.maxDescent = Math.max(this.maxDescent, iconDescent);\n    } else {\n      this.lineBuffer.push(paragraph);\n      if (paragraph.text.length !== 0) {\n        this.lineWidth += paragraph[this.directionKey.width];\n        this.maxAscent = Math.max(this.maxAscent, paragraph.ascent);\n        this.maxDescent = Math.max(this.maxDescent, paragraph.descent);\n      } else {\n        this.maxAscentForBlank = Math.max(this.maxAscentForBlank, paragraph.ascent);\n        this.maxDescentForBlank = Math.max(this.maxDescentForBlank, paragraph.descent);\n      }\n    }\n  }\n\n  // 满一行，生成line\n  send() {\n    if (this.lineBuffer.length === 0) {\n      return;\n    }\n    // 当一行中有文字和空白时，不考虑空白的ascent和descent；如果只有空白（\\n引起的空行），取空白部分的ascent和descent\n    const maxAscent = this.maxAscent === 0 ? this.maxAscentForBlank : this.maxAscent;\n    const maxDescent = this.maxDescent === 0 ? this.maxDescentForBlank : this.maxDescent;\n    const line = new Line(\n      this.frame.left,\n      this[this.directionKey.width],\n      this.y + maxAscent,\n      maxAscent,\n      maxDescent,\n      this.lineBuffer,\n      this.direction,\n      this.direction === 'horizontal' ? this.frame.isWidthMax : this.frame.isHeightMax\n    );\n    this.frame.lines.push(line);\n    this.frame.actualHeight += line.height;\n\n    // this.y += maxAscent + maxDescent;\n    this.y += line.height;\n\n    this.lineBuffer.length = 0;\n    this.lineWidth = this.maxAscent = this.maxDescent = this.maxAscentForBlank = this.maxDescentForBlank = 0;\n  }\n\n  // 处理paragraph\n  deal(paragraph: Paragraph | RichTextIcon) {\n    if (paragraph instanceof RichTextIcon) {\n      if (\n        (this.direction === 'horizontal' && this.width === 0) ||\n        (this.direction === 'vertical' && this.height === 0)\n      ) {\n        // width为0时，宽度不设限制，不主动换行\n        this.store(paragraph);\n      } else {\n        if (this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width]) {\n          this.store(paragraph);\n        } else if (this.lineBuffer.length === 0) {\n          this.store(paragraph);\n          this.send();\n        } else {\n          this.send();\n          this.deal(paragraph);\n        }\n      }\n\n      return;\n    }\n\n    // 可能会出现宽度为负的情况，此时不处理数据\n    if (typeof this.width !== 'number' || this.width < 0) {\n      return;\n    }\n\n    if (paragraph.newLine) {\n      // 需要换行前，先完成上一行绘制\n      this.send();\n    }\n\n    if (paragraph.text.length === 0) {\n      return;\n    } // 换行符分割出的Paragraph不进入line\n\n    if ((this.direction === 'horizontal' && this.width === 0) || (this.direction === 'vertical' && this.height === 0)) {\n      // width为0时，宽度不设限制，不主动换行\n      this.store(paragraph);\n    } else {\n      // // width为有效值时，按照宽度限制，主动换行\n      // if (this.lineWidth + paragraph.width <= this.width) {\n      //   this.store(paragraph);\n      // } else if (this.lineWidth === this.width) {\n      //   this.send();\n      //   // this.store(paragraph);\n      //   this.deal(paragraph);\n      // } else {\n      //   this.cut(paragraph);\n      // }\n      if (this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width]) {\n        this.store(paragraph);\n      } else if (this.lineWidth === this[this.directionKey.width]) {\n        this.send();\n        this.deal(paragraph);\n      } else {\n        this.cut(paragraph);\n      }\n    }\n  }\n\n  // 文字超长，按需截断\n  cut(paragraph: Paragraph) {\n    // if (this.direction === 'vertical' && this.lineBuffer.length) {\n    //     // 纵排不做paragraph内截断\n    //     this.send();\n    //     this.deal(paragraph);\n    //     return;\n    // } else if (this.direction === 'vertical') {\n    //     // 超长不处理？\n    //     this.store(paragraph);\n    //     this.send();\n    //     return;\n    // }\n    const availableWidth = this[this.directionKey.width] - this.lineWidth || 0;\n    const guessIndex = Math.ceil((availableWidth / paragraph[this.directionKey.width]) * paragraph.length) || 0;\n    // const index = getStrByWith(paragraph.text, availableWidth, paragraph.style, guessIndex, true);\n    const index = getStrByWithCanvas(\n      paragraph.text,\n      availableWidth,\n      paragraph.character,\n      guessIndex,\n      this.frame.wordBreak === 'break-word'\n    );\n    if (index !== 0) {\n      const [p1, p2] = seperateParagraph(paragraph, index);\n      this.store(p1);\n      this.deal(p2);\n    } else if (this.lineBuffer.length !== 0) {\n      // 当前行无法容纳，转下一行处理\n      this.send();\n      this.deal(paragraph);\n    }\n    // 宽度过低，无法截断（容不下第一个字符的宽度），不处理\n  }\n}\n"]}

package/es/graphic/richtext.d.ts

@@ -0,0 +1,78 @@
+import type { AABBBounds, IPoint, OBBBounds } from '@visactor/vutils';
+import type { IRichText, IRichTextCharacter, RichTextGlobalAlignType, RichTextGlobalBaselineType, RichTextVerticalDirection, RichTextWordBreak, IRichTextGraphicAttribute, IStage, ILayer, IRichTextIcon } from '../interface';
+import { Graphic } from './graphic';
+import Frame from './richtext/frame';
+export declare class RichText extends Graphic<IRichTextGraphicAttribute> implements IRichText {
+    type: 'richtext';
+    _frameCache: Frame;
+    _currentHoverIcon: IRichTextIcon | null;
+    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;
+        verticalDirection: number;
+        textAlign: number;
+        textBaseline: number;
+        textConfig: number;
+        layoutDirection: number;
+    };
+    constructor(params?: IRichTextGraphicAttribute);
+    get width(): number;
+    set width(w: number);
+    get height(): number;
+    set height(h: number);
+    get maxWidth(): number | undefined;
+    set maxWidth(mw: number | undefined);
+    get maxHeight(): number | undefined;
+    set maxHeight(mh: number | undefined);
+    get ellipsis(): boolean | string;
+    set ellipsis(e: boolean | string);
+    get wordBreak(): RichTextWordBreak;
+    set wordBreak(wb: RichTextWordBreak);
+    get verticalDirection(): RichTextVerticalDirection;
+    set verticalDirection(vd: RichTextVerticalDirection);
+    get textAlign(): RichTextGlobalAlignType;
+    set textAlign(align: RichTextGlobalAlignType);
+    get textBaseline(): RichTextGlobalBaselineType;
+    set textBaseline(baseline: RichTextGlobalBaselineType);
+    get textConfig(): IRichTextCharacter[];
+    set textConfig(config: IRichTextCharacter[]);
+    protected doUpdateAABBBounds(): AABBBounds;
+    protected tryUpdateOBBBounds(): OBBBounds;
+    getDefaultAttribute(name: string): any;
+    protected needUpdateTags(keys: string[]): boolean;
+    protected needUpdateTag(key: string): boolean;
+    getFrameCache(): Frame;
+    doUpdateFrameCache(): void;
+    clone(): RichText;
+    setStage(stage?: IStage, layer?: ILayer): void;
+    bindIconEvent(): void;
+    pickIcon(point: IPoint): IRichTextIcon | undefined;
+    getNoWorkAnimateAttr(): Record<string, number>;
+}

package/es/graphic/richtext.js

@@ -0,0 +1,190 @@
+import { Graphic, GRAPHIC_UPDATE_TAG_KEY, NOWORK_ANIMATE_ATTR } from "./graphic";
+
+import { DefaultRichTextAttribute } from "./config";
+
+import Frame from "./richtext/frame";
+
+import Paragraph from "./richtext/paragraph";
+
+import Wrapper from "./richtext/wrapper";
+
+import { getTheme } from "./theme";
+
+import { RichTextIcon } from "./richtext/icon";
+
+import { application } from "../application";
+
+import { parsePadding } from "../common/utils";
+
+import { RICHTEXT_NUMBER_TYPE } from "./constants";
+
+const RICHTEXT_UPDATE_TAG_KEY = [ "width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", ...GRAPHIC_UPDATE_TAG_KEY ];
+
+export class RichText extends Graphic {
+    constructor(params) {
+        super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = RICHTEXT_NUMBER_TYPE;
+    }
+    get width() {
+        var _a;
+        return null !== (_a = this.attribute.width) && void 0 !== _a ? _a : 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 : 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 : 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 : 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 : 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 : 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 : 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 : DefaultRichTextAttribute.textConfig;
+    }
+    set textConfig(config) {
+        this.attribute.textConfig = config, this.addUpdateShapeAndBoundsTag();
+    }
+    doUpdateAABBBounds() {
+        const richTextTheme = getTheme(this).richtext;
+        this._AABBBounds.setValue(1 / 0, 1 / 0, -1 / 0, -1 / 0);
+        const attribute = this.attribute, bounds = application.graphicService.updateRichTextAABBBounds(attribute, getTheme(this).richtext, this._AABBBounds, this), {boundsPadding: boundsPadding = richTextTheme.boundsPadding} = attribute, paddingArray = parsePadding(boundsPadding);
+        return paddingArray && bounds.expand(paddingArray), this.clearUpdateBoundTag(), 
+        bounds;
+    }
+    tryUpdateOBBBounds() {
+        throw new Error("暂不支持");
+    }
+    getDefaultAttribute(name) {
+        return 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 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(textParts[j], 0 !== j, textConfig[i]));
+        } else paragraphs.push(new Paragraph(textConfig[i].text, !1, textConfig[i]));
+        const frame = new Frame(0, 0, ("number" == typeof maxWidth && (!width || width > maxWidth) ? maxWidth : width) || 0, ("number" == typeof maxHeight && (!height || height > maxHeight) ? maxHeight : height) || 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(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;
+    }
+}
+
+RichText.NOWORK_ANIMATE_ATTR = Object.assign({
+    ellipsis: 1,
+    wordBreak: 1,
+    verticalDirection: 1,
+    textAlign: 1,
+    textBaseline: 1,
+    textConfig: 1,
+    layoutDirection: 1
+}, NOWORK_ANIMATE_ATTR);
+//# sourceMappingURL=richtext.js.map

package/es/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"]}