@hailin-zheng/editor-core 1.0.3 → 1.0.6

package/src/med_editor/framework/impl/media-formula/menstrual-history.ts

@@ -1,175 +0,0 @@
-import { CommonUtil } from "@/med_editor/framework/common-util";
-import { ViewOptions, Element, SerializeProps, ElementFactory, readElementProps, Rect } from "../../element-define";
-import { DataEleMHProps, TextProps } from "../../element-props";
-import { ElementUtil } from "../../element-util";
-import { RenderContenxtType } from "../../render-context";
-import { LeafRenderObject, RenderObject } from "../../render-define";
-import { DataElementLeaf } from "../data-element/data-element-base-impl";
-
-/**
- * 月经史
- */
-export class DataElementMH extends DataElementLeaf<DataEleMHProps> {
-    //props!: DataEleMHProps;
-    constructor() {
-        super('data-ele-mh')
-        this.props = new DataEleMHProps();
-        //this.addPropValueChangedSub(this.props);
-    }
-    setValue(val: DataEleMHProps | string | null): void {
-        if (typeof val === 'string' && val) {
-            const items = val.split(';');
-            if (items.length >= 4) {
-                const mhLayoutItem = getMHItem(this.props.kind);
-                this.props[mhLayoutItem.left.prop] = items[0];
-                this.props[mhLayoutItem.top.prop] = items[1];
-                this.props[mhLayoutItem.bottom.prop] = items[2];
-                this.props[mhLayoutItem.right.prop] = items[3];
-            }
-        } else if (typeof val === 'object') {
-            this.props.age = val?.age ?? '';
-            this.props.days = val?.days ?? '';
-            this.props.cycles = val?.cycles ?? '';
-            this.props.lastDate = val?.lastDate ?? '';
-            this.props.closeAge = val?.closeAge ?? '';
-        }
-    }
-
-    getValue() {
-        const layoutItem = getMHItem(this.props.kind);
-        return `${this.props[layoutItem.left.prop]};${this.props[layoutItem.top.prop]};${this.props[layoutItem.bottom.prop]};${this.props[layoutItem.right.prop]}`;
-    }
-
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject<Element> | null {
-        const render = new DataRenderMH(this);
-        const measure = renderMH(this, renderCtx, { x: 0, y: 0 }, false);
-        if (measure) {
-            render.rect.width = measure.width;
-            render.rect.height = measure.height;
-        }
-        return render;
-    }
-    serialize(viewOptions: ViewOptions): SerializeProps | null {
-        return {
-            type: this.type,
-            props: this.props.getSerializeProps(viewOptions)
-        }
-    }
-    clone(data: boolean): Element {
-        const element = new DataElementMH();
-        this.props.clone(element.props);
-        return element;
-    }
-
-    getCurrentLayoutItem(): MHLayoutType {
-        return getMHItem(this.props.kind);
-    }
-
-}
-
-type MHLayoutType = {
-    [key in 'left' | 'top' | 'right' | 'bottom']: {
-        tip: '初潮年龄' | '行经期天数' | '末次月经时间' | '月经周期天数' | '闭经年龄',
-        prop: 'age' | 'days' | 'cycles' | 'lastDate' | 'closeAge'
-    }
-}
-
-const mhLayoutItems: Array<MHLayoutType> = [
-    { left: { tip: '初潮年龄', prop: 'age' }, top: { tip: '行经期天数', prop: 'days' }, right: { tip: '末次月经时间', prop: 'lastDate' }, bottom: { tip: '月经周期天数', prop: 'cycles' } },
-    { left: { tip: '初潮年龄', prop: 'age' }, top: { tip: '闭经年龄', prop: 'closeAge' }, right: { tip: '末次月经时间', prop: 'lastDate' }, bottom: { tip: '行经期天数', prop: 'days' } },
-    { left: { tip: '闭经年龄', prop: 'closeAge' }, top: { tip: '行经期天数', prop: 'days' }, right: { tip: '末次月经时间', prop: 'lastDate' }, bottom: { tip: '月经周期天数', prop: 'cycles' } },
-    { left: { tip: '初潮年龄', prop: 'age' }, top: { tip: '月经周期天数', prop: 'cycles' }, right: { tip: '末次月经时间', prop: 'lastDate' }, bottom: { tip: '行经期天数', prop: 'days' } },
-    { left: { tip: '初潮年龄', prop: 'age' }, top: { tip: '闭经年龄', prop: 'closeAge' }, right: { tip: '末次月经时间', prop: 'lastDate' }, bottom: { tip: '月经周期天数', prop: 'cycles' } }
-]
-
-
-function getMHItem(kind: string): MHLayoutType {
-    kind = kind ?? 'A';
-    kind = kind.toUpperCase();
-    let kindIndex = ['A', 'B', 'C', 'D', 'E'].indexOf(kind);
-    kindIndex = kindIndex < 0 ? 0 : kindIndex;
-    return mhLayoutItems[kindIndex];
-}
-
-export class DataRenderMH extends LeafRenderObject<DataElementMH> {
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        renderMH(this.element, ctx, position, true);
-    }
-
-    clone(): RenderObject<Element> {
-        const clone = new DataRenderMH(this.element);
-        clone.rect = ElementUtil.cloneRect(this.rect);
-        return clone;
-    }
-}
-
-export class DataElementMHFactory extends ElementFactory<DataEleMHProps> {
-    match(type: string): boolean {
-        return type === 'data-ele-mh'
-    }
-    createElement(data: readElementProps<DataEleMHProps>, renderCtx: RenderContenxtType): Element {
-        const ele = new DataElementMH();
-        ElementUtil.readEleBaseProps(ele.props, data.props as DataEleMHProps);
-        ele.props.age = data.props?.age ?? '';
-        ele.props.cycles = data.props?.cycles ?? '';
-        ele.props.days = data.props?.days ?? '';
-        ele.props.lastDate = data.props?.lastDate ?? '';
-        ele.props.closeAge = data.props?.closeAge ?? '';
-        ele.props.kind = data.props?.kind ?? 'A';
-        return ele;
-    }
-
-}
-
-function renderMH(element: DataElementMH, ctx: RenderContenxtType, position: { x: number; y: number; }, isPaint: boolean): { width: number, height: number } | void {
-    let { x, y } = position;
-    const defaultTextProps = new TextProps()
-    const paddingVer = 2;
-    const paddingHor = 5;
-    defaultTextProps.fontSize = 12;
-    defaultTextProps.fontName = '仿宋';
-    defaultTextProps.color = "rgb(0,0,0)";
-    const currentLayout = getMHItem(element.props.kind);
-    const left = CommonUtil.getEmptyValue(element.props[currentLayout.left.prop], currentLayout.left.tip);
-    const top = CommonUtil.getEmptyValue(element.props[currentLayout.top.prop], currentLayout.top.tip);
-    const bottom = CommonUtil.getEmptyValue(element.props[currentLayout.bottom.prop], currentLayout.bottom.tip);
-    const right = CommonUtil.getEmptyValue(element.props[currentLayout.right.prop], currentLayout.right.tip);
-    const leftRect = ctx.contentContext.measureText(left, defaultTextProps)
-    const topRect = ctx.contentContext.measureText(top, defaultTextProps)
-    const bottomRect = ctx.contentContext.measureText(bottom, defaultTextProps)
-    const rightRect = ctx.contentContext.measureText(right, defaultTextProps)
-    let height = topRect.height + bottomRect.height;
-    const middleWidth = Math.max(topRect.width, bottomRect.width)
-    let width = leftRect.width + middleWidth + rightRect.width;
-    if (!isPaint) {
-        return { width: width + paddingHor * 2, height: height + paddingVer * 2 }
-    }
-    x += paddingHor;
-    y += paddingVer;
-    //年龄
-    ctx.contentContext.drawText(left, defaultTextProps, x, y + (height - leftRect.height) / 2, leftRect.width, leftRect.height)
-    x += leftRect.width;
-    //天数
-    ctx.contentContext.drawText(top, defaultTextProps, x + (middleWidth - topRect.width) / 2, y - 2, topRect.width, topRect.height);
-    //分割线
-    ctx.contentContext.drawLine(x, y + topRect.height, middleWidth)
-    //周期
-    ctx.contentContext.drawText(bottom, defaultTextProps, x + (middleWidth - bottomRect.width) / 2, y + topRect.height + 2, bottomRect.width, bottomRect.height);
-    //末次时间
-    x += middleWidth;
-    ctx.contentContext.drawText(right, defaultTextProps, x, y + (height - leftRect.height) / 2, rightRect.width, rightRect.height)
-
-    if (ctx.drawMode === 'view') {
-        let { x, y } = position;
-        width = width + paddingHor * 2;
-        height = height + paddingVer * 2;
-        //const { width, height } = this.rect;
-        const lineWidth = 3;
-        const paintColor = '#0050b3';
-        ctx.contentContext.strokeLines([{ x: x + lineWidth, y }, { x, y }, { x, y: y + height }, { x: x + lineWidth, y: y + height }], 1, paintColor);
-        x = x + width;
-        ctx.contentContext.strokeLines([{ x: x - lineWidth, y }, { x, y }, { x, y: y + height }, { x: x - lineWidth, y: y + height }], 1, paintColor);
-    }
-}
-
-

package/src/med_editor/framework/impl/paragraph/p-impl.ts

@@ -1,190 +0,0 @@
-import {
-    BlockContentElement,
-    ElementFactory,
-    Element,
-    SerializeProps,
-    ViewOptions,
-    readElementProps
-} from "@/med_editor/framework/element-define";
-import { ContextMenuElementEvent } from "@/med_editor/framework/element-event-define";
-import { ParagraphProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import {
-    BlockLineRectRenderObject,
-    MuiltBlockLineRenderObject,
-    RenderObject
-} from "@/med_editor/framework/render-define";
-
-export class ParagraphElement extends BlockContentElement<ParagraphProps> {
-    //props: ParagraphProps;
-    constructor() {
-        super('p');
-        this.props = new ParagraphProps();
-        //this.addPropValueChangedSub(this.props);
-        this.addEvent('BackspaceKey', (evt) => {
-            if (evt.selectionState.collapsed) {
-                const pFirstLeafElement = ElementUtil.getFirstLeafElement(this);
-                if (pFirstLeafElement === evt.source && evt.sourceOffset === 0) {
-                    if (this.props.numberType >= 0) {
-                        this.props.numberType = -1;
-                        evt.isCancel = true;
-                    } else if (this.props.indent) {
-                        this.props.indent = 0;
-                        evt.isCancel = true;
-                    }
-                }
-            }
-
-        }, true);
-        this.addEvent<ContextMenuElementEvent>('ElementContextMenu', (evt) => {
-            const { selectionState } = evt;
-            evt.menus.push({
-                icon: 'DeleteTable', caption: '删除段落', eventObj: {
-                    onClick: (cevt) => {
-                        selectionState.clear();
-                        const psymbol = ElementUtil.getLastLeafElement(this);
-                        const nextFocusableEle = ElementUtil.getRecursionNextSiblingElement(psymbol, false, true);
-                        if (nextFocusableEle) {
-                            selectionState.resetRange(nextFocusableEle, 0);
-                        } else {
-                            selectionState.clear();
-                        }
-                        this.remove();
-                        this.destroy();
-                    }
-                }
-            });
-        });
-    }
-
-    createRenderObject(): ParagraphRenderObject {
-        const paraRender = new ParagraphRenderObject(this);
-        return paraRender;
-    }
-
-    serialize(viewOptions: ViewOptions): SerializeProps {
-        return {
-            type: 'p',
-            props: {
-                ...this.props.getSerializeProps(viewOptions)
-            }
-        }
-    }
-
-    clone(data: boolean): Element {
-        const clone = new ParagraphElement();
-        this.props.clone(clone.props);
-        if (data) {
-            for (let i = 0; i < this.length; i++) {
-                clone.addChild(this.getChild(i).clone(true));
-            }
-        }
-        return clone;
-    }
-
-    static createElement(): ParagraphElement {
-        return new ParagraphElement();
-    }
-
-}
-
-export class ParagraphRenderObject extends MuiltBlockLineRenderObject {
-    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-    }
-
-    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        this.drawProjectNumber(ctx);
-    }
-
-
-    /**
-     * 绘制项目符号
-     */
-    drawProjectNumber(ctx: RenderContenxtType): void {
-        const paraElement = this.element as ParagraphElement;
-        if (paraElement.props.numberType >= 0) {
-            if (paraElement.paintRenders.indexOf(this) > 0) {
-                return;
-            }
-            const firstLine = this.getChild(0) as ParagraphLineRectRenderObject;
-            if (!firstLine) {
-                debugger;
-            }
-            const firstInline = firstLine.getChild(0);
-            if (!firstInline) {
-                debugger;
-            }
-            const firstInlinePaintPos = ElementUtil.getRenderAbsolutePaintPos(firstInline, {
-                x: 0,
-                y: -ctx.viewOptions.translateY
-            });
-            const numberSymbolY = firstInlinePaintPos.y + Math.ceil(firstInline.rect.height / 2);
-            //ctx.contentContext.drawText(str, textProps, firstInlinePaintPos.x - paraElement.paraProps.indent, numberSymbolY, 14, 14);
-            ctx.contentContext.fillCircular(firstInlinePaintPos.x - paraElement.props.indent + 2, numberSymbolY, 4)
-        }
-    }
-
-
-    clone(): RenderObject {
-        const cloneRender = new ParagraphRenderObject(this.element);
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        for (let i = 0; i < this.length; i++) {
-            cloneRender.addChild(this.getChild(i).clone());
-        }
-        return cloneRender;
-    }
-
-    createLineRect(): ParagraphLineRectRenderObject {
-        const lineRect = new ParagraphLineRectRenderObject(this.element);
-        lineRect.rect.maxWidth = this.rect.maxWidth;
-        return lineRect;
-    }
-
-
-}
-
-export class ParagraphFactory extends ElementFactory<ParagraphProps> {
-    match(type: string): boolean {
-        return type === 'p';
-    }
-
-    createElement(data: readElementProps<ParagraphProps>, renderCtx: RenderContenxtType): Element {
-        const paraElement = new ParagraphElement();
-        const props = data.props;
-        paraElement.props.indent = props?.indent ?? 0;
-        paraElement.props.hanging = props?.hanging ?? 0;
-        paraElement.props.textAlign = props?.textAlign ?? 'left';
-        paraElement.props.numberType = props?.numberType ?? -1;
-        paraElement.props.lineHeight = props?.lineHeight ?? 1.3;
-        paraElement.props.textProps = ElementUtil.readTextProps(null, props?.textProps, renderCtx.viewOptions);
-        paraElement.props.pageBreak = props?.pageBreak ?? false;
-        return paraElement;
-    }
-}
-
-/**
- * 段落行框
- */
-export class ParagraphLineRectRenderObject extends BlockLineRectRenderObject {
-
-    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //console.log('绘制段落行-begin');
-
-    }
-
-    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //console.log('绘制段落行-end');
-        //ctx.strokeRect(position.x, position.y, this.rect.width, this.rect.height);
-    }
-
-
-    clone(): RenderObject {
-        const cloneRender = new ParagraphLineRectRenderObject(this.element);
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        for (let i = 0; i < this.length; i++) {
-            cloneRender.addChild(this.getChild(i).clone());
-        }
-        return cloneRender;
-    }
-}

package/src/med_editor/framework/impl/picture/image-impl.ts

@@ -1,136 +0,0 @@
-import { Element, ElementFactory, ImgLoadStatus, LeafElement, Position, ResizeLeafRenderObject, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
-import { PictureProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { LeafRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-
-
-interface IResizeElement {
-    resizeable: boolean;
-}
-export class PictureElement extends LeafElement<PictureProps> implements IResizeElement {
-    //props: PictureProps;
-    status: ImgLoadStatus = 'no';
-    resizeable: boolean = true;
-    constructor() {
-        super('img');
-        this.props = new PictureProps();
-        //this.addPropValueChangedSub(this.props);
-        this.cursorType = 'move'
-        this.focusable = true;
-    }
-    createRenderObject(): LeafRenderObject {
-        const render = new PictureRenderObject(this);
-        render.rect.width = this.props.width + 2;
-        render.rect.height = this.props.height + 2;
-        return render;
-    }
-    serialize(options: ViewOptions): SerializeProps {
-        return {
-            type: 'img',
-            props: {
-                ...this.props.getSerializeProps(options)
-            }
-        }
-    }
-    clone(data: boolean): Element {
-        const clone = new PictureElement();
-        this.props.clone(clone.props);
-        return clone;
-    }
-
-    loadImage(ctx: RenderContenxtType): void {
-        if (this.status === 'no') {
-            this.status = 'loading';
-            //this.imageSource = new Image();
-            //this.imageSource.src = this.props.src;
-            // const onload = (e: any) => {
-            //     this.isLoad = 'completed';
-            //     this.refreshView('appearance');
-            // };
-            // const onerror = (e: any) => {
-            //     this.isLoad = 'error';
-            //     console.error(e);
-            // };
-            const onCallback = (status: ImgLoadStatus) => {
-                this.status = status;
-                if (status === 'completed') {
-                    this.refreshView();
-                }
-            }
-            ctx.docCtx.imageLoader.loadImage(this.props.src, onCallback);
-        }
-    }
-    destroy(): void {
-        super.destroy();
-    }
-}
-
-export class PictureRenderObject extends ResizeLeafRenderObject {
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        const picElement = this.element as PictureElement;
-        const picProps = picElement.props;
-        if (picElement.status === 'no') {
-            picElement.loadImage(ctx);
-            return;
-        }
-        if (picElement.status === 'completed') {
-            const imageSource = ctx.docCtx.imageLoader.getImage(picProps.src);
-            if (!imageSource) {
-                return;
-            }
-            if (picProps.border === 'all') {
-                ctx.contentContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height, 'black');
-            }
-            ctx.contentContext.drawImage(imageSource, 0, 0, imageSource.naturalWidth, imageSource.naturalHeight, position.x + 2, position.y + 2, picProps.width, picProps.height);
-        }
-    }
-    clone(): RenderObject {
-        const clone = new PictureRenderObject(this.element);
-        clone.rect = ElementUtil.cloneRect(this.rect);
-        return clone;
-    }
-
-    pagePaintCompleted(ctx: RenderContenxtType, pos: Position): void {
-        if (this.element.isFocused) {
-            const { width, height } = this.rect;
-            ctx.contentContext.strokeRect(pos.x, pos.y, width, height, '#1890ff', 0.5);
-            this.drawResizeCircle(ctx, pos.x, pos.y);
-            this.drawResizeCircle(ctx, pos.x + width, pos.y);
-            this.drawResizeCircle(ctx, pos.x, pos.y + height);
-            this.drawResizeCircle(ctx, pos.x + width, pos.y + height);
-            this.drawResizeCircle(ctx, pos.x + (Math.floor(width / 2)), pos.y);
-            this.drawResizeCircle(ctx, pos.x + (Math.floor(width / 2)), pos.y + height);
-            this.drawResizeCircle(ctx, pos.x, pos.y + (Math.floor(height / 2)));
-            this.drawResizeCircle(ctx, pos.x + width, pos.y + (Math.floor(height / 2)));
-        }
-    }
-
-    private drawResizeCircle(ctx: RenderContenxtType, x: number, y: number): void {
-        const ctxNative = ctx.contentContext.ctx;
-        ctxNative.fillStyle = '#69c0ff';
-        ctxNative.beginPath();
-        ctxNative.arc(x, y, Math.floor(4 / 5 * 4), 0, 2 * Math.PI);
-        ctxNative.closePath();
-        ctxNative.fill();
-    }
-}
-
-
-export class PictureFactory extends ElementFactory<PictureProps> {
-    match(type: string): boolean {
-        return type === 'img';
-    }
-    createElement(data: any, renderCtx: RenderContenxtType): Element {
-        const props = data.props as PictureProps;
-        const pic = new PictureElement();
-        const picProps = pic.props;
-        picProps.width = props.width;
-        picProps.height = props.height;
-        picProps.src = props.src;
-        picProps.border = props.border || 'all';
-        picProps.title = props.title;
-        pic.props = picProps;
-        return pic;
-    }
-}

package/src/med_editor/framework/impl/radio/radio-impl.ts

@@ -1,79 +0,0 @@
-import { ElementFactory, LeafElement, SerializeProps } from "@/med_editor/framework/element-define";
-import { RadioBoxProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { LeafRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-
-export class RadioBoxElement extends LeafElement<RadioBoxProps> {
-    //props: RadioBoxProps;
-    constructor() {
-        super('rd');
-        this.props = new RadioBoxProps();
-        //this.addPropValueChangedSub(this.props);
-        this.cursorType = 'default'
-        this.addEvent('ElementClick', (evt) => { this.changeState() });
-    }
-    createRenderObject(): RadioBoxRenderObject {
-        const render = new RadioBoxRenderObject(this);
-        render.rect.width = this.props.size + 4;
-        render.rect.height = this.props.size;
-        return render;
-    }
-
-    changeState(): void {
-        const parent = this.parent;
-        if (!parent) {
-            throw new Error('parent is null')
-        }
-        for (let i = 0; i < parent.length; i++) {
-            const child = parent.getChild(i);
-            if (child instanceof RadioBoxElement && child !== this) {
-                child.props.isChecked = false;
-            }
-        }
-        this.props.isChecked = true;
-    }
-    serialize(): SerializeProps {
-        return {
-            type: 'rd',
-            props: {
-                ...this.props
-            }
-        }
-    }
-    clone(): RadioBoxElement {
-        const clone = new RadioBoxElement();
-        this.props.clone(clone.props);
-        return clone;
-    }
-}
-
-export class RadioBoxFactory extends ElementFactory<RadioBoxProps> {
-    match(type: string): boolean {
-        return type === 'rd';
-    }
-    createElement(data: any, renderCtx: RenderContenxtType): RadioBoxElement {
-        const rdElement = new RadioBoxElement();
-        const props = data.props as RadioBoxProps;
-        const ckbProps = rdElement.props;
-        ckbProps.size = props.size ?? 14;
-        ckbProps.isChecked = props.isChecked;
-        rdElement.props = ckbProps;
-        return rdElement;
-    }
-}
-
-export class RadioBoxRenderObject extends LeafRenderObject {
-
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        const element = this.element as RadioBoxElement;
-        ctx.contentContext.drawRadioBox(position.x + 2, position.y, element.props.size, element.props.size, element.props.isChecked);
-    }
-
-    clone(cloneData = true): RenderObject {
-        const clone = new RadioBoxRenderObject(this.element);
-        clone.rect = ElementUtil.cloneRect(this.rect);
-        return clone;
-    }
-
-}

package/src/med_editor/framework/impl/symbol/br-symbol-impl.ts

@@ -1,60 +0,0 @@
-import { Element, ElementFactory, LeafElement, SerializeProps } from "@/med_editor/framework/element-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { LeafRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { TextProps } from "../../element-props";
-
-export class BreakElement extends LeafElement {
-    textProps: TextProps;
-    constructor() {
-        super('br');
-        this.textProps = new TextProps();
-        this.textProps.fontSize = 14;
-        this.textProps.fontName = '宋体';
-        this.textProps.color = '#595959';
-    }
-    createRenderObject(): LeafRenderObject {
-        const symbol = new BreakRenderObject(this);
-        symbol.rect.height = 14;
-        symbol.rect.width = 7;
-        return symbol;
-    }
-    serialize(): SerializeProps {
-        return {
-            type: 'br',
-            props: {}
-        }
-    }
-    clone(): Element {
-        const clone = new BreakElement();
-        //clone.renderCtx = this.renderCtx;
-        return clone;
-    }
-
-}
-
-export class BreakRenderObject extends LeafRenderObject<BreakElement> {
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        if (ctx.drawMode === 'print') {
-            return;
-        }
-        ctx.contentContext.drawText('↓', this.element.textProps, position.x, position.y, 20, this.rect.height);
-    }
-    clone(): RenderObject {
-        const render = new BreakRenderObject(this.element);
-        render.rect = ElementUtil.cloneRect(this.rect);
-        return render;
-    }
-}
-
-export class BreakFactory extends ElementFactory<null> {
-    match(type: string): boolean {
-        return type === 'br';
-    }
-    createElement(data: any, renderCtx: RenderContenxtType): Element {
-        const ele = new BreakElement();
-        return ele;
-    }
-
-}
-