@hailin-zheng/editor-core 1.0.5 → 1.0.6

package/{src/med_editor/texteditor.ts → lib/texteditor.js}

@@ -1,85 +1,81 @@
 import { RenderContenxt } from './framework/render-context';
-import { ContentMenuItem, ContextMenuElementEvent, EventMap, HitEventInfo } from './framework/element-event-define';
+import { ContextMenuElementEvent, EventMap } from './framework/element-event-define';
 import { DocumentPaint } from './framework/document-paint';
 import { ElementReader } from './framework/element-reader';
 import { DocumentEvent } from './framework/document-event';
 import { Subject } from 'rxjs';
 import { DocumentInput } from './framework/document-input-cursor';
-import { DocumentCursor, DocumentSelection, SelectionState } from './framework/document-selection';
+import { DocumentCursor, DocumentSelection } from './framework/document-selection';
 import { ElementUtil } from './framework/element-util';
 import { DocumentChange } from './framework/document-change';
-import { CursorType } from './framework/render-define';
 import { SelectionOverlays } from './framework/selection-overlays';
-import {
-    BranchElement,
-    DocMode,
-    Element,
-    ICancelTokenFn,
-    LeafElement,
-    MarginProps,
-    OrientType,
-    PageOptions,
-    Position,
-    TextAlign,
-    ViewOptions
-} from './framework/element-define';
+import { BranchElement, DocMode, PageOptions, ViewOptions } from './framework/element-define';
 import { ElementSerialize } from './framework/element-serialize';
 import { TableElement } from './framework/impl/table/table-impl';
 import { documentPrint } from './framework/document-print';
 import { DocumentTemplate } from './framework/document-template';
-import {
-    DataElementInlineGroup,
-    DataElementLeaf, IsInSideDataElement,
-    validateDataEle
-} from './framework/impl/data-element/data-element-base-impl';
+import { IsInSideDataElement, validateDataEle } from './framework/impl/data-element/data-element-base-impl';
 import { DocRule } from './doc-ruler';
-import { ParagraphProps, TextProps } from './framework/element-props';
 import { TextGroupElement } from './framework/impl/text/text-impl';
 import { ParagraphElement } from './framework/impl/paragraph/p-impl';
 import { TableUtil } from './framework/impl/table/table-util';
 import { EditorContext } from './framework/document-context';
-import { DocumentElement, DocumentRenderObject } from './framework/impl/document/doc-impl';
+import { DocumentRenderObject } from './framework/impl/document/doc-impl';
 import { DocumentComment } from './framework/document-comment';
-import { DocumentPrintOffscreen } from './framework/document-print-offscreen';
 import { CommContentBaseElement } from './framework/impl/comments/comment-content-impl';
 import { DocumentHistory } from './framework/document-history';
 import { TableRowElement } from './framework/impl/table/table-row-impl';
 import { getFocusTextSegment } from "@/med_editor/framework/document-segmenter";
-
 import { saveAs } from 'file-saver';
 import { DocumentBodyElement } from "@/med_editor/framework/impl/document/doc-body-impl";
-
 export class CanvasTextEditor {
-    private contentCtx: CanvasRenderingContext2D;
-    viewOptions: ViewOptions;
-    docCtx: EditorContext;
-    private docComment: DocumentComment;
-    private renderContext: RenderContenxt;
-    private documentPaint: DocumentPaint;
-    elementReader: ElementReader;
-    private documentEvent: DocumentEvent;
-    private documentSelection: DocumentSelection;
-    private documentInput: DocumentInput;
-    private documentChange: DocumentChange;
-    private selectionOverlays: SelectionOverlays;
-    private docRule: DocRule;
-    private docHistory: DocumentHistory;
-    private eventMap: EventMap = new EventMap();
-    selectionChanged: Subject<SelectionState> = new Subject();
-    beforeRenderSubject: Subject<void> = new Subject();
-    afterRenderSubject: Subject<void> = new Subject();
-    selectionState: SelectionState;
+    docScroll;
+    holdSpace;
+    ruleCanvas;
+    editCanvasContainer;
+    editCanvas;
+    editInput;
+    editCursor;
+    cursorWrapper;
+    scaleContainer;
+    contentCtx;
+    viewOptions;
+    docCtx;
+    docComment;
+    renderContext;
+    documentPaint;
+    elementReader;
+    documentEvent;
+    documentSelection;
+    documentInput;
+    documentChange;
+    selectionOverlays;
+    docRule;
+    docHistory;
+    eventMap = new EventMap();
+    selectionChanged = new Subject();
+    beforeRenderSubject = new Subject();
+    afterRenderSubject = new Subject();
+    selectionState;
     //显示右键菜单
-    onContextMenuItemChanged: Subject<EditorContenxtProps> = new Subject();
+    onContextMenuItemChanged = new Subject();
     //显示数据元编辑框
-    onShowDataElementEditPanelEvent: Subject<EditorPanelProps> = new Subject();
-    onDblClickEvent: Subject<Event> = new Subject();
-    onClickEvent: Subject<Event> = new Subject();
-    onScrollViewEvent: Subject<number> = new Subject();
+    onShowDataElementEditPanelEvent = new Subject();
+    onDblClickEvent = new Subject();
+    onClickEvent = new Subject();
+    onScrollViewEvent = new Subject();
     //文档改变事件:内容及样式，业务模块需要根据此事件，来追踪当前文档是否改变的状态
-    onDocChangedEvent: Subject<void> = new Subject();
-
-    constructor(private docScroll: HTMLDivElement, private holdSpace: HTMLDivElement, private ruleCanvas: HTMLCanvasElement, private editCanvasContainer: HTMLDivElement, private editCanvas: HTMLCanvasElement, private editInput: HTMLInputElement, private editCursor: HTMLSpanElement, private cursorWrapper: HTMLDivElement, private scaleContainer: HTMLDivElement) {
+    onDocChangedEvent = new Subject();
+    constructor(docScroll, holdSpace, ruleCanvas, editCanvasContainer, editCanvas, editInput, editCursor, cursorWrapper, scaleContainer) {
+        this.docScroll = docScroll;
+        this.holdSpace = holdSpace;
+        this.ruleCanvas = ruleCanvas;
+        this.editCanvasContainer = editCanvasContainer;
+        this.editCanvas = editCanvas;
+        this.editInput = editInput;
+        this.editCursor = editCursor;
+        this.cursorWrapper = cursorWrapper;
+        this.scaleContainer = scaleContainer;
         this.viewOptions = new ViewOptions();
         this.documentSelection = new DocumentSelection();
         this.docCtx = new EditorContext(this.documentSelection.selectionState, this.viewOptions);
@@ -88,7 +84,7 @@ export class CanvasTextEditor {
         this.viewOptions.showLineRect = true;
         this.viewOptions.docSpace = 20;
         this.viewOptions.reviewWindowWidth = 200;
-        this.viewOptions.defaultFontName = '宋体'
+        this.viewOptions.defaultFontName = '宋体';
         //整个画布的尺寸
         this.viewOptions.viewSettings = {
             width: 1000,
@@ -102,7 +98,7 @@ export class CanvasTextEditor {
         this.viewOptions.enableUndo = true;
         this.createDocViewer();
         this.docComment = new DocumentComment(this.docCtx);
-        this.contentCtx = editCanvas.getContext('2d') as CanvasRenderingContext2D;
+        this.contentCtx = editCanvas.getContext('2d');
         this.renderContext = new RenderContenxt(this.contentCtx, this.viewOptions, this.docCtx);
         this.setCanvasProps();
         this.selectionState = this.documentSelection.selectionState;
@@ -115,81 +111,80 @@ export class CanvasTextEditor {
         this.docHistory = new DocumentHistory(this.docCtx, this.elementReader, this.onDocChangedEvent);
         this.documentInput = new DocumentInput(editInput, editCursor, cursorWrapper, this.docCtx);
         this.documentEvent.hitInfoChanged.subscribe((hitInfo) => {
-            this.hitInfoChanged(hitInfo)
+            this.hitInfoChanged(hitInfo);
         });
         this.documentEvent.clickEvent.subscribe((evt) => {
-            this.docClickHandle(evt)
+            this.docClickHandle(evt);
         });
         this.documentEvent.dblClickEvent.subscribe((evt) => {
-            this.docDblClickHandle(evt)
+            this.docDblClickHandle(evt);
         });
         this.documentEvent.changeCursor.subscribe((cursor) => {
-            this.changeCursor(cursor)
+            this.changeCursor(cursor);
         });
         this.documentEvent.contextMenu.subscribe(evt => {
-            this.onContextMenu(evt)
+            this.onContextMenu(evt);
         });
         this.documentEvent.trackTipsChanged.subscribe(data => {
         });
         this.documentInput.onInputEvent.subscribe(data => {
-            this.documentChange.newInput(data)
+            this.documentChange.newInput(data);
         });
         this.documentInput.onBackspaceEvent.subscribe((evt) => {
-            this.documentChange.onBackspace(evt)
+            this.documentChange.onBackspace(evt);
         });
         this.documentInput.onEnterEvent.subscribe(() => {
-            this.documentChange.onEnter()
+            this.documentChange.onEnter();
         });
         this.documentInput.onCopyEvent.subscribe((evt) => {
-            this.documentChange.onCopy(evt)
+            this.documentChange.onCopy(evt);
         });
         this.documentInput.onCutEvent.subscribe((evt) => {
             this.documentChange.onCut(evt);
         });
         this.documentInput.onPasteEvent.subscribe((evt) => {
-            this.documentChange.onPaste(evt)
+            this.documentChange.onPaste(evt);
         });
         this.documentInput.onInsertBr.subscribe(() => {
-            this.documentChange.insertSoftBr()
-        })
+            this.documentChange.insertSoftBr();
+        });
         this.documentInput.onLeftEvent.subscribe(() => {
-            this.documentEvent.moveCursorToLeft()
+            this.documentEvent.moveCursorToLeft();
         });
         this.documentInput.onRightEvent.subscribe(() => {
-            this.documentEvent.moveCursorToRight()
+            this.documentEvent.moveCursorToRight();
         });
         this.documentInput.onDeleteEvent.subscribe((evt) => this.documentChange.onDeleteKeyHandler(evt));
         this.documentInput.onSelectAllEvent.subscribe(() => {
-            this.documentEvent.selectAll()
+            this.documentEvent.selectAll();
         });
         this.documentInput.onHomeEvent.subscribe(() => {
-            this.documentEvent.moveCursorToLineStart()
-        })
+            this.documentEvent.moveCursorToLineStart();
+        });
         this.documentInput.onEndEvent.subscribe(() => {
-            this.documentEvent.moveCursorToLineEnd()
-        })
+            this.documentEvent.moveCursorToLineEnd();
+        });
         this.documentInput.onUpEvent.subscribe(() => {
-            this.documentEvent.moveCursorToUpOrDown(true)
-        })
+            this.documentEvent.moveCursorToUpOrDown(true);
+        });
         this.documentInput.onDownEvent.subscribe(() => {
-            this.documentEvent.moveCursorToUpOrDown(false)
-        })
+            this.documentEvent.moveCursorToUpOrDown(false);
+        });
         this.docCtx.docChange = this.documentChange;
         this.listenContainerHeight();
         this.refreshDocRule();
         this.docCtx.syncRefresh = () => {
-            this.flushToSchedule()
+            this.flushToSchedule();
         };
         this.viewOptions.onChange.subscribe((type) => {
-            this.resetViewer(type)
-        })
+            this.resetViewer(type);
+        });
     }
-
     /**
      * 设置标尺
      */
-    refreshDocRule(): void {
-        let docLeft = 0//CommonUtil.getOffsetX(this.editCanvas.parentElement as HTMLDivElement);
+    refreshDocRule() {
+        let docLeft = 0; //CommonUtil.getOffsetX(this.editCanvas.parentElement as HTMLDivElement);
         let pagePL = 0, pagePR = 0;
         if (this.documentPaint.docContainer) {
             docLeft += this.documentPaint.docContainer.rect.x;
@@ -202,8 +197,7 @@ export class CanvasTextEditor {
         this.docRule.setRuleOptions({ width: this.viewOptions.docPageSettings.width, pagePL, pagePR, docLeft });
         this.docRule.refreshRule();
     }
-
-    createDocViewer(): void {
+    createDocViewer() {
         this.viewOptions.mmToPixelsRatio = this.measureMMToPixs();
         const width = Math.floor(210 * this.viewOptions.mmToPixelsRatio);
         const height = Math.floor(297 * this.viewOptions.mmToPixelsRatio);
@@ -212,8 +206,7 @@ export class CanvasTextEditor {
             this.scrollView(evt);
         };
     }
-
-    measureMMToPixs(): number {
+    measureMMToPixs() {
         const div = document.createElement('div');
         div.style.width = '100mm';
         document.body.appendChild(div);
@@ -221,12 +214,11 @@ export class CanvasTextEditor {
         document.body.removeChild(div);
         return width / 100;
     }
-
-    flushTask!: (() => void) | null;
-    flushTaskThen: Array<(() => void)> = [];
+    flushTask;
+    flushTaskThen = [];
     //是否用于跟踪修改状态，在初始化、数据元赋值等情况不需要跟踪修改标志
-    private trackChangeState = true;
-    flushToSchedule(): void {
+    trackChangeState = true;
+    flushToSchedule() {
         if (this.docCtx.refreshType === 'content') {
             //触发动态脚本
             this.docCtx.dynamicFunc.invokedScripts();
@@ -247,51 +239,45 @@ export class CanvasTextEditor {
             }
         });
     }
-
     /**
      * 触发文档改变事件
      * @returns
      */
-    triggerDocChange(): void {
+    triggerDocChange() {
         if (!this.trackChangeState) {
             return;
         }
         this.onDocChangedEvent.next();
     }
-
     /**
      * fn函数执行时，不触发onDocChange
      * @param fn
      */
-    noEffectChange(fn: () => void): void {
+    noEffectChange(fn) {
         const prev = this.trackChangeState;
         this.trackChangeState = false;
         try {
             fn();
-        } catch (e) {
+        }
+        catch (e) {
             console.error(e);
         }
         this.trackChangeState = prev;
     }
-
-
-
-    loadDoc(data: any | DocumentElement): void {
+    loadDoc(data) {
         this.elementReader.read(data);
         this.refreshDocument();
         this.refreshDocRule();
         this.docHistory.clear();
     }
-
     /**
      * 更新文档容器高度尺寸
      */
-    updateDocumentContainerSize(): void {
+    updateDocumentContainerSize() {
         this.holdSpace.style.height = this.documentPaint.getDocumentContainerHeight() + 'px';
     }
-
-    scrollView(evt: Event): void {
-        const target = evt.target as HTMLDivElement;
+    scrollView(evt) {
+        const target = evt.target;
         const top = Math.floor(target.scrollTop);
         this.editCanvasContainer.style.top = top + 'px';
         this.cursorWrapper.style.transform = "translate(0,-" + top + "px)";
@@ -299,15 +285,12 @@ export class CanvasTextEditor {
         this.documentPaint.refreshView();
         this.documentEvent.onScrollView();
         this.onScrollViewEvent.next(top);
-
     }
-
-    private refreshDocument(): void {
+    refreshDocument() {
         let rePaint = this.docCtx.refreshType === 'content';
         if (rePaint) {
             this.documentSelection.clearSnapshot();
             this.docComment.readComments();
-
             this.documentPaint.rePages();
             this.beforeRenderSubject.next();
         }
@@ -318,19 +301,16 @@ export class CanvasTextEditor {
         this.setCursor();
         ssChanged && this.selectionChanged.next(this.documentSelection.selectionState);
         this.docRule.refreshRule();
-
     }
-
-    private hitInfoChanged(hitInfo: { startHitInfo: HitEventInfo, endHitInfo: HitEventInfo }): void {
+    hitInfoChanged(hitInfo) {
         this.documentSelection.setSelectionState(hitInfo);
         this.refreshDocument();
         this.selectionChanged.next(this.documentSelection.selectionState);
     }
-
     /**
      * 设置光标
      */
-    private setCursor(): void {
+    setCursor() {
         const { startControl, startOffset } = this.selectionState;
         if (!this.canSetCursor()) {
             this.selectionState.editable = false;
@@ -344,19 +324,18 @@ export class CanvasTextEditor {
                 return;
             }
         }
-        const { startRegion, hitDocIndex } = this.documentEvent.startHitInfo as HitEventInfo;
+        const { startRegion, hitDocIndex } = this.documentEvent.startHitInfo;
         const cursorPos = DocumentCursor.getElementCursorPos(startControl, startOffset, startRegion, hitDocIndex);
         this.docCtx.cursorRect = ElementUtil.cloneRect(cursorPos.rect);
         this.documentInput.setCursorPosition(cursorPos.rect);
         this.selectionState.cursorPos = cursorPos.rect;
         this.documentEvent.invokeCursor(startControl);
     }
-
     /**
      * 判断是否光标可以设置接受编辑
      * @returns
      */
-    private canSetCursor(): boolean {
+    canSetCursor() {
         const { startControl, startOffset, editable } = this.selectionState;
         if (!startControl || !editable) {
             return false;
@@ -386,100 +365,91 @@ export class CanvasTextEditor {
         }
         return true;
     }
-
     /**
      * 修改光标
      * @param newCursor
      */
-    private changeCursor(newCursor: CursorType): void {
+    changeCursor(newCursor) {
         this.editCanvas.style.cursor = newCursor;
         this.viewOptions.cursor = newCursor;
     }
-
     /**
      * 文档点击事件
      */
-    private docClickHandle(evt: MouseEvent): void {
+    docClickHandle(evt) {
         this.setCursor();
         this.selectionOverlays.getSelectionTreeData();
         this.onClickEvent.next(evt);
     }
-
     /**
      * 文档双击事件
      * 处理全选当前段落
      */
-    private docDblClickHandle(evt: MouseEvent): void {
+    docDblClickHandle(evt) {
         const res = getFocusTextSegment(this.selectionState);
         if (res) {
             this.refreshDocument();
         }
         this.onDblClickEvent.next(evt);
     }
-
     /**
      * 获取当前光标所在的数据元
      * @returns
      */
-    getCurrentDataElement(): DataElementInlineGroup | DataElementLeaf | null {
+    getCurrentDataElement() {
         const selectionState = this.documentSelection.selectionState;
         const { startControl } = selectionState;
         if (startControl) {
             if (!ElementUtil.verifyHitable(startControl)) {
                 return null;
             }
-            return ElementUtil.getParent(startControl, validateDataEle) as DataElementInlineGroup | DataElementLeaf;
+            return ElementUtil.getParent(startControl, validateDataEle);
         }
         return null;
     }
-
     /**
      * 设置当前光标所在的数据元的值
      * @param val
      */
-    setCurrentDataElementValue(val: any): void {
+    setCurrentDataElementValue(val) {
         const dataEle = this.getCurrentDataElement();
         if (dataEle) {
             dataEle?.setValue(val);
             this.selectionState.clear();
         }
     }
-
     /**
      * 获取数据元位置
      * @param element
      * @returns
      */
-    getDataElementPosition(element: LeafElement) {
+    getDataElementPosition(element) {
         const startDecorateRender = this.documentPaint.elementPaint.getLeafElementPaintMap(element);
         if (!startDecorateRender) {
             console.error('未找到数据元开始渲染元素');
             return;
         }
         const { x, height, y, width } = startDecorateRender.rect;
-        const pos = ElementUtil.getRenderAbsolutePaintPos(startDecorateRender)
+        const pos = ElementUtil.getRenderAbsolutePaintPos(startDecorateRender);
         const position = { x: pos.x + width, y: pos.y + height + 5, translateY: this.viewOptions.translateY };
-        return position
+        return position;
     }
-
     /**
      * 获取文档模型
      * @returns
      */
-    getDocSchema(): any {
+    getDocSchema() {
         return ElementSerialize.serialize(this.docCtx.document, this.viewOptions);
     }
-
-    getDocSchemaJSON(): string {
+    getDocSchemaJSON() {
         const res = JSON.stringify(this.getDocSchema());
         return res;
     }
-
     /**
      * 右键菜单
      * @param evt
      */
-    onContextMenu(evt: MouseEvent): void {
+    onContextMenu(evt) {
         evt.preventDefault();
         const { selectionState } = this.documentSelection;
         const { startControl } = selectionState;
@@ -490,21 +460,17 @@ export class CanvasTextEditor {
         elementEvent.source = startControl;
         DocumentEvent.invokeEvent('ElementContextMenu', startControl, elementEvent, 'All', this.docCtx);
         const position = { x: evt.offsetX + 10, y: evt.offsetY, translateY: this.viewOptions.translateY };
-        this.onContextMenuItemChanged.next({ pos: position, menus: elementEvent.menus })
+        this.onContextMenuItemChanged.next({ pos: position, menus: elementEvent.menus });
     }
-
-    resizeObserver: ResizeObserver | null = null;
-
-    listenContainerHeight(): void {
+    resizeObserver = null;
+    listenContainerHeight() {
         this.resizeObserver = new ResizeObserver(entries => {
             this.updateDocHeight();
-        }
-        );
+        });
         this.resizeObserver.observe(this.docScroll);
         this.updateDocHeight();
     }
-
-    private updateDocHeight(): void {
+    updateDocHeight() {
         const { width, height } = this.getContainerHeight();
         this.viewOptions.viewSettings.width = width;
         this.viewOptions.viewSettings.height = height;
@@ -513,8 +479,7 @@ export class CanvasTextEditor {
         }
         this.resetViewer();
     }
-
-    resetViewer(type: 'demand' | 'force' | undefined = undefined): void {
+    resetViewer(type = undefined) {
         const refreshType = type === 'force' ? 'content' : 'appearance';
         if (refreshType === 'content') {
             this.docCtx.document.pubOnChange('self');
@@ -525,13 +490,12 @@ export class CanvasTextEditor {
             this.refreshDocRule();
         });
     }
-
     /**
      * 缩放视图
      * @param scale
      * @returns
      */
-    scaleView(scale: number): number {
+    scaleView(scale) {
         scale = scale < 0.5 ? 0.5 : scale;
         scale = scale > 2 ? 2 : scale;
         this.viewOptions.scale = scale;
@@ -546,57 +510,50 @@ export class CanvasTextEditor {
         this.flushToSchedule();
         return scale;
     }
-
-    getContainerHeight(): { height: number, width: number } {
+    getContainerHeight() {
         let { height, width } = this.docScroll.getBoundingClientRect();
         // const div=this.docScroll.children[0] as HTMLElement;
         // const { height, width } = div.getBoundingClientRect();
         return { height: Math.floor(height), width: Math.floor(width) };
     }
-
-    setCanvasProps(): void {
+    setCanvasProps() {
         this.renderContext?.clear();
         this.renderContext.setCanvasProps();
         this.renderContext?.clear();
     }
-
     /**
      * 在当前位置插入表格
      * @param row
      * @param col
      */
-    insertTable(rows: number, cols: number): void {
+    insertTable(rows, cols) {
         const tb = TableElement.createTable(rows, cols);
         this.documentChange.insertTable(tb);
     }
-
     /**
      * 打印所有文档
      */
-    printAllPages(): void {
-        documentPrint.print(this.documentSelection.selectionState, this.viewOptions, this.docCtx)
+    printAllPages() {
+        documentPrint.print(this.documentSelection.selectionState, this.viewOptions, this.docCtx);
     }
-
     /**
      * 导出所有页到base64
      */
-    exportAllPagesToBase64(fileName: string): void {
-        const imgs = documentPrint.exportCanvasNodes(this.documentSelection.selectionState, this.viewOptions, this.docCtx)
+    exportAllPagesToBase64(fileName) {
+        const imgs = documentPrint.exportCanvasNodes(this.documentSelection.selectionState, this.viewOptions, this.docCtx);
         imgs.forEach((item, i) => item.toBlob(blog => {
             if (blog) {
-                saveAs(blog, fileName + i + '.png')
+                saveAs(blog, fileName + i + '.png');
             }
-        }))
+        }));
     }
-
-    exportPDF(): void {
-        documentPrint.exportPDF('', this.documentSelection.selectionState, this.viewOptions, this.docCtx)
+    exportPDF() {
+        documentPrint.exportPDF('', this.documentSelection.selectionState, this.viewOptions, this.docCtx);
     }
-
     /**
      * 清除文档
      */
-    clearDoc(): void {
+    clearDoc() {
         if (this.docCtx.document) {
             this.docCtx.document.destroy();
             this.documentSelection.selectionState.clear();
@@ -604,32 +561,28 @@ export class CanvasTextEditor {
         }
         this.docCtx.clear();
     }
-
     /**
      * 新建文档
      * @param options
      */
-    createNewDoc(doc: DocumentElement | null = null): void {
+    createNewDoc(doc = null) {
         //this.docCtx.clear();
         const newDoc = doc ?? DocumentTemplate.createA4Doc();
         // this.elementReader.setDocument(newDoc);
         // this.refreshDocument('content');
         this.loadDoc(ElementSerialize.serialize(newDoc, this.viewOptions));
     }
-
-    destroy(): void {
+    destroy() {
         this.docCtx.destroy();
         this.documentEvent.clearSubEvent();
         this.documentInput.destroy();
         this.flushTask = null;
     }
-
-
     /**
      * 获取选区文本属性
      * @returns
      */
-    getSelectionTextGroupProps(): TextProps | null {
+    getSelectionTextGroupProps() {
         const selectionState = this.selectionState;
         const range = selectionState.selectedRange;
         if (!range) {
@@ -647,77 +600,70 @@ export class CanvasTextEditor {
         }
         return null;
     }
-
-    getSelectionParaProps(): ParagraphProps | null {
+    getSelectionParaProps() {
         const selectionState = this.selectionState;
         if (!selectionState || !selectionState.startControl) {
             return null;
         }
-        const para = ElementUtil.getParentByType(selectionState.startControl, ParagraphElement) as ParagraphElement;
+        const para = ElementUtil.getParentByType(selectionState.startControl, ParagraphElement);
         return para.props;
     }
-
     /**
      * 设置文本字体大小
      * @param fontSize
      * @returns
      */
-    setTextFontSize(fontSize: number): void {
+    setTextFontSize(fontSize) {
         if (isNaN(fontSize)) {
             return;
         }
-        const setterFunc = (textProps: TextProps) => {
+        const setterFunc = (textProps) => {
             textProps.fontSize = fontSize;
         };
         DocumentChange.setTextStyle(this.selectionState, setterFunc);
     }
-
     /**
      * 设置文本颜色
      * @param color \
      */
-    setTextColor(color: string): void {
+    setTextColor(color) {
         color = color || "rgb(0,0,0)";
-        const setterFunc = (textProps: TextProps) => {
+        const setterFunc = (textProps) => {
             textProps.color = color;
         };
         DocumentChange.setTextStyle(this.selectionState, setterFunc);
     }
-
     /**
      * 设置文本字体名称
      * @param font
      */
-    setTextFont(font: string): void {
+    setTextFont(font) {
         font = font || "宋体";
-        const setterFunc = (textProps: TextProps) => {
+        const setterFunc = (textProps) => {
             textProps.fontName = font;
         };
         DocumentChange.setTextStyle(this.selectionState, setterFunc);
     }
-
     /**
      * 应用选中文本格式,用于批量设置格式,例如：格式刷
      * @param newStyle
      */
-    applyStyle(newStyle: TextProps): void {
-        const setterFunc = (textProps: TextProps) => {
+    applyStyle(newStyle) {
+        const setterFunc = (textProps) => {
             textProps.setPropsValue(newStyle, textProps);
         };
         DocumentChange.setTextStyle(this.selectionState, setterFunc);
     }
-
     /**
      * 开启格式刷
      */
-    enableFormatBrush(): ICancelTokenFn | null {
+    enableFormatBrush() {
         const startControl = this.selectionState.startControl;
         if (startControl instanceof TextGroupElement) {
             const selectedStyle = startControl.props.clone(null);
             const selectionOverlayColor = this.viewOptions.selectionOverlaysColor;
             this.viewOptions.selectionOverlaysColor = "rgba(0,58,140,0.8)";
-
-            const cancelToken: ICancelTokenFn = {};
+            const cancelToken = {};
             const sub = this.onClickEvent.subscribe(() => {
                 sub.unsubscribe();
                 this.applyStyle(selectedStyle);
@@ -734,205 +680,180 @@ export class CanvasTextEditor {
         }
         return null;
     }
-
     /**
      * 设置文本背景颜色
      * @param color
      */
-    setTextBackColor(color: string): void {
-        const setterFunc = (textProps: TextProps) => {
+    setTextBackColor(color) {
+        const setterFunc = (textProps) => {
             textProps.background = color;
         };
         DocumentChange.setTextStyle(this.selectionState, setterFunc);
     }
-
     /**
      * 切换文本加粗、下划线、删除等文本样式
      * @param isEffective
      * @param style
      * @param matchValue
      */
-    switchTextStyle<P extends keyof TextProps, V extends TextProps[P]>(isEffective: boolean, style: P, matchValue: V, defaultValue: any = undefined): void {
-        const setterFunc = (textProps: TextProps) => {
+    switchTextStyle(isEffective, style, matchValue, defaultValue = undefined) {
+        const setterFunc = (textProps) => {
             if (isEffective) {
-                textProps[style] = defaultValue as never;
+                textProps[style] = defaultValue;
                 //delete textProps[style];
-            } else {
+            }
+            else {
                 textProps[style] = matchValue;
             }
         };
         DocumentChange.setTextStyle(this.selectionState, setterFunc);
     }
-
     /**
      * 修改字间距
      */
-    setLetterSpace(letterSpace: number): void {
+    setLetterSpace(letterSpace) {
         letterSpace = letterSpace <= 0 ? 0 : letterSpace;
-        const setterFunc = (textProps: TextProps) => {
+        const setterFunc = (textProps) => {
             textProps.letterSpace = letterSpace;
         };
         DocumentChange.setTextStyle(this.selectionState, setterFunc);
     }
-
-
     /**
      * 设置段落对齐
      * @param align
      */
-    switchParaAlign(align: TextAlign): void {
-        const setterFunc = (paraProps: ParagraphProps) => {
+    switchParaAlign(align) {
+        const setterFunc = (paraProps) => {
             paraProps.textAlign = align;
         };
         DocumentChange.setParaAlign(this.selectionState, setterFunc);
     }
-
-
-    combineCell(): void {
-        TableUtil.mergeCells(this.selectionState)
+    combineCell() {
+        TableUtil.mergeCells(this.selectionState);
     }
-
     /**
      * 切换当前段落项目符号状态
      */
-    setParagraphNumberType(): void {
+    setParagraphNumberType() {
         this.documentChange.setParagraphNumberType();
     }
-
     /**
      * 删除当前批注
      * @param id
      */
-    removeComment(id: string): void {
+    removeComment(id) {
         this.docComment.removeComment(id);
         this.selectionState.clear();
     }
-
     /**
      * 移除焦点所在的批注
      */
-    removeCurrentComment(): void {
-        const comment = ElementUtil.getParent(this.selectionState.startControl, (item => item instanceof CommContentBaseElement)) as CommContentBaseElement;
+    removeCurrentComment() {
+        const comment = ElementUtil.getParent(this.selectionState.startControl, (item => item instanceof CommContentBaseElement));
         if (comment) {
             this.removeComment(comment.props.id);
         }
     }
-
     /**
      * 插入批注
      */
-    insertComment(): void {
+    insertComment() {
         this.documentChange.insertComment();
     }
-
     /**
      * 清除所有批注
      */
-    clearAllComments(): void {
+    clearAllComments() {
         this.docComment.clearAllComments();
     }
-
-
-    cutTable(): void {
-        const row = ElementUtil.getParentByType(this.selectionState.startControl, TableRowElement) as TableRowElement;
-        const tb = row?.parent as TableElement;
+    cutTable() {
+        const row = ElementUtil.getParentByType(this.selectionState.startControl, TableRowElement);
+        const tb = row?.parent;
         TableUtil.cutTable(tb, row.getIndex());
         const para = new ParagraphElement();
         tb.parent.addChild(para, tb.getIndex() + 1);
     }
-
     /**
      * 初始化当前文档创建用户信息
      * 一份文档只需要设置一次
      */
-    initCurrentDocUser(userId: string, userName: string, date: string): void {
+    initCurrentDocUser(userId, userName, date) {
         const doc = this.docCtx.document;
         doc.props.createUserId = userId;
         doc.props.createUserName = userName;
         doc.props.createDate = date;
     }
-
     /**
      * 验证文档内容
      * @returns
      */
-    validate(): boolean {
+    validate() {
         this.docComment.clearAllValidates();
         return this.documentChange.validate();
     }
-
     /**
      * 撤销
      */
-    undo(): void {
+    undo() {
         this.docHistory.undo();
     }
-
     /**
      * 恢复
      */
-    redo(): void {
+    redo() {
         this.docHistory.redo();
     }
-
     /**
      * 是否可以撤销
      */
-    canUndo(): boolean {
+    canUndo() {
         return this.docHistory.canUndo;
     }
-
     /**
      * 是否可以恢复
      */
-    canRedo(): boolean {
+    canRedo() {
         return this.docHistory.canRedo;
     }
-
-    switchTrackChanges(eleCtx: BranchElement | null = null): void {
+    switchTrackChanges(eleCtx = null) {
         eleCtx = eleCtx || this.docCtx.document;
-        const body = eleCtx.treeFind(item => item instanceof DocumentBodyElement) as DocumentBodyElement;
+        const body = eleCtx.treeFind(item => item instanceof DocumentBodyElement);
         if (body) {
             body.trackChanges = !body.trackChanges;
-        } else {
+        }
+        else {
             throw new Error('未找到doc-body');
         }
     }
-
     get trackTipsChanged() {
         return this.documentEvent.trackTipsChanged;
     }
-
-    switchFullViewPage(): void {
+    switchFullViewPage() {
         this.viewOptions.fullPageView = !this.viewOptions.fullPageView;
     }
-
-    getSelectedJSON(): string {
+    getSelectedJSON() {
         return ElementSerialize.getSelectedJSON(this.selectionState, this.viewOptions);
     }
-
-    getSelectedText(): string {
+    getSelectedText() {
         const copySerializeStr = ElementSerialize.getSelectedStruct(this.selectionState, this.viewOptions);
-        return ElementSerialize.serializeString(copySerializeStr as BranchElement);
+        return ElementSerialize.serializeString(copySerializeStr);
     }
-
     /**
      * 设置纸张方向
      * @param orientation
      */
-    setPaperOrient(orientation: OrientType): void {
+    setPaperOrient(orientation) {
         this.docCtx.document.props.orient = orientation;
         this.viewOptions.docPageSettings.orient = orientation;
         this.resetViewer('force');
         this.selectionState.clear();
     }
-
     /**
      * 设置纸张大小,单位为毫米(mm)
      * @param width
      * @param height
      */
-    setPaperSize(width: number, height: number): void {
+    setPaperSize(width, height) {
         const docProps = this.docCtx.document.props;
         docProps.width = width;
         docProps.height = height;
@@ -941,24 +862,22 @@ export class CanvasTextEditor {
         this.viewOptions.docPageSettings = new PageOptions(width, height, docProps.orient);
         this.resetViewer('force');
     }
-
     /**
      * 插入强制换页符
      */
-    insertPageBreakPara(): void {
+    insertPageBreakPara() {
         this.documentChange.insertPageBreakPara();
     }
-
     /**
      * 显示当前元素到视图中
      * @param element
      */
-    bringToView(element: Element): void {
-        const ele = element instanceof BranchElement ? ElementUtil.getFirstLeafElement(element) : element as LeafElement;
+    bringToView(element) {
+        const ele = element instanceof BranchElement ? ElementUtil.getFirstLeafElement(element) : element;
         if (ele) {
             const region = ElementUtil.getElementRegion(ele);
             const renderObj = ele.paintRenders[0];
-            const docRender = ElementUtil.getParentRender(renderObj, DocumentRenderObject) as DocumentRenderObject;
+            const docRender = ElementUtil.getParentRender(renderObj, DocumentRenderObject);
             const index = docRender.getIndex();
             const cursorPos = DocumentCursor.getElementCursorPos(ele, 0, region, index);
             this.selectionState.surround(element);
@@ -968,17 +887,15 @@ export class CanvasTextEditor {
             this.docScroll.scrollTo(cursorPos.rect.x, cursorPos.rect.y - this.viewOptions.translateY);
         }
     }
-
     /**
      * 设置当前文档页边距
      */
-    setDocumentMargin(pageMargin: Partial<MarginProps>): void {
+    setDocumentMargin(pageMargin) {
         if (!this.docCtx.document) {
             return;
         }
         this.docCtx.document.updateMargin(pageMargin);
     }
-
     /**
      * 插入元素
      * @param targetElement
@@ -986,26 +903,11 @@ export class CanvasTextEditor {
      * @param destEleArray
      * @returns
      */
-    insertElement(targetElement: Element, targetOffset: number, destEleArray: Array<Element>): Element | null {
+    insertElement(targetElement, targetOffset, destEleArray) {
         if (!this.selectionState.editable) {
             return null;
         }
         return this.documentChange.insertElement(targetElement, targetOffset, destEleArray);
     }
-
-
 }
-
-
-export type EditorCurrentPos = {
-    pos: Position
-};
-
-export type EditorContenxtProps = {
-    menus: Array<ContentMenuItem>
-} & EditorCurrentPos
-
-export type EditorPanelProps = {
-    type: string;
-} & EditorCurrentPos;
-
+//# sourceMappingURL=texteditor.js.map