@whitesev/domutils 1.9.1 → 1.9.3

package/dist/types/src/types/WindowApi.d.ts

@@ -1,14 +1,14 @@
-/**
- * 配置类型
- */
-export type WindowApiOption = {
-  document: Document;
-  window: Window & typeof globalThis;
-  globalThis?: typeof globalThis | Window;
-  self?: Window & typeof globalThis;
-  top: Window;
-  setTimeout: typeof setTimeout;
-  clearTimeout: typeof clearTimeout;
-  setInterval: typeof setInterval;
-  clearInterval: typeof clearInterval;
-};
+/**
+ * 配置类型
+ */
+export type WindowApiOption = {
+  document: Document;
+  window: Window & typeof globalThis;
+  globalThis?: typeof globalThis | Window;
+  self?: Window & typeof globalThis;
+  top: Window;
+  setTimeout: typeof setTimeout;
+  clearTimeout: typeof clearTimeout;
+  setInterval: typeof setInterval;
+  clearInterval: typeof clearInterval;
+};

package/dist/types/src/types/env.d.ts

@@ -1,10 +1,10 @@
-declare const jQuery: any;
-declare interface Window {
-  webkitMutationObserver: MutationObserver;
-  MozMutationObserver: MutationObserver;
-  jQuery: any;
-  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-  DOMUtils: typeof import("./../index").DOMUtils;
-  trustedTypes: any;
-}
-declare type IArray<T> = T | T[];
+declare const jQuery: any;
+declare interface Window {
+  webkitMutationObserver: MutationObserver;
+  MozMutationObserver: MutationObserver;
+  jQuery: any;
+  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
+  DOMUtils: typeof import("./../index").DOMUtils;
+  trustedTypes: any;
+}
+declare type IArray<T> = T | T[];

package/dist/types/src/types/global.d.ts

@@ -1 +1 @@
-export type DOMUtilsTargetElementType = HTMLElement | string | NodeList | HTMLElement[];
+export type DOMUtilsTargetElementType = HTMLElement | string | NodeList | HTMLElement[];

package/dist/types/src/types/gm.d.ts

@@ -1,2 +1,2 @@
-/** GM中的unsafeWindow */
-declare const unsafeWindow: Window & typeof globalThis;
+/** GM中的unsafeWindow */
+declare const unsafeWindow: Window & typeof globalThis;

package/index.ts

@@ -1,3 +1,3 @@
-import { DOMUtils } from "./src";
-
-export default DOMUtils;
+import { DOMUtils } from "./src";
+
+export default DOMUtils;

package/package.json

@@ -1,9 +1,20 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@whitesev/domutils",
-  "version": "1.9.1",
-  "type": "module",
+  "version": "1.9.3",
   "description": "适合在浏览器中操作DOM的常用工具类",
+  "keywords": [
+    "typescript",
+    "元素工具类"
+  ],
+  "license": "MIT",
+  "author": "WhiteSev",
+  "files": [
+    "dist",
+    "src",
+    "./index.ts"
+  ],
+  "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
@@ -12,28 +23,14 @@
     "./package.json": "./package.json",
     "./dist/*": "./dist/*",
     ".": {
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/types/index.d.ts"
+      "require": "./dist/index.cjs.js"
     }
   },
-  "files": [
-    "dist",
-    "src",
-    "./index.ts"
-  ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "keywords": [
-    "typescript",
-    "元素工具类"
-  ],
-  "author": "WhiteSev",
-  "license": "MIT",
-  "dependencies": {
-    "worker-timers": "^8.0.27"
-  },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -42,12 +39,14 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
     "browserslist": "^4.28.1",
-    "caniuse-lite": "^1.0.30001761",
+    "caniuse-lite": "^1.0.30001770",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-compat": "^6.0.2",
     "eslint-plugin-prettier": "^5.5.4",
     "globals": "^16.5.0",
+    "oxfmt": "^0.32.0",
+    "oxlint": "1.46.0",
     "rollup": "^4.54.0",
     "rollup-plugin-clear": "^2.0.7",
     "tslib": "^2.8.1",
@@ -55,9 +54,9 @@
     "typescript-eslint": "^8.50.1"
   },
   "scripts": {
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "format": "prettier . --write",
+    "lint": "oxlint .",
+    "lint:fix": "oxlint . --fix",
+    "format": "oxfmt . --write",
     "dev": "vue-tsc --noEmit && vite --force",
     "build": "pnpm run format && pnpm run lint && rollup -c"
   }

package/src/CommonUtils.ts

@@ -1,163 +1,163 @@
-import { WindowApi } from "./WindowApi";
-
-/** 通用工具类 */
-export const CommonUtils = {
-  windowApi: new WindowApi({
-    document: document,
-    window: window,
-    top: top!,
-    setTimeout: globalThis.setTimeout.bind(globalThis),
-    clearTimeout: globalThis.clearTimeout.bind(globalThis),
-    setInterval: globalThis.setInterval.bind(globalThis),
-    clearInterval: globalThis.clearInterval.bind(globalThis),
-  }),
-  /**
-   * 判断元素是否已显示或已连接
-   * @param $el
-   */
-  isShow($el: HTMLElement) {
-    return Boolean($el.getClientRects().length);
-  },
-  /**
-   * 创建安全的html
-   * @param text 字符串
-   */
-  createSafeHTML(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.createSafeHTML(text);
-  },
-  /**
-   * 用于强制显示元素并获取它的高度宽度等其它属性
-   * @param $el
-   */
-  forceShow($el: HTMLElement) {
-    const dupNode = $el.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 $el
-   * @returns
-   * + true 是元素
-   * + false 不是元素
-   * @example
-   * DOMUtilsCommonUtils.isDOM(document.querySelector("a"))
-   * > true
-   */
-  isDOM($el: any): boolean {
-    return $el instanceof Node;
-  },
-  /**
-   * 删除对象上的属性
-   * @param target
-   * @param propName
-   */
-  delete(target: any, propName: any) {
-    if (typeof Reflect === "object" && Reflect != null && Reflect.deleteProperty) {
-      return Reflect.deleteProperty(target, propName);
-    } else {
-      delete target[propName];
-    }
-  },
-  /**
-   * 判断是否是元素列表
-   * @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"];
-  },
-};
+import { WindowApi } from "./WindowApi";
+
+/** 通用工具类 */
+export const CommonUtils = {
+  windowApi: new WindowApi({
+    document: document,
+    window: window,
+    top: top!,
+    setTimeout: globalThis.setTimeout.bind(globalThis),
+    clearTimeout: globalThis.clearTimeout.bind(globalThis),
+    setInterval: globalThis.setInterval.bind(globalThis),
+    clearInterval: globalThis.clearInterval.bind(globalThis),
+  }),
+  /**
+   * 判断元素是否已显示或已连接
+   * @param $el
+   */
+  isShow($el: HTMLElement) {
+    return Boolean($el.getClientRects().length);
+  },
+  /**
+   * 创建安全的html
+   * @param text 字符串
+   */
+  createSafeHTML(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.createSafeHTML(text);
+  },
+  /**
+   * 用于强制显示元素并获取它的高度宽度等其它属性
+   * @param $el
+   */
+  forceShow($el: HTMLElement) {
+    const dupNode = $el.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 $el
+   * @returns
+   * + true 是元素
+   * + false 不是元素
+   * @example
+   * DOMUtilsCommonUtils.isDOM(document.querySelector("a"))
+   * > true
+   */
+  isDOM($el: any): boolean {
+    return $el instanceof Node;
+  },
+  /**
+   * 删除对象上的属性
+   * @param target
+   * @param propName
+   */
+  delete(target: any, propName: any) {
+    if (typeof Reflect === "object" && Reflect != null && Reflect.deleteProperty) {
+      return Reflect.deleteProperty(target, propName);
+    } else {
+      delete target[propName];
+    }
+  },
+  /**
+   * 判断是否是元素列表
+   * @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"];
+  },
+};