@visactor/vutils 0.9.0-alpha.0

package/cjs/graphics/polygon.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.polygonIntersectPolygon = exports.isPointInLine = exports.polygonContainPoint = exports.lineIntersectPolygon = void 0;
+
+const algorithm_1 = require("./algorithm"), EPSILON = 1e-8;
+
+function lineIntersectPolygon(a1x, a1y, a2x, a2y, points) {
+    for (let i = 0, p2 = points[points.length - 1]; i < points.length; i++) {
+        const p = points[i];
+        if ((0, algorithm_1.isIntersect)([ a1x, a1y ], [ a2x, a2y ], [ p.x, p.y ], [ p2.x, p2.y ])) return !0;
+        p2 = p;
+    }
+    return !1;
+}
+
+function polygonContainPoint(points, x, y) {
+    let w = 0, p = points[0];
+    if (!p) return !1;
+    for (let i = 1; i < points.length; i++) {
+        const p2 = points[i];
+        w += isPointInLine(p.x, p.y, p2.x, p2.y, x, y), p = p2;
+    }
+    const p0 = points[0];
+    return isAroundEqual(p.x, p0.x) && isAroundEqual(p.y, p0.y) || (w += isPointInLine(p.x, p.y, p0.x, p0.y, x, y)), 
+    0 !== w;
+}
+
+function isPointInLine(x0, y0, x1, y1, x, y) {
+    if (y > y0 && y > y1 || y < y0 && y < y1) return 0;
+    if (y1 === y0) return 0;
+    const t = (y - y0) / (y1 - y0);
+    let dir = y1 < y0 ? 1 : -1;
+    1 !== t && 0 !== t || (dir = y1 < y0 ? .5 : -.5);
+    const x_ = t * (x1 - x0) + x0;
+    return x_ === x ? 1 / 0 : x_ > x ? dir : 0;
+}
+
+function isAroundEqual(a, b) {
+    return Math.abs(a - b) < EPSILON;
+}
+
+function polygonIntersectPolygon(pointsA, pointsB) {
+    for (let i = 0; i < pointsB.length; i++) {
+        if (polygonContainPoint(pointsA, pointsB[i].x, pointsB[i].y)) return !0;
+        if (i > 0 && lineIntersectPolygon(pointsB[i - 1].x, pointsB[i - 1].y, pointsB[i].x, pointsB[i].y, pointsA)) return !0;
+    }
+    return !1;
+}
+
+exports.lineIntersectPolygon = lineIntersectPolygon, exports.polygonContainPoint = polygonContainPoint, 
+exports.isPointInLine = isPointInLine, exports.polygonIntersectPolygon = polygonIntersectPolygon;
+//# sourceMappingURL=polygon.js.map

package/cjs/graphics/polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphics/polygon.ts"],"names":[],"mappings":"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","file":"polygon.js","sourcesContent":["import type { IPointLike } from '../data-structure';\nimport { isIntersect } from './algorithm';\n\nconst EPSILON = 1e-8;\n\n// Adapted from https://github.com/apache/echarts/blob/master/src/util/graphic.ts by striezel\n// License: https://github.com/apache/echarts/blob/master/LICENSE\n/**\n * Return `true` if the given line (line `a`) and the given polygon\n * are intersect.\n * Note that we do not count colinear as intersect here because no\n * requirement for that. We could do that if required in future.\n */\nexport function lineIntersectPolygon(\n  a1x: number,\n  a1y: number,\n  a2x: number,\n  a2y: number,\n  points: IPointLike[]\n): boolean {\n  for (let i = 0, p2 = points[points.length - 1]; i < points.length; i++) {\n    const p = points[i];\n    if (isIntersect([a1x, a1y], [a2x, a2y], [p.x, p.y], [p2.x, p2.y])) {\n      return true;\n    }\n    p2 = p;\n  }\n  return false;\n}\n\n// Adapted from https://github.com/ecomfe/zrender/blob/master/src/contain/polygon.ts by pissang\n// License: https://github.com/ecomfe/zrender/blob/master/LICENSE\nexport function polygonContainPoint(points: IPointLike[], x: number, y: number) {\n  let w = 0;\n  let p = points[0];\n\n  if (!p) {\n    return false;\n  }\n\n  for (let i = 1; i < points.length; i++) {\n    const p2 = points[i];\n    w += isPointInLine(p.x, p.y, p2.x, p2.y, x, y);\n    p = p2;\n  }\n\n  // Close polygon\n  const p0 = points[0];\n  if (!isAroundEqual(p.x, p0.x) || !isAroundEqual(p.y, p0.y)) {\n    w += isPointInLine(p.x, p.y, p0.x, p0.y, x, y);\n  }\n\n  return w !== 0;\n}\n\n// Adapted from https://github.com/ecomfe/zrender/blob/master/src/contain/windingLine.ts by pissang\n// License: https://github.com/ecomfe/zrender/blob/master/LICENSE\nexport function isPointInLine(x0: number, y0: number, x1: number, y1: number, x: number, y: number): number {\n  if ((y > y0 && y > y1) || (y < y0 && y < y1)) {\n    return 0;\n  }\n  // Ignore horizontal line\n  if (y1 === y0) {\n    return 0;\n  }\n  const t = (y - y0) / (y1 - y0);\n\n  let dir = y1 < y0 ? 1 : -1;\n  // Avoid winding error when intersection point is the connect point of two line of polygon\n  if (t === 1 || t === 0) {\n    dir = y1 < y0 ? 0.5 : -0.5;\n  }\n\n  const x_ = t * (x1 - x0) + x0;\n\n  // If (x, y) on the line, considered as \"contain\".\n  return x_ === x ? Infinity : x_ > x ? dir : 0;\n}\n\n// Adapted from https://github.com/ecomfe/zrender/blob/master/src/contain/polygon.ts by pissang\n// License: https://github.com/ecomfe/zrender/blob/master/LICENSE\nfunction isAroundEqual(a: number, b: number): boolean {\n  return Math.abs(a - b) < EPSILON;\n}\n\n/**\n * polygon图元之间是否相交\n * @param pointsA 图元A的points\n * @param pointsB 图元B的points\n * @returns 是否相交\n */\nexport function polygonIntersectPolygon(pointsA: IPointLike[], pointsB: IPointLike[]) {\n  for (let i = 0; i < pointsB.length; i++) {\n    if (polygonContainPoint(pointsA, pointsB[i].x, pointsB[i].y)) {\n      return true;\n    }\n    if (i > 0 && lineIntersectPolygon(pointsB[i - 1].x, pointsB[i - 1].y, pointsB[i].x, pointsB[i].y, pointsA)) {\n      return true;\n    }\n  }\n  return false;\n}\n"]}

package/cjs/graphics/text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as stringWidth, eastAsianCharacterInfo } from './stringWidth';
+export * from './measure';

package/cjs/graphics/text/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+}, __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.eastAsianCharacterInfo = exports.stringWidth = void 0;
+
+var stringWidth_1 = require("./stringWidth");
+
+Object.defineProperty(exports, "stringWidth", {
+    enumerable: !0,
+    get: function() {
+        return __importDefault(stringWidth_1).default;
+    }
+}), Object.defineProperty(exports, "eastAsianCharacterInfo", {
+    enumerable: !0,
+    get: function() {
+        return stringWidth_1.eastAsianCharacterInfo;
+    }
+}), __exportStar(require("./measure"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/graphics/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphics/text/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6CAA+E;AAAtE,2HAAA,OAAO,OAAe;AAAE,qHAAA,sBAAsB,OAAA;AACvD,4CAA0B","file":"index.js","sourcesContent":["export { default as stringWidth, eastAsianCharacterInfo } from './stringWidth';\nexport * from './measure';\n"]}

package/cjs/graphics/text/measure/index.d.ts

@@ -0,0 +1,4 @@
+export * from './textMeasure';
+export * from './interface';
+export * from './test';
+export * from './util';

package/cjs/graphics/text/measure/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./textMeasure"), exports), __exportStar(require("./interface"), exports), 
+__exportStar(require("./test"), exports), __exportStar(require("./util"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/graphics/text/measure/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphics/text/measure/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,8CAA4B;AAC5B,yCAAuB;AACvB,yCAAuB","file":"index.js","sourcesContent":["export * from './textMeasure';\nexport * from './interface';\nexport * from './test';\nexport * from './util';\n"]}

package/cjs/graphics/text/measure/interface.d.ts

@@ -0,0 +1,31 @@
+import type { IBounds } from '../../../data-structure';
+export type TextMeasureMethod = 'simple' | 'quick' | 'canvas' | 'canopus';
+export interface ITextSize {
+    width: number;
+    height: number;
+}
+export interface ITextFontParams {
+    fontStyle: string;
+    fontVariant: string;
+    fontWeight: string | number;
+    fontSize: number;
+    fontFamily: string;
+}
+export interface ITextMeasureSpec extends Partial<ITextFontParams> {
+    fontSize: number;
+    fontFamily: string;
+    align?: string;
+    textAlign: string;
+    baseline?: string;
+    textBaseline: string;
+    ellipsis?: string | boolean;
+    limit?: number;
+    lineHeight?: number;
+}
+export interface ITextMeasureOption {
+    defaultFontParams?: Partial<ITextFontParams>;
+    specialCharSet?: string;
+    getTextBounds?: (params: any) => IBounds;
+    getCanvasForMeasure?: () => any;
+}
+export type TextMeasureInput = number | string | (number | string)[];

package/cjs/graphics/text/measure/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/graphics/text/measure/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphics/text/measure/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IBounds } from '../../../data-structure';\n\n/**\n * 文本估算方法\n * simple：完全不调用 canopus，快速文本大小估算，速度最快、最粗糙\n * canvas：调用原生 canvas 的文本大小估算，宽度较精准，高度为估算\n * canopus：调用 canopus 的文本大小估算，速度最慢、最精细\n * quick（默认）：部分调用 canopus 的文本大小估算，速度和精确度平衡\n */\nexport type TextMeasureMethod = 'simple' | 'quick' | 'canvas' | 'canopus';\n\nexport interface ITextSize {\n  width: number;\n  height: number;\n}\n\n// FIXME: from Canopus\nexport interface ITextFontParams {\n  fontStyle: string;\n  fontVariant: string;\n  fontWeight: string | number;\n  fontSize: number;\n  fontFamily: string;\n}\n\n/** 文本测量需要用到的text spec */\nexport interface ITextMeasureSpec extends Partial<ITextFontParams> {\n  fontSize: number;\n  fontFamily: string;\n  align?: string;\n  textAlign: string;\n  baseline?: string;\n  textBaseline: string;\n  ellipsis?: string | boolean;\n  limit?: number;\n  lineHeight?: number;\n}\n\nexport interface ITextMeasureOption {\n  /** 默认字体属性 */\n  defaultFontParams?: Partial<ITextFontParams>;\n\n  /** 特殊字符集 */\n  specialCharSet?: string;\n\n  /** 来自 canopus 的测量方法 */\n  getTextBounds?: (params: any) => IBounds;\n\n  /** 外部获取 canvas 的方法（小组件工作台移动端无法创建公共canvas，需要传入） */\n  getCanvasForMeasure?: () => any;\n}\n\nexport type TextMeasureInput = number | string | (number | string)[];\n"]}

package/cjs/graphics/text/measure/test.d.ts

@@ -0,0 +1,14 @@
+import type { ITextMeasureSpec, ITextSize, TextMeasureMethod } from './interface';
+import { TextMeasure } from './textMeasure';
+export declare const getTestNumbers: (length: number) => string;
+export declare const getTestWord: (length: number) => string;
+export declare class TestTextMeasure<T extends Partial<ITextMeasureSpec>> extends TextMeasure<T> {
+    test(methods?: TextMeasureMethod[], getStrCallback?: () => string, count?: number): {
+        report: Record<string, {
+            errMean?: ITextSize;
+            errVar?: ITextSize;
+            time: number;
+        }>;
+        textArr: string[];
+    };
+}

package/cjs/graphics/text/measure/test.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TestTextMeasure = exports.getTestWord = exports.getTestNumbers = void 0;
+
+const common_1 = require("../../../common"), textMeasure_1 = require("./textMeasure"), getNumberChar = () => TestTextMeasure.NUMBERS_CHAR_SET[Math.floor(Math.random() * TestTextMeasure.NUMBERS_CHAR_SET.length)], getTestNumbers = length => Array(length).fill(0).map(getNumberChar).join("");
+
+exports.getTestNumbers = getTestNumbers;
+
+const getLetterChar = () => TestTextMeasure.ALPHABET_CHAR_SET[Math.floor(Math.random() * TestTextMeasure.ALPHABET_CHAR_SET.length)], getTestWord = length => Array(length).fill(0).map(getLetterChar).join("");
+
+exports.getTestWord = getTestWord;
+
+class TestTextMeasure extends textMeasure_1.TextMeasure {
+    test(methods, getStrCallback, count) {
+        const mean = numbers => (numbers => numbers.reduce(((sum, cur) => sum + cur), 0))(numbers) / numbers.length, variance = numbers => {
+            const m = mean(numbers);
+            return mean(numbers.map((num => Math.pow(num - m, 2))));
+        }, callback = null != getStrCallback ? getStrCallback : () => `测试${(0, exports.getTestWord)(8)} ${(0, 
+        exports.getTestNumbers)(4)}/${(0, exports.getTestNumbers)(2)}-${(0, exports.getTestNumbers)(2)}`, textArr = Array(null != count ? count : 1e5).fill(0).map(callback), methodMap = {
+            canopus: this.fullMeasure.bind(this),
+            canvas: this.measureWithNaiveCanvas.bind(this),
+            simple: this.quickMeasureWithoutCanvas.bind(this),
+            quick: this.quickMeasure.bind(this),
+            old: text => {
+                if ((0, common_1.isNil)(text)) return {
+                    width: 0,
+                    height: 0
+                };
+                const str = text.toString(), {fontSize: fontSize} = this.textSpec;
+                return {
+                    width: .8 * fontSize * str.length,
+                    height: fontSize
+                };
+            }
+        }, methodList = null != methods ? methods : Object.keys(methodMap), report = {}, timetmp = performance.now(), standardResult = textArr.map(this._standardMethod), standardTime = performance.now() - timetmp;
+        return report.standard = {
+            time: standardTime
+        }, methodList.forEach((method => {
+            const testMethod = methodMap[method];
+            if (testMethod) {
+                const timetmp = performance.now(), testResult = textArr.map(testMethod), testTime = performance.now() - timetmp, errList = textArr.map(((_, i) => ({
+                    width: testResult[i].width - standardResult[i].width,
+                    height: testResult[i].height - standardResult[i].height
+                })));
+                report[method] = {
+                    errMean: {
+                        width: mean(errList.map((e => e.width))),
+                        height: mean(errList.map((e => e.height)))
+                    },
+                    errVar: {
+                        width: variance(errList.map((e => e.width))),
+                        height: variance(errList.map((e => e.height)))
+                    },
+                    time: testTime
+                };
+            }
+        })), {
+            report: report,
+            textArr: textArr
+        };
+    }
+}
+
+exports.TestTextMeasure = TestTextMeasure;
+//# sourceMappingURL=test.js.map

package/cjs/graphics/text/measure/test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphics/text/measure/test.ts"],"names":[],"mappings":"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","file":"test.js","sourcesContent":["import { isNil } from '../../../common';\nimport type { ITextMeasureSpec, ITextSize, TextMeasureMethod } from './interface';\nimport { TextMeasure } from './textMeasure';\n\nconst getNumberChar = () => {\n  return TestTextMeasure.NUMBERS_CHAR_SET[Math.floor(Math.random() * TestTextMeasure.NUMBERS_CHAR_SET.length)];\n};\nexport const getTestNumbers = (length: number) => Array(length).fill(0).map(getNumberChar).join('');\n\nconst getLetterChar = () => {\n  return TestTextMeasure.ALPHABET_CHAR_SET[Math.floor(Math.random() * TestTextMeasure.ALPHABET_CHAR_SET.length)];\n};\nexport const getTestWord = (length: number) => Array(length).fill(0).map(getLetterChar).join('');\n\nexport class TestTextMeasure<T extends Partial<ITextMeasureSpec>> extends TextMeasure<T> {\n  /** 测试方法 */\n  test(methods?: TextMeasureMethod[], getStrCallback?: () => string, count?: number) {\n    const sub = (numbers: number[]) => numbers.reduce((sum, cur) => sum + cur, 0);\n    const mean = (numbers: number[]) => sub(numbers) / numbers.length;\n    const variance = (numbers: number[]) => {\n      const m = mean(numbers);\n      return mean(numbers.map(num => Math.pow(num - m, 2)));\n    };\n\n    const callback =\n      getStrCallback ?? (() => `测试${getTestWord(8)} ${getTestNumbers(4)}/${getTestNumbers(2)}-${getTestNumbers(2)}`);\n    // 测试文本\n    const textArr = Array(count ?? 100000)\n      .fill(0)\n      .map(callback);\n\n    const methodMap: Record<string, (text: number | string) => ITextSize> = {\n      canopus: this.fullMeasure.bind(this),\n      canvas: this.measureWithNaiveCanvas.bind(this),\n      simple: this.quickMeasureWithoutCanvas.bind(this),\n      quick: this.quickMeasure.bind(this),\n      old: (text: number | string) => {\n        if (isNil(text)) {\n          return { width: 0, height: 0 };\n        }\n        const str = text.toString();\n        const { fontSize } = this.textSpec;\n        return {\n          width: fontSize * 0.8 * str.length,\n          height: fontSize\n        };\n      }\n    };\n    const methodList = methods ?? Object.keys(methodMap);\n\n    const report: Record<\n      keyof typeof methodMap,\n      {\n        errMean?: ITextSize;\n        errVar?: ITextSize;\n        time: number;\n      }\n    > = {} as any;\n\n    // 标准方法\n    const timetmp = performance.now();\n    const standardResult = textArr.map(this._standardMethod);\n    const standardTime = performance.now() - timetmp;\n    report.standard = {\n      time: standardTime\n    };\n\n    // 测试方法\n    methodList.forEach(method => {\n      const testMethod = methodMap[method];\n      if (testMethod) {\n        const timetmp = performance.now();\n        const testResult = textArr.map(testMethod as (text: number | string) => ITextSize);\n        const testTime = performance.now() - timetmp;\n        // 计算误差\n        const errList = textArr.map(\n          (_, i) =>\n            ({\n              width: testResult[i].width - standardResult[i].width,\n              height: testResult[i].height - standardResult[i].height\n            } as ITextSize)\n        );\n        report[method] = {\n          errMean: {\n            width: mean(errList.map(e => e.width)),\n            height: mean(errList.map(e => e.height))\n          },\n          errVar: {\n            width: variance(errList.map(e => e.width)),\n            height: variance(errList.map(e => e.height))\n          },\n          time: testTime\n        };\n      }\n    });\n\n    return {\n      report,\n      textArr\n    };\n  }\n}\n"]}

package/cjs/graphics/text/measure/textMeasure.d.ts

@@ -0,0 +1,38 @@
+import type { Maybe } from '../../../type';
+import type { ITextMeasureOption, ITextMeasureSpec, ITextSize, TextMeasureInput, TextMeasureMethod } from './interface';
+export declare class TextMeasure<T extends Partial<ITextMeasureSpec>> {
+    static readonly ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz";
+    static readonly NUMBERS_CHAR_SET = "0123456789";
+    static readonly FULL_SIZE_CHAR = "\u5B57";
+    _numberCharSize: Maybe<ITextSize>;
+    _fullCharSize: Maybe<ITextSize>;
+    _letterCharSize: Maybe<ITextSize>;
+    _specialCharSizeMap: Record<string, ITextSize>;
+    protected _canvas: Maybe<HTMLCanvasElement>;
+    protected _context: Maybe<CanvasRenderingContext2D>;
+    protected _contextSaved: boolean;
+    protected _notSupportCanvas: boolean;
+    protected _notSupportCanopus: boolean;
+    protected readonly _userSpec: Partial<T>;
+    textSpec: ITextMeasureSpec;
+    protected readonly _option: ITextMeasureOption;
+    protected readonly _standardMethod: (text: TextMeasureInput) => ITextSize;
+    specialCharSet: string;
+    constructor(option: ITextMeasureOption, textSpec?: Partial<T>);
+    initContext(): boolean;
+    protected _initSpec(): ITextMeasureSpec;
+    measure(text: TextMeasureInput, method?: TextMeasureMethod): ITextSize;
+    fullMeasure(text: TextMeasureInput): ITextSize;
+    measureWithNaiveCanvas(text: TextMeasureInput): ITextSize;
+    protected _measureWithNaiveCanvas(text: string): ITextSize;
+    quickMeasure(text: TextMeasureInput): ITextSize;
+    protected _quickMeasure(text: string): ITextSize;
+    quickMeasureWithoutCanvas(text: TextMeasureInput): ITextSize;
+    protected _quickMeasureWithoutCanvas(text: string): ITextSize;
+    protected _measureReduce(text: TextMeasureInput, processor: (str: string) => ITextSize): ITextSize;
+    protected _measureNumberChar(): ITextSize;
+    protected _measureFullSizeChar(): ITextSize;
+    protected _measureLetterChar(): ITextSize;
+    protected _measureSpecialChar(char: string): Maybe<ITextSize>;
+    release(): void;
+}

package/cjs/graphics/text/measure/textMeasure.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TextMeasure = void 0;
+
+const common_1 = require("../../../common"), stringWidth_1 = require("../stringWidth"), util_1 = require("./util");
+
+class TextMeasure {
+    constructor(option, textSpec) {
+        this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, 
+        this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, 
+        this._notSupportCanvas = !1, this._notSupportCanopus = !1, this._userSpec = {}, 
+        this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, 
+        this.textSpec = this._initSpec(), (0, common_1.isValid)(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), 
+        this._standardMethod = (0, common_1.isValid)(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
+    }
+    initContext() {
+        if (this._notSupportCanvas) return !1;
+        if ((0, common_1.isNil)(this._canvas) && ((0, common_1.isValid)(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), 
+        (0, common_1.isNil)(this._canvas) && (0, common_1.isValid)(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), 
+        (0, common_1.isNil)(this._context) && (0, common_1.isValid)(this._canvas)) {
+            const context = this._canvas.getContext("2d");
+            (0, common_1.isValid)(context) && (context.save(), context.font = (0, util_1.getContextFont)(this.textSpec), 
+            this._contextSaved = !0, this._context = context);
+        }
+        return !(0, common_1.isNil)(this._context) || (this._notSupportCanvas = !0, !1);
+    }
+    _initSpec() {
+        var _a, _b, _c;
+        const {defaultFontParams: defaultFontParams = {}} = this._option, {fontStyle: fontStyle = defaultFontParams.fontStyle, fontVariant: fontVariant = defaultFontParams.fontVariant, fontWeight: fontWeight = (null !== (_a = defaultFontParams.fontWeight) && void 0 !== _a ? _a : "normal"), fontSize: fontSize = (null !== (_b = defaultFontParams.fontSize) && void 0 !== _b ? _b : 12), fontFamily: fontFamily = (null !== (_c = defaultFontParams.fontFamily) && void 0 !== _c ? _c : "sans-serif"), align: align, textAlign: textAlign = (null != align ? align : "center"), baseline: baseline, textBaseline: textBaseline = (null != baseline ? baseline : "middle"), ellipsis: ellipsis, limit: limit, lineHeight: lineHeight = fontSize} = this._userSpec;
+        return {
+            fontStyle: fontStyle,
+            fontVariant: fontVariant,
+            fontFamily: fontFamily,
+            fontSize: fontSize,
+            fontWeight: fontWeight,
+            textAlign: textAlign,
+            textBaseline: textBaseline,
+            ellipsis: ellipsis,
+            limit: limit,
+            lineHeight: lineHeight
+        };
+    }
+    measure(text, method) {
+        switch (method) {
+          case "canopus":
+            return this.fullMeasure(text);
+
+          case "canvas":
+            return this.measureWithNaiveCanvas(text);
+
+          case "simple":
+            return this.quickMeasureWithoutCanvas(text);
+
+          default:
+            return this.quickMeasure(text);
+        }
+    }
+    fullMeasure(text) {
+        if ((0, common_1.isNil)(text)) return {
+            width: 0,
+            height: 0
+        };
+        if ((0, common_1.isNil)(this._option.getTextBounds) || !this._notSupportCanopus) return this.measureWithNaiveCanvas(text);
+        const {fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight, textAlign: textAlign, textBaseline: textBaseline, ellipsis: ellipsis, limit: limit, lineHeight: lineHeight} = this.textSpec;
+        let size;
+        try {
+            const bounds = this._option.getTextBounds({
+                text: text,
+                fontFamily: fontFamily,
+                fontSize: fontSize,
+                fontWeight: fontWeight,
+                textAlign: textAlign,
+                textBaseline: textBaseline,
+                ellipsis: !!ellipsis,
+                maxLineWidth: limit || 1 / 0,
+                lineHeight: lineHeight
+            });
+            size = {
+                width: bounds.width(),
+                height: bounds.height()
+            };
+        } catch (e) {
+            this._notSupportCanopus = !0, size = this.measureWithNaiveCanvas(text);
+        }
+        return size;
+    }
+    measureWithNaiveCanvas(text) {
+        return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
+    }
+    _measureWithNaiveCanvas(text) {
+        if (!this.initContext()) return this._quickMeasureWithoutCanvas(text);
+        const metrics = this._context.measureText(text), {fontSize: fontSize, lineHeight: lineHeight} = this.textSpec;
+        return {
+            width: metrics.width,
+            height: null != lineHeight ? lineHeight : fontSize
+        };
+    }
+    quickMeasure(text) {
+        return this._measureReduce(text, this._quickMeasure.bind(this));
+    }
+    _quickMeasure(text) {
+        const totalSize = {
+            width: 0,
+            height: 0
+        };
+        for (let i = 0; i < text.length; i++) {
+            const char = text[i];
+            let size = this._measureSpecialChar(char);
+            (0, common_1.isNil)(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), 
+            (0, common_1.isNil)(size) && [ "F", "W" ].includes((0, stringWidth_1.eastAsianCharacterInfo)(char)) && (size = this._measureFullSizeChar()), 
+            (0, common_1.isNil)(size) && (size = this._measureLetterChar()), totalSize.width += size.width, 
+            totalSize.height = Math.max(totalSize.height, size.height);
+        }
+        return totalSize;
+    }
+    quickMeasureWithoutCanvas(text) {
+        return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
+    }
+    _quickMeasureWithoutCanvas(text) {
+        const totalSize = {
+            width: 0,
+            height: 0
+        }, {fontSize: fontSize, lineHeight: lineHeight} = this.textSpec;
+        for (let i = 0; i < text.length; i++) {
+            const char = text[i], size = [ "F", "W" ].includes((0, stringWidth_1.eastAsianCharacterInfo)(char)) ? 1 : .53;
+            totalSize.width += size * fontSize;
+        }
+        return totalSize.height = null != lineHeight ? lineHeight : fontSize, totalSize;
+    }
+    _measureReduce(text, processor) {
+        const {fontSize: fontSize, lineHeight: lineHeight} = this.textSpec, defaultResult = {
+            width: 0,
+            height: 0
+        };
+        if ((0, common_1.isNil)(text)) return defaultResult;
+        if ((0, common_1.isArray)(text)) {
+            const textArr = text.filter(common_1.isValid).map((s => s.toString()));
+            return 0 === textArr.length ? defaultResult : 1 === textArr.length ? processor(textArr[0]) : {
+                width: textArr.reduce(((maxWidth, cur) => Math.max(maxWidth, processor(cur).width)), 0),
+                height: textArr.length * ((null != lineHeight ? lineHeight : fontSize) + 1) + 1
+            };
+        }
+        return processor(text.toString());
+    }
+    _measureNumberChar() {
+        if ((0, common_1.isNil)(this._numberCharSize)) {
+            const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
+            this._numberCharSize = {
+                width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
+                height: numberBounds.height
+            };
+        }
+        return this._numberCharSize;
+    }
+    _measureFullSizeChar() {
+        return (0, common_1.isNil)(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), 
+        this._fullCharSize;
+    }
+    _measureLetterChar() {
+        if ((0, common_1.isNil)(this._letterCharSize)) {
+            const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
+            this._letterCharSize = {
+                width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
+                height: alphabetBounds.height
+            };
+        }
+        return this._letterCharSize;
+    }
+    _measureSpecialChar(char) {
+        return (0, common_1.isValid)(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), 
+        this._specialCharSizeMap[char]) : null;
+    }
+    release() {
+        (0, common_1.isValid)(this._canvas) && (this._canvas = null), (0, common_1.isValid)(this._context) && (this._contextSaved && (this._context.restore(), 
+        this._contextSaved = !1), this._context = null);
+    }
+}
+
+exports.TextMeasure = TextMeasure, TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", 
+TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
+//# sourceMappingURL=textMeasure.js.map

package/cjs/graphics/text/measure/textMeasure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphics/text/measure/textMeasure.ts"],"names":[],"mappings":";;;AAAA,4CAA0D;AAE1D,gDAAwD;AAExD,iCAAwC;AAExC,MAAa,WAAW;IA4CtB,YAAY,MAA0B,EAAE,QAAqB;QAjC7D,oBAAe,GAAqB,IAAI,CAAC;QAGzC,kBAAa,GAAqB,IAAI,CAAC;QAGvC,oBAAe,GAAqB,IAAI,CAAC;QAGzC,wBAAmB,GAA8B,EAAE,CAAC;QAG1C,YAAO,GAA6B,IAAI,CAAC;QACzC,aAAQ,GAAoC,IAAI,CAAC;QACjD,kBAAa,GAAY,KAAK,CAAC;QAG/B,sBAAiB,GAAY,KAAK,CAAC;QAEnC,uBAAkB,GAAY,KAAK,CAAC;QAG3B,cAAS,GAAe,EAAE,CAAC;QAS9C,mBAAc,GAAW,cAAc,CAAC;QAGtC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QACjC,IAAI,IAAA,gBAAO,EAAC,MAAM,CAAC,cAAc,CAAC,EAAE;YAClC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;SAC7C;QACD,IAAI,CAAC,eAAe,GAAG,IAAA,gBAAO,EAAC,MAAM,CAAC,aAAa,CAAC;YAClD,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAGD,WAAW;QACT,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,OAAO,KAAK,CAAC;SACd;QACD,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACvB,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE;gBAC7C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;aACnD;YACD,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAA,gBAAO,EAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;gBAEvD,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;aAC5D;SACF;QACD,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACjD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAC9C,IAAI,IAAA,gBAAO,EAAC,OAAO,CAAC,EAAE;gBACpB,OAAO,CAAC,IAAI,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,GAAG,IAAA,qBAAc,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC7C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC1B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;aACzB;SACF;QACD,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACxB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAC9B,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAES,SAAS;;QACjB,MAAM,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAChD,MAAM,EACJ,SAAS,GAAG,iBAAiB,CAAC,SAAS,EACvC,WAAW,GAAG,iBAAiB,CAAC,WAAW,EAC3C,UAAU,GAAG,MAAA,iBAAiB,CAAC,UAAU,mCAAI,QAAQ,EACrD,QAAQ,GAAG,MAAA,iBAAiB,CAAC,QAAQ,mCAAI,EAAE,EAC3C,UAAU,GAAG,MAAA,iBAAiB,CAAC,UAAU,mCAAI,YAAY,EACzD,KAAK,EACL,SAAS,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,QAAQ,EAC7B,QAAQ,EACR,YAAY,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,QAAQ,EACnC,QAAQ,EACR,KAAK,EACL,UAAU,GAAG,QAAQ,EACtB,GAAG,IAAI,CAAC,SAAS,CAAC;QAEnB,OAAO;YACL,SAAS;YACT,WAAW;YACX,UAAU;YACV,QAAQ;YACR,UAAU;YACV,SAAS;YACT,YAAY;YACZ,QAAQ;YACR,KAAK;YACL,UAAU;SACX,CAAC;IACJ,CAAC;IAGD,OAAO,CAAC,IAAsB,EAAE,MAA0B;QACxD,QAAQ,MAAM,EAAE;YACd,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAChC,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;YAC3C,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;YAC9C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAClC;IACH,CAAC;IAGD,WAAW,CAAC,IAAsB;QAChC,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,EAAE;YACf,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;SAChC;QACD,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YACjE,OAAO,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAC1C;QACD,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QACjH,IAAI,IAAe,CAAC;QACpB,IAAI;YACF,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;gBACxC,IAAI;gBACJ,UAAU;gBACV,QAAQ;gBACR,UAAU;gBACV,SAAS;gBACT,YAAY;gBACZ,QAAQ,EAAE,CAAC,CAAC,QAAQ;gBACpB,YAAY,EAAE,KAAK,IAAI,QAAQ;gBAC/B,UAAU;aACX,CAAC,CAAC;YACH,IAAI,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;SAC3D;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAC1C;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAGD,sBAAsB,CAAC,IAAsB;QAC3C,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5E,CAAC;IACS,uBAAuB,CAAC,IAAY;QAC5C,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;YACvB,OAAO,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,CAAC;SAC9C;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/C,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,QAAQ,EAAE,CAAC;IAClE,CAAC;IAGD,YAAY,CAAC,IAAsB;QACjC,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,CAAC;IACS,aAAa,CAAC,IAAY;QAClC,MAAM,SAAS,GAAc;YAC3B,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV,CAAC;QAEF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACpC,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YAErB,IAAI,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAE1C,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,IAAI,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAC9D,IAAI,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAClC;YAED,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAA,oCAAsB,EAAC,IAAI,CAAC,CAAC,EAAE;gBACpE,IAAI,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;aACpC;YAED,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,EAAE;gBACf,IAAI,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAClC;YACD,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;YAC9B,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SAC5D;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAGD,yBAAyB,CAAC,IAAsB;QAC9C,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/E,CAAC;IACS,0BAA0B,CAAC,IAAY;QAC/C,MAAM,SAAS,GAAc;YAC3B,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV,CAAC;QAEF,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACpC,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YAErB,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAA,oCAAsB,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAC1E,SAAS,CAAC,KAAK,IAAI,IAAI,GAAG,QAAQ,CAAC;SACpC;QACD,SAAS,CAAC,MAAM,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,QAAQ,CAAC;QAC1C,OAAO,SAAS,CAAC;IACnB,CAAC;IAES,cAAc,CAAC,IAAsB,EAAE,SAAqC;QACpF,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/C,MAAM,aAAa,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAE9C,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,EAAE;YACf,OAAO,aAAa,CAAC;SACtB;aAAM,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;YACxB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC5D,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBACxB,OAAO,aAAa,CAAC;aACtB;iBAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC/B,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;aAC9B;YACD,OAAO;gBACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACrF,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;aAC5D,CAAC;SACH;QACD,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACpC,CAAC;IAGS,kBAAkB;QAC1B,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,eAAe,CAAC,EAAE;YAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;YACxE,IAAI,CAAC,eAAe,GAAG;gBACrB,KAAK,EAAE,YAAY,CAAC,KAAK,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM;gBAC/D,MAAM,EAAE,YAAY,CAAC,MAAM;aAC5B,CAAC;SACH;QACD,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAGS,oBAAoB;QAC5B,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,aAAa,CAAC,EAAE;YAC7B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;SACvE;QACD,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAGS,kBAAkB;QAC1B,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,eAAe,CAAC,EAAE;YAC/B,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;YAC3E,IAAI,CAAC,eAAe,GAAG;gBACrB,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,WAAW,CAAC,iBAAiB,CAAC,MAAM;gBAClE,MAAM,EAAE,cAAc,CAAC,MAAM;aAC9B,CAAC;SACH;QACD,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAGS,mBAAmB,CAAC,IAAY;QACxC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,EAAE;YAC3C,OAAO,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;SACvC;QACD,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YACtC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC5D,OAAO,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;SACvC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;QACD,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC1B,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;aAC5B;YACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;IACH,CAAC;;AAhTH,kCAiTC;AA/SiB,6BAAiB,GAAG,4BAA4B,CAAC;AAGjD,4BAAgB,GAAG,YAAY,CAAC;AAGhC,0BAAc,GAAG,GAAG,CAAC","file":"textMeasure.js","sourcesContent":["import { isArray, isNil, isValid } from '../../../common';\nimport type { Maybe } from '../../../type';\nimport { eastAsianCharacterInfo } from '../stringWidth';\nimport type { ITextMeasureOption, ITextMeasureSpec, ITextSize, TextMeasureInput, TextMeasureMethod } from './interface';\nimport { getContextFont } from './util';\n\nexport class TextMeasure<T extends Partial<ITextMeasureSpec>> {\n  /** 英文字母集 */\n  static readonly ALPHABET_CHAR_SET = 'abcdefghijklmnopqrstuvwxyz';\n\n  /** 数字集 */\n  static readonly NUMBERS_CHAR_SET = '0123456789';\n\n  /** 全角字符 */\n  static readonly FULL_SIZE_CHAR = '字';\n\n  /** 数字大小缓存 */\n  _numberCharSize: Maybe<ITextSize> = null;\n\n  /** 全角字符大小缓存 */\n  _fullCharSize: Maybe<ITextSize> = null;\n\n  /** 字母大小缓存 */\n  _letterCharSize: Maybe<ITextSize> = null;\n\n  /** 特殊字符缓存 */\n  _specialCharSizeMap: Record<string, ITextSize> = {};\n\n  /** 内置测量 canvas */\n  protected _canvas: Maybe<HTMLCanvasElement> = null;\n  protected _context: Maybe<CanvasRenderingContext2D> = null;\n  protected _contextSaved: boolean = false;\n\n  /** 是否不支持 canvas */\n  protected _notSupportCanvas: boolean = false;\n  /** 是否不支持 canopus */\n  protected _notSupportCanopus: boolean = false;\n\n  /** 文字 spec */\n  protected readonly _userSpec: Partial<T> = {};\n  textSpec: ITextMeasureSpec;\n\n  protected readonly _option: ITextMeasureOption;\n\n  /** 标准测量方法 */\n  protected readonly _standardMethod: (text: TextMeasureInput) => ITextSize;\n\n  /** 特殊字符集 */\n  specialCharSet: string = '-/: .,@%\\'\"~';\n\n  constructor(option: ITextMeasureOption, textSpec?: Partial<T>) {\n    this._option = option;\n    this._userSpec = textSpec ?? {};\n    this.textSpec = this._initSpec();\n    if (isValid(option.specialCharSet)) {\n      this.specialCharSet = option.specialCharSet;\n    }\n    this._standardMethod = isValid(option.getTextBounds)\n      ? this.fullMeasure.bind(this)\n      : this.measureWithNaiveCanvas.bind(this);\n  }\n\n  /** 初始化测量相关上下文 */\n  initContext() {\n    if (this._notSupportCanvas) {\n      return false;\n    }\n    if (isNil(this._canvas)) {\n      if (isValid(this._option.getCanvasForMeasure)) {\n        this._canvas = this._option.getCanvasForMeasure();\n      }\n      if (isNil(this._canvas) && isValid(globalThis.document)) {\n        // 默认创建方法\n        this._canvas = globalThis.document.createElement('canvas');\n      }\n    }\n    if (isNil(this._context) && isValid(this._canvas)) {\n      const context = this._canvas.getContext('2d');\n      if (isValid(context)) {\n        context.save();\n        context.font = getContextFont(this.textSpec);\n        this._contextSaved = true;\n        this._context = context;\n      }\n    }\n    if (isNil(this._context)) {\n      this._notSupportCanvas = true;\n      return false;\n    }\n    return true;\n  }\n\n  protected _initSpec(): ITextMeasureSpec {\n    const { defaultFontParams = {} } = this._option;\n    const {\n      fontStyle = defaultFontParams.fontStyle,\n      fontVariant = defaultFontParams.fontVariant,\n      fontWeight = defaultFontParams.fontWeight ?? 'normal',\n      fontSize = defaultFontParams.fontSize ?? 12,\n      fontFamily = defaultFontParams.fontFamily ?? 'sans-serif',\n      align,\n      textAlign = align ?? 'center',\n      baseline,\n      textBaseline = baseline ?? 'middle',\n      ellipsis,\n      limit,\n      lineHeight = fontSize\n    } = this._userSpec;\n\n    return {\n      fontStyle,\n      fontVariant,\n      fontFamily,\n      fontSize,\n      fontWeight,\n      textAlign,\n      textBaseline,\n      ellipsis,\n      limit,\n      lineHeight\n    };\n  }\n\n  /** 计算文本宽高 */\n  measure(text: TextMeasureInput, method?: TextMeasureMethod): ITextSize {\n    switch (method) {\n      case 'canopus':\n        return this.fullMeasure(text);\n      case 'canvas':\n        return this.measureWithNaiveCanvas(text);\n      case 'simple':\n        return this.quickMeasureWithoutCanvas(text);\n      case 'quick':\n      default:\n        return this.quickMeasure(text);\n    }\n  }\n\n  /** 精确计算文本宽高 */\n  fullMeasure(text: TextMeasureInput): ITextSize {\n    if (isNil(text)) {\n      return { width: 0, height: 0 };\n    }\n    if (isNil(this._option.getTextBounds) || !this._notSupportCanopus) {\n      return this.measureWithNaiveCanvas(text); // 降级\n    }\n    const { fontFamily, fontSize, fontWeight, textAlign, textBaseline, ellipsis, limit, lineHeight } = this.textSpec;\n    let size: ITextSize;\n    try {\n      const bounds = this._option.getTextBounds({\n        text,\n        fontFamily,\n        fontSize,\n        fontWeight,\n        textAlign,\n        textBaseline,\n        ellipsis: !!ellipsis,\n        maxLineWidth: limit || Infinity,\n        lineHeight\n      });\n      size = { width: bounds.width(), height: bounds.height() };\n    } catch (e) {\n      this._notSupportCanopus = true;\n      size = this.measureWithNaiveCanvas(text); // 降级\n    }\n    return size;\n  }\n\n  /** 通过原生 canvas 精确计算文本宽度，高度为估算 */\n  measureWithNaiveCanvas(text: TextMeasureInput): ITextSize {\n    return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));\n  }\n  protected _measureWithNaiveCanvas(text: string): ITextSize {\n    if (!this.initContext()) {\n      return this._quickMeasureWithoutCanvas(text); // 降级\n    }\n    const metrics = this._context!.measureText(text);\n    const { fontSize, lineHeight } = this.textSpec;\n    return { width: metrics.width, height: lineHeight ?? fontSize };\n  }\n\n  /** 快速估算文本宽高 */\n  quickMeasure(text: TextMeasureInput): ITextSize {\n    return this._measureReduce(text, this._quickMeasure.bind(this));\n  }\n  protected _quickMeasure(text: string): ITextSize {\n    const totalSize: ITextSize = {\n      width: 0,\n      height: 0\n    };\n\n    for (let i = 0; i < text.length; i++) {\n      const char = text[i];\n      // 先判断是否特殊字符\n      let size = this._measureSpecialChar(char);\n      // 再判断是否数字\n      if (isNil(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char)) {\n        size = this._measureNumberChar();\n      }\n      // 再判断全角字符\n      if (isNil(size) && ['F', 'W'].includes(eastAsianCharacterInfo(char))) {\n        size = this._measureFullSizeChar();\n      }\n      // 最后按半角字符处理\n      if (isNil(size)) {\n        size = this._measureLetterChar();\n      }\n      totalSize.width += size.width;\n      totalSize.height = Math.max(totalSize.height, size.height);\n    }\n    return totalSize;\n  }\n\n  /** 不使用 canvas 来快速估算文本宽高 */\n  quickMeasureWithoutCanvas(text: TextMeasureInput): ITextSize {\n    return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));\n  }\n  protected _quickMeasureWithoutCanvas(text: string): ITextSize {\n    const totalSize: ITextSize = {\n      width: 0,\n      height: 0\n    };\n\n    const { fontSize, lineHeight } = this.textSpec;\n    for (let i = 0; i < text.length; i++) {\n      const char = text[i];\n      // 判断全角字符\n      const size = ['F', 'W'].includes(eastAsianCharacterInfo(char)) ? 1 : 0.53;\n      totalSize.width += size * fontSize;\n    }\n    totalSize.height = lineHeight ?? fontSize;\n    return totalSize;\n  }\n\n  protected _measureReduce(text: TextMeasureInput, processor: (str: string) => ITextSize): ITextSize {\n    const { fontSize, lineHeight } = this.textSpec;\n    const defaultResult = { width: 0, height: 0 };\n\n    if (isNil(text)) {\n      return defaultResult;\n    } else if (isArray(text)) {\n      const textArr = text.filter(isValid).map(s => s.toString());\n      if (textArr.length === 0) {\n        return defaultResult;\n      } else if (textArr.length === 1) {\n        return processor(textArr[0]);\n      }\n      return {\n        width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),\n        height: textArr.length * ((lineHeight ?? fontSize) + 1) + 1 // 经验值\n      };\n    }\n    return processor(text.toString());\n  }\n\n  /** 测量一个数字 */\n  protected _measureNumberChar(): ITextSize {\n    if (isNil(this._numberCharSize)) {\n      const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);\n      this._numberCharSize = {\n        width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length, // 宽度取均值\n        height: numberBounds.height\n      };\n    }\n    return this._numberCharSize;\n  }\n\n  /** 测量一个全角字符 */\n  protected _measureFullSizeChar(): ITextSize {\n    if (isNil(this._fullCharSize)) {\n      this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR);\n    }\n    return this._fullCharSize;\n  }\n\n  /** 测量一个英文字符 */\n  protected _measureLetterChar(): ITextSize {\n    if (isNil(this._letterCharSize)) {\n      const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);\n      this._letterCharSize = {\n        width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length, // 宽度取均值\n        height: alphabetBounds.height\n      };\n    }\n    return this._letterCharSize;\n  }\n\n  /** 测量一个特殊字符 */\n  protected _measureSpecialChar(char: string): Maybe<ITextSize> {\n    if (isValid(this._specialCharSizeMap[char])) {\n      return this._specialCharSizeMap[char];\n    }\n    if (this.specialCharSet.includes(char)) {\n      this._specialCharSizeMap[char] = this._standardMethod(char);\n      return this._specialCharSizeMap[char];\n    }\n    return null;\n  }\n\n  release() {\n    if (isValid(this._canvas)) {\n      this._canvas = null;\n    }\n    if (isValid(this._context)) {\n      if (this._contextSaved) {\n        this._context.restore();\n        this._contextSaved = false;\n      }\n      this._context = null;\n    }\n  }\n}\n"]}

package/cjs/graphics/text/measure/util.d.ts

@@ -0,0 +1,2 @@
+import type { ITextFontParams } from './interface';
+export declare function getContextFont(text: Partial<ITextFontParams>, defaultAttr?: Partial<ITextFontParams>): string;

package/cjs/graphics/text/measure/util.js

@@ -0,0 +1,11 @@
+"use strict";
+
+function getContextFont(text, defaultAttr = {}) {
+    const {fontStyle: fontStyle = defaultAttr.fontStyle, fontVariant: fontVariant = defaultAttr.fontVariant, fontWeight: fontWeight = defaultAttr.fontWeight, fontSize: fontSize = defaultAttr.fontSize, fontFamily: fontFamily = defaultAttr.fontFamily} = text;
+    return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize + "px " + (fontFamily || "sans-serif");
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getContextFont = void 0, exports.getContextFont = getContextFont;
+//# sourceMappingURL=util.js.map

package/cjs/graphics/text/measure/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphics/text/measure/util.ts"],"names":[],"mappings":";;;AAGA,SAAgB,cAAc,CAAC,IAA8B,EAAE,cAAwC,EAAE;IACvG,MAAM,EACJ,SAAS,GAAG,WAAW,CAAC,SAAS,EACjC,WAAW,GAAG,WAAW,CAAC,WAAW,EACrC,UAAU,GAAG,WAAW,CAAC,UAAU,EACnC,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAC/B,UAAU,GAAG,WAAW,CAAC,UAAU,EACpC,GAAG,IAAI,CAAC;IACT,OAAO,CACL,EAAE;QACF,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAClC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACtC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACpC,QAAQ;QACR,KAAK;QACL,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CACzC,CAAC;AACJ,CAAC;AAjBD,wCAiBC","file":"util.js","sourcesContent":["import type { ITextFontParams } from './interface';\n\n// FIXME: from Canopus\nexport function getContextFont(text: Partial<ITextFontParams>, defaultAttr: Partial<ITextFontParams> = {}): string {\n  const {\n    fontStyle = defaultAttr.fontStyle,\n    fontVariant = defaultAttr.fontVariant,\n    fontWeight = defaultAttr.fontWeight,\n    fontSize = defaultAttr.fontSize,\n    fontFamily = defaultAttr.fontFamily\n  } = text;\n  return (\n    '' +\n    (fontStyle ? fontStyle + ' ' : '') +\n    (fontVariant ? fontVariant + ' ' : '') +\n    (fontWeight ? fontWeight + ' ' : '') +\n    fontSize +\n    'px ' +\n    (fontFamily ? fontFamily : 'sans-serif')\n  );\n}\n"]}

package/cjs/graphics/text/stringWidth.d.ts

@@ -0,0 +1,2 @@
+export default function stringWidth(string: string, ambiguousCharacterIsNarrow?: boolean): number;
+export declare const eastAsianCharacterInfo: (character: string) => "F" | "H" | "W" | "Na" | "A" | "N";