@whitesev/domutils 1.6.6 → 1.6.7

package/dist/index.umd.js

@@ -329,10 +329,8 @@
          * 获取安全的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);
@@ -355,7 +353,7 @@
          * @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 {
@@ -386,7 +384,7 @@
                 }
                 styles = view.getComputedStyle(element);
             }
-            let value = parseFloat(styles[styleName]);
+            const value = parseFloat(styles[styleName]);
             if (isNaN(value)) {
                 return 0;
             }
@@ -451,7 +449,7 @@
             try {
                 return setTimeout$1(callback, timeout);
             }
-            catch (error) {
+            catch {
                 return this.windowApi.setTimeout(callback, timeout);
             }
         },
@@ -464,7 +462,8 @@
                     clearTimeout$1(timeId);
                 }
             }
-            catch (error) {
+            catch {
+                // TODO
             }
             finally {
                 this.windowApi.clearTimeout(timeId);
@@ -477,7 +476,7 @@
             try {
                 return setInterval$1(callback, timeout);
             }
-            catch (error) {
+            catch {
                 return this.windowApi.setInterval(callback, timeout);
             }
         },
@@ -490,7 +489,8 @@
                     clearInterval$1(timeId);
                 }
             }
-            catch (error) {
+            catch {
+                // TODO
             }
             finally {
                 this.windowApi.clearInterval(timeId);
@@ -538,7 +538,7 @@
              * @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") {
@@ -560,8 +560,9 @@
                 }
                 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);
             }
@@ -637,14 +638,14 @@
                                 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;
@@ -660,7 +661,9 @@
                                     },
                                 });
                             }
-                            catch (error) { }
+                            catch {
+                                // TODO
+                            }
                             listenerCallBack.call(eventTarget, event, eventTarget);
                             checkOptionOnceToRemoveEventListener();
                         }
@@ -675,7 +678,7 @@
                 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({
@@ -697,7 +700,7 @@
              * @param option
              */
             function getOption(args1, startIndex, option) {
-                let currentParam = args1[startIndex];
+                const currentParam = args1[startIndex];
                 if (typeof currentParam === "boolean") {
                     option.capture = currentParam;
                 }
@@ -706,8 +709,9 @@
                 }
                 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);
             }
@@ -769,14 +773,14 @@
             }
             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 handler = handlers[index];
                         let flag = true;
                         if (flag && listenerCallBack && handler.originCallBack !== listenerCallBack) {
                             // callback不同
@@ -811,7 +815,7 @@
          * @param eventType （可选）需要取消监听的事件
          */
         offAll(element, eventType) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -837,10 +841,10 @@
                     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;
                         }
@@ -849,7 +853,7 @@
                                 capture: handler["option"]["capture"],
                             });
                         }
-                        let events = Reflect.get(elementItem, symbolEvents);
+                        const events = Reflect.get(elementItem, symbolEvents);
                         DOMUtilsCommonUtils.delete(events, eventName);
                     });
                 });
@@ -867,7 +871,7 @@
             if (typeof callback !== "function") {
                 return;
             }
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             /**
              * 检测文档是否加载完毕
              */
@@ -882,7 +886,7 @@
                         return false;
                     }
                 }
-                catch (error) {
+                catch {
                     return false;
                 }
             }
@@ -893,7 +897,7 @@
                 removeDomReadyListener();
                 callback();
             }
-            let targetList = [
+            const targetList = [
                 {
                     target: DOMUtilsContext.windowApi.document,
                     eventType: "DOMContentLoaded",
@@ -910,7 +914,7 @@
              */
             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);
                 }
             }
@@ -919,7 +923,7 @@
              */
             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);
                 }
             }
@@ -947,7 +951,7 @@
          * 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);
             }
@@ -971,7 +975,7 @@
             }
             elementList.forEach((elementItem) => {
                 /* 获取对象上的事件 */
-                let events = elementItem[DOMUtilsData.SymbolEvents] || {};
+                const events = elementItem[DOMUtilsData.SymbolEvents] || {};
                 eventTypeList.forEach((_eventType_) => {
                     let event = null;
                     if (details && details instanceof Event) {
@@ -1011,7 +1015,7 @@
          * })
          * */
         click(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1047,7 +1051,7 @@
          * })
          * */
         blur(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1083,7 +1087,7 @@
          * })
          * */
         focus(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1119,7 +1123,7 @@
          * })
          */
         hover(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1143,7 +1147,7 @@
          * @param option 配置项，这里默认配置once为true
          */
         animationend(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -1178,7 +1182,7 @@
          * @param option 配置项，这里默认配置once为true
          */
         transitionend(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -1222,7 +1226,7 @@
          * })
          */
         keyup(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
@@ -1254,7 +1258,7 @@
          * })
          */
         keydown(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
@@ -1286,7 +1290,7 @@
          * })
          */
         keypress(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
@@ -1303,80 +1307,80 @@
             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");
                 }
@@ -1414,29 +1418,27 @@
                     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
@@ -1479,11 +1481,10 @@
                 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;
@@ -1492,18 +1493,17 @@
                 }
                 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;
@@ -1522,45 +1522,43 @@
             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;
                     }
@@ -1569,20 +1567,22 @@
             }
             else {
                 // 普通语法
-                let $closest = $el?.closest(selector);
+                const $closest = $el?.closest(selector);
                 return $closest;
             }
         }
     }
 
+    const version = "1.6.6";
+
     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);
             }
@@ -1616,8 +1616,8 @@
         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;
@@ -1629,7 +1629,7 @@
                 attributes = {};
             }
             Object.keys(property).forEach((key) => {
-                let value = property[key];
+                const value = property[key];
                 if (key === "innerHTML") {
                     DOMUtilsContext.html(tempElement, value);
                     return;
@@ -1651,18 +1651,16 @@
             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;
@@ -1694,10 +1692,9 @@
                     });
                     return;
                 }
-                else ;
                 return;
             }
-            let setStyleProperty = (propertyName, propertyValue) => {
+            const setStyleProperty = (propertyName, propertyValue) => {
                 if (typeof propertyValue === "string" && propertyValue.trim().endsWith("!important")) {
                     propertyValue = propertyValue
                         .trim()
@@ -1719,8 +1716,8 @@
                 }
             }
             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);
                 }
             }
@@ -1730,7 +1727,7 @@
             }
         }
         text(element, text) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1766,7 +1763,7 @@
             }
         }
         html(element, html) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1804,19 +1801,19 @@
          * 获取移动元素的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]));
@@ -1832,7 +1829,7 @@
             };
         }
         val(element, value) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1872,7 +1869,7 @@
             }
         }
         prop(element, propName, propValue) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1914,7 +1911,7 @@
          * DOMUtils.removeAttr("a.xx","data-value")
          * */
         removeAttr(element, attrName) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1940,7 +1937,7 @@
          * DOMUtils.removeClass("a.xx","xx")
          */
         removeClass(element, className) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1977,7 +1974,7 @@
          * DOMUtils.removeProp("a.xx","href")
          * */
         removeProp(element, propName) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2003,7 +2000,7 @@
          * 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);
             }
@@ -2020,7 +2017,7 @@
             if (typeof newElement === "string") {
                 newElement = DOMUtilsContext.parseHTML(newElement, false, false);
             }
-            let $parent = element.parentElement;
+            const $parent = element.parentElement;
             if ($parent) {
                 $parent.replaceChild(newElement, element);
             }
@@ -2039,7 +2036,7 @@
          * DOMUtils.addClass("a.xx","_vue_")
          * */
         addClass(element, className) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2069,7 +2066,7 @@
          * @param className
          */
         hasClass(element, className) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2108,7 +2105,7 @@
          * 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);
             }
@@ -2140,7 +2137,7 @@
             }
             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") {
                         // 转为元素
@@ -2164,7 +2161,7 @@
          * 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);
             }
@@ -2188,7 +2185,7 @@
                 }
             }
             else {
-                let $firstChild = element.firstChild;
+                const $firstChild = element.firstChild;
                 if ($firstChild == null) {
                     element.prepend(content);
                 }
@@ -2207,7 +2204,7 @@
          * 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);
             }
@@ -2225,8 +2222,8 @@
                 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);
@@ -2246,7 +2243,7 @@
          * 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);
             }
@@ -2264,7 +2261,7 @@
                 element.insertAdjacentHTML("beforebegin", DOMUtilsCommonUtils.getSafeHTML(content));
             }
             else {
-                let $parent = element.parentElement;
+                const $parent = element.parentElement;
                 if (!$parent) {
                     element.before(content);
                 }
@@ -2283,7 +2280,7 @@
          * DOMUtils.remove("a.xx")
          * */
         remove(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2315,7 +2312,7 @@
          * DOMUtils.empty("a.xx")
          * */
         empty(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2346,14 +2343,14 @@
          * > 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,
@@ -2362,14 +2359,10 @@
             };
         }
         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;
             }
@@ -2388,11 +2381,11 @@
                 }
                 /* 如果从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()) -
@@ -2404,24 +2397,20 @@
             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文档节点 */
@@ -2437,11 +2426,11 @@
                 }
                 /* 如果从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()) -
@@ -2453,60 +2442,52 @@
             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;
             }
@@ -2524,7 +2505,7 @@
          * })
          */
         animate(element, styles, duration = 1000, callback = null) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2550,21 +2531,20 @@
             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) {
@@ -2584,7 +2564,7 @@
          * 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);
             }
@@ -2600,17 +2580,17 @@
             }
             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);
             }
@@ -2620,7 +2600,7 @@
             return element.previousElementSibling;
         }
         next(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -2635,7 +2615,7 @@
          * let DOMUtils = window.DOMUtils.noConflict()
          */
         noConflict() {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (DOMUtilsContext.windowApi.window.DOMUtils) {
                 DOMUtilsCommonUtils.delete(window, "DOMUtils");
             }
@@ -2643,7 +2623,7 @@
             return this;
         }
         siblings(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -2663,7 +2643,7 @@
          * > <div ...>....</div>
          */
         parent(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -2671,7 +2651,7 @@
                 return;
             }
             if (DOMUtilsCommonUtils.isNodeList(element)) {
-                let resultArray = [];
+                const resultArray = [];
                 element.forEach(($ele) => {
                     resultArray.push(DOMUtilsContext.parent($ele));
                 });
@@ -2682,11 +2662,11 @@
             }
         }
         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");
                 }
@@ -2695,7 +2675,7 @@
                 }
             }
             function parseHTMLByCreateDom() {
-                let tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
+                const tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
                 DOMUtilsContext.html(tempDIV, html);
                 if (isComplete) {
                     return tempDIV;
@@ -2720,7 +2700,7 @@
          */
         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 &&
@@ -2759,7 +2739,7 @@
          * DOMUtils.show("a.xx")
          */
         show(target, checkVisiblie = true) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (target == null) {
                 return;
             }
@@ -2796,7 +2776,7 @@
          * DOMUtils.hide("a.xx")
          */
         hide(target, checkVisiblie = true) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (target == null) {
                 return;
             }
@@ -2838,7 +2818,7 @@
             if (element == null) {
                 return;
             }
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2856,7 +2836,7 @@
             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) {
@@ -2886,7 +2866,7 @@
          * })
          */
         fadeOut(element, duration = 400, callback) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
@@ -2906,7 +2886,7 @@
             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) {
@@ -2932,7 +2912,7 @@
          * DOMUtils.toggle("a.xx")
          */
         toggle(element, checkVisiblie) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2970,7 +2950,7 @@
          * 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;
@@ -2999,18 +2979,20 @@
             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",
@@ -3032,16 +3014,15 @@
             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
@@ -3053,7 +3034,7 @@
             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
@@ -3064,7 +3045,7 @@
              * @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);
@@ -3072,13 +3053,13 @@
             }
             // 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,
@@ -3091,10 +3072,13 @@
              * @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 在各个浏览器的兼容名 */
@@ -3106,7 +3090,7 @@
             return DOMUtilsCommonUtils.getTransitionEndNameList();
         }
     }
-    let domUtils = new DOMUtils();
+    const domUtils = new DOMUtils();
 
     return domUtils;