@hailin-zheng/editor-core 1.0.1 → 1.0.3

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

@@ -0,0 +1,130 @@
+import { InlineGroupInputElement } from "@/med_editor/framework/impl/data-element/data-element-base-impl";
+import { InlineGroupRenderObject } from "@/med_editor/framework/render-define";
+import { ElementFactory } from "@/med_editor/framework/element-define";
+import { DataElementGroupProps } from "@/med_editor/framework/element-props";
+import { ElementUtil } from "@/med_editor/framework/element-util";
+import { ElementSerialize } from "../../element-serialize";
+import { ParagraphRenderObject } from "../paragraph/p-impl";
+import { CommonUtil } from "../../common-util";
+export class DataElementGroupElement extends InlineGroupInputElement {
+    constructor() {
+        super('data-group');
+        this.props = new DataElementGroupProps();
+        this.addEvent('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) {
+        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, renderCtx) {
+        return new DataElementGroupRenderObject(this);
+    }
+    serialize(viewOptions) {
+        return {
+            type: this.type,
+            props: {
+                ...this.props.getSerializeProps()
+            }
+        };
+    }
+}
+export class DataElementGroupRenderObject extends InlineGroupRenderObject {
+    paintPos;
+    beginRender(ctx, position) {
+        //ctx.contentContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, 'yellow');
+        this.paintPos = position;
+    }
+    getCurrentParaGroupRenders() {
+        const renders = [];
+        const currParaRender = ElementUtil.getParentRender(this, ParagraphRenderObject);
+        for (let i = 0; i < this.element.paintRenders.length; i++) {
+            const paraRender = ElementUtil.getParentRender(this.element.paintRenders[i], ParagraphRenderObject);
+            if (paraRender === currParaRender) {
+                renders.push(this.element.paintRenders[i]);
+            }
+        }
+        return renders;
+    }
+    pagePaintCompleted(ctx, position) {
+        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 = [];
+                    const rightPoints = [];
+                    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, position) {
+    }
+    clone() {
+        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 {
+    match(type) {
+        return type === "data-group";
+    }
+    createElement(data, renderCtx) {
+        const props = data.props;
+        const ele = new DataElementGroupElement();
+        ele.props.id = props.id;
+        ele.props.name = props.name;
+        return ele;
+    }
+}
+//# sourceMappingURL=data-element-group-impl.js.map

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

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

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

@@ -0,0 +1,30 @@
+import { Element, ElementFactory, ImgLoadStatus, Position, readElementProps, ResizeLeafRenderObject, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
+import { DataEleImageProps } 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 DataElementImage extends DataElementLeaf<DataEleImageProps> {
+    status: ImgLoadStatus;
+    resizeable: boolean;
+    constructor();
+    createRenderObject(): LeafRenderObject;
+    serialize(options: ViewOptions): SerializeProps;
+    clone(data: boolean): Element;
+    loadImage(ctx: RenderContenxtType): void;
+    destroy(): void;
+    setValue(val: any): void;
+    getValue(): string;
+}
+export declare class DataImageRenderObject extends ResizeLeafRenderObject {
+    render(ctx: RenderContenxtType, position: {
+        x: number;
+        y: number;
+    }): void;
+    clone(): RenderObject;
+    pagePaintCompleted(ctx: RenderContenxtType, pos: Position): void;
+    private drawResizeCircle;
+}
+export declare class DataElementImgFactory extends ElementFactory<DataEleImageProps> {
+    match(type: string): boolean;
+    createElement(data: readElementProps<DataEleImageProps>, renderCtx: RenderContenxtType): Element;
+}

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

@@ -0,0 +1,137 @@
+import { ElementFactory, ResizeLeafRenderObject } from "@/med_editor/framework/element-define";
+import { DataEleImageProps } from "@/med_editor/framework/element-props";
+import { ElementUtil } from "@/med_editor/framework/element-util";
+import { DataElementLeaf } from "./data-element-base-impl";
+export class DataElementImage extends DataElementLeaf {
+    //props: DataEleImageProps;
+    status = 'no';
+    resizeable = true;
+    constructor() {
+        super('data-ele-img');
+        this.props = new DataEleImageProps();
+        //this.addPropValueChangedSub(this.props);
+        this.cursorType = 'move';
+        this.focusable = true;
+    }
+    createRenderObject() {
+        const render = new DataImageRenderObject(this);
+        render.rect.width = this.props.width + 2;
+        render.rect.height = this.props.height + 2;
+        return render;
+    }
+    serialize(options) {
+        return {
+            type: 'data-ele-img',
+            props: {
+                ...this.props.getSerializeProps(options)
+            }
+        };
+    }
+    clone(data) {
+        const clone = new DataElementImage();
+        this.props.clone(clone.props);
+        return clone;
+    }
+    loadImage(ctx) {
+        if (this.status === 'no') {
+            this.status = 'loading';
+            const onCallback = (status) => {
+                this.status = status;
+                if (status === 'completed') {
+                    this.refreshView();
+                }
+            };
+            ctx.docCtx.imageLoader.loadImage(this.props.src, onCallback);
+        }
+    }
+    destroy() {
+        super.destroy();
+    }
+    setValue(val) {
+        if (this.getValue() === val) {
+            return;
+        }
+        this.props.src = val;
+    }
+    getValue() {
+        return this.props.src;
+    }
+}
+export class DataImageRenderObject extends ResizeLeafRenderObject {
+    render(ctx, position) {
+        const dataImgElement = this.element;
+        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() {
+        const clone = new DataImageRenderObject(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 DataElementImgFactory extends ElementFactory {
+    match(type) {
+        return type === 'data-ele-img';
+    }
+    createElement(data, renderCtx) {
+        const props = data.props;
+        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;
+    }
+}
+//# sourceMappingURL=data-element-image-impl.js.map

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

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

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

@@ -0,0 +1,22 @@
+import { Element, ElementFactory, readElementProps, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
+import { DataEleListProps, DataEleBaseTextProps } from "@/med_editor/framework/element-props";
+import { RenderContenxtType } from "@/med_editor/framework/render-context";
+import { RenderObject } from "@/med_editor/framework/render-define";
+import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
+export declare class DataElementList extends DataElementInlineGroup<DataEleListProps> {
+    constructor();
+    createRenderObject(): RenderObject;
+    serialize(viewOptions: ViewOptions): SerializeProps & any;
+    clone(data: boolean): DataElementList;
+    setValue(vals: string[]): void;
+    getValue(): string;
+}
+export declare class DataElementListRenderObject extends DataElementRenderObject<DataElementList> {
+    constructor(element: DataElementList);
+    clone(): RenderObject;
+}
+export declare class DataElementListFactory extends ElementFactory<DataEleListProps> {
+    match(type: string): boolean;
+    createElement(data: readElementProps<DataEleListProps>, renderCtx: RenderContenxtType): Element;
+    createDataEleProps(dest: DataEleListProps, props: DataEleListProps): DataEleBaseTextProps;
+}

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

@@ -0,0 +1,131 @@
+import { ElementFactory } from "@/med_editor/framework/element-define";
+import { DataEleListProps } from "@/med_editor/framework/element-props";
+import { ElementUtil } from "@/med_editor/framework/element-util";
+import { ElementSerialize } from "../../element-serialize";
+import { TextGroupElement } from "../text/text-impl";
+import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
+export class DataElementList extends DataElementInlineGroup {
+    //props: DataEleListProps;
+    constructor() {
+        super('data-ele-list');
+        this.props = new DataEleListProps();
+    }
+    createRenderObject() {
+        return new DataElementListRenderObject(this);
+    }
+    serialize(viewOptions) {
+        return {
+            type: this.type,
+            props: {
+                ...this.props.getSerializeProps(viewOptions)
+            }
+        };
+    }
+    clone(data) {
+        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) {
+        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() {
+        const values = ElementSerialize.serializeString(this);
+        if (!values) {
+            return '';
+        }
+        const valueItems = values.split(';');
+        const valueCode = [];
+        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 {
+    constructor(element) {
+        super(element);
+    }
+    clone() {
+        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 {
+    match(type) {
+        return type === "data-ele-list";
+    }
+    createElement(data, renderCtx) {
+        const props = data.props;
+        const ele = new DataElementList();
+        this.createDataEleProps(ele.props, props);
+        return ele;
+    }
+    createDataEleProps(dest, props) {
+        const dataEleProps = 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;
+    }
+}
+//# sourceMappingURL=data-element-list-impl.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { Element, ElementFactory, SerializeProps, ViewOptions } from "@/med_editor/framework/element-define";
+import { DataEleBaseTextProps } from "@/med_editor/framework/element-props";
+import { RenderContenxtType } from "@/med_editor/framework/render-context";
+import { RenderObject } from "@/med_editor/framework/render-define";
+import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
+export declare class DataElementText extends DataElementInlineGroup<DataEleBaseTextProps> {
+    constructor();
+    createRenderObject(): RenderObject;
+    serialize(viewOptions: ViewOptions): SerializeProps & any;
+    clone(data: boolean): DataElementText;
+    setValue(val: string): void;
+    getValue(): string;
+    validate(): string;
+}
+export declare class DataElementTextRenderObject extends DataElementRenderObject<DataElementText> {
+    constructor(element: DataElementText);
+    clone(): RenderObject;
+}
+export declare class DataElementTextFactory extends ElementFactory<DataEleBaseTextProps> {
+    match(type: string): boolean;
+    createElement(data: any, renderCtx: RenderContenxtType): Element;
+    createDataEleProps(dest: DataEleBaseTextProps, props: DataEleBaseTextProps): DataEleBaseTextProps;
+}

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

@@ -0,0 +1,103 @@
+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 { ElementSerialize } from "../../element-serialize";
+import { TextGroupElement } from "../text/text-impl";
+import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
+export class DataElementText extends DataElementInlineGroup {
+    //props: DataEleBaseTextProps;
+    constructor() {
+        super('data-ele-text');
+        this.props = new DataEleBaseTextProps();
+    }
+    createRenderObject() {
+        return new DataElementTextRenderObject(this);
+    }
+    serialize(viewOptions) {
+        return {
+            type: this.type,
+            props: {
+                ...this.props.getSerializeProps(viewOptions)
+            }
+        };
+    }
+    clone(data) {
+        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) {
+        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() {
+        return ElementSerialize.serializeString(this, { all: false });
+    }
+    validate() {
+        let error = super.validate();
+        if (error) {
+            return error;
+        }
+        return '';
+    }
+}
+export class DataElementTextRenderObject extends DataElementRenderObject {
+    constructor(element) {
+        super(element);
+    }
+    clone() {
+        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 {
+    match(type) {
+        return type === "data-ele-text";
+    }
+    createElement(data, renderCtx) {
+        const props = data.props;
+        const ele = new DataElementText();
+        this.createDataEleProps(ele.props, props);
+        return ele;
+    }
+    createDataEleProps(dest, props) {
+        const dataEleProps = 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;
+    }
+}
+//# sourceMappingURL=data-element-text-impl.js.map

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

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

package/lib/framework/impl/decorate/fill-null-space-imple.d.ts

@@ -0,0 +1,21 @@
+import { Element, LeafElement, SerializeProps, ViewOptions } from "../../element-define";
+import { RenderContenxtType } from "../../render-context";
+import { LeafRenderObject, RenderObject } from "../../render-define";
+/**
+ * 当前数据元内容长度小于最小长度时，需要当前元素撑开以达到最小长度
+ */
+export declare class FillNullSpaceElement extends LeafElement {
+    length: number;
+    constructor();
+    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject;
+    serialize(viewOptions: ViewOptions): SerializeProps;
+    clone(data: boolean): Element;
+}
+export declare class FillNullSpaceRenderObject extends LeafRenderObject {
+    constructor();
+    render(ctx: RenderContenxtType, position: {
+        x: number;
+        y: number;
+    }): void;
+    clone(): RenderObject;
+}