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

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 });
 
@@ -11737,10 +11730,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 +11902,7 @@ class Graphic extends Node {
         }
     }
     get AABBBounds() {
-        return this.tryUpdateAABBBounds(this.attribute.boundsMode === 'imprecise');
+        return this.tryUpdateAABBBounds();
     }
     get OBBBounds() {
         return this.tryUpdateOBBBounds();
@@ -11964,7 +11957,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 +11969,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() {
@@ -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();
         }
     }
@@ -17839,6 +17836,22 @@ 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);
+    const _left = left > leftInt ? leftInt : leftInt - 0.5;
+    const _top = top > topInt ? topInt : topInt - 0.5;
+    const _right = rightInt > right ? rightInt : rightInt + 0.5;
+    const _bottom = bottomInt > bottom ? bottomInt : bottomInt + 0.5;
+    return {
+        left: _left,
+        top: _top,
+        right: _right,
+        bottom: _bottom
+    };
+}
 class Paragraph {
     constructor(text, newLine, character) {
         this.fontSize = character.fontSize || 16;
@@ -17905,7 +17918,7 @@ class Paragraph {
             this.height = this.widthOrigin;
         }
     }
-    draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign) {
+    draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
         let baseline = top + ascent;
         let text = this.text;
         let left = this.left + deltaLeft;
@@ -17961,7 +17974,10 @@ class Paragraph {
                 if (this.character.backgroundOpacity !== void 0) {
                     ctx.globalAlpha = this.character.backgroundOpacity;
                 }
-                ctx.fillRect(left, top, this.widthOrigin || this.width, this.lineHeight);
+                const right = left + (this.widthOrigin || this.width);
+                const bottom = top + lineHeight;
+                const lrtb = getFixedLRTB(left, right, top, bottom);
+                ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
                 ctx.fillStyle = fillStyle;
                 ctx.globalAlpha = globalAlpha;
             }
@@ -17974,19 +17990,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') {
@@ -18342,7 +18374,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) {
@@ -18692,7 +18724,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 +18738,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 +20763,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();
@@ -24445,7 +24482,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 +26974,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 +27069,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 +27086,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 +27108,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) {
@@ -27219,6 +27266,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--;
@@ -27247,6 +27297,7 @@ class Selection {
     }
 }
 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 +27321,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 +27363,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,13 +27385,10 @@ 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)) {
@@ -27328,7 +27412,7 @@ class RichTextEditPlugin {
                 this.onFocus(e);
             }
             else {
-                this.deFocus();
+                this.deFocus(true);
             }
             this.triggerRender();
             this.pointerDown = true;
@@ -27345,27 +27429,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 +27453,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 +27469,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 +27527,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);
@@ -27552,6 +27646,79 @@ 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.currRt.shadowRoot || this.currRt.attachShadow();
+        this.shadowPlaceHolder = createRichText(Object.assign(Object.assign({}, this.currRt.attribute), { x: 0, y: 0, angle: 0, _debug_bounds: false, textConfig: [
+                { text: placeholder, fill: placeholderColor, fontFamily: placeholderFontFamily, fontSize: placeholderFontSize }
+            ] }));
+        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;
+        const 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;
+        }
+        this.shadowBounds = this.shadowBounds || createRect({});
+        this.shadowBounds.setAttributes({
+            x: 0,
+            y: 0,
+            width: b.width(),
+            height: h,
+            fill: false,
+            stroke: boundsStrokeWhenInput,
+            lineWidth: 1,
+            boundsMode: 'empty',
+            zIndex: -1
+        });
+        const shadow = this.currRt.shadowRoot || this.currRt.attachShadow();
+        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)) {
+            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 +27727,16 @@ 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.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 = target.shadowRoot || target.attachShadow();
         const cache = target.getFrameCache();
         if (!cache) {
             return;
@@ -27573,16 +27744,16 @@ class RichTextEditPlugin {
         this.computeGlobalDelta(cache);
         shadowRoot.setAttributes({ shadowRootIdx: 1, pickable: false, x: this.deltaX, y: this.deltaY });
         if (!this.editLine) {
-            const line = createLine({ x: 0, y: 0, lineWidth: 1, stroke: 'black' });
+            const line = createLine({ x: 0, y: 0, lineWidth: 1, stroke: 'black', boundsMode: 'empty' });
             this.addAnimateToLine(line);
             this.editLine = line;
             this.ticker.start(true);
-            const g = createGroup({ x: 0, y: 0, width: 0, height: 0 });
+            const g = createGroup({ x: 0, y: 0, width: 0, height: 0, boundsMode: 'empty' });
             this.editBg = g;
             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,22 +27761,84 @@ 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();
+    }
+    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() {
+    deFocus(trulyDeFocus = false) {
         const target = this.currRt;
         if (!target) {
             return;
         }
-        target.detachShadow();
+        if (trulyDeFocus) {
+            this.trySyncPlaceholderToTextConfig();
+            target.detachShadow();
+        }
+        const currRt = this.currRt;
         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 });
     }
     addAnimateToLine(line) {
         line.animates &&
@@ -27613,8 +27846,9 @@ class RichTextEditPlugin {
                 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) {
@@ -27725,7 +27959,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));
     }
@@ -27823,6 +28057,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 +28084,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 +28097,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 +28119,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 +28134,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 +28172,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(e);
+        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 +29990,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 };