@whitesev/domutils 1.1.5 → 1.3.0

package/dist/index.amd.js

@@ -1,42 +1,11 @@
 define((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
@@ -51,7 +20,7 @@ define((function () { 'use strict';
         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
@@ -108,13 +77,13 @@ define((function () { 'use strict';
             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) {
@@ -152,7 +121,45 @@ define((function () { 'use strict';
         },
     };
 
+    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配置
@@ -183,7 +190,7 @@ define((function () { 'use strict';
             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;
@@ -234,7 +241,7 @@ define((function () { 'use strict';
                     if (_selector_) {
                         /* 存在自定义子元素选择器 */
                         let totalParent = DOMUtilsCommonUtils.isWin(elementItem)
-                            ? DOMUtilsCore.document.documentElement
+                            ? DOMUtilsContext.windowApi.document.documentElement
                             : elementItem;
                         if (target.matches(_selector_)) {
                             /* 当前目标可以被selector所匹配到 */
@@ -298,9 +305,10 @@ define((function () { 'use strict';
                 }
                 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;
@@ -383,8 +391,9 @@ define((function () { 'use strict';
          * @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;
@@ -439,14 +448,16 @@ define((function () { 'use strict';
             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 {
@@ -466,12 +477,12 @@ define((function () { 'use strict';
             }
             let targetList = [
                 {
-                    target: DOMUtilsCore.document,
+                    target: DOMUtilsContext.windowApi.document,
                     eventType: "DOMContentLoaded",
                     callback: completed,
                 },
                 {
-                    target: DOMUtilsCore.window,
+                    target: DOMUtilsContext.windowApi.window,
                     eventType: "load",
                     callback: completed,
                 },
@@ -518,8 +529,9 @@ define((function () { 'use strict';
          * 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;
@@ -583,7 +595,7 @@ define((function () { 'use strict';
         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;
@@ -612,7 +624,7 @@ define((function () { 'use strict';
         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;
@@ -641,7 +653,7 @@ define((function () { 'use strict';
         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;
@@ -670,7 +682,7 @@ define((function () { 'use strict';
         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;
@@ -699,7 +711,7 @@ define((function () { 'use strict';
                 return;
             }
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelector(target);
+                target = DOMUtilsContext.windowApi.document.querySelector(target);
             }
             DOMUtilsContext.on(target, "keyup", null, handler, option);
         }
@@ -724,7 +736,7 @@ define((function () { 'use strict';
                 return;
             }
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelector(target);
+                target = DOMUtilsContext.windowApi.document.querySelector(target);
             }
             DOMUtilsContext.on(target, "keydown", null, handler, option);
         }
@@ -749,7 +761,7 @@ define((function () { 'use strict';
                 return;
             }
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelector(target);
+                target = DOMUtilsContext.windowApi.document.querySelector(target);
             }
             DOMUtilsContext.on(target, "keypress", null, handler, option);
         }
@@ -757,14 +769,14 @@ define((function () { 'use strict';
 
     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;
@@ -801,7 +813,8 @@ define((function () { 'use strict';
         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;
@@ -831,6 +844,7 @@ define((function () { 'use strict';
             return tempElement;
         }
         css(element, property, value) {
+            let DOMUtilsContext = this;
             /**
              * 把纯数字没有px的加上
              */
@@ -855,7 +869,7 @@ define((function () { 'use strict';
                 return propertyValue;
             }
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -888,8 +902,9 @@ define((function () { 'use strict';
             }
         }
         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;
@@ -910,8 +925,9 @@ define((function () { 'use strict';
             }
         }
         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;
@@ -964,8 +980,9 @@ define((function () { 'use strict';
             };
         }
         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;
@@ -990,11 +1007,12 @@ define((function () { 'use strict';
             }
         }
         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];
@@ -1013,8 +1031,9 @@ define((function () { 'use strict';
          * 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;
@@ -1031,8 +1050,9 @@ define((function () { 'use strict';
          * 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;
@@ -1052,8 +1072,9 @@ define((function () { 'use strict';
          * 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;
@@ -1072,7 +1093,7 @@ define((function () { 'use strict';
         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;
@@ -1099,8 +1120,9 @@ define((function () { 'use strict';
          * 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;
@@ -1117,8 +1139,9 @@ define((function () { 'use strict';
          * 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;
@@ -1133,7 +1156,7 @@ define((function () { 'use strict';
             }
             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);
@@ -1156,8 +1179,9 @@ define((function () { 'use strict';
          * 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;
@@ -1179,8 +1203,9 @@ define((function () { 'use strict';
          * 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;
@@ -1202,8 +1227,9 @@ define((function () { 'use strict';
          * 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;
@@ -1227,7 +1253,7 @@ define((function () { 'use strict';
         remove(target) {
             let DOMUtilsContext = this;
             if (typeof target === "string") {
-                target = DOMUtilsCore.document.querySelectorAll(target);
+                target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
             }
             if (target == null) {
                 return;
@@ -1251,8 +1277,9 @@ define((function () { 'use strict';
          * 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;
@@ -1269,8 +1296,9 @@ define((function () { 'use strict';
          * > 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;
@@ -1278,21 +1306,22 @@ define((function () { 'use strict';
             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文档节点 */
@@ -1335,10 +1364,11 @@ define((function () { 'use strict';
         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
@@ -1385,10 +1415,10 @@ define((function () { 'use strict';
         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
@@ -1411,10 +1441,10 @@ define((function () { 'use strict';
         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
@@ -1447,8 +1477,9 @@ define((function () { 'use strict';
          * })
          */
         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;
@@ -1499,15 +1530,16 @@ define((function () { 'use strict';
          * 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;
             // 将要包裹的元素插入目标元素前面
@@ -1516,8 +1548,9 @@ define((function () { 'use strict';
             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;
@@ -1525,8 +1558,9 @@ define((function () { 'use strict';
             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;
@@ -1539,15 +1573,17 @@ define((function () { 'use strict';
          * 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;
@@ -1568,7 +1604,7 @@ define((function () { 'use strict';
         parent(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1586,6 +1622,7 @@ define((function () { 'use strict';
             }
         }
         parseHTML(html, useParser = false, isComplete = false) {
+            let DOMUtilsContext = this;
             function parseHTMLByDOMParser() {
                 let parser = new DOMParser();
                 if (isComplete) {
@@ -1596,7 +1633,7 @@ define((function () { 'use strict';
                 }
             }
             function parseHTMLByCreateDom() {
-                let tempDIV = DOMUtilsCore.document.createElement("div");
+                let tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
                 tempDIV.innerHTML = html;
                 if (isComplete) {
                     return tempDIV;
@@ -1627,7 +1664,7 @@ define((function () { 'use strict';
                 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;
@@ -1659,7 +1696,7 @@ define((function () { 'use strict';
                 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;
@@ -1694,8 +1731,9 @@ define((function () { 'use strict';
             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";
@@ -1709,16 +1747,16 @@ define((function () { 'use strict';
                 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);
         }
         /**
          * 淡出元素
@@ -1735,11 +1773,12 @@ define((function () { 'use strict';
          * })
          */
         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";
@@ -1752,17 +1791,17 @@ define((function () { 'use strict';
                 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);
         }
         /**
          * 切换元素的显示和隐藏状态
@@ -1775,7 +1814,7 @@ define((function () { 'use strict';
         toggle(element) {
             let DOMUtilsContext = this;
             if (typeof element === "string") {
-                element = DOMUtilsCore.document.querySelector(element);
+                element = DOMUtilsContext.windowApi.document.querySelector(element);
             }
             if (element == null) {
                 return;
@@ -1804,6 +1843,7 @@ define((function () { 'use strict';
          * DOMUtils.getTextBoundingRect(document.querySelector("input"));
          */
         getTextBoundingRect($input, selectionStart, selectionEnd) {
+            let DOMUtilsContext = this;
             // Basic parameter validation
             if (!$input || !("value" in $input))
                 return $input;
@@ -1873,7 +1913,7 @@ define((function () { 'use strict';
             }
             // 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);
@@ -1887,7 +1927,7 @@ define((function () { 'use strict';
             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;
@@ -1899,7 +1939,7 @@ define((function () { 'use strict';
              * @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);
@@ -1907,7 +1947,7 @@ define((function () { 'use strict';
             }
             // 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;
@@ -1930,7 +1970,7 @@ define((function () { 'use strict';
              * @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;