@hailin-zheng/editor-core 1.0.7 → 1.0.10

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

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