@whitesev/domutils 1.3.7 → 1.4.0

package/dist/index.iife.js

@@ -1,12 +1,56 @@
 var DOMUtils = (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
@@ -112,7 +156,7 @@ var DOMUtils = (function () {
 
     /* 数据 */
     const DOMUtilsData = {
-        /** .on绑定的事件 */
+        /** .on添加在元素存储的事件 */
         SymbolEvents: Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)),
     };
 
@@ -122,40 +166,6 @@ var DOMUtils = (function () {
         },
     };
 
-    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) {
@@ -532,7 +542,7 @@ var DOMUtils = (function () {
         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;
@@ -632,7 +642,7 @@ var DOMUtils = (function () {
         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;
@@ -968,7 +978,7 @@ var DOMUtils = (function () {
             super(option);
         }
         /** 版本号 */
-        version = "2024.10.23";
+        version = "2024.11.6";
         attr(element, attrName, attrValue) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
@@ -1465,6 +1475,41 @@ var DOMUtils = (function () {
                 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 目标元素
@@ -1687,7 +1732,7 @@ var DOMUtils = (function () {
         offset(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 return;
@@ -1703,8 +1748,7 @@ var DOMUtils = (function () {
         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;
@@ -1758,7 +1802,7 @@ var DOMUtils = (function () {
                     .clientHeight;
             }
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1808,7 +1852,7 @@ var DOMUtils = (function () {
                 return DOMUtilsContext.windowApi.window.innerWidth;
             }
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1834,7 +1878,7 @@ var DOMUtils = (function () {
                 return DOMUtilsContext.windowApi.window.innerHeight;
             }
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1957,7 +2001,7 @@ var DOMUtils = (function () {
         prev(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 return;
@@ -1967,7 +2011,7 @@ var DOMUtils = (function () {
         next(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 return;
@@ -1990,7 +2034,7 @@ var DOMUtils = (function () {
         siblings(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsContext.windowApi.document.querySelector(element);
+                element = DOMUtilsContext.selector(element);
             }
             if (element == null) {
                 return;
@@ -2011,16 +2055,15 @@ var DOMUtils = (function () {
         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;
             }