@whitesev/domutils 1.2.0 → 1.3.0

package/dist/index.system.js

@@ -3,43 +3,12 @@ System.register('DOMUtils', [], (function (exports) {
     return {
         execute: (function () {
 
-            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
@@ -54,7 +23,7 @@ System.register('DOMUtils', [], (function (exports) {
                 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
@@ -111,13 +80,13 @@ System.register('DOMUtils', [], (function (exports) {
                     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) {
@@ -155,7 +124,45 @@ System.register('DOMUtils', [], (function (exports) {
                 },
             };
 
+            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配置
@@ -186,7 +193,7 @@ System.register('DOMUtils', [], (function (exports) {
                     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;
@@ -237,7 +244,7 @@ System.register('DOMUtils', [], (function (exports) {
                             if (_selector_) {
                                 /* 存在自定义子元素选择器 */
                                 let totalParent = DOMUtilsCommonUtils.isWin(elementItem)
-                                    ? DOMUtilsCore.document.documentElement
+                                    ? DOMUtilsContext.windowApi.document.documentElement
                                     : elementItem;
                                 if (target.matches(_selector_)) {
                                     /* 当前目标可以被selector所匹配到 */
@@ -301,9 +308,10 @@ System.register('DOMUtils', [], (function (exports) {
                         }
                         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;
@@ -386,8 +394,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * @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;
@@ -442,14 +451,16 @@ System.register('DOMUtils', [], (function (exports) {
                     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 {
@@ -469,12 +480,12 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                     let targetList = [
                         {
-                            target: DOMUtilsCore.document,
+                            target: DOMUtilsContext.windowApi.document,
                             eventType: "DOMContentLoaded",
                             callback: completed,
                         },
                         {
-                            target: DOMUtilsCore.window,
+                            target: DOMUtilsContext.windowApi.window,
                             eventType: "load",
                             callback: completed,
                         },
@@ -521,8 +532,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -586,7 +598,7 @@ System.register('DOMUtils', [], (function (exports) {
                 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;
@@ -615,7 +627,7 @@ System.register('DOMUtils', [], (function (exports) {
                 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;
@@ -644,7 +656,7 @@ System.register('DOMUtils', [], (function (exports) {
                 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;
@@ -673,7 +685,7 @@ System.register('DOMUtils', [], (function (exports) {
                 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;
@@ -702,7 +714,7 @@ System.register('DOMUtils', [], (function (exports) {
                         return;
                     }
                     if (typeof target === "string") {
-                        target = DOMUtilsCore.document.querySelector(target);
+                        target = DOMUtilsContext.windowApi.document.querySelector(target);
                     }
                     DOMUtilsContext.on(target, "keyup", null, handler, option);
                 }
@@ -727,7 +739,7 @@ System.register('DOMUtils', [], (function (exports) {
                         return;
                     }
                     if (typeof target === "string") {
-                        target = DOMUtilsCore.document.querySelector(target);
+                        target = DOMUtilsContext.windowApi.document.querySelector(target);
                     }
                     DOMUtilsContext.on(target, "keydown", null, handler, option);
                 }
@@ -752,7 +764,7 @@ System.register('DOMUtils', [], (function (exports) {
                         return;
                     }
                     if (typeof target === "string") {
-                        target = DOMUtilsCore.document.querySelector(target);
+                        target = DOMUtilsContext.windowApi.document.querySelector(target);
                     }
                     DOMUtilsContext.on(target, "keypress", null, handler, option);
                 }
@@ -760,14 +772,14 @@ System.register('DOMUtils', [], (function (exports) {
 
             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;
@@ -804,7 +816,8 @@ System.register('DOMUtils', [], (function (exports) {
                 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;
@@ -834,6 +847,7 @@ System.register('DOMUtils', [], (function (exports) {
                     return tempElement;
                 }
                 css(element, property, value) {
+                    let DOMUtilsContext = this;
                     /**
                      * 把纯数字没有px的加上
                      */
@@ -858,7 +872,7 @@ System.register('DOMUtils', [], (function (exports) {
                         return propertyValue;
                     }
                     if (typeof element === "string") {
-                        element = DOMUtilsCore.document.querySelector(element);
+                        element = DOMUtilsContext.windowApi.document.querySelector(element);
                     }
                     if (element == null) {
                         return;
@@ -891,8 +905,9 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                 }
                 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;
@@ -913,8 +928,9 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                 }
                 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;
@@ -967,8 +983,9 @@ System.register('DOMUtils', [], (function (exports) {
                     };
                 }
                 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;
@@ -993,11 +1010,12 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                 }
                 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];
@@ -1016,8 +1034,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1034,8 +1053,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1055,8 +1075,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1075,7 +1096,7 @@ System.register('DOMUtils', [], (function (exports) {
                 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;
@@ -1102,8 +1123,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1120,8 +1142,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1136,7 +1159,7 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                     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);
@@ -1159,8 +1182,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1182,8 +1206,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1205,8 +1230,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1230,7 +1256,7 @@ System.register('DOMUtils', [], (function (exports) {
                 remove(target) {
                     let DOMUtilsContext = this;
                     if (typeof target === "string") {
-                        target = DOMUtilsCore.document.querySelectorAll(target);
+                        target = DOMUtilsContext.windowApi.document.querySelectorAll(target);
                     }
                     if (target == null) {
                         return;
@@ -1254,8 +1280,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1272,8 +1299,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * > 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;
@@ -1281,21 +1309,22 @@ System.register('DOMUtils', [], (function (exports) {
                     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文档节点 */
@@ -1338,10 +1367,11 @@ System.register('DOMUtils', [], (function (exports) {
                 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
@@ -1388,10 +1418,10 @@ System.register('DOMUtils', [], (function (exports) {
                 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
@@ -1414,10 +1444,10 @@ System.register('DOMUtils', [], (function (exports) {
                 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
@@ -1450,8 +1480,9 @@ System.register('DOMUtils', [], (function (exports) {
                  * })
                  */
                 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;
@@ -1502,15 +1533,16 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
                     // 将要包裹的元素插入目标元素前面
@@ -1519,8 +1551,9 @@ System.register('DOMUtils', [], (function (exports) {
                     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;
@@ -1528,8 +1561,9 @@ System.register('DOMUtils', [], (function (exports) {
                     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;
@@ -1542,15 +1576,17 @@ System.register('DOMUtils', [], (function (exports) {
                  * 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;
@@ -1571,7 +1607,7 @@ System.register('DOMUtils', [], (function (exports) {
                 parent(element) {
                     let DOMUtilsContext = this;
                     if (typeof element === "string") {
-                        element = DOMUtilsCore.document.querySelector(element);
+                        element = DOMUtilsContext.windowApi.document.querySelector(element);
                     }
                     if (element == null) {
                         return;
@@ -1589,6 +1625,7 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                 }
                 parseHTML(html, useParser = false, isComplete = false) {
+                    let DOMUtilsContext = this;
                     function parseHTMLByDOMParser() {
                         let parser = new DOMParser();
                         if (isComplete) {
@@ -1599,7 +1636,7 @@ System.register('DOMUtils', [], (function (exports) {
                         }
                     }
                     function parseHTMLByCreateDom() {
-                        let tempDIV = DOMUtilsCore.document.createElement("div");
+                        let tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
                         tempDIV.innerHTML = html;
                         if (isComplete) {
                             return tempDIV;
@@ -1630,7 +1667,7 @@ System.register('DOMUtils', [], (function (exports) {
                         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;
@@ -1662,7 +1699,7 @@ System.register('DOMUtils', [], (function (exports) {
                         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;
@@ -1697,8 +1734,9 @@ System.register('DOMUtils', [], (function (exports) {
                     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";
@@ -1712,16 +1750,16 @@ System.register('DOMUtils', [], (function (exports) {
                         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);
                 }
                 /**
                  * 淡出元素
@@ -1738,11 +1776,12 @@ System.register('DOMUtils', [], (function (exports) {
                  * })
                  */
                 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";
@@ -1755,17 +1794,17 @@ System.register('DOMUtils', [], (function (exports) {
                         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);
                 }
                 /**
                  * 切换元素的显示和隐藏状态
@@ -1778,7 +1817,7 @@ System.register('DOMUtils', [], (function (exports) {
                 toggle(element) {
                     let DOMUtilsContext = this;
                     if (typeof element === "string") {
-                        element = DOMUtilsCore.document.querySelector(element);
+                        element = DOMUtilsContext.windowApi.document.querySelector(element);
                     }
                     if (element == null) {
                         return;
@@ -1807,6 +1846,7 @@ System.register('DOMUtils', [], (function (exports) {
                  * DOMUtils.getTextBoundingRect(document.querySelector("input"));
                  */
                 getTextBoundingRect($input, selectionStart, selectionEnd) {
+                    let DOMUtilsContext = this;
                     // Basic parameter validation
                     if (!$input || !("value" in $input))
                         return $input;
@@ -1876,7 +1916,7 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                     // 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);
@@ -1890,7 +1930,7 @@ System.register('DOMUtils', [], (function (exports) {
                     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;
@@ -1902,7 +1942,7 @@ System.register('DOMUtils', [], (function (exports) {
                      * @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);
@@ -1910,7 +1950,7 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                     // 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;
@@ -1933,7 +1973,7 @@ System.register('DOMUtils', [], (function (exports) {
                      * @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;