ph-utils 0.12.2 → 0.12.3

package/lib/dom.d.ts

@@ -73,18 +73,16 @@ export declare function toggleClass(el: HTMLElement, clazz: string): void;
  * @param {function}    event     事件处理函数
  * @param {boolean}     onceOrConfig  是否是只运行一次的处理函数或者配置，其中 eventFlag 为 string，如果配置该项，则表明为委托事件
  */
-export declare function on<T extends Event>(element: HTMLElement, listener: string, fn: (e: T, target?: HTMLElement, flag?: string) => void, once?: boolean | {
-    once?: boolean;
+export declare function on<T extends Event>(element: HTMLElement, listener: string, fn: (e: T, target?: HTMLElement, flag?: string) => void, option?: boolean | (AddEventListenerOptions & {
     eventFlag?: string;
-    capture?: boolean;
-}): void;
+})): void;
 /**
  * 移除指定元素的事件监听器。
  * @param el - 要移除监听器的 HTML 元素。
  * @param listener - 事件名称。
  * @param fn - 要移除的事件监听器函数。
  */
-export declare function off(el: HTMLElement, listener: string, fn: EventListener): void;
+export declare function off(el: HTMLElement | Document, listener: string, fn: EventListener, option?: boolean | EventListenerOptions): void;
 /**
  * 判断事件是否应该继续传递。
  * 从事件目标开始向上遍历DOM树，检查每个节点上是否存在指定的属性。

package/lib/dom.js

@@ -123,18 +123,11 @@ export function toggleClass(el, clazz) {
  * @param {function}    event     事件处理函数
  * @param {boolean}     onceOrConfig  是否是只运行一次的处理函数或者配置，其中 eventFlag 为 string，如果配置该项，则表明为委托事件
  */
-export function on(element, listener, fn, once = false) {
-    let eventExtra = {};
-    if (typeof once === "boolean") {
-        eventExtra.once = once;
+export function on(element, listener, fn, option) {
+    if (typeof option === "object" && option.eventFlag) {
+        element.setAttribute(option.eventFlag, "__stop__");
     }
-    else {
-        eventExtra = once;
-    }
-    if (eventExtra.eventFlag != null) {
-        element.setAttribute(eventExtra.eventFlag, "__stop__");
-    }
-    element.addEventListener(listener, fn, eventExtra);
+    element.addEventListener(listener, fn, option);
 }
 /**
  * 移除指定元素的事件监听器。
@@ -142,8 +135,8 @@ export function on(element, listener, fn, once = false) {
  * @param listener - 事件名称。
  * @param fn - 要移除的事件监听器函数。
  */
-export function off(el, listener, fn) {
-    el.removeEventListener(listener, fn);
+export function off(el, listener, fn, option) {
+    el.removeEventListener(listener, fn, option);
 }
 /**
  * 判断事件是否应该继续传递。
@@ -163,6 +156,8 @@ export function shouldEventNext(e, eventFlag) {
         flag = target.getAttribute(eventFlag) || "";
         if (flag === "") {
             target = target.parentNode;
+            if (!target)
+                break;
         }
     } while (flag === "");
     return [flag !== "__stop__", flag, target];

package/package.json

@@ -68,7 +68,7 @@
     },
     "./*": "./lib/*"
   },
-  "version": "0.12.2",
+  "version": "0.12.3",
   "type": "module",
   "repository": {
     "type": "git",