@hailin-zheng/editor-core 1.0.3 → 1.0.6

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

@@ -1,164 +0,0 @@
-import { CommonUtil } from "@/med_editor/framework/common-util";
-import { SelectionRange } from "@/med_editor/framework/document-selection";
-import { ContextMenuElementEvent } from "@/med_editor/framework/element-event-define";
-import { TextProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { LeafRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { LeafElement, ElementFactory, Element, SerializeProps, ViewOptions, ModifyFlag } from "../../element-define";
-import { watchChanged } from "../../notify";
-import { RenderContenxtType, TextUnits } from "../../render-context";
-
-export class TextGroupElement extends LeafElement<TextProps> {
-    //props: TextProps;
-    textMeasures: Array<TextUnits> = [];
-    isMeasure: boolean = false;
-    constructor() {
-        super('text');
-        this.props = new TextProps();
-        watchChanged(this.props, () => {
-            this.isMeasure = false;
-            this.props.clearCache();
-        });
-        //this.addPropValueChangedSub(this.props);
-        //this.addsubscribe(this, this.props.onPropertyChangedSubject.subscribe(() => { this.clearTextCache() }));
-        this.addEvent<ContextMenuElementEvent>('ElementContextMenu', (evt) => {
-            const ss = evt.selectionState;
-            evt.menus.push({
-                icon: "EditStyle", caption: "选中样式组合", eventObj: {
-                    onClick: (cevt) => {
-                        const range = new SelectionRange();
-                        range.setStart(this, 0);
-                        range.setEnd(this, -1);
-                        ss.addRange(range);
-                    }
-                }
-            })
-        });
-    }
-    set text(val: string) {
-        this.splice(0, this.textMeasures.length, val);
-    }
-
-    splice(index: number, deleteCount: number, addText: string | null = null): void {
-        this.isMeasure = false;
-        addText = addText ?? '';
-        const addTextUnits = addText.split('').map(char => ({ sourceSize: 0, actualSize: 0, char }));
-        if (this.textMeasures.length === 0) {
-            this.textMeasures = addTextUnits;
-        } else {
-            this.textMeasures.splice(index, deleteCount, ...addTextUnits);
-        }
-        this.pubOnChange('self');
-    }
-
-    get text() {
-        return this.textMeasures.map(item => item.char).join('');
-    }
-
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): RenderObject {
-        if (!this.isMeasure || this.modifyFlag !== ModifyFlag.None) {
-            renderCtx.contentContext.measureTextUnits(this.textMeasures, this.props);
-            this.isMeasure = true;
-        }
-        const render = new TextGroupRenderObject(this);
-        render.disableClick = this.disableClick;
-        render.textMeasures = [...this.textMeasures];
-        render.measure();
-        return render;
-    }
-
-    serialize(viewOptions: ViewOptions): SerializeProps & any {
-        //修饰元素不序列化
-        if (this.isDecorate) {
-            return null;
-        }
-        return {
-            type: 'text',
-            props: {
-                ...this.props.getSerializeProps(viewOptions)
-            },
-            content: this.text,
-            complete: true
-        }
-    }
-
-    clone(data: boolean): TextGroupElement {
-        const clone = new TextGroupElement();
-        this.props.clone(clone.props);
-        clone.text = this.text;
-        return clone;
-    }
-
-    destroy(): void {
-        super.destroy();
-    }
-
-    spliceText(startOffset: number, endOffset: number, xCopy: boolean): TextGroupElement | null {
-        endOffset = endOffset === -1 ? this.textMeasures.length : endOffset;
-        if (endOffset === startOffset) {
-            return null;
-        }
-        const clone = new TextGroupElement();
-        this.props.clone(clone.props);
-        if (xCopy) {
-            clone.textMeasures = this.textMeasures.splice(startOffset, endOffset - startOffset);
-        } else {
-            clone.textMeasures = this.textMeasures.filter((item, index) => index >= startOffset && index < endOffset);
-        }
-        clone.textMeasures = clone.textMeasures.map(item => ({ sourceSize: 0, actualSize: 0, char: item.char }));
-        return clone;
-    }
-
-    clearTextCache(): void {
-        this.isMeasure = false;
-    }
-}
-
-
-export class TextGroupRenderObject extends LeafRenderObject<TextGroupElement> {
-    textMeasures!: Array<TextUnits>;
-    render(ctx: RenderContenxtType, position: { x: number; y: number; }): void {
-        //null-text不打印
-        if (ctx.drawMode === 'print' && this.element.isDecorate) {
-            return;
-        }
-        if (this.element.props.border) {
-            ctx.contentContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height);
-        }
-        ctx.contentContext.drawTextUnits(this, position.x, position.y);
-        // if (this.element.isMouseenter) {
-        //     ctx.overlaysContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height, CommonUtil.randomColor());
-        // }
-
-    }
-    constructor(element: TextGroupElement) {
-        super(element);
-    }
-    clone(): RenderObject {
-        const cloneRender = new TextGroupRenderObject(this.element);
-        cloneRender.disableClick = this.disableClick;
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        cloneRender.textMeasures = [...this.textMeasures];
-        return cloneRender;
-    }
-
-    measure(): void {
-        this.rect.width = this.textMeasures.reduce((prev, curr) => prev + curr.actualSize, 0);
-        this.rect.height = this.element.props.fontSize;
-    }
-}
-
-export class TextGroupFactory extends ElementFactory<null> {
-    match(type: string): boolean {
-        return type === 'text';
-    }
-    createElement(data: any, renderCtx: RenderContenxtType): Element {
-        const props = data.props as TextProps;
-        const text = data.content as string;
-        const textGroup = new TextGroupElement();
-        textGroup.text = text;
-        ElementUtil.readTextProps(textGroup.props, props, this.options);
-        return textGroup;
-    }
-
-}

package/src/med_editor/framework/impl/text/track-run-impl.ts

@@ -1,135 +0,0 @@
-import {
-    InlineGroupElement,
-    Position,
-    SerializeProps,
-    ViewOptions,
-    Element,
-    ElementFactory, readElementProps
-} from "@/med_editor/framework/element-define";
-import { RenderContenxtType } from "@/med_editor/framework/render-context";
-import { InlineGroupRenderObject, RenderObject } from "@/med_editor/framework/render-define";
-import { TrackRunProps } from "@/med_editor/framework/element-props";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { ElementSerialize } from "../../element-serialize";
-import { GetTrackTipsEvent } from "../../element-event-define";
-import { nanoid } from "nanoid";
-export enum TrackRunTypeEnum {
-    Inserted = 'ins-run',
-    Deleted = 'del-run',
-}
-type NullableType<T> = T | null;
-export class TrackRunElement extends InlineGroupElement<TrackRunProps> {
-    constructor(trackType: TrackRunTypeEnum) {
-        super(trackType);
-        this.props = new TrackRunProps(trackType);
-        this.addEvent<GetTrackTipsEvent>('GetTrackTips', (evt) => {
-            evt.trackTips = {
-                trackRunType: this.type as TrackRunTypeEnum,
-                name: this.props.userName,
-                date: this.props.date,
-                content: ElementSerialize.serializeString(this, { all: true })
-            };
-            console.log(evt.trackTips.content);
-
-            evt.isCancel = true;
-        });
-    }
-
-    clone(data: boolean): Element {
-        const clone = new TrackRunElement(this.type as TrackRunTypeEnum);
-        this.props.clone(clone.props);
-        if (data) {
-            const length = this.length;
-            for (let i = 0; i < length; i++) {
-                clone.addChild(this.getChild(i).clone(true));
-            }
-        }
-        return clone;
-    }
-
-    createRenderObject(options: ViewOptions, renderCtx: RenderContenxtType): NullableType<RenderObject> {
-        if (!options.showTrackChanges && this.type === TrackRunTypeEnum.Deleted) {
-            return null;
-        }
-        return new TrackRunRenderObject(this);
-    }
-
-    serialize(viewOptions: ViewOptions): SerializeProps | null {
-        return {
-            type: this.type,
-            props: this.props.getSerializeProps()
-        };
-    }
-
-    split(index: number): TrackRunElement | null {
-        if (index === 0 || index === this.length) {
-            return null;
-        }
-        const clone = new TrackRunElement(this.type as TrackRunTypeEnum);
-        this.props.clone(clone.props);
-        const items: Array<Element> = [];
-        for (let i = index; i < this.length; i++) {
-            const child = this.getChild(i);
-            items.push(child);
-        }
-        items.forEach(item => {
-            item.remove();
-            clone.addChild(item);
-        });
-        return clone;
-    }
-}
-
-export class TrackRunRenderObject extends InlineGroupRenderObject<TrackRunElement> {
-    constructor(ele: TrackRunElement) {
-        super(ele);
-    }
-
-    beginRender(ctx: RenderContenxtType, position: Position): void {
-        const color = this.element.type === 'ins-run' ? 'green' : 'red';
-        //ctx.overlaysContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height, color);
-    }
-
-    clone(): RenderObject {
-        const cloneRender = new TrackRunRenderObject(this.element);
-        cloneRender.rect = ElementUtil.cloneRect(this.rect);
-        for (let i = 0; i < this.length; i++) {
-            cloneRender.addChild(this.getChild(i).clone());
-        }
-        return cloneRender;
-    }
-
-    endRender(ctx: RenderContenxtType, position: Position): void {
-        const { x, y } = position;
-        const color = this.element.type === 'ins-run' ? 'green' : 'red';
-        for (let i = 0; i < this.length; i++) {
-            const childRender = this.getChild(i);
-            const { rect } = childRender;
-            if (childRender.element && childRender.element.type === 'del-run') {
-                continue;
-            }
-            let lineY = y + rect.y + rect.height;
-            lineY = this.element.type === 'ins-run' ? lineY : lineY - rect.height / 2;
-            ctx.contentContext.drawLine(x + rect.x, lineY, rect.width, color, 1);
-        }
-    }
-}
-
-export class RunElementFactory extends ElementFactory<TrackRunProps>{
-
-    createElement(data: readElementProps<TrackRunProps>, renderCtx: RenderContenxtType): TrackRunElement {
-        const ele = new TrackRunElement(data.type as TrackRunTypeEnum);
-        ele.props.userId = data.props?.userId ?? '';
-        ele.props.userName = data.props?.userName ?? '';
-        ele.props.date = data.props?.date ?? '';
-        ele.props.id = data.props?.id ?? nanoid(5);
-        return ele;
-    }
-
-    match(type: string): boolean {
-        return type === TrackRunTypeEnum.Inserted || type === TrackRunTypeEnum.Deleted;
-    }
-
-
-}
-

package/src/med_editor/framework/notify.ts

@@ -1,130 +0,0 @@
-const EDITOR_REACTIVE = '__editor_reactive';
-const ITERATOR_KEY = Symbol('iterator-key')
-export const reactiveMap = new WeakMap<object, object>();
-export const targetMaps = new WeakMap<object, Map<propType, Set<notifyCallback>>>();
-type propType = string | number | symbol;
-interface notifyCallback {
-    (target: object, p: propType, oldValue: any, newValue: any): string | undefined | void;
-}
-
-
-const activeFns: Array<notifyCallback> = [];
-function track(target: object, p: propType) {
-    const activeFn = activeFns[activeFns.length - 1];
-    if (!activeFn) {
-        return;
-    }
-    let targetMap = targetMaps.get(target)
-    if (!targetMap) {
-        targetMaps.set(target, (targetMap = new Map()))
-    }
-    let effectFns = targetMap.get(p);
-    if (!effectFns) {
-        targetMap.set(p, (effectFns = new Set()))
-    }
-    effectFns.add(activeFn)
-}
-
-function trigger(target: object, p: propType, oldValue: any, newValue: any): void {
-    //不需要触发
-    if (p.toString().startsWith('__')) {
-        return;
-    }
-    const targetMap = targetMaps.get(target);
-    if (!targetMap) {
-        return;
-    }
-    const effectFns = targetMap.get(p);
-    const iteratorFns = targetMap.get(ITERATOR_KEY);
-    const fns = new Set<notifyCallback>();
-    effectFns && effectFns.forEach(item => fns.add(item));
-    iteratorFns && iteratorFns.forEach(item => fns.add(item));
-    const activeFn = activeFns[activeFns.length - 1];
-    //防止死循环，过滤正在运行的副作用
-    if (activeFn) {
-        fns.delete(activeFn)
-    }
-    fns.forEach(fn => {
-        fn(target, p, oldValue, newValue)
-    });
-}
-
-export function watchChanged<T extends object>(source: T, cb: notifyCallback): T {
-    if ((<any>source)[EDITOR_REACTIVE]) {
-        addToTrack((<any>source)['raw'], source, cb);
-        return source;
-    }
-    if (isDate(source)) {
-        return source;
-    }
-    const existProxy = reactiveMap.get(source);
-    if (existProxy) {
-        return existProxy as T;
-    }
-    const proxy = new Proxy(source, {
-        get(target, p, receiver) {
-            if (p === 'raw') {
-                return target;
-            }
-            if (p === EDITOR_REACTIVE) {
-                return true;
-            }
-            const res = Reflect.get(target, p, receiver)
-            if (typeof res === 'object' && res) {
-                return watchChanged(res, cb);
-            }
-            return res;
-        },
-        set(target, p, newValue, receiver) {
-            //console.log('设置' + p.toString())
-            const oldValue = (<any>target)[p];
-            const res = Reflect.set(target, p, newValue, receiver);
-            if ((<any>receiver).raw === target) {
-                if (oldValue !== newValue && (oldValue === oldValue || newValue === newValue)) {
-                    trigger(target, p, oldValue, newValue);
-                }
-            }
-            return res;
-        },
-        deleteProperty(target, p) {
-            const res = Reflect.deleteProperty(target, p);
-            trigger(target, p, null, null);
-            return res;
-        },
-        defineProperty(target, p, attributes) {
-            const res = Reflect.defineProperty(target, p, attributes)
-            trigger(target, p, null, null);
-            return res;
-        }
-    })
-    addToTrack(source, proxy, cb);
-    return proxy;
-}
-
-function addToTrack(source: object, proxy: object, cb: notifyCallback): void {
-    activeFns.push(cb);
-    track(source, ITERATOR_KEY);
-    activeFns.pop();
-    reactiveMap.set(source, proxy);
-}
-
-
-export function setNotifyChangedCallback(target: object, p: propType, cb: notifyCallback): void {
-    let trackTarget: any = target;
-    if ((<any>target)[EDITOR_REACTIVE]) {
-        trackTarget = (<any>target)['raw'];
-    }
-    activeFns.push(cb)
-    track(trackTarget, p);
-    activeFns.pop()
-}
-
-export const isDate = (val: unknown): val is Date => val instanceof Date
-
-export const objectToString = Object.prototype.toString
-export const toTypeString = (value: unknown): string =>
-    objectToString.call(value)
-
-export const toRawType = (value: unknown): string => {
-    return toTypeString(value).slice(8, -1)
-}