@whitesev/domutils 1.2.0 → 1.3.0

package/dist/index.iife.js

@@ -1,43 +1,12 @@
 var DOMUtils = (function () {
     'use strict';
 
-    const DOMUtilsCoreDefaultEnv = {
-        document: document,
-        window: window,
-        globalThis: globalThis,
-        self: self,
-        top: top,
-    };
-    const DOMUtilsCoreEnv = {
-        document: document,
-        window: window,
-        globalThis: globalThis,
-        self: self,
-        top: top,
-    };
-    const DOMUtilsCore = {
-        init(option) {
-            if (!option) {
-                option = Object.assign({}, DOMUtilsCoreDefaultEnv);
-            }
-            Object.assign(DOMUtilsCoreEnv, option);
-        },
-        get document() {
-            return DOMUtilsCoreEnv.document;
-        },
-        get window() {
-            return DOMUtilsCoreEnv.window;
-        },
-        get globalThis() {
-            return DOMUtilsCoreEnv.globalThis;
-        },
-        get self() {
-            return DOMUtilsCoreEnv.self;
-        },
-    };
-
     /** 通用工具类 */
     const DOMUtilsCommonUtils = {
+        windowApi: {
+            window: window,
+            document: document,
+        },
         /**
          * 判断元素是否已显示或已连接
          * @param element
@@ -52,7 +21,7 @@ var DOMUtils = (function () {
         showElement(element) {
             let dupNode = element.cloneNode(true);
             dupNode.setAttribute("style", "visibility: hidden !important;display:block !important;");
-            DOMUtilsCore.document.documentElement.appendChild(dupNode);
+            this.windowApi.document.documentElement.appendChild(dupNode);
             return {
                 /**
                  * 恢复修改的style
@@ -109,13 +78,13 @@ var DOMUtils = (function () {
             if (target === self) {
                 return true;
             }
-            if (target === DOMUtilsCore.globalThis) {
+            if (target === globalThis) {
                 return true;
             }
-            if (target === DOMUtilsCore.window) {
+            if (target === window) {
                 return true;
             }
-            if (target === DOMUtilsCore.self) {
+            if (target === self) {
                 return true;
             }
             if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
@@ -153,7 +122,45 @@ 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) {
+            this.windowApi = new WindowApi(windowApiOption);
+        }
         on(element, eventType, selector, callback, option) {
             /**
              * 获取option配置
@@ -184,7 +191,7 @@ var DOMUtils = (function () {
             let DOMUtilsContext = this;
             let args = arguments;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelectorAll(element);
+                element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
             }
             if (element == null) {
                 return;
@@ -235,7 +242,7 @@ var DOMUtils = (function () {
                     if (_selector_) {
                         /* 存在自定义子元素选择器 */
                         let totalParent = DOMUtilsCommonUtils.isWin(elementItem)
-                            ? DOMUtilsCore.document.documentElement
+                            ? DOMUtilsContext.windowApi.document.documentElement
                             : elementItem;
                         if (target.matches(_selector_)) {
                             /* 当前目标可以被selector所匹配到 */
@@ -299,9 +306,10 @@ var DOMUtils = (function () {
                 }
                 return option;
             }
+            let DOMUtilsContext = this;
             let args = arguments;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelectorAll(element);
+                element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
             }
             if (element == null) {
                 return;
@@ -384,8 +392,9 @@ var DOMUtils = (function () {
          * @param eventType （可选）需要取消监听的事件
          */
         offAll(element, eventType) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelectorAll(element);
+                element = DOMUtilsContext.windowApi.document.querySelectorAll(element);
             }
             if (element == null) {
                 return;
@@ -440,14 +449,16 @@ var DOMUtils = (function () {
             if (typeof callback !== "function") {
                 return;
             }
+            let DOMUtilsContext = this;
             /**
              * 检测文档是否加载完毕
              */
             function checkDOMReadyState() {
                 try {
-                    if (DOMUtilsCore.document.readyState === "complete" ||
-                        (DOMUtilsCore.document.readyState !== "loading" &&
-                            !DOMUtilsCore.document.documentElement.doScroll)) {
+                    if (DOMUtilsContext.windowApi.document.readyState === "complete" ||
+                        (DOMUtilsContext.windowApi.document.readyState !== "loading" &&
+                            !DOMUtilsContext.windowApi.document.documentElement
+                                .doScroll)) {
                         return true;
                     }
                     else {
@@ -467,12 +478,12 @@ var DOMUtils = (function () {
             }
             let targetList = [
                 {
-                    target: DOMUtilsCore.document,
+                    target: DOMUtilsContext.windowApi.document,
                     eventType: "DOMContentLoaded",
                     callback: completed,
                 },
                 {
-                    target: DOMUtilsCore.window,
+                    target: DOMUtilsContext.windowApi.window,
                     eventType: "load",
                     callback: completed,
                 },
@@ -519,8 +530,9 @@ var DOMUtils = (function () {
          * DOMUtils.trigger("a.xx",["click","tap","hover"])
          */
         trigger(element, eventType, details, useDispatchToTriggerEvent = true) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -584,7 +596,7 @@ var DOMUtils = (function () {
         click(element, handler, details, useDispatchToTriggerEvent) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -613,7 +625,7 @@ var DOMUtils = (function () {
         blur(element, handler, details, useDispatchToTriggerEvent) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -642,7 +654,7 @@ var DOMUtils = (function () {
         focus(element, handler, details, useDispatchToTriggerEvent) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -671,7 +683,7 @@ var DOMUtils = (function () {
         hover(element, handler, option) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -700,7 +712,7 @@ var DOMUtils = (function () {
                 return;
             }
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelector(target);
+                target = DOMUtilsContext.windowApi.document.querySelector(target);
             }
             DOMUtilsContext.on(target, "keyup", null, handler, option);
         }
@@ -725,7 +737,7 @@ var DOMUtils = (function () {
                 return;
             }
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelector(target);
+                target = DOMUtilsContext.windowApi.document.querySelector(target);
             }
             DOMUtilsContext.on(target, "keydown", null, handler, option);
         }
@@ -750,7 +762,7 @@ var DOMUtils = (function () {
                 return;
             }
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelector(target);
+                target = DOMUtilsContext.windowApi.document.querySelector(target);
             }
             DOMUtilsContext.on(target, "keypress", null, handler, option);
         }
@@ -758,14 +770,14 @@ var DOMUtils = (function () {
 
     class DOMUtils extends DOMUtilsEvent {
         constructor(option) {
-            DOMUtilsCore.init(option);
-            super();
+            super(option);
         }
         /** 版本号 */
-        version = "2024.6.21";
+        version = "2024.7.24";
         attr(element, attrName, attrValue) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -802,7 +814,8 @@ var DOMUtils = (function () {
         property, 
         /** 自定义属性 */
         attributes) {
-            let tempElement = DOMUtilsCore.document.createElement(tagName);
+            let DOMUtilsContext = this;
+            let tempElement = DOMUtilsContext.windowApi.document.createElement(tagName);
             if (typeof property === "string") {
                 tempElement.innerHTML = property;
                 return tempElement;
@@ -832,6 +845,7 @@ var DOMUtils = (function () {
             return tempElement;
         }
         css(element, property, value) {
+            let DOMUtilsContext = this;
             /**
              * 把纯数字没有px的加上
              */
@@ -856,7 +870,7 @@ var DOMUtils = (function () {
                 return propertyValue;
             }
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -889,8 +903,9 @@ var DOMUtils = (function () {
             }
         }
         text(element, text) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -911,8 +926,9 @@ var DOMUtils = (function () {
             }
         }
         html(element, html) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -965,8 +981,9 @@ var DOMUtils = (function () {
             };
         }
         val(element, value) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -991,11 +1008,12 @@ var DOMUtils = (function () {
             }
         }
         prop(element, propName, propValue) {
+            let DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (propValue == null) {
                 return element[propName];
@@ -1014,8 +1032,9 @@ var DOMUtils = (function () {
          * DOMUtils.removeAttr("a.xx","data-value")
          * */
         removeAttr(element, attrName) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1032,8 +1051,9 @@ var DOMUtils = (function () {
          * DOMUtils.removeClass("a.xx","xx")
          */
         removeClass(element, className) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1053,8 +1073,9 @@ var DOMUtils = (function () {
          * DOMUtils.removeProp("a.xx","href")
          * */
         removeProp(element, propName) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1073,7 +1094,7 @@ var DOMUtils = (function () {
         replaceWith(element, newElement) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1100,8 +1121,9 @@ var DOMUtils = (function () {
          * DOMUtils.addClass("a.xx","_vue_")
          * */
         addClass(element, className) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1118,8 +1140,9 @@ var DOMUtils = (function () {
          * DOMUtils.append("a.xx","'<b class="xx"></b>")
          * */
         append(element, content) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1134,7 +1157,7 @@ var DOMUtils = (function () {
             }
             if (Array.isArray(content) || content instanceof NodeList) {
                 /* 数组 */
-                let fragment = DOMUtilsCore.document.createDocumentFragment();
+                let fragment = DOMUtilsContext.windowApi.document.createDocumentFragment();
                 content.forEach((ele) => {
                     if (typeof ele === "string") {
                         ele = this.parseHTML(ele, true, false);
@@ -1157,8 +1180,9 @@ var DOMUtils = (function () {
          * DOMUtils.prepend("a.xx","'<b class="xx"></b>")
          * */
         prepend(element, content) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1180,8 +1204,9 @@ var DOMUtils = (function () {
          * DOMUtils.after("a.xx","'<b class="xx"></b>")
          * */
         after(element, content) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1203,8 +1228,9 @@ var DOMUtils = (function () {
          * DOMUtils.before("a.xx","'<b class="xx"></b>")
          * */
         before(element, content) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1228,7 +1254,7 @@ var DOMUtils = (function () {
         remove(target) {
             let DOMUtilsContext = this;
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelectorAll(target);
+                target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
             }
             if (target == null) {
                 return;
@@ -1252,8 +1278,9 @@ var DOMUtils = (function () {
          * DOMUtils.empty("a.xx")
          * */
         empty(element) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1270,8 +1297,9 @@ var DOMUtils = (function () {
          * > 0
          */
         offset(element) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1279,21 +1307,22 @@ var DOMUtils = (function () {
             let rect = element.getBoundingClientRect();
             return {
                 /** y轴偏移 */
-                top: rect.top + DOMUtilsCore.globalThis.scrollY,
+                top: rect.top + DOMUtilsContext.windowApi.globalThis.scrollY,
                 /** x轴偏移 */
-                left: rect.left + DOMUtilsCore.globalThis.scrollX,
+                left: rect.left + DOMUtilsContext.windowApi.globalThis.scrollX,
             };
         }
         width(element, isShow = false) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
             }
             if (DOMUtilsCommonUtils.isWin(element)) {
-                return DOMUtilsCore.window.document.documentElement.clientWidth;
+                return DOMUtilsContext.windowApi.window.document.documentElement
+                    .clientWidth;
             }
             if (element.nodeType === 9) {
                 /* Document文档节点 */
@@ -1336,10 +1365,11 @@ var DOMUtils = (function () {
         height(element, isShow = false) {
             let DOMUtilsContext = this;
             if (DOMUtilsCommonUtils.isWin(element)) {
-                return DOMUtilsCore.window.document.documentElement.clientHeight;
+                return DOMUtilsContext.windowApi.window.document.documentElement
+                    .clientHeight;
             }
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1386,10 +1416,10 @@ var DOMUtils = (function () {
         outerWidth(element, isShow = false) {
             let DOMUtilsContext = this;
             if (DOMUtilsCommonUtils.isWin(element)) {
-                return DOMUtilsCore.window.innerWidth;
+                return DOMUtilsContext.windowApi.window.innerWidth;
             }
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1412,10 +1442,10 @@ var DOMUtils = (function () {
         outerHeight(element, isShow = false) {
             let DOMUtilsContext = this;
             if (DOMUtilsCommonUtils.isWin(element)) {
-                return DOMUtilsCore.window.innerHeight;
+                return DOMUtilsContext.windowApi.window.innerHeight;
             }
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 // @ts-ignore
@@ -1448,8 +1478,9 @@ var DOMUtils = (function () {
          * })
          */
         animate(element, styles, duration = 1000, callback = null) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1500,15 +1531,16 @@ var DOMUtils = (function () {
          * DOMUtils.wrap(document.querySelector("a.xx"),"<div></div>")
          */
         wrap(element, wrapperHTML) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
             }
             element = element;
             // 创建一个新的div元素，并将wrapperHTML作为其innerHTML
-            let wrapper = DOMUtilsCore.document.createElement("div");
+            let wrapper = DOMUtilsContext.windowApi.document.createElement("div");
             wrapper.innerHTML = wrapperHTML;
             let wrapperFirstChild = wrapper.firstChild;
             // 将要包裹的元素插入目标元素前面
@@ -1517,8 +1549,9 @@ var DOMUtils = (function () {
             wrapperFirstChild.appendChild(element);
         }
         prev(element) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1526,8 +1559,9 @@ var DOMUtils = (function () {
             return element.previousElementSibling;
         }
         next(element) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1540,15 +1574,17 @@ var DOMUtils = (function () {
          * let DOMUtils = window.DOMUtils.noConflict()
          */
         noConflict() {
-            if (DOMUtilsCore.window.DOMUtils) {
+            let DOMUtilsContext = this;
+            if (DOMUtilsContext.windowApi.window.DOMUtils) {
                 DOMUtilsCommonUtils.delete(window, "DOMUtils");
             }
-            DOMUtilsCore.window.DOMUtils = this;
+            DOMUtilsContext.windowApi.window.DOMUtils = this;
             return this;
         }
         siblings(element) {
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1569,7 +1605,7 @@ var DOMUtils = (function () {
         parent(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1587,6 +1623,7 @@ var DOMUtils = (function () {
             }
         }
         parseHTML(html, useParser = false, isComplete = false) {
+            let DOMUtilsContext = this;
             function parseHTMLByDOMParser() {
                 let parser = new DOMParser();
                 if (isComplete) {
@@ -1597,7 +1634,7 @@ var DOMUtils = (function () {
                 }
             }
             function parseHTMLByCreateDom() {
-                let tempDIV = DOMUtilsCore.document.createElement("div");
+                let tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
                 tempDIV.innerHTML = html;
                 if (isComplete) {
                     return tempDIV;
@@ -1628,7 +1665,7 @@ var DOMUtils = (function () {
                 return;
             }
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelectorAll(target);
+                target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
             }
             if (target instanceof NodeList || target instanceof Array) {
                 target = target;
@@ -1660,7 +1697,7 @@ var DOMUtils = (function () {
                 return;
             }
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelectorAll(target);
+                target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
             }
             if (target instanceof NodeList || target instanceof Array) {
                 target = target;
@@ -1695,8 +1732,9 @@ var DOMUtils = (function () {
             if (element == null) {
                 return;
             }
+            let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             element = element;
             element.style.opacity = "0";
@@ -1710,16 +1748,16 @@ var DOMUtils = (function () {
                 element = element;
                 element.style.opacity = Math.min(progress / duration, 1).toString();
                 if (progress < duration) {
-                    DOMUtilsCore.window.requestAnimationFrame(step);
+                    DOMUtilsContext.windowApi.window.requestAnimationFrame(step);
                 }
                 else {
                     if (callback && typeof callback === "function") {
                         callback();
                     }
-                    DOMUtilsCore.window.cancelAnimationFrame(timer);
+                    DOMUtilsContext.windowApi.window.cancelAnimationFrame(timer);
                 }
             }
-            timer = DOMUtilsCore.window.requestAnimationFrame(step);
+            timer = DOMUtilsContext.windowApi.window.requestAnimationFrame(step);
         }
         /**
          * 淡出元素
@@ -1736,11 +1774,12 @@ var DOMUtils = (function () {
          * })
          */
         fadeOut(element, duration = 400, callback) {
+            let DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             element = element;
             element.style.opacity = "1";
@@ -1753,17 +1792,17 @@ var DOMUtils = (function () {
                 element = element;
                 element.style.opacity = Math.max(1 - progress / duration, 0).toString();
                 if (progress < duration) {
-                    DOMUtilsCore.window.requestAnimationFrame(step);
+                    DOMUtilsContext.windowApi.window.requestAnimationFrame(step);
                 }
                 else {
                     element.style.display = "none";
                     if (typeof callback === "function") {
                         callback();
                     }
-                    DOMUtilsCore.window.cancelAnimationFrame(timer);
+                    DOMUtilsContext.windowApi.window.cancelAnimationFrame(timer);
                 }
             }
-            timer = DOMUtilsCore.window.requestAnimationFrame(step);
+            timer = DOMUtilsContext.windowApi.window.requestAnimationFrame(step);
         }
         /**
          * 切换元素的显示和隐藏状态
@@ -1776,7 +1815,7 @@ var DOMUtils = (function () {
         toggle(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1805,6 +1844,7 @@ var DOMUtils = (function () {
          * DOMUtils.getTextBoundingRect(document.querySelector("input"));
          */
         getTextBoundingRect($input, selectionStart, selectionEnd) {
+            let DOMUtilsContext = this;
             // Basic parameter validation
             if (!$input || !("value" in $input))
                 return $input;
@@ -1874,7 +1914,7 @@ var DOMUtils = (function () {
             }
             // End of CSS variable checks
             // 不能为空，不然获取不到高度
-            let text = $input.value || "G", textLen = text.length, fakeClone = DOMUtilsCore.document.createElement("div");
+            let text = $input.value || "G", textLen = text.length, fakeClone = DOMUtilsContext.windowApi.document.createElement("div");
             if (selectionStart > 0)
                 appendPart(0, selectionStart);
             var fakeRange = appendPart(selectionStart, selectionEnd);
@@ -1888,7 +1928,7 @@ var DOMUtils = (function () {
             fakeClone.style.left = leftPos + "px";
             fakeClone.style.width = width + "px";
             fakeClone.style.height = height + "px";
-            DOMUtilsCore.document.body.appendChild(fakeClone);
+            DOMUtilsContext.windowApi.document.body.appendChild(fakeClone);
             var returnValue = fakeRange.getBoundingClientRect(); //Get rect
             fakeClone?.parentNode?.removeChild(fakeClone); //Remove temp
             return returnValue;
@@ -1900,7 +1940,7 @@ var DOMUtils = (function () {
              * @returns
              */
             function appendPart(start, end) {
-                var span = DOMUtilsCore.document.createElement("span");
+                var span = DOMUtilsContext.windowApi.document.createElement("span");
                 span.style.cssText = cssDefaultStyles; //Force styles to prevent unexpected results
                 span.textContent = text.substring(start, end);
                 fakeClone.appendChild(span);
@@ -1908,7 +1948,7 @@ var DOMUtils = (function () {
             }
             // Computing offset position
             function getInputOffset() {
-                let body = DOMUtilsCore.document.body, win = DOMUtilsCore.document.defaultView, docElem = DOMUtilsCore.document.documentElement, $box = DOMUtilsCore.document.createElement("div");
+                let body = DOMUtilsContext.windowApi.document.body, win = DOMUtilsContext.windowApi.document.defaultView, docElem = DOMUtilsContext.windowApi.document.documentElement, $box = DOMUtilsContext.windowApi.document.createElement("div");
                 $box.style.paddingLeft = $box.style.width = "1px";
                 body.appendChild($box);
                 var isBoxModel = $box.offsetWidth == 2;
@@ -1931,7 +1971,7 @@ var DOMUtils = (function () {
              * @returns
              */
             function getInputCSS(prop, isNumber) {
-                var val = DOMUtilsCore.document
+                var val = DOMUtilsContext.windowApi.document
                     .defaultView.getComputedStyle($input, null)
                     .getPropertyValue(prop);
                 return isNumber ? parseFloat(val) : val;