@visactor/vrender-core 0.16.0-alpha.0

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

@@ -0,0 +1,52 @@
+import type { IGraphicUtil } from '../../../interface/core';
+import type { ICanvas, IContext2d, EnvType } from '../../../interface';
+import type { TextOptionsType, ITextMeasure } from '../../../interface/text';
+export declare class ATextMeasure implements ITextMeasure {
+    release: (...params: any) => void;
+    protected canvas?: ICanvas;
+    protected context?: IContext2d | null;
+    configure(service: IGraphicUtil, env: EnvType): void;
+    measureTextWidth(text: string, options: TextOptionsType): number;
+    estimate(text: string, { fontSize }: TextOptionsType): {
+        width: number;
+        height: number;
+    };
+    measureTextPixelHeight(text: string, options: TextOptionsType): number;
+    measureTextBoundHieght(text: string, options: TextOptionsType): number;
+    measureText(text: string, options: TextOptionsType): TextMetrics | {
+        width: number;
+    };
+    clipTextVertical(verticalList: {
+        text: string;
+        width?: number;
+        direction: number;
+    }[], options: TextOptionsType, width: number, wordBreak: boolean): {
+        verticalList: {
+            text: string;
+            width?: number;
+            direction: number;
+        }[];
+        width: number;
+    };
+    clipText(text: string, options: TextOptionsType, width: number, wordBreak: boolean): {
+        str: string;
+        width: number;
+    };
+    private _clipText;
+    clipTextWithSuffixVertical(verticalList: {
+        text: string;
+        width?: number;
+        direction: number;
+    }[], options: TextOptionsType, width: number, suffix: string, wordBreak: boolean): {
+        verticalList: {
+            text: string;
+            width?: number;
+            direction: number;
+        }[];
+        width: number;
+    };
+    clipTextWithSuffix(text: string, options: TextOptionsType, width: number, suffix: string, wordBreak: boolean): {
+        str: string;
+        width: number;
+    };
+}

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

@@ -0,0 +1,182 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+import { injectable } from "../../../common/inversify-lite";
+
+import { DefaultTextAttribute, DefaultTextStyle } from "../../../graphic/config";
+
+import { testLetter } from "../../../graphic/richtext/utils";
+
+let ATextMeasure = class {
+    configure(service, env) {
+        this.canvas = service.canvas, this.context = service.context, service.bindTextMeasure(this);
+    }
+    measureTextWidth(text, options) {
+        if (!this.context) return this.estimate(text, options).width;
+        this.context.setTextStyleWithoutAlignBaseline(options);
+        return this.context.measureText(text).width;
+    }
+    estimate(text, {fontSize: fontSize = DefaultTextAttribute.fontSize}) {
+        let eCharLen = 0, cCharLen = 0;
+        for (let i = 0; i < text.length; i++) text.charCodeAt(i) < 128 ? eCharLen++ : cCharLen++;
+        return {
+            width: ~~(.8 * eCharLen * fontSize + cCharLen * fontSize),
+            height: fontSize
+        };
+    }
+    measureTextPixelHeight(text, options) {
+        var _a;
+        if (!this.context) return null !== (_a = options.fontSize) && void 0 !== _a ? _a : DefaultTextStyle.fontSize;
+        this.context.setTextStyleWithoutAlignBaseline(options);
+        const textMeasure = this.context.measureText(text);
+        return Math.abs(textMeasure.actualBoundingBoxAscent - textMeasure.actualBoundingBoxDescent);
+    }
+    measureTextBoundHieght(text, options) {
+        var _a;
+        if (!this.context) return null !== (_a = options.fontSize) && void 0 !== _a ? _a : DefaultTextStyle.fontSize;
+        this.context.setTextStyleWithoutAlignBaseline(options);
+        const textMeasure = this.context.measureText(text);
+        return Math.abs(textMeasure.fontBoundingBoxAscent - textMeasure.fontBoundingBoxDescent);
+    }
+    measureText(text, options) {
+        return this.context ? (this.context.setTextStyleWithoutAlignBaseline(options), this.context.measureText(text)) : this.estimate(text, options);
+    }
+    clipTextVertical(verticalList, options, width, wordBreak) {
+        if (0 === verticalList.length) return {
+            verticalList: verticalList,
+            width: 0
+        };
+        const {fontSize: fontSize = 12} = options;
+        verticalList.forEach((item => {
+            item.width = 0 === item.direction ? fontSize : this.measureTextWidth(item.text, options);
+        }));
+        const out = [];
+        let length = 0, i = 0;
+        for (;i < verticalList.length && length + verticalList[i].width < width; i++) length += verticalList[i].width, 
+        out.push(verticalList[i]);
+        if (verticalList[i] && verticalList[i].text.length > 1) {
+            const clipedData = this._clipText(verticalList[i].text, options, width - length, 0, verticalList[i].text.length - 1);
+            if (wordBreak && clipedData.str !== verticalList[i].text) {
+                let text = "", length = 0;
+                for (let j = 0; j < i; j++) {
+                    const item = verticalList[j];
+                    text += item.text, length += item.text.length;
+                }
+                text += verticalList[i].text;
+                const totalLength = length + clipedData.str.length;
+                let index = testLetter(text, totalLength);
+                index -= length, index !== clipedData.str.length - 1 && (clipedData.str = clipedData.str.substring(0, index), 
+                clipedData.width = this.measureTextWidth(clipedData.str, options));
+            }
+            out.push(Object.assign(Object.assign({}, verticalList[i]), {
+                text: clipedData.str,
+                width: clipedData.width
+            })), length += clipedData.width;
+        }
+        return {
+            verticalList: out,
+            width: length
+        };
+    }
+    clipText(text, options, width, wordBreak) {
+        if (0 === text.length) return {
+            str: "",
+            width: 0
+        };
+        let length = this.measureTextWidth(text, options);
+        if (length <= width) return {
+            str: text,
+            width: length
+        };
+        if (length = this.measureTextWidth(text[0], options), length > width) return {
+            str: "",
+            width: 0
+        };
+        const data = this._clipText(text, options, width, 0, text.length - 1);
+        if (wordBreak && data.str !== text) {
+            const index = testLetter(text, data.str.length);
+            index !== data.str.length && (data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
+        }
+        return data;
+    }
+    _clipText(text, options, width, leftIdx, rightIdx) {
+        const middleIdx = Math.floor((leftIdx + rightIdx) / 2), subText = text.substring(0, middleIdx + 1), strWidth = this.measureTextWidth(subText, options);
+        let length;
+        if (strWidth > width) {
+            if (subText.length <= 1) return {
+                str: "",
+                width: 0
+            };
+            const str = text.substring(0, middleIdx);
+            return length = this.measureTextWidth(str, options), length <= width ? {
+                str: str,
+                width: length
+            } : this._clipText(text, options, width, leftIdx, middleIdx);
+        }
+        if (strWidth < width) {
+            if (middleIdx >= text.length - 1) return {
+                str: text,
+                width: this.measureTextWidth(text, options)
+            };
+            const str = text.substring(0, middleIdx + 2);
+            return length = this.measureTextWidth(str, options), length >= width ? {
+                str: subText,
+                width: strWidth
+            } : this._clipText(text, options, width, middleIdx, rightIdx);
+        }
+        return {
+            str: subText,
+            width: strWidth
+        };
+    }
+    clipTextWithSuffixVertical(verticalList, options, width, suffix, wordBreak) {
+        if ("" === suffix) return this.clipTextVertical(verticalList, options, width, wordBreak);
+        if (0 === verticalList.length) return {
+            verticalList: verticalList,
+            width: 0
+        };
+        const output = this.clipTextVertical(verticalList, options, width, wordBreak);
+        if (output.verticalList.length === verticalList.length && output.verticalList[output.verticalList.length - 1].width === verticalList[verticalList.length - 1].width) return output;
+        const suffixWidth = this.measureTextWidth(suffix, options);
+        if (suffixWidth > width) return output;
+        width -= suffixWidth;
+        const out = this.clipTextVertical(verticalList, options, width, wordBreak);
+        return out.width += suffixWidth, out.verticalList.push({
+            text: suffix,
+            direction: 1,
+            width: suffixWidth
+        }), out;
+    }
+    clipTextWithSuffix(text, options, width, suffix, wordBreak) {
+        if ("" === suffix) return this.clipText(text, options, width, wordBreak);
+        if (0 === text.length) return {
+            str: "",
+            width: 0
+        };
+        const length = this.measureTextWidth(text, options);
+        if (length <= width) return {
+            str: text,
+            width: length
+        };
+        const suffixWidth = this.measureTextWidth(suffix, options);
+        if (suffixWidth > width) return {
+            str: "",
+            width: 0
+        };
+        width -= suffixWidth;
+        const data = this._clipText(text, options, width, 0, text.length - 1);
+        if (wordBreak && data.str !== text) {
+            const index = testLetter(text, data.str.length);
+            index !== data.str.length && (data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
+        }
+        return data.str += suffix, data.width += suffixWidth, data;
+    }
+};
+
+ATextMeasure = __decorate([ injectable() ], ATextMeasure);
+
+export { ATextMeasure };
+//# sourceMappingURL=AtextMeasure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/textMeasure/AtextMeasure.ts"],"names":[],"mappings":"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","file":"AtextMeasure.js","sourcesContent":["import { injectable } from '../../../common/inversify-lite';\nimport type { IGraphicUtil } from '../../../interface/core';\nimport type { ICanvas, IContext2d, EnvType } from '../../../interface';\nimport type { TextOptionsType, ITextMeasure } from '../../../interface/text';\nimport { DefaultTextAttribute, DefaultTextStyle } from '../../../graphic/config';\nimport { testLetter } from '../../../graphic/richtext/utils';\n\n@injectable()\nexport class ATextMeasure implements ITextMeasure {\n  release: (...params: any) => void;\n  protected canvas?: ICanvas;\n  protected context?: IContext2d | null;\n\n  configure(service: IGraphicUtil, env: EnvType): void {\n    this.canvas = service.canvas;\n    this.context = service.context;\n    service.bindTextMeasure(this);\n  }\n\n  /**\n   * 获取text宽度，measureText.width\n   * @param text\n   * @param options\n   */\n  measureTextWidth(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return this.estimate(text, options).width;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return textMeasure.width;\n  }\n\n  // 估算文字长度\n  estimate(\n    text: string,\n    { fontSize = DefaultTextAttribute.fontSize }: TextOptionsType\n  ): { width: number; height: number } {\n    // 假设只有英文和中文字符\n    let eCharLen = 0; // 英文字符\n    let cCharLen = 0; // 中文字符\n    // 判断ascii码，如果是\n    for (let i = 0; i < text.length; i++) {\n      text.charCodeAt(i) < 128 ? eCharLen++ : cCharLen++;\n    }\n    return {\n      width: ~~(0.8 * eCharLen * fontSize + cCharLen * fontSize),\n      height: fontSize\n    };\n  }\n\n  /**\n   * 获取text像素高度，基于actualBoundingBoxAscent和actualBoundingBoxDescent\n   * @param text\n   * @param options\n   */\n  measureTextPixelHeight(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return options.fontSize ?? DefaultTextStyle.fontSize;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return Math.abs((textMeasure as any).actualBoundingBoxAscent - (textMeasure as any).actualBoundingBoxDescent);\n  }\n\n  /**\n   * 获取text包围盒的高度，基于fontBoundingBoxAscent和fontBoundingBoxDescent\n   * @param text\n   * @param options\n   */\n  measureTextBoundHieght(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return options.fontSize ?? DefaultTextStyle.fontSize;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return Math.abs((textMeasure as any).fontBoundingBoxAscent - (textMeasure as any).fontBoundingBoxDescent);\n  }\n\n  /**\n   * 获取text测量对象\n   * @param text\n   * @param options\n   */\n  measureText(text: string, options: TextOptionsType): TextMetrics | { width: number } {\n    if (!this.context) {\n      return this.estimate(text, options);\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    return this.context.measureText(text);\n  }\n\n  clipTextVertical(\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ): {\n    verticalList: { text: string; width?: number; direction: number }[];\n    width: number;\n  } {\n    if (verticalList.length === 0) {\n      return { verticalList, width: 0 };\n    }\n    const { fontSize = 12 } = options;\n    // 计算每一个区域的width\n    verticalList.forEach(item => {\n      item.width = item.direction === 0 ? fontSize : this.measureTextWidth(item.text, options);\n    });\n    const out: { text: string; width?: number; direction: number }[] = [];\n    let length = 0;\n    let i = 0;\n    for (; i < verticalList.length; i++) {\n      if (length + verticalList[i].width < width) {\n        length += verticalList[i].width;\n        out.push(verticalList[i]);\n      } else {\n        break;\n      }\n    }\n    if (verticalList[i] && verticalList[i].text.length > 1) {\n      const clipedData = this._clipText(\n        verticalList[i].text,\n        options,\n        width - length,\n        0,\n        verticalList[i].text.length - 1\n      );\n      if (wordBreak && clipedData.str !== verticalList[i].text) {\n        let text = '';\n        let length = 0;\n        for (let j = 0; j < i; j++) {\n          const item = verticalList[j];\n          text += item.text;\n          length += item.text.length;\n        }\n        text += verticalList[i].text;\n        const totalLength = length + clipedData.str.length;\n        let index = testLetter(text, totalLength);\n        index = index - length;\n        if (index !== clipedData.str.length - 1) {\n          clipedData.str = clipedData.str.substring(0, index);\n          clipedData.width = this.measureTextWidth(clipedData.str, options);\n        }\n      }\n      out.push({ ...verticalList[i], text: clipedData.str, width: clipedData.width });\n      length += clipedData.width;\n    }\n\n    return {\n      verticalList: out,\n      width: length\n    };\n  }\n\n  /**\n   * 将文本裁剪到width宽\n   * @param text\n   * @param options\n   * @param width\n   */\n  clipText(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ): {\n    str: string;\n    width: number;\n  } {\n    if (text.length === 0) {\n      return { str: '', width: 0 };\n    }\n    let length = this.measureTextWidth(text, options);\n    if (length <= width) {\n      return { str: text, width: length };\n    }\n    length = this.measureTextWidth(text[0], options);\n    if (length > width) {\n      return { str: '', width: 0 };\n    }\n    const data = this._clipText(text, options, width, 0, text.length - 1);\n    // 如果需要文字截断\n    if (wordBreak && data.str !== text) {\n      const index = testLetter(text, data.str.length);\n      if (index !== data.str.length) {\n        data.str = text.substring(0, index);\n        data.width = this.measureTextWidth(data.str, options);\n      }\n    }\n    return data;\n  }\n\n  // 二分法找到最佳宽\n  private _clipText(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    leftIdx: number,\n    rightIdx: number\n  ): { str: string; width: number } {\n    const middleIdx = Math.floor((leftIdx + rightIdx) / 2);\n    const subText = text.substring(0, middleIdx + 1);\n    const strWidth = this.measureTextWidth(subText, options);\n    let length: number;\n    if (strWidth > width) {\n      // 如果字符串的宽度大于限制宽度\n      if (subText.length <= 1) {\n        return { str: '', width: 0 };\n      } // 如果子字符串长度小于1，而且大于给定宽的话，返回空字符串\n      // 先判断是不是左侧的那个字符\n      const str = text.substring(0, middleIdx);\n      // 如果到左侧的字符小于或等于width，那么说明就是左侧的字符\n      length = this.measureTextWidth(str, options);\n      if (length <= width) {\n        return { str, width: length };\n      }\n      // 返回leftIdx到middleIdx\n      return this._clipText(text, options, width, leftIdx, middleIdx);\n    } else if (strWidth < width) {\n      // 如果字符串的宽度小于限制宽度\n      if (middleIdx >= text.length - 1) {\n        return { str: text, width: this.measureTextWidth(text, options) };\n      } // 如果已经到结尾了，返回text\n      // 先判断是不是右侧的那个字符\n      const str = text.substring(0, middleIdx + 2);\n      // 如果到右侧的字符大于或等于width，那么说明就是这个字符串\n      length = this.measureTextWidth(str, options);\n      if (length >= width) {\n        return { str: subText, width: strWidth };\n      }\n      // 返回middleIdx到rightIdx\n      return this._clipText(text, options, width, middleIdx, rightIdx);\n    }\n    // 如果相同，那么就找到text\n    return { str: subText, width: strWidth };\n  }\n\n  clipTextWithSuffixVertical(\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean\n  ): {\n    verticalList: { text: string; width?: number; direction: number }[];\n    width: number;\n  } {\n    if (suffix === '') {\n      return this.clipTextVertical(verticalList, options, width, wordBreak);\n    }\n    if (verticalList.length === 0) {\n      return { verticalList, width: 0 };\n    }\n\n    const output = this.clipTextVertical(verticalList, options, width, wordBreak);\n    if (\n      output.verticalList.length === verticalList.length &&\n      output.verticalList[output.verticalList.length - 1].width === verticalList[verticalList.length - 1].width\n    ) {\n      return output;\n    }\n\n    const suffixWidth = this.measureTextWidth(suffix, options);\n    if (suffixWidth > width) {\n      return output;\n    }\n\n    width -= suffixWidth;\n\n    const out = this.clipTextVertical(verticalList, options, width, wordBreak);\n    out.width += suffixWidth;\n    out.verticalList.push({\n      text: suffix,\n      direction: 1,\n      width: suffixWidth\n    });\n    return out;\n  }\n  clipTextWithSuffix(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean\n  ): {\n    str: string;\n    width: number;\n  } {\n    if (suffix === '') {\n      return this.clipText(text, options, width, wordBreak);\n    }\n    if (text.length === 0) {\n      return { str: '', width: 0 };\n    }\n    const length = this.measureTextWidth(text, options);\n    if (length <= width) {\n      return { str: text, width: length };\n    }\n    const suffixWidth = this.measureTextWidth(suffix, options);\n    if (suffixWidth > width) {\n      return { str: '', width: 0 };\n    }\n    width -= suffixWidth;\n    const data = this._clipText(text, options, width, 0, text.length - 1);\n\n    // 如果需要文字截断\n    if (wordBreak && data.str !== text) {\n      const index = testLetter(text, data.str.length);\n      if (index !== data.str.length) {\n        data.str = text.substring(0, index);\n        data.width = this.measureTextWidth(data.str, options);\n      }\n    }\n    data.str += suffix;\n    data.width += suffixWidth;\n    return data;\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+import type { ITextMeasure, TextOptionsType } from '../../../interface/text';
+import type { TextLayoutBBox, LayoutItemType, LayoutType, TextAlignType, TextBaselineType } from '../../../interface';
+export declare class CanvasTextLayout {
+    private fontFamily;
+    private textOptions;
+    private textMeasure;
+    constructor(fontFamily: string, options: TextOptionsType, textMeasure: ITextMeasure);
+    LayoutBBox(bbox: TextLayoutBBox, textAlign: TextAlignType, textBaseline: TextBaselineType): TextLayoutBBox;
+    GetLayout(str: string, width: number, height: number, textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number, suffix: string, wordBreak: boolean, miniApp: boolean): LayoutType;
+    GetLayoutByLines(lines: (string | number)[], textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number, suffix: string, wordBreak: boolean, lineWidth?: number): LayoutType;
+    layoutWithBBox(bbox: TextLayoutBBox, lines: LayoutItemType[], textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number): LayoutType;
+    private lineOffset;
+}

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

@@ -0,0 +1,83 @@
+export class CanvasTextLayout {
+    constructor(fontFamily, options, textMeasure) {
+        this.fontFamily = fontFamily, this.textOptions = options, this.textMeasure = textMeasure;
+    }
+    LayoutBBox(bbox, textAlign, textBaseline) {
+        if ("left" === textAlign || "start" === textAlign) bbox.xOffset = 0; else if ("center" === textAlign) bbox.xOffset = bbox.width / -2; else {
+            if ("right" !== textAlign && "end" !== textAlign) throw new Error("非法的textAlign");
+            bbox.xOffset = -bbox.width;
+        }
+        return bbox.yOffset = "top" === textBaseline ? 0 : "middle" === textBaseline ? bbox.height / -2 : "alphabetic" === textBaseline ? -.79 * bbox.height : -bbox.height, 
+        bbox;
+    }
+    GetLayout(str, width, height, textAlign, textBaseline, lineHeight, suffix, wordBreak, miniApp) {
+        const linesLayout = [], bboxWH = [ width, height ], bboxOffset = [ 0, 0 ];
+        for (;str.length > 0; ) {
+            const {str: clipText} = this.textMeasure.clipTextWithSuffix(str, this.textOptions, width, suffix, wordBreak);
+            linesLayout.push({
+                str: clipText,
+                width: this.textMeasure.measureTextWidth(clipText, this.textOptions)
+            }), str = str.substring(clipText.length);
+        }
+        "left" === textAlign || "start" === textAlign || ("center" === textAlign ? bboxOffset[0] = bboxWH[0] / -2 : "right" !== textAlign && "end" !== textAlign || (bboxOffset[0] = -bboxWH[0])), 
+        "top" === textBaseline || ("middle" === textBaseline ? bboxOffset[1] = bboxWH[1] / -2 : "bottom" === textBaseline && (bboxOffset[1] = -bboxWH[1]));
+        const bbox = {
+            xOffset: bboxOffset[0],
+            yOffset: bboxOffset[1],
+            width: bboxWH[0],
+            height: bboxWH[1]
+        };
+        return this.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline, lineHeight);
+    }
+    GetLayoutByLines(lines, textAlign, textBaseline, lineHeight, suffix = "", wordBreak, lineWidth) {
+        lines = lines.map((l => l.toString()));
+        const linesLayout = [], bboxWH = [ 0, 0 ];
+        if ("number" == typeof lineWidth && lineWidth !== 1 / 0) {
+            let width;
+            for (let i = 0, len = lines.length; i < len; i++) width = Math.min(this.textMeasure.measureTextWidth(lines[i], this.textOptions), lineWidth), 
+            linesLayout.push({
+                str: this.textMeasure.clipTextWithSuffix(lines[i], this.textOptions, width, suffix, wordBreak).str,
+                width: width
+            });
+            bboxWH[0] = lineWidth;
+        } else {
+            let width, text;
+            lineWidth = 0;
+            for (let i = 0, len = lines.length; i < len; i++) text = lines[i], width = this.textMeasure.measureTextWidth(text, this.textOptions), 
+            lineWidth = Math.max(lineWidth, width), linesLayout.push({
+                str: text,
+                width: width
+            });
+            bboxWH[0] = lineWidth;
+        }
+        bboxWH[1] = linesLayout.length * lineHeight, bboxWH[0] = linesLayout.reduce(((a, b) => Math.max(a, b.width)), 0);
+        const bbox = {
+            xOffset: 0,
+            yOffset: 0,
+            width: bboxWH[0],
+            height: bboxWH[1]
+        };
+        return this.LayoutBBox(bbox, textAlign, textBaseline), this.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline, lineHeight);
+    }
+    layoutWithBBox(bbox, lines, textAlign, textBaseline, lineHeight) {
+        const origin = [ 0, 0 ], totalLineHeight = lines.length * lineHeight;
+        "top" === textBaseline || ("middle" === textBaseline ? origin[1] = (bbox.height - totalLineHeight) / 2 : "bottom" === textBaseline && (origin[1] = bbox.height - totalLineHeight));
+        for (let i = 0; i < lines.length; i++) this.lineOffset(bbox, lines[i], textAlign, textBaseline, lineHeight, origin);
+        return {
+            bbox: bbox,
+            lines: lines,
+            fontFamily: this.fontFamily,
+            fontSize: this.textOptions.fontSize,
+            fontWeight: this.textOptions.fontWeight,
+            lineHeight: lineHeight,
+            textAlign: textAlign,
+            textBaseline: textBaseline
+        };
+    }
+    lineOffset(bbox, line, textAlign, textBaseline, lineHeight, origin) {
+        return "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 - this.textOptions.fontSize) / 2 + .79 * this.textOptions.fontSize + origin[1], 
+        origin[1] += lineHeight, line;
+    }
+}
+//# sourceMappingURL=layout.js.map

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

@@ -0,0 +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';\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  LayoutBBox(bbox: TextLayoutBBox, textAlign: TextAlignType, textBaseline: TextBaselineType): 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      bbox.yOffset = bbox.height * -0.79;\n    } else {\n      bbox.yOffset = -bbox.height;\n    }\n\n    return bbox;\n  }\n\n  GetLayout(\n    str: string,\n    width: number,\n    height: number,\n    textAlign: TextAlignType,\n    textBaseline: TextBaselineType,\n    lineHeight: number,\n    suffix: string,\n    wordBreak: boolean,\n    miniApp: boolean\n  ): LayoutType {\n    // 拆分str\n    const linesLayout: LayoutItemType[] = [];\n    // bbox高度可能大于totalHeight\n    const bboxWH: vec2 = [width, height];\n    const bboxOffset: vec2 = [0, 0];\n\n    while (str.length > 0) {\n      const { str: clipText } = this.textMeasure.clipTextWithSuffix(str, this.textOptions, width, suffix, wordBreak);\n      linesLayout.push({\n        str: clipText,\n        width: this.textMeasure.measureTextWidth(clipText, this.textOptions)\n      });\n      str = str.substring(clipText.length);\n    }\n\n    if (textAlign === 'left' || textAlign === 'start') {\n      // origin[0] = 0;\n    } else if (textAlign === 'center') {\n      bboxOffset[0] = bboxWH[0] / -2;\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      bboxOffset[0] = -bboxWH[0];\n    }\n\n    if (textBaseline === 'top') {\n      // origin[1] = 0;\n    } else if (textBaseline === 'middle') {\n      bboxOffset[1] = bboxWH[1] / -2;\n    } else if (textBaseline === 'bottom') {\n      bboxOffset[1] = -bboxWH[1];\n    }\n\n    const bbox: TextLayoutBBox = {\n      xOffset: bboxOffset[0],\n      yOffset: bboxOffset[1],\n      width: bboxWH[0],\n      height: bboxWH[1]\n    };\n\n    return this.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline, lineHeight);\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    lineWidth?: number\n  ): LayoutType {\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        width = Math.min(this.textMeasure.measureTextWidth(lines[i] as string, this.textOptions), lineWidth);\n        linesLayout.push({\n          str: this.textMeasure.clipTextWithSuffix(lines[i] as string, this.textOptions, width, suffix, wordBreak).str,\n          width\n        });\n      }\n      bboxWH[0] = lineWidth;\n    } else {\n      // 使用所有行中最长的作为lineWidth\n      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        width = this.textMeasure.measureTextWidth(text, this.textOptions);\n        lineWidth = Math.max(lineWidth, width);\n        linesLayout.push({ str: text, width });\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);\n\n    return this.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline, lineHeight);\n  }\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 * 0.79 + origin[1]; // 渲染默认使用alphabetic\n    line.topOffset = (lineHeight - this.textOptions.fontSize) / 2 + this.textOptions.fontSize * 0.79 + origin[1];\n    origin[1] += lineHeight;\n\n    return line;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+import { ContainerModule } from '../../../common/inversify-lite';
+declare const _default: ContainerModule;
+export default _default;

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

@@ -0,0 +1,11 @@
+import { ContainerModule } from "../../../common/inversify-lite";
+
+import { bindContributionProvider } from "../../../common/contribution-provider";
+
+import { DefaultTextMeasureContribution, TextMeasureContribution } from "./textMeasure-contribution";
+
+export default new ContainerModule((bind => {
+    bind(DefaultTextMeasureContribution).toSelf().inSingletonScope(), bind(TextMeasureContribution).toService(DefaultTextMeasureContribution), 
+    bindContributionProvider(bind, TextMeasureContribution);
+}));
+//# sourceMappingURL=modules.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/textMeasure/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,8BAA8B,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErG,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,8BAA8B,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACjE,IAAI,CAAC,uBAAuB,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;IACxE,wBAAwB,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;AAC1D,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from '../../../common/inversify-lite';\nimport { bindContributionProvider } from '../../../common/contribution-provider';\nimport { DefaultTextMeasureContribution, TextMeasureContribution } from './textMeasure-contribution';\n\nexport default new ContainerModule(bind => {\n  bind(DefaultTextMeasureContribution).toSelf().inSingletonScope();\n  bind(TextMeasureContribution).toService(DefaultTextMeasureContribution);\n  bindContributionProvider(bind, TextMeasureContribution);\n});\n"]}

package/es/core/contributions/textMeasure/textMeasure-contribution.d.ts

@@ -0,0 +1,4 @@
+import { ATextMeasure } from './AtextMeasure';
+export declare const TextMeasureContribution: unique symbol;
+export declare class DefaultTextMeasureContribution extends ATextMeasure {
+}

package/es/core/contributions/textMeasure/textMeasure-contribution.js

@@ -0,0 +1,18 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+import { injectable } from "../../../common/inversify-lite";
+
+import { ATextMeasure } from "./AtextMeasure";
+
+export const TextMeasureContribution = Symbol.for("TextMeasureContribution");
+
+let DefaultTextMeasureContribution = class extends ATextMeasure {};
+
+DefaultTextMeasureContribution = __decorate([ injectable() ], DefaultTextMeasureContribution);
+
+export { DefaultTextMeasureContribution };
+//# sourceMappingURL=textMeasure-contribution.js.map

package/es/core/contributions/textMeasure/textMeasure-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/textMeasure/textMeasure-contribution.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AAGtE,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,YAAY;CAAG,CAAA;AAAtD,8BAA8B;IAD1C,UAAU,EAAE;GACA,8BAA8B,CAAwB;SAAtD,8BAA8B","file":"textMeasure-contribution.js","sourcesContent":["import { injectable } from '../../../common/inversify-lite';\nimport { ATextMeasure } from './AtextMeasure';\n\nexport const TextMeasureContribution = Symbol.for('TextMeasureContribution');\n\n@injectable()\nexport class DefaultTextMeasureContribution extends ATextMeasure {}\n"]}

package/es/core/contributions/window/base-contribution.d.ts

@@ -0,0 +1,49 @@
+import type { ICanvas, IContext2d, IDomRectLike, EnvType, IGlobal, IWindowHandlerContribution, IWindow, IWindowParams } from '../../../interface';
+import type { IBoundsLike } from '@visactor/vutils';
+type OnchangeCbType = (params?: {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+}) => void;
+export declare abstract class BaseWindowHandlerContribution implements IWindowHandlerContribution {
+    type: EnvType;
+    _uid: number;
+    constructor();
+    protected _onChangeCb?: OnchangeCbType;
+    onChange(cb: OnchangeCbType): void;
+    configure(window: IWindow, global: IGlobal): void;
+    release(...params: any): void;
+    abstract createWindow(params: IWindowParams): void;
+    abstract releaseWindow(): void;
+    abstract setDpr(dpr: number): void;
+    abstract resizeWindow(width: number, height: number): void;
+    abstract getContext(): IContext2d;
+    abstract getWH(): {
+        width: number;
+        height: number;
+    };
+    abstract getTitle(): string;
+    abstract getXY(): {
+        x: number;
+        y: number;
+    };
+    abstract getNativeHandler(): ICanvas | any;
+    abstract getDpr(): number;
+    abstract clearViewBox(vb: IBoundsLike, color?: string): void;
+    abstract addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    abstract addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    abstract removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    abstract removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    abstract dispatchEvent(event: any): boolean;
+    abstract getStyle(): CSSStyleDeclaration | Record<string, any>;
+    abstract setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
+    abstract getBoundingClientRect(): IDomRectLike;
+    isVisible(bbox?: IBoundsLike): boolean;
+    onVisibleChange(cb: (currentVisible: boolean) => void): void;
+    getTopLeft(baseWindow?: boolean): {
+        top: number;
+        left: number;
+    };
+}
+export {};

package/es/core/contributions/window/base-contribution.js

@@ -0,0 +1,41 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+};
+
+import { injectable } from "../../../common/inversify-lite";
+
+import { Generator } from "../../../common/generator";
+
+let BaseWindowHandlerContribution = class {
+    constructor() {
+        this._uid = Generator.GenAutoIncrementId();
+    }
+    onChange(cb) {
+        this._onChangeCb = cb;
+    }
+    configure(window, global) {
+        global.env === this.type && window.setWindowHandler(this);
+    }
+    release(...params) {
+        this.releaseWindow();
+    }
+    isVisible(bbox) {
+        return !0;
+    }
+    onVisibleChange(cb) {}
+    getTopLeft(baseWindow) {
+        return {
+            top: 0,
+            left: 0
+        };
+    }
+};
+
+BaseWindowHandlerContribution = __decorate([ injectable(), __metadata("design:paramtypes", []) ], BaseWindowHandlerContribution);
+
+export { BaseWindowHandlerContribution };
+//# sourceMappingURL=base-contribution.js.map

package/es/core/contributions/window/base-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/base-contribution.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAgB/C,IAAe,6BAA6B,GAA5C,MAAe,6BAA6B;IAKjD;QACE,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC;IAID,QAAQ,CAAC,EAAkB;QACzB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,CAAC;IAED,SAAS,CAAC,MAAe,EAAE,MAAe;QACxC,IAAI,MAAM,CAAC,GAAG,KAAK,IAAI,CAAC,IAAI,EAAE;YAC5B,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;SAC/B;IACH,CAAC;IACD,OAAO,CAAC,GAAG,MAAW;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAsCD,SAAS,CAAC,IAAkB;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,eAAe,CAAC,EAAqC;QACnD,OAAO;IACT,CAAC;IAED,UAAU,CAAC,UAAoB;QAC7B,OAAO;YACL,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;SACR,CAAC;IACJ,CAAC;CACF,CAAA;AA1EqB,6BAA6B;IADlD,UAAU,EAAE;;GACS,6BAA6B,CA0ElD;SA1EqB,6BAA6B","file":"base-contribution.js","sourcesContent":["import { injectable } from '../../../common/inversify-lite';\nimport { Generator } from '../../../common/generator';\nimport type {\n  ICanvas,\n  IContext2d,\n  IDomRectLike,\n  EnvType,\n  IGlobal,\n  IWindowHandlerContribution,\n  IWindow,\n  IWindowParams\n} from '../../../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\n\ntype OnchangeCbType = (params?: { x?: number; y?: number; width?: number; height?: number }) => void;\n\n@injectable()\nexport abstract class BaseWindowHandlerContribution implements IWindowHandlerContribution {\n  declare type: EnvType;\n\n  declare _uid: number;\n\n  constructor() {\n    this._uid = Generator.GenAutoIncrementId();\n  }\n\n  protected declare _onChangeCb?: OnchangeCbType;\n\n  onChange(cb: OnchangeCbType) {\n    this._onChangeCb = cb;\n  }\n\n  configure(window: IWindow, global: IGlobal) {\n    if (global.env === this.type) {\n      window.setWindowHandler(this);\n    }\n  }\n  release(...params: any) {\n    this.releaseWindow();\n  }\n  abstract createWindow(params: IWindowParams): void;\n  abstract releaseWindow(): void;\n  abstract setDpr(dpr: number): void;\n  abstract resizeWindow(width: number, height: number): void;\n  abstract getContext(): IContext2d;\n  abstract getWH(): { width: number; height: number };\n  abstract getTitle(): string;\n  abstract getXY(): { x: number; y: number };\n  abstract getNativeHandler(): ICanvas | any;\n  abstract getDpr(): number;\n  abstract clearViewBox(vb: IBoundsLike, color?: string): void;\n  abstract addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  abstract addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  abstract removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  abstract removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void;\n  abstract dispatchEvent(event: any): boolean;\n\n  abstract getStyle(): CSSStyleDeclaration | Record<string, any>;\n  abstract setStyle(style: CSSStyleDeclaration | Record<string, any>): void;\n  abstract getBoundingClientRect(): IDomRectLike;\n\n  isVisible(bbox?: IBoundsLike) {\n    return true;\n  }\n\n  onVisibleChange(cb: (currentVisible: boolean) => void) {\n    return;\n  }\n\n  getTopLeft(baseWindow?: boolean): { top: number; left: number } {\n    return {\n      top: 0,\n      left: 0\n    };\n  }\n}\n"]}

package/es/core/core-modules.d.ts

@@ -0,0 +1,3 @@
+import { ContainerModule } from '../common/inversify-lite';
+declare const _default: ContainerModule;
+export default _default;

package/es/core/core-modules.js

@@ -0,0 +1,22 @@
+import { ContainerModule } from "../common/inversify-lite";
+
+import { DefaultGlobal } from "./global";
+
+import { DefaultGraphicUtil, DefaultTransformUtil } from "./graphic-utils";
+
+import { DefaultLayerService } from "./layer-service";
+
+import { DefaultWindow, VWindow } from "./window";
+
+import { GraphicUtil, LayerService, TransformUtil } from "./constants";
+
+import { VGlobal } from "../constants";
+
+export default new ContainerModule((bind => {
+    bind(DefaultGlobal).toSelf().inSingletonScope(), bind(VGlobal).toService(DefaultGlobal), 
+    bind(DefaultWindow).to(DefaultWindow), bind(VWindow).toService(DefaultWindow), bind(DefaultGraphicUtil).toSelf().inSingletonScope(), 
+    bind(GraphicUtil).toService(DefaultGraphicUtil), bind(DefaultTransformUtil).toSelf().inSingletonScope(), 
+    bind(TransformUtil).toService(DefaultTransformUtil), bind(DefaultLayerService).toSelf().inSingletonScope(), 
+    bind(LayerService).toService(DefaultLayerService);
+}));
+//# sourceMappingURL=core-modules.js.map

package/es/core/core-modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/core-modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAExC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAChD,IAAI,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAEvC,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACrD,IAAI,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAChD,IAAI,CAAC,oBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpD,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;AAapD,CAAC,CAAC,CAAC","file":"core-modules.js","sourcesContent":["import { ContainerModule } from '../common/inversify-lite';\nimport { DefaultGlobal } from './global';\nimport { DefaultGraphicUtil, DefaultTransformUtil } from './graphic-utils';\nimport { DefaultLayerService } from './layer-service';\nimport { DefaultWindow, VWindow } from './window';\nimport { GraphicUtil, LayerService, TransformUtil } from './constants';\nimport { VGlobal } from '../constants';\n\nexport default new ContainerModule(bind => {\n  // global对象，全局单例模式\n  bind(DefaultGlobal).toSelf().inSingletonScope();\n  bind(VGlobal).toService(DefaultGlobal);\n\n  bind(DefaultWindow).to(DefaultWindow);\n  bind(VWindow).toService(DefaultWindow);\n  bind(DefaultGraphicUtil).toSelf().inSingletonScope();\n  bind(GraphicUtil).toService(DefaultGraphicUtil);\n  bind(DefaultTransformUtil).toSelf().inSingletonScope();\n  bind(TransformUtil).toService(DefaultTransformUtil);\n  bind(DefaultLayerService).toSelf().inSingletonScope();\n  bind(LayerService).toService(DefaultLayerService);\n\n  // bind(Stage).to(DefaultStage);\n  // bind<(params: Partial<IStageParams>) => IStage>(StageFactory).toFactory<IStage>((context: interface.Context) => {\n  //   return (params: Partial<IStageParams>) => {\n  //     const g = context.container.get<IGlobal>(Global);\n  //     const ws = context.container.get<IWindow>(VWindow);\n  //     const rs = context.container.get<IRenderService>(RenderService);\n  //     const layer = context.container.get<ILayer>(Layer);\n  //     return new DefaultStage(params, g, ws, rs, layer);\n  //   };\n  // });\n  // bind(Layer).to(DefaultLayer);\n});\n"]}

package/es/core/global-module.d.ts

@@ -0,0 +1 @@
+

package/es/core/global-module.js

@@ -0,0 +1 @@
+//# sourceMappingURL=global-module.js.map

package/es/core/global-module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/global-module.ts"],"names":[],"mappings":"","file":"global-module.js","sourcesContent":["// import type { IGlobal } from '../interface';\n// import { container } from '../container';\n// import { DefaultGlobal } from './global';\n// import envModules from './contributions/env/modules';\n// import { Global } from '../constants';\n\n// const globalModule = new ContainerModule((bind, unbind, isBound) => {\n//   // global对象，全局单例模式\n//   if (!isBound(Global)) {\n//     bind(DefaultGlobal).toSelf().inSingletonScope();\n//     bind(Global).toService(DefaultGlobal);\n//   }\n// });\n\n// container.load(globalModule);\n// container.load(envModules);\n\n// export const global = container.get<IGlobal>(Global);\n\n// export default globalModule;\n"]}