@visactor/vrender-core 0.21.0-alpha.10 → 0.21.0-alpha.11

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

@@ -12,6 +12,7 @@ export interface LayoutItemType {
     width: number;
     ascent: number;
     descent: number;
+    keepCenterInLine: boolean;
 }
 export interface SimplifyLayoutType {
     lines: LayoutItemType[];
@@ -60,6 +61,7 @@ export type ITextAttribute = {
     underlineOffset: number;
     disableAutoClipedPoptip?: boolean;
     measureMode?: MeasureModeEnum;
+    keepCenterInLine?: boolean;
 };
 export type ITextCache = {
     clipedText?: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/graphic/text.ts"],"names":[],"mappings":";;;AAiCA,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,6DAAY,CAAA;IACZ,yEAAkB,CAAA;IAClB,qEAAgB,CAAA;AAClB,CAAC,EAJW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAI1B","file":"text.js","sourcesContent":["import type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport interface TextLayoutBBox {\n  width: number; // 包围盒的宽度\n  height: number; // 包围盒的高度\n  xOffset: number;\n  yOffset: number;\n}\n\nexport interface LayoutItemType {\n  str: string; // 这行的字符串\n  leftOffset?: number; // 该行距离左侧的偏移\n  topOffset?: number; // 该行距离右侧的偏移\n  width: number;\n  ascent: number;\n  descent: number;\n}\n\nexport interface SimplifyLayoutType {\n  lines: LayoutItemType[];\n}\n\nexport interface LayoutType {\n  bbox: TextLayoutBBox;\n  lines: LayoutItemType[];\n  fontFamily: string;\n  fontSize: number;\n  fontWeight?: string | number;\n  lineHeight: number;\n  textAlign: TextAlignType;\n  textBaseline: TextBaselineType;\n}\n\nexport enum MeasureModeEnum {\n  estimate = 0,\n  actualBounding = 1,\n  fontBounding = 2\n}\n\nexport type ITextAttribute = {\n  text: string | number | string[] | number[];\n  maxLineWidth: number;\n  maxWidth: number;\n  textAlign: TextAlignType;\n  textBaseline: TextBaselineType;\n  fontSize: number;\n  fontFamily: string;\n  fontWeight: string | number;\n  ellipsis: boolean | string;\n  fontVariant: string;\n  fontStyle: string;\n  lineHeight: number | string;\n  underline: number;\n  lineThrough: number;\n  scaleIn3d: boolean;\n  direction: 'horizontal' | 'vertical';\n  verticalMode: number; // 垂直布局的模式，0代表默认（横向textAlign，纵向textBaseline），1代表特殊（横向textBaseline，纵向textAlign）\n  wordBreak: 'break-word' | 'break-all' | 'keep-all';\n  ignoreBuf: boolean;\n  heightLimit: number;\n  lineClamp: number;\n  wrap: boolean;\n  whiteSpace: 'normal' | 'no-wrap';\n  suffixPosition: 'start' | 'end' | 'middle';\n  underlineDash: number[];\n  underlineOffset: number;\n  // textDecoration: number;\n  // textDecorationWidth: number;\n  // padding?: number | number[];\n  disableAutoClipedPoptip?: boolean;\n  // 测量模式，默认使用actualBounding\n  measureMode?: MeasureModeEnum;\n};\nexport type ITextCache = {\n  // 单行文本的时候缓存（多行文本没有）\n  clipedText?: string;\n  clipedWidth?: number;\n  // 文本的布局缓存（单行文本也有）\n  layoutData?: LayoutType;\n  // 垂直布局的列表\n  verticalList?: { text: string; width?: number; direction: number }[][];\n};\n\nexport type ITextGraphicAttribute = Partial<IGraphicAttribute> & Partial<ITextAttribute>;\n\nexport type IWrapTextGraphicAttribute = ITextGraphicAttribute & {\n  heightLimit?: number;\n  lineClamp?: number;\n};\n\nexport interface IText extends IGraphic<ITextGraphicAttribute> {\n  // 判断是否被ellipisised\n  clipedText?: string;\n  clipedWidth?: number;\n  cliped?: boolean;\n  multilineLayout?: LayoutType;\n  font?: string;\n  isMultiLine: boolean;\n  cache?: ITextCache;\n\n  getBaselineMapAlign: () => Record<string, string>;\n  getAlignMapBaseline: () => Record<string, string>;\n}\n\nexport type TextAlignType = 'left' | 'right' | 'center' | 'start' | 'end';\nexport type TextBaselineType = 'top' | 'middle' | 'bottom' | 'alphabetic';\n"]}
+{"version":3,"sources":["../src/interface/graphic/text.ts"],"names":[],"mappings":";;;AAkCA,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,6DAAY,CAAA;IACZ,yEAAkB,CAAA;IAClB,qEAAgB,CAAA;AAClB,CAAC,EAJW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAI1B","file":"text.js","sourcesContent":["import type { IGraphicAttribute, IGraphic } from '../graphic';\n\nexport interface TextLayoutBBox {\n  width: number; // 包围盒的宽度\n  height: number; // 包围盒的高度\n  xOffset: number;\n  yOffset: number;\n}\n\nexport interface LayoutItemType {\n  str: string; // 这行的字符串\n  leftOffset?: number; // 该行距离左侧的偏移\n  topOffset?: number; // 该行距离右侧的偏移\n  width: number;\n  ascent: number;\n  descent: number;\n  keepCenterInLine: boolean;\n}\n\nexport interface SimplifyLayoutType {\n  lines: LayoutItemType[];\n}\n\nexport interface LayoutType {\n  bbox: TextLayoutBBox;\n  lines: LayoutItemType[];\n  fontFamily: string;\n  fontSize: number;\n  fontWeight?: string | number;\n  lineHeight: number;\n  textAlign: TextAlignType;\n  textBaseline: TextBaselineType;\n}\n\nexport enum MeasureModeEnum {\n  estimate = 0,\n  actualBounding = 1,\n  fontBounding = 2\n}\n\nexport type ITextAttribute = {\n  text: string | number | string[] | number[];\n  maxLineWidth: number;\n  maxWidth: number;\n  textAlign: TextAlignType;\n  textBaseline: TextBaselineType;\n  fontSize: number;\n  fontFamily: string;\n  fontWeight: string | number;\n  ellipsis: boolean | string;\n  fontVariant: string;\n  fontStyle: string;\n  lineHeight: number | string;\n  underline: number;\n  lineThrough: number;\n  scaleIn3d: boolean;\n  direction: 'horizontal' | 'vertical';\n  verticalMode: number; // 垂直布局的模式，0代表默认（横向textAlign，纵向textBaseline），1代表特殊（横向textBaseline，纵向textAlign）\n  wordBreak: 'break-word' | 'break-all' | 'keep-all';\n  ignoreBuf: boolean;\n  heightLimit: number;\n  lineClamp: number;\n  wrap: boolean;\n  whiteSpace: 'normal' | 'no-wrap';\n  suffixPosition: 'start' | 'end' | 'middle';\n  underlineDash: number[];\n  underlineOffset: number;\n  // textDecoration: number;\n  // textDecorationWidth: number;\n  // padding?: number | number[];\n  disableAutoClipedPoptip?: boolean;\n  // @since 0.21.0\n  // 测量模式，默认使用actualBounding\n  measureMode?: MeasureModeEnum;\n  // @since 0.21.0\n  // 保持在行中间的位置\n  keepCenterInLine?: boolean;\n};\nexport type ITextCache = {\n  // 单行文本的时候缓存（多行文本没有）\n  clipedText?: string;\n  clipedWidth?: number;\n  // 文本的布局缓存（单行文本也有）\n  layoutData?: LayoutType;\n  // 垂直布局的列表\n  verticalList?: { text: string; width?: number; direction: number }[][];\n};\n\nexport type ITextGraphicAttribute = Partial<IGraphicAttribute> & Partial<ITextAttribute>;\n\nexport type IWrapTextGraphicAttribute = ITextGraphicAttribute & {\n  heightLimit?: number;\n  lineClamp?: number;\n};\n\nexport interface IText extends IGraphic<ITextGraphicAttribute> {\n  // 判断是否被ellipisised\n  clipedText?: string;\n  clipedWidth?: number;\n  cliped?: boolean;\n  multilineLayout?: LayoutType;\n  font?: string;\n  isMultiLine: boolean;\n  cache?: ITextCache;\n\n  getBaselineMapAlign: () => Record<string, string>;\n  getAlignMapBaseline: () => Record<string, string>;\n}\n\nexport type TextAlignType = 'left' | 'right' | 'center' | 'start' | 'end';\nexport type TextBaselineType = 'top' | 'middle' | 'bottom' | 'alphabetic';\n"]}

package/dist/index.es.js

@@ -3068,7 +3068,8 @@ const DefaultTextStyle = {
     underlineDash: [],
     underlineOffset: 0,
     disableAutoClipedPoptip: undefined,
-    measureMode: MeasureModeEnum.fontBounding
+    measureMode: MeasureModeEnum.fontBounding,
+    keepCenterInLine: false
 };
 const DefaultPickStyle = {
     pickStrokeBuffer: 0
@@ -19177,7 +19178,7 @@ class CanvasTextLayout {
         return bbox;
     }
     GetLayoutByLines(lines, textAlign, textBaseline, lineHeight, suffix = '', wordBreak, params) {
-        const { lineWidth, suffixPosition = 'end', measureMode = MeasureModeEnum.actualBounding } = params !== null && params !== void 0 ? params : {};
+        const { lineWidth, suffixPosition = 'end', measureMode = MeasureModeEnum.actualBounding, keepCenterInLine = false } = params !== null && params !== void 0 ? params : {};
         lines = lines.map(l => l.toString());
         const linesLayout = [];
         const bboxWH = [0, 0];
@@ -19192,7 +19193,8 @@ class CanvasTextLayout {
                         : this.textMeasure.clipTextWithSuffix(lines[i], this.textOptions, width, suffix, wordBreak, suffixPosition).str,
                     width,
                     ascent: metrics.ascent,
-                    descent: metrics.descent
+                    descent: metrics.descent,
+                    keepCenterInLine
                 });
             }
             bboxWH[0] = lineWidth;
@@ -19206,7 +19208,7 @@ class CanvasTextLayout {
                 const metrics = this.textMeasure.measureTextPixelADscentAndWidth(lines[i], this.textOptions, measureMode);
                 width = metrics.width;
                 _lineWidth = Math.max(_lineWidth, width);
-                linesLayout.push({ str: text, width, ascent: metrics.ascent, descent: metrics.descent });
+                linesLayout.push({ str: text, width, ascent: metrics.ascent, descent: metrics.descent, keepCenterInLine });
             }
             bboxWH[0] = _lineWidth;
         }
@@ -19256,15 +19258,17 @@ class CanvasTextLayout {
             line.leftOffset = bbox.width - line.width;
         }
         line.topOffset = lineHeight / 2 + (line.ascent - line.descent) / 2 + origin[1];
-        const actualHeight = line.ascent + line.descent;
-        const buf = 0;
-        const actualHeightWithBuf = actualHeight + buf;
-        if (actualHeightWithBuf < lineHeight - buf) {
-            if (textBaseline === 'bottom') {
-                line.topOffset += (lineHeight - actualHeightWithBuf) / 2;
-            }
-            else if (textBaseline === 'top') {
-                line.topOffset -= (lineHeight - actualHeightWithBuf) / 2;
+        if (!line.keepCenterInLine) {
+            const actualHeight = line.ascent + line.descent;
+            const buf = 0;
+            const actualHeightWithBuf = actualHeight + buf;
+            if (actualHeightWithBuf < lineHeight - buf) {
+                if (textBaseline === 'bottom') {
+                    line.topOffset += (lineHeight - actualHeightWithBuf) / 2;
+                }
+                else if (textBaseline === 'top') {
+                    line.topOffset -= (lineHeight - actualHeightWithBuf) / 2;
+                }
             }
         }
         origin[1] += lineHeight;
@@ -19441,7 +19445,7 @@ class Text extends Graphic {
         var _a;
         const textTheme = this.getGraphicTheme();
         const attribute = this.attribute;
-        const { fontFamily = textTheme.fontFamily, textAlign = textTheme.textAlign, textBaseline = textTheme.textBaseline, fontSize = textTheme.fontSize, fontWeight = textTheme.fontWeight, ellipsis = textTheme.ellipsis, maxLineWidth, stroke = textTheme.stroke, wrap = textTheme.wrap, measureMode = textTheme.measureMode, lineWidth = textTheme.lineWidth, whiteSpace = textTheme.whiteSpace, suffixPosition = textTheme.suffixPosition, ignoreBuf = textTheme.ignoreBuf } = attribute;
+        const { fontFamily = textTheme.fontFamily, textAlign = textTheme.textAlign, textBaseline = textTheme.textBaseline, fontSize = textTheme.fontSize, fontWeight = textTheme.fontWeight, ellipsis = textTheme.ellipsis, maxLineWidth, stroke = textTheme.stroke, wrap = textTheme.wrap, measureMode = textTheme.measureMode, lineWidth = textTheme.lineWidth, whiteSpace = textTheme.whiteSpace, suffixPosition = textTheme.suffixPosition, ignoreBuf = textTheme.ignoreBuf, keepCenterInLine = textTheme.keepCenterInLine } = attribute;
         const buf = ignoreBuf ? 0 : this.guessLineHeightBuf(fontSize);
         const lineHeight = this.getLineHeight(attribute, textTheme) + buf;
         if (whiteSpace === 'normal' || wrap) {
@@ -19460,7 +19464,8 @@ class Text extends Graphic {
         const layoutData = layoutObj.GetLayoutByLines(text, textAlign, textBaseline, lineHeight, ellipsis === true ? textTheme.ellipsis : ellipsis || undefined, false, {
             lineWidth: maxLineWidth,
             suffixPosition,
-            measureMode
+            measureMode,
+            keepCenterInLine
         });
         const { bbox } = layoutData;
         this.cache.layoutData = layoutData;
@@ -19474,7 +19479,7 @@ class Text extends Graphic {
     updateWrapAABBBounds(text) {
         var _a, _b, _c;
         const textTheme = this.getGraphicTheme();
-        const { fontFamily = textTheme.fontFamily, textAlign = textTheme.textAlign, textBaseline = textTheme.textBaseline, fontSize = textTheme.fontSize, ellipsis = textTheme.ellipsis, maxLineWidth, stroke = textTheme.stroke, lineWidth = textTheme.lineWidth, wordBreak = textTheme.wordBreak, fontWeight = textTheme.fontWeight, ignoreBuf = textTheme.ignoreBuf, measureMode = textTheme.measureMode, suffixPosition = textTheme.suffixPosition, heightLimit = 0, lineClamp } = this.attribute;
+        const { fontFamily = textTheme.fontFamily, textAlign = textTheme.textAlign, textBaseline = textTheme.textBaseline, fontSize = textTheme.fontSize, ellipsis = textTheme.ellipsis, maxLineWidth, stroke = textTheme.stroke, lineWidth = textTheme.lineWidth, wordBreak = textTheme.wordBreak, fontWeight = textTheme.fontWeight, ignoreBuf = textTheme.ignoreBuf, measureMode = textTheme.measureMode, suffixPosition = textTheme.suffixPosition, heightLimit = 0, lineClamp, keepCenterInLine = textTheme.keepCenterInLine } = this.attribute;
         const buf = ignoreBuf ? 0 : this.guessLineHeightBuf(fontSize);
         const lineHeight = this.getLineHeight(this.attribute, textTheme) + buf;
         if (!this.shouldUpdateShape() && ((_a = this.cache) === null || _a === void 0 ? void 0 : _a.layoutData)) {
@@ -19510,7 +19515,8 @@ class Text extends Graphic {
                             str: clip.str,
                             width: clip.width,
                             ascent: matrics.ascent,
-                            descent: matrics.descent
+                            descent: matrics.descent,
+                            keepCenterInLine
                         });
                         break;
                     }
@@ -19532,7 +19538,8 @@ class Text extends Graphic {
                         str: clip.str,
                         width: clip.width,
                         ascent: matrics.ascent,
-                        descent: matrics.descent
+                        descent: matrics.descent,
+                        keepCenterInLine
                     });
                     let cutLength = clip.str.length;
                     if (clip.wordBreaked && !(str !== '' && clip.str === '')) {
@@ -19564,7 +19571,8 @@ class Text extends Graphic {
                         str: clip.str,
                         width: clip.width,
                         ascent: matrics.ascent,
-                        descent: matrics.descent
+                        descent: matrics.descent,
+                        keepCenterInLine
                     });
                     lineWidth = Math.max(lineWidth, clip.width);
                     break;
@@ -19573,7 +19581,7 @@ class Text extends Graphic {
                 width = textMeasure.measureTextWidth(text, textOptions);
                 lineWidth = Math.max(lineWidth, width);
                 const matrics = textMeasure.measureTextPixelADscentAndWidth(text, textOptions, measureMode);
-                linesLayout.push({ str: text, width, ascent: matrics.ascent, descent: matrics.descent });
+                linesLayout.push({ str: text, width, ascent: matrics.ascent, descent: matrics.descent, keepCenterInLine });
             }
             bboxWH[0] = lineWidth;
         }
@@ -19758,7 +19766,8 @@ class WrapText extends Text {
                             str: clip.str,
                             width: clip.width,
                             ascent: 0,
-                            descent: 0
+                            descent: 0,
+                            keepCenterInLine: false
                         });
                         break;
                     }
@@ -19779,7 +19788,8 @@ class WrapText extends Text {
                         str: clip.str,
                         width: clip.width,
                         ascent: 0,
-                        descent: 0
+                        descent: 0,
+                        keepCenterInLine: false
                     });
                     if (clip.str.length === str.length) ;
                     else if (needCut) {
@@ -19805,7 +19815,8 @@ class WrapText extends Text {
                         str: clip.str,
                         width: clip.width,
                         ascent: 0,
-                        descent: 0
+                        descent: 0,
+                        keepCenterInLine: false
                     });
                     lineWidth = Math.max(lineWidth, clip.width);
                     break;
@@ -19813,7 +19824,7 @@ class WrapText extends Text {
                 text = lines[i];
                 width = layoutObj.textMeasure.measureTextWidth(text, layoutObj.textOptions, wordBreak === 'break-word');
                 lineWidth = Math.max(lineWidth, width);
-                linesLayout.push({ str: text, width, ascent: 0, descent: 0 });
+                linesLayout.push({ str: text, width, ascent: 0, descent: 0, keepCenterInLine: false });
             }
             bboxWH[0] = lineWidth;
         }

package/es/core/contributions/textMeasure/layout.d.ts

@@ -11,6 +11,7 @@ export declare class CanvasTextLayout {
         lineWidth?: number;
         suffixPosition?: 'start' | 'end' | 'middle';
         measureMode?: MeasureModeEnum;
+        keepCenterInLine?: boolean;
     }): LayoutType;
     layoutWithBBox(bbox: TextLayoutBBox, lines: LayoutItemType[], textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number): LayoutType;
     private lineOffset;

package/es/core/contributions/textMeasure/layout.js

@@ -20,7 +20,7 @@ export class CanvasTextLayout {
         return bbox;
     }
     GetLayoutByLines(lines, textAlign, textBaseline, lineHeight, suffix = "", wordBreak, params) {
-        const {lineWidth: lineWidth, suffixPosition: suffixPosition = "end", measureMode: measureMode = MeasureModeEnum.actualBounding} = null != params ? params : {};
+        const {lineWidth: lineWidth, suffixPosition: suffixPosition = "end", measureMode: measureMode = MeasureModeEnum.actualBounding, keepCenterInLine: keepCenterInLine = !1} = null != params ? params : {};
         lines = lines.map((l => l.toString()));
         const linesLayout = [], bboxWH = [ 0, 0 ];
         if ("number" == typeof lineWidth && lineWidth !== 1 / 0) {
@@ -31,7 +31,8 @@ export class CanvasTextLayout {
                     str: metrics.width <= lineWidth ? lines[i].toString() : this.textMeasure.clipTextWithSuffix(lines[i], this.textOptions, width, suffix, wordBreak, suffixPosition).str,
                     width: width,
                     ascent: metrics.ascent,
-                    descent: metrics.descent
+                    descent: metrics.descent,
+                    keepCenterInLine: keepCenterInLine
                 });
             }
             bboxWH[0] = lineWidth;
@@ -44,7 +45,8 @@ export class CanvasTextLayout {
                     str: text,
                     width: width,
                     ascent: metrics.ascent,
-                    descent: metrics.descent
+                    descent: metrics.descent,
+                    keepCenterInLine: keepCenterInLine
                 });
             }
             bboxWH[0] = _lineWidth;
@@ -74,11 +76,13 @@ export class CanvasTextLayout {
         };
     }
     lineOffset(bbox, line, textAlign, textBaseline, lineHeight, origin) {
-        "left" === textAlign || "start" === textAlign ? line.leftOffset = 0 : "center" === textAlign ? line.leftOffset = (bbox.width - line.width) / 2 : "right" !== textAlign && "end" !== textAlign || (line.leftOffset = bbox.width - line.width), 
-        line.topOffset = lineHeight / 2 + (line.ascent - line.descent) / 2 + origin[1];
-        const actualHeightWithBuf = line.ascent + line.descent + 0;
-        return actualHeightWithBuf < lineHeight - 0 && ("bottom" === textBaseline ? line.topOffset += (lineHeight - actualHeightWithBuf) / 2 : "top" === textBaseline && (line.topOffset -= (lineHeight - actualHeightWithBuf) / 2)), 
-        origin[1] += lineHeight, line;
+        if ("left" === textAlign || "start" === textAlign ? line.leftOffset = 0 : "center" === textAlign ? line.leftOffset = (bbox.width - line.width) / 2 : "right" !== textAlign && "end" !== textAlign || (line.leftOffset = bbox.width - line.width), 
+        line.topOffset = lineHeight / 2 + (line.ascent - line.descent) / 2 + origin[1], 
+        !line.keepCenterInLine) {
+            const buf = 0, actualHeightWithBuf = line.ascent + line.descent + buf;
+            actualHeightWithBuf < lineHeight - buf && ("bottom" === textBaseline ? line.topOffset += (lineHeight - actualHeightWithBuf) / 2 : "top" === textBaseline && (line.topOffset -= (lineHeight - actualHeightWithBuf) / 2));
+        }
+        return origin[1] += lineHeight, line;
     }
 }
 //# sourceMappingURL=layout.js.map

package/es/core/contributions/textMeasure/layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/textMeasure/layout.ts"],"names":[],"mappings":"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","file":"layout.js","sourcesContent":["import type { vec2 } from '@visactor/vutils';\nimport type { ITextMeasure, TextOptionsType } from '../../../interface/text';\nimport type { TextLayoutBBox, LayoutItemType, LayoutType, TextAlignType, TextBaselineType } from '../../../interface';\nimport { MeasureModeEnum } from '../../../interface';\n\nexport class CanvasTextLayout {\n  private fontFamily: string;\n  private textOptions: TextOptionsType;\n  private textMeasure: ITextMeasure;\n\n  constructor(fontFamily: string, options: TextOptionsType, textMeasure: ITextMeasure) {\n    this.fontFamily = fontFamily;\n    this.textOptions = options;\n    this.textMeasure = textMeasure;\n  }\n\n  /**\n   * 布局外部的盒子，盒子的alphabetic属性模拟文字的效果\n   * @param bbox\n   * @param textAlign\n   * @param textBaseline\n   * @returns\n   */\n  LayoutBBox(\n    bbox: TextLayoutBBox,\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    linesLayout: LayoutItemType[]\n  ): TextLayoutBBox {\n    if (textAlign === 'left' || textAlign === 'start') {\n      bbox.xOffset = 0;\n    } else if (textAlign === 'center') {\n      bbox.xOffset = bbox.width / -2;\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      bbox.xOffset = -bbox.width;\n    } else {\n      throw new Error('非法的textAlign');\n    }\n\n    if (textBaseline === 'top') {\n      bbox.yOffset = 0;\n    } else if (textBaseline === 'middle') {\n      bbox.yOffset = bbox.height / -2;\n    } else if (textBaseline === 'alphabetic') {\n      // 如果仅有一行，要保证和直接使用canvas绘制的textBaseline一致\n      let percent = 0.79;\n      if (linesLayout.length === 1) {\n        const lineInfo = linesLayout[0];\n        percent = lineInfo.ascent / (lineInfo.ascent + lineInfo.descent);\n      }\n      bbox.yOffset = bbox.height * -percent;\n    } else {\n      bbox.yOffset = -bbox.height;\n    }\n\n    return bbox;\n  }\n\n  /**\n   * 给定拆分好的每行字符串进行布局，如果传入lineWidth，那么后面的字符就拆分\n   * @param lines\n   * @param lineWidth\n   */\n  GetLayoutByLines(\n    lines: (string | number)[],\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    lineHeight: number,\n    suffix: string = '',\n    wordBreak: boolean,\n    params?: {\n      lineWidth?: number;\n      suffixPosition?: 'start' | 'end' | 'middle';\n      measureMode?: MeasureModeEnum;\n    }\n  ): LayoutType {\n    const { lineWidth, suffixPosition = 'end', measureMode = MeasureModeEnum.actualBounding } = params ?? {};\n    lines = lines.map(l => l.toString()) as string[];\n    const linesLayout: LayoutItemType[] = [];\n    // bbox高度可能大于totalHeight\n    const bboxWH: vec2 = [0, 0];\n    if (typeof lineWidth === 'number' && lineWidth !== Infinity) {\n      // 直接使用lineWidth，并拆分字符串\n      let width: number;\n      for (let i = 0, len = lines.length; i < len; i++) {\n        const metrics = this.textMeasure.measureTextPixelADscentAndWidth(\n          lines[i] as string,\n          this.textOptions,\n          measureMode\n        );\n        width = Math.min(metrics.width, lineWidth);\n        linesLayout.push({\n          str:\n            metrics.width <= lineWidth\n              ? lines[i].toString()\n              : this.textMeasure.clipTextWithSuffix(\n                  lines[i] as string,\n                  this.textOptions,\n                  width,\n                  suffix,\n                  wordBreak,\n                  suffixPosition\n                ).str,\n          width,\n          ascent: metrics.ascent,\n          descent: metrics.descent\n        });\n      }\n      bboxWH[0] = lineWidth;\n    } else {\n      // 使用所有行中最长的作为lineWidth\n      let _lineWidth = 0;\n      let width: number;\n      let text: string;\n      for (let i = 0, len = lines.length; i < len; i++) {\n        text = lines[i] as string;\n        const metrics = this.textMeasure.measureTextPixelADscentAndWidth(\n          lines[i] as string,\n          this.textOptions,\n          measureMode\n        );\n        width = metrics.width;\n        _lineWidth = Math.max(_lineWidth, width);\n        linesLayout.push({ str: text, width, ascent: metrics.ascent, descent: metrics.descent });\n      }\n      bboxWH[0] = _lineWidth;\n    }\n    bboxWH[1] = linesLayout.length * lineHeight;\n\n    bboxWH[0] = linesLayout.reduce((a, b) => Math.max(a, b.width), 0);\n\n    const bbox: TextLayoutBBox = {\n      xOffset: 0,\n      yOffset: 0,\n      width: bboxWH[0],\n      height: bboxWH[1]\n    };\n\n    this.LayoutBBox(bbox, textAlign, textBaseline, linesLayout);\n\n    return this.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline, lineHeight);\n  }\n\n  /**\n   * 给定了bbox，使用拆分好的每行字符串进行布局\n   * @param bbox\n   * @param lines\n   * @param textAlign\n   * @param textBaseline\n   * @param lineHeight\n   * @returns\n   */\n  layoutWithBBox(\n    bbox: TextLayoutBBox,\n    lines: LayoutItemType[],\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    lineHeight: number\n  ): LayoutType {\n    const origin: vec2 = [0, 0];\n    const totalLineHeight = lines.length * lineHeight; // 总高度\n    // origin在y方向需要初始化，然后递增即可\n    if (textBaseline === 'top') {\n      // origin[1] = 0;\n    } else if (textBaseline === 'middle') {\n      origin[1] = (bbox.height - totalLineHeight) / 2;\n    } else if (textBaseline === 'bottom') {\n      origin[1] = bbox.height - totalLineHeight;\n    }\n\n    for (let i = 0; i < lines.length; i++) {\n      this.lineOffset(bbox, lines[i], textAlign, textBaseline, lineHeight, origin);\n    }\n\n    return {\n      bbox,\n      lines,\n      fontFamily: this.fontFamily,\n      fontSize: this.textOptions.fontSize,\n      fontWeight: this.textOptions.fontWeight,\n      lineHeight,\n      textAlign,\n      textBaseline\n    };\n  }\n\n  /**\n   * 计算line在bbox中的位置，需要配合layoutWithBBox使用\n   * @param bbox\n   * @param line\n   * @param textAlign\n   * @param textBaseline\n   * @param lineHeight\n   * @param origin 这个line的左上角位置，会复用并修改\n   */\n  private lineOffset(\n    bbox: TextLayoutBBox,\n    line: LayoutItemType,\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    lineHeight: number,\n    origin: vec2\n  ): LayoutItemType {\n    if (textAlign === 'left' || textAlign === 'start') {\n      line.leftOffset = 0;\n    } else if (textAlign === 'center') {\n      line.leftOffset = (bbox.width - line.width) / 2;\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      line.leftOffset = bbox.width - line.width;\n    }\n\n    line.topOffset = lineHeight / 2 + (line.ascent - line.descent) / 2 + origin[1];\n\n    const actualHeight = line.ascent + line.descent;\n    const buf = 0;\n    const actualHeightWithBuf = actualHeight + buf;\n    if (actualHeightWithBuf < lineHeight - buf) {\n      if (textBaseline === 'bottom') {\n        line.topOffset += (lineHeight - actualHeightWithBuf) / 2;\n      } else if (textBaseline === 'top') {\n        line.topOffset -= (lineHeight - actualHeightWithBuf) / 2;\n      }\n    }\n    origin[1] += lineHeight;\n\n    return line;\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/textMeasure/layout.ts"],"names":[],"mappings":"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","file":"layout.js","sourcesContent":["import type { vec2 } from '@visactor/vutils';\nimport type { ITextMeasure, TextOptionsType } from '../../../interface/text';\nimport type { TextLayoutBBox, LayoutItemType, LayoutType, TextAlignType, TextBaselineType } from '../../../interface';\nimport { MeasureModeEnum } from '../../../interface';\n\nexport class CanvasTextLayout {\n  private fontFamily: string;\n  private textOptions: TextOptionsType;\n  private textMeasure: ITextMeasure;\n\n  constructor(fontFamily: string, options: TextOptionsType, textMeasure: ITextMeasure) {\n    this.fontFamily = fontFamily;\n    this.textOptions = options;\n    this.textMeasure = textMeasure;\n  }\n\n  /**\n   * 布局外部的盒子，盒子的alphabetic属性模拟文字的效果\n   * @param bbox\n   * @param textAlign\n   * @param textBaseline\n   * @returns\n   */\n  LayoutBBox(\n    bbox: TextLayoutBBox,\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    linesLayout: LayoutItemType[]\n  ): TextLayoutBBox {\n    if (textAlign === 'left' || textAlign === 'start') {\n      bbox.xOffset = 0;\n    } else if (textAlign === 'center') {\n      bbox.xOffset = bbox.width / -2;\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      bbox.xOffset = -bbox.width;\n    } else {\n      throw new Error('非法的textAlign');\n    }\n\n    if (textBaseline === 'top') {\n      bbox.yOffset = 0;\n    } else if (textBaseline === 'middle') {\n      bbox.yOffset = bbox.height / -2;\n    } else if (textBaseline === 'alphabetic') {\n      // 如果仅有一行，要保证和直接使用canvas绘制的textBaseline一致\n      let percent = 0.79;\n      if (linesLayout.length === 1) {\n        const lineInfo = linesLayout[0];\n        percent = lineInfo.ascent / (lineInfo.ascent + lineInfo.descent);\n      }\n      bbox.yOffset = bbox.height * -percent;\n    } else {\n      bbox.yOffset = -bbox.height;\n    }\n\n    return bbox;\n  }\n\n  /**\n   * 给定拆分好的每行字符串进行布局，如果传入lineWidth，那么后面的字符就拆分\n   * @param lines\n   * @param lineWidth\n   */\n  GetLayoutByLines(\n    lines: (string | number)[],\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    lineHeight: number,\n    suffix: string = '',\n    wordBreak: boolean,\n    params?: {\n      lineWidth?: number;\n      suffixPosition?: 'start' | 'end' | 'middle';\n      measureMode?: MeasureModeEnum;\n      keepCenterInLine?: boolean;\n    }\n  ): LayoutType {\n    const {\n      lineWidth,\n      suffixPosition = 'end',\n      measureMode = MeasureModeEnum.actualBounding,\n      keepCenterInLine = false\n    } = params ?? {};\n    lines = lines.map(l => l.toString()) as string[];\n    const linesLayout: LayoutItemType[] = [];\n    // bbox高度可能大于totalHeight\n    const bboxWH: vec2 = [0, 0];\n    if (typeof lineWidth === 'number' && lineWidth !== Infinity) {\n      // 直接使用lineWidth，并拆分字符串\n      let width: number;\n      for (let i = 0, len = lines.length; i < len; i++) {\n        const metrics = this.textMeasure.measureTextPixelADscentAndWidth(\n          lines[i] as string,\n          this.textOptions,\n          measureMode\n        );\n        width = Math.min(metrics.width, lineWidth);\n        linesLayout.push({\n          str:\n            metrics.width <= lineWidth\n              ? lines[i].toString()\n              : this.textMeasure.clipTextWithSuffix(\n                  lines[i] as string,\n                  this.textOptions,\n                  width,\n                  suffix,\n                  wordBreak,\n                  suffixPosition\n                ).str,\n          width,\n          ascent: metrics.ascent,\n          descent: metrics.descent,\n          keepCenterInLine\n        });\n      }\n      bboxWH[0] = lineWidth;\n    } else {\n      // 使用所有行中最长的作为lineWidth\n      let _lineWidth = 0;\n      let width: number;\n      let text: string;\n      for (let i = 0, len = lines.length; i < len; i++) {\n        text = lines[i] as string;\n        const metrics = this.textMeasure.measureTextPixelADscentAndWidth(\n          lines[i] as string,\n          this.textOptions,\n          measureMode\n        );\n        width = metrics.width;\n        _lineWidth = Math.max(_lineWidth, width);\n        linesLayout.push({ str: text, width, ascent: metrics.ascent, descent: metrics.descent, keepCenterInLine });\n      }\n      bboxWH[0] = _lineWidth;\n    }\n    bboxWH[1] = linesLayout.length * lineHeight;\n\n    bboxWH[0] = linesLayout.reduce((a, b) => Math.max(a, b.width), 0);\n\n    const bbox: TextLayoutBBox = {\n      xOffset: 0,\n      yOffset: 0,\n      width: bboxWH[0],\n      height: bboxWH[1]\n    };\n\n    this.LayoutBBox(bbox, textAlign, textBaseline, linesLayout);\n\n    return this.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline, lineHeight);\n  }\n\n  /**\n   * 给定了bbox，使用拆分好的每行字符串进行布局\n   * @param bbox\n   * @param lines\n   * @param textAlign\n   * @param textBaseline\n   * @param lineHeight\n   * @returns\n   */\n  layoutWithBBox(\n    bbox: TextLayoutBBox,\n    lines: LayoutItemType[],\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    lineHeight: number\n  ): LayoutType {\n    const origin: vec2 = [0, 0];\n    const totalLineHeight = lines.length * lineHeight; // 总高度\n    // origin在y方向需要初始化，然后递增即可\n    if (textBaseline === 'top') {\n      // origin[1] = 0;\n    } else if (textBaseline === 'middle') {\n      origin[1] = (bbox.height - totalLineHeight) / 2;\n    } else if (textBaseline === 'bottom') {\n      origin[1] = bbox.height - totalLineHeight;\n    }\n\n    for (let i = 0; i < lines.length; i++) {\n      this.lineOffset(bbox, lines[i], textAlign, textBaseline, lineHeight, origin);\n    }\n\n    return {\n      bbox,\n      lines,\n      fontFamily: this.fontFamily,\n      fontSize: this.textOptions.fontSize,\n      fontWeight: this.textOptions.fontWeight,\n      lineHeight,\n      textAlign,\n      textBaseline\n    };\n  }\n\n  /**\n   * 计算line在bbox中的位置，需要配合layoutWithBBox使用\n   * @param bbox\n   * @param line\n   * @param textAlign\n   * @param textBaseline\n   * @param lineHeight\n   * @param origin 这个line的左上角位置，会复用并修改\n   */\n  private lineOffset(\n    bbox: TextLayoutBBox,\n    line: LayoutItemType,\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    lineHeight: number,\n    origin: vec2\n  ): LayoutItemType {\n    if (textAlign === 'left' || textAlign === 'start') {\n      line.leftOffset = 0;\n    } else if (textAlign === 'center') {\n      line.leftOffset = (bbox.width - line.width) / 2;\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      line.leftOffset = bbox.width - line.width;\n    }\n\n    line.topOffset = lineHeight / 2 + (line.ascent - line.descent) / 2 + origin[1];\n\n    if (!line.keepCenterInLine) {\n      const actualHeight = line.ascent + line.descent;\n      const buf = 0;\n      const actualHeightWithBuf = actualHeight + buf;\n      if (actualHeightWithBuf < lineHeight - buf) {\n        if (textBaseline === 'bottom') {\n          line.topOffset += (lineHeight - actualHeightWithBuf) / 2;\n        } else if (textBaseline === 'top') {\n          line.topOffset -= (lineHeight - actualHeightWithBuf) / 2;\n        }\n      }\n    }\n\n    origin[1] += lineHeight;\n\n    return line;\n  }\n}\n"]}

package/es/graphic/config.js

@@ -87,7 +87,8 @@ export const DefaultTextStyle = {
     underlineDash: [],
     underlineOffset: 0,
     disableAutoClipedPoptip: void 0,
-    measureMode: MeasureModeEnum.fontBounding
+    measureMode: MeasureModeEnum.fontBounding,
+    keepCenterInLine: !1
 };
 
 export const DefaultPickStyle = {

package/es/graphic/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphic/config.ts"],"names":[],"mappings":"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","file":"config.js","sourcesContent":["// 存放公共属性\nimport { Logger, Matrix, pi2 } from '@visactor/vutils';\nimport { CustomPath2D } from '../common/custom-path2d';\nimport {\n  type IArcGraphicAttribute,\n  type IAreaGraphicAttribute,\n  type IGraphicAttribute,\n  type ICircleGraphicAttribute,\n  type IFillStyle,\n  type IGlyphGraphicAttribute,\n  type IGroupGraphicAttribute,\n  type IImageGraphicAttribute,\n  type ILineGraphicAttribute,\n  type IPathGraphicAttribute,\n  type IPolygonGraphicAttribute,\n  type IRect3dGraphicAttribute,\n  type IRectGraphicAttribute,\n  type IStrokeStyle,\n  type IGraphicStyle,\n  type ISymbolGraphicAttribute,\n  type ITextAttribute,\n  type ITextGraphicAttribute,\n  type IRichTextGraphicAttribute,\n  type ITransform,\n  type RichTextWordBreak,\n  type RichTextVerticalDirection,\n  type RichTextGlobalAlignType,\n  type RichTextGlobalBaselineType,\n  type IRichTextIconGraphicAttribute,\n  type IConnectedStyle,\n  type ILayout,\n  type IDebugType,\n  type IPickStyle,\n  MeasureModeEnum\n} from '../interface';\n\nexport const DefaultLayout: ILayout = {\n  alignSelf: 'auto'\n};\n\nexport const DefaultTransform: ITransform = {\n  x: 0,\n  y: 0,\n  z: 0,\n  dx: 0,\n  dy: 0,\n  dz: 0,\n  scrollX: 0,\n  scrollY: 0,\n  scaleX: 1,\n  scaleY: 1,\n  scaleZ: 1,\n  angle: 0,\n  alpha: 0,\n  beta: 0,\n  scaleCenter: [0, 0],\n  anchor: [0, 0],\n  anchor3d: [0, 0],\n  postMatrix: new Matrix()\n};\n\nexport const DefaultFillStyle: IFillStyle = {\n  fillOpacity: 1,\n  fill: false,\n  shadowBlur: 0,\n  shadowColor: 'black',\n  shadowOffsetX: 0,\n  shadowOffsetY: 0\n};\n\nconst commonStroke: Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> = {\n  strokeOpacity: 1,\n  lineDash: [],\n  lineDashOffset: 0,\n  lineWidth: 1,\n  lineCap: 'butt',\n  lineJoin: 'miter',\n  miterLimit: 10,\n  strokeBoundsBuffer: 2,\n  stroke: false\n};\n\nexport const DefaultStrokeStyle: IStrokeStyle = {\n  outerBorder: { ...commonStroke, distance: 0 },\n  innerBorder: { ...commonStroke, distance: 0 },\n  ...commonStroke\n};\n\nexport const DefaultTextStyle: Required<ITextAttribute> = {\n  text: '',\n  maxLineWidth: Infinity,\n  maxWidth: Infinity,\n  textAlign: 'left',\n  textBaseline: 'alphabetic',\n  fontSize: 16,\n  // @ts-ignore\n  fontFamily: `PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,\n    Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol`,\n  fontWeight: '',\n  ellipsis: '…',\n  fontVariant: '',\n  fontStyle: '',\n  lineHeight: undefined,\n  underline: 0,\n  lineThrough: 0,\n  scaleIn3d: false,\n  direction: 'horizontal',\n  wordBreak: 'break-all',\n  ignoreBuf: false,\n  verticalMode: 0,\n  wrap: false,\n  whiteSpace: 'no-wrap',\n  heightLimit: Infinity,\n  lineClamp: Infinity,\n  suffixPosition: 'end',\n  underlineDash: [],\n  underlineOffset: 0,\n  disableAutoClipedPoptip: undefined,\n  measureMode: MeasureModeEnum.fontBounding\n};\n\nexport const DefaultPickStyle: IPickStyle = {\n  pickStrokeBuffer: 0\n};\n\nexport const DefaultStyle: IGraphicStyle = {\n  forceBoundsWidth: undefined,\n  forceBoundsHeight: undefined,\n  opacity: 1,\n  background: null,\n  backgroundOpacity: 1,\n  backgroundCornerRadius: 0,\n  texture: null,\n  textureColor: 'black',\n  textureSize: 10,\n  texturePadding: 2,\n  backgroundMode: 'no-repeat',\n  backgroundFit: true,\n  blur: 0,\n  cursor: null,\n  html: null,\n  react: null,\n  ...DefaultFillStyle,\n  ...DefaultStrokeStyle,\n  ...DefaultLayout,\n  ...DefaultPickStyle\n};\n\nexport const DefaultConnectAttribute: Required<IConnectedStyle> = {\n  connectedType: 'none',\n  // connectedStyle: {\n  //   stroke: DefaultStrokeStyle.stroke,\n  //   strokeOpacity: DefaultStrokeStyle.strokeOpacity,\n  //   lineDash: DefaultStrokeStyle.lineDash,\n  //   lineDashOffset: DefaultStrokeStyle.lineDashOffset,\n  //   lineCap: DefaultStrokeStyle.lineCap,\n  //   lineJoin: DefaultStrokeStyle.lineJoin,\n  //   lineWidth: DefaultStrokeStyle.lineWidth,\n  //   fill: DefaultFillStyle.fill,\n  //   fillOpacity: DefaultFillStyle.fillOpacity\n  // },\n  connectedStyle: {}, // 默认全都继承父属性\n  connectedX: NaN,\n  connectedY: NaN\n} as IConnectedStyle;\n\nexport const DefaultDebugAttribute: Required<IDebugType> = {\n  _debug_bounds: false\n};\n\nexport const DefaultAttribute: Required<IGraphicAttribute> = {\n  strokeSeg: null,\n  renderable: true,\n  pickable: true,\n  shadowGraphic: undefined,\n  childrenPickable: true,\n  fillPickable: true,\n  strokePickable: true,\n  visible: true,\n  zIndex: 0,\n  layout: null,\n  boundsPadding: 0,\n  fillStrokeOrder: 0,\n  renderStyle: 'default',\n  pickMode: 'accurate',\n  customPickShape: null,\n  boundsMode: 'accurate',\n  keepDirIn3d: true,\n  shadowRootIdx: 1,\n  globalZIndex: 1,\n  globalCompositeOperation: '',\n  overflow: 'hidden',\n  shadowPickMode: 'graphic',\n  keepStrokeScale: false,\n  ...DefaultDebugAttribute,\n  ...DefaultStyle,\n  ...DefaultTransform\n};\n\nexport function addAttributeToPrototype(obj: Record<string, any>, c: any, keys: string[]) {\n  keys.forEach(key => {\n    c.prototype[key] = obj[key];\n  });\n}\nexport function rewriteProto(obj: Record<string, any>, c: Record<string, any>) {\n  Object.setPrototypeOf(obj, c);\n}\n\nexport const DefaultArcAttribute: Required<IArcGraphicAttribute> = {\n  ...DefaultAttribute,\n  startAngle: 0,\n  endAngle: pi2,\n  innerRadius: 0,\n  outerRadius: 1,\n  innerPadding: 0,\n  outerPadding: 0,\n  cornerRadius: 0,\n  padRadius: 0,\n  padAngle: 0,\n  cap: false,\n  forceShowCap: false\n};\n\nexport const DefaultAreaAttribute: Required<IAreaGraphicAttribute> = {\n  ...DefaultAttribute,\n  ...DefaultConnectAttribute,\n  points: [],\n  segments: [],\n  curveType: 'linear',\n  clipRange: 1,\n  closePath: false,\n  curveTension: 1\n};\n\nexport const DefaultCircleAttribute: Required<ICircleGraphicAttribute> = {\n  ...DefaultAttribute,\n  radius: 1,\n  startAngle: 0,\n  endAngle: pi2\n};\n\nexport const DefaultGroupAttribute: Required<IGroupGraphicAttribute> = {\n  ...DefaultAttribute,\n  width: 0,\n  height: 0,\n  cornerRadius: 0,\n  path: [],\n  clip: false,\n  visibleAll: true,\n  display: 'relative',\n  flexDirection: 'row',\n  flexWrap: 'wrap',\n  justifyContent: 'flex-start',\n  alignItems: 'flex-start',\n  alignContent: 'flex-start',\n  baseOpacity: 1\n};\n\nexport const DefaultGlyphAttribute: Required<IGlyphGraphicAttribute> = {\n  ...DefaultAttribute,\n  path: '',\n  width: 0,\n  height: 0,\n  cornerRadius: 0,\n  clip: false\n};\n\nexport const DefaultLineAttribute: Required<ILineGraphicAttribute> = {\n  ...DefaultAttribute,\n  ...DefaultConnectAttribute,\n  points: [],\n  segments: [],\n  curveType: 'linear',\n  clipRange: 1,\n  clipRangeByDimension: 'default',\n  closePath: false,\n  curveTension: 1\n};\n\nexport const DefaultPathAttribute: Required<IPathGraphicAttribute> = {\n  ...DefaultAttribute,\n  path: new CustomPath2D(),\n  fillStrokeOrder: 1,\n  customPath: () => {\n    Logger.getInstance().warn('空函数');\n  }\n};\n\nexport const DefaultPolygonAttribute: Required<IPolygonGraphicAttribute> = {\n  ...DefaultAttribute,\n  points: [],\n  cornerRadius: 0,\n  closePath: true\n};\n\nexport const DefaultRectAttribute: Required<IRectGraphicAttribute> = {\n  ...DefaultAttribute,\n  width: 0,\n  height: 0,\n  x1: 0,\n  y1: 0,\n  strokeBoundsBuffer: 0,\n  cornerRadius: 0\n};\n\nexport const DefaultRect3dAttribute: Required<IRect3dGraphicAttribute> = {\n  ...DefaultAttribute,\n  width: 0,\n  height: 0,\n  x1: 0,\n  y1: 0,\n  cornerRadius: 0,\n  length: 0\n};\n\nexport const DefaultSymbolAttribute: Required<ISymbolGraphicAttribute> = {\n  ...DefaultAttribute,\n  symbolType: 'circle',\n  size: 10, // 外接**正方形**的边长\n  keepDirIn3d: true\n};\n\nexport const DefaultTextAttribute: Required<ITextGraphicAttribute> = {\n  ...DefaultAttribute,\n  ...DefaultTextStyle,\n  strokeBoundsBuffer: 0,\n  keepDirIn3d: true\n};\n\nexport const DefaultRichTextAttribute: Required<IRichTextGraphicAttribute> = {\n  ...DefaultAttribute,\n  ...DefaultTextStyle,\n  editable: false,\n  width: 300,\n  height: 300,\n  ellipsis: true,\n  wordBreak: 'break-word' as RichTextWordBreak,\n  verticalDirection: 'top' as RichTextVerticalDirection,\n  textAlign: 'left' as RichTextGlobalAlignType,\n  textBaseline: 'top' as RichTextGlobalBaselineType,\n  layoutDirection: 'horizontal',\n  textConfig: [],\n  disableAutoWrapLine: false,\n  maxHeight: undefined,\n  maxWidth: undefined,\n  singleLine: false\n};\n\nexport const DefaultImageAttribute: Required<IImageGraphicAttribute> = {\n  repeatX: 'no-repeat',\n  repeatY: 'no-repeat',\n  image: '',\n  width: 0,\n  height: 0,\n  ...DefaultAttribute,\n  fill: true,\n  cornerRadius: 0\n};\n\nexport const DefaultRichTextIconAttribute: Required<IRichTextIconGraphicAttribute> = {\n  ...DefaultImageAttribute,\n  backgroundShowMode: 'never',\n  backgroundWidth: 0,\n  backgroundHeight: 0,\n  textAlign: 'left',\n  textBaseline: 'middle',\n  direction: 'horizontal',\n  margin: 0,\n  id: '',\n\n  width: 20,\n  height: 20,\n  backgroundFill: 'rgba(101, 117, 168, 0.1)',\n  backgroundFillOpacity: 1,\n  backgroundStroke: false,\n  backgroundStrokeOpacity: 1,\n  backgroundRadius: 4,\n  opacity: 1\n};\n"]}
+{"version":3,"sources":["../src/graphic/config.ts"],"names":[],"mappings":"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","file":"config.js","sourcesContent":["// 存放公共属性\nimport { Logger, Matrix, pi2 } from '@visactor/vutils';\nimport { CustomPath2D } from '../common/custom-path2d';\nimport {\n  type IArcGraphicAttribute,\n  type IAreaGraphicAttribute,\n  type IGraphicAttribute,\n  type ICircleGraphicAttribute,\n  type IFillStyle,\n  type IGlyphGraphicAttribute,\n  type IGroupGraphicAttribute,\n  type IImageGraphicAttribute,\n  type ILineGraphicAttribute,\n  type IPathGraphicAttribute,\n  type IPolygonGraphicAttribute,\n  type IRect3dGraphicAttribute,\n  type IRectGraphicAttribute,\n  type IStrokeStyle,\n  type IGraphicStyle,\n  type ISymbolGraphicAttribute,\n  type ITextAttribute,\n  type ITextGraphicAttribute,\n  type IRichTextGraphicAttribute,\n  type ITransform,\n  type RichTextWordBreak,\n  type RichTextVerticalDirection,\n  type RichTextGlobalAlignType,\n  type RichTextGlobalBaselineType,\n  type IRichTextIconGraphicAttribute,\n  type IConnectedStyle,\n  type ILayout,\n  type IDebugType,\n  type IPickStyle,\n  MeasureModeEnum\n} from '../interface';\n\nexport const DefaultLayout: ILayout = {\n  alignSelf: 'auto'\n};\n\nexport const DefaultTransform: ITransform = {\n  x: 0,\n  y: 0,\n  z: 0,\n  dx: 0,\n  dy: 0,\n  dz: 0,\n  scrollX: 0,\n  scrollY: 0,\n  scaleX: 1,\n  scaleY: 1,\n  scaleZ: 1,\n  angle: 0,\n  alpha: 0,\n  beta: 0,\n  scaleCenter: [0, 0],\n  anchor: [0, 0],\n  anchor3d: [0, 0],\n  postMatrix: new Matrix()\n};\n\nexport const DefaultFillStyle: IFillStyle = {\n  fillOpacity: 1,\n  fill: false,\n  shadowBlur: 0,\n  shadowColor: 'black',\n  shadowOffsetX: 0,\n  shadowOffsetY: 0\n};\n\nconst commonStroke: Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> = {\n  strokeOpacity: 1,\n  lineDash: [],\n  lineDashOffset: 0,\n  lineWidth: 1,\n  lineCap: 'butt',\n  lineJoin: 'miter',\n  miterLimit: 10,\n  strokeBoundsBuffer: 2,\n  stroke: false\n};\n\nexport const DefaultStrokeStyle: IStrokeStyle = {\n  outerBorder: { ...commonStroke, distance: 0 },\n  innerBorder: { ...commonStroke, distance: 0 },\n  ...commonStroke\n};\n\nexport const DefaultTextStyle: Required<ITextAttribute> = {\n  text: '',\n  maxLineWidth: Infinity,\n  maxWidth: Infinity,\n  textAlign: 'left',\n  textBaseline: 'alphabetic',\n  fontSize: 16,\n  // @ts-ignore\n  fontFamily: `PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,\n    Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol`,\n  fontWeight: '',\n  ellipsis: '…',\n  fontVariant: '',\n  fontStyle: '',\n  lineHeight: undefined,\n  underline: 0,\n  lineThrough: 0,\n  scaleIn3d: false,\n  direction: 'horizontal',\n  wordBreak: 'break-all',\n  ignoreBuf: false,\n  verticalMode: 0,\n  wrap: false,\n  whiteSpace: 'no-wrap',\n  heightLimit: Infinity,\n  lineClamp: Infinity,\n  suffixPosition: 'end',\n  underlineDash: [],\n  underlineOffset: 0,\n  disableAutoClipedPoptip: undefined,\n  measureMode: MeasureModeEnum.fontBounding,\n  keepCenterInLine: false\n};\n\nexport const DefaultPickStyle: IPickStyle = {\n  pickStrokeBuffer: 0\n};\n\nexport const DefaultStyle: IGraphicStyle = {\n  forceBoundsWidth: undefined,\n  forceBoundsHeight: undefined,\n  opacity: 1,\n  background: null,\n  backgroundOpacity: 1,\n  backgroundCornerRadius: 0,\n  texture: null,\n  textureColor: 'black',\n  textureSize: 10,\n  texturePadding: 2,\n  backgroundMode: 'no-repeat',\n  backgroundFit: true,\n  blur: 0,\n  cursor: null,\n  html: null,\n  react: null,\n  ...DefaultFillStyle,\n  ...DefaultStrokeStyle,\n  ...DefaultLayout,\n  ...DefaultPickStyle\n};\n\nexport const DefaultConnectAttribute: Required<IConnectedStyle> = {\n  connectedType: 'none',\n  // connectedStyle: {\n  //   stroke: DefaultStrokeStyle.stroke,\n  //   strokeOpacity: DefaultStrokeStyle.strokeOpacity,\n  //   lineDash: DefaultStrokeStyle.lineDash,\n  //   lineDashOffset: DefaultStrokeStyle.lineDashOffset,\n  //   lineCap: DefaultStrokeStyle.lineCap,\n  //   lineJoin: DefaultStrokeStyle.lineJoin,\n  //   lineWidth: DefaultStrokeStyle.lineWidth,\n  //   fill: DefaultFillStyle.fill,\n  //   fillOpacity: DefaultFillStyle.fillOpacity\n  // },\n  connectedStyle: {}, // 默认全都继承父属性\n  connectedX: NaN,\n  connectedY: NaN\n} as IConnectedStyle;\n\nexport const DefaultDebugAttribute: Required<IDebugType> = {\n  _debug_bounds: false\n};\n\nexport const DefaultAttribute: Required<IGraphicAttribute> = {\n  strokeSeg: null,\n  renderable: true,\n  pickable: true,\n  shadowGraphic: undefined,\n  childrenPickable: true,\n  fillPickable: true,\n  strokePickable: true,\n  visible: true,\n  zIndex: 0,\n  layout: null,\n  boundsPadding: 0,\n  fillStrokeOrder: 0,\n  renderStyle: 'default',\n  pickMode: 'accurate',\n  customPickShape: null,\n  boundsMode: 'accurate',\n  keepDirIn3d: true,\n  shadowRootIdx: 1,\n  globalZIndex: 1,\n  globalCompositeOperation: '',\n  overflow: 'hidden',\n  shadowPickMode: 'graphic',\n  keepStrokeScale: false,\n  ...DefaultDebugAttribute,\n  ...DefaultStyle,\n  ...DefaultTransform\n};\n\nexport function addAttributeToPrototype(obj: Record<string, any>, c: any, keys: string[]) {\n  keys.forEach(key => {\n    c.prototype[key] = obj[key];\n  });\n}\nexport function rewriteProto(obj: Record<string, any>, c: Record<string, any>) {\n  Object.setPrototypeOf(obj, c);\n}\n\nexport const DefaultArcAttribute: Required<IArcGraphicAttribute> = {\n  ...DefaultAttribute,\n  startAngle: 0,\n  endAngle: pi2,\n  innerRadius: 0,\n  outerRadius: 1,\n  innerPadding: 0,\n  outerPadding: 0,\n  cornerRadius: 0,\n  padRadius: 0,\n  padAngle: 0,\n  cap: false,\n  forceShowCap: false\n};\n\nexport const DefaultAreaAttribute: Required<IAreaGraphicAttribute> = {\n  ...DefaultAttribute,\n  ...DefaultConnectAttribute,\n  points: [],\n  segments: [],\n  curveType: 'linear',\n  clipRange: 1,\n  closePath: false,\n  curveTension: 1\n};\n\nexport const DefaultCircleAttribute: Required<ICircleGraphicAttribute> = {\n  ...DefaultAttribute,\n  radius: 1,\n  startAngle: 0,\n  endAngle: pi2\n};\n\nexport const DefaultGroupAttribute: Required<IGroupGraphicAttribute> = {\n  ...DefaultAttribute,\n  width: 0,\n  height: 0,\n  cornerRadius: 0,\n  path: [],\n  clip: false,\n  visibleAll: true,\n  display: 'relative',\n  flexDirection: 'row',\n  flexWrap: 'wrap',\n  justifyContent: 'flex-start',\n  alignItems: 'flex-start',\n  alignContent: 'flex-start',\n  baseOpacity: 1\n};\n\nexport const DefaultGlyphAttribute: Required<IGlyphGraphicAttribute> = {\n  ...DefaultAttribute,\n  path: '',\n  width: 0,\n  height: 0,\n  cornerRadius: 0,\n  clip: false\n};\n\nexport const DefaultLineAttribute: Required<ILineGraphicAttribute> = {\n  ...DefaultAttribute,\n  ...DefaultConnectAttribute,\n  points: [],\n  segments: [],\n  curveType: 'linear',\n  clipRange: 1,\n  clipRangeByDimension: 'default',\n  closePath: false,\n  curveTension: 1\n};\n\nexport const DefaultPathAttribute: Required<IPathGraphicAttribute> = {\n  ...DefaultAttribute,\n  path: new CustomPath2D(),\n  fillStrokeOrder: 1,\n  customPath: () => {\n    Logger.getInstance().warn('空函数');\n  }\n};\n\nexport const DefaultPolygonAttribute: Required<IPolygonGraphicAttribute> = {\n  ...DefaultAttribute,\n  points: [],\n  cornerRadius: 0,\n  closePath: true\n};\n\nexport const DefaultRectAttribute: Required<IRectGraphicAttribute> = {\n  ...DefaultAttribute,\n  width: 0,\n  height: 0,\n  x1: 0,\n  y1: 0,\n  strokeBoundsBuffer: 0,\n  cornerRadius: 0\n};\n\nexport const DefaultRect3dAttribute: Required<IRect3dGraphicAttribute> = {\n  ...DefaultAttribute,\n  width: 0,\n  height: 0,\n  x1: 0,\n  y1: 0,\n  cornerRadius: 0,\n  length: 0\n};\n\nexport const DefaultSymbolAttribute: Required<ISymbolGraphicAttribute> = {\n  ...DefaultAttribute,\n  symbolType: 'circle',\n  size: 10, // 外接**正方形**的边长\n  keepDirIn3d: true\n};\n\nexport const DefaultTextAttribute: Required<ITextGraphicAttribute> = {\n  ...DefaultAttribute,\n  ...DefaultTextStyle,\n  strokeBoundsBuffer: 0,\n  keepDirIn3d: true\n};\n\nexport const DefaultRichTextAttribute: Required<IRichTextGraphicAttribute> = {\n  ...DefaultAttribute,\n  ...DefaultTextStyle,\n  editable: false,\n  width: 300,\n  height: 300,\n  ellipsis: true,\n  wordBreak: 'break-word' as RichTextWordBreak,\n  verticalDirection: 'top' as RichTextVerticalDirection,\n  textAlign: 'left' as RichTextGlobalAlignType,\n  textBaseline: 'top' as RichTextGlobalBaselineType,\n  layoutDirection: 'horizontal',\n  textConfig: [],\n  disableAutoWrapLine: false,\n  maxHeight: undefined,\n  maxWidth: undefined,\n  singleLine: false\n};\n\nexport const DefaultImageAttribute: Required<IImageGraphicAttribute> = {\n  repeatX: 'no-repeat',\n  repeatY: 'no-repeat',\n  image: '',\n  width: 0,\n  height: 0,\n  ...DefaultAttribute,\n  fill: true,\n  cornerRadius: 0\n};\n\nexport const DefaultRichTextIconAttribute: Required<IRichTextIconGraphicAttribute> = {\n  ...DefaultImageAttribute,\n  backgroundShowMode: 'never',\n  backgroundWidth: 0,\n  backgroundHeight: 0,\n  textAlign: 'left',\n  textBaseline: 'middle',\n  direction: 'horizontal',\n  margin: 0,\n  id: '',\n\n  width: 20,\n  height: 20,\n  backgroundFill: 'rgba(101, 117, 168, 0.1)',\n  backgroundFillOpacity: 1,\n  backgroundStroke: false,\n  backgroundStrokeOpacity: 1,\n  backgroundRadius: 4,\n  opacity: 1\n};\n"]}

package/es/graphic/text.js

@@ -118,7 +118,7 @@ export class Text extends Graphic {
     }
     updateHorizontalMultilineAABBBounds(text) {
         var _a;
-        const textTheme = this.getGraphicTheme(), attribute = this.attribute, {fontFamily: fontFamily = textTheme.fontFamily, textAlign: textAlign = textTheme.textAlign, textBaseline: textBaseline = textTheme.textBaseline, fontSize: fontSize = textTheme.fontSize, fontWeight: fontWeight = textTheme.fontWeight, ellipsis: ellipsis = textTheme.ellipsis, maxLineWidth: maxLineWidth, stroke: stroke = textTheme.stroke, wrap: wrap = textTheme.wrap, measureMode: measureMode = textTheme.measureMode, lineWidth: lineWidth = textTheme.lineWidth, whiteSpace: whiteSpace = textTheme.whiteSpace, suffixPosition: suffixPosition = textTheme.suffixPosition, ignoreBuf: ignoreBuf = textTheme.ignoreBuf} = attribute, buf = ignoreBuf ? 0 : this.guessLineHeightBuf(fontSize), lineHeight = this.getLineHeight(attribute, textTheme) + buf;
+        const textTheme = this.getGraphicTheme(), attribute = this.attribute, {fontFamily: fontFamily = textTheme.fontFamily, textAlign: textAlign = textTheme.textAlign, textBaseline: textBaseline = textTheme.textBaseline, fontSize: fontSize = textTheme.fontSize, fontWeight: fontWeight = textTheme.fontWeight, ellipsis: ellipsis = textTheme.ellipsis, maxLineWidth: maxLineWidth, stroke: stroke = textTheme.stroke, wrap: wrap = textTheme.wrap, measureMode: measureMode = textTheme.measureMode, lineWidth: lineWidth = textTheme.lineWidth, whiteSpace: whiteSpace = textTheme.whiteSpace, suffixPosition: suffixPosition = textTheme.suffixPosition, ignoreBuf: ignoreBuf = textTheme.ignoreBuf, keepCenterInLine: keepCenterInLine = textTheme.keepCenterInLine} = attribute, buf = ignoreBuf ? 0 : this.guessLineHeightBuf(fontSize), lineHeight = this.getLineHeight(attribute, textTheme) + buf;
         if ("normal" === whiteSpace || wrap) return this.updateWrapAABBBounds(text);
         if (!this.shouldUpdateShape() && (null === (_a = this.cache) || void 0 === _a ? void 0 : _a.layoutData)) {
             const bbox = this.cache.layoutData.bbox;
@@ -133,14 +133,15 @@ export class Text extends Graphic {
         }, textMeasure).GetLayoutByLines(text, textAlign, textBaseline, lineHeight, !0 === ellipsis ? textTheme.ellipsis : ellipsis || void 0, !1, {
             lineWidth: maxLineWidth,
             suffixPosition: suffixPosition,
-            measureMode: measureMode
+            measureMode: measureMode,
+            keepCenterInLine: keepCenterInLine
         }), {bbox: bbox} = layoutData;
         return this.cache.layoutData = layoutData, this.clearUpdateShapeTag(), this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), 
         stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
     }
     updateWrapAABBBounds(text) {
         var _a, _b, _c;
-        const textTheme = this.getGraphicTheme(), {fontFamily: fontFamily = textTheme.fontFamily, textAlign: textAlign = textTheme.textAlign, textBaseline: textBaseline = textTheme.textBaseline, fontSize: fontSize = textTheme.fontSize, ellipsis: ellipsis = textTheme.ellipsis, maxLineWidth: maxLineWidth, stroke: stroke = textTheme.stroke, lineWidth: lineWidth = textTheme.lineWidth, wordBreak: wordBreak = textTheme.wordBreak, fontWeight: fontWeight = textTheme.fontWeight, ignoreBuf: ignoreBuf = textTheme.ignoreBuf, measureMode: measureMode = textTheme.measureMode, suffixPosition: suffixPosition = textTheme.suffixPosition, heightLimit: heightLimit = 0, lineClamp: lineClamp} = this.attribute, buf = ignoreBuf ? 0 : this.guessLineHeightBuf(fontSize), lineHeight = this.getLineHeight(this.attribute, textTheme) + buf;
+        const textTheme = this.getGraphicTheme(), {fontFamily: fontFamily = textTheme.fontFamily, textAlign: textAlign = textTheme.textAlign, textBaseline: textBaseline = textTheme.textBaseline, fontSize: fontSize = textTheme.fontSize, ellipsis: ellipsis = textTheme.ellipsis, maxLineWidth: maxLineWidth, stroke: stroke = textTheme.stroke, lineWidth: lineWidth = textTheme.lineWidth, wordBreak: wordBreak = textTheme.wordBreak, fontWeight: fontWeight = textTheme.fontWeight, ignoreBuf: ignoreBuf = textTheme.ignoreBuf, measureMode: measureMode = textTheme.measureMode, suffixPosition: suffixPosition = textTheme.suffixPosition, heightLimit: heightLimit = 0, lineClamp: lineClamp, keepCenterInLine: keepCenterInLine = textTheme.keepCenterInLine} = this.attribute, buf = ignoreBuf ? 0 : this.guessLineHeightBuf(fontSize), lineHeight = this.getLineHeight(this.attribute, textTheme) + buf;
         if (!this.shouldUpdateShape() && (null === (_a = this.cache) || void 0 === _a ? void 0 : _a.layoutData)) {
             const bbox = this.cache.layoutData.bbox;
             return this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), 
@@ -164,7 +165,8 @@ export class Text extends Graphic {
                         str: clip.str,
                         width: clip.width,
                         ascent: matrics.ascent,
-                        descent: matrics.descent
+                        descent: matrics.descent,
+                        keepCenterInLine: keepCenterInLine
                     });
                     break;
                 }
@@ -181,7 +183,8 @@ export class Text extends Graphic {
                     str: clip.str,
                     width: clip.width,
                     ascent: matrics.ascent,
-                    descent: matrics.descent
+                    descent: matrics.descent,
+                    keepCenterInLine: keepCenterInLine
                 });
                 let cutLength = clip.str.length;
                 if (!clip.wordBreaked || "" !== str && "" === clip.str || (needCut = !0, cutLength = clip.wordBreaked), 
@@ -203,7 +206,8 @@ export class Text extends Graphic {
                         str: clip.str,
                         width: clip.width,
                         ascent: matrics.ascent,
-                        descent: matrics.descent
+                        descent: matrics.descent,
+                        keepCenterInLine: keepCenterInLine
                     }), lineWidth = Math.max(lineWidth, clip.width);
                     break;
                 }
@@ -213,7 +217,8 @@ export class Text extends Graphic {
                     str: text,
                     width: width,
                     ascent: matrics.ascent,
-                    descent: matrics.descent
+                    descent: matrics.descent,
+                    keepCenterInLine: keepCenterInLine
                 });
             }
             bboxWH[0] = lineWidth;