@hailin-zheng/editor-core 1.0.4 → 1.0.7

package/src/med_editor/framework/element-paint.ts

@@ -1,176 +0,0 @@
-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, TextGroupRenderObject } from "./impl/text/text-impl";
-import { RangeUtil } from "./range-util";
-import { DataElementRenderObject } from "@/med_editor/framework/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 {
-    //存储元素和绘制元素的映射关系
-    //paintElementMap: Map<Element, Array<RenderObject>> = new Map();
-    private selectedSets!: Map<Element, SelectionContentRange>;
-    private measureCommContainer!: CommsContainerRenderObject;
-    private rePaint!: boolean;
-    constructor(private viewOptions: ViewOptions, private renderCtx: RenderContenxtType) { }
-    //审阅标记的位置对应关系
-    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;
-        this.renderCtx.clear();
-        this.selectedSets = selectedSets;
-        docContainer.rect.x = Math.floor((viewSettings.width - docPageSettings.width) / 2);
-        this.renderCtx.overlaysContext.fillRect(0, 0, viewSettings.width, viewSettings.height, viewBackcolor);
-        const pageCount = docContainer.length;
-        const containerPos = { x: docContainer.rect.x, y: docContainer.rect.y - this.viewOptions.translateY };
-        for (let i = 0; i < pageCount; i++) {
-            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: boolean | undefined = (currPosition.y >= 0 && currPosition.y <= this.viewOptions.viewPaintHeight) || (currPosition.y < 0 && currPosition.y + rh > 0);
-            if (this.viewOptions.fullPageView) {
-                //inViewPort = undefined;
-            }
-            this.paintCommMap = [];
-            this.paintPagePos = currPosition;
-            this.drawRenderObject(doc, containerPos, inViewPort);
-            if (inViewPort) {
-                this.invokedPagePaintCompleted(doc, containerPos);
-            }
-
-        }
-        docContainer.endRender(this.renderCtx, containerPos)
-        this.renderCtx.commit(null);
-    }
-
-    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);
-        }
-        const { x: rx, y: ry, width: rw, height: rh } = renderObject.rect;
-        const currPosition = { x: rx + parent.x, y: ry + parent.y };
-        //判断当前绘制元素是否在视窗内
-        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);
-        }
-        if (renderObject instanceof BranchRenderObject) {
-            if (inViewPort || this.rePaint) {
-                //审阅窗口重新计算位置
-                if (this.viewOptions.showReviewWindow && renderObject instanceof CommsContainerRenderObject) {
-                    if (!renderObject.isMeasureComm) {
-                        CommentsUtil.remeasureComments(this.renderCtx, renderObject, this.measureCommContainer, this.paintCommMap);
-                        renderObject.isMeasureComm = true;
-                    }
-                }
-                renderObject.beginRender(this.renderCtx, currPosition);
-                for (let i = 0; i < renderObject.length; i++) {
-                    const child = renderObject.getChild(i);
-                    this.drawRenderObject(child, currPosition, inViewPort)
-                }
-                renderObject.endRender(this.renderCtx, currPosition);
-            }
-        } else if (renderObject instanceof LeafRenderObject) {
-            if (inViewPort) {
-                renderObject.render(this.renderCtx, currPosition);
-            }
-            //审阅信息
-            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)) {
-            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 {
-                    if (element instanceof TextGroupElement && range.endOffset > range.startOffset) {
-                        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') {
-                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) as SelectionContentRange;
-                if (range.isFullSelected) {
-                    let commentRangePaintColor = '#ffd591';
-                    for (let i = 0; i < this.measureCommContainer.commentRangeStatus.length; i++) {
-                        const commentRangeStatus = this.measureCommContainer.commentRangeStatus[i];
-                        if (commentRangeStatus.commContent.focus) {
-                            if (RangeUtil.checkElementFullInRange(commentRangeStatus.range, element)) {
-                                commentRangePaintColor = '#fa8c16';
-                            }
-                        }
-                    }
-                    const overlayRect = { x: currPosition.x, y: currPosition.y, width: rw, height: rh };
-                    const paraLinePos = ElementUtil.getParaLinePos(renderObject, { x: currPosition.x, y: currPosition.y });
-                    this.renderCtx.overlaysContext.fillRect(overlayRect.x, paraLinePos.y, overlayRect.width, paraLinePos.height, commentRangePaintColor);
-                }
-            }
-
-        }
-    }
-
-    /**
-     * 触发页面绘制结束事件
-     */
-    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);
-        if (renderObject instanceof BranchRenderObject) {
-            for (let i = 0; i < renderObject.length; i++) {
-                this.invokedPagePaintCompleted(renderObject.getChild(i), currPosition);
-            }
-        }
-    }
-
-    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) {
-            renderObject.beginRender(renderCtx, currPosition);
-            for (let i = 0; i < renderObject.length; i++) {
-                const child = renderObject.getChild(i);
-                this.drawPage(renderCtx, child, currPosition);
-            }
-            renderObject.endRender(renderCtx, currPosition);
-        } else if (renderObject instanceof LeafRenderObject) {
-            renderObject.render(renderCtx, currPosition);
-        }
-    }
-
-
-    getLeafElementPaintMap(element: LeafElement, shadowRenderIndex = 0): LeafRenderObject {
-        return element.paintRenders[shadowRenderIndex] as LeafRenderObject;
-    }
-
-    getShadowRenderIndex(element: LeafElement, render: LeafRenderObject): number {
-        return element.paintRenders.indexOf(render);
-    }
-}