use Promisable

Author: wxiaoguang

web_src/js/modules/observer.ts

@@ -1,14 +1,15 @@
 import {isDocumentFragmentOrElementNode} from '../utils/dom.ts';
+import type {Promisable} from 'type-fest';
 
 let globalSelectorObserverInited = false;
 
 type SelectorHandler = {selector: string, handler: (el: HTMLElement) => void};
 const selectorHandlers: SelectorHandler[] = [];
 
-type GlobalEventFunc<T extends HTMLElement, E extends Event> = (el: T, e: E) => (void | Promise<void>);
+type GlobalEventFunc<T extends HTMLElement, E extends Event> = (el: T, e: E) => Promisable<void>;
 const globalEventFuncs: Record<string, GlobalEventFunc<HTMLElement, Event>> = {};
 
-type GlobalInitFunc<T extends HTMLElement> = (el: T) => void | Promise<void>;
+type GlobalInitFunc<T extends HTMLElement> = (el: T) => Promisable<void>;
 const globalInitFuncs: Record<string, GlobalInitFunc<HTMLElement>> = {};
 
 // It handles the global events for all `<div data-global-click="onSomeElemClick"></div>` elements.

web_src/js/utils/dom.ts

@@ -355,7 +355,7 @@ export function querySingleVisibleElem<T extends HTMLElement>(parent: Element, s
   return candidates.length ? candidates[0] as T : null;
 }
 
-export function addDelegatedEventListener<T extends HTMLElement, E extends Event>(parent: Node, type: string, selector: string, listener: (elem: T, e: E) => void | Promise<any>, options?: boolean | AddEventListenerOptions) {
+export function addDelegatedEventListener<T extends HTMLElement, E extends Event>(parent: Node, type: string, selector: string, listener: (elem: T, e: E) => Promisable<void>, options?: boolean | AddEventListenerOptions) {
   parent.addEventListener(type, (e: Event) => {
     const elem = (e.target as HTMLElement).closest(selector);
     if (!elem) return;