@hailin-zheng/editor-core 1.0.7 → 1.0.10

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

@@ -1,26 +1,29 @@
-import { BranchRenderObject, LeafRenderObject } from "./render-define";
+import { RenderContenxtType } from "./render-context";
+import { Element, LeafElement, Position, SelectionContentRange, ViewOptions } from "./element-define";
+import { BranchRenderObject, LeafRenderObject, RenderObject } from "./render-define";
+import { DocumentContainerRender } from "./impl/document/doc-container-impl";
 import { ElementUtil } from "./element-util";
+import { CommentElement } from "./impl/comments/comment-element-impl";
 import { CommsContainerRenderObject } from "./impl/comments/comments-container-impl";
 import { CommentsUtil } from "./impl/comments/comments-util";
-import { TextGroupElement } from "./impl/text/text-impl";
+import { TextGroupElement, TextGroupRenderObject } from "./impl/text/text-impl";
 import { RangeUtil } from "./range-util";
-import { DataElementRenderObject } from "@/med_editor/framework/impl/data-element/data-element-base-impl";
+import { DataElementRenderObject } from "./impl/data-element/data-element-base-impl";
+export interface PrintOptions {
+    beforePrintPage: (pageIndex: number, pageCount: number) => void;
+    afterPrintPage: (pageIndex: number, pageCount: number) => void;
+}
 export class ElementPaint {
-    viewOptions;
-    renderCtx;
     //存储元素和绘制元素的映射关系
     //paintElementMap: Map<Element, Array<RenderObject>> = new Map();
-    selectedSets;
-    measureCommContainer;
-    rePaint;
-    constructor(viewOptions, renderCtx) {
-        this.viewOptions = viewOptions;
-        this.renderCtx = renderCtx;
-    }
+    private selectedSets!: Map<Element, SelectionContentRange>;
+    private measureCommContainer!: CommsContainerRenderObject;
+    private rePaint!: boolean;
+    constructor(private viewOptions: ViewOptions, private renderCtx: RenderContenxtType) { }
     //审阅标记的位置对应关系
-    paintCommMap;
-    paintPagePos;
-    drawPages(docContainer, selectedSets, measureCommContainer, rePaint) {
+    paintCommMap!: Array<{ ele: CommentElement, render: RenderObject, pos: Position }>;
+    paintPagePos!: Position;
+    drawPages(docContainer: DocumentContainerRender, selectedSets: Map<Element, SelectionContentRange>, measureCommContainer: CommsContainerRenderObject, rePaint: boolean): void {
         this.rePaint = rePaint;
         this.measureCommContainer = measureCommContainer;
         const { viewSettings, docPageSettings, viewBackcolor } = this.viewOptions;
@@ -34,7 +37,7 @@ export class ElementPaint {
             const doc = docContainer.getChild(i);
             const { x: rx, y: ry, width: rw, height: rh } = doc.rect;
             const currPosition = { x: rx + containerPos.x, y: ry + containerPos.y };
-            let inViewPort = (currPosition.y >= 0 && currPosition.y <= this.viewOptions.viewPaintHeight) || (currPosition.y < 0 && currPosition.y + rh > 0);
+            let inViewPort: boolean | undefined = (currPosition.y >= 0 && currPosition.y <= this.viewOptions.viewPaintHeight) || (currPosition.y < 0 && currPosition.y + rh > 0);
             if (this.viewOptions.fullPageView) {
                 //inViewPort = undefined;
             }
@@ -44,11 +47,13 @@ export class ElementPaint {
             if (inViewPort) {
                 this.invokedPagePaintCompleted(doc, containerPos);
             }
+
         }
-        docContainer.endRender(this.renderCtx, containerPos);
+        docContainer.endRender(this.renderCtx, containerPos)
         this.renderCtx.commit(null);
     }
-    drawRenderObject(renderObject, parent, parentInViewPort = false) {
+
+    drawRenderObject(renderObject: RenderObject<any>, parent: { x: number, y: number }, parentInViewPort: boolean | undefined = false): void {
         const element = renderObject.element;
         if (this.rePaint && element) {
             element.paintRenders.push(renderObject);
@@ -56,7 +61,7 @@ export class ElementPaint {
         const { x: rx, y: ry, width: rw, height: rh } = renderObject.rect;
         const currPosition = { x: rx + parent.x, y: ry + parent.y };
         //判断当前绘制元素是否在视窗内
-        let inViewPort = parentInViewPort;
+        let inViewPort: boolean = parentInViewPort;
         if (parentInViewPort === undefined || this.viewOptions.fullPageView) {
             inViewPort = (currPosition.y >= 0 && currPosition.y <= this.viewOptions.viewPaintHeight) || (currPosition.y < 0 && currPosition.y + rh > 0);
         }
@@ -72,18 +77,17 @@ export class ElementPaint {
                 renderObject.beginRender(this.renderCtx, currPosition);
                 for (let i = 0; i < renderObject.length; i++) {
                     const child = renderObject.getChild(i);
-                    this.drawRenderObject(child, currPosition, inViewPort);
+                    this.drawRenderObject(child, currPosition, inViewPort)
                 }
                 renderObject.endRender(this.renderCtx, currPosition);
             }
-        }
-        else if (renderObject instanceof LeafRenderObject) {
+        } else if (renderObject instanceof LeafRenderObject) {
             if (inViewPort) {
                 renderObject.render(this.renderCtx, currPosition);
             }
             //审阅信息
             if (this.viewOptions.showReviewWindow && element && element.type === 'comm') {
-                const commElement = element;
+                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 } });
@@ -92,29 +96,27 @@ export class ElementPaint {
         }
         //处理选中拖蓝
         if (inViewPort && this.selectedSets.has(element)) {
-            const range = this.selectedSets.get(element);
+            const range = this.selectedSets.get(element) as SelectionContentRange;
             if (renderObject instanceof LeafRenderObject) {
                 const overlayRect = { x: currPosition.x, y: currPosition.y, width: rw, height: rh };
                 const paraLinePos = ElementUtil.getParaLinePos(renderObject, { x: currPosition.x, y: currPosition.y });
                 if (range.isFullSelected) {
                     this.renderCtx.overlaysContext.fillRect(overlayRect.x, paraLinePos.y, overlayRect.width, paraLinePos.height, this.viewOptions.selectionOverlaysColor);
-                }
-                else {
+                } else {
                     if (element instanceof TextGroupElement && range.endOffset > range.startOffset) {
-                        const { startX, endX } = ElementUtil.getTextRenderHorX(renderObject, range.startOffset, range.endOffset);
+                        const { startX, endX } = ElementUtil.getTextRenderHorX(<TextGroupRenderObject>renderObject, range.startOffset, range.endOffset);
                         overlayRect.width = endX - startX;
                         overlayRect.x += startX;
                         this.renderCtx.overlaysContext.fillRect(overlayRect.x, paraLinePos.y, overlayRect.width, paraLinePos.height, this.viewOptions.selectionOverlaysColor);
                     }
                 }
-            }
-            else if (range.isFullSelected && element.type === 'tbc') {
+            } else if (range.isFullSelected && element.type === 'tbc') {
                 this.renderCtx.overlaysContext.fillRect(currPosition.x, currPosition.y, renderObject.rect.width, renderObject.rect.height, this.viewOptions.selectionOverlaysColor);
             }
         }
         if (inViewPort && this.viewOptions.showReviewWindow && this.measureCommContainer.selectedSet.has(element)) {
             if (renderObject instanceof LeafRenderObject || renderObject instanceof DataElementRenderObject) {
-                const range = this.measureCommContainer.selectedSet.get(element);
+                const range = this.measureCommContainer.selectedSet.get(element) as SelectionContentRange;
                 if (range.isFullSelected) {
                     let commentRangePaintColor = '#ffd591';
                     for (let i = 0; i < this.measureCommContainer.commentRangeStatus.length; i++) {
@@ -130,12 +132,14 @@ export class ElementPaint {
                     this.renderCtx.overlaysContext.fillRect(overlayRect.x, paraLinePos.y, overlayRect.width, paraLinePos.height, commentRangePaintColor);
                 }
             }
+
         }
     }
+
     /**
      * 触发页面绘制结束事件
      */
-    invokedPagePaintCompleted(renderObject, parent) {
+    invokedPagePaintCompleted(renderObject: RenderObject, parent: { x: number, y: number }): void {
         const { x: rx, y: ry, width: rw, height: rh } = renderObject.rect;
         const currPosition = { x: rx + parent.x, y: ry + parent.y };
         renderObject.pagePaintCompleted(this.renderCtx, currPosition);
@@ -145,7 +149,8 @@ export class ElementPaint {
             }
         }
     }
-    static drawPage(renderCtx, renderObject, parent) {
+
+    static drawPage(renderCtx: RenderContenxtType, renderObject: RenderObject, parent: { x: number, y: number }): void {
         const { x: rx, y: ry } = renderObject.rect;
         const currPosition = { x: rx + parent.x, y: ry + parent.y };
         if (renderObject instanceof BranchRenderObject) {
@@ -155,16 +160,17 @@ export class ElementPaint {
                 this.drawPage(renderCtx, child, currPosition);
             }
             renderObject.endRender(renderCtx, currPosition);
-        }
-        else if (renderObject instanceof LeafRenderObject) {
+        } else if (renderObject instanceof LeafRenderObject) {
             renderObject.render(renderCtx, currPosition);
         }
     }
-    getLeafElementPaintMap(element, shadowRenderIndex = 0) {
-        return element.paintRenders[shadowRenderIndex];
+
+
+    getLeafElementPaintMap(element: LeafElement, shadowRenderIndex = 0): LeafRenderObject {
+        return element.paintRenders[shadowRenderIndex] as LeafRenderObject;
     }
-    getShadowRenderIndex(element, render) {
+
+    getShadowRenderIndex(element: LeafElement, render: LeafRenderObject): number {
         return element.paintRenders.indexOf(render);
     }
 }
-//# sourceMappingURL=element-paint.js.map