@chenyomi/leafer-htmltext-editor 1.0.0 → 1.0.1

package/dist/esm/TextEditTool/index.js

@@ -7,21 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { PointerEvent } from 'leafer-ui';
-import { EditTool, registerEditTool, EditorScaleEvent } from '@leafer-in/editor';
-import { updataHtmlText } from '../utils';
-import { TextEditor } from '../TextEditor';
-function debounce(func, wait) {
-    let timeout = null;
-    return function (...args) {
-        if (timeout)
-            clearTimeout(timeout);
-        timeout = setTimeout(() => func.apply(this, args), wait);
-    };
-}
+import { EditTool, EditorScaleEvent, registerEditTool, } from "@leafer-in/editor";
+import { PointerEvent } from "leafer-ui";
+import { quillManager } from "../index";
+import { updataHtmlText } from "../utils";
 let TextEditTool = class TextEditTool extends EditTool {
     get tag() {
-        return 'TextEditTool';
+        return "TextEditTool";
     }
     constructor(editor) {
         super(editor);
@@ -30,101 +22,83 @@ let TextEditTool = class TextEditTool extends EditTool {
         this.isUpdatingPoints = false;
         this.curveAmount = 0;
         this.eventIds = [];
-        this.updateBoxDebounced = debounce((text) => {
+        this.updateBoxDebounced = this.debounce((text) => {
             updataHtmlText(text);
         }, 300);
     }
+    debounce(func, wait) {
+        let timeout = null;
+        return ((...args) => {
+            if (timeout !== null) {
+                window.clearTimeout(timeout);
+            }
+            timeout = window.setTimeout(() => func.apply(this, args), wait);
+        });
+    }
     addEvent() {
-        if (!this.editor?.element)
-            return;
-        const text = this.editor.element.findOne('HTMLText');
-        if (!text)
-            return;
+        const { editor } = quillManager.getCanvas();
+        const text = editor._target.findOne("HTMLText");
         const { scaleX, scaleY } = text.worldTransform;
         const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
-        const div = document.querySelector('#textInnerEditor');
-        if (!div)
-            return;
+        const div = document.querySelector("#textInnerEditor");
         const { style } = div;
         this.eventIds = [
-            this.editor.on_(EditorScaleEvent.SCALE, (e) => {
-                if (!text.data)
-                    text.data = {};
+            editor.on_(EditorScaleEvent.SCALE, (e) => {
                 if (!text.data.canChangeBox) {
                     text.data.canChangeBox = true;
                 }
-                if (text.data.canChangeBox && text.parent) {
-                    const parentWidth = text.parent.width;
-                    if (parentWidth !== undefined) {
-                        style.width = parentWidth * zoomScale + 'px';
-                        style.height = 'auto';
-                    }
+                if (text.data.canChangeBox) {
+                    style.width = text.parent.width * zoomScale + "px";
+                    style.height = "auto";
                 }
                 this.updateBoxDebounced(text);
             }),
-            this.editor.on_(PointerEvent.DOUBLE_TAP, () => {
-                if (!text.parent?.locked) {
-                    this.editor.openInnerEditor(text, true);
+            editor.on_(PointerEvent.DOUBLE_TAP, () => {
+                if (!text.parent.locked) {
+                    editor.openInnerEditor(text, true);
                 }
-            })
+            }),
         ];
     }
     onLoad() {
-        if (!this.editor?.element)
-            return;
-        const text = this.editor.element.findOne('HTMLText');
-        if (!text)
-            return;
+        const { editor } = quillManager.getCanvas();
+        const text = editor._target.findOne("HTMLText");
         const { scaleX, scaleY } = text.worldTransform;
         const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
         this.addEvent();
-        this.editBox.add(this.view);
-        this.quill = TextEditor.quill;
-        if (this.quill && text.text) {
-            this.quill.clipboard.dangerouslyPasteHTML(text.text);
-        }
-        const div = document.querySelector('#textInnerEditor');
-        if (!div)
-            return;
+        this.quill = quillManager.getQuill();
+        this.quill.clipboard.dangerouslyPasteHTML(text.text);
+        const div = document.querySelector("#textInnerEditor");
         const { style } = div;
-        if (text.data?.canChangeBox && text.parent) {
-            const parentWidth = text.parent.width;
-            const parentHeight = text.parent.height;
-            if (parentWidth !== undefined) {
-                style.width = parentWidth * zoomScale + 'px';
-            }
-            if (parentHeight !== undefined) {
-                style.height = parentHeight * zoomScale + 'px';
-            }
+        if (text.data.canChangeBox) {
+            style.width = text.parent.width * zoomScale + "px";
+            style.height = text.parent.height * zoomScale + "px";
         }
         else {
-            style.width = 'auto';
-            style.height = 'auto';
+            style.width = "auto";
+            style.height = "auto";
         }
     }
     updateChangeBoxBound(text) {
-        if (text && text.__layout?.boxBounds) {
+        text &&
             text.set({
                 width: text.__layout.boxBounds.width,
-                height: text.__layout.boxBounds.height
+                height: text.__layout.boxBounds.height,
             });
-        }
     }
     onUpdate() {
-        if (!this.editor?.element)
-            return;
-        const text = this.editor.element.findOne('HTMLText');
-        if (!text)
-            return;
-        const el = this.editor.element;
-        console.log('文本bound更新');
-        if (this.curveAmount === text.curveAmount)
+        const { editor } = quillManager.getCanvas();
+        const text = editor._target.findOne("HTMLText");
+        const el = editor._target;
+        console.log("文本bound更新");
+        if (this.curveAmount == text.curveAmount)
             return;
         if (this.isUpdatingPoints)
             return;
     }
     onUnload() {
-        this.editor.off_(this.eventIds);
+        const { editor } = quillManager.getCanvas();
+        editor.off_(this.eventIds);
     }
     onDestroy() { }
 };

package/dist/esm/TextEditTool/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/TextEditTool/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,GAAG,EAAE,IAAI,OAAO,SAsExD,CAAA;AAmFD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMnD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjD;AAGD,eAAO,MAAM,iBAAiB,UAAgC,CAAA;AAE9D,eAAO,MAAM,eAAe,UAA8B,CAAA;AA0B1D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM9C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/TextEditTool/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,GAAG,EAAE,IAAI,OAAO,SAsExD,CAAA;AAgKD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMnD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjD;AAED,eAAO,MAAM,iBAAiB,UAAgC,CAAA;AAE9D,eAAO,MAAM,eAAe,UAA8B,CAAA;AAuB1D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM9C"}

package/dist/esm/TextEditTool/utils.js

@@ -1,5 +1,5 @@
-import { Box, Path } from 'leafer-ui';
 import { HTMLText } from '@leafer-in/html';
+import { Box, Path } from 'leafer-ui';
 export function getArcRadius(fontSize, curveAmount) {
     if (curveAmount === 0)
         return Infinity;
@@ -75,20 +75,103 @@ export const handleShowCurve = (element, op) => {
     element.add(group);
 };
 const baseSuperscript = {
-    '0': '⁰', '1': '¹', '2': '²', '3': '³', '4': '⁴', '5': '⁵', '6': '⁶', '7': '⁷', '8': '⁸', '9': '⁹',
-    a: 'ᵃ', b: 'ᵇ', c: 'ᶜ', d: 'ᵈ', e: 'ᵉ', f: 'ᶠ', g: 'ᵍ', h: 'ʰ', i: 'ⁱ', j: 'ʲ', k: 'ᵏ',
-    l: 'ˡ', m: 'ᵐ', n: 'ⁿ', o: 'ᵒ', p: 'ᵖ', r: 'ʳ', s: 'ˢ', t: 'ᵗ', u: 'ᵘ', v: 'ᵛ', w: 'ʷ',
-    x: 'ˣ', y: 'ʸ', z: 'ᶻ',
-    A: 'ᴬ', B: 'ᴮ', D: 'ᴰ', E: 'ᴱ', G: 'ᴳ', H: 'ᴴ', I: 'ᴵ', J: 'ᴶ', K: 'ᴷ', L: 'ᴸ', M: 'ᴹ',
-    N: 'ᴺ', O: 'ᴼ', P: 'ᴾ', R: 'ᴿ', T: 'ᵀ', U: 'ᵁ', W: 'ᵂ',
-    '+': '⁺', '-': '⁻', '=': '⁼', '(': '⁽', ')': '⁾'
+    '0': '⁰',
+    '1': '¹',
+    '2': '²',
+    '3': '³',
+    '4': '⁴',
+    '5': '⁵',
+    '6': '⁶',
+    '7': '⁷',
+    '8': '⁸',
+    '9': '⁹',
+    a: 'ᵃ',
+    b: 'ᵇ',
+    c: 'ᶜ',
+    d: 'ᵈ',
+    e: 'ᵉ',
+    f: 'ᶠ',
+    g: 'ᵍ',
+    h: 'ʰ',
+    i: 'ⁱ',
+    j: 'ʲ',
+    k: 'ᵏ',
+    l: 'ˡ',
+    m: 'ᵐ',
+    n: 'ⁿ',
+    o: 'ᵒ',
+    p: 'ᵖ',
+    r: 'ʳ',
+    s: 'ˢ',
+    t: 'ᵗ',
+    u: 'ᵘ',
+    v: 'ᵛ',
+    w: 'ʷ',
+    x: 'ˣ',
+    y: 'ʸ',
+    z: 'ᶻ',
+    A: 'ᴬ',
+    B: 'ᴮ',
+    D: 'ᴰ',
+    E: 'ᴱ',
+    G: 'ᴳ',
+    H: 'ᴴ',
+    I: 'ᴵ',
+    J: 'ᴶ',
+    K: 'ᴷ',
+    L: 'ᴸ',
+    M: 'ᴹ',
+    N: 'ᴺ',
+    O: 'ᴼ',
+    P: 'ᴾ',
+    R: 'ᴿ',
+    T: 'ᵀ',
+    U: 'ᵁ',
+    W: 'ᵂ',
+    '+': '⁺',
+    '-': '⁻',
+    '=': '⁼',
+    '(': '⁽',
+    ')': '⁾'
 };
 const baseSubscript = {
-    '0': '₀', '1': '₁', '2': '₂', '3': '₃', '4': '₄', '5': '₅', '6': '₆', '7': '₇', '8': '₈', '9': '₉',
-    a: 'ₐ', e: 'ₑ', h: 'ₕ', i: 'ᵢ', j: 'ⱼ', k: 'ₖ', l: 'ₗ', m: 'ₘ', n: 'ₙ', o: 'ₒ', p: 'ₚ',
-    r: 'ᵣ', s: 'ₛ', t: 'ₜ', u: 'ᵤ', v: 'ᵥ', x: 'ₓ',
-    '+': '₊', '-': '₋', '=': '₌', '(': '₍', ')': '₎',
-    'β': 'ᵦ', 'γ': 'ᵧ', 'ρ': 'ᵨ', 'φ': 'ᵩ', 'χ': 'ᵪ'
+    '0': '₀',
+    '1': '₁',
+    '2': '₂',
+    '3': '₃',
+    '4': '₄',
+    '5': '₅',
+    '6': '₆',
+    '7': '₇',
+    '8': '₈',
+    '9': '₉',
+    a: 'ₐ',
+    e: 'ₑ',
+    h: 'ₕ',
+    i: 'ᵢ',
+    j: 'ⱼ',
+    k: 'ₖ',
+    l: 'ₗ',
+    m: 'ₘ',
+    n: 'ₙ',
+    o: 'ₒ',
+    p: 'ₚ',
+    r: 'ᵣ',
+    s: 'ₛ',
+    t: 'ₜ',
+    u: 'ᵤ',
+    v: 'ᵥ',
+    x: 'ₓ',
+    '+': '₊',
+    '-': '₋',
+    '=': '₌',
+    '(': '₍',
+    ')': '₎',
+    β: 'ᵦ',
+    γ: 'ᵧ',
+    ρ: 'ᵨ',
+    φ: 'ᵩ',
+    χ: 'ᵪ'
 };
 function invertMap(map) {
     const inv = {};

package/dist/esm/TextEditor.d.ts

@@ -1,15 +1,12 @@
-import { IText, IEventListenerId } from "@leafer-in/interface";
 import { InnerEditor } from "@leafer-in/editor";
 export declare class TextEditor extends InnerEditor {
-    static quill: any;
     get tag(): string;
-    quill: any;
-    editTarget: IText;
-    editDom: HTMLDivElement | undefined;
+    editTarget: any;
+    editDom: any;
     config: {
         selectAll: boolean;
     };
-    eventIds: IEventListenerId[];
+    eventIds: any[];
     protected selectText: {
         start: number;
         end: number;
@@ -17,6 +14,12 @@ export declare class TextEditor extends InnerEditor {
     } | undefined;
     protected inBody: boolean | undefined;
     protected isHTMLText: boolean | undefined;
+    protected _keyEvent: boolean | undefined;
+    quill: any;
+    isComposing: boolean;
+    private misspelledWords;
+    private overlay;
+    private get isOASystem();
     onLoad(): void;
     private onSelectionChange;
     private onInput;

package/dist/esm/TextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../src/TextEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAuB,MAAM,mBAAmB,CAAC;AAMrE,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAc,KAAK,EAAE,GAAG,CAAC;IAEzB,IAAW,GAAG,WAEb;IAEM,KAAK,EAAE,GAAG,CAAC;IACH,UAAU,EAAE,KAAK,CAAC;IAE1B,OAAO,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC,MAAM;;MAEX;IAEK,QAAQ,EAAE,gBAAgB,EAAE,CAAM;IAEzC,SAAS,CAAC,UAAU,EAChB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC5C,SAAS,CAAC;IACd,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAEnC,MAAM,IAAI,IAAI;IAoGrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,OAAO,CAGb;IAEK,QAAQ;IAkCf,OAAO,CAAC,gBAAgB,CAAS;IAE1B,QAAQ,IAAI,IAAI;CAsBxB"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../src/TextEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,mBAAmB,CAAC;AAKrE,qBACa,UAAW,SAAQ,WAAW;IACzC,IAAW,GAAG,WAEb;IACc,UAAU,EAAE,GAAG,CAAC;IAExB,OAAO,EAAE,GAAG,CAAC;IACb,MAAM;;MAEX;IAEK,QAAQ,EAAE,GAAG,EAAE,CAAM;IAE5B,SAAS,CAAC,UAAU,EAChB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC5C,SAAS,CAAa;IAC1B,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAa;IAClD,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAa;IACtD,SAAS,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAa;IAC9C,KAAK,EAAE,GAAG,CAAQ;IAClB,WAAW,EAAE,OAAO,CAAS;IAGpC,OAAO,CAAC,eAAe,CAIf;IACR,OAAO,CAAC,OAAO,CAA+B;IAG9C,OAAO,KAAK,UAAU,GAErB;IACM,MAAM,IAAI,IAAI;IA2FrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,OAAO,CAUb;IAEK,QAAQ;IA0Bf,OAAO,CAAC,gBAAgB,CAAS;IAC1B,QAAQ,IAAI,IAAI;CAsCxB"}

package/dist/esm/TextEditor.js

@@ -4,21 +4,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (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;
 };
-var TextEditor_1;
-import { Matrix, PointerEvent } from "@leafer-ui/core";
 import { InnerEditor, registerInnerEditor } from "@leafer-in/editor";
+import { Matrix, PointerEvent } from "@leafer-ui/core";
+import { quillManager } from ".";
 import { updataHtmlText } from "./utils";
-let TextEditor = TextEditor_1 = class TextEditor extends InnerEditor {
+let TextEditor = class TextEditor extends InnerEditor {
     constructor() {
         super(...arguments);
         this.config = {
             selectAll: false,
         };
         this.eventIds = [];
+        this.selectText = undefined;
+        this.inBody = undefined;
+        this.isHTMLText = undefined;
+        this._keyEvent = undefined;
+        this.quill = null;
+        this.isComposing = false;
+        this.misspelledWords = [];
+        this.overlay = null;
         this.onSelectionChange = async (e) => {
             e && localStorage.setItem("selection-change", JSON.stringify(e));
         };
         this.onInput = async () => {
+            const { editDom } = this;
+            console.log("onInput");
             updataHtmlText(this.editTarget);
         };
         this.isUpdatingPoints = false;
@@ -26,26 +36,22 @@ let TextEditor = TextEditor_1 = class TextEditor extends InnerEditor {
     get tag() {
         return "TextEditor";
     }
+    get isOASystem() {
+        return window.location.host.includes("oa");
+    }
     onLoad() {
         const { editor } = this;
         const { config } = editor.app;
         const text = this.editTarget;
         const { scaleX, scaleY } = text.worldTransform;
         const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
-        this.quill = TextEditor_1.quill;
         this.isHTMLText = !(text instanceof Text);
+        this._keyEvent = config.keyEvent;
         config.keyEvent = false;
-        const element = document.querySelector("#textInnerEditor");
-        if (!element || !(element instanceof HTMLDivElement)) {
-            console.error("Cannot find #textInnerEditor element or it's not a div");
-            return;
-        }
-        const div = (this.editDom = element);
+        const div = (this.editDom = document.querySelector("#textInnerEditor"));
         const { style } = div;
         style.visibility = "visible";
-        if (text.data?.canChangeBox &&
-            text.parent?.width !== undefined &&
-            text.parent?.height !== undefined) {
+        if (text.data.canChangeBox) {
             style.width = text.parent.width * zoomScale + "px";
             style.height = text.parent.height * zoomScale + "px";
         }
@@ -54,51 +60,44 @@ let TextEditor = TextEditor_1 = class TextEditor extends InnerEditor {
             style.height = "auto";
         }
         style.outline = "solid #8499EF";
-        if (text.data?.textData?.fontSize) {
+        if (text.data.textData.fontSize) {
             div.style.fontSize = `${text.data.textData.fontSize * zoomScale}px`;
         }
-        if (text.data?.textData?.fontFamily) {
+        if (text.data.textData.fontFamily) {
             div.style.fontFamily = `${text.data.textData.fontFamily}`;
         }
-        if (text.data?.textData?.lineHeight) {
+        if (text.data.textData.lineHeight) {
             div.style.lineHeight = text.data.textData.lineHeight;
         }
-        if (text.data?.textData?.letterSpacing) {
+        if (text.data.textData.letterSpacing) {
             div.style.letterSpacing = `${text.data.textData.letterSpacing}px`;
         }
-        if (text.data?.textData?.textShadow) {
+        if (text.data.textData.textShadow) {
             div.style.textShadow = `${text.data.textData.textShadow}`;
         }
         else {
             div.style.textShadow = "none";
         }
-        if (text.data?.textData?.alignContent) {
+        if (text.data.textData.alignContent) {
             const qlEditor = div.querySelector(".ql-editor");
-            if (qlEditor) {
-                qlEditor.style.alignContent = `${text.data.textData.alignContent}`;
-            }
+            qlEditor.style.alignContent = `${text.data.textData.alignContent}`;
         }
-        if (this.quill) {
-            this.quill.clipboard.dangerouslyPasteHTML(text.text);
-            if (text.parent?.children?.[0]?.tag?.includes("Shape")) {
-                const parentWidth = text.parent.width;
-                if (parentWidth !== undefined) {
-                    style.width = parentWidth * zoomScale + "px";
-                    style.left = "0px";
-                }
-                this.quill.formatLine(0, this.quill.getLength(), "align", "center");
-            }
-            else {
-                this.quill.setSelection(0, this.quill.getLength() - 1);
-            }
-            this.quill.on("text-change", this.onInput);
-            this.quill.on("selection-change", this.onSelectionChange);
+        this.quill = quillManager.getQuill();
+        this.quill.clipboard.dangerouslyPasteHTML(text.text);
+        if (text.parent.children[0].tag.includes("Shape")) {
+            style.width = text.parent.width * zoomScale + "px";
+            style.left = "0px";
+            this.quill.formatLine(0, this.quill.getLength(), "align", "center");
+        }
+        else {
+            this.quill.setSelection(0, this.quill.getLength() - 1);
         }
+        this.quill.on("text-change", this.onInput);
+        this.quill.on("selection-change", this.onSelectionChange);
         localStorage.removeItem("selection-change");
         this.eventIds = [
             editor.app.on_(PointerEvent.DOWN, (e) => {
-                let { target } = e.origin;
-                let find = false;
+                let { target } = e.origin, find = false;
                 while (target) {
                     if (target === div)
                         find = true;
@@ -113,27 +112,20 @@ let TextEditor = TextEditor_1 = class TextEditor extends InnerEditor {
     }
     onUpdate() {
         const { editTarget: text } = this;
-        if (!text.parent?.__local)
-            return;
         const { scaleX, scaleY } = text.worldTransform;
         const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
-        const local = text.parent.__local;
-        let width = local.width || 0;
-        let height = local.height || 0;
-        width *= zoomScale;
-        height *= zoomScale;
+        let { width, height } = text.parent.__local;
+        ((width *= zoomScale), (height *= zoomScale));
         const { x, y } = this.inBody
             ? text.app.clientBounds
-            : (text.app.tree?.clientBounds || { x: 0, y: 0 });
+            : text.app.tree.clientBounds;
         const { a, b, c, d, e, f } = new Matrix(text.worldTransform)
             .scale(1 / zoomScale)
             .translateInner(0, 0);
-        if (this.editDom) {
-            const { style } = this.editDom;
-            style.transform = `matrix(${a},${b},${c},${d},${e},${f})`;
-            style.left = x + "px";
-            style.top = y + "px";
-        }
+        const { style } = this.editDom;
+        style.transform = `matrix(${a},${b},${c},${d},${e},${f})`;
+        style.left = x + "px";
+        style.top = y + "px";
         text.set({
             visible: false,
         });
@@ -142,22 +134,32 @@ let TextEditor = TextEditor_1 = class TextEditor extends InnerEditor {
         const { editTarget: text, editor, editDom: dom } = this;
         if (text) {
             this.onInput();
+            if (editor.app)
+                editor.app.config.keyEvent = this._keyEvent;
             editor.off_(this.eventIds);
-            if (this.editDom) {
-                this.editDom.style.visibility = "hidden";
-            }
+            this.editDom.style.visibility = "hidden";
             this.eventIds = [];
         }
-        text.set({
-            visible: true,
-        });
-        if (this.quill) {
-            this.quill.off("text-change", this.onInput);
-            this.quill.off("selection-change", this.onSelectionChange);
+        if (text.parent &&
+            text.parent.name == "Text" &&
+            text.parent.children.some((e) => e.tag === "Box")) {
+            text.parent.findOne("Box").opacity = 1;
+            text.visible = false;
+        }
+        else {
+            text.set({
+                visible: true,
+            });
+        }
+        if (this.quill.getLength() === 1 && text.parent.name === "Text") {
+            text.parent.remove();
         }
+        console.log("onUnload");
+        this.quill.off("text-change", this.onInput);
+        this.quill.off("selection-change", this.onSelectionChange);
     }
 };
-TextEditor = TextEditor_1 = __decorate([
+TextEditor = __decorate([
     registerInnerEditor()
 ], TextEditor);
 export { TextEditor };

package/dist/esm/index.d.ts

@@ -1,7 +1,18 @@
-export { TextEditor } from "./TextEditor";
-import "./TextEditTool";
-import "quill/dist/quill.core.css";
-export { updataHtmlText, setHTMLText } from "./utils";
-export { fontManager, defaultFonts, FontManager } from "./fonts/font";
-export declare function initTextEditorQuill(container?: HTMLElement): any;
+export { TextEditor } from './TextEditor';
+import './TextEditTool';
+import Quill from 'quill';
+declare class QuillManager {
+    private static instance;
+    private quill;
+    app_: any | null;
+    private constructor();
+    static getInstance(): QuillManager;
+    init(app: any): Quill;
+    getQuill(): Quill;
+    getCanvas(): any;
+    private registerFonts;
+    isMultiSelect(): boolean;
+    dateEdit(callback: (leaf: any) => void, level?: number, listNew?: any): void;
+}
+export declare const quillManager: QuillManager;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,gBAAgB,CAAC;AAIxB,OAAO,2BAA2B,CAAC;AAGnC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItE,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,WAAW,OA6E1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,gBAAgB,CAAA;AAGvB,OAAO,KAAgB,MAAM,OAAO,CAAA;AAEpC,cAAM,YAAY;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAc;IACrC,OAAO,CAAC,KAAK,CAAqB;IAC3B,IAAI,EAAE,GAAG,GAAG,IAAI,CAAO;IAE9B,OAAO;IAEP,MAAM,CAAC,WAAW;IAQlB,IAAI,CAAC,GAAG,EAAE,GAAG;IAgDb,QAAQ;IAOR,SAAS;IAOT,OAAO,CAAC,aAAa;IA+Bd,aAAa,IAAI,OAAO;IAQxB,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,KAAK,SAAI,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;CA4B/E;AAED,eAAO,MAAM,YAAY,cAA6B,CAAA"}

package/dist/esm/utils.d.ts

@@ -1,3 +1,3 @@
 export declare const updataHtmlText: (e?: any, base64font?: any, fontObj?: any) => Promise<void>;
-export declare const setHTMLText: (key: string, value?: any, base64font?: any, editor?: any, isInnerEditor?: boolean) => void;
+export declare const setHTMLText: (key: string, value?: any, base64font?: any) => void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/esm/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,cAAc,GAAU,IAAI,GAAG,EAAE,aAAa,GAAG,EAAE,UAAU,GAAG,kBAuG5E,CAAC;AAqFF,eAAO,MAAM,WAAW,GACtB,KAAK,MAAM,EACX,QAAQ,GAAG,EACX,aAAa,GAAG,EAChB,SAAS,GAAG,EACZ,gBAAgB,OAAO,SAgIxB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAU,IAAI,GAAG,EAAE,aAAa,GAAG,EAAE,UAAU,GAAG,kBAgG5E,CAAA;AAmED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,QAAQ,GAAG,EAAE,aAAa,GAAG,SA+HrE,CAAA"}