@hailin-zheng/editor-core 1.0.3 → 1.0.6

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

@@ -1,71 +0,0 @@
-import { ElementFactory, LeafElement, readElementProps, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
-import { CheckBoxProps } 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 { ElementEvent } from "../../element-event-define";
-
-export class CheckBoxElement extends LeafElement<CheckBoxProps> {
-    //props: CheckBoxProps;
-    constructor() {
-        super('ckb');
-        this.props = new CheckBoxProps();
-        //this.addPropValueChangedSub(this.props);
-        this.cursorType = 'default'
-        this.addEvent('ElementClick', (evt) => { this.changeState(evt) });
-    }
-    createRenderObject(): CheckBoxRenderObject {
-        const render = new CheckBoxRenderObject(this);
-        render.rect.width = this.props.size + 4;
-        render.rect.height = this.props.size;
-        return render;
-    }
-
-    changeState(e: ElementEvent): void {
-        this.props.isChecked = !this.props.isChecked;
-    }
-
-    serialize(viewOptions: ViewOptions): SerializeProps {
-        return {
-            type: 'ckb',
-            props: {
-                ...this.props.getSerializeProps(viewOptions)
-            }
-        }
-    }
-    clone(): CheckBoxElement {
-        const clone = new CheckBoxElement();
-        this.props.clone(clone.props);
-        return clone;
-    }
-    getType(): string {
-        return 'ckb';
-    }
-}
-
-export class CheckBoxFactory extends ElementFactory<CheckBoxProps> {
-    match(type: string): boolean {
-        return type === 'ckb';
-    }
-    createElement(data: readElementProps<CheckBoxProps>, renderCtx: RenderContenxtType): CheckBoxElement {
-        const props = data.props;
-        const ckbElement = new CheckBoxElement();
-        const ckbProps = ckbElement.props;
-        ckbProps.size = props?.size ?? 14;
-        ckbProps.isChecked = props?.isChecked ?? false;
-        ckbProps.groupName = props?.groupName ?? null;
-        return ckbElement;
-    }
-}
-
-export class CheckBoxRenderObject extends LeafRenderObject<CheckBoxElement> {
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        ctx.contentContext.drawCheckBox(position.x + 2, position.y, this.element.props.size, this.element.props.size, this.element.props.isChecked);
-    }
-    clone(cloneData = true): RenderObject {
-        const clone = new CheckBoxRenderObject(this.element);
-        clone.rect = ElementUtil.cloneRect(this.rect);
-        return clone;
-    }
-
-}

package/src/med_editor/framework/impl/comments/comment-content-impl.ts

@@ -1,119 +0,0 @@
-import { BlockContainerElement, ElementFactory, Position, readElementProps, Rect, SelectionContentRange, SerializeProps, ViewOptions } from "../../element-define";
-import { CommContentProps, TextProps } from "../../element-props";
-import { Element } from "../../element-define"
-import { ElementUtil } from "../../element-util";
-import { RenderContenxtType } from "../../render-context";
-import { BlockContainerRenderObject, RenderObject } from "../../render-define";
-import { DocumentRenderObject } from "../document/doc-impl";
-import { CommentElement } from "./comment-element-impl";
-import moment from "moment";
-
-export abstract class CommContentBaseElement<P extends object = { id: string }> extends BlockContainerElement<P>{
-    startMark!: CommentElement;
-    endMark!: CommentElement;
-    focus: boolean = false;
-    protected constructor(type: string) {
-        super(type);
-        this.addEvent('GotCursor', () => {
-            this.focus = true;
-            this.refreshView()
-        });
-        this.addEvent('LostCursor', () => {
-            this.focus = false;
-            this.refreshView()
-        })
-    }
-}
-
-export abstract class CommContentBaseRenderObject<E extends CommContentBaseElement> extends BlockContainerRenderObject<E> {
-    commMarkRender!: { render: RenderObject, pos: Position };
-}
-
-export class CommContentElement extends CommContentBaseElement<CommContentProps> {
-    constructor() {
-        super("comm-content");
-        this.props = new CommContentProps();
-    }
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject {
-        const render = new CommContentRenderObject(this);
-        render.padding.left = 14;
-        render.padding.top = 24;
-        return render;
-    }
-    serialize(viewOptions: ViewOptions): SerializeProps {
-        return {
-            type: this.type,
-            props: { ...this.props.getSerializeProps(viewOptions) }
-        }
-    }
-    clone(data: boolean): Element {
-        throw new Error('不支持');
-    }
-}
-
-export class CommContentRenderObject extends CommContentBaseRenderObject<CommContentElement> {
-    beginRender(ctx: RenderContenxtType, position: Position): void {
-        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) as 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: RenderContenxtType, position: Position): void {
-        const topPadding = 24;
-        const { props } = this.element;
-        const textProps = new TextProps();
-        textProps.fontSize = 12;
-        textProps.fontName = '楷体';
-        textProps.color = "rgb(0,0,0)";
-        const createDate = moment(props.createDate).format('YYYY-MM-DD HH:mm')
-        const commTitle = `${props.createName}:${createDate}`;
-        const { width, height } = ctx.contentContext.measureText(commTitle, textProps);
-        const rect: 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(commTitle, textProps, rect.x, rect.y, rect.width, rect.height);
-    }
-    endRender(ctx: RenderContenxtType, position: Position): void {
-        //throw new Error("Method not implemented.");
-    }
-    clone(): RenderObject {
-        const clone = new CommContentRenderObject(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;
-    }
-}
-
-export interface CommentRangeStatus {
-    range: SelectionContentRange, commContent: CommContentBaseElement
-}
-
-export class CommentContentFactory extends ElementFactory<CommContentProps> {
-    match(type: string): boolean {
-        return type === "comm-content";
-    }
-    createElement(data: readElementProps<CommContentProps>, renderCtx: RenderContenxtType): Element {
-        const props = data.props as CommContentProps;
-        const commentEle = new CommContentElement();
-        commentEle.props.id = props.id;
-        commentEle.props.createDate = props.createDate;
-        commentEle.props.createId = props.createId;
-        commentEle.props.createName = props.createName;
-        return commentEle;
-    }
-}

package/src/med_editor/framework/impl/comments/comment-element-impl.ts

@@ -1,65 +0,0 @@
-import { Element, ElementFactory, LeafElement, readElementProps, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
-import { CommProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { LeafRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-
-export class CommentElement extends LeafElement<CommProps> {
-    constructor() {
-        super('comm');
-        this.isDecorate = true;
-        this.disableClick = true;
-        this.props = new CommProps();
-    }
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject {
-        const render = new CommentRenderObject(this);
-        render.rect.width = 0;
-        render.rect.height = 14;
-        return render;
-    }
-    serialize(viewOptions: ViewOptions): SerializeProps|null {
-        if(this.isDecorate){
-            return  null;
-        }
-        return {
-            type: this.type,
-            props: {
-                ...this.props.getSerializeProps(viewOptions)
-            }
-        }
-    }
-    clone(): Element {
-        const clone = new CommentElement();
-        this.props.clone(clone.props);
-        return clone;
-    }
-}
-
-export class CommentRenderObject extends LeafRenderObject<CommentElement> {
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        if (!ctx.viewOptions.showReviewWindow) {
-            return;
-        }
-        const paraLinePos = ElementUtil.getParaLinePos(this, { x: position.x, y: position.y });
-        const color = '#ff4d4f';
-        ctx.contentContext.fillRect(position.x - 1, paraLinePos.y, 2, paraLinePos.height, color)
-    }
-    clone(): RenderObject {
-        const clone = new CommentRenderObject(this.element);
-        clone.rect = ElementUtil.cloneRect(this.rect);
-        return clone;
-    }
-}
-
-export class CommentFactory extends ElementFactory<CommProps> {
-    match(type: string): boolean {
-        return type === "comm";
-    }
-    createElement(data: readElementProps<CommProps>, renderCtx: RenderContenxtType): Element {
-        const ele = new CommentElement();
-        const props = data.props as CommProps;
-        ele.props.id = props.id;
-        ele.props.markType = props.markType;
-        return ele;
-    }
-}

package/src/med_editor/framework/impl/comments/comments-container-impl.ts

@@ -1,68 +0,0 @@
-import { BlockContainerElement, Element, ElementFactory, Position, SelectionContentRange, SerializeProps, ViewOptions } from "@/med_editor/framework/element-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 { CommentRangeStatus } from "./comment-content-impl";
-
-export class CommsContainerElement extends BlockContainerElement {
-    constructor() {
-        super('comm-list');
-        this.noFillEmpty = true;
-    }
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject {
-        const render = new CommsContainerRenderObject(this);
-        render.rect.maxWidth = options.reviewWindowWidth;
-        render.rect.width = render.rect.maxWidth;
-        return render;
-    }
-    serialize(viewOptions: ViewOptions): SerializeProps {
-        return {
-            type: this.type,
-            props: {}
-        };
-    }
-    clone(data: boolean): Element {
-        const clone = new CommsContainerElement();
-        if (data) {
-            for (let i = 0; i < this.length; i++) {
-                clone.addChild(this.getChild(i).clone(true));
-            }
-        }
-        return clone;
-    }
-}
-
-export class CommsContainerRenderObject extends BlockContainerRenderObject {
-    //批注内容是否已经重组,只要重新绘制的时候组合一次即可
-    isMeasureComm!: boolean;
-    selectedSet!: Map<Element, SelectionContentRange>;
-    commentRangeStatus: Array<CommentRangeStatus> = [];
-    beginRender(ctx: RenderContenxtType, position: Position): void {
-        if (this.rect.height === 0) {
-            return;
-        }
-        ctx.contentContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height, 'black', 0.5);
-    }
-    endRender(ctx: RenderContenxtType, position: Position): void {
-
-    }
-    clone(): RenderObject {
-        const clone = new CommsContainerRenderObject(this.element);
-        clone.rect = ElementUtil.cloneRect(this.rect);
-        for (let i = 0; i < this.length; i++) {
-            clone.addChild(this.getChild(i).clone());
-        }
-        return clone;
-    }
-}
-
-
-export class CommentsFactory extends ElementFactory<null> {
-    match(type: string): boolean {
-        return type === "comm-list";
-    }
-    createElement(data: any, renderCtx: RenderContenxtType): Element {
-        const commentsEle = new CommsContainerElement();
-        return commentsEle;
-    }
-}

package/src/med_editor/framework/impl/comments/comments-util.ts

@@ -1,84 +0,0 @@
-import {Position} from "@/med_editor/framework/element-define";
-import {RenderContenxtType} from "@/med_editor/framework/render-context";
-import {RenderObject} from "@/med_editor/framework/render-define";
-import {ElementUtil} from "../../element-util";
-import {DocumentRenderObject} from "../document/doc-impl";
-import {CommContentBaseElement, CommContentBaseRenderObject,} from "./comment-content-impl";
-import {CommentElement, CommentRenderObject} from "./comment-element-impl";
-import {CommsContainerRenderObject} from "./comments-container-impl";
-
-interface CommMapProps {
-    commMarkRender: CommentRenderObject,
-    commMarkPos: Position,
-    commContentRender: CommContentBaseRenderObject<any>,
-    commContentPos?: Position
-}
-
-export class CommentsUtil {
-    static remeasureComments(ctx: RenderContenxtType, commWindow: CommsContainerRenderObject, commContainer: CommsContainerRenderObject, map: Array<{ ele: CommentElement, render: RenderObject, pos: Position }>): void {
-        const commMap: Array<CommMapProps> = [];
-        const docRender = ElementUtil.getParentRender(commWindow, DocumentRenderObject) as DocumentRenderObject;
-        for (let i = 0; i < commContainer.length; i++) {
-            const commRender = commContainer.getChild(i);
-            const commEle = commRender.element as CommContentBaseElement;
-            const mapComm = map.find(item => item.ele.props.id === commEle.props.id);
-            if (mapComm) {
-                const commMarkLinePos = ElementUtil.getParaLinePos(mapComm.render, mapComm.pos);
-                mapComm.pos.y = commMarkLinePos.y + 2;
-
-                const commContentRender = commRender.clone() as CommContentBaseRenderObject<any>;
-                commContentRender.rect.x = 0;
-                commContentRender.rect.y = mapComm.pos.y;
-                commWindow.addChild(commContentRender);
-                commMap.push({
-                    commMarkRender: <CommentRenderObject>mapComm.render,
-                    commMarkPos: mapComm.pos,
-                    commContentRender: commContentRender
-                });
-            }
-        }
-        let sumCommentHeight = 0;
-        for (let i = 0; i < commMap.length; i++) {
-            const map = commMap[i];
-            const prevRender = commMap[i - 1]?.commContentRender;
-            const {commContentRender} = map;
-            sumCommentHeight += commContentRender.rect.height + 5;
-            if (prevRender) {
-                const {y: prevY, height: prevHeight} = prevRender.rect;
-                if (commContentRender.rect.y < prevY + prevHeight) {
-                    commContentRender.rect.y = prevY + prevHeight + 5;
-                }
-            }
-            commContentRender.commMarkRender = {render: map.commMarkRender, pos: map.commMarkPos};
-        }
-        if (!commMap.length) {
-            return;
-        }
-        const lastCommentMap = commMap[commMap.length - 1];
-        const {commContentRender: lastCommContentRender} = lastCommentMap;
-        const {rect: lastRect} = lastCommContentRender;
-
-        //批注内容超出文档，需要重新排序
-        if (lastRect.y + lastRect.height > docRender.rect.height) {
-            //总内容小于容器高度,则进行倒排
-            //否则进行正排
-            if (sumCommentHeight < docRender.rect.height) {
-                lastRect.y = docRender.rect.height - lastRect.height;
-                for (let i = commMap.length - 1; i >= 0; i--) {
-                    const map = commMap[i];
-                    const prevRender = commMap[i + 1]?.commContentRender;
-                    const {commContentRender} = map;
-                    if (prevRender) {
-                        const {y: prevY} = prevRender.rect;
-                        if (commContentRender.rect.y + commContentRender.rect.height > prevY) {
-                            commContentRender.rect.y = prevY - commContentRender.rect.height - 5;
-                        }
-                    }
-                    commContentRender.commMarkRender = {render: map.commMarkRender, pos: map.commMarkPos};
-                }
-            }
-        }
-
-    }
-
-}

package/src/med_editor/framework/impl/comments/validate-msg-impl.ts

@@ -1,94 +0,0 @@
-import { ViewOptions, Element, SerializeProps, Position, Rect } from "../../element-define";
-import { TextProps, ValidateProps } from "../../element-props";
-import { ElementUtil } from "../../element-util";
-import { RenderContenxtType } from "../../render-context";
-import { RenderObject } from "../../render-define";
-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<ValidateProps> {
-    constructor() {
-        super('validate');
-        this.props = new ValidateProps();
-        this.isDecorate = true;
-    }
-
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject | null {
-        const render = new ValidateRenderObject(this);
-        render.padding.left = 14;
-        render.padding.top = 24;
-        return render;
-    }
-
-    serialize(viewOptions: ViewOptions): SerializeProps | null {
-        return null;
-    }
-
-    clone(data: boolean): Element {
-        throw new Error("Method not implemented.");
-    }
-
-    setContent(content: string): void {
-        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<ValidateElement> {
-    beginRender(ctx: RenderContenxtType, position: Position): void {
-        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) as 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: RenderContenxtType, position: Position): void {
-        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: 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: RenderContenxtType, position: Position): void {
-        //throw new Error("Method not implemented.");
-    }
-    clone(): RenderObject {
-        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;
-    }
-}

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

@@ -1,95 +0,0 @@
-import { LeafElement, SerializeProps } from "@/med_editor/framework/element-define";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { LeafRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { InlineGroupInputElement, validateInlineInputRenderObj } from "./data-element-base-impl";
-
-export class DataDecorateElement extends LeafElement<any> {
-    //props: DataDecorateProps;
-    constructor(public dataEle: InlineGroupInputElement, public isPrefix: boolean) {
-        super('data-dec');
-        this.addEvent('GotCursor', (evt) => {
-            const { selectionState } = evt.ctx;
-            if (selectionState.collapsed && this.parent instanceof InlineGroupInputElement) {
-                const group = this.parent as InlineGroupInputElement;
-                if (this === group.endDecorate && selectionState.startOffset === 0) {
-                    if (group.length === 2) {
-                        selectionState.resetRange(group.startDecorate, 1);
-                        evt.isCancel = true;
-                    }
-                }
-            }
-        });
-        this.isDecorate = true;
-    }
-    createRenderObject(): DataDecorateRenderObject {
-        const render = new DataDecorateRenderObject(this);
-        //render.rect.width = this.dProps.size / 2;
-        render.rect.width = 6;
-        render.rect.height = 14;
-        return render;
-    }
-
-    serialize(): SerializeProps | null {
-        return null;
-    }
-    clone(): DataDecorateElement {
-        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: RenderContenxtType, position: { x: number; y: number; }): void {
-        throw new Error("Method not implemented.");
-    }
-    clone(): RenderObject {
-        throw new Error("Method not implemented.");
-    }
-
-}
-
-export class DataDecorateRenderObject extends LeafRenderObject {
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        this.renderDecorRect(ctx, position);
-    }
-
-    renderDecorRect(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        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 as DataDecorateElement;
-        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): RenderObject {
-        const clone = new DataDecorateRenderObject(this.element);
-        clone.rect = ElementUtil.cloneRect(this.rect);
-        return clone;
-    }
-
-}