@hailin-zheng/editor-core 1.0.5 → 1.0.6

package/{src/med_editor/framework/document-event.ts → lib/framework/document-event.js}

@@ -1,91 +1,91 @@
 import { CommonUtil } from "./common-util";
-import { fromEvent, Subject, Subscription } from "rxjs";
-import { DocumentPaint } from "./document-paint";
-import { SelectionRange, SelectionState } from "./document-selection";
-import { LeafElement, Rect, Element, Position, ViewOptions, ResizeLeafRenderObject, DocMode } from "./element-define";
-import { DropElementEvent, ElementEvent, EventStage, EventTypes, GetTrackTipsEvent, GotCursorEvent, HitEventInfo, HitRegion, ITrackTips, LostCursorEvent, MousedownElementEvent, MouseElementEvent } from "./element-event-define";
+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 { DocumentRenderObject } from "./impl/document/doc-impl";
 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 { TableElement } from "./impl/table/table-impl";
-import { TableRowElement, TableRowRenderObject } from "./impl/table/table-row-impl";
-import { BorderType, BranchRenderObject, CursorType, LeafRenderObject, RenderObject } from "./render-define";
-import { EditorContext } from "./document-context";
+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";
-interface EdgeRenderInfo { renderElement: Element, relativePos: Position, mousedown: boolean, mousedownPos?: Position, border: BorderType }
 /**
  * 事件系统
  */
 export class DocumentEvent {
-    private ismousedown!: boolean;
+    canvas;
+    documentPaint;
+    viewOptions;
+    selectionState;
+    docCtx;
+    ismousedown;
     //开始点击时的元素信息
-    startHitInfo!: HitEventInfo | null;
+    startHitInfo;
     //当前位置点击的元素信息
-    endHitInfo!: HitEventInfo | null;
+    endHitInfo;
     //当前定位的焦点元素,例如图片等
-    focusedElement!: LeafElement | null;
-    focusedRect!: Rect | null;
+    focusedElement;
+    focusedRect;
     //当前光标所在的元素
-    currentMouseoverRender!: { render: RenderObject, absoluteRenderRect: Rect } | null;
-    hitInfoChanged: Subject<{ startHitInfo: HitEventInfo, endHitInfo: HitEventInfo }> = new Subject();
-    clickEvent: Subject<MouseEvent> = new Subject();
-    dblClickEvent: Subject<MouseEvent> = new Subject();
-    changeCursor: Subject<CursorType> = new Subject();
-    contextMenu: Subject<MouseEvent> = new Subject();
-    trackTipsChanged: Subject<{ pos: Position, tips: ITrackTips }> = new Subject();
+    currentMouseoverRender;
+    hitInfoChanged = new Subject();
+    clickEvent = new Subject();
+    dblClickEvent = new Subject();
+    changeCursor = new Subject();
+    contextMenu = new Subject();
+    trackTipsChanged = new Subject();
     //光标处于边框的绘制元素
-    edgeRenderInfo!: EdgeRenderInfo | null;
+    edgeRenderInfo;
     //当前鼠标所在的page-position
-    currentPos!: Position;
+    currentPos;
     //鼠标按下的位置
-    mousedownPos!: Position;
-    subs: Array<Subscription> = [];
-
-    constructor(private canvas: HTMLCanvasElement, private documentPaint: DocumentPaint, private viewOptions: ViewOptions, private selectionState: SelectionState, private docCtx: EditorContext) {
+    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();
     }
-
-    private bindEvent(): void {
-        this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'mousedown').subscribe((evt) => {
+    bindEvent() {
+        this.addSubEvent(fromEvent(this.canvas, 'mousedown').subscribe((evt) => {
             this.mousedown(evt);
         }));
-        this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'mouseup').subscribe((evt) => {
+        this.addSubEvent(fromEvent(this.canvas, 'mouseup').subscribe((evt) => {
             this.mouseup(evt);
         }));
-        this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'click').subscribe((evt) => {
+        this.addSubEvent(fromEvent(this.canvas, 'click').subscribe((evt) => {
             this.mouseClickHandle(evt);
         }));
-        this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'contextmenu').subscribe((evt) => {
+        this.addSubEvent(fromEvent(this.canvas, 'contextmenu').subscribe((evt) => {
             this.contextMenu.next(evt);
         }));
-        this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'mousemove').subscribe((evt) => {
+        this.addSubEvent(fromEvent(this.canvas, 'mousemove').subscribe((evt) => {
             this.mousemove(evt);
         }));
-        this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'mousemove').pipe(debounceTime(500)).subscribe((evt) => {
+        this.addSubEvent(fromEvent(this.canvas, 'mousemove').pipe(debounceTime(500)).subscribe((evt) => {
             this.getTips();
         }));
-        this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'dblclick').subscribe((evt) => {
+        this.addSubEvent(fromEvent(this.canvas, 'dblclick').subscribe((evt) => {
             this.mouseDblClickHandle(evt);
         }));
     }
-
-    addSubEvent(sub: Subscription): void {
+    addSubEvent(sub) {
         this.subs.push(sub);
     }
-
-    clearSubEvent(): void {
+    clearSubEvent() {
         this.subs.forEach(item => item.unsubscribe());
         this.subs.length = 0;
     }
-
-    clear(): void {
+    clear() {
         this.selectionState.clear();
         this.startHitInfo = null;
         this.endHitInfo = null;
@@ -94,8 +94,7 @@ export class DocumentEvent {
         this.currentMouseoverRender = null;
         this.edgeRenderInfo = null;
     }
-
-    private mousedown(evt: MouseEvent): void {
+    mousedown(evt) {
         const docEvent = new MouseElementEvent(this.docCtx);
         docEvent.globalX = evt.offsetX;
         docEvent.globalY = evt.offsetY;
@@ -105,8 +104,7 @@ export class DocumentEvent {
         this.mousedownPos = { x: evt.offsetX, y: evt.offsetY };
         this.mousedownHandle(docEvent);
     }
-
-    private mouseup(evt: MouseEvent): void {
+    mouseup(evt) {
         const docEvent = new MouseElementEvent(this.docCtx);
         docEvent.globalX = evt.offsetX;
         docEvent.globalY = evt.offsetY;
@@ -115,8 +113,7 @@ export class DocumentEvent {
         this.ismousedown = false;
         this.edgeRenderInfo = null;
     }
-
-    private mousemove(evt: MouseEvent): void {
+    mousemove(evt) {
         const docEvent = new MouseElementEvent(this.docCtx);
         docEvent.globalX = evt.offsetX;
         docEvent.globalY = evt.offsetY;
@@ -127,13 +124,12 @@ export class DocumentEvent {
         }
         this.mousemoveHandle(docEvent);
     }
-
-    private prevTrackInfo: boolean = false;
+    prevTrackInfo = false;
     /**
      * 显示提示信息
      * 显示留痕提示信息等
      */
-    private getTips(): void {
+    getTips() {
         if (!this.currentMouseoverRender) {
             return;
         }
@@ -147,7 +143,8 @@ export class DocumentEvent {
         if (event.trackTips) {
             this.trackTipsChanged.next({ pos: { ...this.currentPos }, tips: event.trackTips });
             this.prevTrackInfo = true;
-        } else {
+        }
+        else {
             if (!this.prevTrackInfo) {
                 return;
             }
@@ -155,12 +152,10 @@ export class DocumentEvent {
             this.prevTrackInfo = false;
         }
     }
-
-
     /**
     * 滚动视图的时候，需要手动触发mousemove
     */
-    onScrollView(): void {
+    onScrollView() {
         if (!this.currentPos) {
             return;
         }
@@ -169,13 +164,12 @@ export class DocumentEvent {
         docEvent.globalY = this.currentPos.y;
         this.mousemoveHandle(docEvent);
     }
-
     /**
      * 处理鼠标按下事件
-     * @param evt 
-     * @returns 
+     * @param evt
+     * @returns
      */
-    private mousedownHandle(evt: MouseElementEvent): void {
+    mousedownHandle(evt) {
         //点击右键时,存在选区，直接返回
         if (evt.buttons === 2 && this.startHitInfo && !this.selectionState.collapsed) {
             return;
@@ -197,7 +191,8 @@ export class DocumentEvent {
             const mousedownEvent = new MousedownElementEvent(this.docCtx);
             mousedownEvent.source = startElement;
             DocumentEvent.invokeEvent('ElementMousedown', startElement, mousedownEvent, 'All', this.docCtx);
-        } else {
+        }
+        else {
             this.clearHitInfo();
         }
         if (this.edgeRenderInfo) {
@@ -205,14 +200,13 @@ export class DocumentEvent {
             this.edgeRenderInfo.mousedownPos = this.currentPos;
             this.clearHitInfo();
         }
-        this.hitInfoChanged.next({ startHitInfo: this.startHitInfo as HitEventInfo, endHitInfo: this.endHitInfo as HitEventInfo });
+        this.hitInfoChanged.next({ startHitInfo: this.startHitInfo, endHitInfo: this.endHitInfo });
         this.selectionState.startHitInfo = this.startHitInfo;
     }
-
     /**
      * 设置元素焦点状态
      */
-    private switchElementFocus(): void {
+    switchElementFocus() {
         if (!this.startHitInfo) {
             return;
         }
@@ -224,22 +218,20 @@ export class DocumentEvent {
         }
         if (startElement && startElement.focusable) {
             startElement.isFocused = true;
-            this.focusedElement = startElement as LeafElement;
+            this.focusedElement = startElement;
             this.focusedRect = ElementUtil.getRenderAbsolutePaintRect(this.startHitInfo.render);
         }
     }
-
-    clearHitInfo(): void {
+    clearHitInfo() {
         this.startHitInfo = null;
         this.endHitInfo = null;
     }
-
     /**
      * 获取当前鼠标所在位置的元素信息
-     * @param evt 
-     * @returns 
+     * @param evt
+     * @returns
      */
-    private getHitInfo(evt: MouseElementEvent): HitEventInfo | null {
+    getHitInfo(evt) {
         const hitDocInfo = this.getHitDocPage(evt);
         if (!hitDocInfo) {
             return null;
@@ -248,12 +240,11 @@ export class DocumentEvent {
         //设置文档页中的相对位置
         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 as LeafElement;
+        const element = hitInfo.render.element;
         return {
             hitDocIndex: docIndex,
             offset: hitInfo.offset,
@@ -265,8 +256,7 @@ export class DocumentEvent {
             startRegion: ElementUtil.getRenderObjectRegion(hitInfo.render)
         };
     }
-
-    private getMouseoverRenderInfo(evt: MouseElementEvent): { render: RenderObject, absoluteRenderRect: Rect } | null {
+    getMouseoverRenderInfo(evt) {
         const hitDocInfo = this.getHitDocPage(evt);
         if (!hitDocInfo) {
             return null;
@@ -280,16 +270,15 @@ export class DocumentEvent {
         const mouseoverInfo = this.getHitLeafRender(docRender, { x: -docRender.rect.x, y: -docRender.rect.y }, { x: evt.pageX, y: evt.pageY });
         return mouseoverInfo;
     }
-
     /**
      * 鼠标移动事件
      * 主要处理选区改变
      */
-    private mousemoveHandle(evt: MouseElementEvent): void {
+    mousemoveHandle(evt) {
         //console.time('mousemove计时')
-        let edgeRenderInfo: null | typeof this.edgeRenderInfo = null;
-        const mousePos: Position = { x: evt.globalX, y: evt.globalY };
-        let cursorType: CursorType = 'text';
+        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);
@@ -302,26 +291,27 @@ export class DocumentEvent {
         this.currentMouseoverRender = currMouseoverRenderInfo;
         //当前有元素有焦点时，需要首先判断当前位置是否在焦点元素上
         //如果单元格中包含图片等可缩放的元素，并且元素的大小超过单元格，则当前图片的某一部分就无法缩放
-        if (!this.ismousedown && this.focusedElement && this.focusedRect && (<any>this.focusedElement)['resizeable']) {
-            const relativePos: Position = { x: mousePos.x - this.focusedRect.x, y: mousePos.y - this.focusedRect.y };
+        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 {
+                }
+                else {
                     edgeRenderInfo = { renderElement: this.focusedElement, relativePos, mousedown: false, border: isInCellBorder.borderType };
                 }
             }
-        }//当前鼠标不处于mousedown并且鼠标位于单元格边界时,获取边界信息
+        } //当前鼠标不处于mousedown并且鼠标位于单元格边界时,获取边界信息
         else if (!this.ismousedown && this.isInCellRenderObject(this.currentMouseoverRender?.render)) {
-            const cellRender = ElementUtil.getParentRender(this.currentMouseoverRender?.render as RenderObject, TableCellRenderObject) as TableCellRenderObject;
+            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: Position = { x: mousePos.x - rp.x, y: mousePos.y - rp.y };
+            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);
@@ -330,7 +320,8 @@ export class DocumentEvent {
             this.changeCursor.next(cursorType);
             if (isInCellBorder?.borderType === 'none') {
                 edgeRenderInfo = null;
-            } else {
+            }
+            else {
                 edgeRenderInfo = { renderElement: cellRender.element, relativePos, mousedown: false, border: isInCellBorder.borderType };
             }
         }
@@ -347,38 +338,33 @@ export class DocumentEvent {
         }
         this.changeCursor.next(cursorType);
     }
-
-
-    private isCellRenderObject(render: RenderObject | undefined): boolean {
+    isCellRenderObject(render) {
         return render instanceof TableCellRenderObject;
     }
-
     /**
      * 当前绘制元素是否在单元格上面
-     * @param render 
-     * @returns 
+     * @param render
+     * @returns
      */
-    private isInCellRenderObject(render: RenderObject | undefined): boolean {
+    isInCellRenderObject(render) {
         if (!render) {
             return false;
         }
         return ElementUtil.getParentRender(render, TableCellRenderObject) !== null;
     }
-
-    private isResizeRenderObject(render: RenderObject | undefined): boolean {
+    isResizeRenderObject(render) {
         return render instanceof ResizeLeafRenderObject;
     }
-
     /**
      * 触发鼠标移动事件
      */
-    private invokeMousemoveEvent(oldRender: RenderObject | null | undefined, newRender: RenderObject | null | undefined, mousePos: { x: number, y: number } | undefined): void {
+    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: EventTypes, array: Array<Element>) => {
+        const loopInvokeEvent = (eventName, array) => {
             for (const element of array) {
                 const mouseEvent = new MouseElementEvent(this.docCtx);
                 mouseEvent.source = element;
@@ -390,26 +376,23 @@ export class DocumentEvent {
         loopInvokeEvent('ElementMouseEnter', mouseenterRenders);
         loopInvokeEvent('ElementMousemove', mousemoveRenders);
     }
-
-
-    prevCursorItems: Array<Element> = [];
+    prevCursorItems = [];
     /**
      * 触发获取焦点事件
      * 需要根据上次获取焦点的元素，比较触发失去焦点事件
-     * @param focusElement 
+     * @param focusElement
      */
-    invokeCursor(focusElement: LeafElement): void {
+    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: EventTypes, array: Array<Element>) => {
+        const loopInvokeEvent = (eventName, array) => {
             for (const element of array) {
                 const mouseEvent = new LostCursorEvent(this.docCtx);
                 mouseEvent.source = focusElement;
@@ -420,20 +403,18 @@ export class DocumentEvent {
         };
         loopInvokeEvent('LostCursor', leaveParents);
         loopInvokeEvent('GotCursor', enterParents);
-
         this.prevCursorItems = newParents;
         //dDocumentEvent.invokeEvent('GotCursor', focusElement, getCursorEvent, 'All', this.docCtx);
     }
-
     /**
      * mousedown-mouseup-click
      */
-    private mouseClickHandle(evt: MouseEvent): void {
+    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 as LeafElement;
+            const startElement = this.startHitInfo.render.element;
             const mousedownEvent = new MousedownElementEvent(this.docCtx);
             mousedownEvent.source = startElement;
             DocumentEvent.invokeEvent('ElementClick', startElement, mousedownEvent, "All", this.docCtx);
@@ -460,11 +441,10 @@ export class DocumentEvent {
         }
         this.clickEvent.next(evt);
     }
-
     /**
      * 鼠标双击事件
      */
-    private mouseDblClickHandle(evt: MouseEvent): void {
+    mouseDblClickHandle(evt) {
         const docEvent = new MouseElementEvent(this.docCtx);
         docEvent.globalX = evt.offsetX;
         docEvent.globalY = evt.offsetY;
@@ -473,7 +453,8 @@ export class DocumentEvent {
         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) {
+        }
+        else if (hitRegion === 'body' && this.docCtx.document.headerEditState) {
             this.docCtx.document.switchPageHeaderEditor(this.selectionState, null);
             return;
         }
@@ -482,28 +463,29 @@ export class DocumentEvent {
             docEvent.source = hitInfo.element;
             docEvent.sourceRender = hitInfo.render;
             const res = DocumentEvent.invokeEvent('ElementDblClick', hitInfo.element, docEvent, 'All', this.docCtx);
-            if (res) { return }
+            if (res) {
+                return;
+            }
             this.dblClickEvent.next(evt);
         }
     }
-
     /**
      * 获取点击的渲染元素对象
-     * @param renderObject 
-     * @param parPos 
-     * @param hitPos 
-     * @returns 
+     * @param renderObject
+     * @param parPos
+     * @param hitPos
+     * @returns
      */
-    private getHitLeafRender(renderObject: RenderObject, parPos: Position, hitPos: Position): { render: LeafRenderObject, offset: number, absoluteRenderRect: Rect } | null {
+    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')
+            throw new Error('renderObject.rect is null');
         }
-        const renderObjectRect: Rect = { x: parPos.x + renderObject.rect.x, y: parPos.y + renderObject.rect.y, width: renderObject.rect.width, height: renderObject.rect.height, maxWidth: 0, maxHeight: 0 };
+        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);
         }
@@ -517,7 +499,8 @@ export class DocumentEvent {
                     absoluteRenderRect: renderObjectRect
                 };
             }
-        } else if (renderObject instanceof BranchRenderObject) {
+        }
+        else if (renderObject instanceof BranchRenderObject) {
             if (CommonUtil.isInsideRectByPosition(renderObjectRect, hitPos)) {
                 for (let i = 0; i < renderObject.length; i++) {
                     const childRender = renderObject.getChild(i);
@@ -529,16 +512,14 @@ export class DocumentEvent {
                 //如果当前范围未击中任何元素，则需要匹配最近的元素
                 return this.getRecentHitRender(renderObject, parPos, hitPos);
             }
-        } else {
+        }
+        else {
             throw new Error('未实现');
         }
         return null;
     }
-
-
-
-    private getTRowHitLeafRender(renderObject: TableRowRenderObject, parent: Position, position: Position): { render: LeafRenderObject, offset: number, absoluteRenderRect: Rect } | null {
-        const rowEle = renderObject.element as TableRowElement;
+    getTRowHitLeafRender(renderObject, parent, position) {
+        const rowEle = renderObject.element;
         //跨页重复显示的头行，属于不可点击区域
         //只有表第一页部分可以点击
         if (rowEle.props.headerRow) {
@@ -546,7 +527,7 @@ export class DocumentEvent {
                 return null;
             }
         }
-        const renderObjectRect: Rect = { x: parent.x + renderObject.rect.x, y: parent.y + renderObject.rect.y, width: renderObject.rect.width, height: renderObject.rect.height, maxWidth: 0, maxHeight: 0 };
+        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);
@@ -556,19 +537,17 @@ export class DocumentEvent {
         }
         return null;
     }
-
-
     /**
      * 如果当前范围未击中任何元素，则需要匹配最近的元素
-     * @param renderObject 
-     * @param parent 
-     * @param position 
+     * @param renderObject
+     * @param parent
+     * @param position
      */
-    private getRecentHitRender(renderObject: BranchRenderObject, parent: Position, position: Position): { render: LeafRenderObject, offset: number, absoluteRenderRect: Rect } | null {
-        const currentRenderPos: Position = { x: renderObject.rect.x + parent.x, y: renderObject.rect.y + parent.y }
+    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 }))
+        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++) {
@@ -581,13 +560,16 @@ export class DocumentEvent {
                 if (res) {
                     return res;
                 }
-            } else if (adjacentRender.render instanceof LeafRenderObject) {
+            }
+            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) {
+                }
+                else if (adjacentRender.rect.x + adjacentRender.rect.width < position.x) {
                     x = adjacentRender.rect.width;
-                } else {
+                }
+                else {
                     x = position.x - adjacentRender.rect.x;
                 }
                 const offset = ElementUtil.getHitRenderOffset(adjacentRender.render, x);
@@ -600,21 +582,18 @@ export class DocumentEvent {
         }
         return null;
     }
-
-
-
     /**
      * 获取点击的doc-page
      */
-    private getHitDocPage(evt: MouseElementEvent): { docRender: DocumentRenderObject, paintAbsoluteRect: Position, hitPagePos: Position, docIndex: number } | null {
-        const hitPos: Position = { x: evt.globalX, y: evt.globalY };
+    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) as DocumentRenderObject;
-            const docRenderPos: Position = { x: docRender.rect.x + x, y: docRender.rect.y + y };
+            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;
             }
@@ -623,23 +602,22 @@ export class DocumentEvent {
             }
         }
         i = i === docContainer.length ? i - 1 : i;
-        const hitDoc = docContainer.getChild(i) as DocumentRenderObject;
+        const hitDoc = docContainer.getChild(i);
         const docPos = { x: hitDoc.rect.x + x, y: hitDoc.rect.y + y };
-        const hitPagePos: Position = { x: hitPos.x - docPos.x, y: hitPos.y - docPos.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 
+     * @param type
+     * @param sourceElement
      */
-    static invokeEvent(type: EventTypes, sourceElement: Element, event: ElementEvent, eventStage: EventStage, docCtx: EditorContext): ElementEvent | null {
+    static invokeEvent(type, sourceElement, event, eventStage, docCtx) {
         const parents = ElementUtil.getParentElements(sourceElement);
         //先执行捕获阶段,在执行冒泡
         for (let i = parents.length - 1; i > -parents.length; i--) {
@@ -664,24 +642,21 @@ export class DocumentEvent {
         }
         return null;
     }
-
-
     /**
      * 发布当前的点击信息
      */
-    private pubHitInfo(): void {
-        this.hitInfoChanged.next({ startHitInfo: this.startHitInfo as HitEventInfo, endHitInfo: this.endHitInfo as HitEventInfo });
+    pubHitInfo() {
+        this.hitInfoChanged.next({ startHitInfo: this.startHitInfo, endHitInfo: this.endHitInfo });
     }
-
     /**
        * 获取鼠标所在的渲染元素对象
-       * @param renderObject 
-       * @param parent 
-       * @param position 
-       * @returns 
+       * @param renderObject
+       * @param parent
+       * @param position
+       * @returns
        */
-    private getMouseoverRender(renderObject: RenderObject, parent: Position, position: Position): { render: RenderObject, absoluteRenderRect: Rect } | null {
-        const renderObjectRect: Rect = { x: parent.x + renderObject.rect.x, y: parent.y + renderObject.rect.y, width: renderObject.rect.width, height: renderObject.rect.height, maxWidth: 0, maxHeight: 0 };
+    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 {
@@ -689,7 +664,8 @@ export class DocumentEvent {
                     absoluteRenderRect: renderObjectRect
                 };
             }
-        } else if (renderObject instanceof BranchRenderObject) {
+        }
+        else if (renderObject instanceof BranchRenderObject) {
             if (CommonUtil.isInsideRectByPosition(renderObjectRect, position)) {
                 //当前为表单元格，但是表格不存在上下padding，
                 //则表格上边框和下边框可能会和内容(paragraph)重叠，
@@ -698,7 +674,7 @@ export class DocumentEvent {
                     return {
                         render: renderObject,
                         absoluteRenderRect: renderObjectRect
-                    }
+                    };
                 }
                 for (let i = 0; i < renderObject.length; i++) {
                     const childRender = renderObject.getChild(i);
@@ -710,29 +686,29 @@ export class DocumentEvent {
                 return {
                     render: renderObject,
                     absoluteRenderRect: renderObjectRect
-                }
+                };
             }
-        } else {
+        }
+        else {
             throw new Error('未实现');
         }
         return null;
     }
-
     /**
      * 缩放元素
      */
-    private resizeRender(e: MouseElementEvent): void {
-        if ((<any>this.edgeRenderInfo?.renderElement)['resizeable']) {
+    resizeRender(e) {
+        if (this.edgeRenderInfo?.renderElement['resizeable']) {
             this.resizeElement(e);
-        } else if (this.edgeRenderInfo?.renderElement instanceof TableCellElement) {
+        }
+        else if (this.edgeRenderInfo?.renderElement instanceof TableCellElement) {
             this.resizeTableCell();
         }
     }
-
     /**
      * 缩放表格
      */
-    private resizeTableCell(): void {
+    resizeTableCell() {
         if (!this.edgeRenderInfo || !this.edgeRenderInfo.mousedownPos) {
             return;
         }
@@ -742,9 +718,9 @@ export class DocumentEvent {
         const moveDistanceX = this.currentPos.x - mousedownPos.x;
         const moveDistanceY = this.currentPos.y - mousedownPos.y;
         const row = cellElement.parent;
-        const table = row?.parent as TableElement;
+        const table = row?.parent;
         if (!row || !table) {
-            throw new Error('row | table is null')
+            throw new Error('row | table is null');
         }
         const cellIndex = row.getChildIndex(cellElement);
         let cellWidth = table.getCellWidth(cellIndex);
@@ -760,7 +736,8 @@ export class DocumentEvent {
                 resizeColWidth = table.getCellWidth(resizeColIndex);
                 resizeColWidth += moveDistanceX;
                 cellWidth -= moveDistanceX;
-            } else if (border === 'right') {
+            }
+            else if (border === 'right') {
                 resizeColIndex = cellIndex + 1;
                 //移动最后一列时，右侧没有列了，resizeColWidth的值为-1
                 resizeColWidth = table.getCellWidth(resizeColIndex);
@@ -776,17 +753,18 @@ export class DocumentEvent {
             table.setCellWidth(cellIndex, cellWidth);
             this.edgeRenderInfo.mousedownPos = this.currentPos;
             table.pubOnChange('self');
-        } else if (['bottom', 'top'].includes(border)) {
+        }
+        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) as TableRowElement;
-            let resizeRowRender = resizeRowEle.measureRender as TableRowRenderObject;
+            const resizeRowEle = table.getChild(rowIndex);
+            let resizeRowRender = resizeRowEle.measureRender;
             if (resizeRowRender.element !== resizeRowEle) {
-                console.error('缩放表格行高度出现错误,绘制元素和表格对象不对应')
+                console.error('缩放表格行高度出现错误,绘制元素和表格对象不对应');
                 return;
             }
             const minHeight = resizeRowEle.props.minHeight ?? 0;
@@ -799,7 +777,8 @@ export class DocumentEvent {
             let resizeRowMinHeight = 0;
             if (minHeight <= 0) {
                 resizeRowMinHeight = resizeRowRenderContentHeight + moveDistanceY;
-            } else {
+            }
+            else {
                 resizeRowMinHeight = minHeight + moveDistanceY;
             }
             //缩放的高度小于内容高度，则重置行最小高度
@@ -812,38 +791,36 @@ export class DocumentEvent {
             table.pubOnChange('self');
         }
     }
-
-    private getResizeTableCell(): TableCellElement {
+    getResizeTableCell() {
         if (!this.edgeRenderInfo) {
-            throw new Error('edgeRenderInfo is null')
+            throw new Error('edgeRenderInfo is null');
         }
-        const cellElement = this.edgeRenderInfo.renderElement as TableCellElement;
+        const cellElement = this.edgeRenderInfo.renderElement;
         const row = cellElement.parent;
         if (!row) {
-            throw new Error('row is null')
+            throw new Error('row is null');
         }
-        const table = row.parent as TableElement;
+        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) as TableCellElement;
+                const cell = row.getChild(i);
                 if (cell.props.hMerge !== 'continue') {
-                    return row.getChild(i - 1) as TableCellElement;
+                    return row.getChild(i - 1);
                 }
             }
         }
         return cellElement;
     }
-
     /**
      * 调整元素大小
      */
-    private resizeElement(e: MouseElementEvent): void {
+    resizeElement(e) {
         if (!this.edgeRenderInfo || !this.edgeRenderInfo.mousedownPos) {
             return;
         }
-        const imgElement = <unknown>this.edgeRenderInfo.renderElement as { props: { width: number, height: number } };
+        const imgElement = this.edgeRenderInfo.renderElement;
         const border = this.edgeRenderInfo.border;
         const mousedownPos = this.edgeRenderInfo.mousedownPos;
         let moveDistanceX = this.currentPos.x - mousedownPos.x;
@@ -861,7 +838,8 @@ export class DocumentEvent {
                 if (Math.abs(moveDistanceX) > Math.abs(moveDistanceY)) {
                     scale = moveDistanceX / imgElement.props.width;
                     moveDistanceY = Math.floor(scale * imgElement.props.height);
-                } else {
+                }
+                else {
                     scale = moveDistanceY / imgElement.props.height;
                     moveDistanceX = Math.floor(scale * imgElement.props.width);
                 }
@@ -876,13 +854,11 @@ export class DocumentEvent {
             }
             this.edgeRenderInfo.mousedownPos = this.currentPos;
         }
-
     }
-
     /**
      * 选中当前全部 ctrl+A
      */
-    selectAll(): void {
+    selectAll() {
         const { startControl } = this.selectionState;
         const regionTarget = ElementUtil.getElementRegionTarget(startControl);
         if (!startControl || !regionTarget) {
@@ -891,7 +867,7 @@ export class DocumentEvent {
         const firstLeaf = ElementUtil.getFirstLeafElement(regionTarget.target);
         const lastLeaf = ElementUtil.getLastLeafElement(regionTarget.target);
         if (!firstLeaf || !lastLeaf) {
-            throw new Error('firstLeaf or lastLeaf is null')
+            throw new Error('firstLeaf or lastLeaf is null');
         }
         this.selectionState.clear();
         const newSelectionRange = new SelectionRange();
@@ -900,28 +876,24 @@ export class DocumentEvent {
         this.selectionState.addRange(newSelectionRange);
         //const doc=
     }
-
-
     /**
      * 移动光标到行首
      */
-    moveCursorToLineStart(): void {
+    moveCursorToLineStart() {
         this.moveCursorToHomeOrEnd();
     }
-
     /**
      * 移动光标到行尾
      */
-    moveCursorToLineEnd(): void {
+    moveCursorToLineEnd() {
         this.moveCursorToHomeOrEnd(false);
     }
-
     /**
      * 处理移动光标到行尾或行首
-     * @param home 
-     * @returns 
+     * @param home
+     * @returns
      */
-    private moveCursorToHomeOrEnd(home: boolean = true): void {
+    moveCursorToHomeOrEnd(home = true) {
         const { startControl } = this.selectionState;
         if (!startControl || !this.docCtx.cursorRect) {
             return;
@@ -935,8 +907,8 @@ export class DocumentEvent {
         if (!hitInfo) {
             return;
         }
-        const paraRender = ElementUtil.getParentRender(hitInfo.render, ParagraphLineRectRenderObject) as ParagraphLineRectRenderObject
-        const linePosRect = ElementUtil.getRenderAbsolutePaintRect(paraRender)
+        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 };
@@ -944,12 +916,10 @@ export class DocumentEvent {
         this.ismousedown = false;
         this.edgeRenderInfo = null;
     }
-
-
     /**
     * 向左移动光标
     */
-    moveCursorToLeft(): void {
+    moveCursorToLeft() {
         const { startControl, startOffset } = this.selectionState;
         if (startOffset === 0) {
             const oldRegion = ElementUtil.getElementRegion(startControl);
@@ -962,19 +932,20 @@ export class DocumentEvent {
                 this.selectionState.resetRange(prevEle, -1);
                 return;
             }
-        } else {
+        }
+        else {
             if (startControl instanceof TextGroupElement) {
                 this.selectionState.resetRange(startControl, startOffset - 1);
-            } else {
+            }
+            else {
                 this.selectionState.resetRange(startControl, 0);
             }
         }
     }
-
     /**
      * 向右移动光标
      */
-    moveCursorToRight(): void {
+    moveCursorToRight() {
         const { startControl, startOffset } = this.selectionState;
         if (this.isLeafEleEndOffset(startControl, startOffset)) {
             const oldRegion = ElementUtil.getElementRegion(startControl);
@@ -987,19 +958,20 @@ export class DocumentEvent {
                 this.selectionState.resetRange(nextEle, 0);
                 return;
             }
-        } else {
+        }
+        else {
             if (startControl instanceof TextGroupElement) {
                 this.selectionState.resetRange(startControl, startOffset + 1);
-            } else {
+            }
+            else {
                 this.selectionState.resetRange(startControl, 1);
             }
         }
     }
-
     /**
      * 向上移动光标
      */
-    moveCursorToUpOrDown(up: boolean = true): void {
+    moveCursorToUpOrDown(up = true) {
         if (!this.selectionState.cursorPos) {
             return;
         }
@@ -1024,40 +996,39 @@ export class DocumentEvent {
             }
         }
     }
-
-
     /**
      * 当前偏移量是否处于当前元素的末尾
-     * @param ele 
-     * @param offset 
-     * @returns 
+     * @param ele
+     * @param offset
+     * @returns
      */
-    private isLeafEleEndOffset(ele: LeafElement, offset: number): boolean {
+    isLeafEleEndOffset(ele, offset) {
         if (ele instanceof TextGroupElement) {
             return ele.textMeasures.length === offset;
-        } else {
+        }
+        else {
             if (ele instanceof PSymbolElement) {
                 return true;
-            } else {
+            }
+            else {
                 return offset === 1;
             }
         }
     }
-
     /**
      * 获取点击的文档区域
-     * @param docRender 
-     * @param pos 
-     * @returns 
+     * @param docRender
+     * @param pos
+     * @returns
      */
-    getHitRegion(docEvent: MouseElementEvent): HitRegion | null {
+    getHitRegion(docEvent) {
         const hitDocInfo = this.getHitDocPage(docEvent);
         if (!hitDocInfo) {
             return null;
         }
         const { docRender, hitPagePos } = hitDocInfo;
-        const headerRender = ElementUtil.findChildRender(docRender, (item) => item instanceof DocumentHeaderRenderObject) as DocumentHeaderRenderObject;
-        const footerRender = ElementUtil.findChildRender(docRender, (item) => item instanceof DocumentFooterRenderObject) as DocumentFooterRenderObject;
+        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');
         }
@@ -1068,15 +1039,16 @@ export class DocumentEvent {
         const footerLine = footerRender.rect.y;
         if (hitPagePos.y <= headerLine) {
             return 'header';
-        } else if (hitPagePos.y <= footerLine) {
+        }
+        else if (hitPagePos.y <= footerLine) {
             return 'body';
-        } else if (hitPagePos.y > footerLine && hitPagePos.y < docRender.rect.height) {
+        }
+        else if (hitPagePos.y > footerLine && hitPagePos.y < docRender.rect.height) {
             return 'footer';
-        } else {
+        }
+        else {
             return null;
         }
     }
-
 }
-
-
+//# sourceMappingURL=document-event.js.map