@hailin-zheng/editor-core 1.0.4 → 1.0.7

package/src/med_editor/framework/element-define.ts

@@ -1,674 +0,0 @@
-import { Subject, Subscription } from "rxjs";
-import { ElementEvent, EventMap, EventTypes } from "./element-event-define";
-import { watchChanged } from "./notify";
-import { RenderContenxtType } from "./render-context";
-import { CursorType, LeafRenderObject, RenderObject } from "./render-define";
-
-export class Rect {
-    x = 0;
-    y = 0;
-    width = 0;
-    height = 0;
-    maxHeight: number = 0;
-    maxWidth: number = 0;
-}
-
-export interface SerializeProps {
-    type: string,
-    props?: any,
-    children?: Array<SerializeProps>;
-    complete?: boolean;
-}
-
-/**
- * 刷新类型
- * 刷新外观，不需要进行测量，直接进入绘制
- * 刷新内容，需要重新测量，再绘制
- */
-export type RefreshType = 'appearance' | 'content';
-
-/**
- * 修改标志
- */
-export enum ModifyFlag {
-    //被修改
-    Modify = 0,
-    //无修改
-    None = 1,
-    //子项被修改
-    Track = 2
-}
-
-export interface OnChangeEventProps {
-    data: any
-}
-/**
- * 定义组件的数据，配置
- */
-export abstract class Element<P extends object = any> {
-    modifyFlag: ModifyFlag = ModifyFlag.Modify;
-    isMouseenter!: boolean;
-    private _eventMap: EventMap | null;
-    private _refreshEvent: Subject<void> = new Subject();
-    protected _onChangeEvent: Subject<void> = new Subject();
-    private observers: WeakMap<Element, Array<Subscription>> = new WeakMap();
-    paintRenders: Array<RenderObject> = [];
-    measureRender!: RenderObject | null;
-    focusable!: boolean;
-    isFocused!: boolean;
-    /**
-     * 修饰元素不能复制、序列化、删除(需要手动删除)
-     */
-    isDecorate!: boolean;
-    /**
-     * 可点击性，例如：null-text 占位符元素不具备可点击能力
-     * 2.编辑页眉页脚的能力
-     */
-    disableClick!: boolean;
-    private _parent!: BranchElement | null;
-    get parent(): BranchElement {
-        return this._parent as BranchElement;
-    }
-    set parent(val: BranchElement) {
-        this._parent = val;
-    }
-    private _props!: P;
-    public get props(): P {
-        return this._props;
-    }
-    public set props(value: P) {
-        this.pubOnChange('self');
-        this._props = watchChanged(value, () => { this.notifyChanged() })
-        //this._props = value;
-    }
-
-    private notifyChanged(): void {
-        this.pubOnChange('self')
-    }
-
-    //元素是否禁止复制，例如批注元素
-    //forbidCopy: boolean;
-    constructor(public type: string) {
-        this._eventMap = new EventMap();
-        this.addEvent('ElementMouseEnter', (evt) => { this.isMouseenter = true });
-        this.addEvent('ElementMouseLeave', (evt) => { this.isMouseenter = false });
-    }
-    abstract createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject | null;
-    abstract serialize(viewOptions: ViewOptions): SerializeProps | null;
-    abstract clone(data: boolean): Element;
-    abstract getChildLength(): number;
-    abstract getSelfLength(): number;
-    destroy(): void {
-        this._eventMap?.clear(this);
-        this.paintRenders.length = 0;
-        this._parent = null;
-        this.measureRender = null;
-        this.unsubscribe(this);
-    }
-    addEvent<T extends ElementEvent>(event: EventTypes, handle: (evt: T) => void, useCapture = false): string {
-        if (!this._eventMap) {
-            throw new Error('eventMap is null')
-        }
-        return this._eventMap?.add(this, event, handle, useCapture);
-    }
-    removeEvent(eventId: string): void {
-        if (!this._eventMap) {
-            throw new Error('eventMap is null')
-        }
-        this._eventMap.remove(this, eventId);
-    }
-    removeEventByType(eventType: EventTypes): void {
-        if (!this._eventMap) {
-            throw new Error('eventMap is null')
-        }
-        this._eventMap.removeByType(this, eventType);
-    }
-    invokeEvent(event: EventTypes, evt: ElementEvent, userCapture = false): void {
-        if (!this._eventMap) {
-            throw new Error('eventMap is null')
-        }
-        const listeners = this._eventMap.get(this, event, userCapture);
-        listeners.forEach(item => item(evt));
-    }
-    beginMeasure(): void {
-        this.paintRenders.length = 0;
-    }
-    getIndex(): number {
-        if (this.parent) {
-            return this.parent.getChildIndex(this);
-        } else {
-            return 0;
-        }
-    }
-    get refreshSubject(): Subject<void> {
-        return this._refreshEvent;
-    }
-    get onChangeSubject(): Subject<void> {
-        return this._onChangeEvent;
-    }
-
-    refreshView(): void {
-        this._refreshEvent.next();
-    }
-
-    abstract pubOnChange(selfChange: pubChangeType): void
-
-    unsubscribe(element: Element): void {
-        const subs = this.observers.get(element);
-        if (subs) {
-            subs.forEach(sub => { sub.unsubscribe() });
-            this.observers.delete(element);
-        }
-    }
-
-    addsubscribe(element: Element, ...sub: Array<Subscription>): void {
-        let subs = this.observers.get(element);
-        if (!subs) {
-            subs = [];
-            this.observers.set(element, subs);
-        }
-        subs.push(...sub);
-    }
-
-    /**
-     * 移除当前节点
-     */
-    remove(): void {
-        if (this.parent) {
-            this.parent.removeChild(this);
-        }
-    }
-}
-
-
-
-/**
- * 最小节点元素
- */
-export abstract class LeafElement<P extends object = any> extends Element<P> {
-    cursorType: CursorType = 'text';
-    //abstract createRenderObject(options: ViewOptions, renderCtx: RenderContenxt): LeafRenderObject;
-    getChildLength(): number {
-        return 1;
-    }
-    destroy(): void {
-        super.destroy();
-    }
-    getSelfLength(): number {
-        return 1;
-    }
-
-    pubOnChange(selfChange: pubChangeType): void {
-        if (this.modifyFlag === ModifyFlag.None) {
-            this.refreshView();
-        }
-        if (this.modifyFlag === ModifyFlag.Track && selfChange === 'tracker') {
-            return;
-        }
-        if (this.modifyFlag === ModifyFlag.Modify) {
-            return;
-        }
-        if (selfChange === 'tracker') {
-            if (this.modifyFlag === ModifyFlag.None) {
-                this.modifyFlag = ModifyFlag.Track;
-            }
-        } else {
-            this.modifyFlag = ModifyFlag.Modify;
-        }
-        this._onChangeEvent.next();
-    }
-}
-
-
-/**
- * 枝干节点，包含若干个枝干或者叶子节点
- */
-export abstract class BranchElement<P extends object = any> extends Element<P> {
-    private chilren: Array<Element> = [];
-    constructor(type: string) {
-        super(type);
-    }
-    addChild(child: Element, index = -1): void {
-        if (index === -1) {
-            index = this.length;
-        }
-        child.parent = this;
-        this.chilren.splice(index, 0, child);
-        const refSub = child.refreshSubject.subscribe((data) => {
-            this.refreshSubject.next(data);
-        });
-        const onChangeSub = child.onChangeSubject.subscribe((data) => {
-            this.pubOnChange('tracker');
-        });
-        this.addsubscribe(child, refSub, onChangeSub);
-        this.pubOnChange('self');
-    }
-
-    removeChild(child: Element): void {
-        const index = this.chilren.indexOf(child);
-        if (index < 0) {
-            throw new Error('为查找到当前元素');
-        }
-        this.disposeChild(child);
-        this.chilren.splice(index, 1);
-    }
-
-    removeChildByIndex(index: number): void {
-        const child = this.chilren[index];
-        if (child) {
-            this.chilren.splice(index, 1);
-            this.disposeChild(child);
-        } else {
-            throw new Error('为查找到当前元素');
-        }
-    }
-
-    disposeChild(child: Element): void {
-        this.unsubscribe(child);
-        if (child.parent === this) {
-            (<any>child).parent = null;
-        }
-        this.pubOnChange('self');
-    }
-
-    clearItems(): void {
-        const items = [...this.chilren];
-        for (let i = items.length - 1; i >= 0; i--) {
-            this.removeChildByIndex(i);
-        }
-    }
-
-    destroy(): void {
-        super.destroy();
-        const items = [...this.chilren];
-        for (let i = items.length - 1; i >= 0; i--) {
-            const child = items[i];
-            child.destroy();
-            this.removeChild(child);
-        }
-    }
-
-    get length() {
-        return this.chilren.length;
-    }
-
-    find(predicate: (item: Element, index: number) => boolean): Element | undefined {
-        return this.chilren.find(predicate);
-    }
-
-    getChild<T extends Element = Element>(index: number): T {
-        return this.chilren[index] as T;
-    }
-
-    getChildIndex(child: Element): number {
-        return this.chilren.indexOf(child);
-    }
-
-    getChildLength(): number {
-        //return this.chilren.reduce((prev, curr) => prev + 1 + curr.getChildLength(), 0);
-        return this.chilren.reduce((prev, curr) => {
-            if (curr instanceof BranchElement) {
-                return prev + 1 + curr.getChildLength();
-            } else if (curr instanceof LeafElement) {
-                return prev + curr.getChildLength();
-            } else {
-                return 0
-            }
-        }, 0)
-    }
-
-    getSelfLength(): number {
-        return 1 + this.chilren.reduce((prev, curr) => {
-            return prev + curr.getSelfLength();
-        }, 0);
-    }
-
-
-    treeFilter(predicate: (item: Element, index: number) => boolean): Array<Element> {
-        const items: Array<Element> = [];
-        for (let i = 0; i < this.length; i++) {
-            const item = this.getChild(i);
-            if (predicate(item, i)) {
-                items.push(item);
-            }
-            if (item instanceof BranchElement) {
-                items.push(...item.treeFilter(predicate));
-            }
-        }
-        return items;
-    }
-
-    treeFind(predicate: (item: Element, index: number) => boolean): Element | null {
-        for (let i = 0; i < this.length; i++) {
-            const item = this.getChild(i);
-            if (predicate(item, i)) {
-                return item;
-            }
-            if (item instanceof BranchElement) {
-                const math = item.treeFind(predicate);
-                if (math) {
-                    return math;
-                }
-            }
-        }
-        return null;
-    }
-
-    pubOnChange(selfChange: pubChangeType): void {
-        if (this.modifyFlag === ModifyFlag.Track && selfChange === 'tracker') {
-            return;
-        }
-        if (this.modifyFlag === ModifyFlag.Modify) {
-            return;
-        }
-        if (selfChange === 'tracker') {
-            if (this.modifyFlag === ModifyFlag.None) {
-                this.modifyFlag = ModifyFlag.Track;
-            }
-        } else {
-            this.modifyFlag = ModifyFlag.Modify;
-            for (let i = 0; i < this.length; i++) {
-                this.getChild(i).pubOnChange('to-child')
-            }
-        }
-        this._onChangeEvent.next();
-    }
-}
-
-export type pubChangeType = 'self' | 'tracker' | 'to-child';
-/**
- * 行内编组元素
- */
-export abstract class InlineGroupElement<P extends object = any> extends BranchElement<P> { }
-
-/**
- * 块级元素，目前只有P元素
- */
-export abstract class BlockContentElement<P extends object = any> extends BranchElement<P> { }
-
-/**
- * 包含块级渲染元素的容器元素,例如body、table-cell、table等
- */
-export abstract class BlockContainerElement<P extends object = any> extends BranchElement<P> {
-    noFillEmpty!: boolean;
-}
-
-export interface readElementProps<T> {
-    type: string;
-    props: T | undefined;
-    children: any | undefined
-}
-
-export abstract class ElementFactory<T = null> {
-    options!: ViewOptions;
-    abstract match(type: string): boolean;
-    abstract createElement(data: readElementProps<T>, renderCtx: RenderContenxtType): Element;
-}
-
-export interface SelectionContentRange {
-    target: Element
-    isFullSelected: boolean,
-    startOffset: number,
-    endOffset: number,
-    selectedChildren: Array<SelectionContentRange>,
-}
-
-/**
- * 编辑模式
- */
-export enum EditMode {
-    /**
-     * 自由模式，设计模板时使用
-     */
-    Free = 0,
-    /**
-     * 严格模式，医生书写模式时使用,只可更改数据元值
-     */
-    Strict = 1,
-    /**
-     * 查看模式,任何修改文档的操作都不允许，但是可选中，有拖蓝
-     */
-    View = 2,
-    /**
-     * 禁用模式，当前区域不可点击，不可选中，页脚、页眉编辑时的控制
-     */
-    Disabled = 3
-}
-
-/**
- * 文档模式
- */
-export enum DocMode {
-    Design = 0,
-    /**
-     * 完全编辑模式
-     */
-    Edit = 1,
-    /**
-     * 表单编辑模式
-     */
-    FormEdit = 2,
-    /**
-     * 视图模式，只能查看
-     */
-    View = 3
-}
-
-export enum BooleanEnum {
-    Null,
-    True,
-    False
-}
-
-export interface DocUser {
-    id: string,
-    name: string
-}
-
-export class PageOptions {
-    private _width: number = 0;
-    private _height: number = 0;
-    orient: OrientType = 'portrait';
-    constructor(width: number, height: number, orient: OrientType = 'portrait') {
-        this._width = width;
-        this._height = height;
-        this.orient = orient;
-    }
-    get width(): number {
-        if (this.orient === 'landscape') {
-            return this._height;
-        } else {
-            return this._width;
-        }
-    }
-
-    set width(value: number) {
-        this._width = value;
-    }
-
-    get height(): number {
-        if (this.orient === 'landscape') {
-            return this._width;
-        } else {
-            return this._height;
-        }
-
-    }
-
-    set height(value: number) {
-        this._height = value;
-    }
-}
-
-export type OrientType = 'landscape' | 'portrait';
-
-export class ViewOptions {
-    copyRightInfo!: string;
-    watermark?: string;
-    drawLineRectColor = "rgb(0,0,0)";
-    drawCharRectColor = "rgb(0,0,0)";
-    drawSymbolsColor = 'rgb(128,128,128)';
-    defaultFontName = '宋体';
-    defaultFontSize = 14;
-    defaultColor = "rgb(0,0,0)";
-    selectionOverlaysColor = 'rgb(131,175,155,0.5)';
-    dataEleOverlaysColor = 'rgb(131,175,155,0.5)';
-    dataEleReadOnlyOverlayColor = '#d9d9d9';
-    dataEleOutlineColor = 'rgb(131,175,155,0.7)';
-    viewBackcolor = 'rgb(230,230,230)';
-    paraSymbolColor = 'rgb(128,128,128)';
-    dataGroupColor = 'rgb(0,80,179)'
-    showLineRect!: boolean;
-    showCharRect!: boolean;
-    showParaMark!: boolean;
-    showTabChar!: boolean;
-    showSpaceChar!: boolean;
-    showLineBreak!: boolean;
-    bodyMarginTop = 8;
-    devMode: boolean = false;
-    showDebug!: boolean;
-    resourceMode: 'lazy' | 'immediate' = 'immediate';
-    serverMode: boolean = false;
-    secretBrowse: boolean = false;
-    //中文版式，处理中文换行；前置标点和后置标点
-    chineseLayout: boolean = true;
-    //整页模式，不分页
-    private _fullPageView: boolean = false;
-    get fullPageView(): boolean {
-        return this._fullPageView;
-    }
-    set fullPageView(value: boolean) {
-        this._fullPageView = value;
-        this.onChange.next('force');
-    }
-    //毫米和像素的转换比
-    mmToPixelsRatio: number = 0;
-    cursor: CursorType = 'text';
-    //当前文档偏移量，取决于滚动条位置
-    translateY = 0;
-    //文档大小
-    docPageSettings: PageOptions = new PageOptions(0, 0);
-    //视图大小,canvas
-    viewSettings!: {
-        width: number;
-        height: number;
-    };
-    pageNumFormat: string = '第{index}页/共{count}页';
-    //获取canvas节点的高度
-    get viewPaintHeight(): number {
-        //return this.viewSettings.height / this.scale;
-        return this.viewSettings.height;
-    }
-
-    /**
-     * 内容区域的高度
-     * 同时限定canvas的最小宽度
-     */
-    get ContentWidth(): number {
-        let width = this.docPageSettings.width;
-        if (this.showReviewWindow) {
-            width = width + this.reviewWindowWidth;
-        }
-        return width;
-    }
-    //两个页的间距
-    docSpace: number = 0;
-    //是否显示审阅窗口
-    private _showReviewWindow: boolean = false;
-    public get showReviewWindow(): boolean {
-        return this._showReviewWindow;
-    }
-    public set showReviewWindow(value: boolean) {
-        this._showReviewWindow = value;
-        this.onChange.next();
-    }
-    //审阅窗口宽度
-    reviewWindowWidth: number = 200;
-    //缩放
-    private _scale: number = 1;
-    get scale(): number {
-        return this._scale;
-    }
-    set scale(val: number) {
-        this._scale = val;
-    }
-    docMode: DocMode = DocMode.Design;
-    //是否开启重做功能
-    enableUndo: boolean = true;
-    // //是否开启留痕模式
-    // private _enableTrackChanges: boolean = false;
-    // public get enableTrackChanges(): boolean {
-    //     return this._enableTrackChanges;
-    // }
-    // public set enableTrackChanges(value: boolean) {
-    //     this._enableTrackChanges = value;
-    //     this.onChange.next('force');
-    // }
-    //是否显示审阅痕迹
-    private _showTrackChanges: boolean = true;
-    public get showTrackChanges(): boolean {
-        return this._showTrackChanges;
-    }
-    public set showTrackChanges(value: boolean) {
-        this._showTrackChanges = value;
-        this.onChange.next('force');
-    }
-    //医嘱打印模式，文字行模式,将表格多行对象转换为多个表格行对象
-    textRowLineMode: boolean = false;
-    editUser: DocUser = { id: '', name: '' };
-    //留痕区域的生效时间段，同一用户的留痕块在此时间外需要生成新的留痕块
-    trackChangePeriod: number = 10;
-    onChange: Subject<'demand' | 'force'> = new Subject();
-    constructor() { }
-}
-
-
-export class MarginProps {
-
-    constructor(public top: number = 0, public bottom: number = 0, public left: number = 0, public right: number = 0) { }
-    clone(): MarginProps {
-        const cloneMargin = new MarginProps(this.top, this.bottom, this.left, this.right);
-        return cloneMargin;
-    }
-}
-
-export class PaddingProps extends MarginProps { }
-
-export class BorderProps {
-    constructor(public width: number = 0, public color: string = 'transparent', public style: string = 'solid') { }
-    clone(): BorderProps {
-        return new BorderProps(this.width, this.color, this.style);
-    }
-}
-
-export abstract class IDispose {
-    abstract destroy(): void;
-}
-
-
-export type TextAlign = 'center' | 'left' | 'right' | 'justify';
-
-export interface Position {
-    x: number;
-    y: number;
-}
-
-
-export abstract class ResizeLeafRenderObject extends LeafRenderObject { }
-
-
-export type NullableType<T> = {
-    [PropName in keyof T]?: T[PropName]
-};
-
-
-export type RequiredType<T> = {
-    [PropName in keyof T]: T[PropName]
-};
-
-export type ImgLoadStatus = 'no' | 'loading' | 'completed' | 'error';
-
-export interface ICancelTokenFn {
-    cancel?: () => void;
-    onFinish?: () => void;
-}