rege 0.3.0 → 0.5.0

package/src/resize/index.ts

@@ -1,5 +1,6 @@
-import { EventState, event } from 'reev/src'
-import { ResizeState } from './types'
+import { event } from 'reev/src'
+import type { EventState } from 'reev/src'
+import type { ResizeState } from './types'
 
 export * from './types'
 
@@ -29,7 +30,7 @@ export const resizeEvent = <El extends Element = Element>(state: ResizeState) =>
 
         const clean = () => {}
 
-        const ref = (el: El) => {
+        const ref = (el: El | null) => {
                 self(state)
                 if (el) {
                         self.mount(el)

package/src/resize/react.ts

@@ -1,8 +1,8 @@
 import { resizeEvent } from '.'
 import { useMutable, useOnce } from 'reev/src/react'
-import { ResizeArg, ResizeState } from './types'
 import { isF } from '../utils'
 import type { ReactNode } from 'react'
+import type { ResizeArg, ResizeState } from './types'
 
 export const useResize = (arg: ResizeArg) => {
         if (isF(arg)) arg = { resize: arg }

package/src/scroll/index.ts

@@ -1,7 +1,8 @@
 import { vec2, addV, cpV, subV } from '../utils'
 import { scrollValues } from './utils'
-import { EventState, event } from 'reev/src'
-import { ScrollState } from './types'
+import { event } from 'reev/src'
+import type { EventState } from 'reev/src'
+import type { ScrollState } from './types'
 
 export * from './types'
 
@@ -65,7 +66,7 @@ export const scrollEvent = <El extends Element = Element>(config?: ScrollState)
                 window.removeEventListener('scroll', self.scrolling)
         }
 
-        const ref = (el: Element | null) => {
+        const ref = (el: El | null) => {
                 self(config as ScrollState<El>)
                 if (el) {
                         self.mount(el)

package/src/scroll/react.ts

@@ -1,8 +1,8 @@
 import { useOnce, useMutable } from 'reev/src/react'
-import { ScrollConfig, ScrollState } from './types'
 import { scrollEvent } from './index'
 import { isF } from '../utils'
 import type { ReactNode } from 'react'
+import type { ScrollConfig, ScrollState } from './types'
 
 export const useScroll = <El extends Element = Element>(config: ScrollConfig) => {
         if (isF(config)) config = { scroll: config }

package/src/scroll/types.ts

@@ -1,4 +1,4 @@
-import { Vec2 } from '../utils'
+import type { Vec2 } from '../utils'
 
 export interface ScrollState<El extends Element = Element> {
         _active: boolean
@@ -20,9 +20,9 @@ export interface ScrollState<El extends Element = Element> {
         scrollStart(e: Event): void
         scrolling(e: Event): void
         scrollEnd(e: Event): void
-        mount(target: Element): void
+        mount(target: El): void
         clean(target: null): void
-        ref(traget: Element): void
+        ref(traget: El | null): void
         tick?: () => void
 }
 

package/src/scroll/utils.ts

@@ -1,4 +1,5 @@
-import { vec2, Vec2 } from '../utils'
+import { vec2 } from '../utils'
+import type { Vec2 } from '../utils'
 
 export const scrollValues = (e: any, out = vec2()): Vec2 => {
         const { scrollX: x, scrollLeft: xx } = e.currentTarget

package/src/wheel/index.ts

@@ -1,7 +1,8 @@
 import { vec2, addV, cpV } from '../utils'
 import { wheelValues } from './utils'
-import { EventState, event } from 'reev/src'
-import { WheelState } from './types'
+import { event } from 'reev/src'
+import type { EventState } from 'reev/src'
+import type { WheelState } from './types'
 
 export * from './types'
 
@@ -62,7 +63,7 @@ export const wheelEvent = <El extends Element = Element>(config?: WheelState) =>
                 target.removeEventListener('wheel', self.wheeling)
         }
 
-        const ref = (el: Element | null) => {
+        const ref = (el: El | null) => {
                 self(config as WheelState<El>)
                 if (el) {
                         self.mount(el)

package/src/wheel/react.ts

@@ -1,8 +1,8 @@
 import { useOnce, useMutable } from 'reev/src/react'
-import { WheelConfig, WheelState } from './types'
 import { wheelEvent } from './index'
 import { isF } from '../utils'
 import type { ReactNode } from 'react'
+import type { WheelConfig, WheelState } from './types'
 
 export const useWheel = <El extends Element = Element>(config: WheelConfig) => {
         if (isF(config)) config = { wheel: config }

package/src/wheel/types.ts

@@ -1,4 +1,4 @@
-import { Vec2 } from '../utils'
+import type { Vec2 } from '../utils'
 
 export interface WheelState<El extends Element = Element> {
         _active: boolean
@@ -20,9 +20,9 @@ export interface WheelState<El extends Element = Element> {
         wheelStart(e: Event): void
         wheeling(e: Event): void
         wheelEnd(e: Event): void
-        mount(target: Element): void
+        mount(target: El): void
         clean(target: null): void
-        ref(traget: Element | null): void
+        ref(traget: El | null): void
         tick?: () => void
 }
 

package/src/wheel/utils.ts

@@ -1,4 +1,5 @@
-import { vec2, Vec2 } from '../utils'
+import { vec2 } from '../utils'
+import type { Vec2 } from '../utils'
 
 const LINE_HEIGHT = 40