@visactor/vrender-core 0.22.0-vstory.6 → 0.22.0-vstory.8

package/dist/index.es.js

@@ -13587,6 +13587,9 @@ class Group extends Graphic {
         const bounds = this.doUpdateAABBBounds();
         this.addUpdateLayoutTag();
         application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange);
+        if (this.attribute.boundsMode === 'empty') {
+            bounds.clear();
+        }
         return bounds;
     }
     doUpdateLocalMatrix() {
@@ -17841,15 +17844,11 @@ function getFixedLRTB(left, right, top, bottom) {
     const topInt = Math.round(top);
     const rightInt = Math.round(right);
     const bottomInt = Math.round(bottom);
-    const _left = left > leftInt ? leftInt : leftInt - 0.5;
-    const _top = top > topInt ? topInt : topInt - 0.5;
-    const _right = rightInt > right ? rightInt : rightInt + 0.5;
-    const _bottom = bottomInt > bottom ? bottomInt : bottomInt + 0.5;
     return {
-        left: _left,
-        top: _top,
-        right: _right,
-        bottom: _bottom
+        left: leftInt,
+        top: topInt,
+        right: rightInt,
+        bottom: bottomInt
     };
 }
 class Paragraph {
@@ -17953,34 +17952,10 @@ class Paragraph {
                 }
             }
         }
-        switch (this.character.script) {
-            case 'super':
-                baseline -= this.ascent * (1 / 3);
-                break;
-            case 'sub':
-                baseline += this.descent / 2;
-                break;
-        }
-        if (direction === 'vertical') {
-            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;
-        }
-        const fillStyle = ctx.fillStyle;
-        const globalAlpha = ctx.globalAlpha;
-        ctx.fillStyle = this.character.background;
-        if (this.character.backgroundOpacity !== void 0) {
-            ctx.globalAlpha = this.character.backgroundOpacity;
-        }
         const right = left + (this.widthOrigin || this.width);
         const bottom = top + lineHeight;
         const lrtb = getFixedLRTB(left, right, top, bottom);
-        ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
-        ctx.fillStyle = fillStyle;
-        ctx.globalAlpha = globalAlpha;
+        return Object.assign(Object.assign({}, lrtb), { fillStyle: this.character.background, globalAlpha: this.character.backgroundOpacity });
     }
     draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
         let baseline = top + ascent;
@@ -18405,11 +18380,35 @@ class Line {
                 }
             }
         }
+        let fillStyle = '';
+        let globalAlpha = -1;
+        let currBgList = [];
+        const bgList = [currBgList];
         this.paragraphs.forEach((paragraph, index) => {
             if (paragraph instanceof RichTextIcon) {
                 return;
             }
-            paragraph.drawBackground(ctx, y, this.ascent, x, index === 0, this.textAlign, this.height);
+            const data = paragraph.drawBackground(ctx, y, this.ascent, x, index === 0, this.textAlign, this.height);
+            if (!data) {
+                return;
+            }
+            if (!(fillStyle === data.fillStyle && globalAlpha === data.globalAlpha)) {
+                currBgList = [];
+                bgList.push(currBgList);
+                fillStyle = data.fillStyle;
+                globalAlpha = data.globalAlpha;
+            }
+            currBgList.push(data);
+        });
+        bgList.forEach(bg => {
+            if (bg.length === 0) {
+                return;
+            }
+            const data = bg[0];
+            const end = bg[bg.length - 1];
+            ctx.fillStyle = data.fillStyle;
+            ctx.globalAlpha = data.globalAlpha;
+            ctx.fillRect(data.left, data.top, end.right - data.left, end.bottom - data.top);
         });
         this.paragraphs.forEach((paragraph, index) => {
             if (paragraph instanceof RichTextIcon) {
@@ -18758,7 +18757,16 @@ class RichText extends Graphic {
         return tc.every(item => item.isComposing ||
             !(item.text && isString(item.text) && RichText.splitText(item.text).length > 1));
     }
+    static splitEmoji(text) {
+        return [...new Intl.Segmenter().segment(text)].map(x => x.segment);
+    }
     static splitText(text) {
+        try {
+            const arr = this.splitEmoji(text);
+            return arr;
+        }
+        catch (e) {
+        }
         return Array.from(text);
     }
     static TransformTextConfig2SingleCharacter(textConfig) {
@@ -24414,7 +24422,9 @@ let DefaultDrawContribution = class DefaultDrawContribution {
             this._increaseRender(group, drawContext);
             return;
         }
-        if (this.useDirtyBounds && !isRectIntersect(group.AABBBounds, this.dirtyBounds, false)) {
+        if (this.useDirtyBounds &&
+            !isRectIntersect(group.AABBBounds, this.dirtyBounds, false) &&
+            group.attribute.boundsMode !== 'empty') {
             return;
         }
         let nextM = parentMatrix;
@@ -27258,7 +27268,7 @@ class EditModule {
         const text = lastConfig.text;
         const textList = text ? Array.from(text.toString()) : [];
         for (let i = 0; i < textList.length; i++) {
-            textConfig.splice(i + configIdx, 0, Object.assign(Object.assign({ fill: 'black' }, lastConfig), { isComposing: false, text: textList[i] }));
+            textConfig.splice(i + configIdx, 0, Object.assign(Object.assign(Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), { fill: 'black' }), lastConfig), { isComposing: false, text: textList[i] }));
         }
         this.currRt.setAttributes({ textConfig });
         const nextConfigIdx = configIdx + textList.length;
@@ -27604,6 +27614,12 @@ class RichTextEditPlugin {
                 return;
             }
             const { lines } = cache;
+            if (lines.length === 0) {
+                return;
+            }
+            if (!lines[0].paragraphs || lines[0].paragraphs.length === 0) {
+                return;
+            }
             const totalCursorCount = lines.reduce((total, line) => total + line.paragraphs.length, 0) - 1;
             this.selectionRange(-0.1, totalCursorCount + 0.1);
             e.preventDefault();
@@ -27717,10 +27733,18 @@ class RichTextEditPlugin {
             return;
         }
         const { placeholder, placeholderColor = 'rgba(0, 0, 0, 0.6)', placeholderFontFamily, placeholderFontSize } = editOptions;
-        const shadow = this.currRt.shadowRoot || this.currRt.attachShadow();
-        this.shadowPlaceHolder = createRichText(Object.assign(Object.assign({}, this.currRt.attribute), { x: 0, y: 0, angle: 0, _debug_bounds: false, textConfig: [
-                { text: placeholder, fill: placeholderColor, fontFamily: placeholderFontFamily, fontSize: placeholderFontSize }
-            ] }));
+        const shadow = this.getShadow(this.currRt);
+        const textConfigItem = Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), { text: placeholder });
+        if (placeholderColor) {
+            textConfigItem.fill = placeholderColor;
+        }
+        if (placeholderFontFamily) {
+            textConfigItem.fontFamily = placeholderFontFamily;
+        }
+        if (placeholderFontSize) {
+            textConfigItem.fontSize = placeholderFontSize;
+        }
+        this.shadowPlaceHolder = createRichText(Object.assign(Object.assign({}, this.currRt.attribute), { x: 0, y: 0, pickable: false, editable: false, editOptions: null, angle: 0, _debug_bounds: false, textConfig: [textConfigItem] }));
         shadow.add(this.shadowPlaceHolder);
     }
     tryShowInputBounds() {
@@ -27733,11 +27757,12 @@ class RichTextEditPlugin {
             return;
         }
         const { attribute } = this.currRt;
-        const b = this.currRt.AABBBounds;
+        let b = this.currRt.AABBBounds;
         let h = b.height();
         if (!attribute.textConfig.length && this.editLine) {
             const { points } = this.editLine.attribute;
             h = points[1].y - points[0].y;
+            b = getRichTextBounds(Object.assign({}, this.shadowPlaceHolder.attribute));
         }
         this.shadowBounds = this.shadowBounds || createRect({});
         this.shadowBounds.setAttributes({
@@ -27748,10 +27773,9 @@ class RichTextEditPlugin {
             fill: false,
             stroke: boundsStrokeWhenInput,
             lineWidth: 1,
-            boundsMode: 'empty',
             zIndex: -1
         });
-        const shadow = this.currRt.shadowRoot || this.currRt.attachShadow();
+        const shadow = this.getShadow(this.currRt);
         shadow.add(this.shadowBounds);
         this.offsetLineBgAndShadowBounds();
     }
@@ -27763,7 +27787,7 @@ class RichTextEditPlugin {
         if (textConfig && textConfig.length) {
             return;
         }
-        if (!(editOptions && editOptions.placeholder)) {
+        if (!(editOptions && editOptions.placeholder && editOptions.syncPlaceHolderToTextConfig)) {
             return;
         }
         const { placeholder } = editOptions;
@@ -27782,6 +27806,7 @@ class RichTextEditPlugin {
         application.global.addEventListener('keydown', this.handleKeyDown);
     }
     onFocus(e, data) {
+        this.updateCbs && this.updateCbs.forEach(cb => cb('beforeOnfocus', this));
         this.deFocus(false);
         this.focusing = true;
         const target = e.target;
@@ -27790,7 +27815,7 @@ class RichTextEditPlugin {
         }
         this.currRt = target;
         RichTextEditPlugin.tryUpdateRichtext(target);
-        const shadowRoot = target.shadowRoot || target.attachShadow();
+        const shadowRoot = this.getShadow(target);
         const cache = target.getFrameCache();
         if (!cache) {
             return;
@@ -27798,11 +27823,11 @@ class RichTextEditPlugin {
         this.computeGlobalDelta(cache);
         shadowRoot.setAttributes({ shadowRootIdx: 1, pickable: false, x: this.deltaX, y: this.deltaY });
         if (!this.editLine) {
-            const line = createLine({ x: 0, y: 0, lineWidth: 1, stroke: 'black', boundsMode: 'empty' });
+            const line = createLine({ x: 0, y: 0, lineWidth: 1, stroke: 'black' });
             this.addAnimateToLine(line);
             this.editLine = line;
             this.ticker.start(true);
-            const g = createGroup({ x: 0, y: 0, width: 0, height: 0, boundsMode: 'empty' });
+            const g = createGroup({ x: 0, y: 0, width: 0, height: 0 });
             this.editBg = g;
             shadowRoot.add(this.editLine);
             shadowRoot.add(this.editBg);
@@ -27857,6 +27882,7 @@ class RichTextEditPlugin {
         if (!target) {
             return;
         }
+        this.updateCbs && this.updateCbs.forEach(cb => cb('beforeDefocus', this, { trulyDeFocus }));
         if (trulyDeFocus) {
             this.trySyncPlaceholderToTextConfig();
             target.detachShadow();
@@ -27953,6 +27979,9 @@ class RichTextEditPlugin {
         };
         let line0Info = this.getLineByPoint(cache, startCursorPos);
         let line1Info = this.getLineByPoint(cache, endCursorPos);
+        if (!line0Info || !line1Info) {
+            return;
+        }
         if (startCursorPos.y > endCursorPos.y ||
             (startCursorPos.y === endCursorPos.y && startCursorPos.x > endCursorPos.x)) {
             [startCursorPos, endCursorPos] = [endCursorPos, startCursorPos];
@@ -28023,6 +28052,11 @@ class RichTextEditPlugin {
             this.editBg.setAttributes({ fill: 'transparent' });
         }
     }
+    getShadow(rt) {
+        const sr = rt.shadowRoot || rt.attachShadow();
+        sr.setAttributes({ boundsMode: 'empty' });
+        return sr;
+    }
     getLineByPoint(cache, p1) {
         let lineInfo = cache.lines[0];
         for (let i = 0; i < cache.lines.length; i++) {

package/es/graphic/group.js

@@ -66,7 +66,7 @@ export class Group extends Graphic {
         application.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
         const selfChange = this.shouldSelfChangeUpdateAABBBounds(), bounds = this.doUpdateAABBBounds();
         return this.addUpdateLayoutTag(), application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), 
-        bounds;
+        "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
     }
     doUpdateLocalMatrix() {
         const {x: x = DefaultTransform.x, y: y = DefaultTransform.y, dx: dx = DefaultTransform.dx, dy: dy = DefaultTransform.dy, scaleX: scaleX = DefaultTransform.scaleX, scaleY: scaleY = DefaultTransform.scaleY, angle: angle = DefaultTransform.angle, postMatrix: postMatrix} = this.attribute;

package/es/graphic/group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphic/group.ts"],"names":[],"mappings":"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","file":"group.js","sourcesContent":["import type { IAABBBounds, Matrix } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { Point } from '@visactor/vutils';\nimport { application } from '../application';\nimport type {\n  IStage,\n  GraphicAttributeMap,\n  INode,\n  IGraphic,\n  ITheme,\n  IThemeSpec,\n  ILayer,\n  GraphicType\n} from '../interface';\nimport type { IGroup, IGroupGraphicAttribute } from '../interface/graphic/group';\nimport { Graphic, NOWORK_ANIMATE_ATTR } from './graphic';\nimport { getTheme, Theme } from './theme';\nimport { UpdateTag, IContainPointMode } from '../common/enums';\nimport { GROUP_NUMBER_TYPE } from './constants';\nimport { DefaultTransform } from './config';\n\n// Group更新AABBBounds的策略\nexport enum GroupUpdateAABBBoundsMode {\n  // Group较少的情况，不会批量设置所有父层的tag，而是每次都查找\n  LESS_GROUP = 0,\n  // Group较多的情况，每次都会设置tag到最顶层\n  MORE_GROUP = 1\n}\n\nexport class Group extends Graphic<IGroupGraphicAttribute> implements IGroup {\n  type: GraphicType = 'group';\n  parent: any = null;\n  isContainer: boolean = true;\n  // 子元素的更新标记\n  declare _childUpdateTag: number;\n\n  declare theme?: ITheme;\n\n  static NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;\n\n  constructor(params: IGroupGraphicAttribute) {\n    super(params);\n    this.numberType = GROUP_NUMBER_TYPE;\n    this._childUpdateTag = UpdateTag.UPDATE_BOUNDS;\n    // this.theme = new Theme();\n  }\n\n  setMode(mode: '2d' | '3d') {\n    mode === '3d' ? this.set3dMode() : this.set2dMode();\n  }\n\n  set3dMode() {\n    this.in3dMode = true;\n    // this.forEachChildren((c: IGraphic) => {\n    //   c.setMode('3d');\n    // });\n  }\n  set2dMode() {\n    this.in3dMode = false;\n    // this.forEachChildren((c: IGraphic) => {\n    //   c.setMode('2d');\n    // });\n  }\n\n  setTheme(t: IThemeSpec) {\n    if (!this.theme) {\n      this.theme = new Theme();\n    }\n    return this.theme.setTheme(t, this);\n  }\n\n  createTheme() {\n    if (!this.theme) {\n      this.theme = new Theme();\n    }\n  }\n\n  visibleAll(visible: boolean) {\n    this.setAttribute('visible', visible);\n    this.forEachChildren((item: IGraphic) => {\n      if (item.isContainer && (item as any).visibleAll) {\n        (item as any).visibleAll(visible);\n      } else {\n        item.setAttribute('visible', visible);\n      }\n    });\n  }\n\n  hideAll() {\n    this.visibleAll(false);\n  }\n\n  showAll() {\n    this.visibleAll(true);\n  }\n\n  /**\n   * 是否包含某个点（点需要是全局坐标系）\n   * group containsPoint 只需要判断bounds\n   * TODO: group的shape判断\n   * @param x\n   * @param y\n   * @param mode\n   * @returns\n   */\n  containsPoint(x: number, y: number, mode: IContainPointMode): boolean {\n    if (mode === IContainPointMode.GLOBAL) {\n      // 转换x，y更精准\n      const point = new Point(x, y);\n      if (this.parent) {\n        this.parent.globalTransMatrix.transformPoint(point, point);\n      }\n      return this.AABBBounds.contains(point.x, point.y);\n    }\n    return this.AABBBounds.contains(x, y);\n  }\n\n  shouldUpdateAABBBounds(): boolean {\n    // 检索自己是否需要更新\n    if (super.shouldUpdateAABBBounds()) {\n      return true;\n    }\n    // 检索叶子节点是否有更新（如果children是叶子节点的话）\n    if (this._childUpdateTag & UpdateTag.UPDATE_BOUNDS) {\n      return true;\n    }\n    return false;\n    // // 检索是否子group需要更新\n    // let needUpdate = false;\n    // this.forEachChildren((node: IGraphic) => {\n    //   // 只查找group层级\n    //   if (node.isContainer && (node as Group).shouldUpdateAABBBounds()) {\n    //     needUpdate = true;\n    //     return true;\n    //   }\n    //   return false;\n    // });\n    // return needUpdate;\n  }\n\n  protected tryUpdateAABBBounds(): IAABBBounds {\n    if (!this.shouldUpdateAABBBounds()) {\n      return this._AABBBounds;\n    }\n    application.graphicService.beforeUpdateAABBBounds(this, this.stage, true, this._AABBBounds);\n    const selfChange = this.shouldSelfChangeUpdateAABBBounds();\n    const bounds = this.doUpdateAABBBounds();\n    this.addUpdateLayoutTag();\n    application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange);\n    return bounds;\n  }\n\n  /**\n   * 大部分group不需要更新matrix，这里特殊优化一下\n   * 更新局部matrix的具体函数\n   */\n  protected doUpdateLocalMatrix() {\n    const {\n      x = DefaultTransform.x,\n      y = DefaultTransform.y,\n      dx = DefaultTransform.dx,\n      dy = DefaultTransform.dy,\n      scaleX = DefaultTransform.scaleX,\n      scaleY = DefaultTransform.scaleY,\n      angle = DefaultTransform.angle,\n      postMatrix\n    } = this.attribute;\n    if (x === 0 && y === 0 && dx === 0 && dy === 0 && scaleX === 1 && scaleY === 1 && angle === 0 && !postMatrix) {\n      this._transMatrix.reset();\n      return;\n    }\n    return super.doUpdateLocalMatrix();\n  }\n\n  getGraphicTheme(): Required<IGroupGraphicAttribute> {\n    return getTheme(this).group;\n  }\n\n  protected updateAABBBounds(\n    attribute: IGroupGraphicAttribute,\n    groupTheme: Required<IGroupGraphicAttribute>,\n    aabbBounds: IAABBBounds\n  ) {\n    const originalAABBBounds = aabbBounds; // fix aabbbounds update error in flex layout\n    aabbBounds = aabbBounds.clone();\n\n    const { width, height, path, clip = groupTheme.clip } = attribute;\n    // 添加自身的fill或者clip\n    if (path && path.length) {\n      path.forEach(g => {\n        aabbBounds.union(g.AABBBounds);\n      });\n    } else if (width != null && height != null) {\n      aabbBounds.set(0, 0, Math.max(0, width), Math.max(0, height)); // fix bounds set when auto size in vtable\n    }\n    if (!clip) {\n      // 添加子节点\n      this.forEachChildren((node: IGraphic) => {\n        aabbBounds.union(node.AABBBounds);\n      });\n      // 如果没有clip的话，还需要加一下scroll\n      const { scrollX = 0, scrollY = 0 } = attribute;\n      aabbBounds.translate(scrollX, scrollY);\n    }\n    application.graphicService.updateTempAABBBounds(aabbBounds);\n\n    application.graphicService.transformAABBBounds(attribute, aabbBounds, groupTheme, false, this);\n\n    originalAABBBounds.copy(aabbBounds);\n    return originalAABBBounds;\n  }\n\n  protected doUpdateAABBBounds(): IAABBBounds {\n    this.updateAABBBoundsStamp++;\n    const bounds = super.doUpdateAABBBounds();\n\n    // 更新bounds之后需要设置父节点，否则tag丢失\n    this.parent && this.parent.addChildUpdateBoundTag();\n    this._emitCustomEvent('AAABBBoundsChange');\n\n    return bounds;\n  }\n\n  protected clearUpdateBoundTag() {\n    this._updateTag &= UpdateTag.CLEAR_BOUNDS;\n    this._childUpdateTag &= UpdateTag.CLEAR_BOUNDS;\n  }\n\n  addUpdateBoundTag() {\n    this._updateTag |= UpdateTag.UPDATE_BOUNDS; // for bounds\n    if (this.parent) {\n      this.parent.addChildUpdateBoundTag();\n    }\n  }\n\n  addChildUpdateBoundTag() {\n    // 如果已经设置过updateTag，那就不需要设置了\n    if (this._childUpdateTag & UpdateTag.UPDATE_BOUNDS) {\n      return;\n    }\n    // 如果没有设置过，那么继续向上设置\n    this._childUpdateTag |= UpdateTag.UPDATE_BOUNDS;\n    this.parent && this.parent.addChildUpdateBoundTag();\n  }\n\n  getTheme() {\n    return this.theme.getTheme(this);\n  }\n\n  /* 场景树结构 */\n  incrementalAppendChild(node: INode): INode | null {\n    const data = super.appendChild(node);\n    if (this.stage && data) {\n      (data as unknown as this).stage = this.stage;\n      (data as unknown as this).layer = this.layer;\n    }\n    this.addUpdateBoundTag();\n    application.graphicService.onAddIncremental(node as unknown as IGraphic, this, this.stage);\n    return data;\n  }\n  incrementalClearChild(): void {\n    super.removeAllChild();\n    this.addUpdateBoundTag();\n    application.graphicService.onClearIncremental(this, this.stage);\n    return;\n  }\n\n  protected _updateChildToStage(child: IGraphic) {\n    if (this.stage && child) {\n      child.setStage(this.stage, this.layer);\n    }\n    this.addUpdateBoundTag();\n    return child;\n  }\n  // TODO 代码优化\n  appendChild(node: INode, addStage: boolean = true): INode | null {\n    const data = super.appendChild(node);\n    if (addStage && this.stage && data) {\n      (data as unknown as this).setStage(this.stage, this.layer);\n    }\n    this.addUpdateBoundTag();\n    return data;\n  }\n  insertBefore(newNode: INode, referenceNode: INode): INode | null {\n    return this._updateChildToStage(super.insertBefore(newNode, referenceNode) as undefined as IGraphic);\n  }\n  insertAfter(newNode: INode, referenceNode: INode): INode | null {\n    return this._updateChildToStage(super.insertAfter(newNode, referenceNode) as undefined as IGraphic);\n  }\n  insertInto(newNode: INode, idx: number): INode | null {\n    return this._updateChildToStage(super.insertInto(newNode, idx) as undefined as IGraphic);\n  }\n\n  removeChild(child: IGraphic): IGraphic {\n    const data = super.removeChild(child);\n    child.stage = null;\n    application.graphicService.onRemove(child);\n    this.addUpdateBoundTag();\n    return data as IGraphic;\n  }\n\n  removeAllChild(deep: boolean = false): void {\n    this.forEachChildren((child: IGraphic) => {\n      application.graphicService.onRemove(child);\n      if (deep && child.isContainer) {\n        child.removeAllChild(deep);\n      }\n    });\n    super.removeAllChild();\n    this.addUpdateBoundTag();\n  }\n\n  setStage(stage?: IStage, layer?: ILayer) {\n    if (this.stage !== stage) {\n      this.stage = stage;\n      this.layer = layer;\n      this.setStageToShadowRoot(stage, layer);\n      this._onSetStage && this._onSetStage(this, stage, layer);\n      application.graphicService.onSetStage(this, stage);\n      this.forEachChildren(item => {\n        (item as any).setStage(stage, this.layer);\n      });\n    }\n  }\n  /**\n   * 更新位置tag，包括全局tag和局部tag\n   */\n  addUpdatePositionTag() {\n    super.addUpdatePositionTag();\n    // 批量设置底层group的global tag\n    this.forEachChildren((g: Group) => {\n      if (g.isContainer) {\n        g.addUpdateGlobalPositionTag();\n      }\n    });\n  }\n  /**\n   * 更新全局位置tag\n   */\n  addUpdateGlobalPositionTag() {\n    super.addUpdateGlobalPositionTag();\n    // 批量设置底层group的global tag\n    this.forEachChildren((g: Group) => {\n      if (g.isContainer) {\n        g.addUpdateGlobalPositionTag();\n      }\n    });\n  }\n  /**\n   * group更新全局的transMatrix\n   * @param clearTag\n   * @returns\n   */\n  protected tryUpdateGlobalTransMatrix(clearTag: boolean = true): Matrix {\n    if (this.shouldUpdateGlobalMatrix()) {\n      if (!this._globalTransMatrix) {\n        this._globalTransMatrix = this.parent\n          ? (this.parent as IGroup).globalTransMatrix.clone()\n          : this.transMatrix.clone();\n      } else if (this.parent) {\n        const m = (this.parent as IGroup).globalTransMatrix;\n        this._globalTransMatrix.setValue(m.a, m.b, m.c, m.d, m.e, m.f);\n      }\n      this.doUpdateGlobalMatrix();\n      clearTag && this.clearUpdateGlobalPositionTag();\n    }\n    return this._globalTransMatrix;\n  }\n  /**\n   * 查找自身更新global的tag，如果存在，就更新\n   * @returns\n   */\n  shouldUpdateGlobalMatrix(): boolean {\n    const shouldUpdate = !!(this._updateTag & UpdateTag.UPDATE_GLOBAL_MATRIX);\n    return shouldUpdate;\n  }\n\n  private _getChildByName<T extends INode = INode>(name: string, deep?: boolean): T | null {\n    return this.find(node => node.name === name, deep);\n  }\n\n  /**\n   * if graphic exist then update attributes, otherwise create a new instance\n   * @param graphicName the name of graphic\n   * @param attributes the attributes of graphic\n   * @param graphicType the type of graphic\n   * @returns the graphic instance\n   */\n  createOrUpdateChild<T extends keyof GraphicAttributeMap>(\n    graphicName: string,\n    attributes: GraphicAttributeMap[T],\n    graphicType: T\n  ): INode {\n    let graphic = this._getChildByName(graphicName) as IGraphic;\n    if (graphic) {\n      graphic.setAttributes(attributes);\n    } else {\n      graphic = application.graphicService.creator[graphicType](attributes as any);\n      graphic.name = graphicName;\n      this.add(graphic);\n    }\n\n    return graphic;\n  }\n\n  clone() {\n    return new Group({ ...this.attribute });\n  }\n\n  getNoWorkAnimateAttr(): Record<string, number> {\n    return Group.NOWORK_ANIMATE_ATTR;\n  }\n}\n\nexport function createGroup(attributes: IGroupGraphicAttribute): IGroup {\n  return new Group(attributes);\n}\n"]}
+{"version":3,"sources":["../src/graphic/group.ts"],"names":[],"mappings":"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","file":"group.js","sourcesContent":["import type { IAABBBounds, Matrix } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { Point } from '@visactor/vutils';\nimport { application } from '../application';\nimport type {\n  IStage,\n  GraphicAttributeMap,\n  INode,\n  IGraphic,\n  ITheme,\n  IThemeSpec,\n  ILayer,\n  GraphicType\n} from '../interface';\nimport type { IGroup, IGroupGraphicAttribute } from '../interface/graphic/group';\nimport { Graphic, NOWORK_ANIMATE_ATTR } from './graphic';\nimport { getTheme, Theme } from './theme';\nimport { UpdateTag, IContainPointMode } from '../common/enums';\nimport { GROUP_NUMBER_TYPE } from './constants';\nimport { DefaultTransform } from './config';\n\n// Group更新AABBBounds的策略\nexport enum GroupUpdateAABBBoundsMode {\n  // Group较少的情况，不会批量设置所有父层的tag，而是每次都查找\n  LESS_GROUP = 0,\n  // Group较多的情况，每次都会设置tag到最顶层\n  MORE_GROUP = 1\n}\n\nexport class Group extends Graphic<IGroupGraphicAttribute> implements IGroup {\n  type: GraphicType = 'group';\n  parent: any = null;\n  isContainer: boolean = true;\n  // 子元素的更新标记\n  declare _childUpdateTag: number;\n\n  declare theme?: ITheme;\n\n  static NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;\n\n  constructor(params: IGroupGraphicAttribute) {\n    super(params);\n    this.numberType = GROUP_NUMBER_TYPE;\n    this._childUpdateTag = UpdateTag.UPDATE_BOUNDS;\n    // this.theme = new Theme();\n  }\n\n  setMode(mode: '2d' | '3d') {\n    mode === '3d' ? this.set3dMode() : this.set2dMode();\n  }\n\n  set3dMode() {\n    this.in3dMode = true;\n    // this.forEachChildren((c: IGraphic) => {\n    //   c.setMode('3d');\n    // });\n  }\n  set2dMode() {\n    this.in3dMode = false;\n    // this.forEachChildren((c: IGraphic) => {\n    //   c.setMode('2d');\n    // });\n  }\n\n  setTheme(t: IThemeSpec) {\n    if (!this.theme) {\n      this.theme = new Theme();\n    }\n    return this.theme.setTheme(t, this);\n  }\n\n  createTheme() {\n    if (!this.theme) {\n      this.theme = new Theme();\n    }\n  }\n\n  visibleAll(visible: boolean) {\n    this.setAttribute('visible', visible);\n    this.forEachChildren((item: IGraphic) => {\n      if (item.isContainer && (item as any).visibleAll) {\n        (item as any).visibleAll(visible);\n      } else {\n        item.setAttribute('visible', visible);\n      }\n    });\n  }\n\n  hideAll() {\n    this.visibleAll(false);\n  }\n\n  showAll() {\n    this.visibleAll(true);\n  }\n\n  /**\n   * 是否包含某个点（点需要是全局坐标系）\n   * group containsPoint 只需要判断bounds\n   * TODO: group的shape判断\n   * @param x\n   * @param y\n   * @param mode\n   * @returns\n   */\n  containsPoint(x: number, y: number, mode: IContainPointMode): boolean {\n    if (mode === IContainPointMode.GLOBAL) {\n      // 转换x，y更精准\n      const point = new Point(x, y);\n      if (this.parent) {\n        this.parent.globalTransMatrix.transformPoint(point, point);\n      }\n      return this.AABBBounds.contains(point.x, point.y);\n    }\n    return this.AABBBounds.contains(x, y);\n  }\n\n  shouldUpdateAABBBounds(): boolean {\n    // 检索自己是否需要更新\n    if (super.shouldUpdateAABBBounds()) {\n      return true;\n    }\n    // 检索叶子节点是否有更新（如果children是叶子节点的话）\n    if (this._childUpdateTag & UpdateTag.UPDATE_BOUNDS) {\n      return true;\n    }\n    return false;\n    // // 检索是否子group需要更新\n    // let needUpdate = false;\n    // this.forEachChildren((node: IGraphic) => {\n    //   // 只查找group层级\n    //   if (node.isContainer && (node as Group).shouldUpdateAABBBounds()) {\n    //     needUpdate = true;\n    //     return true;\n    //   }\n    //   return false;\n    // });\n    // return needUpdate;\n  }\n\n  protected tryUpdateAABBBounds(): IAABBBounds {\n    if (!this.shouldUpdateAABBBounds()) {\n      return this._AABBBounds;\n    }\n    application.graphicService.beforeUpdateAABBBounds(this, this.stage, true, this._AABBBounds);\n    const selfChange = this.shouldSelfChangeUpdateAABBBounds();\n    const bounds = this.doUpdateAABBBounds();\n    this.addUpdateLayoutTag();\n    application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange);\n    // 直接返回空Bounds，但是前面的流程还是要走\n    if (this.attribute.boundsMode === 'empty') {\n      bounds.clear();\n    }\n    return bounds;\n  }\n\n  /**\n   * 大部分group不需要更新matrix，这里特殊优化一下\n   * 更新局部matrix的具体函数\n   */\n  protected doUpdateLocalMatrix() {\n    const {\n      x = DefaultTransform.x,\n      y = DefaultTransform.y,\n      dx = DefaultTransform.dx,\n      dy = DefaultTransform.dy,\n      scaleX = DefaultTransform.scaleX,\n      scaleY = DefaultTransform.scaleY,\n      angle = DefaultTransform.angle,\n      postMatrix\n    } = this.attribute;\n    if (x === 0 && y === 0 && dx === 0 && dy === 0 && scaleX === 1 && scaleY === 1 && angle === 0 && !postMatrix) {\n      this._transMatrix.reset();\n      return;\n    }\n    return super.doUpdateLocalMatrix();\n  }\n\n  getGraphicTheme(): Required<IGroupGraphicAttribute> {\n    return getTheme(this).group;\n  }\n\n  protected updateAABBBounds(\n    attribute: IGroupGraphicAttribute,\n    groupTheme: Required<IGroupGraphicAttribute>,\n    aabbBounds: IAABBBounds\n  ) {\n    const originalAABBBounds = aabbBounds; // fix aabbbounds update error in flex layout\n    aabbBounds = aabbBounds.clone();\n\n    const { width, height, path, clip = groupTheme.clip } = attribute;\n    // 添加自身的fill或者clip\n    if (path && path.length) {\n      path.forEach(g => {\n        aabbBounds.union(g.AABBBounds);\n      });\n    } else if (width != null && height != null) {\n      aabbBounds.set(0, 0, Math.max(0, width), Math.max(0, height)); // fix bounds set when auto size in vtable\n    }\n    if (!clip) {\n      // 添加子节点\n      this.forEachChildren((node: IGraphic) => {\n        aabbBounds.union(node.AABBBounds);\n      });\n      // 如果没有clip的话，还需要加一下scroll\n      const { scrollX = 0, scrollY = 0 } = attribute;\n      aabbBounds.translate(scrollX, scrollY);\n    }\n    application.graphicService.updateTempAABBBounds(aabbBounds);\n\n    application.graphicService.transformAABBBounds(attribute, aabbBounds, groupTheme, false, this);\n\n    originalAABBBounds.copy(aabbBounds);\n    return originalAABBBounds;\n  }\n\n  protected doUpdateAABBBounds(): IAABBBounds {\n    this.updateAABBBoundsStamp++;\n    const bounds = super.doUpdateAABBBounds();\n\n    // 更新bounds之后需要设置父节点，否则tag丢失\n    this.parent && this.parent.addChildUpdateBoundTag();\n    this._emitCustomEvent('AAABBBoundsChange');\n\n    return bounds;\n  }\n\n  protected clearUpdateBoundTag() {\n    this._updateTag &= UpdateTag.CLEAR_BOUNDS;\n    this._childUpdateTag &= UpdateTag.CLEAR_BOUNDS;\n  }\n\n  addUpdateBoundTag() {\n    this._updateTag |= UpdateTag.UPDATE_BOUNDS; // for bounds\n    if (this.parent) {\n      this.parent.addChildUpdateBoundTag();\n    }\n  }\n\n  addChildUpdateBoundTag() {\n    // 如果已经设置过updateTag，那就不需要设置了\n    if (this._childUpdateTag & UpdateTag.UPDATE_BOUNDS) {\n      return;\n    }\n    // 如果没有设置过，那么继续向上设置\n    this._childUpdateTag |= UpdateTag.UPDATE_BOUNDS;\n    this.parent && this.parent.addChildUpdateBoundTag();\n  }\n\n  getTheme() {\n    return this.theme.getTheme(this);\n  }\n\n  /* 场景树结构 */\n  incrementalAppendChild(node: INode): INode | null {\n    const data = super.appendChild(node);\n    if (this.stage && data) {\n      (data as unknown as this).stage = this.stage;\n      (data as unknown as this).layer = this.layer;\n    }\n    this.addUpdateBoundTag();\n    application.graphicService.onAddIncremental(node as unknown as IGraphic, this, this.stage);\n    return data;\n  }\n  incrementalClearChild(): void {\n    super.removeAllChild();\n    this.addUpdateBoundTag();\n    application.graphicService.onClearIncremental(this, this.stage);\n    return;\n  }\n\n  protected _updateChildToStage(child: IGraphic) {\n    if (this.stage && child) {\n      child.setStage(this.stage, this.layer);\n    }\n    this.addUpdateBoundTag();\n    return child;\n  }\n  // TODO 代码优化\n  appendChild(node: INode, addStage: boolean = true): INode | null {\n    const data = super.appendChild(node);\n    if (addStage && this.stage && data) {\n      (data as unknown as this).setStage(this.stage, this.layer);\n    }\n    this.addUpdateBoundTag();\n    return data;\n  }\n  insertBefore(newNode: INode, referenceNode: INode): INode | null {\n    return this._updateChildToStage(super.insertBefore(newNode, referenceNode) as undefined as IGraphic);\n  }\n  insertAfter(newNode: INode, referenceNode: INode): INode | null {\n    return this._updateChildToStage(super.insertAfter(newNode, referenceNode) as undefined as IGraphic);\n  }\n  insertInto(newNode: INode, idx: number): INode | null {\n    return this._updateChildToStage(super.insertInto(newNode, idx) as undefined as IGraphic);\n  }\n\n  removeChild(child: IGraphic): IGraphic {\n    const data = super.removeChild(child);\n    child.stage = null;\n    application.graphicService.onRemove(child);\n    this.addUpdateBoundTag();\n    return data as IGraphic;\n  }\n\n  removeAllChild(deep: boolean = false): void {\n    this.forEachChildren((child: IGraphic) => {\n      application.graphicService.onRemove(child);\n      if (deep && child.isContainer) {\n        child.removeAllChild(deep);\n      }\n    });\n    super.removeAllChild();\n    this.addUpdateBoundTag();\n  }\n\n  setStage(stage?: IStage, layer?: ILayer) {\n    if (this.stage !== stage) {\n      this.stage = stage;\n      this.layer = layer;\n      this.setStageToShadowRoot(stage, layer);\n      this._onSetStage && this._onSetStage(this, stage, layer);\n      application.graphicService.onSetStage(this, stage);\n      this.forEachChildren(item => {\n        (item as any).setStage(stage, this.layer);\n      });\n    }\n  }\n  /**\n   * 更新位置tag，包括全局tag和局部tag\n   */\n  addUpdatePositionTag() {\n    super.addUpdatePositionTag();\n    // 批量设置底层group的global tag\n    this.forEachChildren((g: Group) => {\n      if (g.isContainer) {\n        g.addUpdateGlobalPositionTag();\n      }\n    });\n  }\n  /**\n   * 更新全局位置tag\n   */\n  addUpdateGlobalPositionTag() {\n    super.addUpdateGlobalPositionTag();\n    // 批量设置底层group的global tag\n    this.forEachChildren((g: Group) => {\n      if (g.isContainer) {\n        g.addUpdateGlobalPositionTag();\n      }\n    });\n  }\n  /**\n   * group更新全局的transMatrix\n   * @param clearTag\n   * @returns\n   */\n  protected tryUpdateGlobalTransMatrix(clearTag: boolean = true): Matrix {\n    if (this.shouldUpdateGlobalMatrix()) {\n      if (!this._globalTransMatrix) {\n        this._globalTransMatrix = this.parent\n          ? (this.parent as IGroup).globalTransMatrix.clone()\n          : this.transMatrix.clone();\n      } else if (this.parent) {\n        const m = (this.parent as IGroup).globalTransMatrix;\n        this._globalTransMatrix.setValue(m.a, m.b, m.c, m.d, m.e, m.f);\n      }\n      this.doUpdateGlobalMatrix();\n      clearTag && this.clearUpdateGlobalPositionTag();\n    }\n    return this._globalTransMatrix;\n  }\n  /**\n   * 查找自身更新global的tag，如果存在，就更新\n   * @returns\n   */\n  shouldUpdateGlobalMatrix(): boolean {\n    const shouldUpdate = !!(this._updateTag & UpdateTag.UPDATE_GLOBAL_MATRIX);\n    return shouldUpdate;\n  }\n\n  private _getChildByName<T extends INode = INode>(name: string, deep?: boolean): T | null {\n    return this.find(node => node.name === name, deep);\n  }\n\n  /**\n   * if graphic exist then update attributes, otherwise create a new instance\n   * @param graphicName the name of graphic\n   * @param attributes the attributes of graphic\n   * @param graphicType the type of graphic\n   * @returns the graphic instance\n   */\n  createOrUpdateChild<T extends keyof GraphicAttributeMap>(\n    graphicName: string,\n    attributes: GraphicAttributeMap[T],\n    graphicType: T\n  ): INode {\n    let graphic = this._getChildByName(graphicName) as IGraphic;\n    if (graphic) {\n      graphic.setAttributes(attributes);\n    } else {\n      graphic = application.graphicService.creator[graphicType](attributes as any);\n      graphic.name = graphicName;\n      this.add(graphic);\n    }\n\n    return graphic;\n  }\n\n  clone() {\n    return new Group({ ...this.attribute });\n  }\n\n  getNoWorkAnimateAttr(): Record<string, number> {\n    return Group.NOWORK_ANIMATE_ATTR;\n  }\n}\n\nexport function createGroup(attributes: IGroupGraphicAttribute): IGroup {\n  return new Group(attributes);\n}\n"]}

package/es/graphic/richtext/line.js

@@ -67,8 +67,18 @@ export default class Line {
                 paragraph.ellipsis = "hide", otherParagraphWidth += paragraph.width;
             }
         }
+        let fillStyle = "", globalAlpha = -1, currBgList = [];
+        const bgList = [ currBgList ];
         this.paragraphs.forEach(((paragraph, index) => {
-            paragraph instanceof RichTextIcon || paragraph.drawBackground(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
+            if (paragraph instanceof RichTextIcon) return;
+            const data = paragraph.drawBackground(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
+            data && (fillStyle === data.fillStyle && globalAlpha === data.globalAlpha || (currBgList = [], 
+            bgList.push(currBgList), fillStyle = data.fillStyle, globalAlpha = data.globalAlpha), 
+            currBgList.push(data));
+        })), bgList.forEach((bg => {
+            if (0 === bg.length) return;
+            const data = bg[0], end = bg[bg.length - 1];
+            ctx.fillStyle = data.fillStyle, ctx.globalAlpha = data.globalAlpha, ctx.fillRect(data.left, data.top, end.right - data.left, end.bottom - data.top);
         })), this.paragraphs.forEach(((paragraph, index) => {
             if (paragraph instanceof RichTextIcon) return paragraph.setAttributes({
                 x: x + paragraph._x,

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphic/richtext/line.ts"],"names":[],"mappings":"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","file":"line.js","sourcesContent":["// import { IContext2d } from '../../IContext';\nimport type { IContext2d, IRichTextIcon } from '../../interface';\nimport { RichTextIcon } from './icon';\nimport Paragraph from './paragraph';\nimport { applyFillStyle, applyStrokeStyle, 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\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    this.calcOffset(width, isWidthMax);\n  }\n\n  calcOffset(width: number, isWidthMax: boolean) {\n    // 处理对齐方式，计算左侧偏移距离和字符之间间距\n    const directionKey = this.directionKey;\n    const maxHeight = this.height;\n    let x = this.left;\n    let spacing = 0;\n    if (this.actualWidth < width && !isWidthMax) {\n      if (this.textAlign === 'right' || this.textAlign === 'end') {\n        x = width - this.actualWidth;\n      } else if (this.textAlign === 'center') {\n        x = (width - this.actualWidth) / 2;\n      } else if (this.textAlign === '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      }\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    drawEllipsis: boolean | string,\n    drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void\n  ) {\n    if (drawEllipsis && (lastLine || this.paragraphs.some(p => (p as Paragraph).overflow))) {\n      // 检测是否需要省略号，因为会有多行同时省略的情况\n      let emptyOverflow = true;\n      let skipEllipsis = false;\n      for (let i = this.paragraphs.length - 1; i >= 0; i--) {\n        const paragraph = this.paragraphs[i];\n        if ((paragraph as Paragraph).overflow) {\n          emptyOverflow = emptyOverflow && (paragraph as Paragraph).text === '';\n        } else {\n          if (emptyOverflow) {\n            skipEllipsis = true;\n            break;\n          }\n        }\n      }\n\n      // 处理省略号\n      let otherParagraphWidth = 0;\n      if (!skipEllipsis) {\n        for (let i = this.paragraphs.length - 1; i >= 0; i--) {\n          const paragraph = this.paragraphs[i];\n          if ((paragraph as Paragraph).overflow) {\n            if ((paragraph as Paragraph).text === '') {\n              break;\n            }\n            continue;\n          }\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 ellipsis = drawEllipsis === true ? '...' : drawEllipsis || '';\n          paragraph.ellipsisStr = ellipsis;\n          // const { width } = measureText('...', paragraph.style);\n          const { width } = measureTextCanvas(ellipsis, paragraph.character);\n          const ellipsisWidth = width || 0;\n          if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {\n            // 省略号可以直接接在后面paragraph\n            lastLine && (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    // 绘制背景\n    this.paragraphs.forEach((paragraph, index) => {\n      if (paragraph instanceof RichTextIcon) {\n        return;\n      }\n      paragraph.drawBackground(ctx, y, this.ascent, x, index === 0, this.textAlign, this.height);\n    });\n    // 正常绘制\n    this.paragraphs.forEach((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      const b = {\n        x1: this.left,\n        y1: this.top,\n        x2: this.left + this.actualWidth,\n        y2: this.top + this.height\n      };\n      applyStrokeStyle(ctx, paragraph.character);\n      // 下面绘制underline和line-through时需要设置FillStyle\n      applyFillStyle(ctx, paragraph.character, b);\n      paragraph.draw(ctx, y, this.ascent, x, index === 0, this.textAlign, this.height);\n    });\n  }\n\n  getWidthWithEllips(ellipsis: string) {\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(ellipsis, 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.forEach((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"]}
+{"version":3,"sources":["../src/graphic/richtext/line.ts"],"names":[],"mappings":"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","file":"line.js","sourcesContent":["// import { IContext2d } from '../../IContext';\nimport type { IContext2d, IRichTextIcon } from '../../interface';\nimport { RichTextIcon } from './icon';\nimport Paragraph from './paragraph';\nimport { applyFillStyle, applyStrokeStyle, 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\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    this.calcOffset(width, isWidthMax);\n  }\n\n  calcOffset(width: number, isWidthMax: boolean) {\n    // 处理对齐方式，计算左侧偏移距离和字符之间间距\n    const directionKey = this.directionKey;\n    const maxHeight = this.height;\n    let x = this.left;\n    let spacing = 0;\n    if (this.actualWidth < width && !isWidthMax) {\n      if (this.textAlign === 'right' || this.textAlign === 'end') {\n        x = width - this.actualWidth;\n      } else if (this.textAlign === 'center') {\n        x = (width - this.actualWidth) / 2;\n      } else if (this.textAlign === '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      }\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    drawEllipsis: boolean | string,\n    drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void\n  ) {\n    if (drawEllipsis && (lastLine || this.paragraphs.some(p => (p as Paragraph).overflow))) {\n      // 检测是否需要省略号，因为会有多行同时省略的情况\n      let emptyOverflow = true;\n      let skipEllipsis = false;\n      for (let i = this.paragraphs.length - 1; i >= 0; i--) {\n        const paragraph = this.paragraphs[i];\n        if ((paragraph as Paragraph).overflow) {\n          emptyOverflow = emptyOverflow && (paragraph as Paragraph).text === '';\n        } else {\n          if (emptyOverflow) {\n            skipEllipsis = true;\n            break;\n          }\n        }\n      }\n\n      // 处理省略号\n      let otherParagraphWidth = 0;\n      if (!skipEllipsis) {\n        for (let i = this.paragraphs.length - 1; i >= 0; i--) {\n          const paragraph = this.paragraphs[i];\n          if ((paragraph as Paragraph).overflow) {\n            if ((paragraph as Paragraph).text === '') {\n              break;\n            }\n            continue;\n          }\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 ellipsis = drawEllipsis === true ? '...' : drawEllipsis || '';\n          paragraph.ellipsisStr = ellipsis;\n          // const { width } = measureText('...', paragraph.style);\n          const { width } = measureTextCanvas(ellipsis, paragraph.character);\n          const ellipsisWidth = width || 0;\n          if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {\n            // 省略号可以直接接在后面paragraph\n            lastLine && (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    // 绘制背景\n    // 属性相同的背景，合并绘制\n    let fillStyle = '';\n    let globalAlpha = -1;\n    let currBgList: {\n      fillStyle: string;\n      globalAlpha: number;\n      left: number;\n      top: number;\n      right: number;\n      bottom: number;\n    }[] = [];\n    const bgList = [currBgList];\n    this.paragraphs.forEach((paragraph, index) => {\n      if (paragraph instanceof RichTextIcon) {\n        return;\n      }\n      const data = paragraph.drawBackground(ctx, y, this.ascent, x, index === 0, this.textAlign, this.height);\n      if (!data) {\n        return;\n      }\n      if (!(fillStyle === data.fillStyle && globalAlpha === data.globalAlpha)) {\n        currBgList = [];\n        bgList.push(currBgList);\n        fillStyle = data.fillStyle;\n        globalAlpha = data.globalAlpha;\n      }\n      currBgList.push(data);\n    });\n    // 绘制背景\n    bgList.forEach(bg => {\n      if (bg.length === 0) {\n        return;\n      }\n      const data = bg[0];\n      const end = bg[bg.length - 1];\n      ctx.fillStyle = data.fillStyle;\n      ctx.globalAlpha = data.globalAlpha;\n      ctx.fillRect(data.left, data.top, end.right - data.left, end.bottom - data.top);\n    });\n\n    // 正常绘制\n    this.paragraphs.forEach((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      const b = {\n        x1: this.left,\n        y1: this.top,\n        x2: this.left + this.actualWidth,\n        y2: this.top + this.height\n      };\n      applyStrokeStyle(ctx, paragraph.character);\n      // 下面绘制underline和line-through时需要设置FillStyle\n      applyFillStyle(ctx, paragraph.character, b);\n      paragraph.draw(ctx, y, this.ascent, x, index === 0, this.textAlign, this.height);\n    });\n  }\n\n  getWidthWithEllips(ellipsis: string) {\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(ellipsis, 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.forEach((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

@@ -24,7 +24,14 @@ export default class Paragraph {
     overflow?: boolean;
     constructor(text: string, newLine: boolean, character: IRichTextParagraphCharacter);
     updateWidth(): void;
-    drawBackground(ctx: IContext2d, top: number, ascent: number, deltaLeft: number, isLineFirst: boolean, textAlign: string, lineHeight: number): void;
+    drawBackground(ctx: IContext2d, top: number, ascent: number, deltaLeft: number, isLineFirst: boolean, textAlign: string, lineHeight: number): {
+        fillStyle: string;
+        globalAlpha: number;
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
     draw(ctx: IContext2d, top: number, ascent: number, deltaLeft: number, isLineFirst: boolean, textAlign: string, lineHeight: number): void;
     getWidthWithEllips(direction: string): number;
 }

package/es/graphic/richtext/paragraph.js

@@ -3,12 +3,11 @@ import { calculateLineHeight } from "../../common/utils";
 import { measureTextCanvas, getStrByWithCanvas } from "./utils";
 
 function getFixedLRTB(left, right, top, bottom) {
-    const leftInt = Math.round(left), topInt = Math.round(top), rightInt = Math.round(right), bottomInt = Math.round(bottom);
     return {
-        left: left > leftInt ? leftInt : leftInt - .5,
-        top: top > topInt ? topInt : topInt - .5,
-        right: rightInt > right ? rightInt : rightInt + .5,
-        bottom: bottomInt > bottom ? bottomInt : bottomInt + .5
+        left: Math.round(left),
+        top: Math.round(top),
+        right: Math.round(right),
+        bottom: Math.round(bottom)
     };
 }
 
@@ -51,22 +50,11 @@ export default class Paragraph {
                 }
             }
         }
-        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);
-        const fillStyle = ctx.fillStyle, globalAlpha = ctx.globalAlpha;
-        ctx.fillStyle = this.character.background, void 0 !== this.character.backgroundOpacity && (ctx.globalAlpha = this.character.backgroundOpacity);
         const lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + lineHeight);
-        ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top), 
-        ctx.fillStyle = fillStyle, ctx.globalAlpha = globalAlpha;
+        return Object.assign(Object.assign({}, lrtb), {
+            fillStyle: this.character.background,
+            globalAlpha: this.character.backgroundOpacity
+        });
     }
     draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
         let baseline = top + ascent, text = this.text, left = this.left + deltaLeft;