@visactor/vrender-core 0.22.0-vstory.1 → 0.22.0-vstory.11

package/dist/index.es.js

@@ -855,12 +855,6 @@ let DefaultGlobal = class DefaultGlobal {
     get env() {
         return this._env;
     }
-    get isImageAnonymous() {
-        return this._isImageAnonymous;
-    }
-    set isImageAnonymous(isImageAnonymous) {
-        this._isImageAnonymous = isImageAnonymous;
-    }
     get devicePixelRatio() {
         if (!this._env) {
             this.setEnv(defaultEnv);
@@ -929,7 +923,6 @@ let DefaultGlobal = class DefaultGlobal {
     }
     constructor(contributions) {
         this.contributions = contributions;
-        this._isImageAnonymous = true;
         this.id = Generator.GenAutoIncrementId();
         this.hooks = {
             onSetEnv: new SyncHook(['lastEnv', 'env', 'global'])
@@ -3314,7 +3307,7 @@ const DefaultRectAttribute = Object.assign(Object.assign({}, DefaultAttribute),
 const DefaultRect3dAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, x1: 0, y1: 0, cornerRadius: 0, length: 0, cornerType: 'round' });
 const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), { symbolType: 'circle', size: 10, keepDirIn3d: true, clipRange: 1 });
 const DefaultTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { strokeBoundsBuffer: 0, keepDirIn3d: true });
-const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { editable: false, width: 300, height: 300, ellipsis: true, wordBreak: 'break-word', verticalDirection: 'top', textAlign: 'left', textBaseline: 'top', layoutDirection: 'horizontal', textConfig: [], disableAutoWrapLine: false, maxHeight: undefined, maxWidth: undefined, singleLine: false });
+const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { editable: false, editOptions: null, width: 300, height: 300, ellipsis: true, wordBreak: 'break-word', verticalDirection: 'top', textAlign: 'left', textBaseline: 'top', layoutDirection: 'horizontal', textConfig: [], disableAutoWrapLine: false, maxHeight: undefined, maxWidth: undefined, singleLine: false });
 const DefaultImageAttribute = Object.assign(Object.assign({ repeatX: 'no-repeat', repeatY: 'no-repeat', image: '', width: 0, height: 0 }, DefaultAttribute), { fill: true, cornerRadius: 0, cornerType: 'round' });
 const DefaultRichTextIconAttribute = Object.assign(Object.assign({}, DefaultImageAttribute), { backgroundShowMode: 'never', backgroundWidth: 0, backgroundHeight: 0, textAlign: 'left', textBaseline: 'middle', direction: 'horizontal', margin: 0, id: '', width: 20, height: 20, backgroundFill: 'rgba(101, 117, 168, 0.1)', backgroundFillOpacity: 1, backgroundStroke: false, backgroundStrokeOpacity: 1, backgroundRadius: 4, opacity: 1 });
 
@@ -3938,17 +3931,16 @@ function measureTextCanvas(text, character) {
         descent: 0,
         width: 0
     };
-    if (typeof measurement.actualBoundingBoxAscent !== 'number' ||
-        typeof measurement.actualBoundingBoxDescent !== 'number') {
-        result.width = Math.floor(measurement.width);
+    if (typeof measurement.fontBoundingBoxAscent !== 'number' || typeof measurement.fontBoundingBoxDescent !== 'number') {
+        result.width = measurement.width;
         result.height = character.fontSize || 0;
         result.ascent = result.height;
         result.descent = 0;
     }
     else {
-        result.width = Math.floor(measurement.width);
-        result.height = Math.floor(measurement.actualBoundingBoxAscent + measurement.actualBoundingBoxDescent);
-        result.ascent = Math.floor(measurement.actualBoundingBoxAscent);
+        result.width = measurement.width;
+        result.height = Math.floor(measurement.fontBoundingBoxAscent + measurement.fontBoundingBoxDescent);
+        result.ascent = Math.floor(measurement.fontBoundingBoxAscent);
         result.descent = result.height - result.ascent;
     }
     return result;
@@ -11737,10 +11729,10 @@ class ResourceLoader {
     static GetFile(url, type) {
         let data = ResourceLoader.cache.get(url);
         if (data) {
-            if (data.loadState === 'fail') {
+            if (data.loadState === 'init' || data.loadState === 'fail') {
                 return Promise.reject();
             }
-            else if (data.loadState === 'init' || data.loadState === 'loading') {
+            else if (data.loadState === 'loading') {
                 return data.dataPromise.then(data => data.data);
             }
             return Promise.resolve(data.data);
@@ -11909,7 +11901,7 @@ class Graphic extends Node {
         }
     }
     get AABBBounds() {
-        return this.tryUpdateAABBBounds(this.attribute.boundsMode === 'imprecise');
+        return this.tryUpdateAABBBounds();
     }
     get OBBBounds() {
         return this.tryUpdateOBBBounds();
@@ -11964,7 +11956,8 @@ class Graphic extends Node {
     onAnimateBind(animate) {
         this._emitCustomEvent('animate-bind', animate);
     }
-    tryUpdateAABBBounds(full) {
+    tryUpdateAABBBounds() {
+        const full = this.attribute.boundsMode === 'imprecise';
         if (!this.shouldUpdateAABBBounds()) {
             return this._AABBBounds;
         }
@@ -11975,6 +11968,9 @@ class Graphic extends Node {
         application.graphicService.beforeUpdateAABBBounds(this, this.stage, true, this._AABBBounds);
         const bounds = this.doUpdateAABBBounds(full);
         application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, true);
+        if (this.attribute.boundsMode === 'empty') {
+            bounds.clear();
+        }
         return bounds;
     }
     tryUpdateOBBBounds() {
@@ -12389,6 +12385,7 @@ class Graphic extends Node {
         }
         this.animates.set(animate.id, animate);
         animate.onRemove(() => {
+            animate.stop();
             this.animates.delete(animate.id);
         });
         return animate;
@@ -12402,11 +12399,11 @@ class Graphic extends Node {
     }
     update(d) {
         if (d) {
-            d.bounds && this.tryUpdateAABBBounds(this.attribute.boundsMode === 'imprecise');
+            d.bounds && this.tryUpdateAABBBounds();
             d.trans && this.tryUpdateLocalTransMatrix();
         }
         else {
-            this.tryUpdateAABBBounds(this.attribute.boundsMode === 'imprecise');
+            this.tryUpdateAABBBounds();
             this.tryUpdateLocalTransMatrix();
         }
     }
@@ -12689,7 +12686,9 @@ class Graphic extends Node {
             if (this.animates && this.animates.size) {
                 const timeline = stage.getTimeline();
                 this.animates.forEach(a => {
-                    a.setTimeline(timeline);
+                    if (a.timeline === defaultTimeline) {
+                        a.setTimeline(timeline);
+                    }
                 });
             }
             this._onSetStage && this._onSetStage(this, stage, layer);
@@ -12863,6 +12862,7 @@ class Graphic extends Node {
     detachShadow() {
         if (this.shadowRoot) {
             this.addUpdateBoundTag();
+            this.shadowRoot.release(true);
             this.shadowRoot = null;
         }
     }
@@ -12970,6 +12970,7 @@ class Graphic extends Node {
     }
     release() {
         this.releaseStatus = 'released';
+        this.stopAnimates();
         application.graphicService.onRelease(this);
     }
     _emitCustomEvent(type, context) {
@@ -13591,6 +13592,9 @@ class Group extends Graphic {
         const bounds = this.doUpdateAABBBounds();
         this.addUpdateLayoutTag();
         application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange);
+        if (this.attribute.boundsMode === 'empty') {
+            bounds.clear();
+        }
         return bounds;
     }
     doUpdateLocalMatrix() {
@@ -13781,6 +13785,14 @@ class Group extends Graphic {
     getNoWorkAnimateAttr() {
         return Group.NOWORK_ANIMATE_ATTR;
     }
+    release(all) {
+        if (all) {
+            this.forEachChildren((g) => {
+                g.release(all);
+            });
+        }
+        super.release();
+    }
 }
 Group.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
 function createGroup(attributes) {
@@ -16918,6 +16930,7 @@ class CustomSymbolClass {
         return isNumber(size) ? size : Math.min(size[0], size[1]);
     }
     drawWithClipRange(ctx, size, x, y, clipRange, z, cb) {
+        size = this.parseSize(size);
         if (this.isSvg) {
             if (!this.svgCache) {
                 return false;
@@ -17839,6 +17852,18 @@ class Frame {
     }
 }
 
+function getFixedLRTB(left, right, top, bottom) {
+    const leftInt = Math.round(left);
+    const topInt = Math.round(top);
+    const rightInt = Math.round(right);
+    const bottomInt = Math.round(bottom);
+    return {
+        left: leftInt,
+        top: topInt,
+        right: rightInt,
+        bottom: bottomInt
+    };
+}
 class Paragraph {
     constructor(text, newLine, character) {
         this.fontSize = character.fontSize || 16;
@@ -17905,7 +17930,47 @@ class Paragraph {
             this.height = this.widthOrigin;
         }
     }
-    draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign) {
+    drawBackground(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
+        if (!(this.character.background && (!this.character.backgroundOpacity || this.character.backgroundOpacity > 0))) {
+            return;
+        }
+        let baseline = top + ascent;
+        let text = this.text;
+        let left = this.left + deltaLeft;
+        baseline += this.top;
+        let direction = this.direction;
+        if (this.verticalEllipsis) {
+            text = this.ellipsisStr;
+            direction = 'vertical';
+            baseline -= this.ellipsisWidth / 2;
+        }
+        else if (this.ellipsis === 'hide') {
+            return;
+        }
+        else if (this.ellipsis === 'add') {
+            text += this.ellipsisStr;
+            if (textAlign === 'right' || textAlign === 'end') {
+                left -= this.ellipsisWidth;
+            }
+        }
+        else if (this.ellipsis === 'replace') {
+            const index = getStrByWithCanvas(text, (direction === 'vertical' ? this.height : this.width) - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
+            text = text.slice(0, index);
+            text += this.ellipsisStr;
+            if (textAlign === 'right' || textAlign === 'end') {
+                const { width } = measureTextCanvas(this.text.slice(index), this.character);
+                if (direction === 'vertical') ;
+                else {
+                    left -= this.ellipsisWidth - width;
+                }
+            }
+        }
+        const right = left + (this.widthOrigin || this.width);
+        const bottom = top + lineHeight;
+        const lrtb = getFixedLRTB(left, right, top, bottom);
+        return Object.assign(Object.assign({}, lrtb), { fillStyle: this.character.background, globalAlpha: this.character.backgroundOpacity });
+    }
+    draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
         let baseline = top + ascent;
         let text = this.text;
         let left = this.left + deltaLeft;
@@ -17953,19 +18018,6 @@ class Paragraph {
             left = 0;
             baseline = 0;
         }
-        if (this.character.fill) {
-            if (this.character.background && (!this.character.backgroundOpacity || this.character.backgroundOpacity > 0)) {
-                const fillStyle = ctx.fillStyle;
-                const globalAlpha = ctx.globalAlpha;
-                ctx.fillStyle = this.character.background;
-                if (this.character.backgroundOpacity !== void 0) {
-                    ctx.globalAlpha = this.character.backgroundOpacity;
-                }
-                ctx.fillRect(left, top, this.widthOrigin || this.width, this.lineHeight);
-                ctx.fillStyle = fillStyle;
-                ctx.globalAlpha = globalAlpha;
-            }
-        }
         const { lineWidth = 1 } = this.character;
         if (this.character.stroke && lineWidth) {
             ctx.strokeText(text, left, baseline);
@@ -17974,19 +18026,35 @@ class Paragraph {
             ctx.fillText(text, left, baseline);
         }
         if (this.character.fill) {
-            if (typeof this.character.lineThrough === 'boolean' || typeof this.character.underline === 'boolean') {
+            if (this.character.lineThrough || this.character.underline) {
                 if (this.character.underline) {
-                    ctx.fillRect(left, 1 + baseline, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
+                    const top = 1 + baseline;
+                    const right = left + (this.widthOrigin || this.width);
+                    const bottom = top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
+                    const lrtb = getFixedLRTB(left, right, top, bottom);
+                    ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
                 }
                 if (this.character.lineThrough) {
-                    ctx.fillRect(left, 1 + baseline - this.ascent / 2, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
+                    const top = 1 + baseline - this.ascent / 2;
+                    const right = left + (this.widthOrigin || this.width);
+                    const bottom = top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
+                    const lrtb = getFixedLRTB(left, right, top, bottom);
+                    ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
                 }
             }
             else if (this.character.textDecoration === 'underline') {
-                ctx.fillRect(left, 1 + baseline, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
+                const top = 1 + baseline;
+                const right = left + (this.widthOrigin || this.width);
+                const bottom = top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
+                const lrtb = getFixedLRTB(left, right, top, bottom);
+                ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
             }
             else if (this.character.textDecoration === 'line-through') {
-                ctx.fillRect(left, 1 + baseline - this.ascent / 2, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
+                const top = 1 + baseline - this.ascent / 2;
+                const right = left + (this.widthOrigin || this.width);
+                const bottom = top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1);
+                const lrtb = getFixedLRTB(left, right, top, bottom);
+                ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
             }
         }
         if (direction === 'vertical') {
@@ -18325,6 +18393,36 @@ class Line {
                 }
             }
         }
+        let fillStyle = '';
+        let globalAlpha = -1;
+        let currBgList = [];
+        const bgList = [currBgList];
+        this.paragraphs.forEach((paragraph, index) => {
+            if (paragraph instanceof RichTextIcon) {
+                return;
+            }
+            const data = paragraph.drawBackground(ctx, y, this.ascent, x, index === 0, this.textAlign, this.height);
+            if (!data) {
+                return;
+            }
+            if (!(fillStyle === data.fillStyle && globalAlpha === data.globalAlpha)) {
+                currBgList = [];
+                bgList.push(currBgList);
+                fillStyle = data.fillStyle;
+                globalAlpha = data.globalAlpha;
+            }
+            currBgList.push(data);
+        });
+        bgList.forEach(bg => {
+            if (bg.length === 0) {
+                return;
+            }
+            const data = bg[0];
+            const end = bg[bg.length - 1];
+            ctx.fillStyle = data.fillStyle;
+            ctx.globalAlpha = data.globalAlpha;
+            ctx.fillRect(data.left, data.top, end.right - data.left, end.bottom - data.top);
+        });
         this.paragraphs.forEach((paragraph, index) => {
             if (paragraph instanceof RichTextIcon) {
                 paragraph.setAttributes({
@@ -18342,7 +18440,7 @@ class Line {
             };
             applyStrokeStyle(ctx, paragraph.character);
             applyFillStyle(ctx, paragraph.character, b);
-            paragraph.draw(ctx, y, this.ascent, x, index === 0, this.textAlign);
+            paragraph.draw(ctx, y, this.ascent, x, index === 0, this.textAlign, this.height);
         });
     }
     getWidthWithEllips(ellipsis) {
@@ -18672,7 +18770,16 @@ class RichText extends Graphic {
         return tc.every(item => item.isComposing ||
             !(item.text && isString(item.text) && RichText.splitText(item.text).length > 1));
     }
+    static splitEmoji(text) {
+        return [...new Intl.Segmenter().segment(text)].map(x => x.segment);
+    }
     static splitText(text) {
+        try {
+            const arr = this.splitEmoji(text);
+            return arr;
+        }
+        catch (e) {
+        }
         return Array.from(text);
     }
     static TransformTextConfig2SingleCharacter(textConfig) {
@@ -18692,7 +18799,8 @@ class RichText extends Graphic {
         return tc;
     }
     updateAABBBounds(attribute, richtextTheme, aabbBounds) {
-        const { width = richtextTheme.width, height = richtextTheme.height, maxWidth = richtextTheme.maxWidth, maxHeight = richtextTheme.maxHeight, textAlign = richtextTheme.textAlign, textBaseline = richtextTheme.textBaseline } = attribute;
+        var _a, _b;
+        const { width = richtextTheme.width, height = richtextTheme.height, maxWidth = richtextTheme.maxWidth, maxHeight = richtextTheme.maxHeight, textAlign = richtextTheme.textAlign, textBaseline = richtextTheme.textBaseline, editOptions } = attribute;
         if (width > 0 && height > 0) {
             aabbBounds.set(0, 0, width, height);
         }
@@ -18705,6 +18813,10 @@ class RichText extends Graphic {
             contentWidth = typeof maxWidth === 'number' && contentWidth > maxWidth ? maxWidth : contentWidth || 0;
             aabbBounds.set(0, 0, contentWidth, contentHeight);
         }
+        if (editOptions && editOptions.keepHeightWhileEmpty && !aabbBounds.height() && !((_a = attribute.textConfig) === null || _a === void 0 ? void 0 : _a.length)) {
+            aabbBounds.y2 = aabbBounds.y1 + ((_b = attribute.fontSize) !== null && _b !== void 0 ? _b : 12);
+            aabbBounds.x2 = aabbBounds.x1 + 2;
+        }
         let deltaY = 0;
         switch (textBaseline) {
             case 'top':
@@ -20726,8 +20838,8 @@ class DefaultImageRenderContribution extends DefaultRectRenderContribution {
         this.useStyle = true;
         this.order = 0;
     }
-    drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
-        return super.drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
+    drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
+        return super.drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
     }
 }
 const defaultImageRenderContribution = new DefaultImageRenderContribution();
@@ -24323,7 +24435,9 @@ let DefaultDrawContribution = class DefaultDrawContribution {
             this._increaseRender(group, drawContext);
             return;
         }
-        if (this.useDirtyBounds && !isRectIntersect(group.AABBBounds, this.dirtyBounds, false)) {
+        if (this.useDirtyBounds &&
+            !isRectIntersect(group.AABBBounds, this.dirtyBounds, false) &&
+            group.attribute.boundsMode !== 'empty') {
             return;
         }
         let nextM = parentMatrix;
@@ -24445,7 +24559,9 @@ let DefaultDrawContribution = class DefaultDrawContribution {
             tempBounds = this.dirtyBounds.clone().transformWithMatrix(this.scrollMatrix);
         }
         if (this.useDirtyBounds &&
-            !(graphic.isContainer || isRectIntersect(graphic.AABBBounds, tempBounds !== null && tempBounds !== void 0 ? tempBounds : this.dirtyBounds, false))) {
+            !(graphic.isContainer ||
+                graphic.attribute.boundsMode === 'empty' ||
+                isRectIntersect(graphic.AABBBounds, tempBounds !== null && tempBounds !== void 0 ? tempBounds : this.dirtyBounds, false))) {
             if (retrans && graphic.parent) {
                 const { scrollX = 0, scrollY = 0 } = graphic.parent.attribute;
                 this.scrollMatrix && this.scrollMatrix.translate(scrollX, scrollY);
@@ -26935,6 +27051,20 @@ function flatten_simplify(points, tolerance, highestQuality) {
     return points;
 }
 
+function getDefaultCharacterConfig(attribute) {
+    const { fill = 'black', stroke = false, fontWeight = 'normal', fontFamily = 'Arial' } = attribute;
+    let { fontSize = 12 } = attribute;
+    if (!isFinite(fontSize)) {
+        fontSize = 12;
+    }
+    return {
+        fill,
+        stroke,
+        fontSize,
+        fontWeight,
+        fontFamily
+    };
+}
 function findConfigIndexByCursorIdx(textConfig, cursorIndex) {
     if (cursorIndex < 0) {
         return 0;
@@ -27016,7 +27146,7 @@ class EditModule {
             this.composingConfigIdx = this.cursorIndex < 0 ? 0 : findConfigIndexByCursorIdx(textConfig, this.cursorIndex);
             if (this.cursorIndex < 0) {
                 const config = textConfig[0];
-                textConfig.unshift(Object.assign(Object.assign({ fill: 'black' }, config), { text: '' }));
+                textConfig.unshift(Object.assign(Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), config), { text: '' }));
             }
             else {
                 const configIdx = this.composingConfigIdx;
@@ -27033,14 +27163,13 @@ class EditModule {
             });
         };
         this.handleInput = (ev) => {
-            var _a, _b, _c, _d;
             if (!this.currRt) {
                 return;
             }
             if (ev.inputType === 'historyUndo') {
                 return;
             }
-            const _e = this.currRt.attribute, { textConfig = [] } = _e, rest = __rest(_e, ["textConfig"]);
+            const _a = this.currRt.attribute, { textConfig = [] } = _a, rest = __rest(_a, ["textConfig"]);
             if (ev.type === 'Backspace' && !textConfig.length) {
                 return;
             }
@@ -27056,12 +27185,7 @@ class EditModule {
             const lastConfigIdx = this.isComposing ? this.composingConfigIdx : Math.max(startIdx - 1, 0);
             let lastConfig = textConfig[lastConfigIdx];
             if (!lastConfig) {
-                lastConfig = {
-                    fill: (_a = rest.fill) !== null && _a !== void 0 ? _a : 'black',
-                    stroke: (_b = rest.stroke) !== null && _b !== void 0 ? _b : false,
-                    fontSize: (_c = rest.fontSize) !== null && _c !== void 0 ? _c : 12,
-                    fontWeight: (_d = rest.fontWeight) !== null && _d !== void 0 ? _d : 'normal'
-                };
+                lastConfig = getDefaultCharacterConfig(rest);
             }
             let nextConfig = lastConfig;
             if (startIdx !== endIdx) {
@@ -27157,7 +27281,7 @@ class EditModule {
         const text = lastConfig.text;
         const textList = text ? Array.from(text.toString()) : [];
         for (let i = 0; i < textList.length; i++) {
-            textConfig.splice(i + configIdx, 0, Object.assign(Object.assign({ fill: 'black' }, lastConfig), { isComposing: false, text: textList[i] }));
+            textConfig.splice(i + configIdx, 0, Object.assign(Object.assign(Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), { fill: 'black' }), lastConfig), { isComposing: false, text: textList[i] }));
         }
         this.currRt.setAttributes({ textConfig });
         const nextConfigIdx = configIdx + textList.length;
@@ -27219,6 +27343,9 @@ class Selection {
         }
         let idx = Math.round(cursorIdx);
         const config = this.rt.attribute.textConfig;
+        if (!config.length) {
+            return null;
+        }
         for (let i = 0; i < config.length; i++) {
             if (config[i].text !== '\n') {
                 idx--;
@@ -27232,7 +27359,7 @@ class Selection {
     getFormat(key) {
         return this.getAllFormat(key)[0];
     }
-    getAllFormat(key) {
+    getAllFormat(key, includeUndefined) {
         const valSet = new Set();
         const minCursorIdx = Math.min(this.selectionStartCursorIdx, this.curCursorIdx);
         const maxCursorIdx = Math.max(this.selectionStartCursorIdx, this.curCursorIdx);
@@ -27241,12 +27368,18 @@ class Selection {
         }
         for (let i = Math.ceil(minCursorIdx); i <= Math.floor(maxCursorIdx); i++) {
             const val = this._getFormat(key, i);
-            val && valSet.add(val);
+            if (includeUndefined) {
+                valSet.add(val);
+            }
+            else {
+                val !== undefined && valSet.add(val);
+            }
         }
         return Array.from(valSet.values());
     }
 }
 const FORMAT_TEXT_COMMAND = 'FORMAT_TEXT_COMMAND';
+const FORMAT_ALL_TEXT_COMMAND = 'FORMAT_ALL_TEXT_COMMAND';
 const FORMAT_ELEMENT_COMMAND = 'FORMAT_ELEMENT_COMMAND';
 class RichTextEditPlugin {
     static tryUpdateRichtext(richtext) {
@@ -27270,7 +27403,33 @@ class RichTextEditPlugin {
         this._uid = Generator.GenAutoIncrementId();
         this.key = this.name + this._uid;
         this.editing = false;
+        this.focusing = false;
         this.pointerDown = false;
+        this.formatTextCommandCb = (payload, p) => {
+            const rt = p.currRt;
+            if (!rt) {
+                return;
+            }
+            const selectionData = p.getSelection();
+            if (!selectionData) {
+                return;
+            }
+            const { selectionStartCursorIdx, curCursorIdx } = selectionData;
+            const minCursorIdx = Math.min(selectionStartCursorIdx, curCursorIdx);
+            const maxCursorIdx = Math.max(selectionStartCursorIdx, curCursorIdx);
+            const minConfigIdx = findConfigIndexByCursorIdx(rt.attribute.textConfig, minCursorIdx);
+            const maxConfigIdx = findConfigIndexByCursorIdx(rt.attribute.textConfig, maxCursorIdx);
+            const config = rt.attribute.textConfig.slice(minConfigIdx, maxConfigIdx);
+            this._formatTextCommand(payload, config, rt);
+        };
+        this.formatAllTextCommandCb = (payload, p) => {
+            const rt = p.currRt;
+            if (!rt) {
+                return;
+            }
+            const config = rt.attribute.textConfig;
+            this._formatTextCommand(payload, config, rt);
+        };
         this.handleKeyDown = (e) => {
             if (!(this.currRt && this.editing)) {
                 return;
@@ -27286,10 +27445,20 @@ class RichTextEditPlugin {
             }
         };
         this.handleInput = (text, isComposing, cursorIdx, rt) => {
+            if (!this.currRt) {
+                return;
+            }
+            this.tryShowShadowPlaceholder();
+            this.tryShowInputBounds();
             this.hideSelection();
             this.updateCbs.forEach(cb => cb('input', this));
         };
         this.handleChange = (text, isComposing, cursorIdx, rt) => {
+            if (!this.currRt) {
+                return;
+            }
+            this.tryShowShadowPlaceholder();
+            this.tryShowInputBounds();
             this.curCursorIdx = cursorIdx;
             this.selectionStartCursorIdx = cursorIdx;
             const p = this.computedCursorPosByCursorIdx(cursorIdx, rt);
@@ -27298,37 +27467,37 @@ class RichTextEditPlugin {
             this.updateCbs.forEach(cb => cb('change', this));
         };
         this.handleFocusIn = () => {
+            throw new Error('不会走到这里 handleFocusIn');
         };
         this.handleFocusOut = () => {
-            this.editing = false;
-            this.deFocus();
-            this.pointerDown = false;
-            this.triggerRender();
-            this.updateCbs.forEach(cb => cb('defocus', this));
+            throw new Error('不会走到这里 handleFocusOut');
         };
         this.handleMove = (e) => {
-            if (!this.isRichtext(e)) {
+            if (this.currRt && !this.currRt.attribute.editable) {
+                this.deFocus(true);
+            }
+            if (!this.isEditableRichtext(e)) {
+                this.handleLeave();
                 return;
             }
-            this.currRt = e.target;
-            this.handleEnter(e);
+            this.handleEnter();
             e.target.once('pointerleave', this.handleLeave);
             this.tryShowSelection(e, false);
         };
-        this.handleEnter = (e) => {
+        this.handleEnter = () => {
             this.editing = true;
             this.pluginService.stage.setCursor('text');
         };
-        this.handleLeave = (e) => {
+        this.handleLeave = () => {
             this.editing = false;
             this.pluginService.stage.setCursor('default');
         };
         this.handlePointerDown = (e) => {
-            if (this.editing) {
-                this.onFocus(e);
+            if (!this.editing || !this.isEditableRichtext(e)) {
+                this.deFocus(true);
             }
             else {
-                this.deFocus();
+                this.onFocus(e);
             }
             this.triggerRender();
             this.pointerDown = true;
@@ -27345,27 +27514,14 @@ class RichTextEditPlugin {
         };
         this.commandCbs = new Map();
         this.commandCbs.set(FORMAT_TEXT_COMMAND, [this.formatTextCommandCb]);
+        this.commandCbs.set(FORMAT_ALL_TEXT_COMMAND, [this.formatAllTextCommandCb]);
         this.updateCbs = [];
         this.timeline = new DefaultTimeline();
         this.ticker = new DefaultTicker([this.timeline]);
         this.deltaX = 0;
         this.deltaY = 0;
     }
-    formatTextCommandCb(payload, p) {
-        const rt = p.currRt;
-        if (!rt) {
-            return;
-        }
-        const selectionData = p.getSelection();
-        if (!selectionData) {
-            return;
-        }
-        const { selectionStartCursorIdx, curCursorIdx } = selectionData;
-        const minCursorIdx = Math.min(selectionStartCursorIdx, curCursorIdx);
-        const maxCursorIdx = Math.max(selectionStartCursorIdx, curCursorIdx);
-        const minConfigIdx = findConfigIndexByCursorIdx(rt.attribute.textConfig, minCursorIdx);
-        const maxConfigIdx = findConfigIndexByCursorIdx(rt.attribute.textConfig, maxCursorIdx);
-        const config = rt.attribute.textConfig.slice(minConfigIdx, maxConfigIdx);
+    _formatTextCommand(payload, config, rt) {
         if (payload === 'bold') {
             config.forEach((item) => (item.fontWeight = 'bold'));
         }
@@ -27382,6 +27538,12 @@ class RichTextEditPlugin {
             config.forEach((item) => merge(item, payload));
         }
         rt.setAttributes(rt.attribute);
+        const cache = rt.getFrameCache();
+        if (!cache) {
+            return;
+        }
+        this.selectionRangeByCursorIdx(this.selectionStartCursorIdx, this.curCursorIdx, cache);
+        this.tryShowInputBounds();
     }
     dispatchCommand(command, payload) {
         const cbs = this.commandCbs.get(command);
@@ -27392,10 +27554,24 @@ class RichTextEditPlugin {
         const cbs = this.commandCbs.get(command) || [];
         cbs.push(cb);
     }
+    removeCommand(command, cb) {
+        const cbs = this.commandCbs.get(command) || [];
+        const idx = cbs.indexOf(cb);
+        if (idx > -1) {
+            cbs.splice(idx, 1);
+        }
+    }
     registerUpdateListener(cb) {
         const cbs = this.updateCbs || [];
         cbs.push(cb);
     }
+    removeUpdateListener(cb) {
+        const cbs = this.updateCbs || [];
+        const idx = cbs.indexOf(cb);
+        if (idx > -1) {
+            cbs.splice(idx, 1);
+        }
+    }
     activate(context) {
         this.pluginService = context;
         this.editModule = new EditModule();
@@ -27436,8 +27612,11 @@ class RichTextEditPlugin {
         }
         startIdx = Math.min(Math.max(startIdx, -0.1), totalCursorCount + 0.1);
         endIdx = Math.min(Math.max(endIdx, -0.1), totalCursorCount + 0.1);
-        this.curCursorIdx = endIdx;
-        this.selectionStartCursorIdx = startIdx;
+        this.selectionRangeByCursorIdx(startIdx, endIdx, cache);
+    }
+    selectionRangeByCursorIdx(startCursorIdx, endCursorIdx, cache) {
+        this.curCursorIdx = endCursorIdx;
+        this.selectionStartCursorIdx = startCursorIdx;
         const { x, y1, y2 } = this.computedCursorPosByCursorIdx(this.selectionStartCursorIdx, this.currRt);
         this.startCursorPos = { x, y: (y1 + y2) / 2 };
         const pos = this.computedCursorPosByCursorIdx(this.curCursorIdx, this.currRt);
@@ -27456,6 +27635,12 @@ class RichTextEditPlugin {
                 return;
             }
             const { lines } = cache;
+            if (lines.length === 0) {
+                return;
+            }
+            if (!lines[0].paragraphs || lines[0].paragraphs.length === 0) {
+                return;
+            }
             const totalCursorCount = lines.reduce((total, line) => total + line.paragraphs.length, 0) - 1;
             this.selectionRange(-0.1, totalCursorCount + 0.1);
             e.preventDefault();
@@ -27514,6 +27699,7 @@ class RichTextEditPlugin {
             else if (this.curCursorIdx > totalCursorCount + 0.1) {
                 this.curCursorIdx = totalCursorCount + 0.1;
             }
+            this.selectionStartCursorIdx = this.curCursorIdx;
             const pos = this.computedCursorPosByCursorIdx(this.curCursorIdx, this.currRt);
             this.setCursorAndTextArea(pos.x, pos.y1, pos.y2, this.currRt);
             this.hideSelection();
@@ -27552,6 +27738,87 @@ class RichTextEditPlugin {
         }
         return true;
     }
+    tryShowShadowPlaceholder() {
+        if (!this.currRt) {
+            return;
+        }
+        const shadowRoot = this.currRt.shadowRoot;
+        if (shadowRoot) {
+            const placeholder = shadowRoot.getElementsByType('richtext')[0];
+            placeholder && shadowRoot.removeChild(placeholder);
+        }
+        const { textConfig, editOptions } = this.currRt.attribute;
+        if (textConfig && textConfig.length) {
+            return;
+        }
+        if (!(editOptions && editOptions.placeholder)) {
+            return;
+        }
+        const { placeholder, placeholderColor = 'rgba(0, 0, 0, 0.6)', placeholderFontFamily, placeholderFontSize } = editOptions;
+        const shadow = this.getShadow(this.currRt);
+        const textConfigItem = Object.assign(Object.assign({}, getDefaultCharacterConfig(this.currRt.attribute)), { text: placeholder });
+        if (placeholderColor) {
+            textConfigItem.fill = placeholderColor;
+        }
+        if (placeholderFontFamily) {
+            textConfigItem.fontFamily = placeholderFontFamily;
+        }
+        if (placeholderFontSize) {
+            textConfigItem.fontSize = placeholderFontSize;
+        }
+        this.shadowPlaceHolder = createRichText(Object.assign(Object.assign({}, this.currRt.attribute), { x: 0, y: 0, pickable: false, editable: false, editOptions: null, angle: 0, _debug_bounds: false, textConfig: [textConfigItem] }));
+        shadow.add(this.shadowPlaceHolder);
+    }
+    tryShowInputBounds() {
+        if (!(this.currRt && this.focusing)) {
+            return;
+        }
+        const { editOptions = {} } = this.currRt.attribute;
+        const { boundsStrokeWhenInput } = editOptions;
+        if (!editOptions || !boundsStrokeWhenInput) {
+            return;
+        }
+        const { attribute } = this.currRt;
+        let b = this.currRt.AABBBounds;
+        let h = b.height();
+        if (!attribute.textConfig.length && this.editLine) {
+            const { points } = this.editLine.attribute;
+            h = points[1].y - points[0].y;
+            b = getRichTextBounds(Object.assign({}, this.shadowPlaceHolder.attribute));
+        }
+        this.shadowBounds = this.shadowBounds || createRect({});
+        this.shadowBounds.setAttributes({
+            x: 0,
+            y: 0,
+            width: b.width(),
+            height: h,
+            fill: false,
+            stroke: boundsStrokeWhenInput,
+            lineWidth: 1,
+            zIndex: -1
+        });
+        const shadow = this.getShadow(this.currRt);
+        shadow.add(this.shadowBounds);
+        this.offsetLineBgAndShadowBounds();
+    }
+    trySyncPlaceholderToTextConfig() {
+        if (!this.currRt) {
+            return;
+        }
+        const { textConfig, editOptions } = this.currRt.attribute;
+        if (textConfig && textConfig.length) {
+            return;
+        }
+        if (!(editOptions && editOptions.placeholder && editOptions.syncPlaceHolderToTextConfig)) {
+            return;
+        }
+        const { placeholder } = editOptions;
+        this.currRt.setAttributes({
+            textConfig: [
+                Object.assign({ text: placeholder }, getDefaultCharacterConfig(this.currRt.attribute))
+            ]
+        });
+    }
     deactivate(context) {
         context.stage.off('pointermove', this.handleMove);
         context.stage.off('pointerdown', this.handlePointerDown);
@@ -27560,12 +27827,17 @@ class RichTextEditPlugin {
         context.stage.off('dblclick', this.handleDBLClick);
         application.global.addEventListener('keydown', this.handleKeyDown);
     }
-    onFocus(e) {
-        this.deFocus();
-        this.currRt = e.target;
+    onFocus(e, data) {
+        this.updateCbs && this.updateCbs.forEach(cb => cb('beforeOnfocus', this));
+        this.deFocus(false);
+        this.focusing = true;
         const target = e.target;
+        if (!(target && target.type === 'richtext')) {
+            return;
+        }
+        this.currRt = target;
         RichTextEditPlugin.tryUpdateRichtext(target);
-        const shadowRoot = target.attachShadow();
+        const shadowRoot = this.getShadow(target);
         const cache = target.getFrameCache();
         if (!cache) {
             return;
@@ -27582,7 +27854,7 @@ class RichTextEditPlugin {
             shadowRoot.add(this.editLine);
             shadowRoot.add(this.editBg);
         }
-        const data = this.computedCursorPosByEvent(e, cache);
+        data = data || this.computedCursorPosByEvent(e, cache);
         if (data) {
             const { x, y1, y2, cursorIndex } = data;
             this.startCursorPos = { x, y: (y1 + y2) / 2 };
@@ -27590,31 +27862,96 @@ class RichTextEditPlugin {
             this.selectionStartCursorIdx = cursorIndex;
             this.setCursorAndTextArea(x, y1, y2, target);
         }
+        else {
+            const x = 0;
+            const y1 = 0;
+            const y2 = getRichTextBounds(Object.assign(Object.assign({}, target.attribute), { textConfig: [{ text: 'a' }] })).height();
+            this.startCursorPos = { x, y: (y1 + y2) / 2 };
+            this.curCursorIdx = -0.1;
+            this.selectionStartCursorIdx = -0.1;
+            this.setCursorAndTextArea(x, y1, y2, target);
+        }
+        this.tryShowShadowPlaceholder();
+        this.tryShowInputBounds();
+        this.currRt.addUpdateBoundTag();
     }
-    deFocus() {
-        const target = this.currRt;
-        if (!target) {
+    offsetLineBgAndShadowBounds() {
+        const rt = this.currRt;
+        const { textBaseline } = rt.attribute;
+        let dy = 0;
+        let attr = rt.attribute;
+        let b;
+        if (textBaseline === 'middle' || textBaseline === 'bottom') {
+            if (!attr.textConfig.length) {
+                attr = Object.assign(Object.assign({}, attr), { textConfig: [{ text: 'a' }] });
+            }
+            b = getRichTextBounds(attr);
+        }
+        if (textBaseline === 'middle') {
+            dy = -b.height() / 2;
+        }
+        else if (textBaseline === 'bottom') {
+            dy = -b.height();
+        }
+        this.editLine && this.editLine.setAttributes({ dy });
+        this.editBg && this.editBg.setAttributes({ dy });
+        if (this.shadowBounds) {
+            this.shadowBounds.setAttributes({ dy });
+        }
+    }
+    deFocus(trulyDeFocus = false) {
+        const currRt = this.currRt;
+        if (!currRt) {
             return;
         }
-        target.detachShadow();
+        this.updateCbs && this.updateCbs.forEach(cb => cb('beforeDefocus', this, { trulyDeFocus }));
+        if (trulyDeFocus) {
+            this.trySyncPlaceholderToTextConfig();
+            currRt.detachShadow();
+        }
         this.currRt = null;
         if (this.editLine) {
-            this.editLine.parent.removeChild(this.editLine);
+            this.editLine.parent && this.editLine.parent.removeChild(this.editLine);
             this.editLine.release();
             this.editLine = null;
-            this.editBg.parent.removeChild(this.editBg);
+            this.editBg.parent && this.editBg.parent.removeChild(this.editBg);
             this.editBg.release();
             this.editBg = null;
         }
+        if (trulyDeFocus) {
+            if (this.shadowBounds) {
+                this.shadowBounds.parent && this.shadowBounds.parent.removeChild(this.shadowBounds);
+                this.shadowBounds.release();
+                this.shadowBounds = null;
+            }
+            if (this.shadowPlaceHolder) {
+                this.shadowPlaceHolder.parent && this.shadowPlaceHolder.parent.removeChild(this.shadowPlaceHolder);
+                this.shadowPlaceHolder.release();
+                this.shadowPlaceHolder = null;
+            }
+        }
+        this.focusing = false;
+        const textConfig = currRt.attribute.textConfig;
+        let lastConfig = textConfig[textConfig.length - 1];
+        let cleared = false;
+        while (lastConfig && lastConfig.text === '\n') {
+            textConfig.pop();
+            lastConfig = textConfig[textConfig.length - 1];
+            cleared = true;
+        }
+        cleared && currRt.setAttributes({ textConfig });
+        currRt.removeEventListener('pointerleave', this.handleLeave);
     }
     addAnimateToLine(line) {
+        line.setAttributes({ opacity: 1 });
         line.animates &&
             line.animates.forEach(animate => {
                 animate.stop();
                 animate.release();
             });
-        const animate = line.animate();
-        animate.setTimeline(this.timeline);
+        const animate = line.animate({
+            timeline: this.timeline
+        });
         animate.to({ opacity: 1 }, 10, 'linear').wait(700).to({ opacity: 0 }, 10, 'linear').wait(700).loop(Infinity);
     }
     tryShowSelection(e, dblclick) {
@@ -27665,6 +28002,9 @@ class RichTextEditPlugin {
         };
         let line0Info = this.getLineByPoint(cache, startCursorPos);
         let line1Info = this.getLineByPoint(cache, endCursorPos);
+        if (!line0Info || !line1Info) {
+            return;
+        }
         if (startCursorPos.y > endCursorPos.y ||
             (startCursorPos.y === endCursorPos.y && startCursorPos.x > endCursorPos.x)) {
             [startCursorPos, endCursorPos] = [endCursorPos, startCursorPos];
@@ -27725,7 +28065,7 @@ class RichTextEditPlugin {
                 y += line.height;
             }
         }
-        this.setCursorAndTextArea(currCursorData.x, currCursorData.y1 + 2, currCursorData.y2 - 2, this.currRt);
+        this.setCursorAndTextArea(currCursorData.x, currCursorData.y1, currCursorData.y2, this.currRt);
         this.triggerRender();
         this.updateCbs.forEach(cb => cb('selection', this));
     }
@@ -27735,6 +28075,11 @@ class RichTextEditPlugin {
             this.editBg.setAttributes({ fill: 'transparent' });
         }
     }
+    getShadow(rt) {
+        const sr = rt.shadowRoot || rt.attachShadow();
+        sr.setAttributes({ boundsMode: 'empty' });
+        return sr;
+    }
     getLineByPoint(cache, p1) {
         let lineInfo = cache.lines[0];
         for (let i = 0; i < cache.lines.length; i++) {
@@ -27793,7 +28138,10 @@ class RichTextEditPlugin {
         return -1;
     }
     isRichtext(e) {
-        return !!(e.target && e.target.type === 'richtext' && e.target.attribute.editable);
+        return !!(e.target && e.target.type === 'richtext');
+    }
+    isEditableRichtext(e) {
+        return this.isRichtext(e) && !!e.target.attribute.editable;
     }
     triggerRender() {
         this.pluginService.stage.renderNextFrame();
@@ -27823,6 +28171,18 @@ class RichTextEditPlugin {
         e.target.globalTransMatrix.transformPoint(p, p1);
         p1.x -= this.deltaX;
         p1.y -= this.deltaY;
+        const rt = this.currRt;
+        const { textBaseline } = rt.attribute;
+        let dy = 0;
+        if (textBaseline === 'middle') {
+            const b = getRichTextBounds(rt.attribute);
+            dy = b.height() / 2;
+        }
+        else if (textBaseline === 'bottom') {
+            const b = getRichTextBounds(rt.attribute);
+            dy = b.height();
+        }
+        p1.y += dy;
         return p1;
     }
     setCursorAndTextArea(x, y1, y2, rt) {
@@ -27838,6 +28198,7 @@ class RichTextEditPlugin {
         const { left, top } = this.pluginService.stage.window.getBoundingClientRect();
         out.x += left;
         out.y += top;
+        this.offsetLineBgAndShadowBounds();
         this.editModule.moveTo(out.x, out.y, rt, this.curCursorIdx, this.selectionStartCursorIdx);
     }
     computedCursorPosByEvent(e, cache) {
@@ -27850,10 +28211,8 @@ class RichTextEditPlugin {
         if (!columnInfo) {
             return;
         }
-        let y1 = lineInfo.top;
-        let y2 = lineInfo.top + lineInfo.height;
-        y1 += 2;
-        y2 -= 2;
+        const y1 = lineInfo.top;
+        const y2 = lineInfo.top + lineInfo.height;
         let cursorIndex = this.getColumnIndex(cache, columnInfo);
         cursorIndex += delta;
         const x = columnInfo.left + (delta > 0 ? columnInfo.width : 0);
@@ -27874,6 +28233,14 @@ class RichTextEditPlugin {
         const column = this.getColumnByIndex(cache, idx);
         const height = (_a = rt.attribute.fontSize) !== null && _a !== void 0 ? _a : (_c = (_b = rt.attribute.textConfig) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.fontSize;
         if (!column) {
+            if (!cache.lines.length) {
+                const b = getRichTextBounds(Object.assign(Object.assign({}, rt.attribute), { textConfig: [{ text: 'a' }] }));
+                return {
+                    x: 0,
+                    y1: 0,
+                    y2: b.height()
+                };
+            }
             return {
                 x: 0,
                 y1: 0,
@@ -27881,12 +28248,10 @@ class RichTextEditPlugin {
             };
         }
         const { lineInfo, columnInfo } = column;
-        let y1 = lineInfo.top;
-        let y2 = lineInfo.top + lineInfo.height;
+        const y1 = lineInfo.top;
+        const y2 = lineInfo.top + lineInfo.height;
         const x = columnInfo.left + (leftRight < 0 ? 0 : columnInfo.width);
-        y1 += 2;
-        y2 -= 2;
-        return { x, y1, y2 };
+        return { x, y1, y2, lineInfo, columnInfo };
     }
     getColumnByIndex(cache, index) {
         for (let i = 0, inputIndex = 0; i < cache.lines.length; i++) {
@@ -27921,6 +28286,49 @@ class RichTextEditPlugin {
         }
         return null;
     }
+    forceFocus(params) {
+        const { target, e, cursorIndex } = params;
+        if (!target) {
+            return;
+        }
+        this.currRt = target;
+        if (e) {
+            this._forceFocusByEvent(e);
+        }
+        else {
+            this._forceFocusByCursorIndex(cursorIndex !== null && cursorIndex !== void 0 ? cursorIndex : -0.1);
+        }
+    }
+    _forceFocusByEvent(e) {
+        this.handleEnter();
+        this.handlePointerDown(e);
+        this.handlePointerUp(e);
+    }
+    _forceFocusByCursorIndex(cursorIndex) {
+        const richtext = this.currRt;
+        if (!richtext) {
+            return;
+        }
+        let x = 0;
+        let y1 = 0;
+        let y2 = 2;
+        let lineInfo = null;
+        let columnInfo = null;
+        const data = this.computedCursorPosByCursorIdx(cursorIndex, richtext);
+        x = data.x;
+        y1 = data.y1;
+        y2 = data.y2;
+        lineInfo = data.lineInfo;
+        columnInfo = data.columnInfo;
+        this.onFocus({ target: this.currRt }, {
+            x,
+            y1,
+            y2,
+            cursorIndex,
+            lineInfo,
+            columnInfo
+        });
+    }
 }
 
 class DefaultGraphicAllocate {
@@ -29696,4 +30104,4 @@ function generatorPathEasingFunc(path) {
     };
 }
 
-export { ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateGroup, AnimateGroup1, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeAnimate, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, CbAnimate, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultMorphingAnimateConfig, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStateAnimateConfig, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicAnimate, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, ManualTickHandler, ManualTicker, Mat4Allocate, MatrixAllocate, MeasureModeEnum, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, SubAnimate, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TimeOutTickHandler, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, cloneGraphic, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCircle, createColor, createConicalGradient, createGlyph, createGroup, createImage, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, layerService, lineModule, lookAt, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlyphGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWrapTextGraphic, renderCommandList, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitGraphic, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformKeys, transformMat4, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };
+export { ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateGroup, AnimateGroup1, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeAnimate, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, CbAnimate, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultMorphingAnimateConfig, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStateAnimateConfig, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicAnimate, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, ManualTickHandler, ManualTicker, Mat4Allocate, MatrixAllocate, MeasureModeEnum, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, SubAnimate, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TimeOutTickHandler, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, cloneGraphic, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCircle, createColor, createConicalGradient, createGlyph, createGroup, createImage, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, layerService, lineModule, lookAt, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlyphGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWrapTextGraphic, renderCommandList, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitGraphic, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformKeys, transformMat4, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };