@hailin-zheng/editor-core 1.0.3 → 1.0.4

package/lib/framework/document-event.js

@@ -1,1054 +0,0 @@
-import { CommonUtil } from "./common-util";
-import { fromEvent, Subject } from "rxjs";
-import { SelectionRange } from "./document-selection";
-import { LeafElement, ResizeLeafRenderObject, DocMode } from "./element-define";
-import { DropElementEvent, GetTrackTipsEvent, GotCursorEvent, LostCursorEvent, MousedownElementEvent, MouseElementEvent } from "./element-event-define";
-import { ElementUtil } from "./element-util";
-import { PictureElement } from "./impl/picture/image-impl";
-import { BreakElement } from "./impl/symbol/br-symbol-impl";
-import { PSymbolElement } from "./impl/symbol/p-symbol-impl";
-import { TableCellElement, TableCellRenderObject } from "./impl/table/table-cell-impl";
-import { TableRowRenderObject } from "./impl/table/table-row-impl";
-import { BranchRenderObject, LeafRenderObject } from "./render-define";
-import { ParagraphLineRectRenderObject } from "./impl/paragraph/p-impl";
-import { TextGroupElement } from "./impl/text/text-impl";
-import { DocumentHeaderRenderObject } from "./impl/document/doc-header-impl";
-import { DocumentFooterRenderObject } from "./impl/document/doc-footer-impl";
-import { debounceTime } from "rxjs/operators";
-/**
- * 事件系统
- */
-export class DocumentEvent {
-    canvas;
-    documentPaint;
-    viewOptions;
-    selectionState;
-    docCtx;
-    ismousedown;
-    //开始点击时的元素信息
-    startHitInfo;
-    //当前位置点击的元素信息
-    endHitInfo;
-    //当前定位的焦点元素,例如图片等
-    focusedElement;
-    focusedRect;
-    //当前光标所在的元素
-    currentMouseoverRender;
-    hitInfoChanged = new Subject();
-    clickEvent = new Subject();
-    dblClickEvent = new Subject();
-    changeCursor = new Subject();
-    contextMenu = new Subject();
-    trackTipsChanged = new Subject();
-    //光标处于边框的绘制元素
-    edgeRenderInfo;
-    //当前鼠标所在的page-position
-    currentPos;
-    //鼠标按下的位置
-    mousedownPos;
-    subs = [];
-    constructor(canvas, documentPaint, viewOptions, selectionState, docCtx) {
-        this.canvas = canvas;
-        this.documentPaint = documentPaint;
-        this.viewOptions = viewOptions;
-        this.selectionState = selectionState;
-        this.docCtx = docCtx;
-        this.bindEvent();
-    }
-    bindEvent() {
-        this.addSubEvent(fromEvent(this.canvas, 'mousedown').subscribe((evt) => {
-            this.mousedown(evt);
-        }));
-        this.addSubEvent(fromEvent(this.canvas, 'mouseup').subscribe((evt) => {
-            this.mouseup(evt);
-        }));
-        this.addSubEvent(fromEvent(this.canvas, 'click').subscribe((evt) => {
-            this.mouseClickHandle(evt);
-        }));
-        this.addSubEvent(fromEvent(this.canvas, 'contextmenu').subscribe((evt) => {
-            this.contextMenu.next(evt);
-        }));
-        this.addSubEvent(fromEvent(this.canvas, 'mousemove').subscribe((evt) => {
-            this.mousemove(evt);
-        }));
-        this.addSubEvent(fromEvent(this.canvas, 'mousemove').pipe(debounceTime(500)).subscribe((evt) => {
-            this.getTips();
-        }));
-        this.addSubEvent(fromEvent(this.canvas, 'dblclick').subscribe((evt) => {
-            this.mouseDblClickHandle(evt);
-        }));
-    }
-    addSubEvent(sub) {
-        this.subs.push(sub);
-    }
-    clearSubEvent() {
-        this.subs.forEach(item => item.unsubscribe());
-        this.subs.length = 0;
-    }
-    clear() {
-        this.selectionState.clear();
-        this.startHitInfo = null;
-        this.endHitInfo = null;
-        this.focusedElement = null;
-        this.focusedRect = null;
-        this.currentMouseoverRender = null;
-        this.edgeRenderInfo = null;
-    }
-    mousedown(evt) {
-        const docEvent = new MouseElementEvent(this.docCtx);
-        docEvent.globalX = evt.offsetX;
-        docEvent.globalY = evt.offsetY;
-        docEvent.buttons = evt.buttons;
-        docEvent.shift = evt.shiftKey;
-        docEvent.ctrl = evt.ctrlKey;
-        this.mousedownPos = { x: evt.offsetX, y: evt.offsetY };
-        this.mousedownHandle(docEvent);
-    }
-    mouseup(evt) {
-        const docEvent = new MouseElementEvent(this.docCtx);
-        docEvent.globalX = evt.offsetX;
-        docEvent.globalY = evt.offsetY;
-        docEvent.shift = evt.shiftKey;
-        docEvent.ctrl = evt.ctrlKey;
-        this.ismousedown = false;
-        this.edgeRenderInfo = null;
-    }
-    mousemove(evt) {
-        const docEvent = new MouseElementEvent(this.docCtx);
-        docEvent.globalX = evt.offsetX;
-        docEvent.globalY = evt.offsetY;
-        docEvent.shift = evt.shiftKey;
-        docEvent.ctrl = evt.ctrlKey;
-        if (this.mousedownPos && docEvent.globalX === this.mousedownPos.x && docEvent.globalY === this.mousedownPos.y) {
-            return;
-        }
-        this.mousemoveHandle(docEvent);
-    }
-    prevTrackInfo = false;
-    /**
-     * 显示提示信息
-     * 显示留痕提示信息等
-     */
-    getTips() {
-        if (!this.currentMouseoverRender) {
-            return;
-        }
-        const element = this.currentMouseoverRender.render.element;
-        if (!element) {
-            return;
-        }
-        const event = new GetTrackTipsEvent(this.docCtx);
-        event.source = element;
-        DocumentEvent.invokeEvent('GetTrackTips', element, event, 'Bubbling', this.docCtx);
-        if (event.trackTips) {
-            this.trackTipsChanged.next({ pos: { ...this.currentPos }, tips: event.trackTips });
-            this.prevTrackInfo = true;
-        }
-        else {
-            if (!this.prevTrackInfo) {
-                return;
-            }
-            this.trackTipsChanged.next();
-            this.prevTrackInfo = false;
-        }
-    }
-    /**
-    * 滚动视图的时候，需要手动触发mousemove
-    */
-    onScrollView() {
-        if (!this.currentPos) {
-            return;
-        }
-        const docEvent = new MouseElementEvent(this.docCtx);
-        docEvent.globalX = this.currentPos.x;
-        docEvent.globalY = this.currentPos.y;
-        this.mousemoveHandle(docEvent);
-    }
-    /**
-     * 处理鼠标按下事件
-     * @param evt
-     * @returns
-     */
-    mousedownHandle(evt) {
-        //点击右键时,存在选区，直接返回
-        if (evt.buttons === 2 && this.startHitInfo && !this.selectionState.collapsed) {
-            return;
-        }
-        this.ismousedown = true;
-        this.startHitInfo = this.getHitInfo(evt);
-        if (!ElementUtil.verifyHitable(this.startHitInfo?.element)) {
-            this.startHitInfo = null;
-        }
-        if (this.startHitInfo) {
-            const startElement = this.startHitInfo.element;
-            this.switchElementFocus();
-            //如果当前选中的是段落符号，则需要手动将其偏移量定位到左边
-            if (startElement instanceof PSymbolElement || startElement instanceof BreakElement) {
-                this.startHitInfo.offset = 0;
-            }
-            //this.startHitInfo.startRegion = this.getRenderObjectRegion(this.startHitInfo.render);
-            this.endHitInfo = this.startHitInfo;
-            const mousedownEvent = new MousedownElementEvent(this.docCtx);
-            mousedownEvent.source = startElement;
-            DocumentEvent.invokeEvent('ElementMousedown', startElement, mousedownEvent, 'All', this.docCtx);
-        }
-        else {
-            this.clearHitInfo();
-        }
-        if (this.edgeRenderInfo) {
-            this.edgeRenderInfo.mousedown = true;
-            this.edgeRenderInfo.mousedownPos = this.currentPos;
-            this.clearHitInfo();
-        }
-        this.hitInfoChanged.next({ startHitInfo: this.startHitInfo, endHitInfo: this.endHitInfo });
-        this.selectionState.startHitInfo = this.startHitInfo;
-    }
-    /**
-     * 设置元素焦点状态
-     */
-    switchElementFocus() {
-        if (!this.startHitInfo) {
-            return;
-        }
-        const startElement = this.startHitInfo.element;
-        if (this.focusedElement) {
-            this.focusedElement.isFocused = false;
-            this.focusedElement = null;
-            this.focusedRect = null;
-        }
-        if (startElement && startElement.focusable) {
-            startElement.isFocused = true;
-            this.focusedElement = startElement;
-            this.focusedRect = ElementUtil.getRenderAbsolutePaintRect(this.startHitInfo.render);
-        }
-    }
-    clearHitInfo() {
-        this.startHitInfo = null;
-        this.endHitInfo = null;
-    }
-    /**
-     * 获取当前鼠标所在位置的元素信息
-     * @param evt
-     * @returns
-     */
-    getHitInfo(evt) {
-        const hitDocInfo = this.getHitDocPage(evt);
-        if (!hitDocInfo) {
-            return null;
-        }
-        const { docIndex, docRender, hitPagePos } = hitDocInfo;
-        //设置文档页中的相对位置
-        evt.pageX = hitPagePos.x;
-        evt.pageY = hitPagePos.y;
-        const hitInfo = this.getHitLeafRender(docRender, { x: -docRender.rect.x, y: -docRender.rect.y }, { x: evt.pageX, y: evt.pageY });
-        if (!hitInfo) {
-            return null;
-        }
-        const element = hitInfo.render.element;
-        return {
-            hitDocIndex: docIndex,
-            offset: hitInfo.offset,
-            element,
-            render: hitInfo.render,
-            relativeRect: hitInfo.render.rect,
-            absoluteRect: hitInfo.absoluteRenderRect,
-            shadowRenderIndex: this.documentPaint.elementPaint.getShadowRenderIndex(element, hitInfo.render),
-            startRegion: ElementUtil.getRenderObjectRegion(hitInfo.render)
-        };
-    }
-    getMouseoverRenderInfo(evt) {
-        const hitDocInfo = this.getHitDocPage(evt);
-        if (!hitDocInfo) {
-            return null;
-        }
-        const { docIndex, docRender, paintAbsoluteRect, hitPagePos } = hitDocInfo;
-        //设置文档页中的相对位置
-        evt.pageX = hitPagePos.x;
-        evt.pageY = hitPagePos.y;
-        //const docRenderParentAbsolutePos = ElementUtil.getRenderAbsolutePaintPos(docRender.parent);
-        //const mouseoverInfo = this.getMouseoverRender(docRender, docRenderParentAbsolutePos, { x: evt.globalX, y: evt.globalY + this.viewOptions.translateY });
-        const mouseoverInfo = this.getHitLeafRender(docRender, { x: -docRender.rect.x, y: -docRender.rect.y }, { x: evt.pageX, y: evt.pageY });
-        return mouseoverInfo;
-    }
-    /**
-     * 鼠标移动事件
-     * 主要处理选区改变
-     */
-    mousemoveHandle(evt) {
-        //console.time('mousemove计时')
-        let edgeRenderInfo = null;
-        const mousePos = { x: evt.globalX, y: evt.globalY };
-        let cursorType = 'text';
-        this.currentPos = mousePos;
-        if (this.ismousedown && this.startHitInfo) {
-            this.endHitInfo = this.getHitInfo(evt);
-            //只有鼠标按下的时候需要发布事件
-            this.pubHitInfo();
-        }
-        const currMouseoverRenderInfo = this.getMouseoverRenderInfo(evt);
-        //新旧信息不一致,需要校验绘制区域，触发mouseenter、mouseleave等事件
-        this.invokeMousemoveEvent(this.currentMouseoverRender?.render, currMouseoverRenderInfo?.render, mousePos);
-        this.currentMouseoverRender = currMouseoverRenderInfo;
-        //当前有元素有焦点时，需要首先判断当前位置是否在焦点元素上
-        //如果单元格中包含图片等可缩放的元素，并且元素的大小超过单元格，则当前图片的某一部分就无法缩放
-        if (!this.ismousedown && this.focusedElement && this.focusedRect && this.focusedElement['resizeable']) {
-            const relativePos = { x: mousePos.x - this.focusedRect.x, y: mousePos.y - this.focusedRect.y };
-            const isInCellBorder = CommonUtil.isInPictureResizePoint(this.focusedRect, relativePos, 4);
-            if (isInCellBorder) {
-                cursorType = ElementUtil.getBorderCursor(isInCellBorder.borderType);
-                if (isInCellBorder?.borderType === 'none') {
-                    edgeRenderInfo = null;
-                }
-                else {
-                    edgeRenderInfo = { renderElement: this.focusedElement, relativePos, mousedown: false, border: isInCellBorder.borderType };
-                }
-            }
-        } //当前鼠标不处于mousedown并且鼠标位于单元格边界时,获取边界信息
-        else if (!this.ismousedown && this.isInCellRenderObject(this.currentMouseoverRender?.render)) {
-            const cellRender = ElementUtil.getParentRender(this.currentMouseoverRender?.render, TableCellRenderObject);
-            //const cellRender = this.currentMouseoverRender?.render as TableCellRenderObject;
-            //const { render: { renderPosition: { x: rx, y: ry } } } = this.currentMouseoverRender;
-            //const rp = this.currentMouseoverRender?.absoluteRenderRect as Rect;
-            const rp = ElementUtil.getRenderAbsolutePaintRect(cellRender);
-            rp.y -= this.viewOptions.translateY;
-            const relativePos = { x: mousePos.x - rp.x, y: mousePos.y - rp.y };
-            const isInCellBorder = CommonUtil.isInRectBorder(cellRender.rect, 2, relativePos);
-            if (isInCellBorder) {
-                //console.log('是否在边框上' + isInCellBorder?.borderType);
-            }
-            cursorType = ElementUtil.getBorderCursor(isInCellBorder.borderType);
-            this.changeCursor.next(cursorType);
-            if (isInCellBorder?.borderType === 'none') {
-                edgeRenderInfo = null;
-            }
-            else {
-                edgeRenderInfo = { renderElement: cellRender.element, relativePos, mousedown: false, border: isInCellBorder.borderType };
-            }
-        }
-        if (!this.ismousedown) {
-            this.edgeRenderInfo = edgeRenderInfo;
-        }
-        //存在边界元素，并且当前边界处于鼠标按下状态
-        if (this.edgeRenderInfo && this.edgeRenderInfo.mousedown) {
-            this.resizeRender(evt);
-            cursorType = ElementUtil.getBorderCursor(this.edgeRenderInfo.border);
-        }
-        if (this.currentMouseoverRender?.render?.element instanceof LeafElement && !this.ismousedown && cursorType === 'text') {
-            cursorType = this.currentMouseoverRender?.render?.element.cursorType;
-        }
-        this.changeCursor.next(cursorType);
-    }
-    isCellRenderObject(render) {
-        return render instanceof TableCellRenderObject;
-    }
-    /**
-     * 当前绘制元素是否在单元格上面
-     * @param render
-     * @returns
-     */
-    isInCellRenderObject(render) {
-        if (!render) {
-            return false;
-        }
-        return ElementUtil.getParentRender(render, TableCellRenderObject) !== null;
-    }
-    isResizeRenderObject(render) {
-        return render instanceof ResizeLeafRenderObject;
-    }
-    /**
-     * 触发鼠标移动事件
-     */
-    invokeMousemoveEvent(oldRender, newRender, mousePos) {
-        const oldParentRenders = oldRender ? ElementUtil.getRenderMapElements(oldRender) : [];
-        const newParentRenders = newRender ? ElementUtil.getRenderMapElements(newRender) : [];
-        const mouseleaveRenders = oldParentRenders.filter(item => newParentRenders.every(oldItem => item !== oldItem));
-        const mouseenterRenders = newParentRenders.filter(item => oldParentRenders.every(oldItem => item !== oldItem));
-        const mousemoveRenders = oldParentRenders.filter(item => mouseleaveRenders.every(oldItem => item !== oldItem));
-        const loopInvokeEvent = (eventName, array) => {
-            for (const element of array) {
-                const mouseEvent = new MouseElementEvent(this.docCtx);
-                mouseEvent.source = element;
-                mouseEvent.currentElement = element;
-                element.invokeEvent(eventName, mouseEvent);
-            }
-        };
-        loopInvokeEvent('ElementMouseLeave', mouseleaveRenders);
-        loopInvokeEvent('ElementMouseEnter', mouseenterRenders);
-        loopInvokeEvent('ElementMousemove', mousemoveRenders);
-    }
-    prevCursorItems = [];
-    /**
-     * 触发获取焦点事件
-     * 需要根据上次获取焦点的元素，比较触发失去焦点事件
-     * @param focusElement
-     */
-    invokeCursor(focusElement) {
-        if (focusElement === this.prevCursorItems[0]) {
-            return;
-        }
-        const getCursorEvent = new GotCursorEvent(this.docCtx);
-        getCursorEvent.source = focusElement;
-        const oldParents = this.prevCursorItems;
-        const newParents = ElementUtil.getParentElements(focusElement);
-        const leaveParents = oldParents.filter(item => newParents.every(oldItem => item !== oldItem));
-        const enterParents = newParents.filter(item => oldParents.every(oldItem => item !== oldItem));
-        const loopInvokeEvent = (eventName, array) => {
-            for (const element of array) {
-                const mouseEvent = new LostCursorEvent(this.docCtx);
-                mouseEvent.source = focusElement;
-                mouseEvent.currentElement = element;
-                mouseEvent.ctx = this.docCtx;
-                element.invokeEvent(eventName, mouseEvent);
-            }
-        };
-        loopInvokeEvent('LostCursor', leaveParents);
-        loopInvokeEvent('GotCursor', enterParents);
-        this.prevCursorItems = newParents;
-        //dDocumentEvent.invokeEvent('GotCursor', focusElement, getCursorEvent, 'All', this.docCtx);
-    }
-    /**
-     * mousedown-mouseup-click
-     */
-    mouseClickHandle(evt) {
-        if (this.viewOptions.docMode === DocMode.View) {
-            return;
-        }
-        if (this.startHitInfo && this.endHitInfo && this.startHitInfo.element === this.endHitInfo.element) {
-            const startElement = this.startHitInfo.render.element;
-            const mousedownEvent = new MousedownElementEvent(this.docCtx);
-            mousedownEvent.source = startElement;
-            DocumentEvent.invokeEvent('ElementClick', startElement, mousedownEvent, "All", this.docCtx);
-            //this.refreshDocument();
-        }
-        const { startControl, startOffset, collapsed } = this.selectionState;
-        if (collapsed && this.startHitInfo && startControl && this.startHitInfo.element === this.focusedElement) {
-            //const { render: { element: endElement }, offset: endElementOffset } = this.endHitInfo;
-            //当前焦点元素被拖放
-            if (this.focusedElement instanceof PictureElement && this.focusedElement !== startControl) {
-                const dropEvent = new DropElementEvent(this.docCtx);
-                dropEvent.source = startControl;
-                dropEvent.sourceOffset = startOffset;
-                dropEvent.dragElement = this.focusedElement;
-                if (DocumentEvent.invokeEvent('ElementDrop', startControl, dropEvent, 'All', this.docCtx)) {
-                    return;
-                }
-                this.docCtx.docChange.moveElement(startControl, startOffset, this.focusedElement, this.startHitInfo.offset, this.selectionState);
-                this.focusedElement.isFocused = false;
-                this.focusedElement = null;
-                this.focusedRect = null;
-                return;
-            }
-        }
-        this.clickEvent.next(evt);
-    }
-    /**
-     * 鼠标双击事件
-     */
-    mouseDblClickHandle(evt) {
-        const docEvent = new MouseElementEvent(this.docCtx);
-        docEvent.globalX = evt.offsetX;
-        docEvent.globalY = evt.offsetY;
-        //需要先处理是否开启页眉页脚编辑功能
-        const hitRegion = this.getHitRegion(docEvent);
-        if ((hitRegion === 'footer' || hitRegion === 'header') && !this.docCtx.document.headerEditState) {
-            this.docCtx.document.switchPageHeaderEditor(this.selectionState, null);
-            return;
-        }
-        else if (hitRegion === 'body' && this.docCtx.document.headerEditState) {
-            this.docCtx.document.switchPageHeaderEditor(this.selectionState, null);
-            return;
-        }
-        const hitInfo = this.getHitInfo(docEvent);
-        if (hitInfo) {
-            docEvent.source = hitInfo.element;
-            docEvent.sourceRender = hitInfo.render;
-            const res = DocumentEvent.invokeEvent('ElementDblClick', hitInfo.element, docEvent, 'All', this.docCtx);
-            if (res) {
-                return;
-            }
-            this.dblClickEvent.next(evt);
-        }
-    }
-    /**
-     * 获取点击的渲染元素对象
-     * @param renderObject
-     * @param parPos
-     * @param hitPos
-     * @returns
-     */
-    getHitLeafRender(renderObject, parPos, hitPos) {
-        //处理单元格合并，被合并的单元格当前属于被隐藏状态,不能被选择
-        //if (renderObject.element && renderObject.element.visiable === false || renderObject instanceof FillNullSpaceRenderObject) {
-        if (!ElementUtil.checkAvailHitRender(renderObject)) {
-            return null;
-        }
-        if (!renderObject.rect) {
-            throw new Error('renderObject.rect is null');
-        }
-        const renderObjectRect = { x: parPos.x + renderObject.rect.x, y: parPos.y + renderObject.rect.y, width: renderObject.rect.width, height: renderObject.rect.height, maxWidth: 0, maxHeight: 0 };
-        if (renderObject instanceof TableRowRenderObject) {
-            return this.getTRowHitLeafRender(renderObject, parPos, hitPos);
-        }
-        if (renderObject instanceof LeafRenderObject) {
-            if (CommonUtil.isInsideRectByPosition(renderObjectRect, hitPos)) {
-                const x = hitPos.x - renderObjectRect.x;
-                const offset = ElementUtil.getHitRenderOffset(renderObject, x);
-                return {
-                    render: renderObject,
-                    offset,
-                    absoluteRenderRect: renderObjectRect
-                };
-            }
-        }
-        else if (renderObject instanceof BranchRenderObject) {
-            if (CommonUtil.isInsideRectByPosition(renderObjectRect, hitPos)) {
-                for (let i = 0; i < renderObject.length; i++) {
-                    const childRender = renderObject.getChild(i);
-                    const res = this.getHitLeafRender(childRender, { x: renderObjectRect.x, y: renderObjectRect.y }, hitPos);
-                    if (res) {
-                        return res;
-                    }
-                }
-                //如果当前范围未击中任何元素，则需要匹配最近的元素
-                return this.getRecentHitRender(renderObject, parPos, hitPos);
-            }
-        }
-        else {
-            throw new Error('未实现');
-        }
-        return null;
-    }
-    getTRowHitLeafRender(renderObject, parent, position) {
-        const rowEle = renderObject.element;
-        //跨页重复显示的头行，属于不可点击区域
-        //只有表第一页部分可以点击
-        if (rowEle.props.headerRow) {
-            if (rowEle.paintRenders.indexOf(renderObject) > 0) {
-                return null;
-            }
-        }
-        const renderObjectRect = { x: parent.x + renderObject.rect.x, y: parent.y + renderObject.rect.y, width: renderObject.rect.width, height: renderObject.rect.height, maxWidth: 0, maxHeight: 0 };
-        for (let i = 0; i < renderObject.length; i++) {
-            const childRender = renderObject.getChild(i);
-            const res = this.getHitLeafRender(childRender, { x: renderObjectRect.x, y: renderObjectRect.y }, position);
-            if (res) {
-                return res;
-            }
-        }
-        return null;
-    }
-    /**
-     * 如果当前范围未击中任何元素，则需要匹配最近的元素
-     * @param renderObject
-     * @param parent
-     * @param position
-     */
-    getRecentHitRender(renderObject, parent, position) {
-        const currentRenderPos = { x: renderObject.rect.x + parent.x, y: renderObject.rect.y + parent.y };
-        let childRenders = ElementUtil.getAvailHitRenderObjects(renderObject, parent);
-        childRenders = childRenders.filter(item => !item.render.disableClick);
-        let childrenRenderMap = childRenders.map(item => ({ rect: item.rect, distance: ElementUtil.getDistanceToRect(item.rect, position), render: item.render }));
-        //rects = rects.concat(childRenders.map(item => ({ rect: item.rect, distance: ElementUtil.getDistance({ x: item.rect.x + item.rect.width, y: item.rect.y }, position), render: item.render })));
-        childrenRenderMap.sort((item1, item2) => item1.distance - item2.distance);
-        for (let i = 0; i < childrenRenderMap.length; i++) {
-            const adjacentRender = childrenRenderMap[0];
-            if (!adjacentRender) {
-                break;
-            }
-            if (adjacentRender.render instanceof BranchRenderObject) {
-                const res = this.getRecentHitRender(adjacentRender.render, currentRenderPos, position);
-                if (res) {
-                    return res;
-                }
-            }
-            else if (adjacentRender.render instanceof LeafRenderObject) {
-                let x = 0;
-                if (adjacentRender.rect.x > position.x) {
-                    x = 0;
-                }
-                else if (adjacentRender.rect.x + adjacentRender.rect.width < position.x) {
-                    x = adjacentRender.rect.width;
-                }
-                else {
-                    x = position.x - adjacentRender.rect.x;
-                }
-                const offset = ElementUtil.getHitRenderOffset(adjacentRender.render, x);
-                return {
-                    render: adjacentRender.render,
-                    absoluteRenderRect: adjacentRender.rect,
-                    offset
-                };
-            }
-        }
-        return null;
-    }
-    /**
-     * 获取点击的doc-page
-     */
-    getHitDocPage(evt) {
-        const hitPos = { x: evt.globalX, y: evt.globalY };
-        const docContainer = this.documentPaint.getDocContainer();
-        let { x, y } = docContainer.rect;
-        y -= this.viewOptions.translateY;
-        let i = 0;
-        for (; i < docContainer.length; i++) {
-            const docRender = docContainer.getChild(i);
-            const docRenderPos = { x: docRender.rect.x + x, y: docRender.rect.y + y };
-            if (docRenderPos.y + docRender.rect.height > hitPos.y) {
-                break;
-            }
-            if (docRenderPos.y > hitPos.y) {
-                break;
-            }
-        }
-        i = i === docContainer.length ? i - 1 : i;
-        const hitDoc = docContainer.getChild(i);
-        const docPos = { x: hitDoc.rect.x + x, y: hitDoc.rect.y + y };
-        const hitPagePos = { x: hitPos.x - docPos.x, y: hitPos.y - docPos.y };
-        return {
-            docRender: hitDoc,
-            paintAbsoluteRect: docPos,
-            docIndex: i,
-            hitPagePos
-        };
-    }
-    /**
-     * 触发事件
-     * @param type
-     * @param sourceElement
-     */
-    static invokeEvent(type, sourceElement, event, eventStage, docCtx) {
-        const parents = ElementUtil.getParentElements(sourceElement);
-        //先执行捕获阶段,在执行冒泡
-        for (let i = parents.length - 1; i > -parents.length; i--) {
-            if (i > 1 && (eventStage !== 'Capture' && eventStage !== 'All')) {
-                continue;
-            }
-            if (i <= 0 && (eventStage !== 'Bubbling' && eventStage !== 'All')) {
-                continue;
-            }
-            const child = parents[Math.abs(i)];
-            event.currentElement = child;
-            event.source = sourceElement;
-            const userCapture = i > 0;
-            child.invokeEvent(type, event, userCapture);
-            if (event.isCancel) {
-                return event;
-            }
-            docCtx.invokeTypeHandler(child, type, event, userCapture);
-            if (event.isCancel) {
-                return event;
-            }
-        }
-        return null;
-    }
-    /**
-     * 发布当前的点击信息
-     */
-    pubHitInfo() {
-        this.hitInfoChanged.next({ startHitInfo: this.startHitInfo, endHitInfo: this.endHitInfo });
-    }
-    /**
-       * 获取鼠标所在的渲染元素对象
-       * @param renderObject
-       * @param parent
-       * @param position
-       * @returns
-       */
-    getMouseoverRender(renderObject, parent, position) {
-        const renderObjectRect = { x: parent.x + renderObject.rect.x, y: parent.y + renderObject.rect.y, width: renderObject.rect.width, height: renderObject.rect.height, maxWidth: 0, maxHeight: 0 };
-        if (renderObject instanceof LeafRenderObject) {
-            if (CommonUtil.isInsideRectByPosition(renderObjectRect, position)) {
-                return {
-                    render: renderObject,
-                    absoluteRenderRect: renderObjectRect
-                };
-            }
-        }
-        else if (renderObject instanceof BranchRenderObject) {
-            if (CommonUtil.isInsideRectByPosition(renderObjectRect, position)) {
-                //当前为表单元格，但是表格不存在上下padding，
-                //则表格上边框和下边框可能会和内容(paragraph)重叠，
-                //当前光标在table-render上时，始终无法获取到table-cell-render
-                if (renderObject instanceof TableCellRenderObject && (CommonUtil.ApproxmateValueInRange(renderObjectRect.y, 1, position.y) || CommonUtil.ApproxmateValueInRange(renderObjectRect.y + renderObjectRect.height, 1, position.y))) {
-                    return {
-                        render: renderObject,
-                        absoluteRenderRect: renderObjectRect
-                    };
-                }
-                for (let i = 0; i < renderObject.length; i++) {
-                    const childRender = renderObject.getChild(i);
-                    const res = this.getMouseoverRender(childRender, { x: renderObjectRect.x, y: renderObjectRect.y }, position);
-                    if (res) {
-                        return res;
-                    }
-                }
-                return {
-                    render: renderObject,
-                    absoluteRenderRect: renderObjectRect
-                };
-            }
-        }
-        else {
-            throw new Error('未实现');
-        }
-        return null;
-    }
-    /**
-     * 缩放元素
-     */
-    resizeRender(e) {
-        if (this.edgeRenderInfo?.renderElement['resizeable']) {
-            this.resizeElement(e);
-        }
-        else if (this.edgeRenderInfo?.renderElement instanceof TableCellElement) {
-            this.resizeTableCell();
-        }
-    }
-    /**
-     * 缩放表格
-     */
-    resizeTableCell() {
-        if (!this.edgeRenderInfo || !this.edgeRenderInfo.mousedownPos) {
-            return;
-        }
-        const cellElement = this.getResizeTableCell();
-        const border = this.edgeRenderInfo.border;
-        const mousedownPos = this.edgeRenderInfo.mousedownPos;
-        const moveDistanceX = this.currentPos.x - mousedownPos.x;
-        const moveDistanceY = this.currentPos.y - mousedownPos.y;
-        const row = cellElement.parent;
-        const table = row?.parent;
-        if (!row || !table) {
-            throw new Error('row | table is null');
-        }
-        const cellIndex = row.getChildIndex(cellElement);
-        let cellWidth = table.getCellWidth(cellIndex);
-        const colsCount = table.getColsCount();
-        if (['left', 'right'].includes(border)) {
-            if (cellIndex === 0 && border === 'left') {
-                return;
-            }
-            let resizeColWidth = 0;
-            let resizeColIndex = 0;
-            if (border === 'left') {
-                resizeColIndex = cellIndex - 1;
-                resizeColWidth = table.getCellWidth(resizeColIndex);
-                resizeColWidth += moveDistanceX;
-                cellWidth -= moveDistanceX;
-            }
-            else if (border === 'right') {
-                resizeColIndex = cellIndex + 1;
-                //移动最后一列时，右侧没有列了，resizeColWidth的值为-1
-                resizeColWidth = table.getCellWidth(resizeColIndex);
-                if (resizeColWidth > 0) {
-                    resizeColWidth -= moveDistanceX;
-                }
-                cellWidth += moveDistanceX;
-            }
-            if ((resizeColWidth != -1 && resizeColWidth < 20) || cellWidth < 20) {
-                return;
-            }
-            table.setCellWidth(resizeColIndex, resizeColWidth);
-            table.setCellWidth(cellIndex, cellWidth);
-            this.edgeRenderInfo.mousedownPos = this.currentPos;
-            table.pubOnChange('self');
-        }
-        else if (['bottom', 'top'].includes(border)) {
-            let rowIndex = row.getIndex();
-            if (rowIndex === 0 && border === 'top') {
-                return;
-            }
-            //按照移动底边计算
-            rowIndex = border === 'top' ? rowIndex - 1 : rowIndex;
-            const resizeRowEle = table.getChild(rowIndex);
-            let resizeRowRender = resizeRowEle.measureRender;
-            if (resizeRowRender.element !== resizeRowEle) {
-                console.error('缩放表格行高度出现错误,绘制元素和表格对象不对应');
-                return;
-            }
-            const minHeight = resizeRowEle.props.minHeight ?? 0;
-            //当前行不存在最小高度设置，并且缩放高度为负数
-            if (minHeight <= 0 && moveDistanceY < 0) {
-                return;
-            }
-            //当前内容高度
-            let resizeRowRenderContentHeight = ElementUtil.getTableRowRenderContentHeight(resizeRowRender);
-            let resizeRowMinHeight = 0;
-            if (minHeight <= 0) {
-                resizeRowMinHeight = resizeRowRenderContentHeight + moveDistanceY;
-            }
-            else {
-                resizeRowMinHeight = minHeight + moveDistanceY;
-            }
-            //缩放的高度小于内容高度，则重置行最小高度
-            if (resizeRowMinHeight <= resizeRowRenderContentHeight) {
-                //resizeRowEle.trProps.minHeight = 0;
-                resizeRowMinHeight = 0;
-            }
-            resizeRowEle.props.minHeight = resizeRowMinHeight;
-            this.edgeRenderInfo.mousedownPos = this.currentPos;
-            table.pubOnChange('self');
-        }
-    }
-    getResizeTableCell() {
-        if (!this.edgeRenderInfo) {
-            throw new Error('edgeRenderInfo is null');
-        }
-        const cellElement = this.edgeRenderInfo.renderElement;
-        const row = cellElement.parent;
-        if (!row) {
-            throw new Error('row is null');
-        }
-        const table = row.parent;
-        const cellIndex = row.getChildIndex(cellElement);
-        const border = this.edgeRenderInfo.border;
-        if (cellElement.props.hMerge === 'restart' || border === 'right') {
-            for (let i = cellIndex + 1; i < table.getColsCount(); i++) {
-                const cell = row.getChild(i);
-                if (cell.props.hMerge !== 'continue') {
-                    return row.getChild(i - 1);
-                }
-            }
-        }
-        return cellElement;
-    }
-    /**
-     * 调整元素大小
-     */
-    resizeElement(e) {
-        if (!this.edgeRenderInfo || !this.edgeRenderInfo.mousedownPos) {
-            return;
-        }
-        const imgElement = this.edgeRenderInfo.renderElement;
-        const border = this.edgeRenderInfo.border;
-        const mousedownPos = this.edgeRenderInfo.mousedownPos;
-        let moveDistanceX = this.currentPos.x - mousedownPos.x;
-        let moveDistanceY = this.currentPos.y - mousedownPos.y;
-        if (['left-top', 'left-middle', 'left-bottom', 'right-top', 'right-middle', 'right-bottom', 'top-middle', 'bottom-middle'].indexOf(border) >= 0) {
-            if (['left-middle', 'right-middle'].indexOf(border) >= 0) {
-                moveDistanceY = 0;
-            }
-            if (['top-middle', 'bottom-middle'].indexOf(border) >= 0) {
-                moveDistanceX = 0;
-            }
-            //shift键按比例缩放
-            if (e.shift && ['left-top', 'right-top', 'left-bottom', 'right-bottom'].indexOf(border) >= 0) {
-                let scale = 1;
-                if (Math.abs(moveDistanceX) > Math.abs(moveDistanceY)) {
-                    scale = moveDistanceX / imgElement.props.width;
-                    moveDistanceY = Math.floor(scale * imgElement.props.height);
-                }
-                else {
-                    scale = moveDistanceY / imgElement.props.height;
-                    moveDistanceX = Math.floor(scale * imgElement.props.width);
-                }
-            }
-            imgElement["props"].width += moveDistanceX;
-            imgElement["props"].height += moveDistanceY;
-            if (imgElement["props"].width < 10) {
-                imgElement["props"].width = 10;
-            }
-            if (imgElement["props"].height < 10) {
-                imgElement["props"].height = 10;
-            }
-            this.edgeRenderInfo.mousedownPos = this.currentPos;
-        }
-    }
-    /**
-     * 选中当前全部 ctrl+A
-     */
-    selectAll() {
-        const { startControl } = this.selectionState;
-        const regionTarget = ElementUtil.getElementRegionTarget(startControl);
-        if (!startControl || !regionTarget) {
-            return;
-        }
-        const firstLeaf = ElementUtil.getFirstLeafElement(regionTarget.target);
-        const lastLeaf = ElementUtil.getLastLeafElement(regionTarget.target);
-        if (!firstLeaf || !lastLeaf) {
-            throw new Error('firstLeaf or lastLeaf is null');
-        }
-        this.selectionState.clear();
-        const newSelectionRange = new SelectionRange();
-        newSelectionRange.setStart(firstLeaf, 0);
-        newSelectionRange.setEnd(lastLeaf, -1);
-        this.selectionState.addRange(newSelectionRange);
-        //const doc=
-    }
-    /**
-     * 移动光标到行首
-     */
-    moveCursorToLineStart() {
-        this.moveCursorToHomeOrEnd();
-    }
-    /**
-     * 移动光标到行尾
-     */
-    moveCursorToLineEnd() {
-        this.moveCursorToHomeOrEnd(false);
-    }
-    /**
-     * 处理移动光标到行尾或行首
-     * @param home
-     * @returns
-     */
-    moveCursorToHomeOrEnd(home = true) {
-        const { startControl } = this.selectionState;
-        if (!startControl || !this.docCtx.cursorRect) {
-            return;
-        }
-        const rect = this.docCtx.cursorRect;
-        const docEvent = new MouseElementEvent(this.docCtx);
-        docEvent.globalX = rect.x;
-        docEvent.globalY = rect.y + rect.height / 2;
-        docEvent.buttons = 1;
-        const hitInfo = this.getHitInfo(docEvent);
-        if (!hitInfo) {
-            return;
-        }
-        const paraRender = ElementUtil.getParentRender(hitInfo.render, ParagraphLineRectRenderObject);
-        const linePosRect = ElementUtil.getRenderAbsolutePaintRect(paraRender);
-        docEvent.globalX = linePosRect.x + (home ? 0 : linePosRect.width);
-        docEvent.globalY = linePosRect.y + linePosRect.height / 2;
-        this.mousedownPos = { x: docEvent.globalX, y: docEvent.globalY };
-        this.mousedownHandle(docEvent);
-        this.ismousedown = false;
-        this.edgeRenderInfo = null;
-    }
-    /**
-    * 向左移动光标
-    */
-    moveCursorToLeft() {
-        const { startControl, startOffset } = this.selectionState;
-        if (startOffset === 0) {
-            const oldRegion = ElementUtil.getElementRegion(startControl);
-            const prevEle = ElementUtil.getRecursionPrevSiblingElement(startControl, false, true);
-            if (prevEle) {
-                const newRegion = ElementUtil.getElementRegion(prevEle);
-                if (newRegion !== oldRegion) {
-                    return;
-                }
-                this.selectionState.resetRange(prevEle, -1);
-                return;
-            }
-        }
-        else {
-            if (startControl instanceof TextGroupElement) {
-                this.selectionState.resetRange(startControl, startOffset - 1);
-            }
-            else {
-                this.selectionState.resetRange(startControl, 0);
-            }
-        }
-    }
-    /**
-     * 向右移动光标
-     */
-    moveCursorToRight() {
-        const { startControl, startOffset } = this.selectionState;
-        if (this.isLeafEleEndOffset(startControl, startOffset)) {
-            const oldRegion = ElementUtil.getElementRegion(startControl);
-            const nextEle = ElementUtil.getRecursionNextSiblingElement(startControl, false, true);
-            if (nextEle) {
-                const newRegion = ElementUtil.getElementRegion(nextEle);
-                if (oldRegion !== newRegion) {
-                    return;
-                }
-                this.selectionState.resetRange(nextEle, 0);
-                return;
-            }
-        }
-        else {
-            if (startControl instanceof TextGroupElement) {
-                this.selectionState.resetRange(startControl, startOffset + 1);
-            }
-            else {
-                this.selectionState.resetRange(startControl, 1);
-            }
-        }
-    }
-    /**
-     * 向上移动光标
-     */
-    moveCursorToUpOrDown(up = true) {
-        if (!this.selectionState.cursorPos) {
-            return;
-        }
-        let { x, y } = this.selectionState.cursorPos;
-        y -= this.viewOptions.translateY;
-        for (let i = 0; i < 50; i++) {
-            const docEvent = new MouseElementEvent(this.docCtx);
-            docEvent.globalX = x;
-            docEvent.globalY = y - (up ? i * 2 : i * -2);
-            docEvent.buttons = 1;
-            const hitInfo = this.getHitInfo(docEvent);
-            const res = hitInfo?.element === this.selectionState.startControl && hitInfo.offset === this.selectionState.startOffset;
-            if (!hitInfo) {
-                return;
-            }
-            if (!res) {
-                this.mousedownPos = { x: x, y: y };
-                this.mousedownHandle(docEvent);
-                this.ismousedown = false;
-                this.edgeRenderInfo = null;
-                return;
-            }
-        }
-    }
-    /**
-     * 当前偏移量是否处于当前元素的末尾
-     * @param ele
-     * @param offset
-     * @returns
-     */
-    isLeafEleEndOffset(ele, offset) {
-        if (ele instanceof TextGroupElement) {
-            return ele.textMeasures.length === offset;
-        }
-        else {
-            if (ele instanceof PSymbolElement) {
-                return true;
-            }
-            else {
-                return offset === 1;
-            }
-        }
-    }
-    /**
-     * 获取点击的文档区域
-     * @param docRender
-     * @param pos
-     * @returns
-     */
-    getHitRegion(docEvent) {
-        const hitDocInfo = this.getHitDocPage(docEvent);
-        if (!hitDocInfo) {
-            return null;
-        }
-        const { docRender, hitPagePos } = hitDocInfo;
-        const headerRender = ElementUtil.findChildRender(docRender, (item) => item instanceof DocumentHeaderRenderObject);
-        const footerRender = ElementUtil.findChildRender(docRender, (item) => item instanceof DocumentFooterRenderObject);
-        if (!headerRender) {
-            throw new Error('header is null');
-        }
-        if (!footerRender) {
-            throw new Error('footer is null');
-        }
-        const headerLine = headerRender.rect.y + headerRender.rect.height;
-        const footerLine = footerRender.rect.y;
-        if (hitPagePos.y <= headerLine) {
-            return 'header';
-        }
-        else if (hitPagePos.y <= footerLine) {
-            return 'body';
-        }
-        else if (hitPagePos.y > footerLine && hitPagePos.y < docRender.rect.height) {
-            return 'footer';
-        }
-        else {
-            return null;
-        }
-    }
-}
-//# sourceMappingURL=document-event.js.map