@hailin-zheng/editor-core 1.0.32 → 1.0.35

package/med_editor/framework/element-trace-tracking.d.ts

@@ -0,0 +1,89 @@
+import { Element } from "./element-define";
+/**
+ * 插入元素
+ */
+export declare type InsertOpsDelta = {
+    insert: Element;
+};
+/**
+ * 删除元素
+ */
+export declare type DeleteEleOpsDelta = {
+    delete: Element;
+};
+/**
+ * 文本输入
+ */
+export declare type InsertTextOpsDelta = {
+    insText: {
+        index: number;
+        length: number;
+    };
+    content: string;
+};
+/**
+ * 文本删除
+ */
+export declare type DeleteTextOpsDelta = {
+    delText: {
+        index: number;
+        length: number;
+    };
+    content: string;
+};
+/**
+ * 属性变更记录前后值
+ */
+export declare type diffPropType = {
+    [PropName: string]: {
+        oldValue: any;
+        newValue: any;
+    };
+};
+/**
+ * 设置属性
+ */
+export declare type FormatOpsDelta = {
+    format: diffPropType;
+};
+declare type opsTypes = InsertTextOpsDelta | InsertOpsDelta | DeleteTextOpsDelta | FormatOpsDelta | DeleteEleOpsDelta;
+declare type opsModel<T = opsTypes> = {
+    index: number;
+    parentIndex: number;
+    prevIndex: number;
+    ele: Element;
+    ops: T;
+};
+export declare type opsTrackModel<T = opsTypes> = Omit<opsModel<T>, 'ele'>;
+export declare const docOpsMap: Map<Element, Array<opsModel>>;
+export declare function setTraceTrackingFlag(flag: boolean): void;
+/**
+ * 抑制变更的追踪修改
+ * 在某些情况下不需要进行修改的跟踪，例如：在初始化加载文档时，为了提高效率，增加底层开关
+ */
+export declare function suppressTracking(cb: () => void): void;
+export declare function insertEle(ele: Element): void;
+export declare function removeEle(ele: Element): void;
+export declare function inputText(ele: Element, startIndex: number, input: string): void;
+export declare function removeText(ele: Element, index: number, length: number, content: string): void;
+/**
+ * 记录元素格式化
+ * @param ele |
+ * @param props
+ * @returns
+ */
+export declare function formatEle(ele: Element, props: object): void;
+/**
+ * 记录更新元素属性，通过代理获取
+ * @param ele
+ * @param p
+ * @param oldValue
+ * @param newValue
+ */
+export declare function logUpdateEleProps(ele: Element, p: string | symbol | number, oldValue: any, newValue: any): void;
+export declare function generatePatch(doc: Element): Array<opsTrackModel>;
+/**
+ * 清除变更的数据
+ */
+export declare function clearTraces(doc: Element): void;
+export {};

package/med_editor/framework/element-util.d.ts

@@ -18,7 +18,7 @@ export declare class ElementUtil {
     static setCanvasProps(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D, viewOptions: {
         width: number;
         height: number;
-    }, scale?: number): void;
+    }): void;
     static getDprNumber(val: number, scale?: number): number;
     static readTextProps(dest: TextProps | null, props: TextProps | undefined, options: ViewOptions): TextProps;
     static readEleBaseProps(dest: DataEleBaseProps, props: DataEleBaseProps): DataEleBaseProps;
@@ -120,6 +120,7 @@ export declare class ElementUtil {
      * @returns
      */
     static getControlIndex(control: Element): number;
+    static getControlIndex(control: Element, pure: boolean): number;
     /**
      * 根据全局索引位置获取元素
      * @param control
@@ -130,6 +131,24 @@ export declare class ElementUtil {
         currIndex: number;
         index: number;
     }): Element | null;
+    static getControlByIndex(control: Element, counter: {
+        currIndex: number;
+        index: number;
+    }, pure: boolean): Element | null;
+    /**
+     * 获取元素的全局索引位置，不统计段落符号
+     * @param pure
+     * @param control
+     * @returns
+     */
+    private static _getControlIndex;
+    /**
+     * 根据全局索引位置获取元素，不统计段落符号
+     * @param control
+     * @param counter
+     * @returns
+     */
+    private static _getControlByIndex;
     /**
      * 获取同级紧挨前方的兄弟元素
      * @param element

package/med_editor/framework/event-subject.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 订阅者
+ */
+export declare abstract class Subscription<T = any> {
+    protected closed: boolean;
+    abstract invoke(data: T): void;
+    abstract unsubscribe(): void;
+}
+export declare abstract class EventSourceCore<T> {
+    protected closed: boolean;
+    private subs;
+    next(data?: T): void;
+    protected addSub(sub: Subscription): void;
+    protected removeSub(sub: Subscription): void;
+    unsubscribe(): void;
+}
+/**
+ * DOM事件处理
+ */
+export declare class DOMEventSource<T extends Event> extends EventSourceCore<T> {
+    dom: Node;
+    type: string;
+    constructor(dom: Node, type: string);
+    subscribe(listener: (evt: T) => void): Subscription;
+}
+export declare class DOMSubscription<T> extends Subscription<T> {
+    listener: (evt: T) => void;
+    cancel: () => void;
+    constructor(listener: (evt: T) => void, cancel: () => void);
+    invoke(data: any): void;
+    unsubscribe(): void;
+}
+export declare class Subject<T> extends EventSourceCore<T> {
+    subscribe(listener: (data: T) => void): Subscription;
+}
+export declare class SubjectSubscription extends Subscription {
+    listener: (data: any) => void;
+    cancel: () => void;
+    constructor(listener: (data: any) => void, cancel: () => void);
+    invoke(data: any): void;
+    unsubscribe(): void;
+}
+export declare function fromEvent<T extends Event>(dom: Node, type: string): DOMEventSource<T>;

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

@@ -1,7 +1,7 @@
 import { ElementFactory, LeafElement, readElementProps, SerializeProps, ViewOptions } from "../../element-define";
 import { CheckBoxProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
-import { LeafRenderObject, RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { IRenderData, LeafRenderObject, RenderObject } from "../../render-define";
 import { ElementEvent } from "../../element-event-define";
 export declare class CheckBoxElement extends LeafElement<CheckBoxProps> {
     constructor();
@@ -9,16 +9,12 @@ export declare class CheckBoxElement extends LeafElement<CheckBoxProps> {
     changeState(e: ElementEvent): void;
     serialize(viewOptions: ViewOptions): SerializeProps;
     clone(): CheckBoxElement;
-    getType(): string;
 }
 export declare class CheckBoxFactory extends ElementFactory<CheckBoxProps> {
     match(type: string): boolean;
-    createElement(data: readElementProps<CheckBoxProps>, renderCtx: RenderContenxtType): CheckBoxElement;
+    createElement(data: readElementProps<CheckBoxProps>, renderCtx: RenderContextType): CheckBoxElement;
 }
 export declare class CheckBoxRenderObject extends LeafRenderObject<CheckBoxElement> {
-    render(ctx: RenderContenxtType, position: {
-        x: number;
-        y: number;
-    }): void;
+    render(e: IRenderData): void;
     clone(cloneData?: boolean): RenderObject;
 }

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

@@ -1,8 +1,8 @@
 import { BlockContainerElement, ElementFactory, Position, readElementProps, SelectionContentRange, SerializeProps, ViewOptions } from "../../element-define";
 import { CommContentProps } from "../../element-props";
 import { Element } from "../../element-define";
-import { RenderContenxtType } from "../../render-context";
-import { BlockContainerRenderObject, RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { BlockContainerRenderObject, IRenderData, RenderObject } from "../../render-define";
 import { CommentElement } from "./comment-element-impl";
 export declare abstract class CommContentBaseElement<P extends object = {
     id: string;
@@ -20,14 +20,14 @@ export declare abstract class CommContentBaseRenderObject<E extends CommContentB
 }
 export declare class CommContentElement extends CommContentBaseElement<CommContentProps> {
     constructor();
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject;
+    createRenderObject(options: ViewOptions, renderCtx: RenderContextType): RenderObject;
     serialize(viewOptions: ViewOptions): SerializeProps;
     clone(data: boolean): Element;
 }
 export declare class CommContentRenderObject extends CommContentBaseRenderObject<CommContentElement> {
-    beginRender(ctx: RenderContenxtType, position: Position): void;
-    renderTitle(ctx: RenderContenxtType, position: Position): void;
-    endRender(ctx: RenderContenxtType, position: Position): void;
+    render(e: IRenderData): void;
+    renderTitle(ctx: RenderContextType, position: Position): void;
+    endRender(ctx: RenderContextType, position: Position): void;
     clone(): RenderObject;
 }
 export interface CommentRangeStatus {
@@ -36,5 +36,5 @@ export interface CommentRangeStatus {
 }
 export declare class CommentContentFactory extends ElementFactory<CommContentProps> {
     match(type: string): boolean;
-    createElement(data: readElementProps<CommContentProps>, renderCtx: RenderContenxtType): Element;
+    createElement(data: readElementProps<CommContentProps>, renderCtx: RenderContextType): Element;
 }

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

@@ -1,21 +1,18 @@
 import { Element, ElementFactory, LeafElement, readElementProps, SerializeProps, ViewOptions } from "../../element-define";
 import { CommProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
-import { LeafRenderObject, RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { IRenderData, LeafRenderObject, RenderObject } from "../../render-define";
 export declare class CommentElement extends LeafElement<CommProps> {
     constructor();
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject;
+    createRenderObject(options: ViewOptions, renderCtx: RenderContextType): RenderObject;
     serialize(viewOptions: ViewOptions): SerializeProps | null;
     clone(): Element;
 }
 export declare class CommentRenderObject extends LeafRenderObject<CommentElement> {
-    render(ctx: RenderContenxtType, position: {
-        x: number;
-        y: number;
-    }): void;
+    render(e: IRenderData): void;
     clone(): RenderObject;
 }
 export declare class CommentFactory extends ElementFactory<CommProps> {
     match(type: string): boolean;
-    createElement(data: readElementProps<CommProps>, renderCtx: RenderContenxtType): Element;
+    createElement(data: readElementProps<CommProps>, renderCtx: RenderContextType): Element;
 }

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

@@ -1,10 +1,10 @@
-import { BlockContainerElement, Element, ElementFactory, Position, SelectionContentRange, SerializeProps, ViewOptions } from "../../element-define";
-import { RenderContenxtType } from "../../render-context";
-import { BlockContainerRenderObject, RenderObject } from "../../render-define";
+import { BlockContainerElement, Element, ElementFactory, SelectionContentRange, SerializeProps, ViewOptions } from "../../element-define";
+import { RenderContextType } from "../../render-context";
+import { BlockContainerRenderObject, IRenderData, RenderObject } from "../../render-define";
 import { CommentRangeStatus } from "./comment-content-impl";
 export declare class CommsContainerElement extends BlockContainerElement {
     constructor();
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject;
+    createRenderObject(options: ViewOptions, renderCtx: RenderContextType): RenderObject;
     serialize(viewOptions: ViewOptions): SerializeProps;
     clone(data: boolean): Element;
 }
@@ -12,11 +12,10 @@ export declare class CommsContainerRenderObject extends BlockContainerRenderObje
     isMeasureComm: boolean;
     selectedSet: Map<Element, SelectionContentRange>;
     commentRangeStatus: Array<CommentRangeStatus>;
-    beginRender(ctx: RenderContenxtType, position: Position): void;
-    endRender(ctx: RenderContenxtType, position: Position): void;
+    render(e: IRenderData): void;
     clone(): RenderObject;
 }
 export declare class CommentsFactory extends ElementFactory<null> {
     match(type: string): boolean;
-    createElement(data: any, renderCtx: RenderContenxtType): Element;
+    createElement(data: any, renderCtx: RenderContextType): Element;
 }

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

@@ -1,10 +1,10 @@
 import { Position } from "../../element-define";
-import { RenderContenxtType } from "../../render-context";
+import { RenderContextType } from "../../render-context";
 import { RenderObject } from "../../render-define";
 import { CommentElement } from "./comment-element-impl";
 import { CommsContainerRenderObject } from "./comments-container-impl";
 export declare class CommentsUtil {
-    static remeasureComments(ctx: RenderContenxtType, commWindow: CommsContainerRenderObject, commContainer: CommsContainerRenderObject, map: Array<{
+    static remeasureComments(ctx: RenderContextType, commWindow: CommsContainerRenderObject, commContainer: CommsContainerRenderObject, map: Array<{
         ele: CommentElement;
         render: RenderObject;
         pos: Position;

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

@@ -1,21 +1,20 @@
 import { ViewOptions, Element, SerializeProps, Position } from "../../element-define";
 import { ValidateProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
-import { RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { IRenderData, 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;
+    createRenderObject(options: ViewOptions, renderCtx: RenderContextType): 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;
+    render(e: IRenderData): void;
+    renderTitle(ctx: RenderContextType, position: Position): void;
     clone(): RenderObject;
 }

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

@@ -1,6 +1,6 @@
 import { LeafElement, SerializeProps } from "../../element-define";
-import { RenderContenxtType } from "../../render-context";
-import { LeafRenderObject, RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { IRenderData, LeafRenderObject, RenderObject } from "../../render-define";
 import { InlineGroupInputElement } from "./data-element-base-impl";
 export declare class DataDecorateElement extends LeafElement<any> {
     dataEle: InlineGroupInputElement;
@@ -10,19 +10,9 @@ export declare class DataDecorateElement extends LeafElement<any> {
     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: {
+    render(e: IRenderData): void;
+    renderDecorRect(ctx: RenderContextType, position: {
         x: number;
         y: number;
     }): void;

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

@@ -1,7 +1,7 @@
 import { Element, ElementFactory, Position, readElementProps, ResizeLeafRenderObject, SerializeProps, ViewOptions } from "../../element-define";
 import { DataElementBarcodeProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
-import { LeafRenderObject, RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { IRenderData, LeafRenderObject, RenderObject } from "../../render-define";
 import { DataElementLeaf } from "./data-element-base-impl";
 export declare class DataElementBarcode extends DataElementLeaf<DataElementBarcodeProps> {
     resizeable: boolean;
@@ -13,19 +13,16 @@ export declare class DataElementBarcode extends DataElementLeaf<DataElementBarco
     clone(data: boolean): Element;
     setValue(val: string): void;
     getValue(): string;
-    drawBarcode(renderCtx: RenderContenxtType, pos: Position): void;
+    drawBarcode(renderCtx: RenderContextType, pos: Position): void;
     createBarcodeCache(): void;
 }
 export declare class DataElementBarcodeRenderObject extends ResizeLeafRenderObject {
-    render(ctx: RenderContenxtType, position: {
-        x: number;
-        y: number;
-    }): void;
+    render(e: IRenderData): void;
     clone(): RenderObject;
-    pagePaintCompleted(ctx: RenderContenxtType, pos: Position): void;
+    pagePaintCompleted(e: IRenderData): void;
     private drawResizeCircle;
 }
 export declare class DataElementBarcodeFactory extends ElementFactory<DataElementBarcodeProps> {
     match(type: string): boolean;
-    createElement(data: readElementProps<DataElementBarcodeProps>, renderCtx: RenderContenxtType): Element;
+    createElement(data: readElementProps<DataElementBarcodeProps>, renderCtx: RenderContextType): Element;
 }

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

@@ -1,9 +1,8 @@
-import { Element, InlineGroupElement, LeafElement } from "../../element-define";
-import { InlineGroupRenderObject, RenderObject } from "../../render-define";
+import { Element, ElementFactory, InlineGroupElement, LeafElement } from "../../element-define";
+import { InlineGroupRenderObject, IRenderData, RenderObject } from "../../render-define";
 import { GotCursorEvent } from "../../element-event-define";
 import { DataEleBaseProps, TextProps } from "../../element-props";
 import { DataDecorateElement } from "./data-decorate-impl";
-import { RenderContenxtType } from "../../render-context";
 /**
  * 所有的数据元继承上述两个抽象类
  */
@@ -24,9 +23,21 @@ export declare abstract class InlineGroupInputElement<P extends object = any> ex
         startDecorate: DataDecorateElement;
         endDecorate: DataDecorateElement;
     };
+    protected cloneSelf<T extends InlineGroupInputElement>(data: boolean, constr: new () => T): T;
     beginMeasure(): void;
     addChild(child: Element<any>, index?: number): void;
     clearInnerItems(): void;
+    getInnerItems(): Array<Element>;
+    /**
+     * 追加到内容块末尾
+     * 调用addChild
+     * @param child
+     */
+    addChildToLast(child: Element): void;
+    /**
+     * 追加到内容块开始位置
+     */
+    addChildToFirst(child: Element): void;
 }
 export declare abstract class DataElementInlineGroup<P extends DataEleBaseProps = DataEleBaseProps & {
     valueTextProps: TextProps;
@@ -42,14 +53,7 @@ export declare abstract class DataElementInlineGroup<P extends DataEleBaseProps
     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;
+    render(e: IRenderData): void;
 }
 export declare const validateDataEle: (ele: Element) => boolean;
 export declare const validateDataEleRenderObj: (renderObj: RenderObject) => boolean;
@@ -66,3 +70,6 @@ export declare function IsInSideDataElement(control: LeafElement, offset: number
  * @param offset
  */
 export declare function IsInSideInlineGroupInputElement(control: LeafElement, offset: number): boolean;
+export declare abstract class DataElementBaseFactory<T = null> extends ElementFactory<T> {
+    readCompleted(ele: Element, children: Array<Element>): void;
+}

package/med_editor/framework/impl/data-element/data-element-check-impl.d.ts

@@ -1,8 +1,8 @@
 import { Element, ElementFactory, readElementProps, SerializeProps, ViewOptions } from "../../element-define";
 import { ElementEvent } from "../../element-event-define";
 import { DataEleCheckProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
-import { LeafRenderObject, RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { IRenderData, LeafRenderObject, RenderObject } from "../../render-define";
 import { DataElementLeaf } from "./data-element-base-impl";
 export declare class DataElementCheck extends DataElementLeaf<DataEleCheckProps> {
     constructor();
@@ -16,20 +16,10 @@ export declare class DataElementCheck extends DataElementLeaf<DataEleCheckProps>
 export declare class DataElementCheckRenderObject extends LeafRenderObject {
     constructor(element: Element);
     clone(): RenderObject;
-    render(ctx: RenderContenxtType, position: {
-        x: number;
-        y: number;
-    }): void;
-    /**
-     * 绘制复选框装饰符号
-     */
-    renderCkbDecoreate(ctx: RenderContenxtType, position: {
-        x: number;
-        y: number;
-    }): void;
+    render(e: IRenderData): void;
 }
 export declare class DataElementCheckFactory extends ElementFactory<DataEleCheckProps> {
     match(type: string): boolean;
-    createElement(data: readElementProps<DataEleCheckProps>, renderCtx: RenderContenxtType): Element;
+    createElement(data: readElementProps<DataEleCheckProps>, renderCtx: RenderContextType): Element;
     createDataEleProps(dest: DataEleCheckProps, props: DataEleCheckProps): DataEleCheckProps;
 }

package/med_editor/framework/impl/data-element/data-element-date-impl.d.ts

@@ -1,8 +1,8 @@
-import { Element, ElementFactory, SerializeProps, ViewOptions } from "../../element-define";
+import { Element, SerializeProps, ViewOptions } from "../../element-define";
 import { DataEleDateProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
+import { RenderContextType } from "../../render-context";
 import { RenderObject } from "../../render-define";
-import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
+import { DataElementBaseFactory, DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
 export declare class DataElementDate extends DataElementInlineGroup<DataEleDateProps> {
     constructor();
     createRenderObject(): RenderObject;
@@ -16,8 +16,8 @@ export declare class DataElementDateRenderObject extends DataElementRenderObject
     constructor(element: DataElementDate);
     clone(): RenderObject;
 }
-export declare class DataElementDateFactory extends ElementFactory<DataEleDateProps> {
+export declare class DataElementDateFactory extends DataElementBaseFactory<DataEleDateProps> {
     match(type: string): boolean;
-    createElement(data: any, renderCtx: RenderContenxtType): Element;
+    createElement(data: any, renderCtx: RenderContextType): Element;
     createDataEleProps(dest: DataEleDateProps, props: DataEleDateProps): DataEleDateProps;
 }

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

@@ -1,23 +1,23 @@
-import { InlineGroupInputElement } from "./data-element-base-impl";
-import { InlineGroupRenderObject, RenderObject } from "../../render-define";
-import { RenderContenxtType } from "../../render-context";
-import { SerializeProps, ViewOptions, Element, ElementFactory, Position } from "../../element-define";
+import { DataElementBaseFactory, InlineGroupInputElement } from "./data-element-base-impl";
+import { InlineGroupRenderObject, IRenderData, RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { SerializeProps, ViewOptions, Element, Position } from "../../element-define";
 import { DataElementGroupProps } from "../../element-props";
 export declare class DataElementGroupElement extends InlineGroupInputElement<DataElementGroupProps> {
     constructor();
     clone(data: boolean): Element;
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject | null;
+    createRenderObject(options: ViewOptions, renderCtx: RenderContextType): RenderObject | null;
     serialize(viewOptions: ViewOptions): SerializeProps | null;
 }
 export declare class DataElementGroupRenderObject extends InlineGroupRenderObject<DataElementGroupElement> {
     paintPos: Position;
-    beginRender(ctx: RenderContenxtType, position: Position): void;
+    render(e: IRenderData): void;
     private getCurrentParaGroupRenders;
-    pagePaintCompleted(ctx: RenderContenxtType, position: Position): void;
-    endRender(ctx: RenderContenxtType, position: Position): void;
+    pagePaintCompleted(e: IRenderData): void;
+    endRender(ctx: RenderContextType, position: Position): void;
     clone(): RenderObject;
 }
-export declare class DataElementGroupFactory extends ElementFactory<DataElementGroupProps> {
+export declare class DataElementGroupFactory extends DataElementBaseFactory<DataElementGroupProps> {
     match(type: string): boolean;
-    createElement(data: any, renderCtx: RenderContenxtType): Element;
+    createElement(data: any, renderCtx: RenderContextType): Element;
 }

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

@@ -1,8 +1,9 @@
-import { Element, ElementFactory, ImgLoadStatus, Position, readElementProps, ResizeLeafRenderObject, SerializeProps, ViewOptions } from "../../element-define";
+import { Element, ElementFactory, ImgLoadStatus, readElementProps, ResizeLeafRenderObject, SerializeProps, ViewOptions } from "../../element-define";
 import { DataEleImageProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
-import { LeafRenderObject, RenderObject } from "../../render-define";
+import { RenderContextType } from "../../render-context";
+import { IRenderData, LeafRenderObject, RenderObject } from "../../render-define";
 import { DataElementLeaf } from "./data-element-base-impl";
+import { EditorContext } from "../../document-context";
 export declare class DataElementImage extends DataElementLeaf<DataEleImageProps> {
     status: ImgLoadStatus;
     resizeable: boolean;
@@ -10,21 +11,18 @@ export declare class DataElementImage extends DataElementLeaf<DataEleImageProps>
     createRenderObject(): LeafRenderObject;
     serialize(options: ViewOptions): SerializeProps;
     clone(data: boolean): Element;
-    loadImage(ctx: RenderContenxtType): void;
+    loadImage(ctx: EditorContext): void;
     destroy(): void;
     setValue(val: any): void;
     getValue(): string;
 }
 export declare class DataImageRenderObject extends ResizeLeafRenderObject {
-    render(ctx: RenderContenxtType, position: {
-        x: number;
-        y: number;
-    }): void;
+    render(e: IRenderData): void;
     clone(): RenderObject;
-    pagePaintCompleted(ctx: RenderContenxtType, pos: Position): void;
+    pagePaintCompleted(e: IRenderData): void;
     private drawResizeCircle;
 }
 export declare class DataElementImgFactory extends ElementFactory<DataEleImageProps> {
     match(type: string): boolean;
-    createElement(data: readElementProps<DataEleImageProps>, renderCtx: RenderContenxtType): Element;
+    createElement(data: readElementProps<DataEleImageProps>, renderCtx: RenderContextType): Element;
 }

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

@@ -1,8 +1,8 @@
-import { Element, ElementFactory, readElementProps, SerializeProps, ViewOptions } from "../../element-define";
+import { Element, readElementProps, SerializeProps, ViewOptions } from "../../element-define";
 import { DataEleListProps, DataEleBaseTextProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
+import { RenderContextType } from "../../render-context";
 import { RenderObject } from "../../render-define";
-import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
+import { DataElementBaseFactory, DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
 export declare class DataElementList extends DataElementInlineGroup<DataEleListProps> {
     constructor();
     createRenderObject(): RenderObject;
@@ -15,8 +15,8 @@ export declare class DataElementListRenderObject extends DataElementRenderObject
     constructor(element: DataElementList);
     clone(): RenderObject;
 }
-export declare class DataElementListFactory extends ElementFactory<DataEleListProps> {
+export declare class DataElementListFactory extends DataElementBaseFactory<DataEleListProps> {
     match(type: string): boolean;
-    createElement(data: readElementProps<DataEleListProps>, renderCtx: RenderContenxtType): Element;
+    createElement(data: readElementProps<DataEleListProps>, renderCtx: RenderContextType): Element;
     createDataEleProps(dest: DataEleListProps, props: DataEleListProps): DataEleBaseTextProps;
 }

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

@@ -1,8 +1,8 @@
-import { Element, ElementFactory, SerializeProps, ViewOptions } from "../../element-define";
+import { Element, SerializeProps, ViewOptions } from "../../element-define";
 import { DataEleBaseTextProps } from "../../element-props";
-import { RenderContenxtType } from "../../render-context";
+import { RenderContextType } from "../../render-context";
 import { RenderObject } from "../../render-define";
-import { DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
+import { DataElementBaseFactory, DataElementInlineGroup, DataElementRenderObject } from "./data-element-base-impl";
 export declare class DataElementText extends DataElementInlineGroup<DataEleBaseTextProps> {
     constructor();
     createRenderObject(): RenderObject;
@@ -16,8 +16,8 @@ export declare class DataElementTextRenderObject extends DataElementRenderObject
     constructor(element: DataElementText);
     clone(): RenderObject;
 }
-export declare class DataElementTextFactory extends ElementFactory<DataEleBaseTextProps> {
+export declare class DataElementTextFactory extends DataElementBaseFactory<DataEleBaseTextProps> {
     match(type: string): boolean;
-    createElement(data: any, renderCtx: RenderContenxtType): Element;
+    createElement(data: any, renderCtx: RenderContextType): Element;
     createDataEleProps(dest: DataEleBaseTextProps, props: DataEleBaseTextProps): DataEleBaseTextProps;
 }