@hailin-zheng/editor-core 1.0.1 → 1.0.3

package/lib/framework/render-define.js

@@ -0,0 +1,195 @@
+import { Rect, MarginProps, PaddingProps } from './element-define';
+/**
+ * 定义组件的UI形式的渲染
+ */
+export class RenderObject {
+    element;
+    margin;
+    padding;
+    rect = new Rect();
+    parent;
+    /**
+    * 可点击性，例如：null-text 占位符元素不具备可点击能力
+    */
+    disableClick;
+    constructor(element) {
+        this.element = element;
+        this.margin = new MarginProps();
+        this.padding = new PaddingProps();
+    }
+    pagePaintCompleted(ctx, position) { }
+    destroy() {
+        //this.parent = null;
+        //this.margin = null;
+        //this.padding = null;
+        //this.rect = null;
+        //this.element = null;
+    }
+    /**
+    * 获取内容区域框体
+    * @param render
+    * @returns
+    */
+    getInnnerRect() {
+        const { padding } = this;
+        const rect = new Rect();
+        rect.x = padding.left;
+        rect.y = padding.top;
+        rect.maxWidth = this.rect.maxWidth - padding.left - padding.right;
+        if (this.rect.maxHeight) {
+            rect.maxHeight = this.rect.maxHeight - padding.top - padding.bottom;
+        }
+        return rect;
+    }
+    getInnerMaxWidth() {
+        if (!this.rect.maxWidth) {
+            throw new Error('this.rect.maxWidth is null');
+        }
+        const { padding, margin } = this;
+        return this.rect.maxWidth - padding.left - padding.right - margin.left - margin.bottom;
+    }
+    /**
+    * 根据内框内容高度，更新外框框体高度
+    * @param render
+    * @param innerRect
+    */
+    updateRenderHeight(innerRect) {
+        const innnerHeight = typeof innerRect === 'number' ? innerRect : innerRect.height;
+        const { padding, margin } = this;
+        //外层容器高度等于内容高度+外边距+内边距
+        this.rect.height = innnerHeight + padding.top + padding.bottom;
+    }
+    getIndex() {
+        if (this.parent) {
+            return this.parent.getChildIndex(this);
+        }
+        else {
+            return 0;
+        }
+    }
+}
+/**
+ * 叶子节点渲染元素
+ */
+export class LeafRenderObject extends RenderObject {
+    constructor(element) {
+        super(element);
+    }
+}
+/**
+ * 枝干节点渲染元素
+ */
+export class BranchRenderObject extends RenderObject {
+    constructor(element) {
+        super(element);
+    }
+    chilren = [];
+    getItems() {
+        return this.chilren;
+    }
+    addChild(...items) {
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            item.parent = this;
+            this.chilren.push(item);
+        }
+    }
+    insertChild(item, index) {
+        this.chilren.splice(index, 0, item);
+        item.parent = this;
+    }
+    removeChild(child) {
+        const index = this.chilren.indexOf(child);
+        if (index < 0) {
+            throw new Error('为查找到当前元素');
+        }
+        if (child.parent === this) {
+            //child.parent = null;
+        }
+        this.chilren.splice(index, 1);
+    }
+    removeChildByIndex(index) {
+        const child = this.chilren[index];
+        if (child) {
+            this.chilren.splice(index, 1);
+            //child.parent = null;
+        }
+        else {
+            throw new Error('为查找到当前元素');
+        }
+    }
+    clear() {
+        const items = [...this.chilren];
+        for (let i = items.length - 1; i >= 0; i--) {
+            this.removeChildByIndex(i);
+        }
+    }
+    get length() {
+        return this.chilren.length;
+    }
+    getChild(index) {
+        return this.chilren[index];
+    }
+    getChildIndex(child) {
+        return this.chilren.indexOf(child);
+    }
+    destroy() {
+        super.destroy();
+        const len = this.length;
+        for (let i = len - 1; i >= 0; i--) {
+            const child = this.getChild(i);
+            child.destroy();
+            //this.removeChild(child);
+        }
+        this.chilren.length = 0;
+        //this.chilren = null;
+    }
+}
+/**
+ * 块级渲染元素
+ */
+export class BlockContentRenderObject extends BranchRenderObject {
+    setRenderWidth(maxWidth) {
+        this.rect.maxWidth = maxWidth;
+        this.rect.width = maxWidth;
+    }
+}
+export class InlineGroupRenderObject extends BranchRenderObject {
+}
+/**
+ * 包含块级渲染元素的容器元素,例如body、table-cell等
+ */
+export class BlockContainerRenderObject extends BranchRenderObject {
+    setRenderWidth(maxWidth) {
+        this.rect.maxWidth = maxWidth;
+        this.rect.width = maxWidth;
+    }
+}
+/**
+ * 多级 ‘BlockLineRectRenderObject’ 包裹元素，例如 p、table
+ */
+export class MuiltBlockLineRenderObject extends BlockContentRenderObject {
+}
+/**
+ * 容器-子内容为多个行内块级元素，例如table-row
+ */
+export class InlineBlockContainer extends MuiltBlockLineRenderObject {
+}
+/**
+ * 服务于table-cell
+ * 可被多级拆分的元素
+ */
+export class InlineMuiltBlockLineRenderObject extends MuiltBlockLineRenderObject {
+}
+/**
+ * 最小不可分割单位的块级行框，例如 p-line
+ * 一行不可存在于两个页面中,块级行框不能分布在两个页面中
+ */
+export class BlockLineRectRenderObject extends BlockContentRenderObject {
+}
+export var RenderObjectType;
+(function (RenderObjectType) {
+    RenderObjectType[RenderObjectType["Branch"] = 0] = "Branch";
+    RenderObjectType[RenderObjectType["Leaf"] = 1] = "Leaf";
+})(RenderObjectType || (RenderObjectType = {}));
+//# sourceMappingURL=render-define.js.map

package/lib/framework/render-define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-define.js","sourceRoot":"","sources":["../../src/med_editor/framework/render-define.ts"],"names":[],"mappings":"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"}

package/lib/framework/selection-overlays.d.ts

@@ -0,0 +1,30 @@
+import { SelectionState } from "./document-selection";
+import { Element, SelectionContentRange } from "./element-define";
+/**
+ * 用于处理选区拖蓝
+ */
+export declare class SelectionOverlays {
+    private selectionState;
+    private selectionRange;
+    selectedSets: Map<Element, SelectionContentRange>;
+    constructor(selectionState: SelectionState);
+    getSelectionTreeData(): void;
+    private convertSelectRangeToSet;
+    static addToSets(range: SelectionContentRange, set: Map<Element, SelectionContentRange>): void;
+    /**
+     * 添加到批注集合
+     * @param range
+     * @param set
+     */
+    static addToCommentSets(range: SelectionContentRange, set: Map<Element, SelectionContentRange>): void;
+    /**
+     * 修正开始选区内容
+     * 1.如果当前选区开始于表格内容，结束选区位于表格外，则需要开始选区内容重定位到单元格第一个元素
+     */
+    private fixStartSelectionElement;
+    /**
+     * 修正开始选区内容
+     * 1.如果当前选区开始于表格内容，结束选区位于表格外，则需要开始选区内容重定位到单元格第一个元素
+     */
+    private fixEndSelectionElement;
+}

package/lib/framework/selection-overlays.js

@@ -0,0 +1,124 @@
+import { ElementUtil } from "./element-util";
+import { RangeUtil } from "./range-util";
+import { TableElement } from "./impl/table/table-impl";
+import { TableCellElement } from "./impl/table/table-cell-impl";
+/**
+ * 用于处理选区拖蓝
+ */
+export class SelectionOverlays {
+    selectionState;
+    selectionRange;
+    selectedSets = new Map();
+    constructor(selectionState) {
+        this.selectionState = selectionState;
+    }
+    getSelectionTreeData() {
+        let { ancestorCommonControl, startControl, startOffset, endControl, endOffset, collapsed } = this.selectionState;
+        this.selectedSets.clear();
+        if (this.selectionRange) {
+            this.selectionRange.selectedChildren.length = 0;
+        }
+        this.selectionRange = null;
+        if (!startControl || !endControl || !ancestorCommonControl) {
+            //this.selectionRange?.selectedChildren.length=0;
+            this.selectionState.selectedRange = null;
+            return;
+        }
+        if (collapsed) {
+            const commonRange = RangeUtil.getSelctionRange(startControl, startOffset, endControl, endOffset, ancestorCommonControl);
+            this.selectionState.selectedRange = commonRange;
+            this.selectedSets.clear();
+            return;
+        }
+        const fixStartElement = this.fixStartSelectionElement(startControl, startOffset, ancestorCommonControl);
+        startControl = fixStartElement.element;
+        startOffset = fixStartElement.offset;
+        const fixEndElement = this.fixEndSelectionElement(endControl, endOffset, ancestorCommonControl);
+        endControl = fixEndElement.element;
+        endOffset = fixEndElement.offset;
+        const commonRange = RangeUtil.getSelctionRange(startControl, startOffset, endControl, endOffset, ancestorCommonControl);
+        //console.log(commonRange);
+        this.selectionRange = commonRange;
+        this.convertSelectRangeToSet();
+        this.selectionState.selectedRange = commonRange;
+    }
+    convertSelectRangeToSet() {
+        this.selectedSets.clear();
+        if (this.selectionRange) {
+            SelectionOverlays.addToSets(this.selectionRange, this.selectedSets);
+        }
+    }
+    static addToSets(range, set) {
+        set.set(range.target, range);
+        for (let i = 0; i < range.selectedChildren.length; i++) {
+            //单元格全部选中效果，单元格整个拖蓝即可
+            if (range.isFullSelected && range.target.type === 'tbc') {
+                continue;
+            }
+            this.addToSets(range.selectedChildren[i], set);
+        }
+    }
+    /**
+     * 添加到批注集合
+     * @param range
+     * @param set
+     */
+    static addToCommentSets(range, set) {
+        set.set(range.target, range);
+        for (let i = 0; i < range.selectedChildren.length; i++) {
+            this.addToCommentSets(range.selectedChildren[i], set);
+        }
+    }
+    /**
+     * 修正开始选区内容
+     * 1.如果当前选区开始于表格内容，结束选区位于表格外，则需要开始选区内容重定位到单元格第一个元素
+     */
+    fixStartSelectionElement(element, offset, ancestorCommonControl) {
+        if (!(ancestorCommonControl instanceof TableElement)) {
+            const lookupParentCell = ElementUtil.getParentByType(element, TableCellElement);
+            if (lookupParentCell) {
+                if (!lookupParentCell.parent || !lookupParentCell.parent.parent) {
+                }
+                const lookupParentTbIndex = ElementUtil.getControlIndex(lookupParentCell.parent.parent);
+                const ancestorCommonControlIndex = ElementUtil.getControlIndex(ancestorCommonControl);
+                if (ancestorCommonControlIndex < lookupParentTbIndex) {
+                    const rowFirstLeafElement = ElementUtil.getFirstLeafElement(lookupParentCell.parent);
+                    if (!rowFirstLeafElement) {
+                        throw new Error('当前元素处于表格内元素，未能定位到当前单元格首个元素');
+                    }
+                    return {
+                        element: rowFirstLeafElement,
+                        offset: 0
+                    };
+                }
+            }
+        }
+        return { element, offset };
+    }
+    /**
+     * 修正开始选区内容
+     * 1.如果当前选区开始于表格内容，结束选区位于表格外，则需要开始选区内容重定位到单元格第一个元素
+     */
+    fixEndSelectionElement(element, offset, ancestorCommonControl) {
+        if (!(ancestorCommonControl instanceof TableElement)) {
+            const lookupParentCell = ElementUtil.getParentByType(element, TableCellElement);
+            if (lookupParentCell) {
+                const lookupParentTbIndex = ElementUtil.getControlIndex(lookupParentCell.parent.parent);
+                const ancestorCommonControlIndex = ElementUtil.getControlIndex(ancestorCommonControl);
+                if (ancestorCommonControlIndex < lookupParentTbIndex) {
+                    const rowLastLeafElement = ElementUtil.getLastLeafElement(lookupParentCell.parent);
+                    if (!rowLastLeafElement) {
+                        const rowLastLeafElement = ElementUtil.getLastLeafElement(lookupParentCell.parent);
+                        throw new Error('当前元素处于表格内元素，未能定位到当前单元格首个元素');
+                    }
+                    return {
+                        element: rowLastLeafElement,
+                        offset: 1
+                    };
+                }
+            }
+        }
+        return { element, offset };
+    }
+}
+//# sourceMappingURL=selection-overlays.js.map

package/lib/framework/selection-overlays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-overlays.js","sourceRoot":"","sources":["../../src/med_editor/framework/selection-overlays.ts"],"names":[],"mappings":"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"}

package/lib/texteditor.d.ts

@@ -0,0 +1,318 @@
+import { ContentMenuItem } from './framework/element-event-define';
+import { ElementReader } from './framework/element-reader';
+import { Subject } from 'rxjs';
+import { SelectionState } from './framework/document-selection';
+import { BranchElement, Element, ICancelTokenFn, LeafElement, MarginProps, OrientType, Position, TextAlign, ViewOptions } from './framework/element-define';
+import { DataElementInlineGroup, DataElementLeaf } from './framework/impl/data-element/data-element-base-impl';
+import { ParagraphProps, TextProps } from './framework/element-props';
+import { EditorContext } from './framework/document-context';
+import { DocumentElement } from './framework/impl/document/doc-impl';
+export declare class CanvasTextEditor {
+    private docScroll;
+    private holdSpace;
+    private ruleCanvas;
+    private editCanvasContainer;
+    private editCanvas;
+    private editInput;
+    private editCursor;
+    private cursorWrapper;
+    private scaleContainer;
+    private contentCtx;
+    viewOptions: ViewOptions;
+    docCtx: EditorContext;
+    private docComment;
+    private renderContext;
+    private documentPaint;
+    elementReader: ElementReader;
+    private documentEvent;
+    private documentSelection;
+    private documentInput;
+    private documentChange;
+    private selectionOverlays;
+    private docRule;
+    private docHistory;
+    private eventMap;
+    selectionChanged: Subject<SelectionState>;
+    beforeRenderSubject: Subject<void>;
+    afterRenderSubject: Subject<void>;
+    selectionState: SelectionState;
+    onContextMenuItemChanged: Subject<EditorContenxtProps>;
+    onShowDataElementEditPanelEvent: Subject<EditorPanelProps>;
+    onDblClickEvent: Subject<Event>;
+    onClickEvent: Subject<Event>;
+    onScrollViewEvent: Subject<number>;
+    onDocChangedEvent: Subject<void>;
+    constructor(docScroll: HTMLDivElement, holdSpace: HTMLDivElement, ruleCanvas: HTMLCanvasElement, editCanvasContainer: HTMLDivElement, editCanvas: HTMLCanvasElement, editInput: HTMLInputElement, editCursor: HTMLSpanElement, cursorWrapper: HTMLDivElement, scaleContainer: HTMLDivElement);
+    /**
+     * 设置标尺
+     */
+    refreshDocRule(): void;
+    createDocViewer(): void;
+    measureMMToPixs(): number;
+    flushTask: (() => void) | null;
+    flushTaskThen: Array<(() => void)>;
+    private trackChangeState;
+    flushToSchedule(): void;
+    /**
+     * 触发文档改变事件
+     * @returns
+     */
+    triggerDocChange(): void;
+    /**
+     * fn函数执行时，不触发onDocChange
+     * @param fn
+     */
+    noEffectChange(fn: () => void): void;
+    loadDoc(data: any | DocumentElement): void;
+    /**
+     * 更新文档容器高度尺寸
+     */
+    updateDocumentContainerSize(): void;
+    scrollView(evt: Event): void;
+    private refreshDocument;
+    private hitInfoChanged;
+    /**
+     * 设置光标
+     */
+    private setCursor;
+    /**
+     * 判断是否光标可以设置接受编辑
+     * @returns
+     */
+    private canSetCursor;
+    /**
+     * 修改光标
+     * @param newCursor
+     */
+    private changeCursor;
+    /**
+     * 文档点击事件
+     */
+    private docClickHandle;
+    /**
+     * 文档双击事件
+     * 处理全选当前段落
+     */
+    private docDblClickHandle;
+    /**
+     * 获取当前光标所在的数据元
+     * @returns
+     */
+    getCurrentDataElement(): DataElementInlineGroup | DataElementLeaf | null;
+    /**
+     * 设置当前光标所在的数据元的值
+     * @param val
+     */
+    setCurrentDataElementValue(val: any): void;
+    /**
+     * 获取数据元位置
+     * @param element
+     * @returns
+     */
+    getDataElementPosition(element: LeafElement): {
+        x: number;
+        y: number;
+        translateY: number;
+    };
+    /**
+     * 获取文档模型
+     * @returns
+     */
+    getDocSchema(): any;
+    getDocSchemaJSON(): string;
+    /**
+     * 右键菜单
+     * @param evt
+     */
+    onContextMenu(evt: MouseEvent): void;
+    resizeObserver: ResizeObserver | null;
+    listenContainerHeight(): void;
+    private updateDocHeight;
+    resetViewer(type?: 'demand' | 'force' | undefined): void;
+    /**
+     * 缩放视图
+     * @param scale
+     * @returns
+     */
+    scaleView(scale: number): number;
+    getContainerHeight(): {
+        height: number;
+        width: number;
+    };
+    setCanvasProps(): void;
+    /**
+     * 在当前位置插入表格
+     * @param row
+     * @param col
+     */
+    insertTable(rows: number, cols: number): void;
+    /**
+     * 打印所有文档
+     */
+    printAllPages(): void;
+    /**
+     * 导出所有页到base64
+     */
+    exportAllPagesToBase64(fileName: string): void;
+    exportPDF(): void;
+    /**
+     * 清除文档
+     */
+    clearDoc(): void;
+    /**
+     * 新建文档
+     * @param options
+     */
+    createNewDoc(doc?: DocumentElement | null): void;
+    destroy(): void;
+    /**
+     * 获取选区文本属性
+     * @returns
+     */
+    getSelectionTextGroupProps(): TextProps | null;
+    getSelectionParaProps(): ParagraphProps | null;
+    /**
+     * 设置文本字体大小
+     * @param fontSize
+     * @returns
+     */
+    setTextFontSize(fontSize: number): void;
+    /**
+     * 设置文本颜色
+     * @param color \
+     */
+    setTextColor(color: string): void;
+    /**
+     * 设置文本字体名称
+     * @param font
+     */
+    setTextFont(font: string): void;
+    /**
+     * 应用选中文本格式,用于批量设置格式,例如：格式刷
+     * @param newStyle
+     */
+    applyStyle(newStyle: TextProps): void;
+    /**
+     * 开启格式刷
+     */
+    enableFormatBrush(): ICancelTokenFn | null;
+    /**
+     * 设置文本背景颜色
+     * @param color
+     */
+    setTextBackColor(color: string): void;
+    /**
+     * 切换文本加粗、下划线、删除等文本样式
+     * @param isEffective
+     * @param style
+     * @param matchValue
+     */
+    switchTextStyle<P extends keyof TextProps, V extends TextProps[P]>(isEffective: boolean, style: P, matchValue: V, defaultValue?: any): void;
+    /**
+     * 修改字间距
+     */
+    setLetterSpace(letterSpace: number): void;
+    /**
+     * 设置段落对齐
+     * @param align
+     */
+    switchParaAlign(align: TextAlign): void;
+    combineCell(): void;
+    /**
+     * 切换当前段落项目符号状态
+     */
+    setParagraphNumberType(): void;
+    /**
+     * 删除当前批注
+     * @param id
+     */
+    removeComment(id: string): void;
+    /**
+     * 移除焦点所在的批注
+     */
+    removeCurrentComment(): void;
+    /**
+     * 插入批注
+     */
+    insertComment(): void;
+    /**
+     * 清除所有批注
+     */
+    clearAllComments(): void;
+    cutTable(): void;
+    /**
+     * 初始化当前文档创建用户信息
+     * 一份文档只需要设置一次
+     */
+    initCurrentDocUser(userId: string, userName: string, date: string): void;
+    /**
+     * 验证文档内容
+     * @returns
+     */
+    validate(): boolean;
+    /**
+     * 撤销
+     */
+    undo(): void;
+    /**
+     * 恢复
+     */
+    redo(): void;
+    /**
+     * 是否可以撤销
+     */
+    canUndo(): boolean;
+    /**
+     * 是否可以恢复
+     */
+    canRedo(): boolean;
+    switchTrackChanges(eleCtx?: BranchElement | null): void;
+    get trackTipsChanged(): Subject<{
+        pos: Position;
+        tips: import("./framework/element-event-define").ITrackTips;
+    }>;
+    switchFullViewPage(): void;
+    getSelectedJSON(): string;
+    getSelectedText(): string;
+    /**
+     * 设置纸张方向
+     * @param orientation
+     */
+    setPaperOrient(orientation: OrientType): void;
+    /**
+     * 设置纸张大小,单位为毫米(mm)
+     * @param width
+     * @param height
+     */
+    setPaperSize(width: number, height: number): void;
+    /**
+     * 插入强制换页符
+     */
+    insertPageBreakPara(): void;
+    /**
+     * 显示当前元素到视图中
+     * @param element
+     */
+    bringToView(element: Element): void;
+    /**
+     * 设置当前文档页边距
+     */
+    setDocumentMargin(pageMargin: Partial<MarginProps>): void;
+    /**
+     * 插入元素
+     * @param targetElement
+     * @param targetOffset
+     * @param destEleArray
+     * @returns
+     */
+    insertElement(targetElement: Element, targetOffset: number, destEleArray: Array<Element>): Element | null;
+}
+export declare type EditorCurrentPos = {
+    pos: Position;
+};
+export declare type EditorContenxtProps = {
+    menus: Array<ContentMenuItem>;
+} & EditorCurrentPos;
+export declare type EditorPanelProps = {
+    type: string;
+} & EditorCurrentPos;