@whitesev/domutils 1.6.6 → 1.6.8

package/dist/index.esm.js

@@ -323,10 +323,8 @@ const DOMUtilsCommonUtils = {
      * 获取安全的html
      */
     getSafeHTML(text) {
-        // @ts-ignore
-        if (globalThis.trustedTypes) {
-            // @ts-ignore
-            const policy = globalThis.trustedTypes.createPolicy("safe-innerHTML", {
+        if (window.trustedTypes) {
+            const policy = window.trustedTypes.createPolicy("safe-innerHTML", {
                 createHTML: (html) => html,
             });
             return policy.createHTML(text);
@@ -349,7 +347,7 @@ const DOMUtilsCommonUtils = {
      * @param element
      */
     showElement(element) {
-        let dupNode = element.cloneNode(true);
+        const dupNode = element.cloneNode(true);
         dupNode.setAttribute("style", "visibility: hidden !important;display:block !important;");
         this.windowApi.document.documentElement.appendChild(dupNode);
         return {
@@ -380,7 +378,7 @@ const DOMUtilsCommonUtils = {
             }
             styles = view.getComputedStyle(element);
         }
-        let value = parseFloat(styles[styleName]);
+        const value = parseFloat(styles[styleName]);
         if (isNaN(value)) {
             return 0;
         }
@@ -431,8 +429,8 @@ const DOMUtilsCommonUtils = {
      * @param propName
      */
     delete(target, propName) {
-        if (typeof Reflect === "object" && Reflect.deleteProperty) {
-            Reflect.deleteProperty(target, propName);
+        if (typeof Reflect === "object" && Reflect != null && Reflect.deleteProperty) {
+            return Reflect.deleteProperty(target, propName);
         }
         else {
             delete target[propName];
@@ -445,7 +443,7 @@ const DOMUtilsCommonUtils = {
         try {
             return setTimeout$1(callback, timeout);
         }
-        catch (error) {
+        catch {
             return this.windowApi.setTimeout(callback, timeout);
         }
     },
@@ -458,7 +456,8 @@ const DOMUtilsCommonUtils = {
                 clearTimeout$1(timeId);
             }
         }
-        catch (error) {
+        catch {
+            // TODO
         }
         finally {
             this.windowApi.clearTimeout(timeId);
@@ -471,7 +470,7 @@ const DOMUtilsCommonUtils = {
         try {
             return setInterval$1(callback, timeout);
         }
-        catch (error) {
+        catch {
             return this.windowApi.setInterval(callback, timeout);
         }
     },
@@ -484,7 +483,8 @@ const DOMUtilsCommonUtils = {
                 clearInterval$1(timeId);
             }
         }
-        catch (error) {
+        catch {
+            // TODO
         }
         finally {
             this.windowApi.clearInterval(timeId);
@@ -532,7 +532,7 @@ class DOMUtilsEvent {
          * @param option
          */
         function getOption(args, startIndex, option) {
-            let currentParam = args[startIndex];
+            const currentParam = args[startIndex];
             if (typeof currentParam === "boolean") {
                 option.capture = currentParam;
                 if (typeof args[startIndex + 1] === "boolean") {
@@ -554,8 +554,9 @@ class DOMUtilsEvent {
             }
             return option;
         }
-        let DOMUtilsContext = this;
-        let args = arguments;
+        const DOMUtilsContext = this;
+        // eslint-disable-next-line prefer-rest-params
+        const args = arguments;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -631,14 +632,14 @@ class DOMUtilsEvent {
                             totalParent = DOMUtilsContext.windowApi.document.documentElement;
                         }
                     }
-                    let findValue = selectorList.find((selectorItem) => {
+                    const findValue = selectorList.find((selectorItem) => {
                         // 判断目标元素是否匹配选择器
                         if (DOMUtilsContext.matches(eventTarget, selectorItem)) {
                             /* 当前目标可以被selector所匹配到 */
                             return true;
                         }
                         /* 在上层与主元素之间寻找可以被selector所匹配到的 */
-                        let $closestMatches = DOMUtilsContext.closest(eventTarget, selectorItem);
+                        const $closestMatches = DOMUtilsContext.closest(eventTarget, selectorItem);
                         if ($closestMatches && totalParent?.contains($closestMatches)) {
                             eventTarget = $closestMatches;
                             return true;
@@ -654,7 +655,9 @@ class DOMUtilsEvent {
                                 },
                             });
                         }
-                        catch (error) { }
+                        catch {
+                            // TODO
+                        }
                         listenerCallBack.call(eventTarget, event, eventTarget);
                         checkOptionOnceToRemoveEventListener();
                     }
@@ -669,7 +672,7 @@ class DOMUtilsEvent {
             eventTypeList.forEach((eventName) => {
                 elementItem.addEventListener(eventName, domUtilsEventCallBack, listenerOption);
                 /* 获取对象上的事件 */
-                let elementEvents = Reflect.get(elementItem, DOMUtilsData.SymbolEvents) || {};
+                const elementEvents = Reflect.get(elementItem, DOMUtilsData.SymbolEvents) || {};
                 /* 初始化对象上的xx事件 */
                 elementEvents[eventName] = elementEvents[eventName] || [];
                 elementEvents[eventName].push({
@@ -691,17 +694,18 @@ class DOMUtilsEvent {
          * @param option
          */
         function getOption(args1, startIndex, option) {
-            let currentParam = args1[startIndex];
+            const currentParam = args1[startIndex];
             if (typeof currentParam === "boolean") {
                 option.capture = currentParam;
             }
-            else if (typeof currentParam === "object" && "capture" in currentParam) {
+            else if (typeof currentParam === "object" && currentParam != null && "capture" in currentParam) {
                 option.capture = currentParam.capture;
             }
             return option;
         }
-        let DOMUtilsContext = this;
-        let args = arguments;
+        const DOMUtilsContext = this;
+        // eslint-disable-next-line prefer-rest-params
+        const args = arguments;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -761,16 +765,18 @@ class DOMUtilsEvent {
             // 目标函数、事件名、子元素选择器
             isRemoveAll = true;
         }
+        if (args.length === 5 && typeof args[4] === "function" && typeof filter !== "function") {
+            // 目标函数、事件名、回调函数、事件配置、过滤函数
+            filter = option;
+        }
         elementList.forEach((elementItem) => {
             /* 获取对象上的事件 */
-            let elementEvents = Reflect.get(elementItem, DOMUtilsData.SymbolEvents) || {};
+            const elementEvents = Reflect.get(elementItem, DOMUtilsData.SymbolEvents) || {};
             eventTypeList.forEach((eventName) => {
-                let handlers = elementEvents[eventName] || [];
-                if (typeof filter === "function") {
-                    handlers = handlers.filter(filter);
-                }
-                for (let index = 0; index < handlers.length; index++) {
-                    let handler = handlers[index];
+                const handlers = elementEvents[eventName] || [];
+                const filterHandler = typeof filter === "function" ? handlers.filter(filter) : handlers;
+                for (let index = 0; index < filterHandler.length; index++) {
+                    const handler = filterHandler[index];
                     let flag = true;
                     if (flag && listenerCallBack && handler.originCallBack !== listenerCallBack) {
                         // callback不同
@@ -782,13 +788,18 @@ class DOMUtilsEvent {
                             flag = false;
                         }
                     }
-                    if (flag && listenerOption.capture !== handler.option.capture) {
+                    if (flag &&
+                        typeof handler.option.capture === "boolean" &&
+                        listenerOption.capture !== handler.option.capture) {
                         // 事件的配置项不同
                         flag = false;
                     }
                     if (flag || isRemoveAll) {
                         elementItem.removeEventListener(eventName, handler.callback, handler.option);
-                        handlers.splice(index--, 1);
+                        const findIndex = handlers.findIndex((item) => item === handler);
+                        if (findIndex !== -1) {
+                            handlers.splice(findIndex, 1);
+                        }
                     }
                 }
                 if (handlers.length === 0) {
@@ -805,7 +816,7 @@ class DOMUtilsEvent {
      * @param eventType （可选）需要取消监听的事件
      */
     offAll(element, eventType) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -831,10 +842,10 @@ class DOMUtilsEvent {
                 if (!symbolEvents.toString().startsWith("Symbol(events_")) {
                     return;
                 }
-                let elementEvents = elementItem[symbolEvents] || {};
-                let iterEventNameList = eventTypeList.length ? eventTypeList : Object.keys(elementEvents);
+                const elementEvents = elementItem[symbolEvents] || {};
+                const iterEventNameList = eventTypeList.length ? eventTypeList : Object.keys(elementEvents);
                 iterEventNameList.forEach((eventName) => {
-                    let handlers = elementEvents[eventName];
+                    const handlers = elementEvents[eventName];
                     if (!handlers) {
                         return;
                     }
@@ -843,7 +854,7 @@ class DOMUtilsEvent {
                             capture: handler["option"]["capture"],
                         });
                     }
-                    let events = Reflect.get(elementItem, symbolEvents);
+                    const events = Reflect.get(elementItem, symbolEvents);
                     DOMUtilsCommonUtils.delete(events, eventName);
                 });
             });
@@ -861,7 +872,7 @@ class DOMUtilsEvent {
         if (typeof callback !== "function") {
             return;
         }
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         /**
          * 检测文档是否加载完毕
          */
@@ -876,7 +887,7 @@ class DOMUtilsEvent {
                     return false;
                 }
             }
-            catch (error) {
+            catch {
                 return false;
             }
         }
@@ -887,7 +898,7 @@ class DOMUtilsEvent {
             removeDomReadyListener();
             callback();
         }
-        let targetList = [
+        const targetList = [
             {
                 target: DOMUtilsContext.windowApi.document,
                 eventType: "DOMContentLoaded",
@@ -904,7 +915,7 @@ class DOMUtilsEvent {
          */
         function addDomReadyListener() {
             for (let index = 0; index < targetList.length; index++) {
-                let item = targetList[index];
+                const item = targetList[index];
                 item.target.addEventListener(item.eventType, item.callback);
             }
         }
@@ -913,7 +924,7 @@ class DOMUtilsEvent {
          */
         function removeDomReadyListener() {
             for (let index = 0; index < targetList.length; index++) {
-                let item = targetList[index];
+                const item = targetList[index];
                 item.target.removeEventListener(item.eventType, item.callback);
             }
         }
@@ -941,7 +952,7 @@ class DOMUtilsEvent {
      * DOMUtils.trigger("a.xx",["click","tap","hover"])
      */
     trigger(element, eventType, details, useDispatchToTriggerEvent = true) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -965,7 +976,7 @@ class DOMUtilsEvent {
         }
         elementList.forEach((elementItem) => {
             /* 获取对象上的事件 */
-            let events = elementItem[DOMUtilsData.SymbolEvents] || {};
+            const events = elementItem[DOMUtilsData.SymbolEvents] || {};
             eventTypeList.forEach((_eventType_) => {
                 let event = null;
                 if (details && details instanceof Event) {
@@ -1005,7 +1016,7 @@ class DOMUtilsEvent {
      * })
      * */
     click(element, handler, details, useDispatchToTriggerEvent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1041,7 +1052,7 @@ class DOMUtilsEvent {
      * })
      * */
     blur(element, handler, details, useDispatchToTriggerEvent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1077,7 +1088,7 @@ class DOMUtilsEvent {
      * })
      * */
     focus(element, handler, details, useDispatchToTriggerEvent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1113,7 +1124,7 @@ class DOMUtilsEvent {
      * })
      */
     hover(element, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1137,7 +1148,7 @@ class DOMUtilsEvent {
      * @param option 配置项，这里默认配置once为true
      */
     animationend(element, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
@@ -1172,7 +1183,7 @@ class DOMUtilsEvent {
      * @param option 配置项，这里默认配置once为true
      */
     transitionend(element, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
@@ -1216,7 +1227,7 @@ class DOMUtilsEvent {
      * })
      */
     keyup(element, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (element == null) {
             return;
         }
@@ -1248,7 +1259,7 @@ class DOMUtilsEvent {
      * })
      */
     keydown(element, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (element == null) {
             return;
         }
@@ -1280,7 +1291,7 @@ class DOMUtilsEvent {
      * })
      */
     keypress(element, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (element == null) {
             return;
         }
@@ -1297,80 +1308,80 @@ class DOMUtilsEvent {
         DOMUtilsContext.on(element, "keypress", null, handler, option);
     }
     /**
-     * 监听某个元素键盘按键事件或window全局按键事件
-     * 按下有值的键时触发，按下Ctrl\Alt\Shift\Meta是无值键。按下先触发keydown事件，再触发keypress事件。
-     * @param element 需要监听的对象，可以是全局Window或者某个元素
-     * @param eventName 事件名，默认keypress
-     * @param callback 自己定义的回调事件，参数1为当前的key，参数2为组合按键，数组类型，包含ctrl、shift、alt和meta（win键或mac的cmd键）
-     * @param options 监听事件的配置
-     * @example
-        Utils.listenKeyboard(window,(keyName,keyValue,otherKey,event)=>{
-            if(keyName === "Enter"){
-                console.log("回车按键的值是："+keyValue)
-            }
-            if(otherKey.indexOf("ctrl") && keyName === "Enter" ){
-                console.log("Ctrl和回车键");
-          }
-        })
-     * @example
-    字母和数字键的键码值(keyCode)
-      按键	键码	按键	键码	按键	键码	按键	键码
-      A	65	J	74	S	83	1	49
-      B	66	K	75	T	84	2	50
-      C	67	L	76	U	85	3	51
-      D	68	M	77	V	86	4	52
-      E	69	N	78	W	87	5	53
-      F	70	O	79	X	88	6	54
-      G	71	P	80	Y	89	7	55
-      H	72	Q	81	Z	90	8	56
-      I	73	R	82	0	48	9	57
-  
-      数字键盘上的键的键码值(keyCode)
-      功能键键码值(keyCode)
-      按键	键码	按键  	键码	按键	键码	按键	键码
-      0	96	8	104	F1	112	F7	118
-      1	97	9	105	F2	113	F8	119
-      2	98	*	106	F3	114	F9	120
-      3	99	+	107	F4	115	F10	121
-      4	100	Enter	108	F5	116	F11	122
-      5	101	-	109	F6	117	F12	123
-      6	102	.	110
-      7	103	/	111
-      
-      控制键键码值(keyCode)
-      按键		键码	按键		键码	按键		键码	按键		键码
-      BackSpace	8	Esc		27	→		39	-_		189
-      Tab		9	Spacebar	32	↓		40	.>		190
-      Clear		12	Page Up		33	Insert		45	/?		191
-      Enter		13	Page Down	34	Delete		46	`~		192
-      Shift		16	End		35	Num Lock	144	[{		219
-      Control		17	Home		36	;:		186	\|		220
-      Alt		18	←		37	=+		187	]}		221
-      Cape Lock	20	↑		38	,<		188	'"		222
-  
-      多媒体键码值(keyCode)
-      按键		键码
-      音量加		175
-      音量减		174
-      停止		179
-      静音		173
-      浏览器		172
-      邮件		180
-      搜索		170
-      收藏		171
-     **/
+       * 监听某个元素键盘按键事件或window全局按键事件
+       * 按下有值的键时触发，按下Ctrl\Alt\Shift\Meta是无值键。按下先触发keydown事件，再触发keypress事件。
+       * @param element 需要监听的对象，可以是全局Window或者某个元素
+       * @param eventName 事件名，默认keypress
+       * @param callback 自己定义的回调事件，参数1为当前的key，参数2为组合按键，数组类型，包含ctrl、shift、alt和meta（win键或mac的cmd键）
+       * @param options 监听事件的配置
+       * @example
+          Utils.listenKeyboard(window,(keyName,keyValue,otherKey,event)=>{
+              if(keyName === "Enter"){
+                  console.log("回车按键的值是："+keyValue)
+              }
+              if(otherKey.indexOf("ctrl") && keyName === "Enter" ){
+                  console.log("Ctrl和回车键");
+            }
+          })
+       * @example
+      字母和数字键的键码值(keyCode)
+        按键	键码	按键	键码	按键	键码	按键	键码
+        A	65	J	74	S	83	1	49
+        B	66	K	75	T	84	2	50
+        C	67	L	76	U	85	3	51
+        D	68	M	77	V	86	4	52
+        E	69	N	78	W	87	5	53
+        F	70	O	79	X	88	6	54
+        G	71	P	80	Y	89	7	55
+        H	72	Q	81	Z	90	8	56
+        I	73	R	82	0	48	9	57
+    
+        数字键盘上的键的键码值(keyCode)
+        功能键键码值(keyCode)
+        按键	键码	按键  	键码	按键	键码	按键	键码
+        0	96	8	104	F1	112	F7	118
+        1	97	9	105	F2	113	F8	119
+        2	98	*	106	F3	114	F9	120
+        3	99	+	107	F4	115	F10	121
+        4	100	Enter	108	F5	116	F11	122
+        5	101	-	109	F6	117	F12	123
+        6	102	.	110
+        7	103	/	111
+        
+        控制键键码值(keyCode)
+        按键		键码	按键		键码	按键		键码	按键		键码
+        BackSpace	8	Esc		27	→		39	-_		189
+        Tab		9	Spacebar	32	↓		40	.>		190
+        Clear		12	Page Up		33	Insert		45	/?		191
+        Enter		13	Page Down	34	Delete		46	`~		192
+        Shift		16	End		35	Num Lock	144	[{		219
+        Control		17	Home		36	;:		186	\|		220
+        Alt		18	←		37	=+		187	]}		221
+        Cape Lock	20	↑		38	,<		188	'"		222
+    
+        多媒体键码值(keyCode)
+        按键		键码
+        音量加		175
+        音量减		174
+        停止		179
+        静音		173
+        浏览器		172
+        邮件		180
+        搜索		170
+        收藏		171
+       **/
     listenKeyboard(element, eventName = "keypress", callback, options) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
-        let keyboardEventCallBack = function (event) {
+        const keyboardEventCallBack = function (event) {
             /** 键名 */
-            let keyName = event.key || event.code;
+            const keyName = event.key || event.code;
             /** 键值 */
-            let keyValue = event.charCode || event.keyCode || event.which;
+            const keyValue = event.charCode || event.keyCode || event.which;
             /** 组合键列表 */
-            let otherCodeList = [];
+            const otherCodeList = [];
             if (event.ctrlKey) {
                 otherCodeList.push("ctrl");
             }
@@ -1408,29 +1419,27 @@ class DOMUtilsEvent {
                 return $ele?.innerHTML?.trim() === "";
             });
         }
-        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) ||
-            selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
+        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) || selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
             // contains 语法
-            let textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
-            let text = textMatch[2];
+            const textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
+            const text = textMatch[2];
             selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
             return Array.from(parent.querySelectorAll(selector)).filter(($ele) => {
                 // @ts-ignore
                 return ($ele?.textContent || $ele?.innerText)?.includes(text);
             });
         }
-        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) ||
-            selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
+        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) || selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
             // regexp 语法
-            let textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
+            const textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
             let pattern = textMatch[2];
-            let flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
+            const flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
             let flags = "";
             if (flagMatch) {
                 pattern = pattern.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi, "");
                 flags = flagMatch[3];
             }
-            let regexp = new RegExp(pattern, flags);
+            const regexp = new RegExp(pattern, flags);
             selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
             return Array.from(parent.querySelectorAll(selector)).filter(($ele) => {
                 // @ts-ignore
@@ -1473,11 +1482,10 @@ class DOMUtilsEvent {
             selector = selector.replace(/:empty$/gi, "");
             return $el.matches(selector) && $el?.innerHTML?.trim() === "";
         }
-        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) ||
-            selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
+        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) || selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
             // contains 语法
-            let textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
-            let text = textMatch[2];
+            const textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
+            const text = textMatch[2];
             selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
             // @ts-ignore
             let content = $el?.textContent || $el?.innerText;
@@ -1486,18 +1494,17 @@ class DOMUtilsEvent {
             }
             return $el.matches(selector) && content?.includes(text);
         }
-        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) ||
-            selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
+        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) || selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
             // regexp 语法
-            let textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
+            const textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
             let pattern = textMatch[2];
-            let flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
+            const flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
             let flags = "";
             if (flagMatch) {
                 pattern = pattern.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi, "");
                 flags = flagMatch[3];
             }
-            let regexp = new RegExp(pattern, flags);
+            const regexp = new RegExp(pattern, flags);
             selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
             // @ts-ignore
             let content = $el?.textContent || $el?.innerText;
@@ -1516,45 +1523,43 @@ class DOMUtilsEvent {
         if (selector.match(/[^\s]{1}:empty$/gi)) {
             // empty 语法
             selector = selector.replace(/:empty$/gi, "");
-            let $closest = $el?.closest(selector);
+            const $closest = $el?.closest(selector);
             if ($closest && $closest?.innerHTML?.trim() === "") {
                 return $closest;
             }
             return null;
         }
-        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) ||
-            selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
+        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) || selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
             // contains 语法
-            let textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
-            let text = textMatch[2];
+            const textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
+            const text = textMatch[2];
             selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
-            let $closest = $el?.closest(selector);
+            const $closest = $el?.closest(selector);
             if ($closest) {
                 // @ts-ignore
-                let content = $el?.textContent || $el?.innerText;
+                const content = $el?.textContent || $el?.innerText;
                 if (typeof content === "string" && content.includes(text)) {
                     return $closest;
                 }
             }
             return null;
         }
-        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) ||
-            selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
+        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) || selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
             // regexp 语法
-            let textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
+            const textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
             let pattern = textMatch[2];
-            let flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
+            const flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
             let flags = "";
             if (flagMatch) {
                 pattern = pattern.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi, "");
                 flags = flagMatch[3];
             }
-            let regexp = new RegExp(pattern, flags);
+            const regexp = new RegExp(pattern, flags);
             selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
-            let $closest = $el?.closest(selector);
+            const $closest = $el?.closest(selector);
             if ($closest) {
                 // @ts-ignore
-                let content = $el?.textContent || $el?.innerText;
+                const content = $el?.textContent || $el?.innerText;
                 if (typeof content === "string" && content.match(regexp)) {
                     return $closest;
                 }
@@ -1563,20 +1568,22 @@ class DOMUtilsEvent {
         }
         else {
             // 普通语法
-            let $closest = $el?.closest(selector);
+            const $closest = $el?.closest(selector);
             return $closest;
         }
     }
 }
 
+const version = "1.6.8";
+
 class DOMUtils extends DOMUtilsEvent {
     constructor(option) {
         super(option);
     }
     /** 版本号 */
-    version = "2025.8.11";
+    version = version;
     attr(element, attrName, attrValue) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1610,8 +1617,8 @@ class DOMUtils extends DOMUtilsEvent {
     property, 
     /** 自定义属性 */
     attributes) {
-        let DOMUtilsContext = this;
-        let tempElement = DOMUtilsContext.windowApi.document.createElement(tagName);
+        const DOMUtilsContext = this;
+        const tempElement = DOMUtilsContext.windowApi.document.createElement(tagName);
         if (typeof property === "string") {
             DOMUtilsContext.html(tempElement, property);
             return tempElement;
@@ -1623,7 +1630,7 @@ class DOMUtils extends DOMUtilsEvent {
             attributes = {};
         }
         Object.keys(property).forEach((key) => {
-            let value = property[key];
+            const value = property[key];
             if (key === "innerHTML") {
                 DOMUtilsContext.html(tempElement, value);
                 return;
@@ -1645,18 +1652,16 @@ class DOMUtils extends DOMUtilsEvent {
         return tempElement;
     }
     css(element, property, value) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         /**
          * 把纯数字没有px的加上
          */
         function handlePixe(propertyName, propertyValue) {
-            let allowAddPixe = ["width", "height", "top", "left", "right", "bottom", "font-size"];
+            const allowAddPixe = ["width", "height", "top", "left", "right", "bottom", "font-size"];
             if (typeof propertyValue === "number") {
                 propertyValue = propertyValue.toString();
             }
-            if (typeof propertyValue === "string" &&
-                allowAddPixe.includes(propertyName) &&
-                propertyValue.match(/[0-9]$/gi)) {
+            if (typeof propertyValue === "string" && allowAddPixe.includes(propertyName) && propertyValue.match(/[0-9]$/gi)) {
                 propertyValue = propertyValue + "px";
             }
             return propertyValue;
@@ -1688,10 +1693,9 @@ class DOMUtils extends DOMUtilsEvent {
                 });
                 return;
             }
-            else ;
             return;
         }
-        let setStyleProperty = (propertyName, propertyValue) => {
+        const setStyleProperty = (propertyName, propertyValue) => {
             if (typeof propertyValue === "string" && propertyValue.trim().endsWith("!important")) {
                 propertyValue = propertyValue
                     .trim()
@@ -1713,8 +1717,8 @@ class DOMUtils extends DOMUtilsEvent {
             }
         }
         else if (typeof property === "object") {
-            for (let prop in property) {
-                let value = property[prop];
+            for (const prop in property) {
+                const value = property[prop];
                 setStyleProperty(prop, value);
             }
         }
@@ -1724,7 +1728,7 @@ class DOMUtils extends DOMUtilsEvent {
         }
     }
     text(element, text) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1760,7 +1764,7 @@ class DOMUtils extends DOMUtilsEvent {
         }
     }
     html(element, html) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1798,19 +1802,19 @@ class DOMUtils extends DOMUtilsEvent {
      * 获取移动元素的transform偏移
      */
     getTransform(element, isShow = false) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         let transform_left = 0;
         let transform_top = 0;
         if (!(isShow || (!isShow && DOMUtilsCommonUtils.isShow(element)))) {
             /* 未显示 */
-            let { recovery } = DOMUtilsCommonUtils.showElement(element);
-            let transformInfo = DOMUtilsContext.getTransform(element, true);
+            const { recovery } = DOMUtilsCommonUtils.showElement(element);
+            const transformInfo = DOMUtilsContext.getTransform(element, true);
             recovery();
             return transformInfo;
         }
-        let elementTransform = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element).transform;
+        const elementTransform = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element).transform;
         if (elementTransform != null && elementTransform !== "none" && elementTransform !== "") {
-            let elementTransformSplit = elementTransform.match(/\((.+)\)/)?.[1].split(",");
+            const elementTransformSplit = elementTransform.match(/\((.+)\)/)?.[1].split(",");
             if (elementTransformSplit) {
                 transform_left = Math.abs(parseInt(elementTransformSplit[4]));
                 transform_top = Math.abs(parseInt(elementTransformSplit[5]));
@@ -1826,7 +1830,7 @@ class DOMUtils extends DOMUtilsEvent {
         };
     }
     val(element, value) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1866,7 +1870,7 @@ class DOMUtils extends DOMUtilsEvent {
         }
     }
     prop(element, propName, propValue) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1908,7 +1912,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.removeAttr("a.xx","data-value")
      * */
     removeAttr(element, attrName) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1934,7 +1938,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.removeClass("a.xx","xx")
      */
     removeClass(element, className) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1971,7 +1975,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.removeProp("a.xx","href")
      * */
     removeProp(element, propName) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -1997,7 +2001,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.replaceWith("a.xx",'<b class="xx"></b>')
      */
     replaceWith(element, newElement) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2014,7 +2018,7 @@ class DOMUtils extends DOMUtilsEvent {
         if (typeof newElement === "string") {
             newElement = DOMUtilsContext.parseHTML(newElement, false, false);
         }
-        let $parent = element.parentElement;
+        const $parent = element.parentElement;
         if ($parent) {
             $parent.replaceChild(newElement, element);
         }
@@ -2033,7 +2037,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.addClass("a.xx","_vue_")
      * */
     addClass(element, className) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2063,7 +2067,7 @@ class DOMUtils extends DOMUtilsEvent {
      * @param className
      */
     hasClass(element, className) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2102,7 +2106,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.append("a.xx","'<b class="xx"></b>")
      * */
     append(element, content) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2134,7 +2138,7 @@ class DOMUtils extends DOMUtilsEvent {
         }
         if (Array.isArray(content) || content instanceof NodeList) {
             /* 数组 */
-            let fragment = DOMUtilsContext.windowApi.document.createDocumentFragment();
+            const fragment = DOMUtilsContext.windowApi.document.createDocumentFragment();
             content.forEach((ele) => {
                 if (typeof ele === "string") {
                     // 转为元素
@@ -2158,7 +2162,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.prepend("a.xx","'<b class="xx"></b>")
      * */
     prepend(element, content) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2182,12 +2186,12 @@ class DOMUtils extends DOMUtilsEvent {
             }
         }
         else {
-            let $firstChild = element.firstChild;
+            const $firstChild = element.firstChild;
             if ($firstChild == null) {
                 element.prepend(content);
             }
             else {
-                element.insertBefore(content, element.firstChild);
+                element.insertBefore(content, $firstChild);
             }
         }
     }
@@ -2201,7 +2205,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.after("a.xx","'<b class="xx"></b>")
      * */
     after(element, content) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2219,14 +2223,14 @@ class DOMUtils extends DOMUtilsEvent {
             element.insertAdjacentHTML("afterend", DOMUtilsCommonUtils.getSafeHTML(content));
         }
         else {
-            let $parent = element.parentElement;
-            let $nextSlibling = element.nextSibling;
+            const $parent = element.parentElement;
+            const $nextSlibling = element.nextSibling;
             if (!$parent || $nextSlibling) {
                 // 任意一个不行
                 element.after(content);
             }
             else {
-                element.parentElement.insertBefore(content, element.nextSibling);
+                $parent.insertBefore(content, $nextSlibling);
             }
         }
     }
@@ -2240,7 +2244,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.before("a.xx","'<b class="xx"></b>")
      * */
     before(element, content) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2258,7 +2262,7 @@ class DOMUtils extends DOMUtilsEvent {
             element.insertAdjacentHTML("beforebegin", DOMUtilsCommonUtils.getSafeHTML(content));
         }
         else {
-            let $parent = element.parentElement;
+            const $parent = element.parentElement;
             if (!$parent) {
                 element.before(content);
             }
@@ -2277,7 +2281,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.remove("a.xx")
      * */
     remove(element) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2309,7 +2313,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.empty("a.xx")
      * */
     empty(element) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2340,14 +2344,14 @@ class DOMUtils extends DOMUtilsEvent {
      * > 0
      */
     offset(element) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
         if (element == null) {
             return;
         }
-        let rect = element.getBoundingClientRect();
+        const rect = element.getBoundingClientRect();
         return {
             /** y轴偏移 */
             top: rect.top + DOMUtilsContext.windowApi.globalThis.scrollY,
@@ -2356,14 +2360,10 @@ class DOMUtils extends DOMUtilsEvent {
         };
     }
     width(element, isShow = false) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
-        if (element == null) {
-            // @ts-ignore
-            return;
-        }
         if (DOMUtilsCommonUtils.isWin(element)) {
             return DOMUtilsContext.windowApi.window.document.documentElement.clientWidth;
         }
@@ -2382,11 +2382,11 @@ class DOMUtils extends DOMUtilsEvent {
             }
             /* 如果从css里获取到的值不是大于0  可能是auto 则通过offsetWidth来进行计算 */
             if (element.offsetWidth > 0) {
-                let borderLeftWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderLeftWidth");
-                let borderRightWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderRightWidth");
-                let paddingLeft = DOMUtilsCommonUtils.getStyleValue(element, "paddingLeft");
-                let paddingRight = DOMUtilsCommonUtils.getStyleValue(element, "paddingRight");
-                let backHeight = parseFloat(element.offsetWidth.toString()) -
+                const borderLeftWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderLeftWidth");
+                const borderRightWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderRightWidth");
+                const paddingLeft = DOMUtilsCommonUtils.getStyleValue(element, "paddingLeft");
+                const paddingRight = DOMUtilsCommonUtils.getStyleValue(element, "paddingRight");
+                const backHeight = parseFloat(element.offsetWidth.toString()) -
                     parseFloat(borderLeftWidth.toString()) -
                     parseFloat(borderRightWidth.toString()) -
                     parseFloat(paddingLeft.toString()) -
@@ -2398,24 +2398,20 @@ class DOMUtils extends DOMUtilsEvent {
         else {
             /* 未显示 */
             element = element;
-            let { recovery } = DOMUtilsCommonUtils.showElement(element);
-            let width = DOMUtilsContext.width(element, true);
+            const { recovery } = DOMUtilsCommonUtils.showElement(element);
+            const width = DOMUtilsContext.width(element, true);
             recovery();
             return width;
         }
     }
     height(element, isShow = false) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (DOMUtilsCommonUtils.isWin(element)) {
             return DOMUtilsContext.windowApi.window.document.documentElement.clientHeight;
         }
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
-        if (element == null) {
-            // @ts-ignore
-            return;
-        }
         if (element.nodeType === 9) {
             element = element;
             /* Document文档节点 */
@@ -2431,11 +2427,11 @@ class DOMUtils extends DOMUtilsEvent {
             }
             /* 如果从css里获取到的值不是大于0  可能是auto 则通过offsetHeight来进行计算 */
             if (element.offsetHeight > 0) {
-                let borderTopWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderTopWidth");
-                let borderBottomWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderBottomWidth");
-                let paddingTop = DOMUtilsCommonUtils.getStyleValue(element, "paddingTop");
-                let paddingBottom = DOMUtilsCommonUtils.getStyleValue(element, "paddingBottom");
-                let backHeight = parseFloat(element.offsetHeight.toString()) -
+                const borderTopWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderTopWidth");
+                const borderBottomWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderBottomWidth");
+                const paddingTop = DOMUtilsCommonUtils.getStyleValue(element, "paddingTop");
+                const paddingBottom = DOMUtilsCommonUtils.getStyleValue(element, "paddingBottom");
+                const backHeight = parseFloat(element.offsetHeight.toString()) -
                     parseFloat(borderTopWidth.toString()) -
                     parseFloat(borderBottomWidth.toString()) -
                     parseFloat(paddingTop.toString()) -
@@ -2447,60 +2443,52 @@ class DOMUtils extends DOMUtilsEvent {
         else {
             /* 未显示 */
             element = element;
-            let { recovery } = DOMUtilsCommonUtils.showElement(element);
-            let height = DOMUtilsContext.height(element, true);
+            const { recovery } = DOMUtilsCommonUtils.showElement(element);
+            const height = DOMUtilsContext.height(element, true);
             recovery();
             return height;
         }
     }
     outerWidth(element, isShow = false) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (DOMUtilsCommonUtils.isWin(element)) {
             return DOMUtilsContext.windowApi.window.innerWidth;
         }
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
-        if (element == null) {
-            // @ts-ignore
-            return;
-        }
         element = element;
         if (isShow || (!isShow && DOMUtilsCommonUtils.isShow(element))) {
-            let style = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element, null);
-            let marginLeft = DOMUtilsCommonUtils.getStyleValue(style, "marginLeft");
-            let marginRight = DOMUtilsCommonUtils.getStyleValue(style, "marginRight");
+            const style = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element, null);
+            const marginLeft = DOMUtilsCommonUtils.getStyleValue(style, "marginLeft");
+            const marginRight = DOMUtilsCommonUtils.getStyleValue(style, "marginRight");
             return element.offsetWidth + marginLeft + marginRight;
         }
         else {
-            let { recovery } = DOMUtilsCommonUtils.showElement(element);
-            let outerWidth = DOMUtilsContext.outerWidth(element, true);
+            const { recovery } = DOMUtilsCommonUtils.showElement(element);
+            const outerWidth = DOMUtilsContext.outerWidth(element, true);
             recovery();
             return outerWidth;
         }
     }
     outerHeight(element, isShow = false) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (DOMUtilsCommonUtils.isWin(element)) {
             return DOMUtilsContext.windowApi.window.innerHeight;
         }
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
-        if (element == null) {
-            // @ts-ignore
-            return;
-        }
         element = element;
         if (isShow || (!isShow && DOMUtilsCommonUtils.isShow(element))) {
-            let style = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element, null);
-            let marginTop = DOMUtilsCommonUtils.getStyleValue(style, "marginTop");
-            let marginBottom = DOMUtilsCommonUtils.getStyleValue(style, "marginBottom");
+            const style = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element, null);
+            const marginTop = DOMUtilsCommonUtils.getStyleValue(style, "marginTop");
+            const marginBottom = DOMUtilsCommonUtils.getStyleValue(style, "marginBottom");
             return element.offsetHeight + marginTop + marginBottom;
         }
         else {
-            let { recovery } = DOMUtilsCommonUtils.showElement(element);
-            let outerHeight = DOMUtilsContext.outerHeight(element, true);
+            const { recovery } = DOMUtilsCommonUtils.showElement(element);
+            const outerHeight = DOMUtilsContext.outerHeight(element, true);
             recovery();
             return outerHeight;
         }
@@ -2518,7 +2506,7 @@ class DOMUtils extends DOMUtilsEvent {
      * })
      */
     animate(element, styles, duration = 1000, callback = null) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2544,21 +2532,20 @@ class DOMUtils extends DOMUtilsEvent {
         if (Object.keys(styles).length === 0) {
             throw new Error("styles must contain at least one property");
         }
-        let start = performance.now();
-        let from = {};
-        let to = {};
-        for (let prop in styles) {
-            from[prop] =
-                element.style[prop] || DOMUtilsContext.windowApi.globalThis.getComputedStyle(element)[prop];
+        const start = performance.now();
+        const from = {};
+        const to = {};
+        for (const prop in styles) {
+            from[prop] = element.style[prop] || DOMUtilsContext.windowApi.globalThis.getComputedStyle(element)[prop];
             to[prop] = styles[prop];
         }
-        let timer = DOMUtilsCommonUtils.setInterval(function () {
-            let timePassed = performance.now() - start;
+        const timer = DOMUtilsCommonUtils.setInterval(function () {
+            const timePassed = performance.now() - start;
             let progress = timePassed / duration;
             if (progress > 1) {
                 progress = 1;
             }
-            for (let prop in styles) {
+            for (const prop in styles) {
                 element.style[prop] = from[prop] + (to[prop] - from[prop]) * progress + "px";
             }
             if (progress === 1) {
@@ -2578,7 +2565,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.wrap(document.querySelector("a.xx"),"<div></div>")
      */
     wrap(element, wrapperHTML) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2594,17 +2581,17 @@ class DOMUtils extends DOMUtilsEvent {
         }
         element = element;
         // 创建一个新的div元素，并将wrapperHTML作为其innerHTML
-        let wrapper = DOMUtilsContext.windowApi.document.createElement("div");
+        const wrapper = DOMUtilsContext.windowApi.document.createElement("div");
         DOMUtilsContext.html(wrapper, wrapperHTML);
-        let wrapperFirstChild = wrapper.firstChild;
+        const wrapperFirstChild = wrapper.firstChild;
         // 将要包裹的元素插入目标元素前面
-        let parentElement = element.parentElement;
+        const parentElement = element.parentElement;
         parentElement.insertBefore(wrapperFirstChild, element);
         // 将要包裹的元素移动到wrapper中
         wrapperFirstChild.appendChild(element);
     }
     prev(element) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
@@ -2614,7 +2601,7 @@ class DOMUtils extends DOMUtilsEvent {
         return element.previousElementSibling;
     }
     next(element) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
@@ -2629,7 +2616,7 @@ class DOMUtils extends DOMUtilsEvent {
      * let DOMUtils = window.DOMUtils.noConflict()
      */
     noConflict() {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (DOMUtilsContext.windowApi.window.DOMUtils) {
             DOMUtilsCommonUtils.delete(window, "DOMUtils");
         }
@@ -2637,7 +2624,7 @@ class DOMUtils extends DOMUtilsEvent {
         return this;
     }
     siblings(element) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
@@ -2657,7 +2644,7 @@ class DOMUtils extends DOMUtilsEvent {
      * > <div ...>....</div>
      */
     parent(element) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selector(element);
         }
@@ -2665,7 +2652,7 @@ class DOMUtils extends DOMUtilsEvent {
             return;
         }
         if (DOMUtilsCommonUtils.isNodeList(element)) {
-            let resultArray = [];
+            const resultArray = [];
             element.forEach(($ele) => {
                 resultArray.push(DOMUtilsContext.parent($ele));
             });
@@ -2676,11 +2663,11 @@ class DOMUtils extends DOMUtilsEvent {
         }
     }
     parseHTML(html, useParser = false, isComplete = false) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         // 去除html前后的空格
         html = html.trim();
         function parseHTMLByDOMParser() {
-            let parser = new DOMParser();
+            const parser = new DOMParser();
             if (isComplete) {
                 return parser.parseFromString(html, "text/html");
             }
@@ -2689,7 +2676,7 @@ class DOMUtils extends DOMUtilsEvent {
             }
         }
         function parseHTMLByCreateDom() {
-            let tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
+            const tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
             DOMUtilsContext.html(tempDIV, html);
             if (isComplete) {
                 return tempDIV;
@@ -2714,7 +2701,7 @@ class DOMUtils extends DOMUtilsEvent {
      */
     serialize($form) {
         const elements = $form.elements;
-        let serializedArray = [];
+        const serializedArray = [];
         for (let i = 0; i < elements.length; i++) {
             const element = elements[i];
             if (element.name &&
@@ -2753,7 +2740,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.show("a.xx")
      */
     show(target, checkVisiblie = true) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (target == null) {
             return;
         }
@@ -2790,7 +2777,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.hide("a.xx")
      */
     hide(target, checkVisiblie = true) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (target == null) {
             return;
         }
@@ -2832,7 +2819,7 @@ class DOMUtils extends DOMUtilsEvent {
         if (element == null) {
             return;
         }
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2850,7 +2837,7 @@ class DOMUtils extends DOMUtilsEvent {
         function step(timestamp) {
             if (!start)
                 start = timestamp;
-            let progress = timestamp - start;
+            const progress = timestamp - start;
             element = element;
             element.style.opacity = Math.min(progress / duration, 1).toString();
             if (progress < duration) {
@@ -2880,7 +2867,7 @@ class DOMUtils extends DOMUtilsEvent {
      * })
      */
     fadeOut(element, duration = 400, callback) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (element == null) {
             return;
         }
@@ -2900,7 +2887,7 @@ class DOMUtils extends DOMUtilsEvent {
         function step(timestamp) {
             if (!start)
                 start = timestamp;
-            let progress = timestamp - start;
+            const progress = timestamp - start;
             element = element;
             element.style.opacity = Math.max(1 - progress / duration, 0).toString();
             if (progress < duration) {
@@ -2926,7 +2913,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.toggle("a.xx")
      */
     toggle(element, checkVisiblie) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = DOMUtilsContext.selectorAll(element);
         }
@@ -2964,7 +2951,7 @@ class DOMUtils extends DOMUtilsEvent {
      * DOMUtils.getTextBoundingRect(document.querySelector("input"));
      */
     getTextBoundingRect($input, selectionStart, selectionEnd) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         // Basic parameter validation
         if (!$input || !("value" in $input))
             return $input;
@@ -2993,18 +2980,20 @@ class DOMUtils extends DOMUtilsEvent {
         else
             selectionEnd = Math.min($input.value.length, selectionEnd);
         // If available (thus IE), use the createTextRange method
-        // @ts-ignore
         if (typeof $input.createTextRange == "function") {
-            let range = $input.createTextRange();
+            const range = $input.createTextRange();
             range.collapse(true);
             range.moveStart("character", selectionStart);
             range.moveEnd("character", selectionEnd - selectionStart);
             return range.getBoundingClientRect();
         }
         // createTextRange is not supported, create a fake text range
-        let offset = getInputOffset(), topPos = offset.top, leftPos = offset.left, width = getInputCSS("width", true), height = getInputCSS("height", true);
+        const offset = getInputOffset(), width = getInputCSS("width", true), height = getInputCSS("height", true);
+        let topPos = offset.top;
+        let leftPos = offset.left;
         // Styles to simulate a node in an input field
-        let cssDefaultStyles = "white-space:pre;padding:0;margin:0;", listOfModifiers = [
+        let cssDefaultStyles = "white-space:pre;padding:0;margin:0;";
+        const listOfModifiers = [
             "direction",
             "font-family",
             "font-size",
@@ -3026,16 +3015,15 @@ class DOMUtils extends DOMUtilsEvent {
         leftPos += getInputCSS("border-left-width", true);
         leftPos += 1; //Seems to be necessary
         for (let index = 0; index < listOfModifiers.length; index++) {
-            let property = listOfModifiers[index];
-            // @ts-ignore
-            cssDefaultStyles += property + ":" + getInputCSS(property) + ";";
+            const property = listOfModifiers[index];
+            cssDefaultStyles += property + ":" + getInputCSS(property, false) + ";";
         }
         // End of CSS variable checks
         // 不能为空，不然获取不到高度
-        let text = $input.value || "G", textLen = text.length, fakeClone = DOMUtilsContext.windowApi.document.createElement("div");
+        const text = $input.value || "G", textLen = text.length, fakeClone = DOMUtilsContext.windowApi.document.createElement("div");
         if (selectionStart > 0)
             appendPart(0, selectionStart);
-        var fakeRange = appendPart(selectionStart, selectionEnd);
+        const fakeRange = appendPart(selectionStart, selectionEnd);
         if (textLen > selectionEnd)
             appendPart(selectionEnd, textLen);
         // Styles to inherit the font styles of the element
@@ -3047,7 +3035,7 @@ class DOMUtils extends DOMUtilsEvent {
         fakeClone.style.width = width + "px";
         fakeClone.style.height = height + "px";
         DOMUtilsContext.windowApi.document.body.appendChild(fakeClone);
-        var returnValue = fakeRange.getBoundingClientRect(); //Get rect
+        const returnValue = fakeRange.getBoundingClientRect(); //Get rect
         fakeClone?.parentNode?.removeChild(fakeClone); //Remove temp
         return returnValue;
         // Local functions for readability of the previous code
@@ -3058,7 +3046,7 @@ class DOMUtils extends DOMUtilsEvent {
          * @returns
          */
         function appendPart(start, end) {
-            var span = DOMUtilsContext.windowApi.document.createElement("span");
+            const 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);
@@ -3066,13 +3054,13 @@ class DOMUtils extends DOMUtilsEvent {
         }
         // Computing offset position
         function getInputOffset() {
-            let body = DOMUtilsContext.windowApi.document.body, win = DOMUtilsContext.windowApi.document.defaultView, docElem = DOMUtilsContext.windowApi.document.documentElement, $box = DOMUtilsContext.windowApi.document.createElement("div");
+            const 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;
+            const isBoxModel = $box.offsetWidth == 2;
             body.removeChild($box);
-            let $boxRect = $input.getBoundingClientRect();
-            var clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, scrollTop = win.pageYOffset || (isBoxModel && docElem.scrollTop) || body.scrollTop, scrollLeft = win.pageXOffset || (isBoxModel && docElem.scrollLeft) || body.scrollLeft;
+            const $boxRect = $input.getBoundingClientRect();
+            const clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, scrollTop = win.pageYOffset || (isBoxModel && docElem.scrollTop) || body.scrollTop, scrollLeft = win.pageXOffset || (isBoxModel && docElem.scrollLeft) || body.scrollLeft;
             return {
                 top: $boxRect.top + scrollTop - clientTop,
                 left: $boxRect.left + scrollLeft - clientLeft,
@@ -3085,10 +3073,13 @@ class DOMUtils extends DOMUtilsEvent {
          * @returns
          */
         function getInputCSS(prop, isNumber) {
-            var val = DOMUtilsContext.windowApi.document
-                .defaultView.getComputedStyle($input, null)
-                .getPropertyValue(prop);
-            return isNumber ? parseFloat(val) : val;
+            const val = DOMUtilsContext.windowApi.document.defaultView.getComputedStyle($input, null).getPropertyValue(prop);
+            if (isNumber) {
+                return parseFloat(val);
+            }
+            else {
+                return val;
+            }
         }
     }
     /** 获取 animationend 在各个浏览器的兼容名 */
@@ -3100,7 +3091,7 @@ class DOMUtils extends DOMUtilsEvent {
         return DOMUtilsCommonUtils.getTransitionEndNameList();
     }
 }
-let domUtils = new DOMUtils();
+const domUtils = new DOMUtils();
 
 export { domUtils as default };
 //# sourceMappingURL=index.esm.js.map