@hailin-zheng/editor-core 1.0.4 → 1.0.7

package/src/med_editor/framework/impl/data-element/data-element-group-impl.ts

@@ -1,150 +0,0 @@
-import { InlineGroupInputElement } from "@/med_editor/framework/impl/data-element/data-element-base-impl";
-import { InlineGroupRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { SerializeProps, ViewOptions, Element, ElementFactory, Position } from "@/med_editor/framework/element-define";
-import { DataElementGroupProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { ContextMenuElementEvent } from "../../element-event-define";
-import { ElementSerialize } from "../../element-serialize";
-import { ParagraphRenderObject } from "../paragraph/p-impl";
-import { CommonUtil } from "../../common-util";
-
-export class DataElementGroupElement extends InlineGroupInputElement<DataElementGroupProps>{
-    constructor() {
-        super('data-group');
-        this.props = new DataElementGroupProps();
-        this.addEvent<ContextMenuElementEvent>('ElementContextMenu', (evt) => {
-            if (evt.ctx.viewOptions.devMode) {
-                evt.menus.push({
-                    icon: '获取数据组值', caption: '获取数据组值', eventObj: {
-                        onClick: () => {
-                            const str = ElementSerialize.serializeString(this, { all: false })
-                            alert(str)
-                        }
-                    }
-                });
-            }
-        }, true);
-        this.addEvent('ElementMousemove', (evt) => {
-            this.isMouseenter = true;
-            this.refreshView();
-        });
-        this.addEvent('ElementMouseLeave', (evt) => {
-            this.isMouseenter = false;
-            this.refreshView();
-        });
-    }
-    clone(data: boolean): Element {
-        const clone = new DataElementGroupElement();
-        this.props.clone(clone.props);
-        if (data) {
-            const length = this.length;
-            for (let i = 0; i < length; i++) {
-                const child = this.getChild(i);
-                if (child !== this.startDecorate && child !== this.endDecorate) {
-                    clone.addChild(child.clone(true));
-                }
-            }
-        }
-        return clone;
-    }
-
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject | null {
-        return new DataElementGroupRenderObject(this);
-    }
-
-    serialize(viewOptions: ViewOptions): SerializeProps | null {
-        return {
-            type: this.type,
-            props: {
-                ...this.props.getSerializeProps()
-            }
-        }
-    }
-
-}
-
-
-export class DataElementGroupRenderObject extends InlineGroupRenderObject<DataElementGroupElement> {
-    paintPos!: Position;
-    beginRender(ctx: RenderContenxtType, position: Position): void {
-        //ctx.contentContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, 'yellow');
-        this.paintPos = position;
-
-    }
-
-    private getCurrentParaGroupRenders(): DataElementGroupRenderObject[] {
-        const renders: DataElementGroupRenderObject[] = [];
-        const currParaRender = ElementUtil.getParentRender(this, ParagraphRenderObject) as ParagraphRenderObject;
-        for (let i = 0; i < this.element.paintRenders.length; i++) {
-            const paraRender = ElementUtil.getParentRender(this.element.paintRenders[i], ParagraphRenderObject) as ParagraphRenderObject;
-            if (paraRender === currParaRender) {
-                renders.push(this.element.paintRenders[i] as DataElementGroupRenderObject);
-            }
-        }
-        return renders;
-    }
-
-
-    pagePaintCompleted(ctx: RenderContenxtType, position: Position): void {
-        const canPaint = this.element.isMouseenter || this.element.isFocused;
-        if (canPaint && this.element.paintRenders.indexOf(this) === 0) {
-            const currParaRenders = this.getCurrentParaGroupRenders();
-            const verOffset = 3;
-            if (currParaRenders.length > 1) {
-                const secondGroupRenderPos = currParaRenders[1].paintPos;
-                if (secondGroupRenderPos.x + currParaRenders[1].rect.width > this.paintPos.x) {
-                    const leftPoints: Array<Position> = [];
-                    const rightPoints: Array<Position> = [];
-                    for (let i = 0; i < currParaRenders.length; i++) {
-                        const groupRender = currParaRenders[i];
-                        const groupRenderPos = groupRender.paintPos;
-
-                        leftPoints.push({ x: groupRenderPos.x, y: groupRenderPos.y - verOffset });
-                        rightPoints.push({ x: groupRenderPos.x + groupRender.rect.width, y: groupRenderPos.y - verOffset });
-                        leftPoints.push({ x: groupRenderPos.x, y: groupRenderPos.y + groupRender.rect.height + verOffset * 2 });
-                        rightPoints.push({ x: groupRenderPos.x + groupRender.rect.width, y: groupRenderPos.y + groupRender.rect.height + verOffset * 2 });
-                    }
-                    const sharpPoints1 = CommonUtil.resharpPoints(rightPoints);
-                    const sharpPoints = CommonUtil.resharpPoints([...leftPoints.reverse()]);
-                    ctx.overlaysContext.strokeLines([...sharpPoints, ...sharpPoints1, sharpPoints[0]], 1, ctx.viewOptions.dataGroupColor);
-                    return;
-                }
-            }
-            for (let i = 0; i < currParaRenders.length; i++) {
-                const render = currParaRenders[i];
-                ctx.overlaysContext.strokeRect(render.paintPos.x, render.paintPos.y - verOffset, render.rect.width, render.rect.height + verOffset * 2, ctx.viewOptions.dataGroupColor);
-            }
-        }
-
-    }
-
-
-
-    endRender(ctx: RenderContenxtType, position: Position): void {
-
-    }
-
-    clone(): RenderObject {
-        const cloneRender = new DataElementGroupRenderObject(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 DataElementGroupFactory extends ElementFactory<DataElementGroupProps> {
-    match(type: string): boolean {
-        return type === "data-group"
-    }
-    createElement(data: any, renderCtx: RenderContenxtType): Element {
-        const props = data.props as DataElementGroupProps;
-        const ele = new DataElementGroupElement();
-        ele.props.id = props.id;
-        ele.props.name = props.name;
-        return ele;
-    }
-
-}

package/src/med_editor/framework/impl/data-element/data-element-image-impl.ts

@@ -1,147 +0,0 @@
-import { Element, ElementFactory, ImgLoadStatus, LeafElement, Position, readElementProps, ResizeLeafRenderObject, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
-import { DataEleImageProps } 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";
-import { DataElementLeaf } from "./data-element-base-impl";
-
-export class DataElementImage extends DataElementLeaf<DataEleImageProps> {
-    //props: DataEleImageProps;
-    status: ImgLoadStatus = 'no';
-    resizeable: boolean = true;
-    constructor() {
-        super('data-ele-img');
-        this.props = new DataEleImageProps();
-        //this.addPropValueChangedSub(this.props);
-        this.cursorType = 'move'
-        this.focusable = true;
-    }
-    createRenderObject(): LeafRenderObject {
-        const render = new DataImageRenderObject(this);
-        render.rect.width = this.props.width + 2;
-        render.rect.height = this.props.height + 2;
-        return render;
-    }
-    serialize(options: ViewOptions): SerializeProps {
-        return {
-            type: 'data-ele-img',
-            props: {
-                ...this.props.getSerializeProps(options)
-            }
-        }
-    }
-    clone(data: boolean): Element {
-        const clone = new DataElementImage();
-        this.props.clone(clone.props);
-        return clone;
-    }
-
-    loadImage(ctx: RenderContenxtType): void {
-        if (this.status === 'no') {
-            this.status = 'loading';
-            const onCallback = (status: ImgLoadStatus) => {
-                this.status = status;
-                if (status === 'completed') {
-                    this.refreshView();
-                }
-            }
-            ctx.docCtx.imageLoader.loadImage(this.props.src, onCallback);
-        }
-    }
-    destroy(): void {
-        super.destroy();
-    }
-
-    setValue(val: any): void {
-        if (this.getValue() === val) {
-            return;
-        }
-        this.props.src = val as string;
-    }
-
-    getValue(): string {
-        return this.props.src;
-    }
-}
-
-export class DataImageRenderObject extends ResizeLeafRenderObject {
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        const dataImgElement = this.element as DataElementImage;
-        const picProps = dataImgElement.props;
-        if (dataImgElement.status === 'no') {
-            dataImgElement.loadImage(ctx);
-            return;
-        }
-        if (dataImgElement.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);
-        }
-        if (ctx.drawMode === 'view') {
-            let { x, y } = position;
-            const { width, height } = this.rect;
-            const lineWidth = 5;
-            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);
-        }
-    }
-    clone(): RenderObject {
-        const clone = new DataImageRenderObject(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, this.rect.width, this.rect.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.save();
-        ctxNative.fillStyle = '#69c0ff';
-        ctxNative.beginPath();
-        ctxNative.arc(x, y, Math.floor(4 / 5 * 4), 0, 2 * Math.PI);
-        ctxNative.closePath();
-        ctxNative.fill();
-        ctxNative.restore();
-    }
-}
-
-
-export class DataElementImgFactory extends ElementFactory<DataEleImageProps> {
-    match(type: string): boolean {
-        return type === 'data-ele-img';
-    }
-    createElement(data: readElementProps<DataEleImageProps>, renderCtx: RenderContenxtType): Element {
-        const props = data.props as DataEleImageProps;
-        const pic = new DataElementImage();
-        ElementUtil.readEleBaseProps(pic.props, props);
-        //pic.props.id = props.id ?? nanoid(5);
-        //pic.props.name = props.name;
-        //pic.props.caption = props.caption;
-        //pic.props.type = props.type;
-        pic.props.width = props.width;
-        pic.props.height = props.height;
-        pic.props.src = props.src;
-        pic.props.border = props.border || 'all';
-        return pic;
-    }
-}

package/src/med_editor/framework/impl/data-element/data-element-list-impl.ts

@@ -1,142 +0,0 @@
-import { Element, ElementFactory, readElementProps, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
-import { DataEleListProps, DataEleBaseTextProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { RenderObject } from "@/med_editor/framework/render-define";
-import { ElementSerialize } from "../../element-serialize";
-import { TextGroupElement } from "../text/text-impl";
-import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
-
-export class DataElementList extends DataElementInlineGroup<DataEleListProps> {
-    //props: DataEleListProps;
-    constructor() {
-        super('data-ele-list');
-        this.props = new DataEleListProps();
-    }
-
-    createRenderObject(): RenderObject {
-        return new DataElementListRenderObject(this);
-    }
-
-    serialize(viewOptions: ViewOptions): SerializeProps & any {
-        return {
-            type: this.type,
-            props: {
-                ...this.props.getSerializeProps(viewOptions)
-            }
-        }
-    }
-
-    clone(data: boolean): DataElementList {
-        const clone = new DataElementList();
-        this.props.clone(clone.props);
-        if (data) {
-            const length = this.length;
-            for (let i = 0; i < length; i++) {
-                const child = this.getChild(i);
-                if (child !== this.startDecorate && child !== this.endDecorate) {
-                    clone.addChild(child.clone(true));
-                }
-            }
-        }
-        return clone;
-    }
-
-    setValue(vals: string[]): void {
-        if (this.getValue() === vals.join(';')) {
-            return;
-        }
-        this.pubOnChange('self');
-        this.clearInnerItems();
-        if (this.props.multiSelect) {
-            for (let i = 0; i < vals.length; i++) {
-                const val = vals[i];
-                const option = this.props.options.find(item => item.code === val);
-                if (option) {
-                    const valueText = new TextGroupElement();
-                    this.props.valueTextProps.clone(valueText.props);
-                    const splitSymbol = i < vals.length - 1 ? ';' : ''
-                    valueText.text = option.value + splitSymbol;
-                    this.addChild(valueText, this.length - 1);
-                }
-            }
-        } else {
-            if (vals.length > 1) {
-                console.warn('当前下拉框是单选模式,不能传入多个值')
-            }
-            const val = vals[0];
-            const option = this.props.options.find(item => item.code === val);
-            if (option) {
-                const valueText = new TextGroupElement();
-                this.props.valueTextProps.clone(valueText.props);
-                valueText.text = option.value;
-                this.addChild(valueText, this.length - 1);
-            }
-        }
-        this.beginMeasure();
-    }
-
-    getValue(): string {
-        const values = ElementSerialize.serializeString(this);
-        if (!values) {
-            return '';
-        }
-        const valueItems = values.split(';');
-        const valueCode: Array<string> = [];
-        for (const valueItem of valueItems) {
-            const option = this.props.options.find(item => item.value === valueItem);
-            if (option) {
-                valueCode.push(option.code)
-            } else {
-                valueCode.push(option + '')
-            }
-        }
-        return valueCode.join(';')
-    }
-}
-
-
-export class DataElementListRenderObject extends DataElementRenderObject<DataElementList> {
-    constructor(element: DataElementList) {
-        super(element);
-    }
-    clone(): RenderObject {
-        const cloneRender = new DataElementListRenderObject(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 DataElementListFactory extends ElementFactory<DataEleListProps> {
-    match(type: string): boolean {
-        return type === "data-ele-list"
-    }
-    createElement(data: readElementProps<DataEleListProps>, renderCtx: RenderContenxtType): Element {
-        const props = data.props as DataEleListProps;
-        const ele = new DataElementList();
-        this.createDataEleProps(ele.props, props);
-        return ele;
-    }
-
-    createDataEleProps(dest: DataEleListProps, props: DataEleListProps): DataEleBaseTextProps {
-        const dataEleProps: DataEleListProps = dest;
-        ElementUtil.readEleBaseProps(dataEleProps, props);
-        //dataEleProps.id = props.id ?? nanoid(5);
-        //dataEleProps.name = props.name;
-        //dataEleProps.caption = props.caption;
-        //dataEleProps.type = props.type;
-        dataEleProps.nullText = props.nullText;
-        dataEleProps.nullTextProps = ElementUtil.readTextProps(null, props.nullTextProps, this.options);
-        dataEleProps.valueTextProps = ElementUtil.readTextProps(null, props.valueTextProps, this.options);
-        const options = props.options || [];
-        dataEleProps.multiSelect = props.multiSelect;
-        dataEleProps.options = [...options];
-        dataEleProps.dropDownStyle = props.dropDownStyle;
-        return dataEleProps;
-    }
-
-}

package/src/med_editor/framework/impl/data-element/data-element-text-impl.ts

@@ -1,117 +0,0 @@
-import { Element, ElementFactory, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
-import { DataEleBaseTextProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { RenderObject } from "@/med_editor/framework/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<DataEleBaseTextProps> {
-    //props: DataEleBaseTextProps;
-    constructor() {
-        super('data-ele-text');
-        this.props = new DataEleBaseTextProps();
-    }
-
-    createRenderObject(): RenderObject {
-        return new DataElementTextRenderObject(this);
-    }
-
-    serialize(viewOptions: ViewOptions): SerializeProps & any {
-        return {
-            type: this.type,
-            props: {
-                ...this.props.getSerializeProps(viewOptions)
-            }
-        }
-    }
-
-    clone(data: boolean): DataElementText {
-        const clone = new DataElementText();
-        this.props.clone(clone.props);
-        if (data) {
-            const length = this.length;
-            for (let i = 0; i < length; i++) {
-                const child = this.getChild(i);
-                if (child !== this.startDecorate && child !== this.endDecorate) {
-                    clone.addChild(child.clone(true));
-                }
-            }
-        }
-        return clone;
-    }
-
-    setValue(val: string): void {
-        if (!this.startDecorate) {
-            return;
-        }
-        if (this.getValue() === val) {
-            return;
-        }
-        this.pubOnChange('self');
-        this.clearInnerItems();
-        if (val) {
-            const valueText = new TextGroupElement();
-            this.props.valueTextProps.clone(valueText.props);
-            valueText.text = val;
-            this.addChild(valueText, this.length - 1);
-        }
-        this.beginMeasure();
-    }
-
-    getValue(): string {
-        return ElementSerialize.serializeString(this, { all: false });
-    }
-
-    validate(): string {
-        let error = super.validate();
-        if (error) {
-            return error;
-        }
-        return '';
-
-    }
-}
-
-export class DataElementTextRenderObject extends DataElementRenderObject<DataElementText> {
-    constructor(element: DataElementText) {
-        super(element);
-    }
-    clone(): RenderObject {
-        const cloneRender = new DataElementTextRenderObject(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 DataElementTextFactory extends ElementFactory<DataEleBaseTextProps> {
-    match(type: string): boolean {
-        return type === "data-ele-text"
-    }
-    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: DataEleBaseTextProps, props: DataEleBaseTextProps): DataEleBaseTextProps {
-        const dataEleProps: DataEleBaseTextProps = dest;
-        ElementUtil.readEleBaseProps(dataEleProps, props);
-        //dataEleProps.id = props.id ?? nanoid(5);
-        //dataEleProps.name = props.name;
-        //dataEleProps.caption = props.caption;
-        //dataEleProps.type = props.type;
-        dataEleProps.nullText = props.nullText;
-        dataEleProps.nullTextProps = ElementUtil.readTextProps(null, props.nullTextProps, this.options);
-        dataEleProps.valueTextProps = ElementUtil.readTextProps(null, props.valueTextProps, this.options);
-        dataEleProps.dataType = props.dataType;
-        return dataEleProps;
-    }
-
-}

package/src/med_editor/framework/impl/decorate/fill-null-space-imple.ts

@@ -1,48 +0,0 @@
-import { Element, LeafElement, SerializeProps, ViewOptions } from "../../element-define";
-import { ElementUtil } from "../../element-util";
-import { RenderContenxtType } from "../../render-context";
-import { LeafRenderObject, RenderObject } from "../../render-define";
-
-/**
- * 当前数据元内容长度小于最小长度时，需要当前元素撑开以达到最小长度
- */
-export class FillNullSpaceElement extends LeafElement {
-    //需要填充的长度
-    length!: number;
-    constructor() {
-        super('fill-null');
-        this.isDecorate = true;
-        this.disableClick = true;
-    }
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject {
-        return new FillNullSpaceRenderObject();
-    }
-    serialize(viewOptions: ViewOptions): SerializeProps {
-        throw new Error("Method not implemented.");
-    }
-    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: 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(): RenderObject {
-        const clone = new FillNullSpaceRenderObject();
-        clone.rect = ElementUtil.cloneRect(this.rect);
-        return clone;
-    }
-
-}