@whitesev/domutils 1.3.7 → 1.4.0

package/dist/index.umd.js

@@ -4,12 +4,56 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.DOMUtils = factory());
 })(this, (function () { '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
@@ -115,7 +159,7 @@
 
     /* 数据 */
     const DOMUtilsData = {
-        /** .on绑定的事件 */
+        /** .on添加在元素存储的事件 */
         SymbolEvents: Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)),
     };
 
@@ -125,40 +169,6 @@
         },
     };
 
-    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) {
@@ -535,7 +545,7 @@
         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;
@@ -635,7 +645,7 @@
         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;
@@ -971,7 +981,7 @@
             super(option);
         }
         /** 版本号 */
-        version = "2024.10.23";
+        version = "2024.11.6";
         attr(element, attrName, attrValue) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
@@ -1468,6 +1478,41 @@
                 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 目标元素
@@ -1690,7 +1735,7 @@
         offset(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 return;
@@ -1706,8 +1751,7 @@
         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;
@@ -1761,7 +1805,7 @@
                     .clientHeight;
             }
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1811,7 +1855,7 @@
                 return DOMUtilsContext.windowApi.window.innerWidth;
             }
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1837,7 +1881,7 @@
                 return DOMUtilsContext.windowApi.window.innerHeight;
             }
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1960,7 +2004,7 @@
         prev(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 return;
@@ -1970,7 +2014,7 @@
         next(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 return;
@@ -1993,7 +2037,7 @@
         siblings(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 return;
@@ -2014,16 +2058,15 @@
         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;
             }