@visactor/vrender-core 0.19.12 → 0.19.13-alpha.1

package/dist/index.es.js

@@ -16883,10 +16883,11 @@ class RichText extends Graphic {
             fillOpacity,
             strokeOpacity }, config);
     }
-    doUpdateFrameCache() {
+    doUpdateFrameCache(tc) {
         var _a;
-        const { textConfig = [], maxWidth, maxHeight, width, height, ellipsis, wordBreak, verticalDirection, textAlign, textBaseline, layoutDirection, singleLine, disableAutoWrapLine } = this.attribute;
+        const { textConfig: _tc = [], maxWidth, maxHeight, width, height, ellipsis, wordBreak, verticalDirection, textAlign, textBaseline, layoutDirection, singleLine, disableAutoWrapLine } = this.attribute;
         const paragraphs = [];
+        const textConfig = tc !== null && tc !== void 0 ? tc : _tc;
         for (let i = 0; i < textConfig.length; i++) {
             if ('image' in textConfig[i]) {
                 const config = this.combinedStyleToCharacter(textConfig[i]);
@@ -22819,13 +22820,25 @@ class ShadowRootDrawItemInterceptorContribution {
         this.order = 1;
     }
     afterDrawItem(graphic, renderService, drawContext, drawContribution, params) {
-        if (graphic.attribute.shadowRootIdx > 0 || !graphic.attribute.shadowRootIdx) {
+        if (graphic.attribute.shadowRootIdx == null &&
+            graphic.shadowRoot &&
+            graphic.shadowRoot.attribute.shadowRootIdx < 0) {
+            return false;
+        }
+        if (graphic.attribute.shadowRootIdx > 0 ||
+            !graphic.attribute.shadowRootIdx ||
+            (graphic.shadowRoot && graphic.shadowRoot.attribute.shadowRootIdx > 0)) {
             this.drawItem(graphic, renderService, drawContext, drawContribution, params);
         }
         return false;
     }
     beforeDrawItem(graphic, renderService, drawContext, drawContribution, params) {
-        if (graphic.attribute.shadowRootIdx < 0) {
+        if (graphic.attribute.shadowRootIdx == null &&
+            graphic.shadowRoot &&
+            graphic.shadowRoot.attribute.shadowRootIdx > 0) {
+            return false;
+        }
+        if (graphic.attribute.shadowRootIdx < 0 || (graphic.shadowRoot && graphic.shadowRoot.attribute.shadowRootIdx < 0)) {
             this.drawItem(graphic, renderService, drawContext, drawContribution, params);
         }
         return false;
@@ -27568,6 +27581,467 @@ function flatten_simplify(points, tolerance, highestQuality) {
     return points;
 }
 
+class EditModule {
+    constructor(container) {
+        this.handleKeyDown = (e) => {
+            if (e.key === 'Delete' || e.key === 'Backspace') {
+                this.handleInput({ data: null, type: 'Backspace' });
+            }
+        };
+        this.handleCompositionStart = () => {
+            const { textConfig = [] } = this.currRt.attribute;
+            const lastConfig = textConfig[this.cursorIndex];
+            textConfig.splice(this.cursorIndex + 1, 0, Object.assign(Object.assign({}, lastConfig), { text: '' }));
+            this.isComposing = true;
+        };
+        this.handleCompositionEnd = () => {
+            this.isComposing = false;
+            const curIdx = this.cursorIndex + 1;
+            const { textConfig = [] } = this.currRt.attribute;
+            const lastConfig = textConfig[curIdx];
+            textConfig.splice(curIdx, 1);
+            const text = lastConfig.text;
+            const textList = Array.from(text.toString());
+            for (let i = 0; i < textList.length; i++) {
+                textConfig.splice(i + curIdx, 0, Object.assign(Object.assign({}, lastConfig), { text: textList[i] }));
+            }
+            this.currRt.setAttributes({ textConfig });
+            this.onChangeCbList.forEach(cb => {
+                cb(text, this.isComposing, this.cursorIndex + textList.length, this.currRt);
+            });
+        };
+        this.handleInput = (ev) => {
+            if (!this.currRt) {
+                return;
+            }
+            const str = ev.data || '\n';
+            const { textConfig = [] } = this.currRt.attribute;
+            let startIdx = this.selectionStartCursorIdx;
+            let endIdx = this.cursorIndex;
+            if (startIdx > endIdx) {
+                [startIdx, endIdx] = [endIdx, startIdx];
+            }
+            this.selectionStartCursorIdx = startIdx;
+            this.cursorIndex = startIdx;
+            const lastConfig = textConfig[startIdx + (this.isComposing ? 1 : 0)];
+            let currConfig = lastConfig;
+            if (ev.type === 'Backspace' && !this.isComposing) {
+                if (startIdx !== endIdx) {
+                    textConfig.splice(startIdx + 1, endIdx - startIdx);
+                }
+                else {
+                    textConfig.splice(startIdx, 1);
+                    startIdx -= 1;
+                }
+            }
+            else {
+                if (startIdx !== endIdx) {
+                    textConfig.splice(startIdx + 1, endIdx - startIdx);
+                }
+                if (!this.isComposing) {
+                    currConfig = Object.assign(Object.assign({}, lastConfig), { text: '' });
+                    startIdx += 1;
+                    textConfig.splice(startIdx, 0, currConfig);
+                }
+                currConfig.text = str;
+            }
+            this.currRt.setAttributes({ textConfig });
+            if (!this.isComposing) {
+                this.onChangeCbList.forEach(cb => {
+                    cb(str, this.isComposing, startIdx, this.currRt);
+                });
+            }
+            else {
+                this.onInputCbList.forEach(cb => {
+                    cb(str, this.isComposing, startIdx, this.currRt);
+                });
+            }
+        };
+        this.container = container !== null && container !== void 0 ? container : document.body;
+        const textAreaDom = document.createElement('textarea');
+        textAreaDom.autocomplete = 'off';
+        textAreaDom.innerText = '';
+        this.applyStyle(textAreaDom);
+        this.container.append(textAreaDom);
+        this.textAreaDom = textAreaDom;
+        this.isComposing = false;
+        this.onInputCbList = [];
+        this.onChangeCbList = [];
+    }
+    onInput(cb) {
+        this.onInputCbList.push(cb);
+    }
+    onChange(cb) {
+        this.onChangeCbList.push(cb);
+    }
+    applyStyle(textAreaDom) {
+        textAreaDom.setAttribute('style', `width: 100px; height: 30px; left: 0; position: absolute; z-index: -1; outline: none; resize: none; border: none; overflow: hidden; color: transparent; user-select: none; caret-color: transparent;background-color: transparent;`);
+        textAreaDom.addEventListener('input', this.handleInput);
+        textAreaDom.addEventListener('compositionstart', this.handleCompositionStart);
+        textAreaDom.addEventListener('compositionend', this.handleCompositionEnd);
+        window.addEventListener('keydown', this.handleKeyDown);
+    }
+    moveTo(x, y, rt, cursorIndex, selectionStartCursorIdx) {
+        this.textAreaDom.style.left = `${x}px`;
+        this.textAreaDom.style.top = `${y}px`;
+        setTimeout(() => {
+            this.textAreaDom.focus();
+            this.textAreaDom.setSelectionRange(0, 0);
+        });
+        this.currRt = rt;
+        this.cursorIndex = cursorIndex;
+        this.selectionStartCursorIdx = selectionStartCursorIdx;
+    }
+    release() {
+        this.textAreaDom.removeEventListener('input', this.handleInput);
+        this.textAreaDom.removeEventListener('compositionstart', this.handleCompositionStart);
+        this.textAreaDom.removeEventListener('compositionend', this.handleCompositionEnd);
+        window.removeEventListener('keydown', this.handleKeyDown);
+    }
+}
+
+class RichTextEditPlugin {
+    constructor() {
+        this.name = 'RichTextEditPlugin';
+        this.activeEvent = 'onRegister';
+        this._uid = Generator.GenAutoIncrementId();
+        this.key = this.name + this._uid;
+        this.editing = false;
+        this.pointerDown = false;
+        this.handleInput = (text, isComposing, cursorIdx, rt) => {
+            const p = this.getPointByColumnIdx(cursorIdx, rt);
+            this.hideSelection();
+            this.setCursor(p.x, p.y1, p.y2);
+        };
+        this.handleChange = (text, isComposing, cursorIdx, rt) => {
+            const p = this.getPointByColumnIdx(cursorIdx, rt);
+            this.curCursorIdx = cursorIdx;
+            this.selectionStartCursorIdx = cursorIdx;
+            this.setCursorAndTextArea(p.x, p.y1, p.y2, rt);
+            this.hideSelection();
+        };
+        this.handleMove = (e) => {
+            if (!this.isRichtext(e)) {
+                return;
+            }
+            this.handleEnter(e);
+            e.target.once('pointerleave', this.handleLeave);
+            this.showSelection(e);
+        };
+        this.handlePointerDown = (e) => {
+            if (this.editing) {
+                this.onFocus(e);
+            }
+            else {
+                this.deFocus(e);
+            }
+            this.applyUpdate();
+            this.pointerDown = true;
+        };
+        this.handlePointerUp = (e) => {
+            this.pointerDown = false;
+        };
+        this.handleEnter = (e) => {
+            this.editing = true;
+            this.pluginService.stage.setCursor('text');
+        };
+        this.handleLeave = (e) => {
+            this.editing = false;
+            this.pluginService.stage.setCursor('default');
+        };
+    }
+    activate(context) {
+        this.pluginService = context;
+        this.editModule = new EditModule();
+        context.stage.on('pointermove', this.handleMove);
+        context.stage.on('pointerdown', this.handlePointerDown);
+        context.stage.on('pointerup', this.handlePointerUp);
+        context.stage.on('pointerleave', this.handlePointerUp);
+        this.editModule.onInput(this.handleInput);
+        this.editModule.onChange(this.handleChange);
+    }
+    showSelection(e) {
+        const cache = e.target.getFrameCache();
+        if (!(cache && this.editBg)) {
+            return;
+        }
+        if (this.pointerDown) {
+            let p0 = this.lastPoint;
+            let p1 = this.getEventPosition(e);
+            let line1Info = this.getLineByPoint(cache, p1);
+            const column1 = this.getColumnByLinePoint(line1Info, p1);
+            const y1 = line1Info.top;
+            const y2 = line1Info.top + line1Info.height;
+            let x = column1.left + column1.width;
+            let cursorIndex = this.getColumnIndex(cache, column1);
+            if (p1.x < column1.left + column1.width / 2) {
+                x = column1.left;
+                cursorIndex -= 1;
+            }
+            p1.x = x;
+            p1.y = (y1 + y2) / 2;
+            let line0Info = this.getLineByPoint(cache, p0);
+            if (p0.y > p1.y || (p0.y === p1.y && p0.x > p1.x)) {
+                [p0, p1] = [p1, p0];
+                [line1Info, line0Info] = [line0Info, line1Info];
+            }
+            this.editBg.removeAllChild();
+            if (line0Info === line1Info) {
+                const column0 = this.getColumnByLinePoint(line0Info, p0);
+                this.editBg.setAttributes({
+                    x: p0.x,
+                    y: line0Info.top,
+                    width: p1.x - p0.x,
+                    height: column0.height,
+                    fill: '#336df4',
+                    fillOpacity: 0.2
+                });
+            }
+            else {
+                this.editBg.setAttributes({ x: 0, y: line0Info.top, width: 0, height: 0 });
+                const startIdx = cache.lines.findIndex(item => item === line0Info);
+                const endIdx = cache.lines.findIndex(item => item === line1Info);
+                let y = 0;
+                for (let i = startIdx; i <= endIdx; i++) {
+                    const line = cache.lines[i];
+                    if (i === startIdx) {
+                        const p = line.paragraphs[line.paragraphs.length - 1];
+                        this.editBg.add(createRect({
+                            x: p0.x,
+                            y,
+                            width: p.left + p.width - p0.x,
+                            height: line.height,
+                            fill: '#336df4',
+                            fillOpacity: 0.2
+                        }));
+                    }
+                    else if (i === endIdx) {
+                        const p = line.paragraphs[0];
+                        this.editBg.add(createRect({
+                            x: p.left,
+                            y,
+                            width: p1.x - p.left,
+                            height: line.height,
+                            fill: '#336df4',
+                            fillOpacity: 0.2
+                        }));
+                    }
+                    else {
+                        const p0 = line.paragraphs[0];
+                        const p1 = line.paragraphs[line.paragraphs.length - 1];
+                        this.editBg.add(createRect({
+                            x: p0.left,
+                            y,
+                            width: p1.left + p1.width - p0.left,
+                            height: line.height,
+                            fill: '#336df4',
+                            fillOpacity: 0.2
+                        }));
+                    }
+                    y += line.height;
+                }
+            }
+            this.curCursorIdx = cursorIndex;
+            this.setCursorAndTextArea(x, y1 + 2, y2 - 2, e.target);
+        }
+        this.applyUpdate();
+    }
+    hideSelection() {
+        if (this.editBg) {
+            this.editBg.removeAllChild();
+            this.editBg.setAttributes({ fill: 'transparent' });
+        }
+    }
+    isRichtext(e) {
+        return !!(e.target && e.target.type === 'richtext');
+    }
+    getEventPosition(e) {
+        const p = this.pluginService.stage.eventPointTransform(e);
+        const p1 = { x: 0, y: 0 };
+        e.target.globalTransMatrix.transformPoint(p, p1);
+        return p1;
+    }
+    getLineByPoint(cache, p1) {
+        let lineInfo = cache.lines[0];
+        for (let i = 0; i < cache.lines.length; i++) {
+            if (lineInfo.top <= p1.y && lineInfo.top + lineInfo.height >= p1.y) {
+                break;
+            }
+            lineInfo = cache.lines[i + 1];
+        }
+        return lineInfo;
+    }
+    getColumnByLinePoint(lineInfo, p1) {
+        let columnInfo = lineInfo.paragraphs[0];
+        for (let i = 0; i < lineInfo.paragraphs.length; i++) {
+            if (columnInfo.left <= p1.x && columnInfo.left + columnInfo.width >= p1.x) {
+                break;
+            }
+            columnInfo = lineInfo.paragraphs[i];
+        }
+        return columnInfo;
+    }
+    onFocus(e) {
+        this.deFocus(e);
+        const target = e.target;
+        this.tryUpdateRichtext(target);
+        const shadowRoot = target.attachShadow();
+        shadowRoot.setAttributes({ shadowRootIdx: -1 });
+        const cache = target.getFrameCache();
+        if (!cache) {
+            return;
+        }
+        if (!this.editLine) {
+            const line = createLine({ x: 0, y: 0, lineWidth: 1, stroke: 'black' });
+            line
+                .animate()
+                .to({ opacity: 1 }, 10, 'linear')
+                .wait(700)
+                .to({ opacity: 0 }, 10, 'linear')
+                .wait(700)
+                .loop(Infinity);
+            this.editLine = line;
+            const g = createGroup({ x: 0, y: 0, width: 0, height: 0 });
+            this.editBg = g;
+            shadowRoot.add(this.editLine);
+            shadowRoot.add(this.editBg);
+        }
+        const p1 = this.getEventPosition(e);
+        const lineInfo = this.getLineByPoint(cache, p1);
+        if (lineInfo) {
+            const columnInfo = this.getColumnByLinePoint(lineInfo, p1);
+            if (!columnInfo) {
+                return;
+            }
+            let y1 = lineInfo.top;
+            let y2 = lineInfo.top + lineInfo.height;
+            let x = columnInfo.left + columnInfo.width;
+            y1 += 2;
+            y2 -= 2;
+            let cursorIndex = this.getColumnIndex(cache, columnInfo);
+            if (p1.x < columnInfo.left + columnInfo.width / 2) {
+                x = columnInfo.left;
+                cursorIndex -= 1;
+            }
+            this.lastPoint = { x, y: (y1 + y2) / 2 };
+            this.curCursorIdx = cursorIndex;
+            this.selectionStartCursorIdx = cursorIndex;
+            this.setCursorAndTextArea(x, y1, y2, target);
+        }
+    }
+    getPointByColumnIdx(idx, rt) {
+        const cache = rt.getFrameCache();
+        const { lineInfo, columnInfo } = this.getColumnByIndex(cache, idx);
+        let y1 = lineInfo.top;
+        let y2 = lineInfo.top + lineInfo.height;
+        const x = columnInfo.left + columnInfo.width;
+        y1 += 2;
+        y2 -= 2;
+        return { x, y1, y2 };
+    }
+    getColumnIndex(cache, cInfo) {
+        let inputIndex = -1;
+        for (let i = 0; i < cache.lines.length; i++) {
+            const line = cache.lines[i];
+            for (let j = 0; j < line.paragraphs.length; j++) {
+                inputIndex++;
+                if (cInfo === line.paragraphs[j]) {
+                    return inputIndex;
+                }
+            }
+        }
+        return -1;
+    }
+    getColumnByIndex(cache, index) {
+        let inputIndex = -1;
+        for (let i = 0; i < cache.lines.length; i++) {
+            const lineInfo = cache.lines[i];
+            for (let j = 0; j < lineInfo.paragraphs.length; j++) {
+                const columnInfo = lineInfo.paragraphs[j];
+                inputIndex++;
+                if (inputIndex === index) {
+                    return {
+                        lineInfo,
+                        columnInfo
+                    };
+                }
+            }
+        }
+        return null;
+    }
+    setCursorAndTextArea(x, y1, y2, rt) {
+        this.editLine.setAttributes({
+            points: [
+                { x, y: y1 },
+                { x, y: y2 }
+            ]
+        });
+        const out = { x: 0, y: 0 };
+        rt.globalTransMatrix.getInverse().transformPoint({ x, y: y1 }, out);
+        const { left, top } = this.pluginService.stage.window.getBoundingClientRect();
+        out.x += left;
+        out.y += top;
+        this.editModule.moveTo(out.x, out.y, rt, this.curCursorIdx, this.selectionStartCursorIdx);
+    }
+    setCursor(x, y1, y2) {
+        this.editLine.setAttributes({
+            points: [
+                { x, y: y1 },
+                { x, y: y2 }
+            ]
+        });
+    }
+    applyUpdate() {
+        this.pluginService.stage.renderNextFrame();
+    }
+    deFocus(e) {
+        const target = e.target;
+        target.detachShadow();
+        if (this.editLine) {
+            this.editLine.parent.removeChild(this.editLine);
+            this.editLine.release();
+            this.editLine = null;
+            this.editBg.parent.removeChild(this.editBg);
+            this.editBg.release();
+            this.editBg = null;
+        }
+    }
+    splitText(text) {
+        return Array.from(text);
+    }
+    tryUpdateRichtext(richtext) {
+        const cache = richtext.getFrameCache();
+        if (!cache.lines.every(line => line.paragraphs.every(item => !(item.text && isString(item.text) && this.splitText(item.text).length > 1)))) {
+            const tc = [];
+            richtext.attribute.textConfig.forEach((item) => {
+                const textList = this.splitText(item.text.toString());
+                if (isString(item.text) && textList.length > 1) {
+                    for (let i = 0; i < textList.length; i++) {
+                        const t = textList[i];
+                        tc.push(Object.assign(Object.assign({}, item), { text: t }));
+                    }
+                }
+                else {
+                    tc.push(item);
+                }
+            });
+            richtext.doUpdateFrameCache(tc);
+        }
+    }
+    onSelect() {
+        return;
+    }
+    deactivate(context) {
+        context.stage.off('pointermove', this.handleMove);
+        context.stage.off('pointerdown', this.handlePointerDown);
+        context.stage.off('pointerup', this.handlePointerUp);
+        context.stage.off('pointerleave', this.handlePointerUp);
+    }
+    release() {
+        this.editModule.release();
+    }
+}
+
 class DefaultGraphicAllocate {
     constructor() {
         this.pools = [];
@@ -28569,4 +29043,4 @@ function registerWrapTextGraphic() {
     graphicCreator.RegisterGraphicCreator('wrapText', createWrapText);
 }
 
-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, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageBackgroundRenderContribution, 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, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, 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, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, 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, RichTextRender, RotateBySphereAnimate, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, 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, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache$1 as calcLineCache, 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, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawPathProxy, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getConicGradientAt, getContextFont, getCurrentEnv, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, layerService, lineModule, lookAt, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiply, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$2 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerGlyphGraphic, registerGroupGraphic, registerImageGraphic, registerLineGraphic, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerSymbolGraphic, registerTextGraphic, registerWrapTextGraphic, renderCommandList, rewriteProto, richtextModule, rotateX, rotateY, runFill, runStroke, 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, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageBackgroundRenderContribution, 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, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, 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, 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, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, 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, 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, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache$1 as calcLineCache, 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, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawPathProxy, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getConicGradientAt, getContextFont, getCurrentEnv, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, layerService, lineModule, lookAt, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiply, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$2 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerGlyphGraphic, registerGroupGraphic, registerImageGraphic, registerLineGraphic, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerSymbolGraphic, registerTextGraphic, registerWrapTextGraphic, renderCommandList, rewriteProto, richtextModule, rotateX, rotateY, runFill, runStroke, 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 };

package/es/graphic/richtext.d.ts

@@ -121,7 +121,7 @@ export declare class RichText extends Graphic<IRichTextGraphicAttribute> impleme
         fillOpacity: number;
         strokeOpacity: number;
     };
-    doUpdateFrameCache(): void;
+    doUpdateFrameCache(tc?: IRichTextCharacter[]): void;
     clone(): RichText;
     setStage(stage?: IStage, layer?: ILayer): void;
     bindIconEvent(): void;

package/es/graphic/richtext.js

@@ -134,9 +134,9 @@ export class RichText extends Graphic {
             strokeOpacity: strokeOpacity
         }, config);
     }
-    doUpdateFrameCache() {
+    doUpdateFrameCache(tc) {
         var _a;
-        const {textConfig: textConfig = [], maxWidth: maxWidth, maxHeight: maxHeight, width: width, height: height, ellipsis: ellipsis, wordBreak: wordBreak, verticalDirection: verticalDirection, textAlign: textAlign, textBaseline: textBaseline, layoutDirection: layoutDirection, singleLine: singleLine, disableAutoWrapLine: disableAutoWrapLine} = this.attribute, paragraphs = [];
+        const {textConfig: _tc = [], maxWidth: maxWidth, maxHeight: maxHeight, width: width, height: height, ellipsis: ellipsis, wordBreak: wordBreak, verticalDirection: verticalDirection, textAlign: textAlign, textBaseline: textBaseline, layoutDirection: layoutDirection, singleLine: singleLine, disableAutoWrapLine: disableAutoWrapLine} = this.attribute, paragraphs = [], textConfig = null != tc ? tc : _tc;
         for (let i = 0; i < textConfig.length; i++) if ("image" in textConfig[i]) {
             const config = this.combinedStyleToCharacter(textConfig[i]), iconCache = config.id && this._frameCache && this._frameCache.icons && this._frameCache.icons.get(config.id);
             if (iconCache) paragraphs.push(iconCache); else {