@leafer/event 1.0.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023-present, Chao (Leafer) Wan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# @leafer/event

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@leafer/event",
+  "version": "1.0.0-alpha.1",
+  "description": "@leafer/event",
+  "author": "Chao (Leafer) Wan",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "files": ["src"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/leaferjs/leafer.git"
+  },
+  "homepage": "https://github.com/leaferjs/leafer/tree/main/packages/event",
+  "bugs": "https://github.com/leaferjs/leafer/issues",
+  "keywords": [
+    "leafer",
+    "leaferjs"
+  ],
+  "dependencies": {
+    "@leafer/decorator": "1.0.0-alpha.1"
+  },
+  "devDependencies": {
+     "@leafer/interface": "1.0.0-alpha.1"
+  }
+}

package/src/AttrEvent.ts

@@ -0,0 +1,23 @@
+import { IAttrEvent, IEventTarget } from '@leafer/interface'
+import { registerEvent } from '@leafer/decorator'
+
+import { Event } from './Event'
+
+
+@registerEvent()
+export class AttrEvent extends Event implements IAttrEvent {
+
+    static CHANGE = 'attr.change'
+
+    readonly attrName: string
+    readonly oldValue: unknown
+    readonly newValue: unknown
+
+    constructor(type: string, target: IEventTarget, attrName: string, oldValue: unknown, newValue: unknown) {
+        super(type, target)
+        this.attrName = attrName
+        this.oldValue = oldValue
+        this.newValue = newValue
+    }
+
+}

package/src/ChildEvent.ts

@@ -0,0 +1,22 @@
+import { IChildEvent, ILeaf } from '@leafer/interface'
+import { registerEvent } from '@leafer/decorator'
+
+import { Event } from './Event'
+
+
+@registerEvent()
+export class ChildEvent extends Event implements IChildEvent {
+
+    static ADD = 'child.add'
+    static REMOVE = 'child.remove'
+
+    readonly parent?: ILeaf
+    readonly child?: ILeaf
+
+    constructor(type: string, child?: ILeaf, parent?: ILeaf) {
+        super(type, child)
+        this.parent = parent
+        this.child = child
+    }
+
+}

package/src/Event.ts

@@ -0,0 +1,35 @@
+import { IEvent, IEventTarget } from '@leafer/interface'
+
+
+export class Event implements IEvent {
+
+    readonly type: string
+    readonly target: IEventTarget
+    readonly current: IEventTarget
+
+    readonly bubbles: boolean = false
+    readonly phase: number
+
+    public isStopDefault: boolean
+    public isStop: boolean
+    public isStopNow: boolean
+
+    constructor(type: string, target?: IEventTarget) {
+        this.type = type
+        if (target) this.target = target
+    }
+
+    public stopDefault(): void {
+        this.isStopDefault = true
+    }
+
+    public stopNow(): void {
+        this.isStopNow = true
+        this.isStop = true
+    }
+
+    public stop(): void {
+        this.isStop = true
+    }
+
+}

package/src/LayoutEvent.ts

@@ -0,0 +1,30 @@
+import { ILayoutEvent, ILayoutBlockData } from '@leafer/interface'
+import { registerEvent } from '@leafer/decorator'
+
+import { Event } from './Event'
+
+
+@registerEvent()
+export class LayoutEvent extends Event implements ILayoutEvent {
+
+    static REQUEST = 'layout.request'
+
+    static START = 'layout.start'
+
+    static BEFORE_ONCE = 'layout.before_once'
+    static ONCE = 'layout.once'
+    static AFTER_ONCE = 'layout.after_once'
+
+    static AGAIN = 'layout.again'
+
+    static LAYOUT = 'layout'
+    static END = 'layout.end'
+
+    readonly data: ILayoutBlockData[]
+
+    constructor(type: string, data?: ILayoutBlockData[]) {
+        super(type)
+        if (data) this.data = data
+    }
+
+}

package/src/RenderEvent.ts

@@ -0,0 +1,23 @@
+import { IRenderEvent } from '@leafer/interface'
+import { registerEvent } from '@leafer/decorator'
+
+import { Event } from './Event'
+
+
+@registerEvent()
+export class RenderEvent extends Event implements IRenderEvent {
+
+    static REQUEST = 'render.request'
+
+    static START = 'render.start'
+
+    static BEFORE_ONCE = 'render.before_once'
+    static ONCE = 'render.once'
+    static AFTER_ONCE = 'render.after_once'
+
+    static AGAIN = 'render.again'
+
+    static RENDER = 'render'
+    static END = 'render.end'
+
+}

package/src/ResizeEvent.ts

@@ -0,0 +1,40 @@
+import { IResizeEvent, IScreenSizeData } from '@leafer/interface'
+import { registerEvent } from '@leafer/decorator'
+
+import { Event } from './Event'
+
+
+@registerEvent()
+export class ResizeEvent extends Event implements IResizeEvent {
+
+    static RESIZE: string = 'resize'
+
+    readonly width: number
+    readonly height: number
+    readonly pixelRatio: number
+
+    public get bigger(): boolean {
+        if (!this.old) return true
+        const { width, height } = this.old
+        return this.width >= width && this.height >= height
+    }
+
+    public get smaller(): boolean {
+        return !this.bigger
+    }
+
+    public get samePixelRatio(): boolean {
+        if (!this.old) return true
+        return this.pixelRatio === this.old.pixelRatio
+    }
+
+    readonly old: IScreenSizeData
+
+    constructor(size: IScreenSizeData | string, oldSize?: IScreenSizeData) {
+        const realSize = typeof size === 'object'
+        super(realSize ? ResizeEvent.RESIZE : size)
+        if (realSize) Object.assign(this, size)
+        this.old = oldSize
+    }
+
+}

package/src/TransformEvent.ts

@@ -0,0 +1,34 @@
+import { ITransformEvent, ITransformEventData } from '@leafer/interface'
+import { registerEvent } from '@leafer/decorator'
+
+import { Event } from './Event'
+
+
+@registerEvent()
+export class TransformEvent extends Event implements ITransformEvent {
+
+    static BEFORE = 'transform.before'
+    static CHANGE = 'transform.change'
+    static AFTER = 'transform.after'
+
+    static PRE_BEFORE = 'transform.pre_before'
+    static PRE_CHANGE = 'transform.pre_change'
+    static PRE_AFTER = 'transform.pre_after'
+
+    readonly x: number
+    readonly y: number
+    readonly scaleX: number
+    readonly scaleY: number
+    readonly rotation: number
+
+    readonly zooming: boolean
+    readonly moving: boolean
+    readonly rotating: boolean
+    readonly changing: boolean
+
+    constructor(type: string, params?: ITransformEventData) {
+        super(type)
+        if (params) Object.assign(this, params)
+    }
+
+}

package/src/WatchEvent.ts

@@ -0,0 +1,20 @@
+import { IWatchEvent, IWatchEventData } from '@leafer/interface'
+import { registerEvent } from '@leafer/decorator'
+
+import { Event } from './Event'
+
+
+@registerEvent()
+export class WatchEvent extends Event implements IWatchEvent {
+
+    static REQUEST = 'watch.request'
+    static DATA = 'watch.data'
+
+    readonly data: IWatchEventData
+
+    constructor(type: string, data?: IWatchEventData) {
+        super(type)
+        this.data = data
+    }
+
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+export { ChildEvent } from './ChildEvent'
+export { AttrEvent } from './AttrEvent'
+export { ResizeEvent } from './ResizeEvent'
+export { TransformEvent } from './TransformEvent'
+export { WatchEvent } from './WatchEvent'
+export { LayoutEvent } from './LayoutEvent'
+export { RenderEvent } from './RenderEvent'
+
+export { Event } from './Event'
+