@hailin-zheng/editor-core 1.0.1 → 1.0.3

package/lib/framework/impl/comments/validate-msg-impl.d.ts

@@ -0,0 +1,21 @@
+import { ViewOptions, Element, SerializeProps, Position } from "../../element-define";
+import { ValidateProps } from "../../element-props";
+import { RenderContenxtType } from "../../render-context";
+import { RenderObject } from "../../render-define";
+import { CommContentBaseElement, CommContentBaseRenderObject } from "./comment-content-impl";
+/**
+ * 数据元验证提示
+ */
+export declare class ValidateElement extends CommContentBaseElement<ValidateProps> {
+    constructor();
+    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject | null;
+    serialize(viewOptions: ViewOptions): SerializeProps | null;
+    clone(data: boolean): Element;
+    setContent(content: string): void;
+}
+export declare class ValidateRenderObject extends CommContentBaseRenderObject<ValidateElement> {
+    beginRender(ctx: RenderContenxtType, position: Position): void;
+    renderTitle(ctx: RenderContenxtType, position: Position): void;
+    endRender(ctx: RenderContenxtType, position: Position): void;
+    clone(): RenderObject;
+}

package/lib/framework/impl/comments/validate-msg-impl.js

@@ -0,0 +1,83 @@
+import { TextProps, ValidateProps } from "../../element-props";
+import { ElementUtil } from "../../element-util";
+import { CommContentBaseElement, CommContentBaseRenderObject } from "./comment-content-impl";
+import { ParagraphElement } from "@/med_editor/framework/impl/paragraph/p-impl";
+import { TextGroupElement } from "@/med_editor/framework/impl/text/text-impl";
+import { DocumentRenderObject } from "../document/doc-impl";
+/**
+ * 数据元验证提示
+ */
+export class ValidateElement extends CommContentBaseElement {
+    constructor() {
+        super('validate');
+        this.props = new ValidateProps();
+        this.isDecorate = true;
+    }
+    createRenderObject(options, renderCtx) {
+        const render = new ValidateRenderObject(this);
+        render.padding.left = 14;
+        render.padding.top = 24;
+        return render;
+    }
+    serialize(viewOptions) {
+        return null;
+    }
+    clone(data) {
+        throw new Error("Method not implemented.");
+    }
+    setContent(content) {
+        this.clearItems();
+        const para = new ParagraphElement();
+        const text = new TextGroupElement();
+        text.props.fontSize = 14;
+        text.props.fontName = '等线';
+        text.props.color = '#000000';
+        text.text = content;
+        para.addChild(text);
+        this.addChild(para);
+    }
+}
+export class ValidateRenderObject extends CommContentBaseRenderObject {
+    beginRender(ctx, position) {
+        let borderColor = this.element.focus ? '#fa8c16' : '#ffd591';
+        ctx.contentContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height, borderColor);
+        ctx.contentContext.fillRect(position.x, position.y, 8, this.rect.height, '#871400');
+        const docRender = ElementUtil.getParentRender(this.commMarkRender.render, DocumentRenderObject);
+        //获取审阅标记的绘制坐标
+        let commMarkPos = ElementUtil.getRenderAbsolutePaintPos(this.commMarkRender.render, { x: 0, y: -ctx.viewOptions.translateY });
+        const commMarkLinePos = ElementUtil.getParaLinePos(this.commMarkRender.render, commMarkPos);
+        commMarkPos.y = commMarkLinePos.y + 2;
+        const docRenderPos = ElementUtil.getRenderAbsolutePaintPos(docRender, { x: 0, y: -ctx.viewOptions.translateY });
+        const marginLeft = commMarkPos.x - docRenderPos.x - docRender.padding.left;
+        const marginRight = ctx.viewOptions.docPageSettings.width - marginLeft - docRender.padding.right * 2;
+        ctx.overlaysContext.drawDashLine([commMarkPos, { x: commMarkPos.x + marginRight, y: commMarkPos.y }], [1, 1], 'red');
+        ctx.overlaysContext.drawDashLine([{ x: commMarkPos.x + marginRight, y: commMarkPos.y }, position], [1, 1], 'red');
+        this.renderTitle(ctx, position);
+    }
+    renderTitle(ctx, position) {
+        const topPadding = 24;
+        const { props } = this.element;
+        const textProps = new TextProps();
+        textProps.fontSize = 12;
+        textProps.fontName = '楷体';
+        textProps.color = "rgb(0,0,0)";
+        const title = this.element.props.title;
+        const { width, height } = ctx.contentContext.measureText(title, textProps);
+        const rect = { x: position.x + this.padding.left, y: position.y, width, height, maxHeight: 0, maxWidth: 0 };
+        rect.y += (topPadding - rect.height) / 2;
+        ctx.contentContext.drawText(title, textProps, rect.x, rect.y, rect.width, rect.height);
+    }
+    endRender(ctx, position) {
+        //throw new Error("Method not implemented.");
+    }
+    clone() {
+        const clone = new ValidateRenderObject(this.element);
+        clone.rect = ElementUtil.cloneRect(this.rect);
+        clone.padding = this.padding.clone();
+        for (let i = 0; i < this.length; i++) {
+            clone.addChild(this.getChild(i).clone());
+        }
+        return clone;
+    }
+}
+//# sourceMappingURL=validate-msg-impl.js.map

package/lib/framework/impl/comments/validate-msg-impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-msg-impl.js","sourceRoot":"","sources":["../../../../src/med_editor/framework/impl/comments/validate-msg-impl.ts"],"names":[],"mappings":"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"}

package/lib/framework/impl/data-element/data-decorate-impl.d.ts

@@ -0,0 +1,30 @@
+import { LeafElement, SerializeProps } from "@/med_editor/framework/element-define";
+import { RenderContenxtType } from "@/med_editor/framework/render-context";
+import { LeafRenderObject, RenderObject } from "@/med_editor/framework/render-define";
+import { InlineGroupInputElement } from "./data-element-base-impl";
+export declare class DataDecorateElement extends LeafElement<any> {
+    dataEle: InlineGroupInputElement;
+    isPrefix: boolean;
+    constructor(dataEle: InlineGroupInputElement, isPrefix: boolean);
+    createRenderObject(): DataDecorateRenderObject;
+    serialize(): SerializeProps | null;
+    clone(): DataDecorateElement;
+}
+export declare class DataDecorateArrowRenderObject extends LeafRenderObject {
+    render(ctx: RenderContenxtType, position: {
+        x: number;
+        y: number;
+    }): void;
+    clone(): RenderObject;
+}
+export declare class DataDecorateRenderObject extends LeafRenderObject {
+    render(ctx: RenderContenxtType, position: {
+        x: number;
+        y: number;
+    }): void;
+    renderDecorRect(ctx: RenderContenxtType, position: {
+        x: number;
+        y: number;
+    }): void;
+    clone(cloneData?: boolean): RenderObject;
+}

package/lib/framework/impl/data-element/data-decorate-impl.js

@@ -0,0 +1,91 @@
+import { LeafElement } from "@/med_editor/framework/element-define";
+import { ElementUtil } from "@/med_editor/framework/element-util";
+import { LeafRenderObject } from "@/med_editor/framework/render-define";
+import { InlineGroupInputElement, validateInlineInputRenderObj } from "./data-element-base-impl";
+export class DataDecorateElement extends LeafElement {
+    dataEle;
+    isPrefix;
+    //props: DataDecorateProps;
+    constructor(dataEle, isPrefix) {
+        super('data-dec');
+        this.dataEle = dataEle;
+        this.isPrefix = isPrefix;
+        this.addEvent('GotCursor', (evt) => {
+            const { selectionState } = evt.ctx;
+            if (selectionState.collapsed && this.parent instanceof InlineGroupInputElement) {
+                const group = this.parent;
+                if (this === group.endDecorate && selectionState.startOffset === 0) {
+                    if (group.length === 2) {
+                        selectionState.resetRange(group.startDecorate, 1);
+                        evt.isCancel = true;
+                    }
+                }
+            }
+        });
+        this.isDecorate = true;
+    }
+    createRenderObject() {
+        const render = new DataDecorateRenderObject(this);
+        //render.rect.width = this.dProps.size / 2;
+        render.rect.width = 6;
+        render.rect.height = 14;
+        return render;
+    }
+    serialize() {
+        return null;
+    }
+    clone() {
+        const clone = new DataDecorateElement(this.dataEle, this.isPrefix);
+        this.props.clone(clone.props);
+        //clone.renderCtx = this.renderCtx;
+        return clone;
+    }
+}
+export class DataDecorateArrowRenderObject extends LeafRenderObject {
+    render(ctx, position) {
+        throw new Error("Method not implemented.");
+    }
+    clone() {
+        throw new Error("Method not implemented.");
+    }
+}
+export class DataDecorateRenderObject extends LeafRenderObject {
+    render(ctx, position) {
+        this.renderDecorRect(ctx, position);
+    }
+    renderDecorRect(ctx, position) {
+        if (ctx.drawMode === 'print') {
+            return;
+        }
+        const dataEleRender = ElementUtil.getParentRenderByPredicate(this, item => validateInlineInputRenderObj(item));
+        if (!dataEleRender) {
+            return;
+        }
+        const dataEleRenderPos = ElementUtil.getParentRenderPos(dataEleRender, this, position);
+        const element = this.element;
+        let { x, y, height, width } = dataEleRenderPos;
+        const lineWidth = 2;
+        const paintColor = '#0050b3';
+        ctx.contentContext.ctx.save();
+        if (this.element.parent.type === 'data-group') {
+            ctx.contentContext.ctx.shadowBlur = 5;
+            ctx.contentContext.ctx.shadowColor = 'black';
+        }
+        if (element.isPrefix) {
+            x += 2;
+            ctx.contentContext.strokeLines([{ x: x + lineWidth, y }, { x: x, y }, { x: x, y: y + height }, { x: x + lineWidth, y: y + height }], 1, paintColor);
+        }
+        else {
+            x = x + width - 2;
+            ctx.contentContext.strokeLines([{ x: x - lineWidth, y }, { x: x, y }, { x: x, y: y + height }, { x: x - lineWidth, y: y + height }], 1, paintColor);
+        }
+        ctx.contentContext.ctx.restore();
+        return;
+    }
+    clone(cloneData = true) {
+        const clone = new DataDecorateRenderObject(this.element);
+        clone.rect = ElementUtil.cloneRect(this.rect);
+        return clone;
+    }
+}
+//# sourceMappingURL=data-decorate-impl.js.map

package/lib/framework/impl/data-element/data-decorate-impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-decorate-impl.js","sourceRoot":"","sources":["../../../../src/med_editor/framework/impl/data-element/data-decorate-impl.ts"],"names":[],"mappings":"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"}

package/lib/framework/impl/data-element/data-element-barcode.d.ts

@@ -0,0 +1,31 @@
+import { Element, ElementFactory, Position, readElementProps, ResizeLeafRenderObject, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
+import { DataElementBarcodeProps } from "@/med_editor/framework/element-props";
+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 declare class DataElementBarcode extends DataElementLeaf<DataElementBarcodeProps> {
+    resizeable: boolean;
+    private barCodeCanvas;
+    private cache;
+    constructor();
+    createRenderObject(): LeafRenderObject;
+    serialize(options: ViewOptions): SerializeProps;
+    clone(data: boolean): Element;
+    setValue(val: string): void;
+    getValue(): string;
+    drawBarcode(renderCtx: RenderContenxtType, pos: Position): void;
+    createBarcodeCache(): void;
+}
+export declare class DataElementBarcodeRenderObject extends ResizeLeafRenderObject {
+    render(ctx: RenderContenxtType, position: {
+        x: number;
+        y: number;
+    }): void;
+    clone(): RenderObject;
+    pagePaintCompleted(ctx: RenderContenxtType, pos: Position): void;
+    private drawResizeCircle;
+}
+export declare class DataElementBarcodeFactory extends ElementFactory<DataElementBarcodeProps> {
+    match(type: string): boolean;
+    createElement(data: readElementProps<DataElementBarcodeProps>, renderCtx: RenderContenxtType): Element;
+}

package/lib/framework/impl/data-element/data-element-barcode.js

@@ -0,0 +1,115 @@
+import { ElementFactory, ResizeLeafRenderObject } from "@/med_editor/framework/element-define";
+import { DataElementBarcodeProps } from "@/med_editor/framework/element-props";
+import { ElementUtil } from "@/med_editor/framework/element-util";
+import { DataElementLeaf } from "./data-element-base-impl";
+import bwipjs from "bwip-js";
+import { watchChanged } from "../../notify";
+export class DataElementBarcode extends DataElementLeaf {
+    resizeable = true;
+    barCodeCanvas;
+    cache = false;
+    constructor() {
+        super('data-ele-barcode');
+        this.props = new DataElementBarcodeProps();
+        this.props.width = 100;
+        this.props.height = 30;
+        this.focusable = true;
+        watchChanged(this.props, () => {
+            this.cache = false;
+        });
+    }
+    createRenderObject() {
+        const render = new DataElementBarcodeRenderObject(this);
+        render.rect.width = this.props.width + 2;
+        render.rect.height = this.props.height + 2;
+        return render;
+    }
+    serialize(options) {
+        return {
+            type: this.type,
+            props: {
+                ...this.props.getSerializeProps()
+            }
+        };
+    }
+    clone(data) {
+        const clone = new DataElementBarcode();
+        this.props.clone(clone.props);
+        return clone;
+    }
+    setValue(val) {
+        this.props.text = val;
+    }
+    getValue() {
+        return this.props.text;
+    }
+    drawBarcode(renderCtx, pos) {
+        this.createBarcodeCache();
+        renderCtx.contentContext.ctx.drawImage(this.barCodeCanvas, pos.x, pos.y, this.props.width, this.props.height);
+    }
+    createBarcodeCache() {
+        if (this.cache) {
+            return;
+        }
+        this.cache = true;
+        if (!this.barCodeCanvas) {
+            this.barCodeCanvas = document.createElement('canvas');
+        }
+        this.barCodeCanvas = bwipjs.toCanvas(this.barCodeCanvas, {
+            bcid: this.props.type,
+            text: this.props.text || "0123456789",
+            height: 10,
+            includetext: true,
+            textxalign: "center", // Always good to set this
+        });
+    }
+}
+export class DataElementBarcodeRenderObject extends ResizeLeafRenderObject {
+    render(ctx, position) {
+        const barcodeEle = this.element;
+        barcodeEle.drawBarcode(ctx, position);
+    }
+    clone() {
+        const clone = new DataElementBarcodeRenderObject(this.element);
+        clone.rect = ElementUtil.cloneRect(this.rect);
+        return clone;
+    }
+    pagePaintCompleted(ctx, pos) {
+        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)));
+        }
+    }
+    drawResizeCircle(ctx, x, y) {
+        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 DataElementBarcodeFactory extends ElementFactory {
+    match(type) {
+        return type === 'data-ele-barcode';
+    }
+    createElement(data, renderCtx) {
+        const ele = new DataElementBarcode();
+        ele.props.width = data.props?.width || 100;
+        ele.props.height = data.props?.height || 30;
+        ele.props.type = data.props?.type || 'code128';
+        ele.props.text = data.props?.text || '';
+        return ele;
+    }
+}
+//# sourceMappingURL=data-element-barcode.js.map

package/lib/framework/impl/data-element/data-element-barcode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-element-barcode.js","sourceRoot":"","sources":["../../../../src/med_editor/framework/impl/data-element/data-element-barcode.ts"],"names":[],"mappings":"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"}

package/lib/framework/impl/data-element/data-element-base-impl.d.ts

@@ -0,0 +1,68 @@
+import { Element, InlineGroupElement, LeafElement } from "@/med_editor/framework/element-define";
+import { InlineGroupRenderObject, RenderObject } from "@/med_editor/framework/render-define";
+import { GotCursorEvent } from "../../element-event-define";
+import { DataEleBaseProps, TextProps } from "../../element-props";
+import { DataDecorateElement } from "./data-decorate-impl";
+import { RenderContenxtType } from "@/med_editor/framework/render-context";
+/**
+ * 所有的数据元继承上述两个抽象类
+ */
+export declare abstract class DataElementLeaf<P extends object = any> extends LeafElement<P> {
+    abstract setValue(val: any): void;
+    abstract getValue(): any;
+}
+/**
+ * 可供输入的内联块
+ * 使用场景：数据元，数据组
+ */
+export declare abstract class InlineGroupInputElement<P extends object = any> extends InlineGroupElement<P> {
+    startDecorate: DataDecorateElement;
+    endDecorate: DataDecorateElement;
+    constructor(type: string);
+    fillDecorate(): void;
+    createDataDecorate(): {
+        startDecorate: DataDecorateElement;
+        endDecorate: DataDecorateElement;
+    };
+    beginMeasure(): void;
+    addChild(child: Element<any>, index?: number): void;
+    clearInnerItems(): void;
+}
+export declare abstract class DataElementInlineGroup<P extends DataEleBaseProps = DataEleBaseProps & {
+    valueTextProps: TextProps;
+}> extends InlineGroupInputElement<P> {
+    constructor(type: string);
+    onGotCursorEvent(evt: GotCursorEvent): void;
+    abstract setValue(val: any): void;
+    abstract getValue(): string;
+    /**
+     * 验证数据元的值是否合法
+     * @returns
+     */
+    validate(): string;
+}
+export declare abstract class DataElementRenderObject<T extends DataElementInlineGroup = DataElementInlineGroup> extends InlineGroupRenderObject<T> {
+    beginRender(ctx: RenderContenxtType, position: {
+        x: number;
+        y: number;
+    }): void;
+    endRender(ctx: RenderContenxtType, position: {
+        x: number;
+        y: number;
+    }): void;
+}
+export declare const validateDataEle: (ele: Element) => boolean;
+export declare const validateDataEleRenderObj: (renderObj: RenderObject) => boolean;
+export declare const validateInlineInputRenderObj: (renderObj: RenderObject) => boolean;
+/**
+ * 是否在数据元内部
+ * @param control
+ * @param offset
+ */
+export declare function IsInSideDataElement(control: LeafElement, offset: number): boolean;
+/**
+ * 是否在内联块内部
+ * @param control
+ * @param offset
+ */
+export declare function IsInSideInlineGroupInputElement(control: LeafElement, offset: number): boolean;