@whitesev/domutils 1.6.5 → 1.6.7

package/dist/index.amd.js

@@ -325,10 +325,8 @@ define((function () { 'use strict';
          * 获取安全的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);
@@ -351,7 +349,7 @@ define((function () { 'use strict';
          * @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 {
@@ -382,7 +380,7 @@ define((function () { 'use strict';
                 }
                 styles = view.getComputedStyle(element);
             }
-            let value = parseFloat(styles[styleName]);
+            const value = parseFloat(styles[styleName]);
             if (isNaN(value)) {
                 return 0;
             }
@@ -447,7 +445,7 @@ define((function () { 'use strict';
             try {
                 return setTimeout$1(callback, timeout);
             }
-            catch (error) {
+            catch {
                 return this.windowApi.setTimeout(callback, timeout);
             }
         },
@@ -460,7 +458,8 @@ define((function () { 'use strict';
                     clearTimeout$1(timeId);
                 }
             }
-            catch (error) {
+            catch {
+                // TODO
             }
             finally {
                 this.windowApi.clearTimeout(timeId);
@@ -473,7 +472,7 @@ define((function () { 'use strict';
             try {
                 return setInterval$1(callback, timeout);
             }
-            catch (error) {
+            catch {
                 return this.windowApi.setInterval(callback, timeout);
             }
         },
@@ -486,7 +485,8 @@ define((function () { 'use strict';
                     clearInterval$1(timeId);
                 }
             }
-            catch (error) {
+            catch {
+                // TODO
             }
             finally {
                 this.windowApi.clearInterval(timeId);
@@ -534,7 +534,7 @@ define((function () { 'use strict';
              * @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") {
@@ -556,8 +556,9 @@ define((function () { 'use strict';
                 }
                 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);
             }
@@ -633,14 +634,14 @@ define((function () { 'use strict';
                                 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;
@@ -656,7 +657,9 @@ define((function () { 'use strict';
                                     },
                                 });
                             }
-                            catch (error) { }
+                            catch {
+                                // TODO
+                            }
                             listenerCallBack.call(eventTarget, event, eventTarget);
                             checkOptionOnceToRemoveEventListener();
                         }
@@ -671,7 +674,7 @@ define((function () { 'use strict';
                 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({
@@ -693,7 +696,7 @@ define((function () { 'use strict';
              * @param option
              */
             function getOption(args1, startIndex, option) {
-                let currentParam = args1[startIndex];
+                const currentParam = args1[startIndex];
                 if (typeof currentParam === "boolean") {
                     option.capture = currentParam;
                 }
@@ -702,8 +705,9 @@ define((function () { 'use strict';
                 }
                 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);
             }
@@ -765,14 +769,14 @@ define((function () { 'use strict';
             }
             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不同
@@ -807,7 +811,7 @@ define((function () { 'use strict';
          * @param eventType （可选）需要取消监听的事件
          */
         offAll(element, eventType) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -833,10 +837,10 @@ define((function () { 'use strict';
                     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;
                         }
@@ -845,7 +849,7 @@ define((function () { 'use strict';
                                 capture: handler["option"]["capture"],
                             });
                         }
-                        let events = Reflect.get(elementItem, symbolEvents);
+                        const events = Reflect.get(elementItem, symbolEvents);
                         DOMUtilsCommonUtils.delete(events, eventName);
                     });
                 });
@@ -863,7 +867,7 @@ define((function () { 'use strict';
             if (typeof callback !== "function") {
                 return;
             }
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             /**
              * 检测文档是否加载完毕
              */
@@ -878,7 +882,7 @@ define((function () { 'use strict';
                         return false;
                     }
                 }
-                catch (error) {
+                catch {
                     return false;
                 }
             }
@@ -889,7 +893,7 @@ define((function () { 'use strict';
                 removeDomReadyListener();
                 callback();
             }
-            let targetList = [
+            const targetList = [
                 {
                     target: DOMUtilsContext.windowApi.document,
                     eventType: "DOMContentLoaded",
@@ -906,7 +910,7 @@ define((function () { 'use strict';
              */
             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);
                 }
             }
@@ -915,7 +919,7 @@ define((function () { 'use strict';
              */
             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);
                 }
             }
@@ -943,7 +947,7 @@ define((function () { 'use strict';
          * 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);
             }
@@ -967,7 +971,7 @@ define((function () { 'use strict';
             }
             elementList.forEach((elementItem) => {
                 /* 获取对象上的事件 */
-                let events = elementItem[DOMUtilsData.SymbolEvents] || {};
+                const events = elementItem[DOMUtilsData.SymbolEvents] || {};
                 eventTypeList.forEach((_eventType_) => {
                     let event = null;
                     if (details && details instanceof Event) {
@@ -1007,7 +1011,7 @@ define((function () { 'use strict';
          * })
          * */
         click(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1043,7 +1047,7 @@ define((function () { 'use strict';
          * })
          * */
         blur(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1079,7 +1083,7 @@ define((function () { 'use strict';
          * })
          * */
         focus(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1115,7 +1119,7 @@ define((function () { 'use strict';
          * })
          */
         hover(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1139,7 +1143,7 @@ define((function () { 'use strict';
          * @param option 配置项，这里默认配置once为true
          */
         animationend(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -1174,7 +1178,7 @@ define((function () { 'use strict';
          * @param option 配置项，这里默认配置once为true
          */
         transitionend(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -1218,7 +1222,7 @@ define((function () { 'use strict';
          * })
          */
         keyup(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
@@ -1250,7 +1254,7 @@ define((function () { 'use strict';
          * })
          */
         keydown(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
@@ -1282,7 +1286,7 @@ define((function () { 'use strict';
          * })
          */
         keypress(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
@@ -1299,80 +1303,80 @@ define((function () { 'use strict';
             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");
                 }
@@ -1410,29 +1414,27 @@ define((function () { 'use strict';
                     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
@@ -1475,11 +1477,10 @@ define((function () { 'use strict';
                 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;
@@ -1488,18 +1489,17 @@ define((function () { 'use strict';
                 }
                 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;
@@ -1518,45 +1518,43 @@ define((function () { 'use strict';
             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;
                     }
@@ -1565,20 +1563,22 @@ define((function () { 'use strict';
             }
             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);
             }
@@ -1605,24 +1605,6 @@ define((function () { 'use strict';
                 element.setAttribute(attrName, attrValue);
             }
         }
-        /**
-         * 创建元素
-         * @param tagName 标签名
-         * @param property 属性
-         * @param attributes 元素上的自定义属性
-         * @example
-         * // 创建一个DIV元素，且属性class为xxx
-         * DOMUtils.createElement("div",undefined,{ class:"xxx" });
-         * > <div class="xxx"></div>
-         * @example
-         * // 创建一个DIV元素
-         * DOMUtils.createElement("div");
-         * > <div></div>
-         * @example
-         * // 创建一个DIV元素
-         * DOMUtils.createElement("div","测试");
-         * > <div>测试</div>
-         */
         createElement(
         /** 元素名 */
         tagName, 
@@ -1630,8 +1612,8 @@ define((function () { 'use strict';
         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;
@@ -1643,7 +1625,7 @@ define((function () { 'use strict';
                 attributes = {};
             }
             Object.keys(property).forEach((key) => {
-                let value = property[key];
+                const value = property[key];
                 if (key === "innerHTML") {
                     DOMUtilsContext.html(tempElement, value);
                     return;
@@ -1665,18 +1647,16 @@ define((function () { 'use strict';
             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;
@@ -1708,10 +1688,9 @@ define((function () { 'use strict';
                     });
                     return;
                 }
-                else ;
                 return;
             }
-            let setStyleProperty = (propertyName, propertyValue) => {
+            const setStyleProperty = (propertyName, propertyValue) => {
                 if (typeof propertyValue === "string" && propertyValue.trim().endsWith("!important")) {
                     propertyValue = propertyValue
                         .trim()
@@ -1733,8 +1712,8 @@ define((function () { 'use strict';
                 }
             }
             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);
                 }
             }
@@ -1744,7 +1723,7 @@ define((function () { 'use strict';
             }
         }
         text(element, text) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1780,7 +1759,7 @@ define((function () { 'use strict';
             }
         }
         html(element, html) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1818,19 +1797,19 @@ define((function () { 'use strict';
          * 获取移动元素的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]));
@@ -1846,7 +1825,7 @@ define((function () { 'use strict';
             };
         }
         val(element, value) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1886,7 +1865,7 @@ define((function () { 'use strict';
             }
         }
         prop(element, propName, propValue) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1928,7 +1907,7 @@ define((function () { 'use strict';
          * DOMUtils.removeAttr("a.xx","data-value")
          * */
         removeAttr(element, attrName) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1954,7 +1933,7 @@ define((function () { 'use strict';
          * DOMUtils.removeClass("a.xx","xx")
          */
         removeClass(element, className) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1974,7 +1953,7 @@ define((function () { 'use strict';
             }
             else {
                 if (!Array.isArray(className)) {
-                    className = className.split(" ");
+                    className = className.trim().split(" ");
                 }
                 className.forEach((itemClassName) => {
                     element.classList.remove(itemClassName);
@@ -1991,7 +1970,7 @@ define((function () { 'use strict';
          * DOMUtils.removeProp("a.xx","href")
          * */
         removeProp(element, propName) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2017,7 +1996,7 @@ define((function () { 'use strict';
          * 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);
             }
@@ -2034,7 +2013,7 @@ define((function () { 'use strict';
             if (typeof newElement === "string") {
                 newElement = DOMUtilsContext.parseHTML(newElement, false, false);
             }
-            let $parent = element.parentElement;
+            const $parent = element.parentElement;
             if ($parent) {
                 $parent.replaceChild(newElement, element);
             }
@@ -2053,7 +2032,7 @@ define((function () { 'use strict';
          * DOMUtils.addClass("a.xx","_vue_")
          * */
         addClass(element, className) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2083,7 +2062,7 @@ define((function () { 'use strict';
          * @param className
          */
         hasClass(element, className) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2122,7 +2101,7 @@ define((function () { 'use strict';
          * 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);
             }
@@ -2154,7 +2133,7 @@ define((function () { 'use strict';
             }
             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") {
                         // 转为元素
@@ -2178,7 +2157,7 @@ define((function () { 'use strict';
          * 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);
             }
@@ -2202,7 +2181,7 @@ define((function () { 'use strict';
                 }
             }
             else {
-                let $firstChild = element.firstChild;
+                const $firstChild = element.firstChild;
                 if ($firstChild == null) {
                     element.prepend(content);
                 }
@@ -2221,7 +2200,7 @@ define((function () { 'use strict';
          * 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);
             }
@@ -2239,8 +2218,8 @@ define((function () { 'use strict';
                 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);
@@ -2260,7 +2239,7 @@ define((function () { 'use strict';
          * 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);
             }
@@ -2278,7 +2257,7 @@ define((function () { 'use strict';
                 element.insertAdjacentHTML("beforebegin", DOMUtilsCommonUtils.getSafeHTML(content));
             }
             else {
-                let $parent = element.parentElement;
+                const $parent = element.parentElement;
                 if (!$parent) {
                     element.before(content);
                 }
@@ -2297,7 +2276,7 @@ define((function () { 'use strict';
          * DOMUtils.remove("a.xx")
          * */
         remove(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2329,7 +2308,7 @@ define((function () { 'use strict';
          * DOMUtils.empty("a.xx")
          * */
         empty(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2360,14 +2339,14 @@ define((function () { 'use strict';
          * > 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,
@@ -2376,14 +2355,10 @@ define((function () { 'use strict';
             };
         }
         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;
             }
@@ -2402,11 +2377,11 @@ define((function () { 'use strict';
                 }
                 /* 如果从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()) -
@@ -2418,24 +2393,20 @@ define((function () { 'use strict';
             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文档节点 */
@@ -2451,11 +2422,11 @@ define((function () { 'use strict';
                 }
                 /* 如果从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()) -
@@ -2467,60 +2438,52 @@ define((function () { 'use strict';
             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;
             }
@@ -2538,7 +2501,7 @@ define((function () { 'use strict';
          * })
          */
         animate(element, styles, duration = 1000, callback = null) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2564,21 +2527,20 @@ define((function () { 'use strict';
             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) {
@@ -2598,7 +2560,7 @@ define((function () { 'use strict';
          * 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);
             }
@@ -2614,17 +2576,17 @@ define((function () { 'use strict';
             }
             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);
             }
@@ -2634,7 +2596,7 @@ define((function () { 'use strict';
             return element.previousElementSibling;
         }
         next(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -2649,7 +2611,7 @@ define((function () { 'use strict';
          * let DOMUtils = window.DOMUtils.noConflict()
          */
         noConflict() {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (DOMUtilsContext.windowApi.window.DOMUtils) {
                 DOMUtilsCommonUtils.delete(window, "DOMUtils");
             }
@@ -2657,7 +2619,7 @@ define((function () { 'use strict';
             return this;
         }
         siblings(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -2677,7 +2639,7 @@ define((function () { 'use strict';
          * > <div ...>....</div>
          */
         parent(element) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selector(element);
             }
@@ -2685,7 +2647,7 @@ define((function () { 'use strict';
                 return;
             }
             if (DOMUtilsCommonUtils.isNodeList(element)) {
-                let resultArray = [];
+                const resultArray = [];
                 element.forEach(($ele) => {
                     resultArray.push(DOMUtilsContext.parent($ele));
                 });
@@ -2696,11 +2658,11 @@ define((function () { 'use strict';
             }
         }
         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");
                 }
@@ -2709,7 +2671,7 @@ define((function () { 'use strict';
                 }
             }
             function parseHTMLByCreateDom() {
-                let tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
+                const tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
                 DOMUtilsContext.html(tempDIV, html);
                 if (isComplete) {
                     return tempDIV;
@@ -2734,7 +2696,7 @@ define((function () { 'use strict';
          */
         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 &&
@@ -2773,7 +2735,7 @@ define((function () { 'use strict';
          * DOMUtils.show("a.xx")
          */
         show(target, checkVisiblie = true) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (target == null) {
                 return;
             }
@@ -2810,7 +2772,7 @@ define((function () { 'use strict';
          * DOMUtils.hide("a.xx")
          */
         hide(target, checkVisiblie = true) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (target == null) {
                 return;
             }
@@ -2852,7 +2814,7 @@ define((function () { 'use strict';
             if (element == null) {
                 return;
             }
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2870,7 +2832,7 @@ define((function () { 'use strict';
             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) {
@@ -2900,7 +2862,7 @@ define((function () { 'use strict';
          * })
          */
         fadeOut(element, duration = 400, callback) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (element == null) {
                 return;
             }
@@ -2920,7 +2882,7 @@ define((function () { 'use strict';
             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) {
@@ -2946,7 +2908,7 @@ define((function () { 'use strict';
          * DOMUtils.toggle("a.xx")
          */
         toggle(element, checkVisiblie) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -2984,7 +2946,7 @@ define((function () { 'use strict';
          * 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;
@@ -3013,18 +2975,20 @@ define((function () { 'use strict';
             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",
@@ -3046,16 +3010,15 @@ define((function () { 'use strict';
             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
@@ -3067,7 +3030,7 @@ define((function () { 'use strict';
             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
@@ -3078,7 +3041,7 @@ define((function () { 'use strict';
              * @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);
@@ -3086,13 +3049,13 @@ define((function () { 'use strict';
             }
             // 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,
@@ -3105,10 +3068,13 @@ define((function () { 'use strict';
              * @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 在各个浏览器的兼容名 */
@@ -3120,7 +3086,7 @@ define((function () { 'use strict';
             return DOMUtilsCommonUtils.getTransitionEndNameList();
         }
     }
-    let domUtils = new DOMUtils();
+    const domUtils = new DOMUtils();
 
     return domUtils;