@leafer/event 1.0.2 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer/event",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "@leafer/event",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -22,10 +22,11 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/decorator": "1.0.2",
-    "@leafer/platform": "1.0.2"
+    "@leafer/decorator": "1.0.3",
+    "@leafer/math": "1.0.3",
+    "@leafer/platform": "1.0.3"
   },
   "devDependencies": {
-    "@leafer/interface": "1.0.2"
+    "@leafer/interface": "1.0.3"
   }
 }

package/src/ChildEvent.ts

@@ -7,7 +7,11 @@ export class ChildEvent extends Event implements IChildEvent {
 
     static ADD = 'child.add'
     static REMOVE = 'child.remove'
-    static DESTROY = 'child.destroy'
+
+    static CREATED = 'created'
+    static MOUNTED = 'mounted'
+    static UNMOUNTED = 'unmounted'
+    static DESTROY = 'destroy'
 
     readonly parent?: ILeaf
     readonly child?: ILeaf

package/src/Eventer.ts

@@ -0,0 +1,177 @@
+import { IEventListener, IEventListenerMap, IEventListenerItem, IEventListenerId, IEvent, IObject, IEventTarget, IEventOption, IEventer, IEventMap, InnerId } from '@leafer/interface'
+import { EventCreator } from '@leafer/platform'
+
+
+const empty = {}
+
+export class Eventer implements IEventer {
+
+    public readonly innerId: InnerId
+
+    public __captureMap?: IEventListenerMap
+
+    public __bubbleMap?: IEventListenerMap
+
+    public syncEventer?: IEventer
+
+    public set event(map: IEventMap) { this.on(map) }
+
+
+    public on(type: string | string[] | IEventMap, listener?: IEventListener, options?: IEventOption): void {
+
+        if (!listener) {
+            let event, map = type as IEventMap
+            for (let key in map) event = map[key], event instanceof Array ? this.on(key, event[0], event[1]) : this.on(key, event)
+            return
+        }
+
+        let capture: boolean, once: boolean
+        if (options) {
+            if (options === 'once') {
+                once = true
+            } else if (typeof options === 'boolean') {
+                capture = options
+            } else {
+                capture = options.capture
+                once = options.once
+            }
+        }
+
+        let events: IEventListenerItem[]
+        const map = __getListenerMap(this, capture, true)
+        const typeList = typeof type === 'string' ? type.split(' ') : type as string[]
+        const item = once ? { listener, once } : { listener }
+
+        typeList.forEach(type => {
+            if (type) {
+                events = map[type]
+                if (events) {
+                    if (events.findIndex(item => item.listener === listener) === -1) events.push(item)
+                } else {
+                    map[type] = [item]
+                }
+            }
+        })
+    }
+
+    public off(type?: string | string[], listener?: IEventListener, options?: IEventOption): void {
+        if (type) {
+
+            const typeList = typeof type === 'string' ? type.split(' ') : type
+
+            if (listener) {
+
+                let capture: boolean
+                if (options) capture = typeof options === 'boolean' ? options : (options === 'once' ? false : options.capture)
+
+                let events: IEventListenerItem[], index: number
+                const map = __getListenerMap(this, capture)
+
+                typeList.forEach(type => {
+                    if (type) {
+                        events = map[type]
+                        if (events) {
+                            index = events.findIndex(item => item.listener === listener)
+                            if (index > -1) events.splice(index, 1)
+                            if (!events.length) delete map[type]
+                        }
+                    }
+                })
+
+            } else {
+
+                // off type
+                const { __bubbleMap: b, __captureMap: c } = this
+                typeList.forEach(type => {
+                    if (b) delete b[type]
+                    if (c) delete c[type]
+                })
+
+            }
+
+        } else {
+
+            this.__bubbleMap = this.__captureMap = undefined  // off all
+
+        }
+
+    }
+
+    public on_(type: string | string[], listener: IEventListener, bind?: IObject, options?: IEventOption): IEventListenerId {
+        if (bind) listener = listener.bind(bind)
+        this.on(type, listener, options)
+        return { type, current: this as any, listener, options }
+    }
+
+    public off_(id: IEventListenerId | IEventListenerId[]): void {
+        if (!id) return
+        const list = id instanceof Array ? id : [id]
+        list.forEach(item => item.current.off(item.type, item.listener, item.options))
+        list.length = 0
+    }
+
+    public once(type: string | string[], listener: IEventListener, capture?: boolean): void {
+        this.on(type, listener, { once: true, capture })
+    }
+
+    public emit(type: string, event?: IEvent | IObject, capture?: boolean): void {
+        if (!event && EventCreator.has(type)) event = EventCreator.get(type, { type, target: this, current: this } as IEvent)
+
+        const map = __getListenerMap(this, capture)
+        const list = map[type]
+        if (list) {
+            let item: IEventListenerItem
+            for (let i = 0, len = list.length; i < len; i++) {
+                item = list[i]
+                item.listener(event)
+                if (item.once) {
+                    this.off(type, item.listener, capture)
+                    i--, len--
+                }
+                if (event && (event as IEvent).isStopNow) break
+            }
+        }
+
+        this.syncEventer && this.syncEventer.emitEvent(event, capture)
+    }
+
+    public emitEvent(event: IEvent, capture?: boolean): void {
+        event.current = this
+        this.emit(event.type, event, capture)
+    }
+
+    public hasEvent(type: string, capture?: boolean): boolean {
+        if (this.syncEventer && this.syncEventer.hasEvent(type, capture)) return true
+
+        const { __bubbleMap: b, __captureMap: c } = this
+        const hasB = b && b[type], hasC = c && c[type]
+        return !!(capture === undefined ? (hasB || hasC) : (capture ? hasC : hasB))
+    }
+
+    public destroy(): void {
+        this.__captureMap = this.__bubbleMap = this.syncEventer = null
+    }
+}
+
+
+function __getListenerMap(eventer: IEventTarget, capture?: boolean, create?: boolean): IEventListenerMap {
+    if (capture) {
+
+        const { __captureMap: c } = eventer
+        if (c) {
+            return c
+        } else {
+            return create ? eventer.__captureMap = {} : empty
+        }
+
+    } else {
+
+        const { __bubbleMap: b } = eventer
+        if (b) {
+            return b
+        } else {
+            return create ? eventer.__bubbleMap = {} : empty
+        }
+
+    }
+}

package/src/index.ts

@@ -4,8 +4,8 @@ export { ImageEvent } from './ImageEvent'
 export { ResizeEvent } from './ResizeEvent'
 export { WatchEvent } from './WatchEvent'
 export { LayoutEvent } from './LayoutEvent'
-export { AnimateEvent } from './AnimateEvent'
 export { RenderEvent } from './RenderEvent'
 export { LeaferEvent } from './LeaferEvent'
 
-export { Event } from './Event'
+export { Event } from './Event'
+export { Eventer } from './Eventer'

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import { IEvent, IObject, IEventTarget, IChildEvent, ILeaf, IPropertyEvent, IImageEvent, ILeaferImage, IResizeEvent, IScreenSizeData, IWatchEvent, IWatchEventData, ILayoutEvent, ILayoutBlockData, IAnimateEvent, IRenderEvent, IBounds, IRenderOptions, ILeaferEvent } from '@leafer/interface';
+import { IEvent, IObject, IEventTarget, IChildEvent, ILeaf, IPropertyEvent, IImageEvent, ILeaferImage, IResizeEvent, IScreenSizeData, IWatchEvent, IWatchEventData, ILayoutEvent, ILayoutBlockData, IRenderEvent, IBounds, IRenderOptions, ILeaferEvent, IEventer, InnerId, IEventListenerMap, IEventMap, IEventListener, IEventOption, IEventListenerId } from '@leafer/interface';
 
 declare class Event implements IEvent {
     readonly origin: IObject;
@@ -19,6 +19,9 @@ declare class Event implements IEvent {
 declare class ChildEvent extends Event implements IChildEvent {
     static ADD: string;
     static REMOVE: string;
+    static CREATED: string;
+    static MOUNTED: string;
+    static UNMOUNTED: string;
     static DESTROY: string;
     readonly parent?: ILeaf;
     readonly child?: ILeaf;
@@ -78,10 +81,6 @@ declare class LayoutEvent extends Event implements ILayoutEvent {
     constructor(type: string, data?: ILayoutBlockData[], times?: number);
 }
 
-declare class AnimateEvent extends Event implements IAnimateEvent {
-    static FRAME: string;
-}
-
 declare class RenderEvent extends Event implements IRenderEvent {
     static REQUEST: string;
     static START: string;
@@ -109,4 +108,21 @@ declare class LeaferEvent extends Event implements ILeaferEvent {
     static END: string;
 }
 
-export { AnimateEvent, ChildEvent, Event, ImageEvent, LayoutEvent, LeaferEvent, PropertyEvent, RenderEvent, ResizeEvent, WatchEvent };
+declare class Eventer implements IEventer {
+    readonly innerId: InnerId;
+    __captureMap?: IEventListenerMap;
+    __bubbleMap?: IEventListenerMap;
+    syncEventer?: IEventer;
+    set event(map: IEventMap);
+    on(type: string | string[] | IEventMap, listener?: IEventListener, options?: IEventOption): void;
+    off(type?: string | string[], listener?: IEventListener, options?: IEventOption): void;
+    on_(type: string | string[], listener: IEventListener, bind?: IObject, options?: IEventOption): IEventListenerId;
+    off_(id: IEventListenerId | IEventListenerId[]): void;
+    once(type: string | string[], listener: IEventListener, capture?: boolean): void;
+    emit(type: string, event?: IEvent | IObject, capture?: boolean): void;
+    emitEvent(event: IEvent, capture?: boolean): void;
+    hasEvent(type: string, capture?: boolean): boolean;
+    destroy(): void;
+}
+
+export { ChildEvent, Event, Eventer, ImageEvent, LayoutEvent, LeaferEvent, PropertyEvent, RenderEvent, ResizeEvent, WatchEvent };

package/src/AnimateEvent.ts

@@ -1,10 +0,0 @@
-import { IAnimateEvent } from '@leafer/interface'
-
-import { Event } from './Event'
-
-
-export class AnimateEvent extends Event implements IAnimateEvent {
-
-    static FRAME = 'animate.frame'
-
-}