@cclr/front 0.1.17 → 0.1.19

package/lib/type/index.d.ts

@@ -29,60 +29,174 @@ declare const delDom: (dom: Element) => void;
  */
 declare const getEmptyImage: () => HTMLImageElement;
 
-type CommonDOMEventTypes = 'click' | 'dblclick' | 'mousedown' | 'mouseup' | 'mousemove' | 'mouseover' | 'mouseout' | 'keydown' | 'keyup' | 'keypress' | 'touchstart' | 'touchend' | 'touchmove' | 'touchcancel' | 'dragstart' | 'drag' | 'dragend' | 'dragenter' | 'dragover' | 'dragleave' | 'drop' | 'scroll' | 'scroll' | 'scroll' | 'wheel' | 'resize';
+type CommonDOMEventTypes = 'click' | 'dblclick' | 'mousedown' | 'mouseup' | 'mousemove' | 'mouseover' | 'mouseout' | 'keydown' | 'keyup' | 'keypress' | 'touchstart' | 'touchend' | 'touchmove' | 'touchcancel' | 'dragstart' | 'drag' | 'dragend' | 'dragenter' | 'dragover' | 'dragleave' | 'drop' | 'scroll' | 'wheel' | 'resize' | 'mouseenter' | 'mouseleave' | 'contextmenu' | 'focus' | 'blur' | 'input' | 'change' | 'submit' | 'reset' | 'focusin' | 'focusout' | 'select' | 'pointerdown' | 'pointerup' | 'pointermove' | 'pointerover' | 'pointerout' | 'pointerenter' | 'pointerleave' | 'pointercancel' | 'gotpointercapture' | 'lostpointercapture';
 type EventListenerOptions = boolean | AddEventListenerOptions;
-type TEventMap = Partial<{
-    click: (e: MouseEvent) => void;
-    dblclick: (e: MouseEvent) => void;
-    mousedown: (e: MouseEvent) => void;
-    mouseup: (e: MouseEvent) => void;
-    mousemove: (e: MouseEvent) => void;
-    mouseover: (e: MouseEvent) => void;
-    mouseout: (e: MouseEvent) => void;
-    keydown: (e: KeyboardEvent) => void;
-    keyup: (e: KeyboardEvent) => void;
-    keypress: (e: KeyboardEvent) => void;
-    touchstart: (e: TouchEvent) => void;
-    touchend: (e: TouchEvent) => void;
-    touchmove: (e: TouchEvent) => void;
-    touchcancel: (e: TouchEvent) => void;
+type TEventMap<T = HTMLElement> = Partial<{
+    click: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    dblclick: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mousedown: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseup: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mousemove: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseover: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseout: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseenter: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseleave: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    keydown: (e: KeyboardEvent & {
+        target: T;
+    }) => void;
+    keyup: (e: KeyboardEvent & {
+        target: T;
+    }) => void;
+    keypress: (e: KeyboardEvent & {
+        target: T;
+    }) => void;
+    touchstart: (e: TouchEvent & {
+        target: T;
+    }) => void;
+    touchend: (e: TouchEvent & {
+        target: T;
+    }) => void;
+    touchmove: (e: TouchEvent & {
+        target: T;
+    }) => void;
+    touchcancel: (e: TouchEvent & {
+        target: T;
+    }) => void;
     /**
      * 拖动元素开始触发
      * dataTransfer.setData()方法设置数据类型和拖动的数据
      * e.dataTransfer.setData("Text", event.target.id);
      */
-    dragstart: (e: DragEvent) => void;
+    dragstart: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 拖动元素时触发
      */
-    drag: (e: DragEvent) => void;
+    drag: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 拖动元素结束触发
      */
-    dragend: (e: DragEvent) => void;
+    dragend: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 接收元素，进入时触发
      */
-    dragenter: (e: DragEvent) => void;
+    dragenter: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 接收元素，内部移动时触发
      * 如果使用drop，必须防止元素的默认处理
      * event.preventDefault();
      */
-    dragover: (e: DragEvent) => void;
+    dragover: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 接收元素，离开时触发
      */
-    dragleave: (e: DragEvent) => void;
+    dragleave: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 接收元素，拖动完成后触发
      * dataTransfer.getData()方法获得拖放数据
      * e.dataTransfer.getData("Text");
      */
-    drop: (e: DragEvent) => void;
-    scroll: (e: Event) => void;
-    wheel: (e: WheelEvent) => void;
-    resize: (e: Event) => void;
+    drop: (e: DragEvent & {
+        target: T;
+    }) => void;
+    scroll: (e: Event & {
+        target: T;
+    }) => void;
+    wheel: (e: WheelEvent & {
+        target: T;
+    }) => void;
+    resize: (e: Event & {
+        target: T;
+    }) => void;
+    contextmenu: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    focus: (e: FocusEvent & {
+        target: T;
+    }) => void;
+    blur: (e: FocusEvent & {
+        target: T;
+    }) => void;
+    input: (e: InputEvent & {
+        target: T;
+    }) => void;
+    change: (e: Event & {
+        target: T;
+    }) => void;
+    submit: (e: Event & {
+        target: T;
+    }) => void;
+    reset: (e: Event & {
+        target: T;
+    }) => void;
+    focusin: (e: FocusEvent & {
+        target: T;
+    }) => void;
+    focusout: (e: FocusEvent & {
+        target: T;
+    }) => void;
+    select: (e: Event & {
+        target: T;
+    }) => void;
+    pointerdown: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerup: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointermove: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerover: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerout: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerenter: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerleave: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointercancel: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    gotpointercapture: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    lostpointercapture: (e: PointerEvent & {
+        target: T;
+    }) => void;
 }>;
 
 /**
@@ -103,7 +217,7 @@ declare const addEventListener: <T extends HTMLElement = HTMLElement>(dom: T, ty
  * @param options 事件监听选项
  * @returns 移除事件监听的函数
  */
-declare const addEventListenerMultiple: <T extends HTMLElement = HTMLElement>(dom: T, listenerMap: TEventMap, options?: EventListenerOptions) => () => void;
+declare const addEventListenerMultiple: <T extends HTMLElement = HTMLElement>(dom: T, listenerMap: TEventMap<T>, options?: EventListenerOptions) => () => void;
 
 /**
  * 添加样式表

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cclr/front",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "description": "前端开发使用工具",
   "author": "cclr <18843152354@163.com>",
   "homepage": "",
@@ -27,9 +27,9 @@
     "g:test": "vitest run",
     "g:build": "ccf build"
   },
-  "gitHead": "5463a4bf24b98f18f5e349347c9b048f2670c990",
+  "gitHead": "8f3b61a1d4597514d1fe34d639be849f717bd2c4",
   "dependencies": {
-    "@cclr/lang": "0.1.17",
-    "@cclr/utils": "0.1.17"
+    "@cclr/lang": "0.1.19",
+    "@cclr/utils": "0.1.19"
   }
 }