@hailin-zheng/editor-core 1.0.3 → 1.0.6

package/src/med_editor/framework/impl/document/doc-body-impl.ts

@@ -1,95 +0,0 @@
-import { BlockContainerElement, Element, ElementFactory, Rect, SerializeProps } from "@/med_editor/framework/element-define";
-import { MouseElementEvent } from "@/med_editor/framework/element-event-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { MuiltBlockLineRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { DocumentElement } from "./doc-impl";
-
-
-export class DocumentBodyElement extends BlockContainerElement {
-    //当前区域内是否留痕
-    trackChanges: boolean = false;
-    constructor() {
-        super('body');
-        //this.editMode = EditMode.Free;
-        this.addEvent('ElementDblClick', (evt) => {
-            if (this.disableClick) {
-                this.switchEditMode(evt);
-            }
-        }, true);
-    }
-    createRenderObject(): DocumentBodyRenderObject {
-        return new DocumentBodyRenderObject(this);
-    }
-
-    serialize(): SerializeProps {
-        return {
-            type: 'body',
-            props: {}
-        }
-    }
-
-    switchEditMode(evt: MouseElementEvent): void {
-        const docElement = ElementUtil.getParentByType(this, DocumentElement);
-        if (docElement) {
-            docElement.switchPageHeaderEditor(evt.selectionState, this);
-        }
-        return;
-    }
-
-    clone(data: boolean): DocumentBodyElement {
-        const clone = new DocumentBodyElement();
-        if (data) {
-            for (let i = 0; i < this.length; i++) {
-                clone.addChild(this.getChild(i).clone(true));
-            }
-        }
-        return clone;
-    }
-
-
-}
-
-
-export class DocumentBodyRenderObject extends MuiltBlockLineRenderObject {
-    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //console.log('绘制页内容-begin');
-        if (this.element.disableClick && ctx.drawMode === 'view') {
-            ctx.contentContext.setGlobalAlpha(0.5);
-        }
-        if (ctx.viewOptions.showDebug) {
-            ctx.overlaysContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, 'rgb(177,177,177,0.4)');
-        }
-    }
-    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //console.log('绘制页内容-end');
-        if (this.element.disableClick && ctx.drawMode === 'view') {
-            ctx.contentContext.setGlobalAlpha(1);
-        }
-    }
-
-    clone(cloneData = true): RenderObject {
-        const cloneRender = new DocumentBodyRenderObject(this.element);
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        if (cloneData) {
-            for (let i = 0; i < this.length; i++) {
-                cloneRender.addChild(this.getChild(i).clone());
-            }
-        }
-        return cloneRender;
-    }
-
-}
-
-
-export class DocumentBodyFactory extends ElementFactory<null> {
-    match(type: string): boolean {
-        return type === 'body';
-    }
-    createElement(data: any, renderCtx: RenderContenxtType): Element {
-        const element = new DocumentBodyElement();
-        return element;
-    }
-
-}
-

package/src/med_editor/framework/impl/document/doc-body-part-impl.ts

@@ -1,104 +0,0 @@
-import { BlockContainerElement, SerializeProps, Element, readElementProps, ElementFactory } from "@/med_editor/framework/element-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { MuiltBlockLineRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { BodyPartProps } from "../../element-props";
-
-/**
- * 用于合并病程录,每个part包含每份病程录body
- * 多个part处于一个body下面
- */
-export class DocumentBodyPartElement extends BlockContainerElement<BodyPartProps> {
-    //是否被修改
-    isModify!: boolean;
-    constructor() {
-        super('body-part');
-        this.addEvent('ElementMousemove', (evt) => {
-            this.isMouseenter = true;
-            this.refreshView();
-        });
-        this.addEvent('ElementMouseLeave', (evt) => {
-            this.isMouseenter = false;
-            this.refreshView();
-        });
-        this.addEvent('GotCursor', (evt) => {
-            this.isFocused = true;
-            this.refreshView();
-        });
-        this.addEvent('LostCursor', (evt) => {
-            this.isFocused = false;
-            this.refreshView();
-        });
-        this.props = new BodyPartProps();
-    }
-    createRenderObject(): DocumentBodyPartRenderObject {
-        const render = new DocumentBodyPartRenderObject(this);
-        render.margin.top = 10;
-        render.margin.bottom = 10;
-        return render;
-    }
-
-    serialize(): SerializeProps {
-        return {
-            type: this.type,
-            props: {
-                partId: this.props.partId,
-            }
-        }
-    }
-
-    clone(data: boolean): DocumentBodyPartElement {
-        const clone = new DocumentBodyPartElement();
-        clone.props.partId = this.props.partId;
-        if (data) {
-            for (let i = 0; i < this.length; i++) {
-                clone.addChild(this.getChild(i).clone(true));
-            }
-        }
-        return clone;
-    }
-}
-
-
-export class DocumentBodyPartRenderObject extends MuiltBlockLineRenderObject {
-    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //if (ctx.drawMode === 'view' && (this.element.isFocused || this.element.isMouseenter)) {
-        const borderColor = '#002766';
-        ctx.overlaysContext.ctx.save();
-        const bgColor = (this.element.isFocused || this.element.isMouseenter) ? '#d9d9d9' : '#ffffff';
-        ctx.overlaysContext.fillRect(position.x - 2, position.y - 2, this.rect.width + 4, this.rect.height + 4, bgColor, 5, 'black');
-        //ctx.overlaysContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height, borderColor)
-        ctx.overlaysContext.ctx.restore();
-        //}
-    }
-    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-
-    }
-
-    clone(cloneData = true): RenderObject {
-        const cloneRender = new DocumentBodyPartRenderObject(this.element);
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        cloneRender.margin.top = this.margin.top;
-        cloneRender.margin.bottom = this.margin.bottom;
-        if (cloneData) {
-            for (let i = 0; i < this.length; i++) {
-                cloneRender.addChild(this.getChild(i).clone());
-            }
-        }
-        return cloneRender;
-    }
-
-}
-
-export class DocumentBodyPartFactory extends ElementFactory<BodyPartProps>{
-    match(type: string): boolean {
-        return type === 'body-part';
-    }
-    createElement(data: readElementProps<BodyPartProps>, renderCtx: RenderContenxtType): Element<any> {
-        const bodyPart = data.props?.partId || '';
-        const element = new DocumentBodyPartElement();
-        element.props.partId = bodyPart;
-        return element;
-    }
-
-}

package/src/med_editor/framework/impl/document/doc-container-impl.ts

@@ -1,24 +0,0 @@
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { BlockContainerRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { DocumentRenderObject } from "./doc-impl";
-
-export class DocumentContainerRender extends BlockContainerRenderObject {
-    constructor() {
-        super(null);
-    }
-    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //throw new Error("Method not implemented.");
-    }
-    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //throw new Error("Method not implemented.");
-    }
-    clone(): RenderObject {
-        throw new Error("Method not implemented.");
-    }
-
-    addPages(pages: Array<DocumentRenderObject>): void {
-        for (let i = 0; i < pages.length; i++) {
-            this.addChild(pages[i]);
-        }
-    }
-}

package/src/med_editor/framework/impl/document/doc-footer-impl.ts

@@ -1,88 +0,0 @@
-import { BlockContainerElement, Element, ElementFactory, Rect, SerializeProps } from "@/med_editor/framework/element-define";
-import { MouseElementEvent } from "@/med_editor/framework/element-event-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { BlockContainerRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { DocumentElement } from "./doc-impl";
-
-export class DocumentFooterElement extends BlockContainerElement {
-    constructor() {
-        super('footer');
-        //this.editMode = EditMode.Disabled;
-        this.disableClick = true;
-        this.addEvent('ElementDblClick', (evt) => {
-            this.switchEditMode(evt);
-        }, true);
-    }
-    clone(data: boolean): Element {
-        const clone = new DocumentFooterElement();
-        if (data) {
-            for (let i = 0; i < this.length; i++) {
-                clone.addChild(this.getChild(i).clone(true));
-            }
-        }
-        return clone;
-    }
-
-    switchEditMode(evt: MouseElementEvent): void {
-        const docElement = this.parent as DocumentElement;
-        docElement.switchPageHeaderEditor(evt.selectionState, this);
-        return;
-    }
-
-    createRenderObject(): DocumentFooterRenderObject {
-        const renderObject = new DocumentFooterRenderObject(this);
-        return renderObject;
-    }
-
-    serialize(): SerializeProps {
-        return {
-            type: 'footer',
-            props: {}
-        }
-    }
-}
-
-export class DocumentFooterRenderObject extends BlockContainerRenderObject {
-    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //判断页眉是否为输入内容
-        const isFooterEmpty = ElementUtil.checkEmptyContent(this);
-        if (this.element.disableClick && ctx.drawMode === 'view') {
-            if (isFooterEmpty) {
-                ctx.contentContext.setGlobalAlpha(0);
-                return;
-            } else {
-                ctx.contentContext.setGlobalAlpha(0.5);
-            }
-        }
-    }
-
-    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        ctx.contentContext.setGlobalAlpha(1);
-        if (ctx.viewOptions.showDebug) {
-            ctx.overlaysContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, 'rgb(122,122,122,0.4)')
-        }
-    }
-
-    clone(): RenderObject {
-        const cloneRender = new DocumentFooterRenderObject(this.element);
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        for (let i = 0; i < this.length; i++) {
-            cloneRender.addChild(this.getChild(i).clone());
-        }
-        return cloneRender;
-    }
-}
-
-
-export class DocumentFooterFactory extends ElementFactory<null> {
-    match(type: string): boolean {
-        return type === 'footer';
-    }
-
-    createElement(data: any, renderCtx: RenderContenxtType): Element {
-        const element = new DocumentFooterElement();
-        //element.renderCtx = renderCtx;
-        return element;
-    }
-}

package/src/med_editor/framework/impl/document/doc-header-impl.ts

@@ -1,100 +0,0 @@
-import { BlockContainerElement, Element, ElementFactory, SerializeProps } from "@/med_editor/framework/element-define";
-import { MouseElementEvent } from "@/med_editor/framework/element-event-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { BlockContainerRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { DocumentElement } from "./doc-impl";
-
-export class DocumentHeaderElement extends BlockContainerElement {
-    constructor() {
-        super('header');
-        this.addEvent('ElementDblClick', (evt) => {
-            this.switchEditMode(evt);
-        }, true);
-        //this.editMode = EditMode.Disabled;
-        this.disableClick = true;
-    }
-
-    clone(data: boolean): Element {
-        const clone = new DocumentHeaderElement();
-        if (data) {
-            for (let i = 0; i < this.length; i++) {
-                clone.addChild(this.getChild(i).clone(true));
-            }
-        }
-        return clone;
-    }
-
-    switchEditMode(evt: MouseElementEvent): void {
-        const docElement = this.parent as DocumentElement;
-        docElement.switchPageHeaderEditor(evt.selectionState, this);
-        return;
-    }
-
-
-    createRenderObject(): DocumentHeaderRenderObject {
-        const renderObject = new DocumentHeaderRenderObject(this);
-        return renderObject;
-    }
-
-    serialize(): SerializeProps {
-        return {
-            type: 'header',
-            props: {}
-        }
-    }
-
-}
-
-
-export class DocumentHeaderRenderObject extends BlockContainerRenderObject {
-    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //判断页眉是否为输入内容
-        const isHeaderEmpty = ElementUtil.checkEmptyContent(this);
-        //存在输入内容时，绘制页眉-页体分割线
-        if (!isHeaderEmpty || !this.element.disableClick) {
-            const headerLineY = this.rect.height;
-            ctx.contentContext.drawLine(position.x, position.y + headerLineY, this.rect.width, 'black', 0.5);
-        }
-        if (this.element.disableClick && ctx.drawMode === 'view') {
-            if (isHeaderEmpty) {
-                ctx.contentContext.setGlobalAlpha(0);
-                return;
-            }
-            ctx.contentContext.setGlobalAlpha(0.7);
-        }
-    }
-
-
-    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //console.log('绘制页头-end');
-        if (this.element.disableClick && ctx.drawMode === 'view') {
-            ctx.contentContext.setGlobalAlpha(1);
-        }
-        if (ctx.viewOptions.showDebug) {
-            ctx.overlaysContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, 'rgb(122,122,122,0.4)')
-        }
-    }
-
-    clone(): RenderObject {
-        const cloneRender = new DocumentHeaderRenderObject(this.element);
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        for (let i = 0; i < this.length; i++) {
-            cloneRender.addChild(this.getChild(i).clone());
-        }
-        return cloneRender;
-    }
-}
-
-
-export class DocumentHeaderFactory extends ElementFactory<null> {
-    match(type: string): boolean {
-        return type === 'header';
-    }
-
-    createElement(data: any, renderCtx: RenderContenxtType): Element {
-        const element = new DocumentHeaderElement();
-        //element.renderCtx = renderCtx;
-        return element;
-    }
-}

package/src/med_editor/framework/impl/document/doc-impl.ts

@@ -1,226 +0,0 @@
-import { BlockContainerElement, DocMode, Element, ElementFactory, MarginProps, PaddingProps, readElementProps, Rect, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
-import { DocumentProps, TextProps } from '../../element-props';
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { DocumentBodyElement } from "./doc-body-impl";
-import { DocumentHeaderElement } from "./doc-header-impl";
-import { BlockContainerRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { DocumentFooterElement } from "./doc-footer-impl";
-import { ContextMenuElementEvent } from "@/med_editor/framework/element-event-define";
-import { documentPrint } from "@/med_editor/framework/document-print";
-import { CommsContainerElement } from "../comments/comments-container-impl";
-import { CommonUtil } from "@/med_editor/framework/common-util";
-import { SelectionState } from "../../document-selection";
-
-export class DocumentElement extends BlockContainerElement<DocumentProps> {
-    //props: DocumentProps;
-    viewOptions!: ViewOptions;
-    bodyElement!: DocumentBodyElement;
-    headerElement!: DocumentHeaderElement;
-    footerElement!: DocumentFooterElement;
-    commentsContainerElement!: CommsContainerElement;
-    headerEditState: boolean = false;
-    constructor() {
-        super('doc');
-        this.props = new DocumentProps();
-        this.addEvent<ContextMenuElementEvent>('ElementContextMenu', (cevt) => {
-            cevt.menus.push({ icon: 'Print', caption: '打印所有页', eventObj: { onClick: (evt) => { documentPrint.print(cevt.selectionState, this.viewOptions, cevt.ctx) } } });
-            cevt.menus.push({ icon: 'Print', caption: '打印当前页', eventObj: { onClick: (evt) => { documentPrint.printCurrPage(cevt.selectionState, this.viewOptions, cevt.ctx) } } });
-        }, true);
-    }
-    createRenderObject(options: ViewOptions): DocumentRenderObject {
-        const { width: docPixelsWidth, height: docPixelsHeight } = this.viewOptions.docPageSettings;
-        const docRenderObject = new DocumentRenderObject(this);
-        docRenderObject.rect.width = docPixelsWidth;
-        docRenderObject.rect.maxWidth = docPixelsWidth;
-        docRenderObject.rect.maxHeight = docPixelsHeight;
-        docRenderObject.rect.height = docPixelsHeight;
-        docRenderObject.element = this;
-        const { top, bottom, left, right } = this.props.padding;
-        let { headerLine: headLine, footerLine: footLine } = this.props;
-        const { mmToPixelsRatio } = this.viewOptions;
-        headLine = headLine * mmToPixelsRatio;
-        footLine = footLine * mmToPixelsRatio;
-        docRenderObject.padding.top = Math.floor(top * mmToPixelsRatio);
-        docRenderObject.padding.bottom = Math.floor(bottom * mmToPixelsRatio);
-        docRenderObject.padding.left = Math.floor(left * mmToPixelsRatio);
-        docRenderObject.padding.right = Math.floor(right * mmToPixelsRatio);
-        docRenderObject.headerLine = headLine;
-        docRenderObject.footerLine = footLine;
-        docRenderObject.margin.top = options.docSpace;
-        return docRenderObject;
-    }
-
-    serialize(): SerializeProps {
-        return {
-            type: 'doc',
-            props: {
-                ...this.props.getSerializeProps()
-            }
-        }
-    }
-
-    clone(): DocumentElement {
-        const clone = new DocumentElement();
-        this.props.clone(clone.props)
-        for (let i = 0; i < this.length; i++) {
-            clone.addChild(this.getChild(i).clone(true));
-        }
-        return clone;
-    }
-
-    /**
-     * 更新页边距
-     * @param marginProps 
-     */
-    updateMargin(marginProps: Partial<MarginProps>, unit: 'mm' | 'cm' = 'cm'): void {
-        const { top, bottom, left, right } = marginProps as MarginProps;
-        const paddig = this.props.padding;
-        const ratio = unit === 'cm' ? 10 : 1;
-        paddig.top = top * ratio;
-        paddig.bottom = bottom * ratio;
-        paddig.left = left * ratio;
-        paddig.right = right * ratio;
-    }
-
-    /**
-     * 切换开启页眉页脚编辑功能
-     */
-    switchPageHeaderEditor(ss: SelectionState, ele: Element | null): void {
-        if (this.viewOptions.docMode !== DocMode.Design) {
-            return;
-        }
-        if (!this.headerEditState && (!ele || (ele === this.headerElement || ele === this.footerElement))) {
-            this.headerElement.disableClick = false;
-            this.footerElement.disableClick = false;
-            this.bodyElement.disableClick = true;
-            this.headerEditState = true;
-        } else if (this.headerEditState && (!ele || ele === this.bodyElement)) {
-            this.headerElement.disableClick = true;
-            this.footerElement.disableClick = true;
-            this.bodyElement.disableClick = false;
-            this.headerEditState = false;
-        }
-        ss.clear();
-        this.refreshView();
-    }
-}
-
-
-export class DocumentRenderObject extends BlockContainerRenderObject {
-    constructor(ele: Element) {
-        super(ele);
-    }
-    headerLine!: number;
-    footerLine!: number;
-    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        const { width: docWidth, height: docHeight } = ctx.viewOptions.docPageSettings;
-        ctx.overlaysContext.fillRect(position.x, position.y, docWidth, this.rect.height, 'white', 5, 'black');
-        // if (ctx.drawMode === 'view') {
-        //     ctx.contentContext.strokeRect(position.x, position.y, docWidth, this.rect.height, 'black', 0.5);
-        // }
-    }
-    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        const textP = new TextProps();
-        textP.color = "rgb(0,0,0)";
-        textP.fontName = '楷体';
-        textP.fontSize = 12;
-        if (ctx.viewOptions.copyRightInfo) {
-            ctx.contentContext.drawText(ctx.viewOptions.copyRightInfo, textP, position.x + 5, position.y + 5, 100, 12);
-        }
-        this.drawDocPageNum(ctx, position);
-        const padding = this.padding;
-        let paddingPos = { x: padding.left + position.x, y: padding.top + position.y };
-        const drawLineWidth = 0.5;
-        const lineWidth = 20;
-        const { width: docWidth } = ctx.viewOptions.docPageSettings;
-        const docHeight = this.rect.height;
-        ctx.overlaysContext.strokeLines([{ x: paddingPos.x - lineWidth, y: paddingPos.y }, paddingPos, { x: paddingPos.x, y: paddingPos.y - lineWidth }], drawLineWidth);
-        paddingPos = { x: docWidth - padding.right + position.x, y: padding.top + position.y };
-        ctx.overlaysContext.strokeLines([{ x: paddingPos.x + lineWidth, y: paddingPos.y }, paddingPos, { x: paddingPos.x, y: paddingPos.y - lineWidth }], drawLineWidth);
-        paddingPos = { x: padding.left + position.x, y: docHeight - this.padding.bottom + position.y };
-        ctx.overlaysContext.strokeLines([{ x: paddingPos.x - lineWidth, y: paddingPos.y }, paddingPos, { x: paddingPos.x, y: paddingPos.y + lineWidth }], drawLineWidth);
-        paddingPos = { x: docWidth - padding.left + position.x, y: docHeight - this.padding.bottom + position.y };
-        ctx.overlaysContext.strokeLines([{ x: paddingPos.x + lineWidth, y: paddingPos.y }, paddingPos, { x: paddingPos.x, y: paddingPos.y + lineWidth }], drawLineWidth);
-        this.drawWatermark(ctx, position);
-    }
-
-    /**
-     * 绘制水印
-     * @param ctx 
-     * @param position 
-     */
-    private drawWatermark(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        if (ctx.viewOptions.watermark) {
-            const watermark = ctx.viewOptions.watermark;
-            ctx.contentContext.ctx.save();
-            ctx.contentContext.ctx.translate(position.x, position.y);
-            const { width, height } = this.rect;
-            const degrees = Math.atan(height / width) * 180 / Math.PI
-            ctx.contentContext.ctx.rotate(degrees * Math.PI / 180);
-            ctx.contentContext.ctx.globalAlpha = 0.3;
-            const d = Math.sqrt(width * width + height * height);
-            const textProps = new TextProps();
-            textProps.color = "rgb(0,0,0)";
-            textProps.fontName = '楷体';
-            textProps.fontSize = 60;
-            const textWidth = ctx.contentContext.measureText(watermark, textProps).width
-            const x = d / 2 - textWidth / 2;
-            ctx.contentContext.ctx.font = textProps.getFont()
-            ctx.contentContext.ctx.fillText(watermark, x, 30);
-            ctx.contentContext.ctx.restore();
-        }
-    }
-
-    /**
-     * 绘制文档页码
-     */
-    drawDocPageNum(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        const pageWidth = ctx.viewOptions.docPageSettings.width;
-        const pageIndex = this.getIndex() + 1;
-        const str = CommonUtil.parseText(ctx.viewOptions.pageNumFormat, { index: pageIndex, count: this.parent.length });
-        const textProps = new TextProps();
-        textProps.color = "rgb(0,0,0)";
-        textProps.fontName = '仿宋';
-        textProps.fontSize = 14;
-        textProps.fontStyle = 'italic';
-        const size = ctx.contentContext.measureText(str, textProps);
-        const alignCenterX = position.x + Math.ceil(pageWidth / 2) - Math.ceil(size.width / 2)
-        const paintY = position.y + this.rect.height - size.height - 5;
-        ctx.contentContext.drawText(str, textProps, alignCenterX, paintY, size.width, size.height);
-    }
-
-    clone(): RenderObject {
-        const cloneRender = new DocumentRenderObject(this.element);
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        cloneRender.headerLine = this.headerLine;
-        cloneRender.footerLine = this.footerLine;
-        for (let i = 0; i < this.length; i++) {
-            cloneRender.addChild(this.getChild(i).clone());
-        }
-        return cloneRender;
-    }
-}
-
-export class DocumentFactory extends ElementFactory<DocumentProps> {
-    match(type: string): boolean {
-        return type === 'doc';
-    }
-    createElement(data: readElementProps<DocumentProps>, renderCtx: RenderContenxtType): Element {
-        const documentElement = new DocumentElement();
-        const props = data.props as DocumentProps;
-        const docProps = documentElement.props;
-        docProps.width = props.width;
-        docProps.height = props.height;
-        docProps.padding = new PaddingProps(props.padding.top, props.padding.bottom, props.padding.left, props.padding.right);
-        docProps.headerLine = props.headerLine ?? 12;
-        docProps.footerLine = props.footerLine ?? 12;
-        docProps.scripts = props.scripts;
-        docProps.createUserId = props.createUserId;
-        docProps.createUserName = props.createUserName;
-        docProps.createDate = props.createDate;
-        docProps.orient = props.orient ?? 'portrait';
-        return documentElement;
-    }
-
-}