@whitesev/domutils 1.6.5 → 1.6.7

package/src/DOMUtilsCommonUtils.ts

@@ -1,203 +1,203 @@
 import { WindowApi } from "./WindowApi";
 import {
-	clearInterval as WorkerClearInterval,
-	clearTimeout as WorkerClearTimeout,
-	setInterval as WorkerSetInterval,
-	setTimeout as WorkerSetTimeout,
+  clearInterval as WorkerClearInterval,
+  clearTimeout as WorkerClearTimeout,
+  setInterval as WorkerSetInterval,
+  setTimeout as WorkerSetTimeout,
 } from "worker-timers";
 
 /** 通用工具类 */
 export const DOMUtilsCommonUtils = {
-	windowApi: new WindowApi({
-		document: document,
-		window: window,
-		top: top!,
-		setTimeout: setTimeout,
-		clearTimeout: clearTimeout,
-		setInterval: setInterval,
-		clearInterval: clearInterval,
-	}),
-	/**
-	 * 判断元素是否已显示或已连接
-	 * @param element
-	 */
-	isShow(element: HTMLElement) {
-		return Boolean(element.getClientRects().length);
-	},
-	/**
-	 * 获取安全的html
-	 */
-	getSafeHTML(text: string) {
-		// @ts-ignore
-		if (globalThis.trustedTypes) {
-			// @ts-ignore
-			const policy = globalThis.trustedTypes.createPolicy("safe-innerHTML", {
-				createHTML: (html: string) => html,
-			});
-			return policy.createHTML(text);
-		} else {
-			return text;
-		}
-	},
-	/**
-	 * 在CSP策略下设置innerHTML
-	 * @param $el 元素
-	 * @param text 文本
-	 */
-	setSafeHTML($el: HTMLElement, text: string) {
-		// 创建 TrustedHTML 策略（需 CSP 允许）
-		$el.innerHTML = this.getSafeHTML(text);
-	},
-	/**
-	 * 用于显示元素并获取它的高度宽度等其它属性
-	 * @param element
-	 */
-	showElement(element: HTMLElement) {
-		let dupNode = element.cloneNode(true) as HTMLElement;
-		dupNode.setAttribute("style", "visibility: hidden !important;display:block !important;");
-		this.windowApi.document.documentElement.appendChild(dupNode);
-		return {
-			/**
-			 * 恢复修改的style
-			 */
-			recovery() {
-				dupNode.remove();
-			},
-		};
-	},
-	/**
-	 * 获取元素上的Float格式的属性px
-	 * @param element
-	 * @param styleName style名
-	 */
-	getStyleValue(element: HTMLElement | CSSStyleDeclaration, styleName: string) {
-		let view = null;
-		let styles = null;
-		if (element instanceof CSSStyleDeclaration) {
-			/* 直接就获取了style属性 */
-			styles = element;
-		} else {
-			view = element.ownerDocument.defaultView;
-			if (!view || !view.opener) {
-				view = window;
-			}
-			styles = view.getComputedStyle(element);
-		}
-		let value = parseFloat(styles[styleName as any]);
-		if (isNaN(value)) {
-			return 0;
-		} else {
-			return value;
-		}
-	},
-	/**
-	 * 判断是否是window，例如window、self、globalThis
-	 * @param target
-	 */
-	isWin(target: any) {
-		if (typeof target !== "object") {
-			return false;
-		}
-		if (target instanceof Node) {
-			return false;
-		}
-		if (target === globalThis) {
-			return true;
-		}
-		if (target === window) {
-			return true;
-		}
-		if (target === self) {
-			return true;
-		}
-		if (target === globalThis) {
-			return true;
-		}
-		if (target === window) {
-			return true;
-		}
-		if (target === self) {
-			return true;
-		}
-		if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
-			return true;
-		}
-		if (target?.Math?.toString() !== "[object Math]") {
-			return false;
-		}
-		return true;
-	},
-	/**
-	 * 删除对象上的属性
-	 * @param target
-	 * @param propName
-	 */
-	delete(target: any, propName: any) {
-		if (typeof Reflect === "object" && Reflect.deleteProperty) {
-			Reflect.deleteProperty(target, propName);
-		} else {
-			delete target[propName];
-		}
-	},
-	/**
-	 * 自动使用 Worker 执行 setTimeout
-	 */
-	setTimeout(callback: Function, timeout: number = 0) {
-		try {
-			return WorkerSetTimeout(callback, timeout);
-		} catch (error) {
-			return this.windowApi.setTimeout(callback, timeout);
-		}
-	},
-	/**
-	 * 配合 .setTimeout 使用
-	 */
-	clearTimeout(timeId: number | undefined) {
-		try {
-			if (timeId != null) {
-				WorkerClearTimeout(timeId);
-			}
-		} catch (error) {
-		} finally {
-			this.windowApi.clearTimeout(timeId);
-		}
-	},
-	/**
-	 * 自动使用 Worker 执行 setInterval
-	 */
-	setInterval(callback: Function, timeout: number = 0) {
-		try {
-			return WorkerSetInterval(callback, timeout);
-		} catch (error) {
-			return this.windowApi.setInterval(callback, timeout);
-		}
-	},
-	/**
-	 * 配合 .setInterval 使用
-	 */
-	clearInterval(timeId: number | undefined) {
-		try {
-			if (timeId != null) {
-				WorkerClearInterval(timeId);
-			}
-		} catch (error) {
-		} finally {
-			this.windowApi.clearInterval(timeId);
-		}
-	},
-	/**
-	 * 判断是否是元素列表
-	 * @param $ele
-	 */
-	isNodeList($ele: any): $ele is any[] | NodeList {
-		return Array.isArray($ele) || $ele instanceof NodeList;
-	},
-	/** 获取 animationend 在各个浏览器的兼容名 */
-	getAnimationEndNameList() {
-		return ["webkitAnimationEnd", "mozAnimationEnd", "MSAnimationEnd", "oanimationend", "animationend"];
-	},
-	/** 获取 transitionend 在各个浏览器的兼容名 */
-	getTransitionEndNameList() {
-		return ["webkitTransitionEnd", "mozTransitionEnd", "MSTransitionEnd", "otransitionend", "transitionend"];
-	},
+  windowApi: new WindowApi({
+    document: document,
+    window: window,
+    top: top!,
+    setTimeout: setTimeout,
+    clearTimeout: clearTimeout,
+    setInterval: setInterval,
+    clearInterval: clearInterval,
+  }),
+  /**
+   * 判断元素是否已显示或已连接
+   * @param element
+   */
+  isShow(element: HTMLElement) {
+    return Boolean(element.getClientRects().length);
+  },
+  /**
+   * 获取安全的html
+   */
+  getSafeHTML(text: string) {
+    if (window.trustedTypes) {
+      const policy = window.trustedTypes.createPolicy("safe-innerHTML", {
+        createHTML: (html: string) => html,
+      });
+      return policy.createHTML(text);
+    } else {
+      return text;
+    }
+  },
+  /**
+   * 在CSP策略下设置innerHTML
+   * @param $el 元素
+   * @param text 文本
+   */
+  setSafeHTML($el: HTMLElement, text: string) {
+    // 创建 TrustedHTML 策略（需 CSP 允许）
+    $el.innerHTML = this.getSafeHTML(text);
+  },
+  /**
+   * 用于显示元素并获取它的高度宽度等其它属性
+   * @param element
+   */
+  showElement(element: HTMLElement) {
+    const dupNode = element.cloneNode(true) as HTMLElement;
+    dupNode.setAttribute("style", "visibility: hidden !important;display:block !important;");
+    this.windowApi.document.documentElement.appendChild(dupNode);
+    return {
+      /**
+       * 恢复修改的style
+       */
+      recovery() {
+        dupNode.remove();
+      },
+    };
+  },
+  /**
+   * 获取元素上的Float格式的属性px
+   * @param element
+   * @param styleName style名
+   */
+  getStyleValue(element: HTMLElement | CSSStyleDeclaration, styleName: string) {
+    let view = null;
+    let styles = null;
+    if (element instanceof CSSStyleDeclaration) {
+      /* 直接就获取了style属性 */
+      styles = element;
+    } else {
+      view = element.ownerDocument.defaultView;
+      if (!view || !view.opener) {
+        view = window;
+      }
+      styles = view.getComputedStyle(element);
+    }
+    const value = parseFloat(styles[styleName as any]);
+    if (isNaN(value)) {
+      return 0;
+    } else {
+      return value;
+    }
+  },
+  /**
+   * 判断是否是window，例如window、self、globalThis
+   * @param target
+   */
+  isWin(target: any) {
+    if (typeof target !== "object") {
+      return false;
+    }
+    if (target instanceof Node) {
+      return false;
+    }
+    if (target === globalThis) {
+      return true;
+    }
+    if (target === window) {
+      return true;
+    }
+    if (target === self) {
+      return true;
+    }
+    if (target === globalThis) {
+      return true;
+    }
+    if (target === window) {
+      return true;
+    }
+    if (target === self) {
+      return true;
+    }
+    if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
+      return true;
+    }
+    if (target?.Math?.toString() !== "[object Math]") {
+      return false;
+    }
+    return true;
+  },
+  /**
+   * 删除对象上的属性
+   * @param target
+   * @param propName
+   */
+  delete(target: any, propName: any) {
+    if (typeof Reflect === "object" && Reflect.deleteProperty) {
+      Reflect.deleteProperty(target, propName);
+    } else {
+      delete target[propName];
+    }
+  },
+  /**
+   * 自动使用 Worker 执行 setTimeout
+   */
+  setTimeout(callback: (...args: any[]) => any, timeout: number = 0) {
+    try {
+      return WorkerSetTimeout(callback, timeout);
+    } catch {
+      return this.windowApi.setTimeout(callback, timeout);
+    }
+  },
+  /**
+   * 配合 .setTimeout 使用
+   */
+  clearTimeout(timeId: number | undefined) {
+    try {
+      if (timeId != null) {
+        WorkerClearTimeout(timeId);
+      }
+    } catch {
+      // TODO
+    } finally {
+      this.windowApi.clearTimeout(timeId);
+    }
+  },
+  /**
+   * 自动使用 Worker 执行 setInterval
+   */
+  setInterval(callback: (...args: any[]) => any, timeout: number = 0) {
+    try {
+      return WorkerSetInterval(callback, timeout);
+    } catch {
+      return this.windowApi.setInterval(callback, timeout);
+    }
+  },
+  /**
+   * 配合 .setInterval 使用
+   */
+  clearInterval(timeId: number | undefined) {
+    try {
+      if (timeId != null) {
+        WorkerClearInterval(timeId);
+      }
+    } catch {
+      // TODO
+    } finally {
+      this.windowApi.clearInterval(timeId);
+    }
+  },
+  /**
+   * 判断是否是元素列表
+   * @param $ele
+   */
+  isNodeList($ele: any): $ele is any[] | NodeList {
+    return Array.isArray($ele) || $ele instanceof NodeList;
+  },
+  /** 获取 animationend 在各个浏览器的兼容名 */
+  getAnimationEndNameList() {
+    return ["webkitAnimationEnd", "mozAnimationEnd", "MSAnimationEnd", "oanimationend", "animationend"];
+  },
+  /** 获取 transitionend 在各个浏览器的兼容名 */
+  getTransitionEndNameList() {
+    return ["webkitTransitionEnd", "mozTransitionEnd", "MSTransitionEnd", "otransitionend", "transitionend"];
+  },
 };

package/src/DOMUtilsData.ts

@@ -1,7 +1,7 @@
 /* 数据 */
 const DOMUtilsData = {
-	/** .on添加在元素存储的事件 */
-	SymbolEvents: Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)),
+  /** .on添加在元素存储的事件 */
+  SymbolEvents: Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)),
 };
 
 export { DOMUtilsData };