@visactor/vrender 0.15.2 → 0.16.0-alpha.0

package/es/graphic/richtext/frame.js

@@ -1,142 +0,0 @@
-import { DIRECTION_KEY } from "./utils";
-
-export default class Frame {
-    constructor(left, top, width, height, ellipsis, wordBreak, verticalDirection, globalAlign, globalBaseline, layoutDirection, isWidthMax, isHeightMax, singleLine, icons) {
-        this.left = left, this.top = top, this.width = width, this.height = height, this.actualHeight = 0, 
-        this.bottom = top + height, this.right = left + width, this.ellipsis = ellipsis, 
-        this.wordBreak = wordBreak, this.verticalDirection = verticalDirection, this.lines = [], 
-        this.globalAlign = globalAlign, this.globalBaseline = globalBaseline, this.layoutDirection = layoutDirection, 
-        this.directionKey = DIRECTION_KEY[this.layoutDirection], this.isWidthMax = isWidthMax, 
-        this.isHeightMax = isHeightMax, this.singleLine = singleLine, icons ? (icons.clear(), 
-        this.icons = icons) : this.icons = new Map;
-    }
-    draw(ctx, drawIcon) {
-        const {width: actualWidth, height: actualHeight} = this.getActualSize(), width = this.isWidthMax ? Math.min(this.width, actualWidth) : this.width || actualWidth || 0;
-        let height = this.isHeightMax ? Math.min(this.height, actualHeight) : this.height || actualHeight || 0;
-        height = Math.min(height, actualHeight);
-        let deltaY = 0;
-        switch (this.globalBaseline) {
-          case "top":
-            deltaY = 0;
-            break;
-
-          case "middle":
-            deltaY = -height / 2;
-            break;
-
-          case "bottom":
-            deltaY = -height;
-        }
-        let deltaX = 0;
-        switch (this.globalAlign) {
-          case "left":
-            deltaX = 0;
-            break;
-
-          case "center":
-            deltaX = -width / 2;
-            break;
-
-          case "right":
-            deltaX = -width;
-        }
-        let frameHeight = this[this.directionKey.height];
-        this.singleLine && (frameHeight = this.lines[0].height + 1);
-        let lastLineTag = !1;
-        if ("middle" === this.verticalDirection) if (this.actualHeight >= frameHeight && 0 !== frameHeight) for (let i = 0; i < this.lines.length; i++) {
-            const {top: top, height: height} = this.lines[i];
-            if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) return lastLineTag;
-            let lastLine = !1;
-            this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight && (lastLine = !0, 
-            lastLineTag = !0), this.lines[i].draw(ctx, lastLine, this.lines[i][this.directionKey.left] + deltaX, this.lines[i][this.directionKey.top] + deltaY, drawIcon);
-        } else {
-            const detalHeight = Math.floor((frameHeight - this.actualHeight) / 2);
-            "vertical" === this.layoutDirection ? deltaX += detalHeight : deltaY += detalHeight;
-            for (let i = 0; i < this.lines.length; i++) this.lines[i].draw(ctx, !1, this.lines[i][this.directionKey.left] + deltaX, this.lines[i][this.directionKey.top] + deltaY, drawIcon);
-        } else if ("bottom" === this.verticalDirection && "vertical" !== this.layoutDirection) for (let i = 0; i < this.lines.length; i++) {
-            const {top: top, height: height} = this.lines[i], y = frameHeight - this.lines[i].top - this.lines[i].height;
-            if (0 === frameHeight) this.lines[i].draw(ctx, !1, deltaX, y + deltaY, drawIcon); else {
-                if (y + height > this[this.directionKey.top] + frameHeight || y < this[this.directionKey.top]) return lastLineTag;
-                {
-                    let lastLine = !1;
-                    this.ellipsis && this.lines[i + 1] && y - this.lines[i + 1].height < this[this.directionKey.top] && (lastLine = !0, 
-                    lastLineTag = !0), this.lines[i].draw(ctx, lastLine, deltaX, y + deltaY, drawIcon);
-                }
-            }
-        } else {
-            "bottom" === this.verticalDirection && "vertical" === this.layoutDirection && this.singleLine && this.isWidthMax && (deltaX += this.lines[0].height + 1);
-            for (let i = 0; i < this.lines.length; i++) {
-                "bottom" === this.verticalDirection && "vertical" === this.layoutDirection && (deltaX -= this.lines[i].height + this.lines[i].top);
-                const {top: top, height: height} = this.lines[i];
-                if (0 === frameHeight) this.lines[i].draw(ctx, !1, this.lines[i][this.directionKey.left] + deltaX, this.lines[i][this.directionKey.top] + deltaY, drawIcon); else {
-                    if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) return lastLineTag;
-                    {
-                        let lastLine = !1;
-                        this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight && (lastLine = !0, 
-                        lastLineTag = !0), this.lines[i].draw(ctx, lastLine, this.lines[i][this.directionKey.left] + deltaX, this.lines[i][this.directionKey.top] + deltaY, drawIcon);
-                    }
-                }
-            }
-        }
-        return lastLineTag;
-    }
-    getActualSize() {
-        return this.ellipsis ? this.getActualSizeWidthEllipsis() : this.getRawActualSize();
-    }
-    getRawActualSize() {
-        let width = 0, height = 0;
-        for (let i = 0; i < this.lines.length; i++) {
-            const line = this.lines[i];
-            line.actualWidth > width && (width = line.actualWidth), height += line.height;
-        }
-        return {
-            width: "vertical" === this.layoutDirection ? height : width,
-            height: "vertical" === this.layoutDirection ? width : height
-        };
-    }
-    getActualSizeWidthEllipsis() {
-        let widthBound = 0, heightBound = 0;
-        const {width: actualWidth, height: actualHeight} = this.getRawActualSize();
-        this.width;
-        let height = this.height || actualHeight || 0;
-        height = Math.min(height, actualHeight);
-        let frameHeight = this[this.directionKey.height];
-        if (this.singleLine && (frameHeight = this.lines[0].height + 1), "middle" === this.verticalDirection) if (this.actualHeight >= frameHeight && 0 !== frameHeight) for (let i = 0; i < this.lines.length; i++) {
-            const {top: top, height: height} = this.lines[i];
-            if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) ; else if (this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight) {
-                const lineWidth = this.lines[i].getWidthWithEllips();
-                lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
-            } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
-            heightBound += this.lines[i].height;
-        } else {
-            Math.floor((frameHeight - this.actualHeight) / 2);
-            for (let i = 0; i < this.lines.length; i++) this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
-            heightBound += this.lines[i].height;
-        } else if ("bottom" === this.verticalDirection) for (let i = 0; i < this.lines.length; i++) {
-            const {top: top, height: height} = this.lines[i], y = frameHeight - this.lines[i].top - this.lines[i].height;
-            if (0 === frameHeight) this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
-            heightBound += this.lines[i].height; else if (y + height > this[this.directionKey.top] + frameHeight || y < this[this.directionKey.top]) ; else {
-                if (this.ellipsis && this.lines[i + 1] && y - this.lines[i + 1].height < this[this.directionKey.top]) {
-                    const lineWidth = this.lines[i].getWidthWithEllips();
-                    lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
-                } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
-                heightBound += this.lines[i].height;
-            }
-        } else for (let i = 0; i < this.lines.length; i++) {
-            const {top: top, height: height} = this.lines[i];
-            if (0 === frameHeight) this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
-            heightBound += this.lines[i].height; else if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) ; else {
-                if (this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight) {
-                    const lineWidth = this.lines[i].getWidthWithEllips();
-                    lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
-                } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
-                heightBound += this.lines[i].height;
-            }
-        }
-        return {
-            width: "vertical" === this.layoutDirection ? heightBound : widthBound,
-            height: "vertical" === this.layoutDirection ? widthBound : heightBound
-        };
-    }
-}
-//# sourceMappingURL=frame.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/graphic/richtext/frame.ts"],"names":[],"mappings":"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","file":"frame.js","sourcesContent":["// import { IContext2d } from '../../IContext';\nimport { IContext2d, IRichTextIcon } from '../../interface';\nimport Line from './line';\nimport { DIRECTION_KEY } from './utils';\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/frame.js\nexport default class Frame {\n  left: number;\n  top: number;\n  bottom: number;\n  right: number;\n  width: number;\n  height: number;\n  actualHeight: number;\n  ellipsis: boolean | string;\n  wordBreak: 'break-word' | 'break-all';\n  verticalDirection: 'top' | 'middle' | 'bottom';\n  lines: Line[];\n  // ctx: IContext2d;\n  globalAlign: 'left' | 'center' | 'right';\n  globalBaseline: 'top' | 'middle' | 'bottom';\n  layoutDirection: 'horizontal' | 'vertical';\n  directionKey: { width: string; height: string; left: string; top: string; bottom: string };\n  isWidthMax: boolean;\n  isHeightMax: boolean;\n\n  singleLine: boolean;\n\n  icons: Map<string, IRichTextIcon>;\n\n  constructor(\n    left: number,\n    top: number,\n    width: number,\n    height: number,\n    ellipsis: boolean | string,\n    wordBreak: 'break-word' | 'break-all',\n    verticalDirection: 'top' | 'middle' | 'bottom',\n    // ctx: IContext2d,\n    globalAlign: 'left' | 'center' | 'right',\n    globalBaseline: 'top' | 'middle' | 'bottom',\n    layoutDirection: 'horizontal' | 'vertical',\n    isWidthMax: boolean,\n    isHeightMax: boolean,\n    singleLine: boolean,\n    icons?: Map<string, IRichTextIcon>\n  ) {\n    this.left = left;\n    this.top = top;\n    this.width = width;\n    this.height = height;\n    this.actualHeight = 0;\n    this.bottom = top + height;\n    this.right = left + width;\n    this.ellipsis = ellipsis;\n    this.wordBreak = wordBreak;\n    this.verticalDirection = verticalDirection;\n    this.lines = [];\n    // this.ctx = ctx;\n    this.globalAlign = globalAlign;\n    this.globalBaseline = globalBaseline;\n    this.layoutDirection = layoutDirection;\n    this.directionKey = DIRECTION_KEY[this.layoutDirection];\n\n    this.isWidthMax = isWidthMax;\n    this.isHeightMax = isHeightMax;\n\n    this.singleLine = singleLine;\n\n    if (icons) {\n      icons.clear();\n      this.icons = icons;\n    } else {\n      this.icons = new Map();\n    }\n  }\n\n  draw(\n    ctx: IContext2d,\n    drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void\n  ) {\n    const { width: actualWidth, height: actualHeight } = this.getActualSize();\n    const width = this.isWidthMax ? Math.min(this.width, actualWidth) : this.width || actualWidth || 0;\n    let height = this.isHeightMax ? Math.min(this.height, actualHeight) : this.height || actualHeight || 0;\n    // 1. height 可能受 maxHeight 影响大于 actualHeight 计算出来的实际高度\n    // 2. actualHeight 是不加省略内容的高度，可能会大于 height\n    // 以上两种情况都可以通过 Math.min 解决\n    height = Math.min(height, actualHeight);\n    /**\n     * 根据 align 和 baseline 进行偏移\n     */\n    let deltaY = 0;\n    switch (this.globalBaseline) {\n      case 'top':\n        deltaY = 0;\n        break;\n      case 'middle':\n        deltaY = -height / 2;\n        break;\n      case 'bottom':\n        deltaY = -height;\n        break;\n      default:\n        break;\n    }\n\n    let deltaX = 0;\n    switch (this.globalAlign) {\n      case 'left':\n        deltaX = 0;\n        break;\n      case 'center':\n        deltaX = -width / 2;\n        break;\n      case 'right':\n        deltaX = -width;\n        break;\n      default:\n        break;\n    }\n\n    let frameHeight = this[this.directionKey.height];\n    if (this.singleLine) {\n      frameHeight = this.lines[0].height + 1;\n    }\n    let lastLineTag = false;\n    if (this.verticalDirection === 'middle') {\n      if (this.actualHeight >= frameHeight && frameHeight !== 0) {\n        for (let i = 0; i < this.lines.length; i++) {\n          const { top, height } = this.lines[i];\n          if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) {\n            return lastLineTag; // 不在展示范围内的line不绘制\n          }\n          // 判断需要显示省略号且是展示范围内的最后一行\n          let lastLine = false;\n          if (\n            this.ellipsis &&\n            this.lines[i + 1] &&\n            this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight\n          ) {\n            lastLine = true;\n            lastLineTag = true;\n          }\n          this.lines[i].draw(\n            ctx,\n            lastLine,\n            this.lines[i][this.directionKey.left] + deltaX,\n            this.lines[i][this.directionKey.top] + deltaY,\n            drawIcon\n          );\n        }\n      } else {\n        const detalHeight = Math.floor((frameHeight - this.actualHeight) / 2);\n        if (this.layoutDirection === 'vertical') {\n          deltaX += detalHeight;\n        } else {\n          deltaY += detalHeight;\n        }\n        for (let i = 0; i < this.lines.length; i++) {\n          this.lines[i].draw(\n            ctx,\n            false,\n            this.lines[i][this.directionKey.left] + deltaX,\n            this.lines[i][this.directionKey.top] + deltaY,\n            drawIcon\n          );\n        }\n      }\n\n      // top = this.top + (this.height - this.actualHeight) / 2\n    } else if (this.verticalDirection === 'bottom' && this.layoutDirection !== 'vertical') {\n      for (let i = 0; i < this.lines.length; i++) {\n        const { top, height } = this.lines[i];\n        const y = frameHeight - this.lines[i].top - this.lines[i].height;\n        // if (y + height < this.top || y + height > this.bottom) {\n        if (frameHeight === 0) {\n          this.lines[i].draw(ctx, false, deltaX, y + deltaY, drawIcon);\n        } else if (y + height > this[this.directionKey.top] + frameHeight || y < this[this.directionKey.top]) {\n          return lastLineTag; // 不在展示范围内的line不绘制\n        } else {\n          // 判断需要显示省略号且是展示范围内的最后一行\n          let lastLine = false;\n          if (this.ellipsis && this.lines[i + 1] && y - this.lines[i + 1].height < this[this.directionKey.top]) {\n            lastLine = true;\n            lastLineTag = true;\n          }\n          this.lines[i].draw(ctx, lastLine, deltaX, y + deltaY, drawIcon);\n        }\n      }\n    } else {\n      if (\n        this.verticalDirection === 'bottom' &&\n        this.layoutDirection === 'vertical' &&\n        this.singleLine &&\n        this.isWidthMax\n      ) {\n        deltaX += this.lines[0].height + 1;\n      }\n      for (let i = 0; i < this.lines.length; i++) {\n        if (this.verticalDirection === 'bottom' && this.layoutDirection === 'vertical') {\n          deltaX -= this.lines[i].height + this.lines[i].top;\n        }\n        const { top, height } = this.lines[i];\n        if (frameHeight === 0) {\n          this.lines[i].draw(\n            ctx,\n            false,\n            this.lines[i][this.directionKey.left] + deltaX,\n            this.lines[i][this.directionKey.top] + deltaY,\n            drawIcon\n          );\n        } else if (\n          top + height < this[this.directionKey.top] ||\n          top + height > this[this.directionKey.top] + frameHeight\n        ) {\n          return lastLineTag; // 不在展示范围内的line不绘制\n        } else {\n          // 判断需要显示省略号且是展示范围内的最后一行\n          let lastLine = false;\n          if (\n            this.ellipsis &&\n            this.lines[i + 1] &&\n            this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight\n          ) {\n            lastLine = true;\n            lastLineTag = true;\n          }\n          this.lines[i].draw(\n            ctx,\n            lastLine,\n            this.lines[i][this.directionKey.left] + deltaX,\n            this.lines[i][this.directionKey.top] + deltaY,\n            drawIcon\n          );\n        }\n      }\n    }\n\n    return lastLineTag;\n  }\n\n  getActualSize(): { width: number; height: number } {\n    if (this.ellipsis) {\n      return this.getActualSizeWidthEllipsis();\n    }\n\n    return this.getRawActualSize();\n  }\n\n  getRawActualSize(): { width: number; height: number } {\n    let width: number = 0;\n    let height: number = 0;\n    for (let i = 0; i < this.lines.length; i++) {\n      const line = this.lines[i];\n      if (line.actualWidth > width) {\n        width = line.actualWidth;\n      }\n      height += line.height;\n    }\n\n    // return { width, height };\n    return {\n      width: this.layoutDirection === 'vertical' ? height : width,\n      height: this.layoutDirection === 'vertical' ? width : height\n    };\n  }\n\n  getActualSizeWidthEllipsis(): { width: number; height: number } {\n    let widthBound: number = 0;\n    let heightBound: number = 0;\n\n    const { width: actualWidth, height: actualHeight } = this.getRawActualSize();\n    const width = this.width || actualWidth || 0;\n    let height = this.height || actualHeight || 0;\n    // 1. height 可能受 maxHeight 影响大于 actualHeight 计算出来的实际高度\n    // 2. actualHeight 是不加省略内容的高度，可能会大于 height\n    // 以上两种情况都可以通过 Math.min 解决\n    height = Math.min(height, actualHeight);\n    /**\n     * 根据 align 和 baseline 进行偏移\n     */\n    const deltaY = 0;\n\n    let frameHeight = this[this.directionKey.height];\n    if (this.singleLine) {\n      frameHeight = this.lines[0].height + 1;\n    }\n\n    if (this.verticalDirection === 'middle') {\n      if (this.actualHeight >= frameHeight && frameHeight !== 0) {\n        for (let i = 0; i < this.lines.length; i++) {\n          const { top, height } = this.lines[i];\n          if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) {\n            // return; // 不在展示范围内的line不绘制\n          } else {\n            // 判断需要显示省略号且是展示范围内的最后一行\n            if (\n              this.ellipsis &&\n              this.lines[i + 1] &&\n              this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight\n            ) {\n              const lineWidth = this.lines[i].getWidthWithEllips();\n              if (lineWidth > widthBound) {\n                widthBound = lineWidth;\n              }\n              heightBound += this.lines[i].height;\n            } else {\n              if (this.lines[i].actualWidth > widthBound) {\n                widthBound = this.lines[i].actualWidth;\n              }\n              heightBound += this.lines[i].height;\n            }\n            // this.lines[i].draw(ctx, lastLine, deltaX, this.lines[i].top + deltaY);\n          }\n        }\n      } else {\n        const detalHeight = Math.floor((frameHeight - this.actualHeight) / 2);\n        for (let i = 0; i < this.lines.length; i++) {\n          if (this.lines[i].actualWidth > widthBound) {\n            widthBound = this.lines[i].actualWidth;\n          }\n          heightBound += this.lines[i].height;\n        }\n      }\n\n      // top = this.top + (this.height - this.actualHeight) / 2\n    } else if (this.verticalDirection === 'bottom') {\n      for (let i = 0; i < this.lines.length; i++) {\n        const { top, height } = this.lines[i];\n        const y = frameHeight - this.lines[i].top - this.lines[i].height;\n        // if (y + height < this.top || y + height > this.bottom) {\n        if (frameHeight === 0) {\n          if (this.lines[i].actualWidth > widthBound) {\n            widthBound = this.lines[i].actualWidth;\n          }\n          heightBound += this.lines[i].height;\n        } else if (y + height > this[this.directionKey.top] + frameHeight || y < this[this.directionKey.top]) {\n          // return; // 不在展示范围内的line不绘制\n        } else {\n          // 判断需要显示省略号且是展示范围内的最后一行\n          const lastLine = false;\n          if (this.ellipsis && this.lines[i + 1] && y - this.lines[i + 1].height < this[this.directionKey.top]) {\n            const lineWidth = this.lines[i].getWidthWithEllips();\n            if (lineWidth > widthBound) {\n              widthBound = lineWidth;\n            }\n            heightBound += this.lines[i].height;\n          } else {\n            if (this.lines[i].actualWidth > widthBound) {\n              widthBound = this.lines[i].actualWidth;\n            }\n            heightBound += this.lines[i].height;\n          }\n        }\n      }\n    } else {\n      for (let i = 0; i < this.lines.length; i++) {\n        const { top, height } = this.lines[i];\n        if (frameHeight === 0) {\n          if (this.lines[i].actualWidth > widthBound) {\n            widthBound = this.lines[i].actualWidth;\n          }\n          heightBound += this.lines[i].height;\n        } else if (\n          top + height < this[this.directionKey.top] ||\n          top + height > this[this.directionKey.top] + frameHeight\n        ) {\n          // return; // 不在展示范围内的line不绘制\n        } else {\n          // 判断需要显示省略号且是展示范围内的最后一行\n          const lastLine = false;\n          if (\n            this.ellipsis &&\n            this.lines[i + 1] &&\n            this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight\n          ) {\n            const lineWidth = this.lines[i].getWidthWithEllips();\n            if (lineWidth > widthBound) {\n              widthBound = lineWidth;\n            }\n            heightBound += this.lines[i].height;\n          } else {\n            if (this.lines[i].actualWidth > widthBound) {\n              widthBound = this.lines[i].actualWidth;\n            }\n            heightBound += this.lines[i].height;\n          }\n        }\n      }\n    }\n\n    return {\n      width: this.layoutDirection === 'vertical' ? heightBound : widthBound,\n      height: this.layoutDirection === 'vertical' ? widthBound : heightBound\n    };\n  }\n}\n"]}

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

@@ -1,24 +0,0 @@
-import { AABBBounds } from '@visactor/vutils';
-import { ICustomPath2D, IRichTextIcon, IRichTextIconGraphicAttribute } from '../../interface';
-import { Image } from '../image';
-export declare class RichTextIcon extends Image implements IRichTextIcon {
-    attribute: IRichTextIconGraphicAttribute;
-    richtextId?: string;
-    globalX?: number;
-    globalY?: number;
-    _x: number;
-    _y: number;
-    _hovered: boolean;
-    _marginArray: [number, number, number, number];
-    constructor(params: IRichTextIconGraphicAttribute);
-    animationBackUps?: {
-        from: Record<string, any>;
-        to: Record<string, any>;
-    } | undefined;
-    incrementalAt?: number | undefined;
-    toCustomPath?: (() => ICustomPath2D) | undefined;
-    get width(): number;
-    get height(): number;
-    protected tryUpdateAABBBounds(): AABBBounds;
-    setHoverState(hovered: boolean): void;
-}

package/es/graphic/richtext/icon.js

@@ -1,41 +0,0 @@
-import { isArray } from "@visactor/vutils";
-
-import { Image } from "../image";
-
-import { DefaultImageAttribute } from "../config";
-
-import { parsePadding } from "../../common/utils";
-
-export class RichTextIcon extends Image {
-    constructor(params) {
-        if (super(params), this._x = 0, this._y = 0, this._hovered = !1, this._marginArray = [ 0, 0, 0, 0 ], 
-        "always" === params.backgroundShowMode && (this._hovered = !0), params.margin) {
-            const marginArray = parsePadding(params.margin);
-            this._marginArray = "number" == typeof marginArray ? [ marginArray, marginArray, marginArray, marginArray ] : marginArray;
-        }
-        this.onBeforeAttributeUpdate = (val, attributes, key) => {
-            if (isArray(key) && -1 !== key.indexOf("margin") || "margin" === key) if (attributes.margin) {
-                const marginArray = parsePadding(attributes.margin);
-                this._marginArray = "number" == typeof marginArray ? [ marginArray, marginArray, marginArray, marginArray ] : marginArray;
-            } else this._marginArray = [ 0, 0, 0, 0 ];
-        };
-    }
-    get width() {
-        var _a;
-        return (null !== (_a = this.attribute.width) && void 0 !== _a ? _a : 0) + this._marginArray[1] + this._marginArray[3];
-    }
-    get height() {
-        var _a;
-        return (null !== (_a = this.attribute.height) && void 0 !== _a ? _a : 0) + this._marginArray[0] + this._marginArray[2];
-    }
-    tryUpdateAABBBounds() {
-        if (!this.shouldUpdateAABBBounds()) return this._AABBBounds;
-        this.doUpdateAABBBounds();
-        const {width: width = DefaultImageAttribute.width, height: height = DefaultImageAttribute.height} = this.attribute, {backgroundWidth: backgroundWidth = width, backgroundHeight: backgroundHeight = height} = this.attribute, expandX = (backgroundWidth - width) / 2, expandY = (backgroundHeight - height) / 2;
-        return this._AABBBounds.expand([ 0, 2 * expandX, 2 * expandY, 0 ]), this._AABBBounds;
-    }
-    setHoverState(hovered) {
-        "hover" === this.attribute.backgroundShowMode && this._hovered !== hovered && (this._hovered = hovered);
-    }
-}
-//# sourceMappingURL=icon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/graphic/richtext/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIlD,MAAM,OAAO,YAAa,SAAQ,KAAK;IAYrC,YAAY,MAAqC;QAC/C,KAAK,CAAC,MAAM,CAAC,CAAC;QANhB,OAAE,GAAW,CAAC,CAAC;QACf,OAAE,GAAW,CAAC,CAAC;QACf,aAAQ,GAAY,KAAK,CAAC;QAC1B,iBAAY,GAAqC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAK5D,IAAI,MAAM,CAAC,kBAAkB,KAAK,QAAQ,EAAE;YAC1C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;QAED,IAAI,MAAM,CAAC,MAAM,EAAE;YACjB,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAChD,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;gBACnC,IAAI,CAAC,YAAY,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;aAC1E;iBAAM;gBACL,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;aACjC;SACF;QAED,IAAI,CAAC,uBAAuB,GAAG,CAAC,GAAQ,EAAE,UAAe,EAAE,GAA6B,EAAE,EAAE;YAC1F,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,QAAQ,EAAE;gBACtE,IAAI,UAAU,CAAC,MAAM,EAAE;oBACrB,MAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;oBACpD,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;wBACnC,IAAI,CAAC,YAAY,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;qBAC1E;yBAAM;wBACL,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;qBACjC;iBACF;qBAAM;oBACL,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;iBAClC;aACF;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC;IAKD,IAAI,KAAK;;QACP,OAAO,CAAC,MAAA,IAAI,CAAC,SAAS,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACnF,CAAC;IAED,IAAI,MAAM;;QACR,OAAO,CAAC,MAAA,IAAI,CAAC,SAAS,CAAC,MAAM,mCAAI,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACpF,CAAC;IAES,mBAAmB;QAC3B,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAE;YAClC,OAAO,IAAI,CAAC,WAAW,CAAC;SACzB;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAG1B,MAAM,EAAE,KAAK,GAAG,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACtG,MAAM,EAAE,eAAe,GAAG,KAAK,EAAE,gBAAgB,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9E,MAAM,OAAO,GAAG,CAAC,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,CAAC,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAChD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAE1D,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,aAAa,CAAC,OAAgB;QAC5B,IAAI,IAAI,CAAC,SAAS,CAAC,kBAAkB,KAAK,OAAO,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;YAC9E,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;SACzB;IACH,CAAC;CACF","file":"icon.js","sourcesContent":["import { AABBBounds, isArray } from '@visactor/vutils';\nimport { ICustomPath2D, IRichTextIcon, IRichTextIconGraphicAttribute } from '../../interface';\nimport { Image } from '../image';\nimport { DefaultImageAttribute } from '../config';\nimport { parsePadding } from '../../common/utils';\n\n// export const IMAGE_NUMBER_TYPE = genNumberType();\n\nexport class RichTextIcon extends Image implements IRichTextIcon {\n  // type: 'richtext-icon' = 'richtext-icon';\n  declare attribute: IRichTextIconGraphicAttribute;\n  richtextId?: string;\n  // 全局坐标，供外部用户pick后使用\n  globalX?: number;\n  globalY?: number;\n  _x: number = 0;\n  _y: number = 0;\n  _hovered: boolean = false;\n  _marginArray: [number, number, number, number] = [0, 0, 0, 0];\n\n  constructor(params: IRichTextIconGraphicAttribute) {\n    super(params);\n\n    if (params.backgroundShowMode === 'always') {\n      this._hovered = true;\n    }\n\n    if (params.margin) {\n      const marginArray = parsePadding(params.margin);\n      if (typeof marginArray === 'number') {\n        this._marginArray = [marginArray, marginArray, marginArray, marginArray];\n      } else {\n        this._marginArray = marginArray;\n      }\n    }\n\n    this.onBeforeAttributeUpdate = (val: any, attributes: any, key: null | string | string[]) => {\n      if ((isArray(key) && key.indexOf('margin') !== -1) || key === 'margin') {\n        if (attributes.margin) {\n          const marginArray = parsePadding(attributes.margin);\n          if (typeof marginArray === 'number') {\n            this._marginArray = [marginArray, marginArray, marginArray, marginArray];\n          } else {\n            this._marginArray = marginArray;\n          }\n        } else {\n          this._marginArray = [0, 0, 0, 0];\n        }\n      }\n      return undefined;\n    };\n  }\n  animationBackUps?: { from: Record<string, any>; to: Record<string, any> } | undefined;\n  incrementalAt?: number | undefined;\n  toCustomPath?: (() => ICustomPath2D) | undefined;\n\n  get width(): number {\n    return (this.attribute.width ?? 0) + this._marginArray[1] + this._marginArray[3];\n  }\n\n  get height(): number {\n    return (this.attribute.height ?? 0) + this._marginArray[0] + this._marginArray[2];\n  }\n\n  protected tryUpdateAABBBounds(): AABBBounds {\n    if (!this.shouldUpdateAABBBounds()) {\n      return this._AABBBounds;\n    }\n\n    this.doUpdateAABBBounds();\n\n    // 扩大范围\n    const { width = DefaultImageAttribute.width, height = DefaultImageAttribute.height } = this.attribute;\n    const { backgroundWidth = width, backgroundHeight = height } = this.attribute;\n    const expandX = (backgroundWidth - width) / 2;\n    const expandY = (backgroundHeight - height) / 2;\n    this._AABBBounds.expand([0, expandX * 2, expandY * 2, 0]);\n\n    return this._AABBBounds;\n  }\n\n  setHoverState(hovered: boolean) {\n    if (this.attribute.backgroundShowMode === 'hover' && this._hovered !== hovered) {\n      this._hovered = hovered;\n    }\n  }\n}\n"]}

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

@@ -1,27 +0,0 @@
-import { IContext2d, IRichTextIcon } from '../../interface';
-import { RichTextIcon } from './icon';
-import Paragraph from './paragraph';
-export default class Line {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-    baseline: number;
-    ascent: number;
-    descent: number;
-    paragraphs: (Paragraph | RichTextIcon)[];
-    actualWidth: number;
-    blankWidth: number;
-    textAlign: string;
-    direction: 'horizontal' | 'vertical';
-    directionKey: {
-        width: string;
-        height: string;
-        left: string;
-        x: string;
-        y: string;
-    };
-    constructor(left: number, width: number, baseline: number, ascent: number, descent: number, lineBuffer: (Paragraph | RichTextIcon)[], direction: 'horizontal' | 'vertical', isWidthMax: boolean);
-    draw(ctx: IContext2d, lastLine: boolean, x: number, y: number, drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void): void;
-    getWidthWithEllips(): number;
-}

package/es/graphic/richtext/line.js

@@ -1,95 +0,0 @@
-import { RichTextIcon } from "./icon";
-
-import Paragraph from "./paragraph";
-
-import { DIRECTION_KEY, measureTextCanvas, regFirstSpace } from "./utils";
-
-export default class Line {
-    constructor(left, width, baseline, ascent, descent, lineBuffer, direction, isWidthMax) {
-        this.left = left, this.width = width, this.baseline = baseline, this.ascent = ascent, 
-        this.descent = descent, this.top = baseline - ascent, this.paragraphs = lineBuffer.map((p => p)), 
-        this.textAlign = (this.paragraphs[0] instanceof RichTextIcon ? this.paragraphs[0].attribute.textAlign : this.paragraphs[0].character.textAlign) || "left", 
-        this.direction = direction, this.directionKey = DIRECTION_KEY[this.direction];
-        const directionKey = this.directionKey;
-        this.actualWidth = 0;
-        let maxHeight = 0;
-        this.paragraphs.forEach(((word, index) => {
-            if (0 === index && word instanceof Paragraph) {
-                const result = regFirstSpace.exec(word.text);
-                0 !== (null == result ? void 0 : result.index) && (word.text = word.text.slice(null == result ? void 0 : result.index), 
-                word.updateWidth());
-            }
-            this.actualWidth += word[this.directionKey.width], maxHeight = Math.max(word[this.directionKey.height], maxHeight);
-        })), this.height = maxHeight, this.blankWidth = isWidthMax ? 0 : this.width - this.actualWidth;
-        let x = this.left, spacing = 0;
-        if (this.actualWidth < width && !isWidthMax) switch (this.textAlign) {
-          case "right":
-            x = width - this.actualWidth;
-            break;
-
-          case "center":
-            x = (width - this.actualWidth) / 2;
-            break;
-
-          case "justify":
-            this.paragraphs.length < 2 ? x = (width - this.actualWidth) / 2 : spacing = (width - this.actualWidth) / (this.paragraphs.length - 1);
-        }
-        this.paragraphs.map((function(paragraph) {
-            paragraph instanceof RichTextIcon ? (paragraph["_" + directionKey.x] = x, x += paragraph[directionKey.width] + spacing, 
-            paragraph["_" + directionKey.y] = "top" === paragraph.attribute.textBaseline ? 0 : "bottom" === paragraph.attribute.textBaseline ? maxHeight - paragraph.height : (maxHeight - paragraph.height) / 2) : (paragraph[directionKey.left] = x, 
-            x += paragraph[directionKey.width] + spacing);
-        }));
-    }
-    draw(ctx, lastLine, x, y, drawIcon) {
-        if (lastLine) {
-            let otherParagraphWidth = 0;
-            for (let i = this.paragraphs.length - 1; i >= 0; i--) {
-                const paragraph = this.paragraphs[i];
-                if (paragraph instanceof RichTextIcon) break;
-                if ("vertical" === this.direction && "vertical" !== paragraph.direction) {
-                    paragraph.verticalEllipsis = !0;
-                    break;
-                }
-                const {width: width} = measureTextCanvas("...", paragraph.character), ellipsisWidth = width || 0;
-                if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {
-                    paragraph.ellipsis = "add";
-                    break;
-                }
-                if (ellipsisWidth <= this.blankWidth + otherParagraphWidth + paragraph.width) {
-                    paragraph.ellipsis = "replace", paragraph.ellipsisWidth = ellipsisWidth, paragraph.ellipsisOtherParagraphWidth = this.blankWidth + otherParagraphWidth;
-                    break;
-                }
-                paragraph.ellipsis = "hide", otherParagraphWidth += paragraph.width;
-            }
-        }
-        this.paragraphs.map(((paragraph, index) => {
-            if (paragraph instanceof RichTextIcon) return paragraph.setAttributes({
-                x: x + paragraph._x,
-                y: y + paragraph._y
-            }), void drawIcon(paragraph, ctx, x + paragraph._x, y + paragraph._y, this.ascent);
-            paragraph.draw(ctx, y + this.ascent, x, 0 === index, this.textAlign);
-        }));
-    }
-    getWidthWithEllips() {
-        let otherParagraphWidth = 0;
-        for (let i = this.paragraphs.length - 1; i >= 0; i--) {
-            const paragraph = this.paragraphs[i];
-            if (paragraph instanceof RichTextIcon) break;
-            const {width: width} = measureTextCanvas("...", paragraph.character), ellipsisWidth = width || 0;
-            if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {
-                paragraph.ellipsis = "add", paragraph.ellipsisWidth = ellipsisWidth;
-                break;
-            }
-            if (ellipsisWidth <= this.blankWidth + otherParagraphWidth + paragraph.width) {
-                paragraph.ellipsis = "replace", paragraph.ellipsisWidth = ellipsisWidth, paragraph.ellipsisOtherParagraphWidth = this.blankWidth + otherParagraphWidth;
-                break;
-            }
-            paragraph.ellipsis = "hide", otherParagraphWidth += paragraph.width;
-        }
-        let width = 0;
-        return this.paragraphs.map(((paragraph, index) => {
-            width += paragraph instanceof RichTextIcon ? paragraph.width : paragraph.getWidthWithEllips(this.direction);
-        })), width;
-    }
-}
-//# sourceMappingURL=line.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/graphic/richtext/line.ts"],"names":[],"mappings":"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","file":"line.js","sourcesContent":["// import { IContext2d } from '../../IContext';\nimport { IContext2d, IRichTextIcon } from '../../interface';\nimport { RichTextIcon } from './icon';\nimport Paragraph from './paragraph';\nimport { DIRECTION_KEY, measureTextCanvas, regFirstSpace } from './utils';\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/line.js\nexport default class Line {\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n  baseline: number;\n  ascent: number;\n  descent: number;\n  paragraphs: (Paragraph | RichTextIcon)[];\n  actualWidth: number;\n  blankWidth: number;\n  textAlign: string;\n  direction: 'horizontal' | 'vertical';\n  directionKey: { width: string; height: string; left: string; x: string; y: string };\n\n  constructor(\n    left: number,\n    width: number,\n    baseline: number,\n    ascent: number,\n    descent: number,\n    lineBuffer: (Paragraph | RichTextIcon)[],\n    direction: 'horizontal' | 'vertical',\n    isWidthMax: boolean\n  ) {\n    this.left = left;\n    this.width = width;\n    this.baseline = baseline;\n    this.ascent = ascent;\n    this.descent = descent;\n    // this.height = ascent + descent;\n    this.top = baseline - ascent;\n    this.paragraphs = lineBuffer.map(p => p);\n    this.textAlign =\n      (this.paragraphs[0] instanceof RichTextIcon\n        ? this.paragraphs[0].attribute.textAlign\n        : this.paragraphs[0].character.textAlign) || 'left'; // 对齐方式选择第一个paragraph属性\n    this.direction = direction;\n    this.directionKey = DIRECTION_KEY[this.direction];\n    const directionKey = this.directionKey;\n\n    this.actualWidth = 0;\n    let maxHeight = 0;\n    this.paragraphs.forEach((word, index) => {\n      // 每行中第一个字符不能是空格\n      if (index === 0 && word instanceof Paragraph) {\n        const result = regFirstSpace.exec(word.text);\n        if (result?.index !== 0) {\n          word.text = word.text.slice(result?.index);\n          word.updateWidth();\n        }\n      }\n      this.actualWidth += word[this.directionKey.width];\n      maxHeight = Math.max(word[this.directionKey.height], maxHeight);\n    });\n    this.height = maxHeight;\n\n    this.blankWidth = !isWidthMax ? this.width - this.actualWidth : 0;\n    // 处理对齐方式，计算左侧偏移距离和字符之间间距\n    let x = this.left;\n    let spacing = 0;\n    if (this.actualWidth < width && !isWidthMax) {\n      switch (this.textAlign) {\n        case 'right':\n          x = width - this.actualWidth;\n          break;\n        case 'center':\n          x = (width - this.actualWidth) / 2;\n          break;\n        case 'justify':\n          if (this.paragraphs.length < 2) {\n            // 只有一个paragraph两端对齐居中显示\n            x = (width - this.actualWidth) / 2;\n          } else {\n            spacing = (width - this.actualWidth) / (this.paragraphs.length - 1);\n          }\n          break;\n      }\n    }\n\n    this.paragraphs.map(function (paragraph) {\n      if (paragraph instanceof RichTextIcon) {\n        // paragraph.setAttribute(directionKey.x, x);\n        paragraph['_' + directionKey.x] = x;\n        x += paragraph[directionKey.width] + spacing;\n        // 处理纵向对齐\n        paragraph['_' + directionKey.y] =\n          paragraph.attribute.textBaseline === 'top'\n            ? 0\n            : paragraph.attribute.textBaseline === 'bottom'\n            ? maxHeight - paragraph.height\n            : (maxHeight - paragraph.height) / 2;\n      } else {\n        paragraph[directionKey.left] = x;\n        x += paragraph[directionKey.width] + spacing;\n      }\n    });\n  }\n\n  draw(\n    ctx: IContext2d,\n    lastLine: boolean,\n    x: number,\n    y: number,\n    drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void\n  ) {\n    if (lastLine) {\n      // 处理省略号\n      let otherParagraphWidth = 0;\n      for (let i = this.paragraphs.length - 1; i >= 0; i--) {\n        const paragraph = this.paragraphs[i];\n        if (paragraph instanceof RichTextIcon) {\n          break; // todo: 处理最后为图标，显示省略号的情况\n        }\n        if (this.direction === 'vertical' && paragraph.direction !== 'vertical') {\n          paragraph.verticalEllipsis = true;\n          break;\n        }\n        // const { width } = measureText('...', paragraph.style);\n        const { width } = measureTextCanvas('...', paragraph.character);\n        const ellipsisWidth = width || 0;\n        if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {\n          // 省略号可以直接接在后面paragraph\n          paragraph.ellipsis = 'add';\n\n          break;\n        } else if (ellipsisWidth <= this.blankWidth + otherParagraphWidth + paragraph.width) {\n          // 省略号需要替换paragraph中的字符\n          paragraph.ellipsis = 'replace';\n          paragraph.ellipsisWidth = ellipsisWidth;\n          paragraph.ellipsisOtherParagraphWidth = this.blankWidth + otherParagraphWidth;\n\n          break;\n        } else {\n          // 省略号需要的width大于paragraph的width，隐藏paragraph，向前搜索\n          paragraph.ellipsis = 'hide';\n          otherParagraphWidth += paragraph.width;\n        }\n      }\n    }\n\n    // 正常绘制\n    this.paragraphs.map((paragraph, index) => {\n      if (paragraph instanceof RichTextIcon) {\n        // 更新icon位置\n        paragraph.setAttributes({\n          x: x + paragraph._x,\n          y: y + paragraph._y\n        });\n\n        // 绘制icon\n        drawIcon(paragraph, ctx, x + paragraph._x, y + paragraph._y, this.ascent);\n        return;\n      }\n      paragraph.draw(ctx, y + this.ascent, x, index === 0, this.textAlign);\n    });\n  }\n\n  getWidthWithEllips() {\n    // 处理省略号\n    let otherParagraphWidth = 0;\n    for (let i = this.paragraphs.length - 1; i >= 0; i--) {\n      const paragraph = this.paragraphs[i];\n      if (paragraph instanceof RichTextIcon) {\n        break; // todo: 处理最后为图标，显示省略号的情况\n      }\n\n      const { width } = measureTextCanvas('...', paragraph.character);\n      const ellipsisWidth = width || 0;\n      if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {\n        // 省略号可以直接接在后面paragraph\n        paragraph.ellipsis = 'add';\n        paragraph.ellipsisWidth = ellipsisWidth;\n        break;\n      } else if (ellipsisWidth <= this.blankWidth + otherParagraphWidth + paragraph.width) {\n        // 省略号需要替换paragraph中的字符\n        paragraph.ellipsis = 'replace';\n        paragraph.ellipsisWidth = ellipsisWidth;\n        paragraph.ellipsisOtherParagraphWidth = this.blankWidth + otherParagraphWidth;\n\n        break;\n      } else {\n        // 省略号需要的width大于paragraph的width，隐藏paragraph，向前搜索\n        paragraph.ellipsis = 'hide';\n        otherParagraphWidth += paragraph.width;\n      }\n    }\n\n    let width = 0;\n    // 正常绘制\n    this.paragraphs.map((paragraph, index) => {\n      if (paragraph instanceof RichTextIcon) {\n        width += paragraph.width; // todo: 处理direction\n      } else {\n        width += paragraph.getWidthWithEllips(this.direction);\n      }\n    });\n\n    return width;\n  }\n}\n"]}

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

@@ -1,28 +0,0 @@
-import { IContext2d, IRichTextParagraphCharacter } from '../../interface';
-export default class Paragraph {
-    text: string;
-    ascent: number;
-    descent: number;
-    width: number;
-    height: number;
-    lineHeight: number;
-    fontSize: number;
-    length: number;
-    newLine: boolean;
-    character: IRichTextParagraphCharacter;
-    left: number;
-    top: number;
-    direction?: 'horizontal' | 'vertical';
-    widthOrigin?: number;
-    heightOrigin?: number;
-    textBaseline?: CanvasTextBaseline;
-    ellipsis: 'normal' | 'add' | 'replace' | 'hide';
-    ellipsisWidth: number;
-    ellipsisOtherParagraphWidth: number;
-    verticalEllipsis?: boolean;
-    constructor(text: string, newLine: boolean, character: IRichTextParagraphCharacter);
-    updateWidth(): void;
-    draw(ctx: IContext2d, baseline: number, deltaLeft: number, isLineFirst: boolean, textAlign: string): void;
-    getWidthWithEllips(direction: string): number;
-}
-export declare function seperateParagraph(paragraph: Paragraph, index: number): Paragraph[];

package/es/graphic/richtext/paragraph.js

@@ -1,75 +0,0 @@
-import { measureTextCanvas, applyFillStyle, applyStrokeStyle, getStrByWithCanvas } from "./utils";
-
-export default class Paragraph {
-    constructor(text, newLine, character) {
-        this.fontSize = character.fontSize || 16, this.textBaseline = character.textBaseline || "alphabetic", 
-        "number" == typeof character.lineHeight ? this.lineHeight = character.lineHeight > this.fontSize ? character.lineHeight : this.fontSize : this.lineHeight = Math.floor(1.2 * this.fontSize), 
-        this.height = this.lineHeight;
-        const {ascent: ascent, height: height, descent: descent, width: width} = measureTextCanvas(text, character);
-        let halfDetaHeight = 0, deltaAscent = 0, deltaDescent = 0;
-        this.height > height && (halfDetaHeight = (this.height - height) / 2, deltaAscent = Math.ceil(halfDetaHeight), 
-        deltaDescent = Math.floor(halfDetaHeight)), "top" === this.textBaseline ? (this.ascent = halfDetaHeight, 
-        this.descent = height - halfDetaHeight) : "bottom" === this.textBaseline ? (this.ascent = height - halfDetaHeight, 
-        this.descent = halfDetaHeight) : "middle" === this.textBaseline ? (this.ascent = this.height / 2, 
-        this.descent = this.height / 2) : (this.ascent = ascent + deltaAscent, this.descent = descent + deltaDescent), 
-        this.length = text.length, this.width = width || 0, this.text = text || "", this.newLine = newLine || !1, 
-        this.character = character, this.left = 0, this.top = 0, this.ellipsis = "normal", 
-        this.ellipsisWidth = 0, this.ellipsisOtherParagraphWidth = 0, "vertical" === character.direction && (this.direction = character.direction, 
-        this.widthOrigin = this.width, this.heightOrigin = this.height, this.width = this.heightOrigin, 
-        this.height = this.widthOrigin, this.lineHeight = this.height);
-    }
-    updateWidth() {
-        const {width: width} = measureTextCanvas(this.text, this.character);
-        this.width = width, "vertical" === this.direction && (this.widthOrigin = this.width, 
-        this.width = this.heightOrigin, this.height = this.widthOrigin);
-    }
-    draw(ctx, baseline, deltaLeft, isLineFirst, textAlign) {
-        let text = this.text, left = this.left + deltaLeft;
-        baseline += this.top;
-        let direction = this.direction;
-        if (this.verticalEllipsis) text = "...", direction = "vertical", baseline -= this.ellipsisWidth / 2; else {
-            if ("hide" === this.ellipsis) return;
-            if ("add" === this.ellipsis) text += "...", "right" === textAlign && (left -= this.ellipsisWidth); else if ("replace" === this.ellipsis) {
-                const index = getStrByWithCanvas(text, ("vertical" === direction ? this.height : this.width) - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
-                if (text = text.slice(0, index), text += "...", "right" === textAlign) {
-                    const {width: width} = measureTextCanvas(this.text.slice(index), this.character);
-                    "vertical" === direction || (left -= this.ellipsisWidth - width);
-                }
-            }
-        }
-        switch (this.character.script) {
-          case "super":
-            baseline -= this.ascent * (1 / 3);
-            break;
-
-          case "sub":
-            baseline += this.descent / 2;
-        }
-        "vertical" === direction && (ctx.save(), ctx.rotateAbout(Math.PI / 2, left, baseline), 
-        ctx.translate(-this.heightOrigin || -this.lineHeight / 2, -this.descent / 2), ctx.translate(left, baseline), 
-        left = 0, baseline = 0), this.character.stroke && (applyStrokeStyle(ctx, this.character), 
-        ctx.strokeText(text, left, baseline)), applyFillStyle(ctx, this.character), this.character.fill && ctx.fillText(text, left, baseline), 
-        this.character.fill && ("boolean" == typeof this.character.lineThrough || "boolean" == typeof this.character.underline ? (this.character.underline && ctx.fillRect(left, 1 + baseline, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1), 
-        this.character.lineThrough && ctx.fillRect(left, 1 + baseline - this.ascent / 2, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1)) : "underline" === this.character.textDecoration ? ctx.fillRect(left, 1 + baseline, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1) : "line-through" === this.character.textDecoration && ctx.fillRect(left, 1 + baseline - this.ascent / 2, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1)), 
-        "vertical" === direction && ctx.restore();
-    }
-    getWidthWithEllips(direction) {
-        let text = this.text;
-        const width = "vertical" === direction ? this.height : this.width;
-        if ("hide" === this.ellipsis) return width;
-        if ("add" === this.ellipsis) return width + this.ellipsisWidth;
-        if ("replace" === this.ellipsis) {
-            const index = getStrByWithCanvas(text, width - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
-            text = text.slice(0, index), text += "...";
-            const {width: measureWidth} = measureTextCanvas(this.text.slice(index), this.character);
-            return width + this.ellipsisWidth - measureWidth;
-        }
-        return width;
-    }
-}
-
-export function seperateParagraph(paragraph, index) {
-    const text1 = paragraph.text.slice(0, index), text2 = paragraph.text.slice(index);
-    return [ new Paragraph(text1, paragraph.newLine, paragraph.character), new Paragraph(text2, !0, paragraph.character) ];
-}
-//# sourceMappingURL=paragraph.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/graphic/richtext/paragraph.ts"],"names":[],"mappings":"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","file":"paragraph.js","sourcesContent":["import { IContext2d, IRichTextParagraphCharacter } from '../../interface';\nimport { measureTextCanvas, applyFillStyle, applyStrokeStyle, getStrByWithCanvas } from './utils';\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/text.js\nexport default class Paragraph {\n  text: string;\n  ascent: number;\n  descent: number;\n  width: number;\n  height: number;\n  lineHeight: number;\n  fontSize: number;\n  length: number;\n  newLine: boolean;\n  character: IRichTextParagraphCharacter;\n  left: number;\n  top: number;\n  // rotate?: number;\n  direction?: 'horizontal' | 'vertical';\n  // bounds?: Bounds;\n  widthOrigin?: number;\n  heightOrigin?: number;\n  textBaseline?: CanvasTextBaseline;\n\n  ellipsis: 'normal' | 'add' | 'replace' | 'hide';\n  ellipsisWidth: number;\n  ellipsisOtherParagraphWidth: number;\n  verticalEllipsis?: boolean;\n\n  constructor(text: string, newLine: boolean, character: IRichTextParagraphCharacter) {\n    // 测量文字\n    this.fontSize = character.fontSize || 16;\n    this.textBaseline = character.textBaseline || 'alphabetic';\n\n    // 处理行高：\n    // lineHeight为数字时，大于fontSize取lineHeight，小于fontSize时取fontSize\n    // lineHeight不为数字时，统一认为lineHeight为'normal'，值取1.2 * fontSize\n    if (typeof character.lineHeight === 'number') {\n      this.lineHeight = character.lineHeight > this.fontSize ? character.lineHeight : this.fontSize;\n    } else {\n      this.lineHeight = Math.floor(1.2 * this.fontSize);\n    }\n\n    this.height = this.lineHeight;\n\n    const { ascent, height, descent, width } = measureTextCanvas(text, character);\n\n    let halfDetaHeight = 0;\n    let deltaAscent = 0;\n    let deltaDescent = 0;\n    if (this.height > height) {\n      // measureTextCanvas测量出的是纯文字高度，this.height是考虑行高后的高度\n      // 如果this.height > height，将超过的高度平均分配到ascent和descent上\n      halfDetaHeight = (this.height - height) / 2;\n      deltaAscent = Math.ceil(halfDetaHeight);\n      deltaDescent = Math.floor(halfDetaHeight);\n    }\n\n    if (this.textBaseline === 'top') {\n      this.ascent = halfDetaHeight;\n      this.descent = height - halfDetaHeight;\n    } else if (this.textBaseline === 'bottom') {\n      this.ascent = height - halfDetaHeight;\n      this.descent = halfDetaHeight;\n    } else if (this.textBaseline === 'middle') {\n      this.ascent = this.height / 2;\n      this.descent = this.height / 2;\n    } else {\n      this.ascent = ascent + deltaAscent;\n      this.descent = descent + deltaDescent;\n    }\n\n    this.length = text.length;\n    this.width = width || 0;\n    this.text = text || '';\n    this.newLine = newLine || false;\n    this.character = character;\n\n    this.left = 0;\n    this.top = 0;\n\n    this.ellipsis = 'normal';\n    this.ellipsisWidth = 0;\n    this.ellipsisOtherParagraphWidth = 0;\n\n    // 处理旋转\n    if (character.direction === 'vertical') {\n      this.direction = character.direction;\n      this.widthOrigin = this.width;\n      this.heightOrigin = this.height;\n      // const bounds = new Bounds();\n      // bounds.set(0, 0, this.width, this.height);\n      // bounds.rotate(Math.PI / 2, this.width / 2, this.height / 2);\n      // this.bounds = bounds;\n      // this.width = bounds.width();\n      // this.height = bounds.height();\n      this.width = this.heightOrigin;\n      this.height = this.widthOrigin;\n      this.lineHeight = this.height;\n    }\n  }\n\n  updateWidth() {\n    const { width } = measureTextCanvas(this.text, this.character);\n    this.width = width;\n    if (this.direction === 'vertical') {\n      this.widthOrigin = this.width;\n      this.width = this.heightOrigin;\n      this.height = this.widthOrigin;\n    }\n  }\n\n  draw(ctx: IContext2d, baseline: number, deltaLeft: number, isLineFirst: boolean, textAlign: string) {\n    let text = this.text;\n    let left = this.left + deltaLeft;\n    baseline += this.top;\n    let direction = this.direction;\n\n    if (this.verticalEllipsis) {\n      text = '...';\n      direction = 'vertical';\n      baseline -= this.ellipsisWidth / 2;\n    } else if (this.ellipsis === 'hide') {\n      return;\n    } else if (this.ellipsis === 'add') {\n      text += '...';\n\n      if (textAlign === 'right') {\n        left -= this.ellipsisWidth;\n      }\n    } else if (this.ellipsis === 'replace') {\n      // 找到需要截断的字符长度\n      // const index = getStrByWith(text, this.width - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.style, text.length - 1);\n      const index = getStrByWithCanvas(\n        text,\n        (direction === 'vertical' ? this.height : this.width) - this.ellipsisWidth + this.ellipsisOtherParagraphWidth,\n        this.character,\n        text.length - 1\n      );\n      text = text.slice(0, index);\n      text += '...';\n\n      if (textAlign === 'right') {\n        const { width } = measureTextCanvas(this.text.slice(index), this.character);\n        if (direction === 'vertical') {\n          // baseline -= this.ellipsisWidth - width;\n        } else {\n          left -= this.ellipsisWidth - width;\n        }\n      }\n    }\n\n    // prepareContext(ctx);\n    switch (this.character.script) {\n      case 'super':\n        baseline -= this.ascent * (1 / 3);\n        break;\n      case 'sub':\n        baseline += this.descent / 2;\n        break;\n    }\n\n    // if (isLineFirst) {\n    //   const result = regFirstSpace.exec(text);\n    //   if (result?.index !== 0) {\n    //     text = text.slice(result?.index);\n    //   }\n    // }\n\n    // 处理旋转\n    if (direction === 'vertical') {\n      ctx.save();\n      ctx.rotateAbout(Math.PI / 2, left, baseline);\n      ctx.translate(-(this.heightOrigin as number) || -this.lineHeight / 2, -this.descent / 2);\n      ctx.translate(left, baseline);\n      left = 0;\n      baseline = 0;\n    }\n\n    if (this.character.stroke) {\n      applyStrokeStyle(ctx, this.character);\n      ctx.strokeText(text, left, baseline);\n    }\n\n    // 下面绘制underline和line-through时需要设置FillStyle\n    applyFillStyle(ctx, this.character);\n\n    if (this.character.fill) {\n      ctx.fillText(text, left, baseline);\n    }\n\n    if (this.character.fill) {\n      if (typeof this.character.lineThrough === 'boolean' || typeof this.character.underline === 'boolean') {\n        if (this.character.underline) {\n          ctx.fillRect(\n            left,\n            1 + baseline,\n            this.widthOrigin || this.width,\n            this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1\n          );\n        }\n        if (this.character.lineThrough) {\n          ctx.fillRect(\n            left,\n            1 + baseline - this.ascent / 2,\n            this.widthOrigin || this.width,\n            this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1\n          );\n        }\n      } else if (this.character.textDecoration === 'underline') {\n        ctx.fillRect(\n          left,\n          1 + baseline,\n          this.widthOrigin || this.width,\n          this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1\n        );\n      } else if (this.character.textDecoration === 'line-through') {\n        ctx.fillRect(\n          left,\n          1 + baseline - this.ascent / 2,\n          this.widthOrigin || this.width,\n          this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1\n        );\n      }\n    }\n\n    if (direction === 'vertical') {\n      ctx.restore();\n    }\n  }\n\n  getWidthWithEllips(direction: string): number {\n    let text = this.text;\n    // const direction = this.direction;\n    const width = direction === 'vertical' ? this.height : this.width;\n    // const height = direction === 'vertical' ? this.width: this.height;\n\n    if (this.ellipsis === 'hide') {\n      return width;\n    } else if (this.ellipsis === 'add') {\n      return width + this.ellipsisWidth;\n    } else if (this.ellipsis === 'replace') {\n      // 找到需要截断的字符长度\n      // const index = getStrByWith(text, width - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.style, text.length - 1);\n      const index = getStrByWithCanvas(\n        text,\n        width - this.ellipsisWidth + this.ellipsisOtherParagraphWidth,\n        this.character,\n        text.length - 1\n      );\n      text = text.slice(0, index);\n      text += '...';\n\n      const { width: measureWidth } = measureTextCanvas(this.text.slice(index), this.character);\n      return width + this.ellipsisWidth - measureWidth;\n    }\n    return width;\n  }\n}\n\nexport function seperateParagraph(paragraph: Paragraph, index: number) {\n  const text1 = paragraph.text.slice(0, index);\n  const text2 = paragraph.text.slice(index);\n  const p1 = new Paragraph(text1, paragraph.newLine, paragraph.character);\n  const p2 = new Paragraph(text2, true, paragraph.character);\n\n  return [p1, p2];\n}\n"]}