@hailin-zheng/editor-core 2.2.13 → 2.2.15

package/index.js

@@ -24,8 +24,6 @@ class ElementEvent {
      * 当前所在的对象
      */
     currentElement;
-    currentRenderObjectX;
-    currentRenderObjectY;
     //是否取消向上冒泡
     isCancel;
     globalX;
@@ -741,8 +739,11 @@ class CommonUtil {
             const shouldCallNow = elapsed >= wait;
             clearTimeout(timeout);
             if (shouldCallNow) {
-                fn.apply(context, args);
-                lastExecTime = Date.now();
+                //延迟执行，微任务
+                Promise.resolve().then(() => {
+                    fn.apply(context, args);
+                    lastExecTime = Date.now();
+                });
             }
             else {
                 timeout = setTimeout(() => {
@@ -971,6 +972,8 @@ function generatePatch(doc, clear = true) {
         }
         if ('insert' in op.ops) {
             insertOpsMap.set(ele, op);
+            //对象复制出来，避免paintRenders等内存占用
+            op.ops.insert = op.ops.insert.clone(true);
         }
         //当前为新插入的元素
         if ('insText' in op.ops) {
@@ -1225,7 +1228,7 @@ class Element {
     modifyFlag = ModifyFlag.Modify;
     isMouseenter;
     _eventMap;
-    _refreshEvent = new Subject();
+    //private _refreshEvent: Subject<void> = new Subject();
     _onChangeEvent = new Subject();
     observers = new WeakMap();
     paintRenders = [];
@@ -1330,14 +1333,15 @@ class Element {
             return 0;
         }
     }
-    get refreshSubject() {
-        return this._refreshEvent;
-    }
+    // get refreshSubject(): Subject<void> {
+    //     return this._refreshEvent;
+    // }
     get onChangeSubject() {
         return this._onChangeEvent;
     }
     refreshView() {
-        this._refreshEvent.next();
+        //this._refreshEvent.next();
+        //refreshEditor(this);
     }
     unsubscribe(element) {
         const subs = this.observers.get(element);
@@ -1419,13 +1423,13 @@ class BranchElement extends Element {
         child.parent = this;
         this.chilren.splice(index, 0, child);
         insertEle(child);
-        const refSub = child.refreshSubject.subscribe((data) => {
-            this.refreshSubject.next(data);
-        });
+        //const refSub = child.refreshSubject.subscribe((data) => {
+        //this.refreshSubject.next(data);
+        // });
         const onChangeSub = child.onChangeSubject.subscribe((data) => {
             this.pubOnChange('tracker');
         });
-        this.addsubscribe(child, refSub, onChangeSub);
+        this.addsubscribe(child, onChangeSub);
         this.pubOnChange('self');
     }
     removeChild(child) {
@@ -1705,9 +1709,11 @@ class ViewOptions {
     currentFontName = '宋体';
     //选区颜色
     selectionColor = 'rgb(131,175,155,0.5)';
-    dataDecoratorNormalColor = '#0050b3';
-    dataDecoratorMouseEnterColor = '#0050b3';
-    dataDecoratorFocusedColor = '#0050b3';
+    dataEleDecoratorNormalColor = '#0050b3';
+    dataEleDecoratorMouseEnterColor = '#0050b3';
+    dataEleDecoratorFocusedColor = '#0050b3';
+    //数据元修饰符宽度
+    dataDecoratorWidth = 1;
     //是否显示数据元修饰符
     showDataEleDecorator = true;
     //数据元没有输入值时背景颜色
@@ -1722,12 +1728,18 @@ class ViewOptions {
     dataEleNormalBgColor = '#fafafa';
     //数据元错误背景颜色
     dataEleErrorBgColor = '#ff4d4f';
-    //数据元正常背景颜色
-    dataGroupEleNormalBgColor = '';
+    //数据组修饰符号颜色
+    dataGroupDecoratorNormalColor = '#0050b3';
+    dataGroupDecoratorMouseEnterColor = '#0050b3';
+    dataGroupDecoratorFocusedColor = '#0050b3';
+    //数据组正常背景颜色
+    dataGroupNormalBgColor = '#fafafa';
+    //数据元没有输入值时背景颜色
+    dataGroupEmptyBgColor = '';
     //数据元鼠标悬浮颜色
-    dataGroupMouseEnterBgColor = '';
-    //数据元只读背景颜色
-    dataGroupFocusedBgColor = '';
+    dataGroupMouseEnterBgColor = '#f5f5f5';
+    //数据元焦点背景颜色
+    dataGroupFocusedBgColor = '#f0f0f0';
     viewBackcolor = 'rgb(230,230,230)';
     paraSymbolColor = 'rgb(128,128,128)';
     dataGroupColor = 'rgb(0,80,179)';
@@ -1772,6 +1784,8 @@ class ViewOptions {
     showEnterSymbol = false;
     enableVisibleExpression = false;
     shapeRendering = 'auto';
+    //是否开启快速测量
+    enableFastMeasure = false;
     get fullPageView() {
         return this._fullPageView;
     }
@@ -2912,10 +2926,10 @@ class DataDecorateElement extends LeafElement {
         this.disableClick = !isPrefix;
         this.isDecorate = true;
     }
-    createRenderObject() {
+    createRenderObject(data) {
         const render = new DataDecorateRenderObject(this);
         //render.rect.width = this.dProps.size / 2;
-        render.rect.width = 1;
+        render.rect.width = data.options.dataDecoratorWidth;
         render.rect.height = Math.ceil(14 * TEXT_HEIGHT_FACTOR);
         return render;
     }
@@ -2939,16 +2953,22 @@ class DataDecorateRenderObject extends LeafRenderObject {
         if (event.mode === 'print') {
             return null;
         }
+        if (this.element.dataEle.type === 'data-group') {
+            return this.exportDataGroupSVG(event);
+        }
         // if(this.element.parent.parent.type==='data-group'){
         //     return null;
         // }
         const options = event.options;
-        let color = options.dataDecoratorNormalColor;
-        if (this.element.dataEle.isMouseenter && options.dataDecoratorMouseEnterColor) {
-            color = options.dataDecoratorMouseEnterColor;
+        let color = options.dataEleDecoratorNormalColor;
+        if (this.element.dataEle.isMouseenter && options.dataEleDecoratorMouseEnterColor) {
+            color = options.dataEleDecoratorMouseEnterColor;
         }
-        if (this.element.dataEle.isFocused && options.dataDecoratorFocusedColor) {
-            color = options.dataDecoratorFocusedColor;
+        if (this.element.dataEle.isFocused && options.dataEleDecoratorFocusedColor) {
+            color = options.dataEleDecoratorFocusedColor;
+        }
+        if (!color) {
+            return null;
         }
         const element = this.element;
         const lineWidth = 3;
@@ -2969,6 +2989,37 @@ class DataDecorateRenderObject extends LeafRenderObject {
             d: path
         });
     }
+    exportDataGroupSVG(event) {
+        const options = event.options;
+        let color = options.dataGroupDecoratorNormalColor;
+        if (this.element.dataEle.isMouseenter && options.dataGroupDecoratorMouseEnterColor) {
+            color = options.dataGroupDecoratorMouseEnterColor;
+        }
+        if (this.element.dataEle.isFocused && options.dataGroupDecoratorFocusedColor) {
+            color = options.dataGroupDecoratorFocusedColor;
+        }
+        if (!color) {
+            return null;
+        }
+        const element = this.element;
+        const lineWidth = 4;
+        let path = '';
+        const height = this.parent.rect.height - 4;
+        if (element.isPrefix) {
+            const x = this.rect.x + this.rect.width / 2;
+            path = `M ${x + lineWidth} 2 L ${x} 2 L ${x} ${height} L ${x + lineWidth} ${height}`;
+        }
+        else {
+            const x = this.rect.x + this.rect.width / 2;
+            path = `M ${x - lineWidth} 2 L ${x} 2 L ${x} ${height} L ${x - lineWidth} ${height}`;
+        }
+        return ElementUtil.createSvgPath({
+            stroke: color,
+            fill: "none",
+            'stroke-width': 2,
+            d: path
+        });
+    }
 }
 
 function parser(code, objects) {
@@ -3450,6 +3501,7 @@ class DocumentElement extends BlockContainerElement {
     footerElement;
     //commentsContainerElement!: CommsContainerElement;
     headerEditState = false;
+    editorContext = null;
     constructor() {
         super('doc');
         this.props = new DocumentProps();
@@ -3483,11 +3535,11 @@ class DocumentElement extends BlockContainerElement {
             }
         };
     }
-    clone() {
+    clone(data) {
         const clone = new DocumentElement();
         this.props.clone(clone.props);
         cloneElementBase(this, clone);
-        cloneChildren(this, clone, true);
+        cloneChildren(this, clone, data);
         return clone;
     }
     /**
@@ -3523,7 +3575,7 @@ class DocumentElement extends BlockContainerElement {
             this.headerEditState = false;
         }
         ss.clear();
-        this.refreshView();
+        //this.refreshView();
     }
     markPairs = [];
     /**
@@ -3798,7 +3850,7 @@ class InlineGroupInputElement extends InlineGroupElement {
         this.addEvent('ElementKeyDown', (evt) => {
             const { selectionState, sourceEvent, source } = evt;
             const { startControl, startOffset } = selectionState;
-            if (IsInSideDataElement(startControl, startOffset)) {
+            if (IsInSideInlineGroupInputElement(startControl, startOffset)) {
                 if (sourceEvent.shiftKey && sourceEvent.keyCode === 13) ;
                 else if (!sourceEvent.shiftKey && sourceEvent.keyCode === 13) {
                     evt.isCancel = true;
@@ -3807,7 +3859,7 @@ class InlineGroupInputElement extends InlineGroupElement {
         }, true);
         this.addEvent('GotCursor', (evt) => {
             const { startControl, startOffset } = evt.selectionState;
-            if (IsInSideDataElement(startControl, startOffset)) {
+            if (IsInSideInlineGroupInputElement(startControl, startOffset)) {
                 this.isFocused = true;
             }
         });
@@ -3904,11 +3956,13 @@ class DataElementInlineGroup extends InlineGroupInputElement {
         });
         this.addEvent('ElementMousemove', (evt) => {
             this.isMouseenter = true;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView();
         });
         this.addEvent('ElementMouseLeave', (evt) => {
             this.isMouseenter = false;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView()
         });
         this.addEvent('GotCursor', (evt) => {
             this.onGotCursorEvent(evt);
@@ -4048,21 +4102,10 @@ function getCurrOptions(ele) {
 class DataElementRenderObject extends InlineGroupRenderObject {
     exportSVG(event) {
         const node = super.exportSVG(event);
-        exportDecoratorHTML(event, this);
+        exportDataEleDecoratorSVG$1(event, this);
+        //绘制下划线
         if (this.element.props.underline) {
-            const { x, y } = event.relativePagePos;
-            event.highlights.push({
-                sel: 'path',
-                data: {
-                    ns: 'http://www.w3.org/2000/svg',
-                    attrs: {
-                        d: `M${x} ${y + this.rect.height} L${x + this.rect.width} ${y + this.rect.height}`,
-                        stroke: '#000',
-                        fill: 'none',
-                        'stroke-width': 1
-                    }
-                }
-            });
+            renderUnderline(event, this);
         }
         renderErrorTip(event, this);
         return node;
@@ -4125,7 +4168,7 @@ class DataElementBaseFactory extends ElementFactory {
  * @param event
  * @param r
  */
-function exportDecoratorHTML(event, r) {
+function exportDataEleDecoratorSVG$1(event, r) {
     if (event.mode === 'print') {
         return;
     }
@@ -4141,6 +4184,9 @@ function exportDecoratorHTML(event, r) {
     if (r.element.isFocused && options.dataEleFocusedBgColor) {
         color = options.dataEleFocusedBgColor;
     }
+    if (!color) {
+        return;
+    }
     //绘制背景
     const bgX = event.relativePagePos.x;
     const bgY = event.relativePagePos.y;
@@ -4309,6 +4355,21 @@ function renderUnderWavyLine(event, r, color) {
     d += Array(Math.ceil(width / 3)).fill("3,0").join(' t ');
     const path = ElementUtil.createSvgPath({ d, fill: 'none', stroke: color });
     event.highlights.push(path);
+}
+function renderUnderline(event, render) {
+    const { x, y } = event.relativePagePos;
+    event.highlights.push({
+        sel: 'path',
+        data: {
+            ns: 'http://www.w3.org/2000/svg',
+            attrs: {
+                d: `M${x} ${y + render.rect.height} L${x + render.rect.width} ${y + render.rect.height}`,
+                stroke: '#000',
+                fill: 'none',
+                'stroke-width': 1
+            }
+        }
+    });
 }
 
 class DocumentBodyElement extends BlockContainerElement {
@@ -5586,7 +5647,7 @@ class TableUtil {
         if (startCell) {
             this.restoreCellMerge(startCell);
             ss.resetRange(startCell, 0);
-            startCell.refreshView();
+            //startCell.refreshView();
         }
     }
     static restoreCellMerge(cell) {
@@ -5684,7 +5745,7 @@ class TableUtil {
         tb.setCellWidth(insertColIndex === colsCount ? insertColIndex - 1 : insertColIndex, insertColWidth - newColWidth);
         tb.insertCol(insertColIndex, newColWidth);
         tb.pubOnChange('self');
-        tb.refreshView();
+        //tb.refreshView();
     }
     /**
      * 在指定位置插入行
@@ -5713,7 +5774,7 @@ class TableUtil {
         //新行插在第一行或者最后一行
         if (insertRowIndex === 0 || insertRowIndex === tb.length) {
             tb.addChild(newRow, insertRowIndex);
-            tb.refreshView();
+            //tb.refreshView();
             return newRow;
         }
         const destRow = tb.getChild(insertRowIndex);
@@ -5732,7 +5793,7 @@ class TableUtil {
             newCell.props.hMerge = destCell.props.hMerge;
         }
         tb.addChild(newRow, insertRowIndex);
-        tb.refreshView();
+        //tb.refreshView();
         return newRow;
     }
     /**
@@ -5794,14 +5855,14 @@ class TableUtil {
         const nextCell = this.getNextCell(ss);
         if (nextCell) {
             ss.resetRange(nextCell, 0);
-            nextCell.refreshView();
+            //nextCell.refreshView();
             return;
         }
         //新增行,并定位
         const tb = ElementUtil.getParentByType(startCell, TableElement);
         const newRow = this.insertNewRow(tb, rowIndex + 1);
         ss.resetRange(newRow, 0);
-        newRow.refreshView();
+        //newRow.refreshView();
     }
     /**
      * 获取下一个可定位的单元格
@@ -5843,7 +5904,7 @@ class TableUtil {
             console.warn('当前位置不存在表格');
             return;
         }
-        tb.parent.refreshView();
+        //tb.parent.refreshView();
         tb.remove();
     }
     /**
@@ -5864,7 +5925,7 @@ class TableUtil {
         else if (tc.props.diagonal === diagonal) {
             tc.props.diagonal = null;
         }
-        tc.refreshView();
+        //tc.refreshView();
     }
     /**
      * 将当前表格截断成两个相邻的表格
@@ -6474,11 +6535,11 @@ class CommContentBaseElement extends BlockContainerElement {
         super(type);
         this.addEvent('GotCursor', () => {
             this.focus = true;
-            this.refreshView();
+            //this.refreshView()
         });
         this.addEvent('LostCursor', () => {
             this.focus = false;
-            this.refreshView();
+            //this.refreshView()
         });
     }
 }
@@ -8687,11 +8748,13 @@ class DataElementGroupElement extends InlineGroupInputElement {
         this.props = new DataElementGroupProps();
         this.addEvent('ElementMousemove', (evt) => {
             this.isMouseenter = true;
-            this.refreshView();
+            //this.refreshView();
+            evt.ctx.refreshView();
         });
         this.addEvent('ElementMouseLeave', (evt) => {
             this.isMouseenter = false;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView();
         });
     }
     setValue(val) {
@@ -8752,6 +8815,15 @@ class DataElementGroupRenderObject extends InlineGroupRenderObject {
         }
         return cloneRender;
     }
+    exportSVG(event) {
+        const node = super.exportSVG(event);
+        exportDataEleDecoratorSVG(event, this);
+        //绘制下划线
+        if (this.element.props.underline) {
+            renderUnderline(event, this);
+        }
+        return node;
+    }
 }
 class DataElementGroupFactory extends DataElementBaseFactory {
     match(type) {
@@ -8790,6 +8862,35 @@ function IsInSideDataGroup(control, offset) {
 }
 function validateDataGroup(control) {
     return control instanceof DataElementGroupElement;
+}
+/**
+ * 渲染数据元背景修饰
+ * @param event
+ * @param r
+ */
+function exportDataEleDecoratorSVG(event, r) {
+    if (event.mode === 'print') {
+        return;
+    }
+    const options = event.options;
+    let color = options.dataGroupNormalBgColor;
+    //空数据元填充颜色
+    if (r.element.length === 2 && options.dataGroupEmptyBgColor) {
+        color = options.dataGroupEmptyBgColor;
+    }
+    if (r.element.isMouseenter && options.dataGroupMouseEnterBgColor) {
+        color = options.dataGroupMouseEnterBgColor;
+    }
+    if (r.element.isFocused && options.dataGroupFocusedBgColor) {
+        color = options.dataGroupFocusedBgColor;
+    }
+    if (!color) {
+        return;
+    }
+    //绘制背景
+    const bgX = event.relativePagePos.x;
+    const bgY = event.relativePagePos.y;
+    event.highlights.push(ElementUtil.getFillSvgRect(bgX, bgY, r.rect.width, r.rect.height, color));
 }
 
 class DataElementImage extends DataElementLeaf {
@@ -9145,11 +9246,13 @@ class DataContainerElement extends BlockContainerElement {
         this.props = new DataContainerProps();
         this.addEvent('GotCursor', (evt) => {
             this.isFocused = true;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView();
         });
         this.addEvent('LostCursor', (evt) => {
             this.isFocused = false;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView();
         });
     }
     createRenderObject() {
@@ -9264,19 +9367,23 @@ class DocumentBodyPartElement extends BlockContainerElement {
         super('body-part');
         this.addEvent('ElementMousemove', (evt) => {
             this.isMouseenter = true;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView();
         });
         this.addEvent('ElementMouseLeave', (evt) => {
             this.isMouseenter = false;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView();
         });
         this.addEvent('GotCursor', (evt) => {
             this.isFocused = true;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView();
         });
         this.addEvent('LostCursor', (evt) => {
             this.isFocused = false;
-            this.refreshView();
+            evt.ctx.refreshView();
+            //this.refreshView();
         });
         this.props = new BodyPartProps();
     }
@@ -10190,7 +10297,7 @@ class TableSplitCell {
             }
         }
         tb.pubOnChange('self');
-        tb.refreshView();
+        //tb.refreshView();
     }
     /**
      * 拆分合并的单元格
@@ -10297,7 +10404,7 @@ class TableSplitCell {
             }
         }
         tb.pubOnChange('to-child');
-        tb.refreshView();
+        //tb.refreshView();
         return {
             startColIndex: focusCellIndex,
             endColIndex: focusCellIndex + cols - 1
@@ -10327,7 +10434,7 @@ class TableSplitCell {
         TableUtil.restoreCell(ss);
         this.applyHorSplitColumnCurrPatchPacks(tb, focusRowIndex, focusCellIndex, rows, currPacks);
         tb.pubOnChange('to-child');
-        tb.refreshView();
+        //tb.refreshView();
         return {
             startColIndex: focusCellIndex,
             endColIndex: this.getPrepareNewColCounts(otherPacks, hMergeCols)
@@ -10695,6 +10802,9 @@ class ElementSerialize {
         if (element instanceof PSymbolElement) {
             return '\n';
         }
+        if (element instanceof BreakElement) {
+            return '\n';
+        }
         if (element instanceof BranchElement) {
             const items = [];
             for (let i = 0; i < element.length; i++) {
@@ -13243,6 +13353,7 @@ class EditorContext {
     //suggestionsList: Array<ISuggestionData> = [];
     //currentSuggestionsList: Array<ISuggestionData> = [];
     suggestions = new DocInputSuggestions();
+    //editor->this->others
     onKeyDownEvent = new Subject();
     constructor(selectionState, viewOptions) {
         this.selectionState = selectionState;
@@ -13252,6 +13363,16 @@ class EditorContext {
             this.syncRefresh?.();
         });
     }
+    /**
+     * 刷新视图
+     */
+    refreshView() {
+        this.syncRefresh?.();
+    }
+    /**
+     * 编辑器文档刷新后回调(DOM渲染完成后回调)
+     * @param cb
+     */
     onNextView(cb) {
         if (!cb) {
             this.nextViewFns.length = 0;
@@ -13266,25 +13387,27 @@ class EditorContext {
     set document(value) {
         this.clearPrevDocCb?.();
         this._document = value;
+        this._document['editorContext'] = this;
         // this.refSub = this._document.refreshSubject.subscribe((data) => {
         //     data = data ?? 'content';
         //     this.isDirty = this.isDirty || data === 'content';
         //     this.syncRefresh?.(data);
         // });
-        const docRefreshSub = this._document.refreshSubject.subscribe(() => {
-            this.syncRefresh?.();
-        });
+        // const docRefreshSub = this._document.refreshSubject.subscribe(() => {
+        //     this.syncRefresh?.();
+        // });
         const docChangedSub = this._document.onChangeSubject.subscribe(() => {
             this.syncRefresh?.();
         });
         this.syncRefresh();
         this.clearPrevDocCb = () => {
-            docRefreshSub.unsubscribe();
+            //docRefreshSub.unsubscribe();
             docChangedSub.unsubscribe();
             if (this._document) {
                 this.selectionState?.renderContainer?.destroy();
                 this.clear();
                 this._document.destroy();
+                this._document.editorContext = null;
                 clearTraces(this._document);
             }
             this.clearPrevDocCb = null;
@@ -13295,6 +13418,7 @@ class EditorContext {
         this.selectionState.clear();
         this.isDirty = false;
         this.suggestions.clear();
+        this.currentOpsLog.length = 0;
         //this.clearEleDepMaps();
     }
     get defaultCtx() {
@@ -13337,6 +13461,7 @@ class EditorContext {
         //this.ele_types_handlers.length = 0;
         //this.imageLoader.clear();
         this._document = null;
+        this.currentOpsLog.length = 0;
         this.suggestions.destroy();
     }
     /**
@@ -13359,11 +13484,13 @@ class EditorContext {
         oldDataElement.remove();
     }
     currentRefreshType = null;
+    //当前操作日志
+    currentOpsLog = [];
     get refreshType() {
-        if (!this._document) {
+        if (!this._document || this._document.modifyFlag === ModifyFlag.None) {
             return null;
         }
-        return this._document.modifyFlag === ModifyFlag.None ? 'appearance' : 'content';
+        return this._document.modifyFlag === ModifyFlag.Track ? 'appearance' : 'content';
     }
     adaptiveScale() {
         if (this.viewOptions.pageLayoutMode !== 'fit-page') {
@@ -13639,6 +13766,18 @@ class DocumentContext {
         }
         return arr;
     }
+}
+function refreshEditor(ele) {
+    const doc = ElementUtil.getParent(ele, e => e.type === 'doc');
+    if (doc) {
+        const editorCtx = doc['editorContext'];
+        if (editorCtx) {
+            editorCtx.refreshView();
+        }
+        else {
+            console.warn("doc.editorContext is null,不能刷新!");
+        }
+    }
 }
 
 class DynamicExecute {
@@ -15169,6 +15308,83 @@ class DocumentArrange {
         tmp.props.lineHeight = this.options.defaultLineHeight;
         return tmp;
     }
+    patchParagraph() {
+        if (!this.options.enableFastMeasure) {
+            return false;
+        }
+        this.pMeasure = new ParagraphMeasure(this.options, this.renderCtx, this.execute);
+        const ops = this.docCtx.currentOpsLog;
+        if (!ops.length) {
+            return false;
+        }
+        if (ops.every(op => 'delText' in op.ops || 'insText' in op.ops || ('insert' in op.ops && op.ops.insert.type === 'text'))) {
+            const parentIndex = ops[0].parentIndex;
+            //查找父容器
+            const parentEle = ElementUtil.getControlByIndex(this.docCtx.document, { currIndex: -1, index: parentIndex }, true);
+            const paraEle = ElementUtil.getParent(parentEle, item => item instanceof ParagraphElement);
+            if (!paraEle) {
+                return false;
+            }
+            const cacheRender = paraEle.cacheRender;
+            if (!cacheRender) {
+                return false;
+            }
+            //已经绘制的渲染对象
+            const paintRenders = paraEle.paintRenders;
+            const measureParaRenders = this.pMeasure.measureParagraph(paraEle, cacheRender.rect.width);
+            if (measureParaRenders.length !== 1) {
+                return false;
+            }
+            const measureParaRender = measureParaRenders[0];
+            if (cacheRender.rect.width !== measureParaRender.rect.width || cacheRender.rect.height !== measureParaRender.rect.height) {
+                return false;
+            }
+            //第一种情况，出现在页面或者页尾上
+            const measureParaRenderLines = measureParaRender.length;
+            const paintRendersLines = paintRenders.reduce((prev, curr) => {
+                prev.push(...curr.getItems());
+                return prev;
+            }, []);
+            if (paintRendersLines.length % measureParaRenderLines !== 0) {
+                return false;
+            }
+            //完全一致，逐个替换
+            if (paintRendersLines.length === measureParaRenderLines) {
+                for (let i = 0; i < paintRendersLines.length; i++) {
+                    const line = paintRendersLines[i];
+                    const index = line.getIndex();
+                    const tempLine = measureParaRender.getChild(i).clone();
+                    tempLine.rect.width = line.rect.width;
+                    tempLine.rect.height = line.rect.height;
+                    tempLine.rect.x = line.rect.x;
+                    tempLine.rect.y = line.rect.y;
+                    line.parent.insertChild(tempLine, index);
+                    line.parent.removeChild(line);
+                }
+                return true;
+            }
+        }
+        return false;
+    }
+    fastPatchReset(docRenders) {
+        //测量阶段，对于空段落会插入段落符号，新表格会插入空段落，此时不需要记录节点的更改，以最大的节点进行记录
+        return suppressTracking(() => {
+            const doc = this.docCtx.document;
+            this.execute = new DynamicExecute(doc, this.docCtx.selectionState);
+            this.pMeasure = new ParagraphMeasure(this.options, this.renderCtx, this.execute);
+            const data = {
+                doc,
+                options: this.options,
+                execute: this.execute,
+                renderCtx: this.renderCtx,
+                createParaFn: () => this.createDefaultPara()
+            };
+            this.reset(data);
+            this.setMeasureCompletedModifyFlag(doc);
+            this.cacheDocRenders(docRenders);
+            this.generateCommRange();
+        });
+    }
 }
 
 /**
@@ -15196,7 +15412,12 @@ class DocumentPaginator {
         this.docCtx.selectionState.renderContainer = this.docContainer;
         this.docContainer.rect.width = this.viewOptions.docPageSettings.width;
         const newMeasure = new DocumentArrange(this.docCtx, this.renderContext, this.seo);
-        this.docPages = newMeasure.measureDoc();
+        if (newMeasure.patchParagraph()) {
+            newMeasure.fastPatchReset(this.docPages);
+        }
+        else {
+            this.docPages = newMeasure.measureDoc();
+        }
         this.adjustTipLayoutWidth();
         this.layoutPages();
     }
@@ -20666,7 +20887,7 @@ class DocEditor {
                         },
                         on: {
                             resize: () => {
-                                console.log('resize');
+                                //console.log('resize')
                             }
                         }
                     },
@@ -20684,10 +20905,13 @@ class DocEditor {
                                         const target = evt.target;
                                         this.viewOptions.pageOffset.x = target.scrollLeft;
                                         this.viewOptions.pageOffset.y = target.scrollTop;
-                                        this.onChange();
+                                        //this.onChange();
+                                        //滚动的时候，不需要重新计算元素
+                                        //只需要重新渲染vnode即可
+                                        this.onPatchVNodeSubject.next();
                                     },
                                     resize: () => {
-                                        console.log('resize');
+                                        //console.log('resize')
                                     }
                                 },
                                 hook: {
@@ -20750,12 +20974,12 @@ class DocEditor {
             this.refreshDocument();
             this.flushTask = null;
             //回调
-            let cbs = [...this.docCtx.nextViewFns];
-            if (cbs.length) {
-                this.docCtx.onNextView(null);
-                cbs.forEach(cb => cb());
-                return;
-            }
+            // let cbs = [...this.docCtx.nextViewFns];
+            // if (cbs.length) {
+            //     this.docCtx.onNextView(null);
+            //     cbs.forEach(cb => cb());
+            //     return;
+            // }
             this.historyMange.generateTrack();
             this.historyMange.generateSelectionLog();
         };
@@ -20805,9 +21029,9 @@ class DocEditor {
      * @returns
      */
     refreshDocument() {
-        if (this.docCtx.refreshType === null) {
-            return;
-        }
+        // if (this.docCtx.refreshType === null) {
+        //     return;
+        // }
         this.docCtx.currentRefreshType = this.docCtx.refreshType;
         if (this.docCtx.currentRefreshType) {
             this.onBeforeRefreshDocument.next();
@@ -21688,6 +21912,7 @@ class DocEditor {
                 this.vNodeDocContent = this.nodePatch(this.svgContainer, vNode);
             }
             this.afterNodePatch.next();
+            this.onNextView();
             //console.timeEnd('patch');
         };
         render();
@@ -21698,6 +21923,13 @@ class DocEditor {
             render();
         }, 32));
     }
+    onNextView() {
+        let cbs = [...this.docCtx.nextViewFns];
+        if (cbs.length) {
+            this.docCtx.onNextView();
+            cbs.forEach(cb => cb());
+        }
+    }
     /**
      * 留痕提示的容器框，用于渲染后重新计算纵向位置
      * @private
@@ -22053,7 +22285,7 @@ class DocEditor {
         rule.setRuleOptions({ width: this.viewOptions.docPageSettings.width, pagePL, pagePR, docLeft });
     }
     version() {
-        return "2.2.13";
+        return "2.2.15";
     }
     switchPageHeaderEditor() {
         this.docCtx.document.switchPageHeaderEditor(this.selectionState, null);
@@ -22136,6 +22368,7 @@ class DocEditor {
     readDocChangeLog() {
         //获取文档的变更日志
         const ops = generatePatch(this.docCtx.document, false);
+        this.docCtx.currentOpsLog = [...ops];
         //1.处理批注删除不对称的问题
         for (let i = 0; i < ops.length; i++) {
             const op = ops[i];
@@ -22391,7 +22624,7 @@ class DocumentCombine {
      * 用于合并文档计算
      */
     load() {
-        const template = this.mainTemplate.clone();
+        const template = this.mainTemplate.clone(true);
         const body = template.find((item) => item instanceof DocumentBodyElement);
         body.clearItems();
         for (let i = 0; i < this.docParts.length; i++) {
@@ -27753,13 +27986,13 @@ const onTableContextmenu = (evt) => {
     evt.menus.push({
         caption: '上方插入段落', click: () => {
             currentElement.parent.addChild(ParagraphElement.createElement(), currentElement.getIndex());
-            currentElement.refreshView();
+            //currentElement.refreshView()
         }
     });
     evt.menus.push({
         caption: '下方插入段落', click: () => {
             currentElement.parent.addChild(ParagraphElement.createElement(), currentElement.getIndex() + 1);
-            currentElement.refreshView();
+            //currentElement.refreshView()
         }
     });
     evt.menus = removeDuplicatesEvent(evt.menus);
@@ -27775,5 +28008,5 @@ function removeDuplicatesEvent(events) {
     return arr;
 }
 
-export { BlockContainerElement, BlockContainerRenderObject, BlockContentElement, BlockContentRenderObject, BlockLineRectRenderObject, BodyPartProps, BooleanEnum, BorderProps, BranchElement, BranchRenderObject, BreakElement, BreakFactory, BreakRenderObject, CheckBoxElement, CheckBoxFactory, CheckBoxProps, CheckBoxRenderObject, ColumnPatchUtil, CommContentBaseElement, CommContentBaseRenderObject, CommContentElement, CommContentProps, CommContentRenderObject, CommProps, CommentContentFactory, CommentElement, CommentFactory, CommentRenderObject, CommentsFactory, CommonUtil, CommsContainerElement, CommsContainerRenderObject, ContentMenuItem, ContextMenuElementEvent, CopyElementEvent, DOMEventSource, DOMSubscription, DataContainerElement, DataContainerFactory, DataContainerProps, DataContainerRenderObject, 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, DocEditor, DocInputSuggestions, DocMode, DocumentBodyElement, DocumentBodyFactory, DocumentBodyPartElement, DocumentBodyPartFactory, DocumentBodyPartRenderObject, DocumentBodyRenderObject, DocumentChange, DocumentCombine, DocumentComment, DocumentContainerRender, DocumentContext, DocumentCursor, DocumentElement, DocumentEvalFunc, DocumentEvent, DocumentFactory, DocumentFooterElement, DocumentFooterFactory, DocumentFooterRenderObject, DocumentHeaderElement, DocumentHeaderFactory, DocumentHeaderRenderObject, DocumentInput, DocumentPaginator, DocumentPrintOffscreen, DocumentPrintOffscreenBase, DocumentProps, DocumentRenderObject, DocumentSelection, DocumentTemplate, DropElementEvent, EditMode, EditorContext, Element, ElementEvent, ElementFactory, ElementReader, ElementSerialize, ElementUtil, EventBus, EventMap, EventSourceCore, FillNullSpaceElement, FillNullSpaceRenderObject, GetTrackTipsEvent, GotCursorEvent, IDispose, INotifyPropertyChanged, InlineBlockContainer, InlineGroupElement, InlineGroupInputElement, InlineGroupRenderObject, InlineMuiltBlockLineRenderObject, InputElementEvent, IsInSideDataElement, IsInSideDataGroup, IsInSideInlineGroupInputElement, KeyboradElementEvent, LeafElement, LeafRenderObject, LostCursorEvent, MarginProps, ModifyFlag, MouseElementEvent, MousedownElementEvent, MultiBlockLineRenderObject, OnceSubject, PSymbolElement, PSymbolRenderObject, PaddingProps, PageBreakElement, PageBreakFactory, PageBreakRenderObject, PageOptions, PaintContent, ParagraphElement, ParagraphFactory, ParagraphLineRectRenderObject, ParagraphNumberType, ParagraphProps, ParagraphRenderObject, PasteElementEvent, PermanentTeethElement, PermanentTeethFactory, PermanentTeethProps, PermanentTeethRenderObject, PictureElement, PictureFactory, PictureProps, PictureRenderObject, RadioBoxElement, RadioBoxFactory, RadioBoxProps, RadioBoxRenderObject, RangeUtil, Rect, RenderContext, RenderObject, RenderObjectType, ResizeLeafRenderObject, RowMinHeight, RunElementFactory, SVGElement, SVGFactory, SVGProps, SVGRenderObject, SelectionOverlays, SelectionRange, SelectionState, Subject, SubjectSubscription, Subscription, TEXT_HEIGHT_FACTOR, TabElement, TabFactory, TabRenderObject, TableCellElement, TableCellFactory, TableCellProps, TableCellRenderObject, TableElement, TableFactory, TableProps, TableRenderObject, TableRowElement, TableRowFactory, TableRowProps, TableRowRenderObject, TableSplitCell, TableUtil, TextGroupElement, TextGroupFactory, TextGroupRenderObject, TextProps, TextUnitsHolder, TrackRunElement, TrackRunProps, TrackRunRenderObject, TrackRunTypeEnum, ValidateCondition, ValidateElement, ValidateProps, ValidateRenderObject, ViewOptions, addReturn, clearChildrenRenderCache, clearTraces, cloneChildren, cloneElementBase, defaultParaHanging, deleteCurrentParagraph, docOpsMap, elementTypeEventHandler, exportDecoratorHTML, falseChar, fontMapFunc, formatEle, fromEvent, generatePatch, getCalleeName, getFocusTextSegment, inputText, insertEle, invokeTypeHandler, isDate, logUpdateEleProps, objectToString$4 as objectToString, onTableContextmenu, onceTask, parser, reactiveMap, removeEle, removeText, renderErrorTip, renderUnderWavyLine, runTextLineRender, setChildrenModifyFlag, setNotifyChangedCallback, setTraceTrackingFlag, suppressTracking, targetMaps, textLineRenderMode, toRawType, toTypeString, trueChar, validateDataEle, validateDataEleRenderObj, validateDataGroup, validateInlineInputRenderObj, watchChanged };
+export { BlockContainerElement, BlockContainerRenderObject, BlockContentElement, BlockContentRenderObject, BlockLineRectRenderObject, BodyPartProps, BooleanEnum, BorderProps, BranchElement, BranchRenderObject, BreakElement, BreakFactory, BreakRenderObject, CheckBoxElement, CheckBoxFactory, CheckBoxProps, CheckBoxRenderObject, ColumnPatchUtil, CommContentBaseElement, CommContentBaseRenderObject, CommContentElement, CommContentProps, CommContentRenderObject, CommProps, CommentContentFactory, CommentElement, CommentFactory, CommentRenderObject, CommentsFactory, CommonUtil, CommsContainerElement, CommsContainerRenderObject, ContentMenuItem, ContextMenuElementEvent, CopyElementEvent, DOMEventSource, DOMSubscription, DataContainerElement, DataContainerFactory, DataContainerProps, DataContainerRenderObject, 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, DocEditor, DocInputSuggestions, DocMode, DocumentBodyElement, DocumentBodyFactory, DocumentBodyPartElement, DocumentBodyPartFactory, DocumentBodyPartRenderObject, DocumentBodyRenderObject, DocumentChange, DocumentCombine, DocumentComment, DocumentContainerRender, DocumentContext, DocumentCursor, DocumentElement, DocumentEvalFunc, DocumentEvent, DocumentFactory, DocumentFooterElement, DocumentFooterFactory, DocumentFooterRenderObject, DocumentHeaderElement, DocumentHeaderFactory, DocumentHeaderRenderObject, DocumentInput, DocumentPaginator, DocumentPrintOffscreen, DocumentPrintOffscreenBase, DocumentProps, DocumentRenderObject, DocumentSelection, DocumentTemplate, DropElementEvent, EditMode, EditorContext, Element, ElementEvent, ElementFactory, ElementReader, ElementSerialize, ElementUtil, EventBus, EventMap, EventSourceCore, FillNullSpaceElement, FillNullSpaceRenderObject, GetTrackTipsEvent, GotCursorEvent, IDispose, INotifyPropertyChanged, InlineBlockContainer, InlineGroupElement, InlineGroupInputElement, InlineGroupRenderObject, InlineMuiltBlockLineRenderObject, InputElementEvent, IsInSideDataElement, IsInSideDataGroup, IsInSideInlineGroupInputElement, KeyboradElementEvent, LeafElement, LeafRenderObject, LostCursorEvent, MarginProps, ModifyFlag, MouseElementEvent, MousedownElementEvent, MultiBlockLineRenderObject, OnceSubject, PSymbolElement, PSymbolRenderObject, PaddingProps, PageBreakElement, PageBreakFactory, PageBreakRenderObject, PageOptions, PaintContent, ParagraphElement, ParagraphFactory, ParagraphLineRectRenderObject, ParagraphNumberType, ParagraphProps, ParagraphRenderObject, PasteElementEvent, PermanentTeethElement, PermanentTeethFactory, PermanentTeethProps, PermanentTeethRenderObject, PictureElement, PictureFactory, PictureProps, PictureRenderObject, RadioBoxElement, RadioBoxFactory, RadioBoxProps, RadioBoxRenderObject, RangeUtil, Rect, RenderContext, RenderObject, RenderObjectType, ResizeLeafRenderObject, RowMinHeight, RunElementFactory, SVGElement, SVGFactory, SVGProps, SVGRenderObject, SelectionOverlays, SelectionRange, SelectionState, Subject, SubjectSubscription, Subscription, TEXT_HEIGHT_FACTOR, TabElement, TabFactory, TabRenderObject, TableCellElement, TableCellFactory, TableCellProps, TableCellRenderObject, TableElement, TableFactory, TableProps, TableRenderObject, TableRowElement, TableRowFactory, TableRowProps, TableRowRenderObject, TableSplitCell, TableUtil, TextGroupElement, TextGroupFactory, TextGroupRenderObject, TextProps, TextUnitsHolder, TrackRunElement, TrackRunProps, TrackRunRenderObject, TrackRunTypeEnum, ValidateCondition, ValidateElement, ValidateProps, ValidateRenderObject, ViewOptions, addReturn, clearChildrenRenderCache, clearTraces, cloneChildren, cloneElementBase, defaultParaHanging, deleteCurrentParagraph, docOpsMap, elementTypeEventHandler, exportDataEleDecoratorSVG$1 as exportDataEleDecoratorSVG, falseChar, fontMapFunc, formatEle, fromEvent, generatePatch, getCalleeName, getFocusTextSegment, inputText, insertEle, invokeTypeHandler, isDate, logUpdateEleProps, objectToString$4 as objectToString, onTableContextmenu, onceTask, parser, reactiveMap, refreshEditor, removeEle, removeText, renderErrorTip, renderUnderWavyLine, renderUnderline, runTextLineRender, setChildrenModifyFlag, setNotifyChangedCallback, setTraceTrackingFlag, suppressTracking, targetMaps, textLineRenderMode, toRawType, toTypeString, trueChar, validateDataEle, validateDataEleRenderObj, validateDataGroup, validateInlineInputRenderObj, watchChanged };
 //# sourceMappingURL=index.js.map