@whitesev/domutils 1.3.7 → 1.4.0

package/dist/index.cjs.js

@@ -1,11 +1,55 @@
 'use strict';
 
+class WindowApi {
+    /** 默认的配置 */
+    defaultApi = {
+        document: document,
+        window: window,
+        globalThis: globalThis,
+        self: self,
+        top: top,
+    };
+    /** 使用的配置 */
+    api;
+    constructor(option) {
+        if (option) {
+            if (option.globalThis == null) {
+                option.globalThis = option.window;
+            }
+            if (option.self == null) {
+                option.self = option.window;
+            }
+        }
+        if (!option) {
+            option = Object.assign({}, this.defaultApi);
+        }
+        // @ts-ignore
+        this.api = Object.assign({}, option);
+    }
+    get document() {
+        return this.api.document;
+    }
+    get window() {
+        return this.api.window;
+    }
+    get globalThis() {
+        return this.api.globalThis;
+    }
+    get self() {
+        return this.api.self;
+    }
+    get top() {
+        return this.api.top;
+    }
+}
+
 /** 通用工具类 */
 const DOMUtilsCommonUtils = {
-    windowApi: {
-        window: window,
+    windowApi: new WindowApi({
         document: document,
-    },
+        window: window,
+        top: top,
+    }),
     /**
      * 判断元素是否已显示或已连接
      * @param element
@@ -111,7 +155,7 @@ const DOMUtilsCommonUtils = {
 
 /* 数据 */
 const DOMUtilsData = {
-    /** .on绑定的事件 */
+    /** .on添加在元素存储的事件 */
     SymbolEvents: Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)),
 };
 
@@ -121,40 +165,6 @@ const OriginPrototype = {
     },
 };
 
-class WindowApi {
-    /** 默认的配置 */
-    defaultApi = {
-        document: document,
-        window: window,
-        globalThis: globalThis,
-        self: self,
-        top: top,
-    };
-    /** 使用的配置 */
-    api;
-    constructor(option) {
-        if (!option) {
-            option = Object.assign({}, this.defaultApi);
-        }
-        this.api = Object.assign({}, option);
-    }
-    get document() {
-        return this.api.document;
-    }
-    get window() {
-        return this.api.window;
-    }
-    get globalThis() {
-        return this.api.globalThis;
-    }
-    get self() {
-        return this.api.self;
-    }
-    get top() {
-        return this.api.top;
-    }
-}
-
 class DOMUtilsEvent {
     windowApi;
     constructor(windowApiOption) {
@@ -531,7 +541,7 @@ class DOMUtilsEvent {
     trigger(element, eventType, details, useDispatchToTriggerEvent = true) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selectorAll(element);
         }
         if (element == null) {
             return;
@@ -631,7 +641,7 @@ class DOMUtilsEvent {
     blur(element, handler, details, useDispatchToTriggerEvent) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selectorAll(element);
         }
         if (element == null) {
             return;
@@ -967,7 +977,7 @@ class DOMUtils extends DOMUtilsEvent {
         super(option);
     }
     /** 版本号 */
-    version = "2024.10.23";
+    version = "2024.11.6";
     attr(element, attrName, attrValue) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
@@ -1464,6 +1474,41 @@ class DOMUtils extends DOMUtilsEvent {
             element.classList.add(itemClassName);
         });
     }
+    /**
+     * 判断元素是否存在className
+     * @param element
+     * @param className
+     */
+    hasClass(element, className) {
+        let DOMUtilsContext = this;
+        if (typeof element === "string") {
+            element = DOMUtilsContext.selectorAll(element);
+        }
+        if (element == null) {
+            return false;
+        }
+        if (isNodeList(element)) {
+            let flag = true;
+            for (let index = 0; index < element.length; index++) {
+                const $ele = element[index];
+                flag = flag && DOMUtilsContext.hasClass($ele, className);
+            }
+            return flag;
+        }
+        if (!element?.classList) {
+            return false;
+        }
+        if (!Array.isArray(className)) {
+            className = className.split(" ");
+        }
+        for (let index = 0; index < className.length; index++) {
+            const item = className[index].trim();
+            if (!element.classList.contains(item)) {
+                return false;
+            }
+        }
+        return true;
+    }
     /**
      * 函数在元素内部末尾添加子元素或HTML字符串
      * @param element 目标元素
@@ -1686,7 +1731,7 @@ class DOMUtils extends DOMUtilsEvent {
     offset(element) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             return;
@@ -1702,8 +1747,7 @@ class DOMUtils extends DOMUtilsEvent {
     width(element, isShow = false) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
-            element =
-                DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             return;
@@ -1757,7 +1801,7 @@ class DOMUtils extends DOMUtilsEvent {
                 .clientHeight;
         }
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             // @ts-ignore
@@ -1807,7 +1851,7 @@ class DOMUtils extends DOMUtilsEvent {
             return DOMUtilsContext.windowApi.window.innerWidth;
         }
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             // @ts-ignore
@@ -1833,7 +1877,7 @@ class DOMUtils extends DOMUtilsEvent {
             return DOMUtilsContext.windowApi.window.innerHeight;
         }
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             // @ts-ignore
@@ -1956,7 +2000,7 @@ class DOMUtils extends DOMUtilsEvent {
     prev(element) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             return;
@@ -1966,7 +2010,7 @@ class DOMUtils extends DOMUtilsEvent {
     next(element) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             return;
@@ -1989,7 +2033,7 @@ class DOMUtils extends DOMUtilsEvent {
     siblings(element) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             return;
@@ -2010,16 +2054,15 @@ class DOMUtils extends DOMUtilsEvent {
     parent(element) {
         let DOMUtilsContext = this;
         if (typeof element === "string") {
-            element = DOMUtilsContext.windowApi.document.querySelector(element);
+            element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             return;
         }
-        if (element instanceof NodeList || element instanceof Array) {
-            element = element;
+        if (isNodeList(element)) {
             let resultArray = [];
-            element.forEach((eleItem) => {
-                resultArray.push(DOMUtilsContext.parent(eleItem));
+            element.forEach(($ele) => {
+                resultArray.push(DOMUtilsContext.parent($ele));
             });
             return resultArray;
         }