@hailin-zheng/editor-core 1.1.1 → 1.1.3

package/index.js

@@ -366,6 +366,7 @@ class BlockContentRenderObject extends BranchRenderObject {
     }
 }
 class InlineGroupRenderObject extends BranchRenderObject {
+    paintPos;
 }
 /**
  * 包含块级渲染元素的容器元素,例如body、table-cell等
@@ -907,8 +908,10 @@ class Subject$1 extends EventSourceCore$1 {
         this.addSub(sub);
         return sub;
     }
-    onceSubscribe(listener) {
-        const sub = this.subscribe(listener);
+}
+class OnceSubject extends Subject$1 {
+    subscribe(listener) {
+        const sub = super.subscribe(listener);
         sub.once = true;
         return sub;
     }
@@ -1295,13 +1298,23 @@ class BranchElement extends Element {
         }
         else {
             this.modifyFlag = ModifyFlag$1.Modify;
-            for (let i = 0; i < this.length; i++) {
-                this.getChild(i).pubOnChange('to-child');
-            }
+            clearChildrenRenderCache(this);
+            // for (let i = 0; i < this.length; i++) {
+            //     this.getChild(i).pubOnChange('to-child')
+            // }
         }
         this._onChangeEvent.next();
     }
 }
+function clearChildrenRenderCache(ele) {
+    for (let i = 0; i < ele.length; i++) {
+        const curr = ele.getChild(i);
+        curr.cacheRender = null;
+        if (curr instanceof BranchElement) {
+            clearChildrenRenderCache(curr);
+        }
+    }
+}
 /**
  * 行内编组元素
  */
@@ -1415,6 +1428,8 @@ class ViewOptions {
     defaultColor = "rgb(0,0,0)";
     selectionOverlaysColor = 'rgb(131,175,155,0.5)';
     dataEleOverlaysColor = 'rgb(131,175,155,0.5)';
+    dataEleFocusedBgColor = 'rgb(131,175,155,0.8)';
+    dataEleErrorBgColor = '#ff4d4f';
     dataEleReadOnlyOverlayColor = '#d9d9d9';
     dataEleOutlineColor = 'rgb(131,175,155,0.7)';
     viewBackcolor = 'rgb(230,230,230)';
@@ -1446,6 +1461,8 @@ class ViewOptions {
     enableDyExpression = false;
     //是否显示标尺
     showRule = true;
+    //是否开启数据元输入验证功能
+    enableDataEleInputValidate = false;
     //整页模式，不分页
     _fullPageView = false;
     get fullPageView() {
@@ -3650,8 +3667,12 @@ class InlineGroupInputElement extends InlineGroupElement {
     }
 }
 class DataElementInlineGroup extends InlineGroupInputElement {
+    errorTip;
     constructor(type) {
         super(type);
+        this.onChangeSubject.subscribe(() => {
+            this.onChangedValidate();
+        });
         this.addEvent('ElementMousemove', (evt) => {
             this.isMouseenter = true;
             this.refreshView();
@@ -3715,6 +3736,21 @@ class DataElementInlineGroup extends InlineGroupInputElement {
             this.expressFn = new Function();
         }
     }
+    /**
+     * 数据元发生更改后，进行数据验证
+     */
+    onChangedValidate() {
+        this.errorTip = '';
+        const options = getCurrOptions(this);
+        if (!options || !options.enableDataEleInputValidate) {
+            return;
+        }
+        this.errorTip = this.validate();
+    }
+}
+function getCurrOptions(ele) {
+    const doc = ElementUtil.getParent(ele, item => item.type === 'doc');
+    return doc?.viewOptions;
 }
 class DataElementRenderObject extends InlineGroupRenderObject {
     render(e) {
@@ -3725,9 +3761,18 @@ class DataElementRenderObject extends InlineGroupRenderObject {
         }
         render.contentContext.tran(() => {
             //绘制数据元区域底色
+            let bgColor = '';
             if (this.element.isMouseenter) {
-                const overlayColor = this.element.props.editable ? viewOptions.dataEleOverlaysColor : viewOptions.dataEleReadOnlyOverlayColor;
-                render.overlaysContext.fillRect(position.x, position.y - 2, this.rect.width, this.rect.height + 4, overlayColor);
+                bgColor = this.element.props.editable ? viewOptions.dataEleOverlaysColor : viewOptions.dataEleReadOnlyOverlayColor;
+            }
+            if (this.element.isFocused) {
+                bgColor = e.docCtx.viewOptions.dataEleFocusedBgColor;
+            }
+            if (this.element.errorTip) {
+                bgColor = viewOptions.dataEleErrorBgColor;
+            }
+            if (bgColor) {
+                render.overlaysContext.fillRect(position.x, position.y - 2, this.rect.width, this.rect.height + 4, bgColor);
             }
             if (this.element.props.secretBrowse && viewOptions.secretBrowse) {
                 render.contentContext.ctx.filter = "blur(10px)";
@@ -3749,23 +3794,25 @@ class DataElementRenderObject extends InlineGroupRenderObject {
      * @private
      */
     drawCaption(e) {
-        const { render, position, docCtx: { viewOptions } } = e;
-        //获取到焦点时，绘制数据元标题
-        if (render.drawMode === 'view' && this.element.isFocused && this.element.paintRenders.indexOf(this) === 0) {
-            const { caption } = this.element.props;
-            if (!caption) {
-                return;
+        e.render.onRenderCompleted.subscribe(() => {
+            const { render, position, docCtx: { viewOptions } } = e;
+            //获取到焦点时，绘制数据元标题
+            if (render.drawMode === 'view' && this.element.isFocused && this.element.paintRenders.indexOf(this) === 0) {
+                const { caption } = this.element.props;
+                if (!caption) {
+                    return;
+                }
+                const textProps = new TextProps();
+                textProps.fontSize = 16;
+                textProps.fontName = viewOptions.defaultFontName;
+                textProps.color = '#fff';
+                const titleWidth = render.contentContext.measureText(caption, textProps).width;
+                const x = position.x;
+                const y = position.y - 20;
+                render.contentContext.fillRect(x, y, titleWidth + 10, 20, 'blue');
+                render.contentContext.drawText(caption, textProps, x + 5, y, titleWidth, 20);
             }
-            const textProps = new TextProps();
-            textProps.fontSize = 16;
-            textProps.fontName = viewOptions.defaultFontName;
-            textProps.color = '#fff';
-            const titleWidth = render.contentContext.measureText(caption, textProps).width;
-            const x = position.x;
-            const y = position.y - 20;
-            render.contentContext.fillRect(x, y, titleWidth + 10, 20, 'blue');
-            render.contentContext.drawText(caption, textProps, x + 5, y, titleWidth, 20);
-        }
+        });
     }
 }
 const validateDataEle = (ele) => {
@@ -4455,7 +4502,7 @@ class PSymbolElement extends LeafElement {
         super('psym');
         this.textProps = new TextProps();
         this.textProps.fontSize = this.defaultHeight;
-        this.textProps.fontName = '楷体';
+        this.textProps.fontName = 'sans-serif';
         this.textProps.color = '#8c8c8c';
     }
     createRenderObject() {
@@ -4482,7 +4529,7 @@ class PSymbolRenderObject extends LeafRenderObject {
         if (render.drawMode === 'print') {
             return;
         }
-        render.contentContext.drawText('⤶', this.element.textProps, position.x, position.y, 20, this.rect.height);
+        render.contentContext.drawText('↩', this.element.textProps, position.x, position.y, 20, this.rect.height);
     }
     //绘制段落符号
     clone() {
@@ -4550,6 +4597,9 @@ class TableCellElement extends BlockContainerElement {
             throw new Error('row is null');
         }
         const table = row.parent;
+        if (!table) {
+            debugger;
+        }
         const cellIndex = row.getChildIndex(this);
         let cellWidth = table.getCellWidth(cellIndex);
         const cellOffset = table.getCellOffsetX(cellIndex);
@@ -7595,8 +7645,7 @@ class RenderContext {
     drawMode = 'view';
     contentOffCanvas;
     overlayOffCanvas;
-    //pageRect!: Omit<Rect, any>;
-    onRenderCompleted = new Subject$1();
+    onRenderCompleted = new OnceSubject();
     constructor(mainContext) {
         this.mainContext = mainContext;
     }
@@ -7618,7 +7667,6 @@ class RenderContext {
         this.pageRect = { x: 0, y: 0, width: pageSetting.width, height: pageSetting.height };
         ElementUtil.setCanvasProps(this.contentOffCanvas, this.contentContext.ctx, pageSetting);
         ElementUtil.setCanvasProps(this.overlayOffCanvas, this.overlaysContext.ctx, pageSetting);
-        //ElementUtil.setCanvasProps(this.mainContext.ctx.canvas, this.mainContext.ctx, pageSetting)
     }
     clear() {
         this.contentContext.clear();
@@ -8657,7 +8705,7 @@ class DataElementDate extends DataElementInlineGroup {
         this.props.valueTextProps.clone(valueText.props);
         valueText.text = formatStr;
         this.addChild(valueText, this.length - 1);
-        //this.beginMeasure();
+        this.onChangedValidate();
     }
     getValue() {
         return ElementSerialize.serializeString(this);
@@ -8747,9 +8795,9 @@ class DataElementGroupElement extends InlineGroupInputElement {
     }
 }
 class DataElementGroupRenderObject extends InlineGroupRenderObject {
-    paintPos;
     render(e) {
         this.paintPos = e.position;
+        e.render.onRenderCompleted.subscribe(() => { this.paintDecorate(e); });
     }
     getCurrentParaGroupRenders() {
         const renders = [];
@@ -8762,7 +8810,7 @@ class DataElementGroupRenderObject extends InlineGroupRenderObject {
         }
         return renders;
     }
-    pagePaintCompleted(e) {
+    paintDecorate(e) {
         const { render, docCtx: { viewOptions } } = e;
         const canPaint = this.element.isMouseenter || this.element.isFocused;
         if (canPaint && this.element.paintRenders.indexOf(this) === 0) {
@@ -9023,6 +9071,7 @@ class DataElementList extends DataElementInlineGroup {
                 this.addChild(valueText, this.length - 1);
             }
         }
+        this.onChangedValidate();
     }
     getValue() {
         const values = ElementSerialize.serializeString(this);
@@ -9116,6 +9165,7 @@ class DataElementText extends DataElementInlineGroup {
             valueText.text = val + '';
             this.addChild(valueText, this.length - 1);
         }
+        this.onChangedValidate();
     }
     getValue() {
         return ElementSerialize.serializeString(this, { all: false });
@@ -10952,8 +11002,6 @@ class ElementPaint {
     }
     paintPagePos;
     drawPages(docContainer, selectedSets) {
-        // this.rePaint = rePaint;
-        //this.measureCommContainer = measureCommContainer;
         this.selectedSets = selectedSets;
         const pageCount = docContainer.length;
         const containerPos = { x: docContainer.rect.x - this.viewOptions.pageOffset.x, y: docContainer.rect.y - this.viewOptions.pageOffset.y };
@@ -10979,13 +11027,13 @@ class ElementPaint {
         });
         nextRenderFn();
         const { scale, viewSettings: { width, height } } = this.viewOptions;
+        while (this.renderCtx.onRenderCompleted.subs.length > 0) {
+            this.renderCtx.onRenderCompleted.next();
+        }
         this.renderCtx.commit({ width, height, scale }, this.viewOptions.pageOffset);
     }
     drawRenderObject(renderObject, parent, parentInViewPort = false) {
         const element = renderObject.element;
-        // if (this.rePaint && element) {
-        //     //element.paintRenders.push(renderObject);
-        // }
         const { x: rx, y: ry, width: rw, height: rh } = renderObject.rect;
         const currPosition = { x: rx + parent.x, y: ry + parent.y };
         //判断当前绘制元素是否在视窗内
@@ -11025,18 +11073,6 @@ class ElementPaint {
                 };
                 renderObject.render(renderData);
             }
-            // //审阅信息
-            // if (this.viewOptions.showReviewWindow && element && element.type === 'comm') {
-            //     const commElement = element as CommentElement;
-            //     if (commElement.props.markType === 'start') {
-            //         //获取当前绘制元素相对于当前页的坐标
-            //         this.paintCommMap.push({
-            //             ele: commElement,
-            //             render: renderObject,
-            //             pos: { x: currPosition.x - this.paintPagePos.x, y: currPosition.y - this.paintPagePos.y }
-            //         });
-            //     }
-            // }
         }
         //处理选中拖蓝
         if (inViewPort && this.selectedSets.has(element)) {
@@ -11472,6 +11508,7 @@ class EditorContext {
         this.clearPrevDocCb?.();
         //this.ele_types_handlers.length = 0;
         this.imageLoader.clear();
+        this._document = null;
     }
     /**
      * 切换行打印模式
@@ -11851,6 +11888,8 @@ class DynamicContextParser {
     TableData(tableId, startRow, startCol, endRow, endCol) {
         const tb = this.doc.treeFind(item => item instanceof TableElement && item.props.id === tableId);
         const res = [];
+        startRow = startRow < 0 ? tb.length + startRow : startRow;
+        startCol = startCol < 0 ? tb.length + startCol : startCol;
         endRow = endRow < 0 ? tb.length + endRow : endRow;
         endCol = endCol < 0 ? tb.length + endCol : endCol;
         for (let i = startRow; i <= endRow; i++) {
@@ -12077,7 +12116,6 @@ class ParagraphMeasure {
      */
     setParaTextAlign(counter, paraLineIndex, paraElement, limitWidth, paraLineRender) {
         let indent = paraLineRender.startX;
-        paraLineRender.line.rect.width = limitWidth;
         if (paraElement.props.textAlign === 'center') {
             const remainSpace = limitWidth - paraLineRender.line.rect.width;
             const startX = Math.ceil(remainSpace / 2) + indent;
@@ -12101,6 +12139,7 @@ class ParagraphMeasure {
             //return indent;
         }
         else ;
+        paraLineRender.line.rect.width = limitWidth;
     }
     /**
      * 设置两端对齐
@@ -12228,8 +12267,15 @@ class ParagraphMeasure {
                     }
                 }
             }
-            if (ele.length > 2) ;
-            this.arrange(data, ele.getChild(i));
+            this.arrangeInlineItems(data, ele.getChild(i));
+        }
+    }
+    arrangeInlineItems(parentLine, ele) {
+        if (ele instanceof InlineGroupElement) {
+            this.arrangeInlineGroupElement(parentLine, ele);
+        }
+        else {
+            this.arrange(parentLine, ele);
         }
     }
     arrangeLeafElement(parentLine, ele) {
@@ -12606,7 +12652,9 @@ class DocumentArrange {
                     continue;
                 }
                 if (Array.isArray(childRender)) {
-                    element.cacheRender = null;
+                    if (childRender.length > 1) {
+                        element.cacheRender = null;
+                    }
                     for (let j = 0; j < childRender.length; j++) {
                         if (j > 0) {
                             render = this.createRenderObject(element);
@@ -14219,7 +14267,7 @@ class PageBreakRenderObject extends LeafRenderObject {
         if (render.drawMode === 'print') {
             return;
         }
-        render.contentContext.drawText('⤶', this.element.textProps, position.x, position.y, 20, this.rect.height);
+        render.contentContext.drawText('↩', this.element.textProps, position.x, position.y, 20, this.rect.height);
     }
     clone() {
         const render = new PageBreakRenderObject(this.element);
@@ -14742,7 +14790,8 @@ class DocumentEvent {
                 };
             }
         }
-        if (!this.ismousedown) {
+        //只有设计模式时，才需要进行边界判断，方可调整表格列宽等
+        if (!this.ismousedown && this.viewOptions.docMode === DocMode.Design) {
             this.edgeRenderInfo = edgeRenderInfo;
         }
         //存在边界元素，并且当前边界处于鼠标按下状态
@@ -18277,7 +18326,6 @@ function getCurrentActiveAppContext() {
 function setCurrentActiveAppContext(ctx) {
     currentActiveAppContext = ctx;
 }
-let taskId;
 function renderApp(root, renderCtx, nodeEvent) {
     window['root'] = root;
     // const nodeEvent = new NodeEvent(root, renderCtx.mainContext.ctx.canvas);
@@ -18287,15 +18335,13 @@ function renderApp(root, renderCtx, nodeEvent) {
             return;
         }
         delayTask = true;
-        taskId = setTimeout(() => {
-            console.log(taskId + "正在运行中");
+        setTimeout(() => {
             currentActiveAppContext = { root, render: flushTask };
             delayTask = false;
             root.clearPopNodes();
             prepareRender(root, renderCtx, nodeEvent.appState);
             updateCursor(nodeEvent, renderCtx);
             currentActiveAppContext = null;
-            console.log(taskId + "运行完成");
         }, 16);
     };
     flushTask();
@@ -18602,6 +18648,7 @@ class ButtonBase extends TextBase {
 
 const ViewConfig = {
     surfaceBgColor: '#f0f0f0',
+    showMousePositionLine: false,
     primaryColor: '#6750A4',
     onPrimaryColor: '#FFFFFF',
     themeSecondaryColor: '#2b88d8',
@@ -19235,7 +19282,7 @@ function invokeNodeEvent(node, event, name, useCapture) {
 
 class ViewPaint {
     ctx;
-    onRenderCompleted = new Subject$1();
+    onRenderCompleted = new OnceSubject();
     pageSetting;
     pageRect;
     constructor(ctx) {
@@ -19423,8 +19470,8 @@ class ViewPaint {
             let { x, y } = lines[i];
             x = Math.ceil(x);
             y = Math.ceil(y);
-            x += 0.5;
-            y += 0.5;
+            // x += 0.5;
+            // y += 0.5;
             if (i === 0) {
                 this.ctx.moveTo(x, y);
             }
@@ -19447,8 +19494,8 @@ class ViewPaint {
         }
     }
     drawRadioBox(x, y, width, height, isChecked) {
-        x = x + Math.floor(width / 2);
-        y = y + Math.floor(height / 2);
+        // x = x + Math.floor(width / 2);
+        // y = y + Math.floor(height / 2);
         width = Math.floor(width / 2);
         this.ctx.save();
         this.ctx.strokeStyle = 'black';
@@ -19592,6 +19639,13 @@ class SurfaceView extends NodeItems {
             this.reLayout = false;
         }
         e.render.fillRect(0, 0, this.finalRect.width, this.finalRect.height, ViewConfig.surfaceBgColor);
+        e.next(e.render);
+        this.drawMouseLinePosition(e);
+    }
+    drawMouseLinePosition(e) {
+        {
+            return;
+        }
     }
     start() {
         this.renderSchedule = renderApp(this, this.renderCtx, this.nodeEvent);
@@ -19991,7 +20045,7 @@ class MenuContainer extends NodeItems {
     }
     preRender(e) {
         const { render, renderPos, next } = e;
-        e.render.onRenderCompleted.onceSubscribe((render) => {
+        e.render.onRenderCompleted.subscribe((render) => {
             e.appState.surface.registerPopNode(this);
             const parentPos = { x: renderPos.x - this.finalRect.x, y: renderPos.y - this.finalRect.y };
             render.tran(() => {
@@ -20065,11 +20119,31 @@ class ScrollView extends NodeItems {
         });
         this.addEventListener('wheel', evt => {
             const { deltaY, deltaX } = evt;
-            console.log(`deltaX:${deltaX},deltaY:${deltaY}`);
             this.horBar.updateScrollByCurrent(deltaX / 10, deltaY / 10);
             this.verBar.updateScrollByCurrent(deltaX / 10, deltaY / 10);
         });
     }
+    scrollTo(x, y) {
+        if (!this.content.finalRect || !this.finalRect) {
+            return;
+        }
+        if (y > this.content.finalRect.height) {
+            y = this.content.finalRect.height;
+        }
+        if (x > this.content.finalRect.width) {
+            x = this.content.finalRect.width;
+        }
+        let scrollX = x - this.finalRect.width;
+        let scrollY = y - this.finalRect.height;
+        scrollX = scrollX < 0 ? 0 : scrollX;
+        scrollY = scrollY < 0 ? 0 : scrollY;
+        this.scrollX = scrollX;
+        this.scrollY = scrollY;
+        this.onScrollEvent.next({
+            x: this.scrollX,
+            y: this.scrollY
+        });
+    }
     measureOverride(e, availableSize) {
         const measureSize = availableSize;
         this.content.measure(e, measureSize);
@@ -20292,10 +20366,6 @@ class ScrollBar extends NodeItems {
         const x = this.orientation === 'horizontal' ? (scrollView.scrollX / scrollView.content.finalRect.width) * finalSize.width : (ScrollBarSize - this.thumbSize) / 2;
         const y = this.orientation === 'horizontal' ? (ScrollBarSize - this.thumbSize) / 2 : (scrollView.scrollY / scrollView.content.finalRect.height) * finalSize.height;
         this.thumb.arrange(e, { x, y, width, height });
-        if (this.orientation === 'vertical') {
-            console.log(y, height, finalSize.width, finalSize.height, scrollView.scrollY);
-            if (scrollView.scrollY === 4.723577235772358) ;
-        }
         return super.arrangeOverride(e, finalSize);
     }
     render(e) {
@@ -20399,6 +20469,9 @@ class RuleControl extends NodeItems {
         super();
         this.docCtx = docCtx;
         this.ss = docCtx.selectionState;
+        this.bgColor = '#fff';
+        this.shadowBlur = 5;
+        this.shadowColor = '#000';
         this.options = {
             width: 0,
             pagePL: 0,
@@ -20876,8 +20949,6 @@ class CanvasTextEditor extends NodeItems {
             pagePL = left;
             pagePR = right;
         }
-        // this.docRule.setRuleOptions({width: this.viewOptions.docPageSettings.width, pagePL, pagePR, docLeft});
-        // this.docRule.refreshRule();
         this.rule.setRuleOptions({ width: this.viewOptions.docPageSettings.width, pagePL, pagePR, docLeft });
     }
     createDocViewer() {
@@ -20976,12 +21047,17 @@ class CanvasTextEditor extends NodeItems {
                 this.documentPaint.rePages();
             });
             this.updateDocSize();
-            //页面高度
-            // this.documentSelection.updateSelectionState();
-            // this.selectionOverlays.getSelectionTreeData();
-            // this.beforeRenderSubject.next();
         }
-        //生成选区内容对象
+        this.updateSelection();
+        this.refreshDocRule();
+        this.onChanged();
+        //this.refreshView();
+    }
+    /**
+     * 计算选区内容对象
+     * @private
+     */
+    updateSelection() {
         let ssChanged = false;
         try {
             //防止由于选区不正确导致的错误，导致后续的当前任务无法释放
@@ -20992,18 +21068,12 @@ class CanvasTextEditor extends NodeItems {
         }
         this.selectionOverlays.getSelectionTreeData();
         ssChanged && this.selectionChanged.next(this.documentSelection.selectionState);
-        this.refreshDocRule();
-        this.onChanged();
-        //this.refreshView();
     }
     /**
      * 刷新绘制文档
      * @param rePaint
      */
     refreshView() {
-        // const ssChanged = this.documentSelection.updateSelectionState();
-        // this.selectionOverlays.getSelectionTreeData();
-        // ssChanged && this.selectionChanged.next(this.documentSelection.selectionState);
         this.documentPaint.refreshView();
         this.setCursor();
     }
@@ -21101,7 +21171,7 @@ class CanvasTextEditor extends NodeItems {
      */
     docClickHandle(evt) {
         this.setCursor();
-        this.selectionOverlays.getSelectionTreeData();
+        this.updateSelection();
         this.onClickEvent.next(evt);
     }
     /**
@@ -21113,6 +21183,7 @@ class CanvasTextEditor extends NodeItems {
         if (res) {
             this.flushToSchedule();
         }
+        this.updateSelection();
         this.onDblClickEvent.next(evt);
     }
     /**
@@ -21195,8 +21266,6 @@ class CanvasTextEditor extends NodeItems {
         let minDocViewWidth = pageWidth + this.viewOptions.docSpace * 2;
         let maxDocViewWidth = this.surfaceView.width;
         this.width = Math.max(minDocViewWidth, maxDocViewWidth) - ScrollBarSize;
-        // this.viewOptions.viewSettings.width = this.width;
-        // this.viewOptions.viewSettings.height = this.scrollView.height as number;
         const docSize = this.documentPaint.getDocumentContainerHeight();
         this.height = docSize.height;
         this.updateRenderCtx();
@@ -21209,6 +21278,7 @@ class CanvasTextEditor extends NodeItems {
         this.updateRenderCtx();
         this.documentPaint.layoutPages();
         this.refreshDocument();
+        this.updateLayout();
     }
     /**
      * 缩放视图
@@ -21520,6 +21590,7 @@ class CanvasTextEditor extends NodeItems {
                 return;
             }
             //this.docScroll.scrollTo(cursorPos.rect.x, cursorPos.rect.y - this.viewOptions.translateY);
+            this.scrollView.scrollTo(cursorPos.rect.x, cursorPos.rect.y + 100);
         }
     }
     /**
@@ -21676,6 +21747,13 @@ class CanvasTextEditor extends NodeItems {
         scrollView.y = 30;
         this.scrollView = scrollView;
         scrollView.content.addChild(this);
+        const label = new LabelNode();
+        label.text = '请注意了';
+        label.bgColor = '#fff';
+        label.padding = 2;
+        label.x = 100;
+        label.y = 100;
+        //this.addChild(label);
         scrollView.onScrollEvent.subscribe(data => {
             //console.log(data);
             this.viewOptions.pageOffset.x = data.x;
@@ -21697,7 +21775,6 @@ class CanvasTextEditor extends NodeItems {
             this.viewOptions.viewSettings.height = data.height;
             this.updateDocSize();
             this.resetViewer();
-            this.updateLayout();
         });
         surface.addChild(scrollView);
         const rule2 = new RuleControl(this.docCtx);
@@ -21707,6 +21784,7 @@ class CanvasTextEditor extends NodeItems {
         rule2.x = 20;
         rule2.y = 500;
         surface.addChild(rule2);
+        //surface.addChild(win);
         surface.start();
     }
     /**
@@ -21779,6 +21857,24 @@ class CanvasTextEditor extends NodeItems {
             appCtx.root.setInputPosition(caretPos);
         }
     }
+    measureOverride(e, availableSize) {
+        this.controls.forEach(item => {
+            item.measure(e, availableSize);
+        });
+        return super.measureOverride(e, availableSize);
+    }
+    arrangeOverride(e, finalSize) {
+        this.controls.forEach(item => {
+            const itemRect = {
+                x: item.x,
+                y: item.y,
+                width: item.desiredSize.width,
+                height: item.desiredSize.height
+            };
+            item.arrange(e, itemRect);
+        });
+        return super.arrangeOverride(e, finalSize);
+    }
 }
 
 /**
@@ -22066,5 +22162,5 @@ function removeDuplicatesEvent(events) {
     return arr;
 }
 
-export { BlockContainerElement, BlockContainerRenderObject, BlockContentElement, BlockContentRenderObject, BlockLineRectRenderObject, BodyPartProps, BooleanEnum, BorderProps, BranchElement, BranchRenderObject, BreakElement, BreakFactory, BreakRenderObject, CanvasTextEditor, CheckBoxElement, CheckBoxFactory, CheckBoxProps, CheckBoxRenderObject, ColumnPatchUtil, CommContentBaseElement, CommContentBaseRenderObject, CommContentElement, CommContentProps, CommContentRenderObject, CommProps, CommentContentFactory, CommentElement, CommentFactory, CommentRenderObject, CommentsFactory, CommentsUtil, CommonUtil, CommsContainerElement, CommsContainerRenderObject, ContentMenuItem, ContextMenuElementEvent, DOMEventSource, DOMSubscription, DataDecorateElement, DataDecorateProps, DataDecorateRenderObject, DataEleBaseProps, DataEleBaseTextProps, DataEleCheckProps, DataEleDateProps, DataEleImageProps, DataEleListProps, DataEleMHProps, DataElementBarcode, DataElementBarcodeFactory, DataElementBarcodeProps, DataElementBarcodeRenderObject, DataElementBaseFactory, DataElementCheck, DataElementCheckFactory, DataElementCheckRenderObject, DataElementDate, DataElementDateFactory, DataElementDateRenderObject, DataElementGroupElement, DataElementGroupFactory, DataElementGroupProps, DataElementGroupRenderObject, DataElementImage, DataElementImgFactory, DataElementInlineGroup, DataElementLeaf, DataElementList, DataElementListFactory, DataElementListRenderObject, DataElementMH, DataElementMHFactory, DataElementRenderObject, DataElementText, DataElementTextFactory, DataElementTextRenderObject, DataImageRenderObject, DataRenderMH, DocMode, DocumentBodyElement, DocumentBodyFactory, DocumentBodyPartElement, DocumentBodyPartFactory, DocumentBodyPartRenderObject, DocumentBodyRenderObject, DocumentChange, DocumentCombine, DocumentComment, DocumentContainerRender, DocumentContext, DocumentCursor, DocumentElement, DocumentEvalFunc, DocumentEvent, DocumentFactory, DocumentFooterElement, DocumentFooterFactory, DocumentFooterRenderObject, DocumentHeaderElement, DocumentHeaderFactory, DocumentHeaderRenderObject, DocumentImagesBaseLoader, DocumentImagesLoader, DocumentInput, DocumentPaint, DocumentPrintOffscreen, DocumentPrintOffscreenBase, DocumentProps, DocumentRenderObject, DocumentSelection, DocumentTemplate, DropElementEvent, EditMode, EditorContext, Element, ElementEvent, ElementFactory, ElementPaint, ElementReader, ElementSerialize, ElementUtil, EventMap, EventSourceCore$1 as EventSourceCore, FillNullSpaceElement, FillNullSpaceRenderObject, GetTrackTipsEvent, GotCursorEvent, IDispose, INotifyPropertyChanged, InlineBlockContainer, InlineGroupElement, InlineGroupInputElement, InlineGroupRenderObject, InlineMuiltBlockLineRenderObject, IsInSideDataElement, IsInSideInlineGroupInputElement, KeyboradElementEvent, LeafElement, LeafRenderObject, LostCursorEvent, MarginProps, ModifyFlag$1 as ModifyFlag, MouseElementEvent, MousedownElementEvent, MuiltBlockLineRenderObject, PSymbolElement, PSymbolRenderObject, PaddingProps, PageOptions, PaintContent, ParagraphElement, ParagraphFactory, ParagraphLineRectRenderObject, ParagraphNumberType, ParagraphProps, ParagraphRenderObject, PictureElement, PictureFactory, PictureProps, PictureRenderObject, RadioBoxElement, RadioBoxFactory, RadioBoxProps, RadioBoxRenderObject, RangeUtil, Rect, RenderContext, RenderObject, RenderObjectType, ResizeLeafRenderObject, RunElementFactory, SelectionOverlays, SelectionRange, SelectionState, Subject$1 as Subject, SubjectSubscription$1 as SubjectSubscription, Subscription$1 as Subscription, TableCellElement, TableCellFactory, TableCellProps, TableCellRenderObject, TableElement, TableFactory, TableProps, TableRenderObject, TableRowElement, TableRowFactory, TableRowProps, TableRowRenderObject, TableSplitCell, TableUtil, TextGroupElement, TextGroupFactory, TextGroupRenderObject, TextProps, TrackRunElement, TrackRunProps, TrackRunRenderObject, TrackRunTypeEnum, ValidateCondition, ValidateElement, ValidateProps, ValidateRenderObject, ViewOptions, createPrintTemplate, defaultParaHanging, deleteCurrentParagraph, documentPrint, elementTypeEventHandler, fontMapFunc, fromEvent, getFocusTextSegment, invokeTypeHandler, isDate, objectToString, onTableContextmenu, onceTask$1 as onceTask, printDocOnContextmenu, printNodes, reactiveMap, runTextLineRender, setDataElementProps, setNotifyChangedCallback, targetMaps, textLineRenderMode, toRawType, toTypeString, validateDataEle, validateDataEleRenderObj, validateInlineInputRenderObj, watchChanged };
+export { BlockContainerElement, BlockContainerRenderObject, BlockContentElement, BlockContentRenderObject, BlockLineRectRenderObject, BodyPartProps, BooleanEnum, BorderProps, BranchElement, BranchRenderObject, BreakElement, BreakFactory, BreakRenderObject, CanvasTextEditor, CheckBoxElement, CheckBoxFactory, CheckBoxProps, CheckBoxRenderObject, ColumnPatchUtil, CommContentBaseElement, CommContentBaseRenderObject, CommContentElement, CommContentProps, CommContentRenderObject, CommProps, CommentContentFactory, CommentElement, CommentFactory, CommentRenderObject, CommentsFactory, CommentsUtil, CommonUtil, CommsContainerElement, CommsContainerRenderObject, ContentMenuItem, ContextMenuElementEvent, DOMEventSource, DOMSubscription, DataDecorateElement, DataDecorateProps, DataDecorateRenderObject, DataEleBaseProps, DataEleBaseTextProps, DataEleCheckProps, DataEleDateProps, DataEleImageProps, DataEleListProps, DataEleMHProps, DataElementBarcode, DataElementBarcodeFactory, DataElementBarcodeProps, DataElementBarcodeRenderObject, DataElementBaseFactory, DataElementCheck, DataElementCheckFactory, DataElementCheckRenderObject, DataElementDate, DataElementDateFactory, DataElementDateRenderObject, DataElementGroupElement, DataElementGroupFactory, DataElementGroupProps, DataElementGroupRenderObject, DataElementImage, DataElementImgFactory, DataElementInlineGroup, DataElementLeaf, DataElementList, DataElementListFactory, DataElementListRenderObject, DataElementMH, DataElementMHFactory, DataElementRenderObject, DataElementText, DataElementTextFactory, DataElementTextRenderObject, DataImageRenderObject, DataRenderMH, DocMode, DocumentBodyElement, DocumentBodyFactory, DocumentBodyPartElement, DocumentBodyPartFactory, DocumentBodyPartRenderObject, DocumentBodyRenderObject, DocumentChange, DocumentCombine, DocumentComment, DocumentContainerRender, DocumentContext, DocumentCursor, DocumentElement, DocumentEvalFunc, DocumentEvent, DocumentFactory, DocumentFooterElement, DocumentFooterFactory, DocumentFooterRenderObject, DocumentHeaderElement, DocumentHeaderFactory, DocumentHeaderRenderObject, DocumentImagesBaseLoader, DocumentImagesLoader, DocumentInput, DocumentPaint, DocumentPrintOffscreen, DocumentPrintOffscreenBase, DocumentProps, DocumentRenderObject, DocumentSelection, DocumentTemplate, DropElementEvent, EditMode, EditorContext, Element, ElementEvent, ElementFactory, ElementPaint, ElementReader, ElementSerialize, ElementUtil, EventMap, EventSourceCore$1 as EventSourceCore, FillNullSpaceElement, FillNullSpaceRenderObject, GetTrackTipsEvent, GotCursorEvent, IDispose, INotifyPropertyChanged, InlineBlockContainer, InlineGroupElement, InlineGroupInputElement, InlineGroupRenderObject, InlineMuiltBlockLineRenderObject, IsInSideDataElement, IsInSideInlineGroupInputElement, KeyboradElementEvent, LeafElement, LeafRenderObject, LostCursorEvent, MarginProps, ModifyFlag$1 as ModifyFlag, MouseElementEvent, MousedownElementEvent, MuiltBlockLineRenderObject, OnceSubject, PSymbolElement, PSymbolRenderObject, PaddingProps, PageOptions, PaintContent, ParagraphElement, ParagraphFactory, ParagraphLineRectRenderObject, ParagraphNumberType, ParagraphProps, ParagraphRenderObject, PictureElement, PictureFactory, PictureProps, PictureRenderObject, RadioBoxElement, RadioBoxFactory, RadioBoxProps, RadioBoxRenderObject, RangeUtil, Rect, RenderContext, RenderObject, RenderObjectType, ResizeLeafRenderObject, RunElementFactory, SelectionOverlays, SelectionRange, SelectionState, Subject$1 as Subject, SubjectSubscription$1 as SubjectSubscription, Subscription$1 as Subscription, TableCellElement, TableCellFactory, TableCellProps, TableCellRenderObject, TableElement, TableFactory, TableProps, TableRenderObject, TableRowElement, TableRowFactory, TableRowProps, TableRowRenderObject, TableSplitCell, TableUtil, TextGroupElement, TextGroupFactory, TextGroupRenderObject, TextProps, TrackRunElement, TrackRunProps, TrackRunRenderObject, TrackRunTypeEnum, ValidateCondition, ValidateElement, ValidateProps, ValidateRenderObject, ViewOptions, createPrintTemplate, defaultParaHanging, deleteCurrentParagraph, documentPrint, elementTypeEventHandler, fontMapFunc, fromEvent, getFocusTextSegment, invokeTypeHandler, isDate, objectToString, onTableContextmenu, onceTask$1 as onceTask, printDocOnContextmenu, printNodes, reactiveMap, runTextLineRender, setDataElementProps, setNotifyChangedCallback, targetMaps, textLineRenderMode, toRawType, toTypeString, validateDataEle, validateDataEleRenderObj, validateInlineInputRenderObj, watchChanged };
 //# sourceMappingURL=index.js.map