@hailin-zheng/editor-core 1.0.7 → 1.0.10

package/{lib/framework/element-measure.js → src/med_editor/framework/element-measure.ts}

@@ -1,53 +1,68 @@
 import { runTextLineRender } from "./document-textline-mode";
-import { BlockContainerElement, BlockContentElement, BranchElement, InlineGroupElement, LeafElement, ModifyFlag } from "./element-define";
-import { TextProps } from "./element-props";
+import {
+    BlockContainerElement,
+    BlockContentElement,
+    BranchElement,
+    Element,
+    InlineGroupElement,
+    LeafElement,
+    ModifyFlag,
+    ViewOptions
+} from "./element-define";
+import { DataEleBaseProps, DataEleBaseTextProps, TextProps } from "./element-props";
 import { ElementUtil } from "./element-util";
 import { DataElementInlineGroup } from "./impl/data-element/data-element-base-impl";
 import { FillNullSpaceRenderObject } from "./impl/decorate/fill-null-space-imple";
-import { ParagraphElement } from "./impl/paragraph/p-impl";
+import { DocumentElement, DocumentRenderObject } from "./impl/document/doc-impl";
+import { ParagraphElement, ParagraphLineRectRenderObject, ParagraphRenderObject } from "./impl/paragraph/p-impl";
 import { TextGroupElement, TextGroupRenderObject } from "./impl/text/text-impl";
-import { BranchRenderObject, InlineGroupRenderObject, LeafRenderObject } from "./render-define";
+import { RenderContenxtType } from "./render-context";
+import {
+    BlockContainerRenderObject,
+    BlockContentRenderObject,
+    BranchRenderObject,
+    InlineGroupRenderObject,
+    LeafRenderObject,
+    RenderObject
+} from "./render-define";
+interface ICutLineData { firstItem: RenderObject | null, lastItem: RenderObject | null, br?: boolean }
 /**
  * 测量阶段，生成Render-UI
  */
 export class ElementMeasure {
-    options;
-    renderCtx;
-    constructor(options, renderCtx) {
-        this.options = options;
-        this.renderCtx = renderCtx;
-    }
-    measureDocument(document) {
+    constructor(private options: ViewOptions, private renderCtx: RenderContenxtType) { }
+
+    measureDocument(document: DocumentElement): DocumentRenderObject {
         this.clearPaintCache(document);
-        const docRender = this.measureControl(document, this.options.docPageSettings.width);
+        const docRender = this.measureControl(document, this.options.docPageSettings.width) as DocumentRenderObject;
         this.setMeasureCompletedModifyFlag(document);
         runTextLineRender(document, this.options, this.renderCtx);
         return docRender;
     }
-    measureControl(element, maxWidth) {
+
+    measureControl(element: Element, maxWidth: number): RenderObject | null {
         if (element.modifyFlag === ModifyFlag.None) {
             return element.measureRender;
         }
         if (element instanceof BlockContentElement) {
-            const render = element.createRenderObject(this.options, this.renderCtx);
+            const render = element.createRenderObject(this.options, this.renderCtx) as BlockContentRenderObject;
             element.measureRender = render;
             //测量阶段，只限制最大宽度即可
             render.setRenderWidth(maxWidth);
             if (element instanceof ParagraphElement) {
-                this.measureParagraph(element, render);
-            }
-            else {
+                this.measureParagraph(element, render as ParagraphRenderObject);
+            } else {
                 throw new Error('未实现');
             }
             return render;
-        }
-        else if (element instanceof BlockContainerElement) {
+
+        } else if (element instanceof BlockContainerElement) {
             ElementUtil.fixBlockContainer(element);
-            let render = null;
+            let render: BlockContainerRenderObject | null = null;
             if (element.modifyFlag === ModifyFlag.Modify || element.modifyFlag === ModifyFlag.Track) {
                 ElementUtil.fixBlockContainer(element);
                 element.measureRender = null;
-                render = element.createRenderObject(this.options, this.renderCtx);
+                render = element.createRenderObject(this.options, this.renderCtx) as BlockContainerRenderObject;
                 if (!render) {
                     element.measureRender = null;
                     return null;
@@ -57,14 +72,14 @@ export class ElementMeasure {
                 }
             }
             if (!render) {
-                throw new Error('render is null');
+                throw new Error('render is null')
             }
             element.measureRender = render;
             const innerMaxWidth = render.getInnerMaxWidth();
             for (let i = 0; i < element.length; i++) {
                 const child = element.getChild(i);
-                const blockContentELement = child;
-                const childRender = this.measureControl(blockContentELement, innerMaxWidth);
+                const blockContentELement = child as BlockContentElement;
+                const childRender = this.measureControl(blockContentELement, innerMaxWidth) as BlockContentRenderObject;
                 if (!childRender) {
                     continue;
                 }
@@ -72,20 +87,20 @@ export class ElementMeasure {
             }
             ElementUtil.remeasure(render);
             return render;
-        }
-        else {
+        } else {
             throw new Error('未实现');
         }
     }
+
     /**
      * 生成段落 UI 树
-     * @param para
-     * @param render
+     * @param para 
+     * @param render 
      */
-    measureParagraph(para, render) {
+    measureParagraph(para: ParagraphElement, render: ParagraphRenderObject): void {
         ElementUtil.fixParagraphContent(para);
         this.setParagraphDefaultTextProps(para);
-        const renderObjects = [];
+        const renderObjects: Array<RenderObject> = [];
         for (let i = 0; i < para.length; i++) {
             const child = para.getChild(i);
             if (child instanceof InlineGroupElement) {
@@ -103,39 +118,41 @@ export class ElementMeasure {
         }
         this.measureInnerParagraph(render, para, renderObjects);
     }
+
+
     /**
      * 设置段落默认文本属性
      * 当前段落属于空段落时，键入文本时，文本的默认属性
      */
-    setParagraphDefaultTextProps(para) {
-        const lastTextGroup = ElementUtil.getLastLeafElement(para, (item) => item instanceof TextGroupElement);
+    setParagraphDefaultTextProps(para: ParagraphElement): void {
+        const lastTextGroup = ElementUtil.getLastLeafElement(para, (item) => item instanceof TextGroupElement) as TextGroupElement;
         const defaultTextProps = lastTextGroup ? lastTextGroup.props.clone(new TextProps()) : ElementUtil.createTextProps(null, this.options);
         if (para.props.textProps && para.props.textProps.equals(defaultTextProps)) {
             return;
         }
         para.props.textProps = defaultTextProps;
     }
+
     /**
      * 根据段落UI元素，进行排列
-     * @param render
-     * @param paragraph
-     * @param renderObjects
+     * @param render 
+     * @param paragraph 
+     * @param renderObjects 
      */
-    measureInnerParagraph(render, paragraph, renderObjects) {
+    measureInnerParagraph(render: ParagraphRenderObject, paragraph: ParagraphElement, renderObjects: Array<RenderObject>) {
         let lineRect = render.createLineRect();
         //行内框
-        const innerLineRects = [];
-        const addInnerLineFunc = (lineRect) => {
+        const innerLineRects: Array<ParagraphLineRectRenderObject> = [];
+        const addInnerLineFunc = (lineRect: ParagraphLineRectRenderObject): void => {
             innerLineRects.push(lineRect);
             if (lineRect.rect.maxWidth <= 0) {
-                throw new Error('lineRect.rect.maxWidth is ' + lineRect.rect.maxWidth);
+                throw new Error('lineRect.rect.maxWidth is ' + lineRect.rect.maxWidth)
             }
             if (innerLineRects.indexOf(lineRect) === 0) {
                 if (paragraph.props.indent > 0) {
                     lineRect.rect.maxWidth -= paragraph.props.indent;
                 }
-            }
-            else {
+            } else {
                 lineRect.rect.maxWidth -= paragraph.props.hanging;
             }
         };
@@ -144,7 +161,7 @@ export class ElementMeasure {
         let currItem = renderObjects[i++];
         const inCloseBody = paragraph.parent.type === 'body';
         while (currItem) {
-            const maxWidth = lineRect.rect.maxWidth;
+            const maxWidth = lineRect.rect.maxWidth as number;
             const nextItem = renderObjects[i];
             const { firstItem, lastItem, br } = this.cutRenderItem(currItem, nextItem, maxWidth - lineRect.rect.width, lineRect.length === 0, inCloseBody);
             if (firstItem) {
@@ -152,8 +169,7 @@ export class ElementMeasure {
                     renderObjects.splice(i, 0, lastItem);
                 }
                 currItem = firstItem;
-            }
-            else {
+            } else {
                 lineRect = render.createLineRect();
                 addInnerLineFunc(lineRect);
                 continue;
@@ -172,7 +188,7 @@ export class ElementMeasure {
             currItem = renderObjects[i++];
         }
         for (let i = 0; i < innerLineRects.length; i++) {
-            const innerLineRect = innerLineRects[i];
+            const innerLineRect = innerLineRects[i] as ParagraphLineRectRenderObject;
             innerLineRect.rect.x = this.getParaLineRectStartX(innerLineRects.length, i, paragraph, render, innerLineRect);
             //限制最大行高
             const maxLineHeight = Math.floor(14 * 1.3);
@@ -188,17 +204,18 @@ export class ElementMeasure {
             }
             //render.rect.height += lineRect.rect.height;
             const outterLineRect = render.createLineRect();
-            outterLineRect.rect.width = outterLineRect.rect.maxWidth;
+            outterLineRect.rect.width = outterLineRect.rect.maxWidth as number;
             outterLineRect.addChild(innerLineRect);
             ElementUtil.remeasure(outterLineRect, false);
             render.addChild(outterLineRect);
         }
         ElementUtil.remeasure(render);
     }
+
     /**
      * 获取段落行布局横向坐标起始位置，被段落text-align影响
      */
-    getParaLineRectStartX(counter, paraLineIndex, paraElement, paraRenderObject, paraLineRender) {
+    getParaLineRectStartX(counter: number, paraLineIndex: number, paraElement: ParagraphElement, paraRenderObject: ParagraphRenderObject, paraLineRender: ParagraphLineRectRenderObject): number {
         //左对齐，首行缩进
         let indent = paraElement.props.indent;
         //存在项目符号
@@ -208,31 +225,29 @@ export class ElementMeasure {
         if (paraElement.props.textAlign === 'center') {
             const remainSpace = paraRenderObject.rect.width - paraLineRender.rect.width;
             return Math.ceil(remainSpace / 2) + indent;
-        }
-        else if (paraElement.props.textAlign === 'right') {
+        } else if (paraElement.props.textAlign === 'right') {
             const remainSpace = paraRenderObject.rect.width - paraLineRender.rect.width;
             return remainSpace + indent;
-        }
-        else if (paraElement.props.textAlign === 'justify') {
+        } else if (paraElement.props.textAlign === 'justify') {
             const renderUnitCount = this.getRenderUnitLength(paraLineRender);
             if (paraLineIndex === counter - 1 || renderUnitCount === 1) {
                 return indent;
             }
-            const spaceWidth = (paraLineRender.rect.maxWidth - paraLineRender.rect.width) / (renderUnitCount - 1);
+            const spaceWidth = (<number>paraLineRender.rect.maxWidth - paraLineRender.rect.width) / (renderUnitCount - 1);
             this.setAlignJustify(paraLineRender, 0, spaceWidth);
             return indent;
-        }
-        else {
+        } else {
             return indent;
         }
     }
+
     /**
      * 设置两端对齐
-     * @param render
-     * @param count
-     * @param spaceWidth
+     * @param render 
+     * @param count 
+     * @param spaceWidth 
      */
-    setAlignJustify(render, count, spaceWidth) {
+    private setAlignJustify(render: RenderObject, count: number, spaceWidth: number): number {
         if (render instanceof BranchRenderObject) {
             let width = 0;
             for (let i = 0; i < render.length; i++) {
@@ -242,8 +257,7 @@ export class ElementMeasure {
                 width += currRender.rect.width;
             }
             render.rect.width = width;
-        }
-        else if (render instanceof LeafRenderObject) {
+        } else if (render instanceof LeafRenderObject) {
             if (render instanceof TextGroupRenderObject) {
                 let i = count === 0 ? 1 : 0;
                 for (; i < render.textMeasures.length; i++) {
@@ -251,8 +265,7 @@ export class ElementMeasure {
                 }
                 render.measure();
                 count += render.textMeasures.length;
-            }
-            else {
+            } else {
                 if (count !== 0) {
                     render.rect.width += spaceWidth;
                 }
@@ -261,29 +274,30 @@ export class ElementMeasure {
         }
         return count;
     }
+
     /**
      * 获取段落行渲染单位个数,字符需要计算为字符长度
      */
-    getRenderUnitLength(paraLine) {
+    private getRenderUnitLength(paraLine: RenderObject): number {
         if (paraLine instanceof LeafRenderObject) {
             if (paraLine instanceof TextGroupRenderObject) {
                 return paraLine.textMeasures.length;
-            }
-            else {
+            } else {
                 return 1;
             }
-        }
-        else if (paraLine instanceof BranchRenderObject) {
+        } else if (paraLine instanceof BranchRenderObject) {
             let count = 0;
             for (let i = 0; i < paraLine.length; i++) {
                 count += this.getRenderUnitLength(paraLine.getChild(i));
             }
             return count;
         }
-        throw new Error('未到达计算位置');
+        throw new Error('未到达计算位置')
     }
-    getInlineGroupRenderItem(item) {
-        const inlineGroupRender = item.createRenderObject(this.options, this.renderCtx);
+
+
+    getInlineGroupRenderItem(item: InlineGroupElement): RenderObject | null {
+        const inlineGroupRender = item.createRenderObject(this.options, this.renderCtx) as InlineGroupRenderObject;
         if (!inlineGroupRender) {
             return null;
         }
@@ -295,17 +309,16 @@ export class ElementMeasure {
                 if (child.measureRender) {
                     inlineGroupRender.addChild(child.measureRender);
                 }
-            }
-            else if (child instanceof InlineGroupElement) {
+            } else if (child instanceof InlineGroupElement) {
                 item.measureRender = this.getInlineGroupRenderItem(child);
                 if (item.measureRender) {
                     inlineGroupRender.addChild(item.measureRender);
                 }
-            }
-            else {
-                throw new Error('未实现');
+            } else {
+                throw new Error('未实现')
             }
         }
+
         ElementUtil.remeasureInlineGroupRender(inlineGroupRender);
         //限制最小长度
         if (item instanceof DataElementInlineGroup) {
@@ -314,14 +327,14 @@ export class ElementMeasure {
                 const nullText = new TextGroupElement();
                 nullText.isDecorate = true;
                 nullText.disableClick = true;
-                const baseTextProps = item.props;
-                nullText.text = baseTextProps.nullText;
+                const baseTextProps = (<any>item).props as DataEleBaseTextProps;
+                nullText.text = baseTextProps.nullText as string;
                 baseTextProps.nullTextProps.clone(nullText.props);
                 const nullTextRender = nullText.createRenderObject(this.options, this.renderCtx);
                 inlineGroupRender.insertChild(nullTextRender, 1);
                 ElementUtil.remeasureInlineGroupRender(inlineGroupRender);
             }
-            const props = item.props;
+            const props = (<any>item).props as DataEleBaseProps;
             let minLength = props.minLength ?? 14;
             minLength = minLength < 14 ? 14 : minLength;
             if (item instanceof DataElementInlineGroup && inlineGroupRender.rect.width < minLength) {
@@ -334,7 +347,9 @@ export class ElementMeasure {
         }
         return inlineGroupRender;
     }
-    cutRenderItem(render, nextRender, limitWidth, lineEmpty, inCloseBody) {
+
+
+    cutRenderItem(render: RenderObject, nextRender: RenderObject, limitWidth: number, lineEmpty: boolean, inCloseBody: boolean): ICutLineData {
         if (render instanceof LeafRenderObject) {
             if (render.rect.width > limitWidth && render instanceof TextGroupRenderObject) {
                 return this.cutTextRender(render, nextRender, limitWidth, lineEmpty, inCloseBody);
@@ -346,15 +361,15 @@ export class ElementMeasure {
                 return { firstItem: render, lastItem: null, br: render.element.type === 'br' };
             }
             return { firstItem: null, lastItem: null };
-        }
-        else if (render instanceof InlineGroupRenderObject) {
+        } else if (render instanceof InlineGroupRenderObject) {
             return this.cutInlineGroupRenderItem(render, limitWidth, lineEmpty, inCloseBody);
         }
-        throw new Error('到达计算边界');
+        throw new Error('到达计算边界')
     }
-    cutTextRender(render, nextRender, limitWidth, lineEmpty, inCloseBody) {
+
+    cutTextRender(render: TextGroupRenderObject, nextRender: RenderObject, limitWidth: number, lineEmpty: boolean, inCloseBody: boolean): ICutLineData {
         let sumWidth = 0;
-        const cutRender = render.clone();
+        const cutRender = render.clone() as TextGroupRenderObject;
         cutRender.textMeasures.length = 0;
         let i = 0;
         for (; i < render.textMeasures.length; i++) {
@@ -373,17 +388,19 @@ export class ElementMeasure {
         if (i <= 0) {
             return { firstItem: null, lastItem: null };
         }
+
         cutRender.textMeasures = render.textMeasures.splice(0, i);
         render.measure();
         cutRender.measure();
         return { firstItem: cutRender, lastItem: render, br: true };
     }
+
     /**
      * 处理前置标点,前置标点不能出现在末尾
-     * @param render
-     * @param i
+     * @param render 
+     * @param i 
      */
-    patchHandleLeadingPunctuation(render, i, lineEmpty) {
+    private patchHandleLeadingPunctuation(render: TextGroupRenderObject, i: number, lineEmpty: boolean): number {
         if (i === 1 && lineEmpty) {
             return i;
         }
@@ -392,13 +409,14 @@ export class ElementMeasure {
         }
         return i;
     }
+
     /**
      * 处理后置标点，后置标点不能出现在行首
-     * @param render
-     * @param i
-     * @param lineEmpty
+     * @param render 
+     * @param i 
+     * @param lineEmpty 
      */
-    patchHandlePostPunctuation(render, nextRender, i, inCloseBody, lineEmpty) {
+    private patchHandlePostPunctuation(render: TextGroupRenderObject, nextRender: RenderObject, i: number, inCloseBody: boolean, lineEmpty: boolean): number {
         if (i === render.textMeasures.length - 1) {
             //紧跟着的字符包含后置标点
             if (this.containerStartSymbolInTextStart(nextRender)) {
@@ -408,12 +426,10 @@ export class ElementMeasure {
         if (inCloseBody && this.containPostPunctuation(render.textMeasures[i]?.char)) {
             if (this.containPostPunctuation(render.textMeasures[i + 1]?.char)) {
                 i--;
-            }
-            else {
+            } else {
                 i++;
             }
-        }
-        else {
+        } else {
             if (i <= 1) {
                 //debugger;
             }
@@ -423,24 +439,27 @@ export class ElementMeasure {
         }
         return i;
     }
+
     /**
      * 是否包含后置标点
-     * @param str
-     * @returns
+     * @param str 
+     * @returns 
      */
-    containPostPunctuation(str) {
+    private containPostPunctuation(str: string): boolean {
         return '!),.:;?]}¨·ˇˉ―‖’”…∶、。〃々〉》」』】〕〗！＂＇），．：；？］｀｜｝～￠'.indexOf(str) > -1;
     }
+
     //是否包含前置标点
-    containLeadingPunctuation(str) {
+    private containLeadingPunctuation(str: string): boolean {
         return '‘“〈《「『【〔〖（［｛￡'.indexOf(str) > -1;
     }
+
     /**
      * 文本开头是否包含后置标点
-     * @param render
-     * @returns
+     * @param render 
+     * @returns 
      */
-    containerStartSymbolInTextStart(render) {
+    private containerStartSymbolInTextStart(render: RenderObject): boolean {
         //return false;
         if (render instanceof TextGroupRenderObject) {
             if (render.textMeasures.length > 0) {
@@ -449,26 +468,27 @@ export class ElementMeasure {
         }
         return false;
     }
-    cutFillNullRender(render, limitWidth) {
+
+    cutFillNullRender(render: FillNullSpaceRenderObject, limitWidth: number): ICutLineData {
         if (limitWidth === 0) {
-            return { firstItem: null, lastItem: null };
+            return { firstItem: null, lastItem: null }
         }
         if (render.rect.width > limitWidth) {
             const cutRender = new FillNullSpaceRenderObject();
             cutRender.rect.width = limitWidth;
             cutRender.rect.height = render.rect.height;
             render.rect.width = render.rect.width - limitWidth;
-            return { firstItem: cutRender, lastItem: render };
-        }
-        else {
-            return { firstItem: render, lastItem: null };
+            return { firstItem: cutRender, lastItem: render }
+        } else {
+            return { firstItem: render, lastItem: null }
         }
     }
+
     /**
      * 行内编组元素超出行内可用空间，需要根据剩余空间长度进行截断
      */
-    cutInlineGroupRenderItem(render, limitWidth, emptyLine, inCloseBody) {
-        const cutRender = render.element.createRenderObject(this.options, this.renderCtx);
+    cutInlineGroupRenderItem(render: InlineGroupRenderObject, limitWidth: number, emptyLine: boolean, inCloseBody: boolean): ICutLineData {
+        const cutRender = render.element.createRenderObject(this.options, this.renderCtx) as InlineGroupRenderObject;
         let x = 0;
         let br = false;
         const items = [...render.getItems()];
@@ -486,8 +506,7 @@ export class ElementMeasure {
                     }
                     br = childBr || br;
                     break;
-                }
-                else {
+                } else {
                     render.removeChild(child);
                     cutRender.addChild(child);
                 }
@@ -496,8 +515,7 @@ export class ElementMeasure {
                     br = true;
                     break;
                 }
-            }
-            else if (child instanceof InlineGroupRenderObject) {
+            } else if (child instanceof InlineGroupRenderObject) {
                 if (x + child.rect.width > limitWidth) {
                     const { firstItem, br: childBr } = this.cutInlineGroupRenderItem(child, limitWidth - x, emptyLine && cutRender.length === 0, inCloseBody);
                     if (firstItem) {
@@ -505,8 +523,7 @@ export class ElementMeasure {
                     }
                     br = childBr || br;
                     break;
-                }
-                else {
+                } else {
                     render.removeChild(child);
                     cutRender.addChild(child);
                 }
@@ -520,11 +537,12 @@ export class ElementMeasure {
         ElementUtil.remeasureInlineGroupRender(render);
         return { firstItem: cutRender, lastItem: render.length ? render : null, br };
     }
+
     /**
      * 修改测量完毕后的元素状态
-     * @param ele
+     * @param ele 
      */
-    setMeasureCompletedModifyFlag(ele) {
+    setMeasureCompletedModifyFlag(ele: Element): void {
         if (ele instanceof BranchElement) {
             for (let i = 0; i < ele.length; i++) {
                 this.setMeasureCompletedModifyFlag(ele.getChild(i));
@@ -532,7 +550,8 @@ export class ElementMeasure {
         }
         ele.modifyFlag = ModifyFlag.None;
     }
-    clearPaintCache(ele) {
+
+    clearPaintCache(ele: Element): void {
         ele.beginMeasure();
         if (ele instanceof BranchElement) {
             for (let i = 0; i < ele.length; i++) {
@@ -540,12 +559,15 @@ export class ElementMeasure {
             }
         }
     }
-    endMeasures(ele) {
+
+    endMeasures(ele: Element): void {
         if (ele instanceof BranchElement) {
             for (let i = 0; i < ele.length; i++) {
                 this.endMeasures(ele.getChild(i));
             }
         }
     }
+
+
+
 }
-//# sourceMappingURL=element-measure.js.map