@hailin-zheng/editor-core 1.0.7 → 1.0.10

package/{lib/framework/impl/data-element/data-element-text-impl.js → src/med_editor/framework/impl/data-element/data-element-text-impl.ts}

@@ -1,27 +1,33 @@
-import { ElementFactory } from "@/med_editor/framework/element-define";
-import { DataEleBaseTextProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
+import { Element, ElementFactory, SerializeProps, ViewOptions } from "../../element-define";
+import { DataEleBaseTextProps } from "../../element-props";
+import { ElementUtil } from "../../element-util";
+import { RenderContenxtType } from "../../render-context";
+import { RenderObject } from "../../render-define";
 import { ElementSerialize } from "../../element-serialize";
 import { TextGroupElement } from "../text/text-impl";
 import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
-export class DataElementText extends DataElementInlineGroup {
+
+export class DataElementText extends DataElementInlineGroup<DataEleBaseTextProps> {
     //props: DataEleBaseTextProps;
     constructor() {
         super('data-ele-text');
         this.props = new DataEleBaseTextProps();
     }
-    createRenderObject() {
+
+    createRenderObject(): RenderObject {
         return new DataElementTextRenderObject(this);
     }
-    serialize(viewOptions) {
+
+    serialize(viewOptions: ViewOptions): SerializeProps & any {
         return {
             type: this.type,
             props: {
                 ...this.props.getSerializeProps(viewOptions)
             }
-        };
+        }
     }
-    clone(data) {
+
+    clone(data: boolean): DataElementText {
         const clone = new DataElementText();
         this.props.clone(clone.props);
         if (data) {
@@ -35,7 +41,8 @@ export class DataElementText extends DataElementInlineGroup {
         }
         return clone;
     }
-    setValue(val) {
+
+    setValue(val: string): void {
         if (!this.startDecorate) {
             return;
         }
@@ -52,22 +59,26 @@ export class DataElementText extends DataElementInlineGroup {
         }
         this.beginMeasure();
     }
-    getValue() {
+
+    getValue(): string {
         return ElementSerialize.serializeString(this, { all: false });
     }
-    validate() {
+
+    validate(): string {
         let error = super.validate();
         if (error) {
             return error;
         }
         return '';
+
     }
 }
-export class DataElementTextRenderObject extends DataElementRenderObject {
-    constructor(element) {
+
+export class DataElementTextRenderObject extends DataElementRenderObject<DataElementText> {
+    constructor(element: DataElementText) {
         super(element);
     }
-    clone() {
+    clone(): RenderObject {
         const cloneRender = new DataElementTextRenderObject(this.element);
         cloneRender.rect = ElementUtil.cloneRect(this.rect);
         for (let i = 0; i < this.length; i++) {
@@ -75,19 +86,22 @@ export class DataElementTextRenderObject extends DataElementRenderObject {
         }
         return cloneRender;
     }
+
 }
-export class DataElementTextFactory extends ElementFactory {
-    match(type) {
-        return type === "data-ele-text";
+
+export class DataElementTextFactory extends ElementFactory<DataEleBaseTextProps> {
+    match(type: string): boolean {
+        return type === "data-ele-text"
     }
-    createElement(data, renderCtx) {
-        const props = data.props;
+    createElement(data: any, renderCtx: RenderContenxtType): Element {
+        const props = data.props as DataEleBaseTextProps;
         const ele = new DataElementText();
         this.createDataEleProps(ele.props, props);
         return ele;
     }
-    createDataEleProps(dest, props) {
-        const dataEleProps = dest;
+
+    createDataEleProps(dest: DataEleBaseTextProps, props: DataEleBaseTextProps): DataEleBaseTextProps {
+        const dataEleProps: DataEleBaseTextProps = dest;
         ElementUtil.readEleBaseProps(dataEleProps, props);
         //dataEleProps.id = props.id ?? nanoid(5);
         //dataEleProps.name = props.name;
@@ -99,5 +113,5 @@ export class DataElementTextFactory extends ElementFactory {
         dataEleProps.dataType = props.dataType;
         return dataEleProps;
     }
+
 }
-//# sourceMappingURL=data-element-text-impl.js.map

package/{lib/framework/impl/decorate/fill-null-space-imple.js → src/med_editor/framework/impl/decorate/fill-null-space-imple.ts}

@@ -1,43 +1,48 @@
-import { LeafElement } from "../../element-define";
+import { Element, LeafElement, SerializeProps, ViewOptions } from "../../element-define";
 import { ElementUtil } from "../../element-util";
-import { LeafRenderObject } from "../../render-define";
+import { RenderContenxtType } from "../../render-context";
+import { LeafRenderObject, RenderObject } from "../../render-define";
+
 /**
  * 当前数据元内容长度小于最小长度时，需要当前元素撑开以达到最小长度
  */
 export class FillNullSpaceElement extends LeafElement {
     //需要填充的长度
-    length;
+    length!: number;
     constructor() {
         super('fill-null');
         this.isDecorate = true;
         this.disableClick = true;
     }
-    createRenderObject(options, renderCtx) {
+    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject {
         return new FillNullSpaceRenderObject();
     }
-    serialize(viewOptions) {
+    serialize(viewOptions: ViewOptions): SerializeProps {
         throw new Error("Method not implemented.");
     }
-    clone(data) {
+    clone(data: boolean): Element {
         //throw new Error("Method not implemented.");
         return new FillNullSpaceElement();
     }
+
 }
+
+
 export class FillNullSpaceRenderObject extends LeafRenderObject {
     constructor() {
         super(null);
         this.disableClick = true;
     }
-    render(ctx, position) {
+    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
         //throw new Error("Method not implemented.");
         if (ctx.viewOptions.showDebug) {
             ctx.contentContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, 'red');
         }
     }
-    clone() {
+    clone(): RenderObject {
         const clone = new FillNullSpaceRenderObject();
         clone.rect = ElementUtil.cloneRect(this.rect);
         return clone;
     }
-}
-//# sourceMappingURL=fill-null-space-imple.js.map
+
+}

package/{lib/framework/impl/document/doc-body-impl.js → src/med_editor/framework/impl/document/doc-body-impl.ts}

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

package/{lib/framework/impl/document/doc-body-part-impl.js → src/med_editor/framework/impl/document/doc-body-part-impl.ts}

@@ -1,14 +1,16 @@
-import { BlockContainerElement, ElementFactory } from "@/med_editor/framework/element-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { MuiltBlockLineRenderObject } from "@/med_editor/framework/render-define";
+import { BlockContainerElement, SerializeProps, Element, readElementProps, ElementFactory } from "../../element-define";
+import { ElementUtil } from "../../element-util";
+import { RenderContenxtType } from "../../render-context";
+import { MuiltBlockLineRenderObject, RenderObject } from "../../render-define";
 import { BodyPartProps } from "../../element-props";
+
 /**
  * 用于合并病程录,每个part包含每份病程录body
  * 多个part处于一个body下面
  */
-export class DocumentBodyPartElement extends BlockContainerElement {
+export class DocumentBodyPartElement extends BlockContainerElement<BodyPartProps> {
     //是否被修改
-    isModify;
+    isModify!: boolean;
     constructor() {
         super('body-part');
         this.addEvent('ElementMousemove', (evt) => {
@@ -29,21 +31,23 @@ export class DocumentBodyPartElement extends BlockContainerElement {
         });
         this.props = new BodyPartProps();
     }
-    createRenderObject() {
+    createRenderObject(): DocumentBodyPartRenderObject {
         const render = new DocumentBodyPartRenderObject(this);
         render.margin.top = 10;
         render.margin.bottom = 10;
         return render;
     }
-    serialize() {
+
+    serialize(): SerializeProps {
         return {
             type: this.type,
             props: {
                 partId: this.props.partId,
             }
-        };
+        }
     }
-    clone(data) {
+
+    clone(data: boolean): DocumentBodyPartElement {
         const clone = new DocumentBodyPartElement();
         clone.props.partId = this.props.partId;
         if (data) {
@@ -54,8 +58,10 @@ export class DocumentBodyPartElement extends BlockContainerElement {
         return clone;
     }
 }
+
+
 export class DocumentBodyPartRenderObject extends MuiltBlockLineRenderObject {
-    beginRender(ctx, position) {
+    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();
@@ -65,9 +71,11 @@ export class DocumentBodyPartRenderObject extends MuiltBlockLineRenderObject {
         ctx.overlaysContext.ctx.restore();
         //}
     }
-    endRender(ctx, position) {
+    endRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
+
     }
-    clone(cloneData = true) {
+
+    clone(cloneData = true): RenderObject {
         const cloneRender = new DocumentBodyPartRenderObject(this.element);
         cloneRender.rect = ElementUtil.cloneRect(this.rect);
         cloneRender.margin.top = this.margin.top;
@@ -79,16 +87,18 @@ export class DocumentBodyPartRenderObject extends MuiltBlockLineRenderObject {
         }
         return cloneRender;
     }
+
 }
-export class DocumentBodyPartFactory extends ElementFactory {
-    match(type) {
+
+export class DocumentBodyPartFactory extends ElementFactory<BodyPartProps>{
+    match(type: string): boolean {
         return type === 'body-part';
     }
-    createElement(data, renderCtx) {
+    createElement(data: readElementProps<BodyPartProps>, renderCtx: RenderContenxtType): Element<any> {
         const bodyPart = data.props?.partId || '';
         const element = new DocumentBodyPartElement();
         element.props.partId = bodyPart;
         return element;
     }
-}
-//# sourceMappingURL=doc-body-part-impl.js.map
+
+}

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

@@ -0,0 +1,24 @@
+import { RenderContenxtType } from "../../render-context";
+import { BlockContainerRenderObject, RenderObject } from "../../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/{lib/framework/impl/document/doc-footer-impl.js → src/med_editor/framework/impl/document/doc-footer-impl.ts}

@@ -1,6 +1,10 @@
-import { BlockContainerElement, ElementFactory } from "@/med_editor/framework/element-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { BlockContainerRenderObject } from "@/med_editor/framework/render-define";
+import { BlockContainerElement, Element, ElementFactory, Rect, SerializeProps } from "../../element-define";
+import { MouseElementEvent } from "../../element-event-define";
+import { ElementUtil } from "../../element-util";
+import { RenderContenxtType } from "../../render-context";
+import { BlockContainerRenderObject, RenderObject } from "../../render-define";
+import { DocumentElement } from "./doc-impl";
+
 export class DocumentFooterElement extends BlockContainerElement {
     constructor() {
         super('footer');
@@ -10,7 +14,7 @@ export class DocumentFooterElement extends BlockContainerElement {
             this.switchEditMode(evt);
         }, true);
     }
-    clone(data) {
+    clone(data: boolean): Element {
         const clone = new DocumentFooterElement();
         if (data) {
             for (let i = 0; i < this.length; i++) {
@@ -19,43 +23,48 @@ export class DocumentFooterElement extends BlockContainerElement {
         }
         return clone;
     }
-    switchEditMode(evt) {
-        const docElement = this.parent;
+
+    switchEditMode(evt: MouseElementEvent): void {
+        const docElement = this.parent as DocumentElement;
         docElement.switchPageHeaderEditor(evt.selectionState, this);
         return;
     }
-    createRenderObject() {
+
+    createRenderObject(): DocumentFooterRenderObject {
         const renderObject = new DocumentFooterRenderObject(this);
         return renderObject;
     }
-    serialize() {
+
+    serialize(): SerializeProps {
         return {
             type: 'footer',
             props: {}
-        };
+        }
     }
 }
+
 export class DocumentFooterRenderObject extends BlockContainerRenderObject {
-    beginRender(ctx, position) {
+    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 {
+            } else {
                 ctx.contentContext.setGlobalAlpha(0.5);
             }
         }
     }
-    endRender(ctx, position) {
+
+    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)');
+            ctx.overlaysContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, 'rgb(122,122,122,0.4)')
         }
     }
-    clone() {
+
+    clone(): RenderObject {
         const cloneRender = new DocumentFooterRenderObject(this.element);
         cloneRender.rect = ElementUtil.cloneRect(this.rect);
         for (let i = 0; i < this.length; i++) {
@@ -64,14 +73,16 @@ export class DocumentFooterRenderObject extends BlockContainerRenderObject {
         return cloneRender;
     }
 }
-export class DocumentFooterFactory extends ElementFactory {
-    match(type) {
+
+
+export class DocumentFooterFactory extends ElementFactory<null> {
+    match(type: string): boolean {
         return type === 'footer';
     }
-    createElement(data, renderCtx) {
+
+    createElement(data: any, renderCtx: RenderContenxtType): Element {
         const element = new DocumentFooterElement();
         //element.renderCtx = renderCtx;
         return element;
     }
 }
-//# sourceMappingURL=doc-footer-impl.js.map

package/{lib/framework/impl/document/doc-header-impl.js → src/med_editor/framework/impl/document/doc-header-impl.ts}

@@ -1,6 +1,10 @@
-import { BlockContainerElement, ElementFactory } from "@/med_editor/framework/element-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { BlockContainerRenderObject } from "@/med_editor/framework/render-define";
+import { BlockContainerElement, Element, ElementFactory, SerializeProps } from "../../element-define";
+import { MouseElementEvent } from "../../element-event-define";
+import { ElementUtil } from "../../element-util";
+import { RenderContenxtType } from "../../render-context";
+import { BlockContainerRenderObject, RenderObject } from "../../render-define";
+import { DocumentElement } from "./doc-impl";
+
 export class DocumentHeaderElement extends BlockContainerElement {
     constructor() {
         super('header');
@@ -10,7 +14,8 @@ export class DocumentHeaderElement extends BlockContainerElement {
         //this.editMode = EditMode.Disabled;
         this.disableClick = true;
     }
-    clone(data) {
+
+    clone(data: boolean): Element {
         const clone = new DocumentHeaderElement();
         if (data) {
             for (let i = 0; i < this.length; i++) {
@@ -19,24 +24,31 @@ export class DocumentHeaderElement extends BlockContainerElement {
         }
         return clone;
     }
-    switchEditMode(evt) {
-        const docElement = this.parent;
+
+    switchEditMode(evt: MouseElementEvent): void {
+        const docElement = this.parent as DocumentElement;
         docElement.switchPageHeaderEditor(evt.selectionState, this);
         return;
     }
-    createRenderObject() {
+
+
+    createRenderObject(): DocumentHeaderRenderObject {
         const renderObject = new DocumentHeaderRenderObject(this);
         return renderObject;
     }
-    serialize() {
+
+    serialize(): SerializeProps {
         return {
             type: 'header',
             props: {}
-        };
+        }
     }
+
 }
+
+
 export class DocumentHeaderRenderObject extends BlockContainerRenderObject {
-    beginRender(ctx, position) {
+    beginRender(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
         //判断页眉是否为输入内容
         const isHeaderEmpty = ElementUtil.checkEmptyContent(this);
         //存在输入内容时，绘制页眉-页体分割线
@@ -52,16 +64,19 @@ export class DocumentHeaderRenderObject extends BlockContainerRenderObject {
             ctx.contentContext.setGlobalAlpha(0.7);
         }
     }
-    endRender(ctx, position) {
+
+
+    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)');
+            ctx.overlaysContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, 'rgb(122,122,122,0.4)')
         }
     }
-    clone() {
+
+    clone(): RenderObject {
         const cloneRender = new DocumentHeaderRenderObject(this.element);
         cloneRender.rect = ElementUtil.cloneRect(this.rect);
         for (let i = 0; i < this.length; i++) {
@@ -70,14 +85,16 @@ export class DocumentHeaderRenderObject extends BlockContainerRenderObject {
         return cloneRender;
     }
 }
-export class DocumentHeaderFactory extends ElementFactory {
-    match(type) {
+
+
+export class DocumentHeaderFactory extends ElementFactory<null> {
+    match(type: string): boolean {
         return type === 'header';
     }
-    createElement(data, renderCtx) {
+
+    createElement(data: any, renderCtx: RenderContenxtType): Element {
         const element = new DocumentHeaderElement();
         //element.renderCtx = renderCtx;
         return element;
     }
 }
-//# sourceMappingURL=doc-header-impl.js.map