@hailin-zheng/editor-core 1.0.7 → 1.0.10

package/src/med_editor/framework/element-event-define.ts

@@ -0,0 +1,141 @@
+import { Element, LeafElement, Rect } from "./element-define";
+import { nanoid } from "nanoid";
+import { LeafRenderObject, RenderObject } from "./render-define";
+import { EditorContext } from "./document-context";
+import { TrackRunTypeEnum } from "./impl/text/track-run-impl";
+
+export type EventStage = 'All' | 'Capture' | 'Bubbling';
+export type EventTypes = 'ElementMousedown' | 'ElementMousemove' | 'ElementClick' | 'ElementDblClick' | 'ElementMouseEnter'
+    | 'ElementMouseLeave' | 'BackspaceKey' | 'DeleteKey' | 'ElementShown' | 'ElementContextMenu' | 'GotCursor' | 'LostCursor' | 'ElementKeyDown' | 'ElementDrop' |
+    'ElementTabKey' | 'GetTrackTips';
+
+export type HitRegion = 'header' | 'body' | 'footer' | 'review';
+
+export interface HitEventInfo {
+    relativeRect: Rect,
+    absoluteRect: Rect,
+    offset: number,
+    render: LeafRenderObject,
+    element: LeafElement,
+    shadowRenderIndex: number,
+    hitDocIndex: number,
+    startRegion?: HitRegion
+}
+
+/**
+ * 元素事件
+ */
+export class ElementEvent {
+    constructor(public ctx: EditorContext) { }
+    /**
+     * 事件源头对象
+     */
+    source!: Element;
+    sourceOffset!: number;
+    sourceRender!: RenderObject;
+    /**
+     * 当前所在的对象
+     */
+    currentElement!: Element;
+    currentRenderObjectX!: number;
+    currentRenderObjectY!: number;
+    //是否取消向上冒泡
+    isCancel!: boolean;
+    globalX!: number;
+    globalY!: number;
+    pageX!: number;
+    pageY!: number;
+    shift!: boolean;
+    ctrl!: boolean;
+    buttons!: number;
+    get selectionState(){
+        return this.ctx.selectionState;
+    }
+}
+
+export interface MenuListener {
+    [listener: string]: <T extends Event>(evt: T) => void;
+}
+export class ContentMenuItem {
+    icon!: string;
+    caption!: string;
+    eventObj!: MenuListener;
+    subItems?: Array<ContentMenuItem> = [];
+}
+/**
+ * 鼠标操作的事件
+ */
+export class MouseElementEvent extends ElementEvent { }
+
+export class MousedownElementEvent extends ElementEvent { }
+export class KeyboradElementEvent extends ElementEvent {
+    key!: string;
+    sourceEvent!: KeyboardEvent;
+}
+export class GotCursorEvent extends ElementEvent { }
+export class LostCursorEvent extends ElementEvent { }
+export interface ITrackTips {
+    trackRunType: TrackRunTypeEnum;
+    name: string;
+    date: string;
+    content: string;
+}
+export class GetTrackTipsEvent extends ElementEvent {
+    trackTips!: ITrackTips;
+}
+export class ContextMenuElementEvent extends ElementEvent {
+    menus: Array<ContentMenuItem> = [];
+}
+export class DropElementEvent extends ElementEvent {
+    dragElement!: Element;
+}
+
+export interface EventProps<T extends ElementEvent = ElementEvent> { id: string, eventName: string, listener: (evt: T) => void, useCapture: boolean }
+export class EventMap {
+    private map: WeakMap<Element, Array<EventProps<any>>> = new WeakMap();
+
+    add<T extends ElementEvent>(element: Element, eventName: EventTypes, listener: (evt: T) => void, useCapture: boolean): string {
+        const events = this.map.get(element);
+        const eventId = nanoid(8);
+        const eventProps: EventProps<T> = { id: eventId, eventName, listener, useCapture };
+        if (!events) {
+            this.map.set(element, [eventProps]);
+        } else {
+            events.push(eventProps);
+        }
+        return eventId;
+    }
+
+    remove(element: Element, eventId: string): void {
+        const events = this.map.get(element);
+        if (events) {
+            const listenerIndex = events.findIndex(item => item.id === eventId);
+            if (listenerIndex >= 0) {
+                events.splice(listenerIndex, 1);
+            }
+        }
+    }
+
+    removeByType(element: Element, eventName: EventTypes): void {
+        const events = this.map.get(element);
+        if (events) {
+            const filterEvents = events.filter(item => item.eventName === eventName);
+            filterEvents.forEach(item => { this.remove(element, item.id) });
+        }
+    }
+
+    clear(element: Element): void {
+        //const events = this.map.get(element);
+        this.map.delete(element);
+    }
+
+    get(element: Element, eventName: string, useCapture = false): Array<(evt: ElementEvent) => void> {
+        const events = this.map.get(element);
+        if (events) {
+            const listener = events.filter(item => item.eventName === eventName && item.useCapture === useCapture).map(item => item.listener);
+            return listener;
+        }
+        return [];
+
+    }
+}