@whitesev/pops 2.4.4 → 2.4.6

package/dist/index.esm.js

@@ -12,12 +12,12 @@ const GlobalConfig = {
      * 获取全局配置
      */
     getGlobalConfig() {
-        let result = {};
+        const result = {};
         Object.keys(GlobalConfig.config).forEach((keyName) => {
-            let configValue = Reflect.get(GlobalConfig.config, keyName);
+            const configValue = Reflect.get(GlobalConfig.config, keyName);
             if (keyName === "style") {
                 // 设置style属性
-                let style = configValue == null ? "" : typeof configValue === "function" ? configValue() : configValue;
+                const style = configValue == null ? "" : typeof configValue === "function" ? configValue() : configValue;
                 if (typeof style === "string") {
                     result.style = style;
                 }
@@ -26,7 +26,7 @@ const GlobalConfig = {
                 // 设置zIndex属性
                 let zIndex = configValue == null ? "" : typeof configValue === "function" ? configValue() : configValue;
                 if (typeof zIndex === "string") {
-                    let newIndex = (zIndex = Number(zIndex));
+                    const newIndex = (zIndex = Number(zIndex));
                     if (!isNaN(newIndex)) {
                         result.zIndex = newIndex;
                     }
@@ -38,7 +38,7 @@ const GlobalConfig = {
                 }
             }
             else if (keyName === "mask") {
-                let mask = GlobalConfig.config.mask == null ? {} : GlobalConfig.config.mask;
+                const mask = GlobalConfig.config.mask == null ? {} : GlobalConfig.config.mask;
                 if (typeof mask === "object" && mask != null) {
                     result.mask = mask;
                 }
@@ -550,7 +550,7 @@ class PopsUtils {
         }
     }
     assign(target = {}, source = {}, isAdd = false) {
-        let UtilsContext = this;
+        const UtilsContext = this;
         if (source == null) {
             return target;
         }
@@ -558,7 +558,7 @@ class PopsUtils {
             target = {};
         }
         if (Array.isArray(source)) {
-            let canTraverse = source.filter((item) => {
+            const canTraverse = source.filter((item) => {
                 return typeof item === "object";
             });
             if (!canTraverse.length) {
@@ -568,8 +568,8 @@ class PopsUtils {
         if (isAdd) {
             for (const sourceKeyName in source) {
                 const targetKeyName = sourceKeyName;
-                let targetValue = target[targetKeyName];
-                let sourceValue = source[sourceKeyName];
+                const targetValue = target[targetKeyName];
+                const sourceValue = source[sourceKeyName];
                 if (typeof sourceValue === "object" &&
                     sourceValue != null &&
                     sourceKeyName in target &&
@@ -584,22 +584,19 @@ class PopsUtils {
         else {
             for (const targetKeyName in target) {
                 if (targetKeyName in source) {
-                    // @ts-ignore
-                    let targetValue = target[targetKeyName];
-                    // @ts-ignore
-                    let sourceValue = source[targetKeyName];
+                    const targetValue = Reflect.get(target, targetKeyName);
+                    const sourceValue = Reflect.get(source, targetKeyName);
                     if (typeof sourceValue === "object" &&
                         sourceValue != null &&
                         !UtilsContext.isDOM(sourceValue) &&
                         Object.keys(sourceValue).length) {
                         /* 源端的值是object类型，且不是元素节点 */
-                        // @ts-ignore
-                        target[targetKeyName] = UtilsContext.assign(targetValue, sourceValue, isAdd);
+                        const childObjectValue = UtilsContext.assign(targetValue, sourceValue, isAdd);
+                        Reflect.set(target, targetKeyName, childObjectValue);
                         continue;
                     }
                     /* 直接赋值 */
-                    // @ts-ignore
-                    target[targetKeyName] = sourceValue;
+                    Reflect.set(target, targetKeyName, sourceValue);
                 }
             }
         }
@@ -614,15 +611,16 @@ class PopsUtils {
         }
         else {
             return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (charStr) {
-                var randomValue = (Math.random() * 16) | 0, randomCharValue = charStr === "x" ? randomValue : (randomValue & 0x3) | 0x8;
+                const randomValue = (Math.random() * 16) | 0, randomCharValue = charStr === "x" ? randomValue : (randomValue & 0x3) | 0x8;
                 return randomCharValue.toString(16);
             });
         }
     }
-    contains(context, target) {
-        if (arguments.length === 1) {
+    contains(...args) {
+        const [context, target] = args;
+        if (args.length === 1) {
             // 只判断该页面是否存在该元素
-            return this.contains(PopsCore.document.body || PopsCore.document.documentElement, arguments[0]);
+            return this.contains(PopsCore.document.body || PopsCore.document.documentElement, args[0]);
         }
         else {
             if (target == null) {
@@ -645,7 +643,7 @@ class PopsUtils {
         }
     }
     formatTime(text = new Date(), formatType = "yyyy-MM-dd HH:mm:ss") {
-        let time = text == null ? new Date() : new Date(text);
+        const time = text == null ? new Date() : new Date(text);
         /**
          * 校验时间补0
          * @param timeNum
@@ -664,7 +662,7 @@ class PopsUtils {
         function timeSystemChange(hourNum) {
             return hourNum > 12 ? hourNum - 12 : hourNum;
         }
-        let timeRegexp = {
+        const timeRegexp = {
             yyyy: time.getFullYear(),
             /* 年 */
             MM: checkTime(time.getMonth() + 1),
@@ -681,7 +679,7 @@ class PopsUtils {
             /* 秒 */
         };
         Object.keys(timeRegexp).forEach(function (key) {
-            let replaecRegexp = new RegExp(key, "g");
+            const replaecRegexp = new RegExp(key, "g");
             formatType = formatType.replace(replaecRegexp, timeRegexp[key]);
         });
         return formatType;
@@ -693,7 +691,7 @@ class PopsUtils {
         }
         let result = 0;
         let resultType = "KB";
-        let sizeData = {};
+        const sizeData = {};
         sizeData.B = 1;
         sizeData.KB = 1024;
         sizeData.MB = sizeData.KB * sizeData.KB;
@@ -706,7 +704,7 @@ class PopsUtils {
         sizeData.BB = sizeData.YB * sizeData.KB;
         sizeData.NB = sizeData.BB * sizeData.KB;
         sizeData.DB = sizeData.NB * sizeData.KB;
-        for (let key in sizeData) {
+        for (const key in sizeData) {
             result = byteSize / sizeData[key];
             resultType = key;
             if (sizeData.KB >= result) {
@@ -734,7 +732,7 @@ class PopsUtils {
         try {
             return setTimeout$1(callback, timeout);
         }
-        catch (error) {
+        catch {
             return PopsCore.setTimeout(callback, timeout);
         }
     }
@@ -747,7 +745,8 @@ class PopsUtils {
                 clearTimeout$1(timeId);
             }
         }
-        catch (error) {
+        catch {
+            // TODO
         }
         finally {
             PopsCore.clearTimeout(timeId);
@@ -760,7 +759,7 @@ class PopsUtils {
         try {
             return setInterval$1(callback, timeout);
         }
-        catch (error) {
+        catch {
             return PopsCore.setInterval(callback, timeout);
         }
     }
@@ -773,7 +772,8 @@ class PopsUtils {
                 clearInterval$1(timeId);
             }
         }
-        catch (error) {
+        catch {
+            // 忽略
         }
         finally {
             PopsCore.clearInterval(timeId);
@@ -787,10 +787,8 @@ const PopsSafeUtils = {
      * 获取安全的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);
@@ -828,7 +826,7 @@ class PopsDOMUtilsEvent {
          * @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") {
@@ -850,8 +848,9 @@ class PopsDOMUtilsEvent {
             }
             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);
         }
@@ -927,14 +926,14 @@ class PopsDOMUtilsEvent {
                             totalParent = PopsCore.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;
@@ -950,7 +949,9 @@ class PopsDOMUtilsEvent {
                                 },
                             });
                         }
-                        catch (error) { }
+                        catch {
+                            // 忽略
+                        }
                         listenerCallBack.call(eventTarget, event, eventTarget);
                         checkOptionOnceToRemoveEventListener();
                     }
@@ -965,7 +966,7 @@ class PopsDOMUtilsEvent {
             eventTypeList.forEach((eventName) => {
                 elementItem.addEventListener(eventName, domUtilsEventCallBack, listenerOption);
                 /* 获取对象上的事件 */
-                let elementEvents = Reflect.get(elementItem, SymbolEvents) || {};
+                const elementEvents = Reflect.get(elementItem, SymbolEvents) || {};
                 /* 初始化对象上的xx事件 */
                 elementEvents[eventName] = elementEvents[eventName] || [];
                 elementEvents[eventName].push({
@@ -987,7 +988,7 @@ class PopsDOMUtilsEvent {
          * @param option
          */
         function getOption(args1, startIndex, option) {
-            let currentParam = args1[startIndex];
+            const currentParam = args1[startIndex];
             if (typeof currentParam === "boolean") {
                 option.capture = currentParam;
             }
@@ -996,8 +997,9 @@ class PopsDOMUtilsEvent {
             }
             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);
         }
@@ -1059,14 +1061,14 @@ class PopsDOMUtilsEvent {
         }
         elementList.forEach((elementItem) => {
             /* 获取对象上的事件 */
-            let elementEvents = Reflect.get(elementItem, SymbolEvents) || {};
+            const elementEvents = Reflect.get(elementItem, 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不同
@@ -1126,10 +1128,10 @@ class PopsDOMUtilsEvent {
                 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;
                     }
@@ -1169,7 +1171,7 @@ class PopsDOMUtilsEvent {
                     return false;
                 }
             }
-            catch (error) {
+            catch {
                 return false;
             }
         }
@@ -1180,7 +1182,7 @@ class PopsDOMUtilsEvent {
             removeDomReadyListener();
             callback();
         }
-        let targetList = [
+        const targetList = [
             {
                 target: PopsCore.document,
                 eventType: "DOMContentLoaded",
@@ -1197,7 +1199,7 @@ class PopsDOMUtilsEvent {
          */
         function addDomReadyListener() {
             for (let index = 0; index < targetList.length; index++) {
-                let item = targetList[index];
+                const item = targetList[index];
                 that.on(item.target, item.eventType, item.callback);
             }
         }
@@ -1206,7 +1208,7 @@ class PopsDOMUtilsEvent {
          */
         function removeDomReadyListener() {
             for (let index = 0; index < targetList.length; index++) {
-                let item = targetList[index];
+                const item = targetList[index];
                 that.off(item.target, item.eventType, item.callback);
             }
         }
@@ -1257,7 +1259,7 @@ class PopsDOMUtilsEvent {
         }
         elementList.forEach((elementItem) => {
             /* 获取对象上的事件 */
-            let events = elementItem[SymbolEvents] || {};
+            const events = elementItem[SymbolEvents] || {};
             eventTypeList.forEach((_eventType_) => {
                 let event = null;
                 if (details && details instanceof Event) {
@@ -1297,7 +1299,7 @@ class PopsDOMUtilsEvent {
      * })
      * */
     click(element, handler, details, useDispatchToTriggerEvent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = PopsCore.document.querySelector(element);
         }
@@ -1326,7 +1328,7 @@ class PopsDOMUtilsEvent {
      * })
      * */
     blur(element, handler, details, useDispatchToTriggerEvent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = PopsCore.document.querySelector(element);
         }
@@ -1355,7 +1357,7 @@ class PopsDOMUtilsEvent {
      * })
      * */
     focus(element, handler, details, useDispatchToTriggerEvent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = PopsCore.document.querySelector(element);
         }
@@ -1384,7 +1386,7 @@ class PopsDOMUtilsEvent {
      * })
      */
     hover(element, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = PopsCore.document.querySelector(element);
         }
@@ -1410,7 +1412,7 @@ class PopsDOMUtilsEvent {
      * })
      */
     keyup(target, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (target == null) {
             return;
         }
@@ -1435,7 +1437,7 @@ class PopsDOMUtilsEvent {
      * })
      */
     keydown(target, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (target == null) {
             return;
         }
@@ -1460,7 +1462,7 @@ class PopsDOMUtilsEvent {
      * })
      */
     keypress(target, handler, option) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (target == null) {
             return;
         }
@@ -1481,6 +1483,7 @@ class PopsDOMUtilsEvent {
         }
         if (arguments.length === 1) {
             /* 直接阻止事件 */
+            // eslint-disable-next-line prefer-rest-params
             return stopEvent(arguments[0]);
         }
         else {
@@ -1505,32 +1508,28 @@ class PopsDOMUtilsEvent {
                 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(PopsCore.document.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(PopsCore.document.querySelectorAll(selector)).filter(($ele) => {
-                // @ts-ignore
                 return Boolean(($ele?.textContent || $ele?.innerText)?.match(regexp));
             });
         }
@@ -1570,33 +1569,29 @@ class PopsDOMUtilsEvent {
             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;
             if (typeof content !== "string") {
                 content = "";
             }
             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;
             if (typeof content !== "string") {
                 content = "";
@@ -1613,45 +1608,41 @@ class PopsDOMUtilsEvent {
         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;
                 }
@@ -1660,7 +1651,7 @@ class PopsDOMUtilsEvent {
         }
         else {
             // 普通语法
-            let $closest = $el?.closest(selector);
+            const $closest = $el?.closest(selector);
             return $closest;
         }
     }
@@ -1680,13 +1671,13 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
      * @param calcScroll 计算滚动距离
      */
     offset(element, calcScroll = true) {
-        let rect = element.getBoundingClientRect();
-        let win = element.ownerDocument.defaultView;
-        let resultRect = new DOMRect(calcScroll ? parseFloat((rect.left + (win?.pageXOffset || 0)).toString()) : rect.left, calcScroll ? parseFloat((rect.top + (win?.pageYOffset || 0)).toString()) : rect.top, rect.width, rect.height);
+        const rect = element.getBoundingClientRect();
+        const win = element.ownerDocument.defaultView;
+        const resultRect = new DOMRect(calcScroll ? parseFloat((rect.left + (win?.pageXOffset || 0)).toString()) : rect.left, calcScroll ? parseFloat((rect.top + (win?.pageYOffset || 0)).toString()) : rect.top, rect.width, rect.height);
         return resultRect;
     }
     width(element, isShow = false, parent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (typeof element === "string") {
             element = PopsCore.document.querySelector(element);
         }
@@ -1711,11 +1702,11 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
             }
             /* 如果从css里获取到的值不是大于0  可能是auto 则通过offsetWidth来进行计算 */
             if (element.offsetWidth > 0) {
-                let borderLeftWidth = popsDOMUtils.getStyleValue(element, "borderLeftWidth");
-                let borderRightWidth = popsDOMUtils.getStyleValue(element, "borderRightWidth");
-                let paddingLeft = popsDOMUtils.getStyleValue(element, "paddingLeft");
-                let paddingRight = popsDOMUtils.getStyleValue(element, "paddingRight");
-                let backHeight = parseFloat(element.offsetWidth.toString()) -
+                const borderLeftWidth = popsDOMUtils.getStyleValue(element, "borderLeftWidth");
+                const borderRightWidth = popsDOMUtils.getStyleValue(element, "borderRightWidth");
+                const paddingLeft = popsDOMUtils.getStyleValue(element, "paddingLeft");
+                const paddingRight = popsDOMUtils.getStyleValue(element, "paddingRight");
+                const backHeight = parseFloat(element.offsetWidth.toString()) -
                     parseFloat(borderLeftWidth.toString()) -
                     parseFloat(borderRightWidth.toString()) -
                     parseFloat(paddingLeft.toString()) -
@@ -1727,14 +1718,14 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
         else {
             /* 未显示 */
             element = element;
-            let { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
-            let width = DOMUtilsContext.width(cloneNode, true, parent);
+            const { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
+            const width = DOMUtilsContext.width(cloneNode, true, parent);
             recovery();
             return width;
         }
     }
     height(element, isShow = false, parent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (popsUtils.isWin(element)) {
             return PopsCore.window.document.documentElement.clientHeight;
         }
@@ -1759,11 +1750,11 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
             }
             /* 如果从css里获取到的值不是大于0  可能是auto 则通过offsetHeight来进行计算 */
             if (element.offsetHeight > 0) {
-                let borderTopWidth = popsDOMUtils.getStyleValue(element, "borderTopWidth");
-                let borderBottomWidth = popsDOMUtils.getStyleValue(element, "borderBottomWidth");
-                let paddingTop = popsDOMUtils.getStyleValue(element, "paddingTop");
-                let paddingBottom = popsDOMUtils.getStyleValue(element, "paddingBottom");
-                let backHeight = parseFloat(element.offsetHeight.toString()) -
+                const borderTopWidth = popsDOMUtils.getStyleValue(element, "borderTopWidth");
+                const borderBottomWidth = popsDOMUtils.getStyleValue(element, "borderBottomWidth");
+                const paddingTop = popsDOMUtils.getStyleValue(element, "paddingTop");
+                const paddingBottom = popsDOMUtils.getStyleValue(element, "paddingBottom");
+                const backHeight = parseFloat(element.offsetHeight.toString()) -
                     parseFloat(borderTopWidth.toString()) -
                     parseFloat(borderBottomWidth.toString()) -
                     parseFloat(paddingTop.toString()) -
@@ -1775,14 +1766,14 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
         else {
             /* 未显示 */
             element = element;
-            let { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
-            let height = DOMUtilsContext.height(cloneNode, true, parent);
+            const { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
+            const height = DOMUtilsContext.height(cloneNode, true, parent);
             recovery();
             return height;
         }
     }
     outerWidth(element, isShow = false, parent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (popsUtils.isWin(element)) {
             return PopsCore.window.innerWidth;
         }
@@ -1794,40 +1785,36 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
         }
         element = element;
         if (isShow || (!isShow && popsDOMUtils.isShow(element))) {
-            let style = getComputedStyle(element, null);
-            let marginLeft = popsDOMUtils.getStyleValue(style, "marginLeft");
-            let marginRight = popsDOMUtils.getStyleValue(style, "marginRight");
+            const style = getComputedStyle(element, null);
+            const marginLeft = popsDOMUtils.getStyleValue(style, "marginLeft");
+            const marginRight = popsDOMUtils.getStyleValue(style, "marginRight");
             return element.offsetWidth + marginLeft + marginRight;
         }
         else {
-            let { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
-            let outerWidth = DOMUtilsContext.outerWidth(cloneNode, true, parent);
+            const { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
+            const outerWidth = DOMUtilsContext.outerWidth(cloneNode, true, parent);
             recovery();
             return outerWidth;
         }
     }
     outerHeight(element, isShow = false, parent) {
-        let DOMUtilsContext = this;
+        const DOMUtilsContext = this;
         if (popsUtils.isWin(element)) {
             return PopsCore.window.innerHeight;
         }
         if (typeof element === "string") {
             element = PopsCore.document.querySelector(element);
         }
-        if (element == null) {
-            // @ts-ignore
-            return;
-        }
         element = element;
         if (isShow || (!isShow && popsDOMUtils.isShow(element))) {
-            let style = getComputedStyle(element, null);
-            let marginTop = popsDOMUtils.getStyleValue(style, "marginTop");
-            let marginBottom = popsDOMUtils.getStyleValue(style, "marginBottom");
+            const style = getComputedStyle(element, null);
+            const marginTop = popsDOMUtils.getStyleValue(style, "marginTop");
+            const marginBottom = popsDOMUtils.getStyleValue(style, "marginBottom");
             return element.offsetHeight + marginTop + marginBottom;
         }
         else {
-            let { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
-            let outerHeight = DOMUtilsContext.outerHeight(cloneNode, true, parent);
+            const { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
+            const outerHeight = DOMUtilsContext.outerHeight(cloneNode, true, parent);
             recovery();
             return outerHeight;
         }
@@ -1890,13 +1877,11 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
          * 把纯数字没有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;
@@ -1907,7 +1892,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
         if (element == null) {
             return;
         }
-        let setStyleProperty = (propertyName, propertyValue) => {
+        const setStyleProperty = (propertyName, propertyValue) => {
             if (typeof propertyValue === "string" && propertyValue.trim().endsWith("!important")) {
                 propertyValue = propertyValue
                     .trim()
@@ -1929,8 +1914,8 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
             }
         }
         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);
             }
         }
@@ -1960,7 +1945,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
     property, 
     /** 自定义属性 */
     attributes) {
-        let tempElement = PopsCore.document.createElement(tagName);
+        const tempElement = PopsCore.document.createElement(tagName);
         if (typeof property === "string") {
             PopsSafeUtils.setSafeHTML(tempElement, property);
             return tempElement;
@@ -1972,13 +1957,12 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
             attributes = {};
         }
         Object.keys(property).forEach((key) => {
-            let value = property[key];
+            const value = property[key];
             if (key === "innerHTML") {
                 PopsSafeUtils.setSafeHTML(tempElement, value);
                 return;
             }
-            // @ts-ignore
-            tempElement[key] = value;
+            Reflect.set(tempElement, key, value);
         });
         Object.keys(attributes).forEach((key) => {
             let value = attributes[key];
@@ -2002,7 +1986,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
     parseTextToDOM(elementString) {
         /* 去除前后的换行和空格 */
         elementString = elementString.replace(/^[\n|\s]*/g, "").replace(/[\n|\s]*$/g, "");
-        let targetElement = this.createElement("div", {
+        const targetElement = this.createElement("div", {
             innerHTML: elementString,
         });
         return targetElement.firstChild;
@@ -2040,16 +2024,21 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
             selectionEnd = Math.min(input.value.length, selectionEnd);
         // If available (thus IE), use the createTextRange method
         if (typeof input.createTextRange == "function") {
-            var 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
-        var offset = getInputOffset(), topPos = offset.top, leftPos = offset.left, width = getInputCSS("width", true), height = getInputCSS("height", true);
+        const offset = getInputOffset();
+        let topPos = offset.top;
+        let leftPos = offset.left;
+        const width = getInputCSS("width", true);
+        const height = getInputCSS("height", true);
         // Styles to simulate a node in an input field
-        var 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",
@@ -2065,26 +2054,21 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
             "word-wrap",
             "word-spacing",
         ];
-        // @ts-ignore
         topPos += getInputCSS("padding-top", true);
-        // @ts-ignore
         topPos += getInputCSS("border-top-width", true);
-        // @ts-ignore
         leftPos += getInputCSS("padding-left", true);
-        // @ts-ignore
         leftPos += getInputCSS("border-left-width", true);
         leftPos += 1; //Seems to be necessary
-        for (var i = 0; i < listOfModifiers.length; i++) {
-            var property = listOfModifiers[i];
-            // @ts-ignore
-            cssDefaultStyles += property + ":" + getInputCSS(property) + ";";
+        for (let i = 0; i < listOfModifiers.length; i++) {
+            const property = listOfModifiers[i];
+            cssDefaultStyles += property + ":" + getInputCSS(property, false) + ";";
         }
         // End of CSS variable checks
         // 不能为空，不然获取不到高度
-        var text = input.value || "G", textLen = text.length, fakeClone = document.createElement("div");
+        const text = input.value || "G", textLen = text.length, fakeClone = 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
@@ -2096,7 +2080,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
         fakeClone.style.width = width + "px";
         fakeClone.style.height = height + "px";
         PopsCore.document.body.appendChild(fakeClone);
-        var returnValue = fakeRange.getBoundingClientRect(); //Get rect
+        const returnValue = fakeRange.getBoundingClientRect(); //Get rect
         if (!debug)
             fakeClone.parentNode.removeChild(fakeClone); //Remove temp
         return returnValue;
@@ -2107,7 +2091,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
          * @param end
          */
         function appendPart(start, end) {
-            var span = document.createElement("span");
+            const span = document.createElement("span");
             span.style.cssText = cssDefaultStyles; //Force styles to prevent unexpected results
             span.textContent = text.substring(start, end);
             fakeClone.appendChild(span);
@@ -2115,35 +2099,31 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
         }
         // Computing offset position
         function getInputOffset() {
-            var body = document.body, win = document.defaultView, docElem = document.documentElement, box = document.createElement("div");
+            const body = document.body, win = document.defaultView, docElem = document.documentElement, box = 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);
-            // @ts-ignore
-            box = input.getBoundingClientRect();
-            var clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, scrollTop = 
-            // @ts-ignore
-            win.pageYOffset || (isBoxModel && docElem.scrollTop) || body.scrollTop, scrollLeft = 
-            // @ts-ignore
-            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 {
-                // @ts-ignore
-                top: box.top + scrollTop - clientTop,
-                // @ts-ignore
-                left: box.left + scrollLeft - clientLeft,
+                top: boxRect.top + scrollTop - clientTop,
+                left: boxRect.left + scrollLeft - clientLeft,
             };
         }
         /**
          *
          * @param prop
          * @param isnumber
-         * @returns
          */
         function getInputCSS(prop, isnumber) {
-            var val = PopsCore.document.defaultView.getComputedStyle(input, null).getPropertyValue(prop);
-            // @ts-ignore
-            return isnumber ? parseFloat(val) : val;
+            const val = PopsCore.document.defaultView.getComputedStyle(input, null).getPropertyValue(prop);
+            if (isnumber) {
+                return parseFloat(val);
+            }
+            else {
+                return val;
+            }
         }
     }
     /**
@@ -2175,7 +2155,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
     }
     parseHTML(html, useParser = false, isComplete = false) {
         function parseHTMLByDOMParser() {
-            let parser = new DOMParser();
+            const parser = new DOMParser();
             if (isComplete) {
                 return parser.parseFromString(html, "text/html");
             }
@@ -2184,7 +2164,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
             }
         }
         function parseHTMLByCreateDom() {
-            let tempDIV = PopsCore.document.createElement("div");
+            const tempDIV = PopsCore.document.createElement("div");
             PopsSafeUtils.setSafeHTML(tempDIV, html);
             if (isComplete) {
                 return tempDIV;
@@ -2226,7 +2206,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
         }
         if (Array.isArray(content) || content instanceof NodeList) {
             /* 数组 */
-            let fragment = PopsCore.document.createDocumentFragment();
+            const fragment = PopsCore.document.createDocumentFragment();
             content.forEach((ele) => {
                 if (typeof ele === "string") {
                     ele = this.parseHTML(ele, true, false);
@@ -2276,11 +2256,11 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
      */
     showElement($ele, ownParent) {
         /** 克隆元素 */
-        let $cloneNode = $ele.cloneNode(true);
+        const $cloneNode = $ele.cloneNode(true);
         $cloneNode.setAttribute("style", "visibility: hidden !important;display:block !important;");
         let $parent = PopsCore.document.documentElement;
         // 这里需要的是先获取元素的父节点，把元素同样添加到父节点中
-        let $root = $ele.getRootNode();
+        const $root = $ele.getRootNode();
         if (ownParent == null) {
             if ($root == $ele) {
                 // 未添加到任意节点中，那么直接添加到页面中去
@@ -2328,7 +2308,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
             }
             styles = view.getComputedStyle(element);
         }
-        let value = parseFloat(styles[styleName]);
+        const value = parseFloat(styles[styleName]);
         if (isNaN(value)) {
             return 0;
         }
@@ -2388,10 +2368,9 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
      * @returns
      */
     getKeyFrames(sheet) {
-        let result = {};
+        const result = {};
         Object.keys(sheet.cssRules).forEach((key) => {
-            if (sheet.cssRules[key].type === 7 &&
-                sheet.cssRules[key].name.startsWith("pops-anim-")) {
+            if (sheet.cssRules[key].type === 7 && sheet.cssRules[key].name.startsWith("pops-anim-")) {
                 result[sheet.cssRules[key].name] = sheet.cssRules[key];
             }
         });
@@ -2415,7 +2394,7 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
              */
             str) => {
                 let hexs = "";
-                let reg = /^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
+                const reg = /^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
                 if (!reg.test(str)) {
                     console.warn("输入错误的hex");
                     return "";
@@ -2442,12 +2421,12 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
              * 蓝色
              */
             b) => {
-                let reg = /^\d{1,3}$/;
+                const reg = /^\d{1,3}$/;
                 if (!reg.test(r) || !reg.test(g) || !reg.test(b)) {
                     console.warn("输入错误的rgb颜色值");
                     return "";
                 }
-                let hexs = [r.toString(16), g.toString(16), b.toString(16)];
+                const hexs = [r.toString(16), g.toString(16), b.toString(16)];
                 for (let i = 0; i < 3; i++)
                     if (hexs[i].length == 1)
                         hexs[i] = `0${hexs[i]}`;
@@ -2465,12 +2444,12 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
              * 加深的程度，限0-1之间
              */
             level) => {
-                let reg = /^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
+                const reg = /^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
                 if (!reg.test(color)) {
                     console.warn("输入错误的hex颜色值");
                     return "";
                 }
-                let rgb = useChangeColor().hexToRgb(color);
+                const rgb = useChangeColor().hexToRgb(color);
                 for (let i = 0; i < 3; i++)
                     rgb[i] = Math.floor(rgb[i] * (1 - level));
                 return useChangeColor().rgbToHex(rgb[0], rgb[1], rgb[2]);
@@ -2487,12 +2466,12 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
              * 加深的程度，限0-1之间
              */
             level) => {
-                let reg = /^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
+                const reg = /^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
                 if (!reg.test(color)) {
                     console.warn("输入错误的hex颜色值");
                     return "";
                 }
-                let rgb = useChangeColor().hexToRgb(color);
+                const rgb = useChangeColor().hexToRgb(color);
                 for (let i = 0; i < 3; i++)
                     rgb[i] = Math.floor((255 - rgb[i]) * level + rgb[i]);
                 return useChangeColor().rgbToHex(rgb[0], rgb[1], rgb[2]);
@@ -2513,9 +2492,11 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
     getTransform(element) {
         let transform_left = 0;
         let transform_top = 0;
-        let elementTransform = PopsCore.globalThis.getComputedStyle(element).transform;
+        const elementTransform = PopsCore.globalThis.getComputedStyle(element).transform;
         if (elementTransform !== "none" && elementTransform != null && elementTransform !== "") {
-            let elementTransformSplit = elementTransform.match(/\((.+)\)/)?.[1].split(",");
+            const elementTransformMatch = elementTransform.match(/\((.+)\)/);
+            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
+            const elementTransformSplit = elementTransformMatch?.[1]?.split?.(",");
             transform_left = Math.abs(parseInt(elementTransformSplit[4]));
             transform_top = Math.abs(parseInt(elementTransformSplit[5]));
         }
@@ -2529,15 +2510,15 @@ class PopsDOMUtils extends PopsDOMUtilsEvent {
      */
     onInput($el, callback, option) {
         let isComposite = false;
-        let __callback = async (event) => {
+        const __callback = async (event) => {
             if (isComposite)
                 return;
             await callback(event);
         };
-        let __composition_start_callback = () => {
+        const __composition_start_callback = () => {
             isComposite = true;
         };
-        let __composition_end_callback = () => {
+        const __composition_end_callback = () => {
             isComposite = false;
             this.trigger($el, "input", {
                 isComposite,
@@ -2581,10 +2562,10 @@ const PopsElementHandler = {
      * @param zIndex
      */
     createAnim(guid, type, config, html = "", bottomBtnHTML = "", zIndex) {
-        let __config = config;
+        const __config = config;
         let popsAnimStyle = "";
         let popsStyle = "";
-        let popsPosition = __config.position || "";
+        const popsPosition = __config.position || "";
         if (config.zIndex != null) {
             popsAnimStyle += `z-index: ${zIndex};`;
             popsStyle += `z-index: ${zIndex};`;
@@ -2595,7 +2576,7 @@ const PopsElementHandler = {
         if (__config.height != null) {
             popsStyle += `height: ${__config.height};`;
         }
-        let hasBottomBtn = bottomBtnHTML.trim() === "" ? false : true;
+        const hasBottomBtn = bottomBtnHTML.trim() === "" ? false : true;
         return /*html*/ `
 		<div class="pops-anim" anim="${__config.animation || ""}" style="${popsAnimStyle}" data-guid="${guid}">${config.style != null ? `<style tyle="text/css">${config.style}</style>` : ""}
 			<div class="pops ${config.class || ""}" data-bottom-btn="${hasBottomBtn}" type-value="${type}" style="${popsStyle}" position="${popsPosition}" data-guid="${guid}">${html}</div>
@@ -2610,14 +2591,14 @@ const PopsElementHandler = {
         if (!config.btn) {
             return "";
         }
-        let confirm_config = config;
+        const confirm_config = config;
         if (type !== "iframe" && !confirm_config.btn?.close?.enable) {
             return "";
         }
         let resultHTML = "";
         // let btnStyle = "";
         let closeHTML = "";
-        let iframe_config = config;
+        const iframe_config = config;
         if (type === "iframe" && iframe_config.topRightButton?.trim() !== "") {
             /* iframe的 */
             let topRightButtonHTML = "";
@@ -2667,7 +2648,7 @@ const PopsElementHandler = {
             // 未设置btn参数
             return "";
         }
-        let confirm_config = config;
+        const confirm_config = config;
         if (!(config.btn?.ok?.enable || confirm_config.btn?.cancel?.enable || confirm_config.btn?.other?.enable)) {
             // 确定、取消、其它按钮都未启用直接返回
             return "";
@@ -2693,7 +2674,7 @@ const PopsElementHandler = {
                 okButtonSizeClassName = "pops-button-" + config.btn.ok.size;
             }
             let okIconHTML = "";
-            let okIcon = confirm_config.btn.ok.icon;
+            const okIcon = confirm_config.btn.ok.icon;
             if (okIcon !== "") {
                 // 判断图标是否是svg库内的
                 let iconHTML = "";
@@ -2726,7 +2707,7 @@ const PopsElementHandler = {
                 cancelButtonSizeClassName = "pops-button-" + confirm_config.btn.cancel.size;
             }
             let cancelIconHTML = "";
-            let cancelIcon = confirm_config.btn.cancel.icon;
+            const cancelIcon = confirm_config.btn.cancel.icon;
             if (cancelIcon !== "") {
                 let iconHTML = "";
                 // 判断图标是否是svg库内的
@@ -2759,7 +2740,7 @@ const PopsElementHandler = {
                 otherButtonSizeClassName = "pops-button-" + confirm_config.btn.other.size;
             }
             let otherIconHTML = "";
-            let otherIcon = confirm_config.btn.other.icon;
+            const otherIcon = confirm_config.btn.other.icon;
             if (otherIcon !== "") {
                 let iconHTML = "";
                 // 判断图标是否是svg库内的
@@ -2819,37 +2800,37 @@ const PopsElementHandler = {
     },
 };
 
-var indexCSS = "@charset \"utf-8\";\n.pops * {\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n\t-webkit-tap-highlight-color: transparent;\n\t/* 代替::-webkit-scrollbar */\n\tscrollbar-width: thin;\n}\n.pops {\n\t--pops-bg-opacity: 1;\n\t--pops-bd-opacity: 1;\n\t--pops-font-size: 16px;\n\tinterpolate-size: allow-keywords;\n\t--pops-color: #000000;\n\t--pops-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\t--pops-bd-color: rgb(235, 238, 245, var(--pops-bd-opacity));\n\t--pops-box-shadow-color: rgba(0, 0, 0, 0.12);\n\t--pops-title-color: #000000;\n\t--pops-title-border-color: var(--pops-bd-color);\n\t--pops-content-color: #000000;\n\t--pops-bottom-btn-controls-border-color: var(--pops-bd-color);\n\t--pops-components-is-disabled-text-color: #a8abb2;\n\t--pops-components-is-disabled-bg-color: #f5f7fa;\n}\n@media (prefers-color-scheme: dark) {\n\t.pops {\n\t\t--pops-mask-bg-opacity: 0.8;\n\t\t--pops-color: #ffffff;\n\t\t--pops-bg-color: rgb(17, 17, 17, var(--pops-bg-opacity));\n\t\t--pops-bd-color: rgb(55, 55, 55, var(--pops-bd-opacity));\n\t\t--pops-box-shadow-color: rgba(81, 81, 81, 0.12);\n\t\t--pops-title-color: #e8e8e8;\n\t\t--pops-title-border-color: var(--pops-bd-color);\n\t\t--pops-content-color: #e5e5e5;\n\t\t--pops-components-is-disabled-text-color: #a8abb2;\n\t\t--pops-components-is-disabled-bg-color: #262727;\n\t}\n}\n.pops {\n\tcolor: var(--pops-color);\n\tbackground-color: var(--pops-bg-color);\n\tborder: 1px solid var(--pops-bd-color);\n\tborder-radius: 4px;\n\tfont-size: var(--pops-font-size);\n\tline-height: normal;\n\tbox-shadow: 0 0 12px var(--pops-box-shadow-color);\n\tbox-sizing: border-box;\n\toverflow: hidden;\n\ttransition: all 0.35s;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.pops-anim {\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n.pops-anim[anim=\"\"] {\n\ttop: unset;\n\tright: unset;\n\tbottom: unset;\n\tleft: unset;\n\twidth: unset;\n\theight: unset;\n\ttransition: none;\n}\n/* 底部图标动画和样式 */\n.pops i.pops-bottom-icon[is-loading=\"true\"] {\n\tanimation: rotating 2s linear infinite;\n}\n.pops i.pops-bottom-icon {\n\theight: 1em;\n\twidth: 1em;\n\tline-height: normal;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: relative;\n\tfill: currentColor;\n\tcolor: inherit;\n\tfont-size: inherit;\n}\n\n/* 遮罩层样式 */\n.pops-mask {\n\t--pops-mask-bg-opacity: 0.4;\n\t--pops-mask-bg-color: rgba(0, 0, 0, var(--pops-mask-bg-opacity));\n}\n.pops-mask {\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tborder: 0;\n\tborder-radius: 0;\n\tbackground-color: var(--pops-mask-bg-color);\n\tbox-shadow: none;\n\ttransition: none;\n}\n\n.pops-header-controls button.pops-header-control[type][data-header] {\n\tfloat: right;\n\tmargin: 0 0;\n\toutline: 0;\n\tborder: 0;\n\tborder-color: rgb(136, 136, 136, var(--pops-bd-opacity));\n\tbackground-color: transparent;\n\tcolor: #888;\n\tcursor: pointer;\n}\n.pops-header-controls button.pops-header-control[data-type=\"max\"],\n.pops-header-controls button.pops-header-control[data-type=\"mise\"],\n.pops-header-controls button.pops-header-control[data-type=\"min\"] {\n\toutline: 0 !important;\n\tborder: 0;\n\tborder-color: rgb(136, 136, 136, var(--pops-bd-opacity));\n\tbackground-color: transparent;\n\tcolor: rgb(136, 136, 136);\n\tcursor: pointer;\n\ttransition: all 0.3s ease-in-out;\n}\nbutton.pops-header-control i {\n\tcolor: rgb(144, 147, 153);\n\tfont-size: inherit;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: relative;\n\tfill: currentColor;\n}\nbutton.pops-header-control svg {\n\theight: 1.25em;\n\twidth: 1.25em;\n}\nbutton.pops-header-control {\n\tright: 15px;\n\tpadding: 0;\n\tborder: none;\n\toutline: 0;\n\tbackground: 0 0;\n\tcursor: pointer;\n\tposition: unset;\n\tline-height: normal;\n}\nbutton.pops-header-control i:hover {\n\tcolor: rgb(64, 158, 255);\n}\n.pops-header-controls[data-margin] button.pops-header-control {\n\tmargin: 0 6px;\n\tdisplay: flex;\n\talign-items: center;\n}\n.pops[type-value] .pops-header-controls {\n\tdisplay: flex;\n\tgap: 6px;\n}\n\n/* 代码块 <code> */\n.pops code {\n\tfont-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n\tfont-size: 0.85em;\n\tcolor: #000;\n\tbackground-color: #f0f0f0;\n\tborder-radius: 3px;\n\tborder: 0;\n\tpadding: 0.2em 0;\n\twhite-space: normal;\n\tbackground: #f5f5f5;\n\ttext-wrap: wrap;\n\ttext-align: left;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.4;\n\t-moz-tab-size: 8;\n\t-o-tab-size: 8;\n\ttab-size: 8;\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n\tdirection: ltr;\n}\n\n.pops code::before,\n.pops code::after {\n\tletter-spacing: -0.2em;\n\tcontent: \"\\00a0\";\n}\n\n/* 标题 */\n.pops .pops-title {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder-bottom: 1px solid var(--pops-title-border-color);\n\twidth: 100%;\n\theight: var(--container-title-height);\n}\n/* 标题-普通文本 */\n.pops .pops-title p[pops] {\n\tcolor: var(--pops-title-color);\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-indent: 15px;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tfont-weight: 500;\n\tline-height: normal;\n}\n\n/* 内容 */\n.pops .pops-content {\n\twidth: 100%;\n\t/*height: calc(\n\t\t100% - var(--container-title-height) - var(--container-bottom-btn-height)\n\t);*/\n\tflex: 1;\n\toverflow: auto;\n\tword-break: break-word;\n}\n/* 内容-普通文本 */\n.pops .pops-content p[pops] {\n\tcolor: var(--pops-content-color);\n\tpadding: 5px 10px;\n\ttext-indent: 15px;\n}\n\n/* 底部-按钮组 */\n.pops .pops-botttom-btn-controls {\n\tdisplay: flex;\n\tpadding: 10px 10px 10px 10px;\n\twidth: 100%;\n\theight: var(--container-bottom-btn-height);\n\tmax-height: var(--container-bottom-btn-height);\n\tline-height: normal;\n\tborder-top: 1px solid var(--pops-bottom-btn-controls-border-color);\n\ttext-align: right;\n\talign-items: center;\n}\n";
+var indexCSS = "@charset \"utf-8\";\n.pops * {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  -webkit-tap-highlight-color: transparent;\n  /* 代替::-webkit-scrollbar */\n  scrollbar-width: thin;\n}\n.pops {\n  --pops-bg-opacity: 1;\n  --pops-bd-opacity: 1;\n  --pops-font-size: 16px;\n  interpolate-size: allow-keywords;\n  --pops-color: #000000;\n  --pops-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --pops-bd-color: rgb(235, 238, 245, var(--pops-bd-opacity));\n  --pops-box-shadow-color: rgba(0, 0, 0, 0.12);\n  --pops-title-color: #000000;\n  --pops-title-border-color: var(--pops-bd-color);\n  --pops-content-color: #000000;\n  --pops-bottom-btn-controls-border-color: var(--pops-bd-color);\n  --pops-components-is-disabled-text-color: #a8abb2;\n  --pops-components-is-disabled-bg-color: #f5f7fa;\n}\n@media (prefers-color-scheme: dark) {\n  .pops {\n    --pops-mask-bg-opacity: 0.8;\n    --pops-color: #ffffff;\n    --pops-bg-color: rgb(17, 17, 17, var(--pops-bg-opacity));\n    --pops-bd-color: rgb(55, 55, 55, var(--pops-bd-opacity));\n    --pops-box-shadow-color: rgba(81, 81, 81, 0.12);\n    --pops-title-color: #e8e8e8;\n    --pops-title-border-color: var(--pops-bd-color);\n    --pops-content-color: #e5e5e5;\n    --pops-components-is-disabled-text-color: #a8abb2;\n    --pops-components-is-disabled-bg-color: #262727;\n  }\n}\n.pops {\n  color: var(--pops-color);\n  background-color: var(--pops-bg-color);\n  border: 1px solid var(--pops-bd-color);\n  border-radius: 4px;\n  font-size: var(--pops-font-size);\n  line-height: normal;\n  box-shadow: 0 0 12px var(--pops-box-shadow-color);\n  box-sizing: border-box;\n  overflow: hidden;\n  transition: all 0.35s;\n  display: flex;\n  flex-direction: column;\n}\n.pops-anim {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.pops-anim[anim=\"\"] {\n  top: unset;\n  right: unset;\n  bottom: unset;\n  left: unset;\n  width: unset;\n  height: unset;\n  transition: none;\n}\n/* 底部图标动画和样式 */\n.pops i.pops-bottom-icon[is-loading=\"true\"] {\n  animation: rotating 2s linear infinite;\n}\n.pops i.pops-bottom-icon {\n  height: 1em;\n  width: 1em;\n  line-height: normal;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  fill: currentColor;\n  color: inherit;\n  font-size: inherit;\n}\n\n/* 遮罩层样式 */\n.pops-mask {\n  --pops-mask-bg-opacity: 0.4;\n  --pops-mask-bg-color: rgba(0, 0, 0, var(--pops-mask-bg-opacity));\n}\n.pops-mask {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 0;\n  background-color: var(--pops-mask-bg-color);\n  box-shadow: none;\n  transition: none;\n}\n\n.pops-header-controls button.pops-header-control[type][data-header] {\n  float: right;\n  margin: 0 0;\n  outline: 0;\n  border: 0;\n  border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\n  background-color: transparent;\n  color: #888;\n  cursor: pointer;\n}\n.pops-header-controls button.pops-header-control[data-type=\"max\"],\n.pops-header-controls button.pops-header-control[data-type=\"mise\"],\n.pops-header-controls button.pops-header-control[data-type=\"min\"] {\n  outline: 0 !important;\n  border: 0;\n  border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\n  background-color: transparent;\n  color: rgb(136, 136, 136);\n  cursor: pointer;\n  transition: all 0.3s ease-in-out;\n}\nbutton.pops-header-control i {\n  color: rgb(144, 147, 153);\n  font-size: inherit;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  fill: currentColor;\n}\nbutton.pops-header-control svg {\n  height: 1.25em;\n  width: 1.25em;\n}\nbutton.pops-header-control {\n  right: 15px;\n  padding: 0;\n  border: none;\n  outline: 0;\n  background: 0 0;\n  cursor: pointer;\n  position: unset;\n  line-height: normal;\n}\nbutton.pops-header-control i:hover {\n  color: rgb(64, 158, 255);\n}\n.pops-header-controls[data-margin] button.pops-header-control {\n  margin: 0 6px;\n  display: flex;\n  align-items: center;\n}\n.pops[type-value] .pops-header-controls {\n  display: flex;\n  gap: 6px;\n}\n\n/* 代码块 <code> */\n.pops code {\n  font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 0.85em;\n  color: #000;\n  background-color: #f0f0f0;\n  border-radius: 3px;\n  border: 0;\n  padding: 0.2em 0;\n  white-space: normal;\n  background: #f5f5f5;\n  text-wrap: wrap;\n  text-align: left;\n  word-spacing: normal;\n  word-break: normal;\n  word-wrap: normal;\n  line-height: 1.4;\n  -moz-tab-size: 8;\n  -o-tab-size: 8;\n  tab-size: 8;\n  -webkit-hyphens: none;\n  -moz-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n  direction: ltr;\n}\n\n.pops code::before,\n.pops code::after {\n  letter-spacing: -0.2em;\n  content: \"\\00a0\";\n}\n\n/* 标题 */\n.pops .pops-title {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--pops-title-border-color);\n  width: 100%;\n  height: var(--container-title-height);\n}\n/* 标题-普通文本 */\n.pops .pops-title p[pops] {\n  color: var(--pops-title-color);\n  width: 100%;\n  overflow: hidden;\n  text-indent: 15px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n  line-height: normal;\n}\n\n/* 内容 */\n.pops .pops-content {\n  width: 100%;\n  /*height: calc(\n\t\t100% - var(--container-title-height) - var(--container-bottom-btn-height)\n\t);*/\n  flex: 1;\n  overflow: auto;\n  word-break: break-word;\n}\n/* 内容-普通文本 */\n.pops .pops-content p[pops] {\n  color: var(--pops-content-color);\n  padding: 5px 10px;\n  text-indent: 15px;\n}\n\n/* 底部-按钮组 */\n.pops .pops-botttom-btn-controls {\n  display: flex;\n  padding: 10px 10px 10px 10px;\n  width: 100%;\n  height: var(--container-bottom-btn-height);\n  max-height: var(--container-bottom-btn-height);\n  line-height: normal;\n  border-top: 1px solid var(--pops-bottom-btn-controls-border-color);\n  text-align: right;\n  align-items: center;\n}\n";
 
-var ninePalaceGridPositionCSS = ".pops[position=\"top_left\"] {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n}\n.pops[position=\"top\"] {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n.pops[position=\"top_right\"] {\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n}\n.pops[position=\"center_left\"] {\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 0;\n\ttransform: translateY(-50%);\n}\n.pops[position=\"center\"] {\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n.pops[position=\"center_right\"] {\n\tposition: fixed;\n\ttop: 50%;\n\tright: 0;\n\ttransform: translateY(-50%);\n}\n.pops[position=\"bottom_left\"] {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n}\n.pops[position=\"bottom\"] {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 50%;\n\ttransform: translate(-50%, 0);\n}\n.pops[position=\"bottom_right\"] {\n\tposition: fixed;\n\tright: 0;\n\tbottom: 0;\n}\n";
+var ninePalaceGridPositionCSS = ".pops[position=\"top_left\"] {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n.pops[position=\"top\"] {\n  position: fixed;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n}\n.pops[position=\"top_right\"] {\n  position: fixed;\n  top: 0;\n  right: 0;\n}\n.pops[position=\"center_left\"] {\n  position: fixed;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n}\n.pops[position=\"center\"] {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.pops[position=\"center_right\"] {\n  position: fixed;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n}\n.pops[position=\"bottom_left\"] {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n}\n.pops[position=\"bottom\"] {\n  position: fixed;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n.pops[position=\"bottom_right\"] {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n}\n";
 
-var scrollbarCSS = "/* ::-webkit-scrollbar 是非标准的css */\n/* https://caniuse.com/?search=%20%3A%3A-webkit-scrollbar */\n.pops ::-webkit-scrollbar {\n\twidth: 6px;\n\theight: 0;\n}\n\n/* 滚动条轨道 */\n.pops ::-webkit-scrollbar-track {\n\twidth: 0;\n}\n/* 滚动条滑块 */\n.pops ::-webkit-scrollbar-thumb {\n\tmin-height: 28px;\n\tborder-radius: 2em;\n\tbackground: rgb(204, 204, 204, var(--pops-bg-opacity, 1));\n\tbackground-clip: padding-box;\n}\n/* 滚动条滑块 */\n.pops ::-webkit-scrollbar-thumb:hover {\n\tbackground: rgb(178, 178, 178, var(--pops-bg-opacity, 1));\n}\n";
+var scrollbarCSS = "/* ::-webkit-scrollbar 是非标准的css */\n/* https://caniuse.com/?search=%20%3A%3A-webkit-scrollbar */\n.pops ::-webkit-scrollbar {\n  width: 6px;\n  height: 0;\n}\n\n/* 滚动条轨道 */\n.pops ::-webkit-scrollbar-track {\n  width: 0;\n}\n/* 滚动条滑块 */\n.pops ::-webkit-scrollbar-thumb {\n  min-height: 28px;\n  border-radius: 2em;\n  background: rgb(204, 204, 204, var(--pops-bg-opacity, 1));\n  background-clip: padding-box;\n}\n/* 滚动条滑块 */\n.pops ::-webkit-scrollbar-thumb:hover {\n  background: rgb(178, 178, 178, var(--pops-bg-opacity, 1));\n}\n";
 
-var buttonCSS = ".pops {\n\t--button-font-size: 14px;\n\t--button-height: 32px;\n\t--button-color: rgb(51, 51, 51);\n\t--button-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n\t--button-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n\t--button-margin-top: 0px;\n\t--button-margin-bottom: 0px;\n\t--button-margin-left: 5px;\n\t--button-margin-right: 5px;\n\t--button-padding-top: 6px;\n\t--button-padding-bottom: 6px;\n\t--button-padding-left: 12px;\n\t--button-padding-right: 12px;\n\t--button-radius: 4px;\n\n\t--container-title-height: 55px;\n\t--container-bottom-btn-height: 55px;\n\n\t/* default按钮 */\n\t--button-default-color: #333333;\n\t--button-default-bd-color: #dcdfe6;\n\t--button-default-bg-color: #ffffff;\n\t--button-default-active-color: #409eff;\n\t--button-default-active-bd-color: #409eff;\n\t--button-default-active-bg-color: #ecf5ff;\n\t--button-default-hover-color: #409eff;\n\t--button-default-hover-bd-color: #c6e2ff;\n\t--button-default-hover-bg-color: #ecf5ff;\n\t--button-default-focus-visible-outline-color: #a0cfff;\n\t--button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\n\t--button-default-focus-visible-outline-offset: 1px;\n\t--button-default-disabled-color: #a8abb2;\n\t--button-default-disabled-bd-color: #ffffff;\n\t--button-default-disabled-bg-color: #e4e7ed;\n\n\t/* primary按钮 */\n\t--button-primary-color: #ffffff;\n\t--button-primary-bd-color: #409eff;\n\t--button-primary-bg-color: #409eff;\n\t--button-primary-active-color: #ffffff;\n\t--button-primary-active-bd-color: #337ecc;\n\t--button-primary-active-bg-color: #337ecc;\n\t--button-primary-hover-color: #ffffff;\n\t--button-primary-hover-bd-color: #79bbff;\n\t--button-primary-hover-bg-color: #79bbff;\n\t--button-primary-focus-visible-outline-color: #a0cfff;\n\t--button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\n\t--button-primary-focus-visible-outline-offset: 1px;\n\t--button-primary-disabled-color: #ffffff80;\n\t--button-primary-disabled-bd-color: #a0cfff;\n\t--button-primary-disabled-bg-color: #a0cfff;\n\n\t/* success按钮 */\n\t--button-success-color: #ffffff;\n\t--button-success-bd-color: #4cae4c;\n\t--button-success-bg-color: #5cb85c;\n\t--button-success-active-color: #ffffff;\n\t--button-success-active-bd-color: #529b2e;\n\t--button-success-active-bg-color: #529b2e;\n\t--button-success-hover-color: #ffffff;\n\t--button-success-hover-bd-color: #95d475;\n\t--button-success-hover-bg-color: #95d475;\n\t--button-success-focus-visible-outline-color: #b3e19d;\n\t--button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\n\t--button-success-focus-visible-outline-offset: 1px;\n\t--button-success-disabled-color: #ffffff80;\n\t--button-success-disabled-bd-color: #b3e19d;\n\t--button-success-disabled-bg-color: #b3e19d;\n\n\t/* info按钮 */\n\t--button-info-color: #ffffff;\n\t--button-info-bd-color: #909399;\n\t--button-info-bg-color: #909399;\n\t--button-info-active-color: #ffffff;\n\t--button-info-active-bd-color: #73767a;\n\t--button-info-active-bg-color: #73767a;\n\t--button-info-hover-color: #ffffff;\n\t--button-info-hover-bd-color: #b1b3b8;\n\t--button-info-hover-bg-color: #b1b3b8;\n\t--button-info-focus-visible-outline-color: #c8c9cc;\n\t--button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\n\t--button-info-focus-visible-outline-offset: 1px;\n\t--button-info-disabled-color: #ffffff80;\n\t--button-info-disabled-bd-color: #c8c9cc;\n\t--button-info-disabled-bg-color: #c8c9cc;\n\n\t/* warning按钮 */\n\t--button-warning-color: #ffffff;\n\t--button-warning-bd-color: #e6a23c;\n\t--button-warning-bg-color: #e6a23c;\n\t--button-warning-active-color: #ffffff;\n\t--button-warning-active-bd-color: #b88230;\n\t--button-warning-active-bg-color: #b88230;\n\t--button-warning-hover-color: #ffffff80;\n\t--button-warning-hover-bd-color: #eebe77;\n\t--button-warning-hover-bg-color: #eebe77;\n\t--button-warning-focus-visible-outline-color: #f3d19e;\n\t--button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\n\t--button-warning-focus-visible-outline-offset: 1px;\n\t--button-warning-disabled-color: #ffffff80;\n\t--button-warning-disabled-bd-color: #f3d19e;\n\t--button-warning-disabled-bg-color: #f3d19e;\n\n\t/* danger按钮 */\n\t--button-danger-color: #ffffff;\n\t--button-danger-bd-color: #f56c6c;\n\t--button-danger-bg-color: #f56c6c;\n\t--button-danger-active-color: #ffffff;\n\t--button-danger-active-bd-color: #c45656;\n\t--button-danger-active-bg-color: #c45656;\n\t--button-danger-hover-color: #ffffff;\n\t--button-danger-hover-bd-color: #f89898;\n\t--button-danger-hover-bg-color: #f89898;\n\t--button-danger-focus-visible-outline-color: #fab6b6;\n\t--button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\n\t--button-danger-focus-visible-outline-offset: 1px;\n\t--button-danger-disabled-color: #ffffff80;\n\t--button-danger-disabled-bd-color: #fab6b6;\n\t--button-danger-disabled-bg-color: #fab6b6;\n\n\t/* xiaomi-primary按钮 */\n\t--button-xiaomi-primary-color: #ffffff;\n\t--button-xiaomi-primary-bd-color: #ff5c00;\n\t--button-xiaomi-primary-bg-color: #ff5c00;\n\t--button-xiaomi-primary-active-color: #ffffff;\n\t--button-xiaomi-primary-active-bd-color: #da4f00;\n\t--button-xiaomi-primary-active-bg-color: #da4f00;\n\t--button-xiaomi-primary-hover-color: #ffffff;\n\t--button-xiaomi-primary-hover-bd-color: #ff7e29;\n\t--button-xiaomi-primary-hover-bg-color: #ff7e29;\n\t--button-xiaomi-primary-focus-visible-outline-color: #ffa061;\n\t--button-xiaomi-primary-focus-visible-outline: 2px solid\n\t\tvar(--button-xiaomi-primary-focus-visible-outline-color);\n\t--button-xiaomi-primary-focus-visible-outline-offset: 1px;\n\t--button-xiaomi-primary-disabled-color: #ffffff80;\n\t--button-xiaomi-primary-disabled-bd-color: #fad5b6;\n\t--button-xiaomi-primary-disabled-bg-color: #fad5b6;\n\n\t/* violet按钮 */\n\t--button-violet-color: #ffffff;\n\t--button-violet-bd-color: #626aef;\n\t--button-violet-bg-color: #626aef;\n\t--button-violet-active-color: #ffffff;\n\t--button-violet-active-bd-color: #8188f2;\n\t--button-violet-active-bg-color: #8188f2;\n\t--button-violet-hover-color: #ffffff;\n\t--button-violet-hover-bd-color: #4b50ad;\n\t--button-violet-hover-bg-color: #4b50ad;\n\t--button-violet-focus-visible-outline-color: #2a598a;\n\t--button-violet-focus-visible-outline: 2px solid var(--button-violet-focus-visible-outline-color);\n\t--button-violet-focus-visible-outline-offset: 1px;\n\t--button-violet-disabled-color: #ffffff80;\n\t--button-violet-disabled-bd-color: #3b3f82;\n\t--button-violet-disabled-bg-color: #3b3f82;\n}\n\n@media (prefers-color-scheme: dark) {\n\t.pops {\n\t\t/* default按钮 */\n\t\t--button-default-color: #cfd3dc;\n\t\t--button-default-bd-color: #4c4d4f;\n\t\t--button-default-bg-color: transparent;\n\t\t--button-default-active-color: #409eff;\n\t\t--button-default-active-bd-color: #409eff;\n\t\t--button-default-active-bg-color: #18222c;\n\t\t--button-default-hover-color: #409eff;\n\t\t--button-default-hover-bd-color: #213d5b;\n\t\t--button-default-hover-bg-color: #18222c;\n\t\t--button-default-focus-visible-outline-color: #2a598a;\n\t\t--button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\n\t\t--button-default-focus-visible-outline-offset: 1px;\n\t\t--button-default-disabled-color: #ffffff80;\n\t\t--button-default-disabled-bd-color: #414243;\n\t\t--button-default-disabled-bg-color: transparent;\n\n\t\t/* primary按钮 */\n\t\t--button-primary-color: #ffffff;\n\t\t--button-primary-bd-color: #409eff;\n\t\t--button-primary-bg-color: #409eff;\n\t\t--button-primary-active-color: #ffffff;\n\t\t--button-primary-active-bd-color: #66b1ff;\n\t\t--button-primary-active-bg-color: #66b1ff;\n\t\t--button-primary-hover-color: #ffffff;\n\t\t--button-primary-hover-bd-color: #3375b9;\n\t\t--button-primary-hover-bg-color: #3375b9;\n\t\t--button-primary-focus-visible-outline-color: #2a598a;\n\t\t--button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\n\t\t--button-primary-focus-visible-outline-offset: 1px;\n\t\t--button-primary-disabled-color: #ffffff80;\n\t\t--button-primary-disabled-bd-color: #2a598a;\n\t\t--button-primary-disabled-bg-color: #2a598a;\n\n\t\t/* success按钮 */\n\t\t--button-success-color: #ffffff;\n\t\t--button-success-bd-color: #67c23a;\n\t\t--button-success-bg-color: #67c23a;\n\t\t--button-success-active-color: #ffffff;\n\t\t--button-success-active-bd-color: #85ce61;\n\t\t--button-success-active-bg-color: #85ce61;\n\t\t--button-success-hover-color: #ffffff;\n\t\t--button-success-hover-bd-color: #4e8e2f;\n\t\t--button-success-hover-bg-color: #4e8e2f;\n\t\t--button-success-focus-visible-outline-color: #3e6b27;\n\t\t--button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\n\t\t--button-success-focus-visible-outline-offset: 1px;\n\t\t--button-success-disabled-color: #ffffff80;\n\t\t--button-success-disabled-bd-color: #3e6b27;\n\t\t--button-success-disabled-bg-color: #3e6b27;\n\n\t\t/* info按钮 */\n\t\t--button-info-color: #ffffff;\n\t\t--button-info-bd-color: #909399;\n\t\t--button-info-bg-color: #909399;\n\t\t--button-info-active-color: #ffffff;\n\t\t--button-info-active-bd-color: #a6a9ad;\n\t\t--button-info-active-bg-color: #a6a9ad;\n\t\t--button-info-hover-color: #ffffff;\n\t\t--button-info-hover-bd-color: #6b6d71;\n\t\t--button-info-hover-bg-color: #6b6d71;\n\t\t--button-info-focus-visible-outline-color: #525457;\n\t\t--button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\n\t\t--button-info-focus-visible-outline-offset: 1px;\n\t\t--button-info-disabled-color: #ffffff80;\n\t\t--button-info-disabled-bd-color: #525457;\n\t\t--button-info-disabled-bg-color: #525457;\n\n\t\t/* warning按钮 */\n\t\t--button-warning-color: #ffffff;\n\t\t--button-warning-bd-color: #e6a23c;\n\t\t--button-warning-bg-color: #e6a23c;\n\t\t--button-warning-active-color: #ffffff;\n\t\t--button-warning-active-bd-color: #ebb563;\n\t\t--button-warning-active-bg-color: #ebb563;\n\t\t--button-warning-hover-color: #ffffff80;\n\t\t--button-warning-hover-bd-color: #a77730;\n\t\t--button-warning-hover-bg-color: #a77730;\n\t\t--button-warning-focus-visible-outline-color: #7d5b28;\n\t\t--button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\n\t\t--button-warning-focus-visible-outline-offset: 1px;\n\t\t--button-warning-disabled-color: #ffffff80;\n\t\t--button-warning-disabled-bd-color: #7d5b28;\n\t\t--button-warning-disabled-bg-color: #7d5b28;\n\n\t\t/* danger按钮 */\n\t\t--button-danger-color: #ffffff;\n\t\t--button-danger-bd-color: #f56c6c;\n\t\t--button-danger-bg-color: #f56c6c;\n\t\t--button-danger-active-color: #ffffff;\n\t\t--button-danger-active-bd-color: #f78989;\n\t\t--button-danger-active-bg-color: #f78989;\n\t\t--button-danger-hover-color: #ffffff;\n\t\t--button-danger-hover-bd-color: #b25252;\n\t\t--button-danger-hover-bg-color: #b25252;\n\t\t--button-danger-focus-visible-outline-color: #854040;\n\t\t--button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\n\t\t--button-danger-focus-visible-outline-offset: 1px;\n\t\t--button-danger-disabled-color: #ffffff80;\n\t\t--button-danger-disabled-bd-color: #854040;\n\t\t--button-danger-disabled-bg-color: #854040;\n\t}\n}\n.pops[data-bottom-btn=\"false\"] {\n\t--container-bottom-btn-height: 0px;\n}\n.pops button {\n\twhite-space: nowrap;\n\tfloat: right;\n\tdisplay: inline-block;\n\tmargin: var(--button-margin-top) var(--button-margin-right) var(--button-margin-bottom)\n\t\tvar(--button-margin-left);\n\tpadding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom)\n\t\tvar(--button-padding-left);\n\toutline: 0;\n}\n.pops button[data-has-icon=\"false\"] .pops-bottom-icon {\n\tdisplay: none;\n}\n.pops button {\n\tborder-radius: var(--button-radius);\n\tbox-shadow: none;\n\tfont-weight: 400;\n\tfont-size: var(--button-font-size);\n\tcursor: pointer;\n\ttransition: all 0.3s ease-in-out;\n}\n.pops button {\n\tdisplay: flex;\n\talign-items: center;\n\theight: var(--button-height);\n\tline-height: normal;\n\tbox-sizing: border-box;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tborder: 1px solid var(--button-bd-color);\n}\n.pops button {\n\tcolor: var(--button-color);\n\tborder-color: var(--button-bd-color);\n\tbackground-color: var(--button-bg-color);\n}\n.pops button:active {\n\tcolor: var(--button-color);\n\tborder-color: var(--button-bd-color);\n\tbackground-color: var(--button-bg-color);\n\toutline: 0;\n}\n.pops button:hover {\n\tcolor: var(--button-color);\n\tborder-color: var(--button-bd-color);\n\tbackground-color: var(--button-bg-color);\n}\n.pops button:focus-visible {\n\tcolor: var(--button-color);\n\tborder-color: var(--button-bd-color);\n\tbackground-color: var(--button-bg-color);\n}\n.pops button:disabled {\n\tcursor: not-allowed;\n\tcolor: var(--button-color);\n\tborder-color: var(--button-bd-color);\n\tbackground-color: var(--button-bg-color);\n}\n.pops button.pops-button-large {\n\t--button-height: 32px;\n\t--button-padding-top: 12px;\n\t--button-padding-bottom: 12px;\n\t--button-padding-left: 19px;\n\t--button-padding-right: 19px;\n\t--button-font-size: 14px;\n\t--button-border-radius: 4px;\n}\n\n.pops button.pops-button-small {\n\t--button-height: 24px;\n\t--button-padding-top: 5px;\n\t--button-padding-bottom: 5px;\n\t--button-padding-left: 11px;\n\t--button-padding-right: 11px;\n\t--button-font-size: 12px;\n\t--button-border-radius: 4px;\n}\n.pops-panel-button-no-icon .pops-panel-button_inner i {\n\tdisplay: none;\n}\n.pops-panel-button-right-icon .pops-panel-button_inner {\n\tflex-direction: row-reverse;\n}\n.pops-panel-button .pops-panel-button_inner i:has(svg),\n.pops-panel-button-right-icon .pops-panel-button-text {\n\tmargin-right: 6px;\n}\n\n.pops button[data-type=\"default\"] {\n\t--button-color: var(--button-default-color);\n\t--button-bd-color: var(--button-default-bd-color);\n\t--button-bg-color: var(--button-default-bg-color);\n}\n.pops button[data-type=\"default\"]:active {\n\t--button-color: var(--button-default-active-color);\n\t--button-bd-color: var(--button-default-active-bd-color);\n\t--button-bg-color: var(--button-default-active-bg-color);\n}\n.pops button[data-type=\"default\"]:hover {\n\t--button-color: var(--button-default-hover-color);\n\t--button-bd-color: var(--button-default-hover-bd-color);\n\t--button-bg-color: var(--button-default-hover-bg-color);\n}\n.pops button[data-type=\"default\"]:focus-visible {\n\toutline: var(--button-default-focus-visible-outline);\n\toutline-offset: var(--button-default-focus-visible-outline-offset);\n}\n.pops button[data-type=\"default\"]:disabled {\n\t--button-color: var(--button-default-disabled-color);\n\t--button-bd-color: var(--button-default-disabled-bd-color);\n\t--button-bg-color: var(--button-default-disabled-bg-color);\n}\n\n.pops button[data-type=\"primary\"] {\n\t--button-color: var(--button-primary-color);\n\t--button-bd-color: var(--button-primary-bd-color);\n\t--button-bg-color: var(--button-primary-bg-color);\n}\n.pops button[data-type=\"primary\"]:active {\n\t--button-color: var(--button-primary-active-color);\n\t--button-bd-color: var(--button-primary-active-bd-color);\n\t--button-bg-color: var(--button-primary-active-bg-color);\n}\n.pops button[data-type=\"primary\"]:hover {\n\t--button-color: var(--button-primary-hover-color);\n\t--button-bd-color: var(--button-primary-hover-bd-color);\n\t--button-bg-color: var(--button-primary-hover-bg-color);\n}\n.pops button[data-type=\"primary\"]:focus-visible {\n\toutline: var(--button-primary-focus-visible-outline);\n\toutline-offset: var(--button-primary-focus-visible-outline-offset);\n}\n.pops button[data-type=\"primary\"]:disabled {\n\t--button-color: var(--button-primary-disabled-color);\n\t--button-bd-color: var(--button-primary-disabled-bd-color);\n\t--button-bg-color: var(--button-primary-disabled-bg-color);\n}\n\n.pops button[data-type=\"success\"] {\n\t--button-color: var(--button-success-color);\n\t--button-bd-color: var(--button-success-bd-color);\n\t--button-bg-color: var(--button-success-bg-color);\n}\n.pops button[data-type=\"success\"]:active {\n\t--button-color: var(--button-success-active-color);\n\t--button-bd-color: var(--button-success-active-bd-color);\n\t--button-bg-color: var(--button-success-active-bg-color);\n}\n.pops button[data-type=\"success\"]:hover {\n\t--button-color: var(--button-success-hover-color);\n\t--button-bd-color: var(--button-success-hover-bd-color);\n\t--button-bg-color: var(--button-success-hover-bg-color);\n}\n.pops button[data-type=\"success\"]:focus-visible {\n\toutline: var(--button-success-focus-visible-outline);\n\toutline-offset: var(--button-success-focus-visible-outline-offset);\n}\n.pops button[data-type=\"success\"]:disabled {\n\t--button-color: var(--button-success-disabled-color);\n\t--button-bd-color: var(--button-success-disabled-bd-color);\n\t--button-bg-color: var(--button-success-disabled-bg-color);\n}\n\n.pops button[data-type=\"info\"] {\n\t--button-color: var(--button-info-color);\n\t--button-bd-color: var(--button-info-bd-color);\n\t--button-bg-color: var(--button-info-bg-color);\n}\n.pops button[data-type=\"info\"]:active {\n\t--button-color: var(--button-info-active-color);\n\t--button-bd-color: var(--button-info-active-bd-color);\n\t--button-bg-color: var(--button-info-active-bg-color);\n}\n.pops button[data-type=\"info\"]:hover {\n\t--button-color: var(--button-info-hover-color);\n\t--button-bd-color: var(--button-info-hover-bd-color);\n\t--button-bg-color: var(--button-info-hover-bg-color);\n}\n.pops button[data-type=\"info\"]:focus-visible {\n\toutline: var(--button-info-focus-visible-outline);\n\toutline-offset: var(--button-info-focus-visible-outline-offset);\n}\n.pops button[data-type=\"info\"]:disabled {\n\t--button-color: var(--button-info-disabled-color);\n\t--button-bd-color: var(--button-info-disabled-bd-color);\n\t--button-bg-color: var(--button-info-disabled-bg-color);\n}\n\n.pops button[data-type=\"warning\"] {\n\t--button-color: var(--button-warning-color);\n\t--button-bd-color: var(--button-warning-bd-color);\n\t--button-bg-color: var(--button-warning-bg-color);\n}\n.pops button[data-type=\"warning\"]:active {\n\t--button-color: var(--button-warning-active-color);\n\t--button-bd-color: var(--button-warning-active-bd-color);\n\t--button-bg-color: var(--button-warning-active-bg-color);\n}\n.pops button[data-type=\"warning\"]:hover {\n\t--button-color: var(--button-warning-hover-color);\n\t--button-bd-color: var(--button-warning-hover-bd-color);\n\t--button-bg-color: var(--button-warning-hover-bg-color);\n}\n.pops button[data-type=\"warning\"]:focus-visible {\n\toutline: var(--button-warning-focus-visible-outline);\n\toutline-offset: var(--button-warning-focus-visible-outline-offset);\n}\n.pops button[data-type=\"warning\"]:disabled {\n\t--button-color: var(--button-warning-disabled-color);\n\t--button-bd-color: var(--button-warning-disabled-bd-color);\n\t--button-bg-color: var(--button-warning-disabled-bg-color);\n}\n\n.pops button[data-type=\"danger\"] {\n\t--button-color: var(--button-danger-color);\n\t--button-bd-color: var(--button-danger-bd-color);\n\t--button-bg-color: var(--button-danger-bg-color);\n}\n.pops button[data-type=\"danger\"]:active {\n\t--button-color: var(--button-danger-active-color);\n\t--button-bd-color: var(--button-danger-active-bd-color);\n\t--button-bg-color: var(--button-danger-active-bg-color);\n}\n.pops button[data-type=\"danger\"]:hover {\n\t--button-color: var(--button-danger-hover-color);\n\t--button-bd-color: var(--button-danger-hover-bd-color);\n\t--button-bg-color: var(--button-danger-hover-bg-color);\n}\n.pops button[data-type=\"danger\"]:focus-visible {\n\toutline: var(--button-danger-focus-visible-outline);\n\toutline-offset: var(--button-danger-focus-visible-outline-offset);\n}\n.pops button[data-type=\"danger\"]:disabled {\n\t--button-color: var(--button-danger-disabled-color);\n\t--button-bd-color: var(--button-danger-disabled-bd-color);\n\t--button-bg-color: var(--button-danger-disabled-bg-color);\n}\n\n.pops button[data-type=\"xiaomi-primary\"] {\n\t--button-color: var(--button-xiaomi-primary-color);\n\t--button-bd-color: var(--button-xiaomi-primary-bd-color);\n\t--button-bg-color: var(--button-xiaomi-primary-bg-color);\n}\n.pops button[data-type=\"xiaomi-primary\"]:active {\n\t--button-color: var(--button-xiaomi-primary-active-color);\n\t--button-bd-color: var(--button-xiaomi-primary-active-bd-color);\n\t--button-bg-color: var(--button-xiaomi-primary-active-bg-color);\n}\n.pops button[data-type=\"xiaomi-primary\"]:hover {\n\t--button-color: var(--button-xiaomi-primary-hover-color);\n\t--button-bd-color: var(--button-xiaomi-primary-hover-bd-color);\n\t--button-bg-color: var(--button-xiaomi-primary-hover-bg-color);\n}\n.pops button[data-type=\"xiaomi-primary\"]:focus-visible {\n\toutline: var(--button-xiaomi-primary-focus-visible-outline);\n\toutline-offset: var(--button-xiaomi-primary-focus-visible-outline-offset);\n}\n.pops button[data-type=\"xiaomi-primary\"]:disabled {\n\t--button-color: var(--button-xiaomi-primary-disabled-color);\n\t--button-bd-color: var(--button-xiaomi-primary-disabled-bd-color);\n\t--button-bg-color: var(--button-xiaomi-primary-disabled-bg-color);\n}\n\n.pops button[data-type=\"violet\"] {\n\t--button-color: var(--button-violet-color);\n\t--button-bd-color: var(--button-violet-bd-color);\n\t--button-bg-color: var(--button-violet-bg-color);\n}\n.pops button[data-type=\"violet\"]:active {\n\t--button-color: var(--button-violet-active-color);\n\t--button-bd-color: var(--button-violet-active-bd-color);\n\t--button-bg-color: var(--button-violet-active-bg-color);\n}\n.pops button[data-type=\"violet\"]:hover {\n\t--button-color: var(--button-violet-hover-color);\n\t--button-bd-color: var(--button-violet-hover-bd-color);\n\t--button-bg-color: var(--button-violet-hover-bg-color);\n}\n.pops button[data-type=\"violet\"]:focus-visible {\n\toutline: var(--button-violet-focus-visible-outline);\n\toutline-offset: var(--button-violet-focus-visible-outline-offset);\n}\n.pops button[data-type=\"violet\"]:disabled {\n\t--button-color: var(--button-violet-disabled-color);\n\t--button-bd-color: var(--button-violet-disabled-bd-color);\n\t--button-bg-color: var(--button-violet-disabled-bg-color);\n}\n";
+var buttonCSS = ".pops {\n  --button-font-size: 14px;\n  --button-height: 32px;\n  --button-color: rgb(51, 51, 51);\n  --button-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n  --button-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n  --button-margin-top: 0px;\n  --button-margin-bottom: 0px;\n  --button-margin-left: 5px;\n  --button-margin-right: 5px;\n  --button-padding-top: 6px;\n  --button-padding-bottom: 6px;\n  --button-padding-left: 12px;\n  --button-padding-right: 12px;\n  --button-radius: 4px;\n\n  --container-title-height: 55px;\n  --container-bottom-btn-height: 55px;\n\n  /* default按钮 */\n  --button-default-color: #333333;\n  --button-default-bd-color: #dcdfe6;\n  --button-default-bg-color: #ffffff;\n  --button-default-active-color: #409eff;\n  --button-default-active-bd-color: #409eff;\n  --button-default-active-bg-color: #ecf5ff;\n  --button-default-hover-color: #409eff;\n  --button-default-hover-bd-color: #c6e2ff;\n  --button-default-hover-bg-color: #ecf5ff;\n  --button-default-focus-visible-outline-color: #a0cfff;\n  --button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\n  --button-default-focus-visible-outline-offset: 1px;\n  --button-default-disabled-color: #a8abb2;\n  --button-default-disabled-bd-color: #ffffff;\n  --button-default-disabled-bg-color: #e4e7ed;\n\n  /* primary按钮 */\n  --button-primary-color: #ffffff;\n  --button-primary-bd-color: #409eff;\n  --button-primary-bg-color: #409eff;\n  --button-primary-active-color: #ffffff;\n  --button-primary-active-bd-color: #337ecc;\n  --button-primary-active-bg-color: #337ecc;\n  --button-primary-hover-color: #ffffff;\n  --button-primary-hover-bd-color: #79bbff;\n  --button-primary-hover-bg-color: #79bbff;\n  --button-primary-focus-visible-outline-color: #a0cfff;\n  --button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\n  --button-primary-focus-visible-outline-offset: 1px;\n  --button-primary-disabled-color: #ffffff80;\n  --button-primary-disabled-bd-color: #a0cfff;\n  --button-primary-disabled-bg-color: #a0cfff;\n\n  /* success按钮 */\n  --button-success-color: #ffffff;\n  --button-success-bd-color: #4cae4c;\n  --button-success-bg-color: #5cb85c;\n  --button-success-active-color: #ffffff;\n  --button-success-active-bd-color: #529b2e;\n  --button-success-active-bg-color: #529b2e;\n  --button-success-hover-color: #ffffff;\n  --button-success-hover-bd-color: #95d475;\n  --button-success-hover-bg-color: #95d475;\n  --button-success-focus-visible-outline-color: #b3e19d;\n  --button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\n  --button-success-focus-visible-outline-offset: 1px;\n  --button-success-disabled-color: #ffffff80;\n  --button-success-disabled-bd-color: #b3e19d;\n  --button-success-disabled-bg-color: #b3e19d;\n\n  /* info按钮 */\n  --button-info-color: #ffffff;\n  --button-info-bd-color: #909399;\n  --button-info-bg-color: #909399;\n  --button-info-active-color: #ffffff;\n  --button-info-active-bd-color: #73767a;\n  --button-info-active-bg-color: #73767a;\n  --button-info-hover-color: #ffffff;\n  --button-info-hover-bd-color: #b1b3b8;\n  --button-info-hover-bg-color: #b1b3b8;\n  --button-info-focus-visible-outline-color: #c8c9cc;\n  --button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\n  --button-info-focus-visible-outline-offset: 1px;\n  --button-info-disabled-color: #ffffff80;\n  --button-info-disabled-bd-color: #c8c9cc;\n  --button-info-disabled-bg-color: #c8c9cc;\n\n  /* warning按钮 */\n  --button-warning-color: #ffffff;\n  --button-warning-bd-color: #e6a23c;\n  --button-warning-bg-color: #e6a23c;\n  --button-warning-active-color: #ffffff;\n  --button-warning-active-bd-color: #b88230;\n  --button-warning-active-bg-color: #b88230;\n  --button-warning-hover-color: #ffffff80;\n  --button-warning-hover-bd-color: #eebe77;\n  --button-warning-hover-bg-color: #eebe77;\n  --button-warning-focus-visible-outline-color: #f3d19e;\n  --button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\n  --button-warning-focus-visible-outline-offset: 1px;\n  --button-warning-disabled-color: #ffffff80;\n  --button-warning-disabled-bd-color: #f3d19e;\n  --button-warning-disabled-bg-color: #f3d19e;\n\n  /* danger按钮 */\n  --button-danger-color: #ffffff;\n  --button-danger-bd-color: #f56c6c;\n  --button-danger-bg-color: #f56c6c;\n  --button-danger-active-color: #ffffff;\n  --button-danger-active-bd-color: #c45656;\n  --button-danger-active-bg-color: #c45656;\n  --button-danger-hover-color: #ffffff;\n  --button-danger-hover-bd-color: #f89898;\n  --button-danger-hover-bg-color: #f89898;\n  --button-danger-focus-visible-outline-color: #fab6b6;\n  --button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\n  --button-danger-focus-visible-outline-offset: 1px;\n  --button-danger-disabled-color: #ffffff80;\n  --button-danger-disabled-bd-color: #fab6b6;\n  --button-danger-disabled-bg-color: #fab6b6;\n\n  /* xiaomi-primary按钮 */\n  --button-xiaomi-primary-color: #ffffff;\n  --button-xiaomi-primary-bd-color: #ff5c00;\n  --button-xiaomi-primary-bg-color: #ff5c00;\n  --button-xiaomi-primary-active-color: #ffffff;\n  --button-xiaomi-primary-active-bd-color: #da4f00;\n  --button-xiaomi-primary-active-bg-color: #da4f00;\n  --button-xiaomi-primary-hover-color: #ffffff;\n  --button-xiaomi-primary-hover-bd-color: #ff7e29;\n  --button-xiaomi-primary-hover-bg-color: #ff7e29;\n  --button-xiaomi-primary-focus-visible-outline-color: #ffa061;\n  --button-xiaomi-primary-focus-visible-outline: 2px solid var(--button-xiaomi-primary-focus-visible-outline-color);\n  --button-xiaomi-primary-focus-visible-outline-offset: 1px;\n  --button-xiaomi-primary-disabled-color: #ffffff80;\n  --button-xiaomi-primary-disabled-bd-color: #fad5b6;\n  --button-xiaomi-primary-disabled-bg-color: #fad5b6;\n\n  /* violet按钮 */\n  --button-violet-color: #ffffff;\n  --button-violet-bd-color: #626aef;\n  --button-violet-bg-color: #626aef;\n  --button-violet-active-color: #ffffff;\n  --button-violet-active-bd-color: #8188f2;\n  --button-violet-active-bg-color: #8188f2;\n  --button-violet-hover-color: #ffffff;\n  --button-violet-hover-bd-color: #4b50ad;\n  --button-violet-hover-bg-color: #4b50ad;\n  --button-violet-focus-visible-outline-color: #2a598a;\n  --button-violet-focus-visible-outline: 2px solid var(--button-violet-focus-visible-outline-color);\n  --button-violet-focus-visible-outline-offset: 1px;\n  --button-violet-disabled-color: #ffffff80;\n  --button-violet-disabled-bd-color: #3b3f82;\n  --button-violet-disabled-bg-color: #3b3f82;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops {\n    /* default按钮 */\n    --button-default-color: #cfd3dc;\n    --button-default-bd-color: #4c4d4f;\n    --button-default-bg-color: transparent;\n    --button-default-active-color: #409eff;\n    --button-default-active-bd-color: #409eff;\n    --button-default-active-bg-color: #18222c;\n    --button-default-hover-color: #409eff;\n    --button-default-hover-bd-color: #213d5b;\n    --button-default-hover-bg-color: #18222c;\n    --button-default-focus-visible-outline-color: #2a598a;\n    --button-default-focus-visible-outline: 2px solid var(--button-default-focus-visible-outline-color);\n    --button-default-focus-visible-outline-offset: 1px;\n    --button-default-disabled-color: #ffffff80;\n    --button-default-disabled-bd-color: #414243;\n    --button-default-disabled-bg-color: transparent;\n\n    /* primary按钮 */\n    --button-primary-color: #ffffff;\n    --button-primary-bd-color: #409eff;\n    --button-primary-bg-color: #409eff;\n    --button-primary-active-color: #ffffff;\n    --button-primary-active-bd-color: #66b1ff;\n    --button-primary-active-bg-color: #66b1ff;\n    --button-primary-hover-color: #ffffff;\n    --button-primary-hover-bd-color: #3375b9;\n    --button-primary-hover-bg-color: #3375b9;\n    --button-primary-focus-visible-outline-color: #2a598a;\n    --button-primary-focus-visible-outline: 2px solid var(--button-primary-focus-visible-outline-color);\n    --button-primary-focus-visible-outline-offset: 1px;\n    --button-primary-disabled-color: #ffffff80;\n    --button-primary-disabled-bd-color: #2a598a;\n    --button-primary-disabled-bg-color: #2a598a;\n\n    /* success按钮 */\n    --button-success-color: #ffffff;\n    --button-success-bd-color: #67c23a;\n    --button-success-bg-color: #67c23a;\n    --button-success-active-color: #ffffff;\n    --button-success-active-bd-color: #85ce61;\n    --button-success-active-bg-color: #85ce61;\n    --button-success-hover-color: #ffffff;\n    --button-success-hover-bd-color: #4e8e2f;\n    --button-success-hover-bg-color: #4e8e2f;\n    --button-success-focus-visible-outline-color: #3e6b27;\n    --button-success-focus-visible-outline: 2px solid var(--button-success-focus-visible-outline-color);\n    --button-success-focus-visible-outline-offset: 1px;\n    --button-success-disabled-color: #ffffff80;\n    --button-success-disabled-bd-color: #3e6b27;\n    --button-success-disabled-bg-color: #3e6b27;\n\n    /* info按钮 */\n    --button-info-color: #ffffff;\n    --button-info-bd-color: #909399;\n    --button-info-bg-color: #909399;\n    --button-info-active-color: #ffffff;\n    --button-info-active-bd-color: #a6a9ad;\n    --button-info-active-bg-color: #a6a9ad;\n    --button-info-hover-color: #ffffff;\n    --button-info-hover-bd-color: #6b6d71;\n    --button-info-hover-bg-color: #6b6d71;\n    --button-info-focus-visible-outline-color: #525457;\n    --button-info-focus-visible-outline: 2px solid var(--button-info-focus-visible-outline-color);\n    --button-info-focus-visible-outline-offset: 1px;\n    --button-info-disabled-color: #ffffff80;\n    --button-info-disabled-bd-color: #525457;\n    --button-info-disabled-bg-color: #525457;\n\n    /* warning按钮 */\n    --button-warning-color: #ffffff;\n    --button-warning-bd-color: #e6a23c;\n    --button-warning-bg-color: #e6a23c;\n    --button-warning-active-color: #ffffff;\n    --button-warning-active-bd-color: #ebb563;\n    --button-warning-active-bg-color: #ebb563;\n    --button-warning-hover-color: #ffffff80;\n    --button-warning-hover-bd-color: #a77730;\n    --button-warning-hover-bg-color: #a77730;\n    --button-warning-focus-visible-outline-color: #7d5b28;\n    --button-warning-focus-visible-outline: 2px solid var(--button-warning-focus-visible-outline-color);\n    --button-warning-focus-visible-outline-offset: 1px;\n    --button-warning-disabled-color: #ffffff80;\n    --button-warning-disabled-bd-color: #7d5b28;\n    --button-warning-disabled-bg-color: #7d5b28;\n\n    /* danger按钮 */\n    --button-danger-color: #ffffff;\n    --button-danger-bd-color: #f56c6c;\n    --button-danger-bg-color: #f56c6c;\n    --button-danger-active-color: #ffffff;\n    --button-danger-active-bd-color: #f78989;\n    --button-danger-active-bg-color: #f78989;\n    --button-danger-hover-color: #ffffff;\n    --button-danger-hover-bd-color: #b25252;\n    --button-danger-hover-bg-color: #b25252;\n    --button-danger-focus-visible-outline-color: #854040;\n    --button-danger-focus-visible-outline: 2px solid var(--button-danger-focus-visible-outline-color);\n    --button-danger-focus-visible-outline-offset: 1px;\n    --button-danger-disabled-color: #ffffff80;\n    --button-danger-disabled-bd-color: #854040;\n    --button-danger-disabled-bg-color: #854040;\n  }\n}\n.pops[data-bottom-btn=\"false\"] {\n  --container-bottom-btn-height: 0px;\n}\n.pops button {\n  white-space: nowrap;\n  float: right;\n  display: inline-block;\n  margin: var(--button-margin-top) var(--button-margin-right) var(--button-margin-bottom) var(--button-margin-left);\n  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);\n  outline: 0;\n}\n.pops button[data-has-icon=\"false\"] .pops-bottom-icon {\n  display: none;\n}\n.pops button {\n  border-radius: var(--button-radius);\n  box-shadow: none;\n  font-weight: 400;\n  font-size: var(--button-font-size);\n  cursor: pointer;\n  transition: all 0.3s ease-in-out;\n}\n.pops button {\n  display: flex;\n  align-items: center;\n  height: var(--button-height);\n  line-height: normal;\n  box-sizing: border-box;\n  border: 1px solid var(--button-bd-color);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops button {\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n}\n.pops button:active {\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n  outline: 0;\n}\n.pops button:hover {\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n}\n.pops button:focus-visible {\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n}\n.pops button:disabled {\n  cursor: not-allowed;\n  color: var(--button-color);\n  border-color: var(--button-bd-color);\n  background-color: var(--button-bg-color);\n}\n.pops button.pops-button-large {\n  --button-height: 32px;\n  --button-padding-top: 12px;\n  --button-padding-bottom: 12px;\n  --button-padding-left: 19px;\n  --button-padding-right: 19px;\n  --button-font-size: 14px;\n  --button-border-radius: 4px;\n}\n\n.pops button.pops-button-small {\n  --button-height: 24px;\n  --button-padding-top: 5px;\n  --button-padding-bottom: 5px;\n  --button-padding-left: 11px;\n  --button-padding-right: 11px;\n  --button-font-size: 12px;\n  --button-border-radius: 4px;\n}\n.pops-panel-button-no-icon .pops-panel-button_inner i {\n  display: none;\n}\n.pops-panel-button-right-icon .pops-panel-button_inner {\n  flex-direction: row-reverse;\n}\n.pops-panel-button .pops-panel-button_inner i:has(svg),\n.pops-panel-button-right-icon .pops-panel-button-text {\n  margin-right: 6px;\n}\n\n.pops button[data-type=\"default\"] {\n  --button-color: var(--button-default-color);\n  --button-bd-color: var(--button-default-bd-color);\n  --button-bg-color: var(--button-default-bg-color);\n}\n.pops button[data-type=\"default\"]:active {\n  --button-color: var(--button-default-active-color);\n  --button-bd-color: var(--button-default-active-bd-color);\n  --button-bg-color: var(--button-default-active-bg-color);\n}\n.pops button[data-type=\"default\"]:hover {\n  --button-color: var(--button-default-hover-color);\n  --button-bd-color: var(--button-default-hover-bd-color);\n  --button-bg-color: var(--button-default-hover-bg-color);\n}\n.pops button[data-type=\"default\"]:focus-visible {\n  outline: var(--button-default-focus-visible-outline);\n  outline-offset: var(--button-default-focus-visible-outline-offset);\n}\n.pops button[data-type=\"default\"]:disabled {\n  --button-color: var(--button-default-disabled-color);\n  --button-bd-color: var(--button-default-disabled-bd-color);\n  --button-bg-color: var(--button-default-disabled-bg-color);\n}\n\n.pops button[data-type=\"primary\"] {\n  --button-color: var(--button-primary-color);\n  --button-bd-color: var(--button-primary-bd-color);\n  --button-bg-color: var(--button-primary-bg-color);\n}\n.pops button[data-type=\"primary\"]:active {\n  --button-color: var(--button-primary-active-color);\n  --button-bd-color: var(--button-primary-active-bd-color);\n  --button-bg-color: var(--button-primary-active-bg-color);\n}\n.pops button[data-type=\"primary\"]:hover {\n  --button-color: var(--button-primary-hover-color);\n  --button-bd-color: var(--button-primary-hover-bd-color);\n  --button-bg-color: var(--button-primary-hover-bg-color);\n}\n.pops button[data-type=\"primary\"]:focus-visible {\n  outline: var(--button-primary-focus-visible-outline);\n  outline-offset: var(--button-primary-focus-visible-outline-offset);\n}\n.pops button[data-type=\"primary\"]:disabled {\n  --button-color: var(--button-primary-disabled-color);\n  --button-bd-color: var(--button-primary-disabled-bd-color);\n  --button-bg-color: var(--button-primary-disabled-bg-color);\n}\n\n.pops button[data-type=\"success\"] {\n  --button-color: var(--button-success-color);\n  --button-bd-color: var(--button-success-bd-color);\n  --button-bg-color: var(--button-success-bg-color);\n}\n.pops button[data-type=\"success\"]:active {\n  --button-color: var(--button-success-active-color);\n  --button-bd-color: var(--button-success-active-bd-color);\n  --button-bg-color: var(--button-success-active-bg-color);\n}\n.pops button[data-type=\"success\"]:hover {\n  --button-color: var(--button-success-hover-color);\n  --button-bd-color: var(--button-success-hover-bd-color);\n  --button-bg-color: var(--button-success-hover-bg-color);\n}\n.pops button[data-type=\"success\"]:focus-visible {\n  outline: var(--button-success-focus-visible-outline);\n  outline-offset: var(--button-success-focus-visible-outline-offset);\n}\n.pops button[data-type=\"success\"]:disabled {\n  --button-color: var(--button-success-disabled-color);\n  --button-bd-color: var(--button-success-disabled-bd-color);\n  --button-bg-color: var(--button-success-disabled-bg-color);\n}\n\n.pops button[data-type=\"info\"] {\n  --button-color: var(--button-info-color);\n  --button-bd-color: var(--button-info-bd-color);\n  --button-bg-color: var(--button-info-bg-color);\n}\n.pops button[data-type=\"info\"]:active {\n  --button-color: var(--button-info-active-color);\n  --button-bd-color: var(--button-info-active-bd-color);\n  --button-bg-color: var(--button-info-active-bg-color);\n}\n.pops button[data-type=\"info\"]:hover {\n  --button-color: var(--button-info-hover-color);\n  --button-bd-color: var(--button-info-hover-bd-color);\n  --button-bg-color: var(--button-info-hover-bg-color);\n}\n.pops button[data-type=\"info\"]:focus-visible {\n  outline: var(--button-info-focus-visible-outline);\n  outline-offset: var(--button-info-focus-visible-outline-offset);\n}\n.pops button[data-type=\"info\"]:disabled {\n  --button-color: var(--button-info-disabled-color);\n  --button-bd-color: var(--button-info-disabled-bd-color);\n  --button-bg-color: var(--button-info-disabled-bg-color);\n}\n\n.pops button[data-type=\"warning\"] {\n  --button-color: var(--button-warning-color);\n  --button-bd-color: var(--button-warning-bd-color);\n  --button-bg-color: var(--button-warning-bg-color);\n}\n.pops button[data-type=\"warning\"]:active {\n  --button-color: var(--button-warning-active-color);\n  --button-bd-color: var(--button-warning-active-bd-color);\n  --button-bg-color: var(--button-warning-active-bg-color);\n}\n.pops button[data-type=\"warning\"]:hover {\n  --button-color: var(--button-warning-hover-color);\n  --button-bd-color: var(--button-warning-hover-bd-color);\n  --button-bg-color: var(--button-warning-hover-bg-color);\n}\n.pops button[data-type=\"warning\"]:focus-visible {\n  outline: var(--button-warning-focus-visible-outline);\n  outline-offset: var(--button-warning-focus-visible-outline-offset);\n}\n.pops button[data-type=\"warning\"]:disabled {\n  --button-color: var(--button-warning-disabled-color);\n  --button-bd-color: var(--button-warning-disabled-bd-color);\n  --button-bg-color: var(--button-warning-disabled-bg-color);\n}\n\n.pops button[data-type=\"danger\"] {\n  --button-color: var(--button-danger-color);\n  --button-bd-color: var(--button-danger-bd-color);\n  --button-bg-color: var(--button-danger-bg-color);\n}\n.pops button[data-type=\"danger\"]:active {\n  --button-color: var(--button-danger-active-color);\n  --button-bd-color: var(--button-danger-active-bd-color);\n  --button-bg-color: var(--button-danger-active-bg-color);\n}\n.pops button[data-type=\"danger\"]:hover {\n  --button-color: var(--button-danger-hover-color);\n  --button-bd-color: var(--button-danger-hover-bd-color);\n  --button-bg-color: var(--button-danger-hover-bg-color);\n}\n.pops button[data-type=\"danger\"]:focus-visible {\n  outline: var(--button-danger-focus-visible-outline);\n  outline-offset: var(--button-danger-focus-visible-outline-offset);\n}\n.pops button[data-type=\"danger\"]:disabled {\n  --button-color: var(--button-danger-disabled-color);\n  --button-bd-color: var(--button-danger-disabled-bd-color);\n  --button-bg-color: var(--button-danger-disabled-bg-color);\n}\n\n.pops button[data-type=\"xiaomi-primary\"] {\n  --button-color: var(--button-xiaomi-primary-color);\n  --button-bd-color: var(--button-xiaomi-primary-bd-color);\n  --button-bg-color: var(--button-xiaomi-primary-bg-color);\n}\n.pops button[data-type=\"xiaomi-primary\"]:active {\n  --button-color: var(--button-xiaomi-primary-active-color);\n  --button-bd-color: var(--button-xiaomi-primary-active-bd-color);\n  --button-bg-color: var(--button-xiaomi-primary-active-bg-color);\n}\n.pops button[data-type=\"xiaomi-primary\"]:hover {\n  --button-color: var(--button-xiaomi-primary-hover-color);\n  --button-bd-color: var(--button-xiaomi-primary-hover-bd-color);\n  --button-bg-color: var(--button-xiaomi-primary-hover-bg-color);\n}\n.pops button[data-type=\"xiaomi-primary\"]:focus-visible {\n  outline: var(--button-xiaomi-primary-focus-visible-outline);\n  outline-offset: var(--button-xiaomi-primary-focus-visible-outline-offset);\n}\n.pops button[data-type=\"xiaomi-primary\"]:disabled {\n  --button-color: var(--button-xiaomi-primary-disabled-color);\n  --button-bd-color: var(--button-xiaomi-primary-disabled-bd-color);\n  --button-bg-color: var(--button-xiaomi-primary-disabled-bg-color);\n}\n\n.pops button[data-type=\"violet\"] {\n  --button-color: var(--button-violet-color);\n  --button-bd-color: var(--button-violet-bd-color);\n  --button-bg-color: var(--button-violet-bg-color);\n}\n.pops button[data-type=\"violet\"]:active {\n  --button-color: var(--button-violet-active-color);\n  --button-bd-color: var(--button-violet-active-bd-color);\n  --button-bg-color: var(--button-violet-active-bg-color);\n}\n.pops button[data-type=\"violet\"]:hover {\n  --button-color: var(--button-violet-hover-color);\n  --button-bd-color: var(--button-violet-hover-bd-color);\n  --button-bg-color: var(--button-violet-hover-bg-color);\n}\n.pops button[data-type=\"violet\"]:focus-visible {\n  outline: var(--button-violet-focus-visible-outline);\n  outline-offset: var(--button-violet-focus-visible-outline-offset);\n}\n.pops button[data-type=\"violet\"]:disabled {\n  --button-color: var(--button-violet-disabled-color);\n  --button-bd-color: var(--button-violet-disabled-bd-color);\n  --button-bg-color: var(--button-violet-disabled-bg-color);\n}\n";
 
-var commonCSS = ".pops-flex-items-center {\n\tdisplay: flex;\n\talign-items: center;\n}\n.pops-flex-y-center {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.pops-flex-x-center {\n\tdisplay: flex;\n\talign-content: center;\n}\n.pops-hide {\n\tdisplay: none;\n}\n.pops-hide-important {\n\tdisplay: none !important;\n}\n.pops-no-border {\n\tborder: 0;\n}\n.pops-no-border-important {\n\tborder: 0 !important;\n}\n.pops-user-select-none {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n\t-moz-user-select: none;\n}\n.pops-line-height-center {\n\tline-height: normal;\n\talign-content: center;\n}\n.pops-width-fill {\n\twidth: -webkit-fill-available;\n\twidth: -moz-available;\n}\n.pops-text-is-disabled {\n\t--pops-text-is-disabled-color: #a8abb2;\n\tcolor: var(--pops-text-is-disabled-color);\n\t--pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color);\n}\n.pops-text-is-disabled-important {\n\t--pops-text-is-disabled-color: #a8abb2;\n\tcolor: var(--pops-text-is-disabled-color) !important;\n\t--pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color) !important;\n}\n";
+var commonCSS = ".pops-flex-items-center {\n  display: flex;\n  align-items: center;\n}\n.pops-flex-y-center {\n  display: flex;\n  justify-content: space-between;\n}\n.pops-flex-x-center {\n  display: flex;\n  align-content: center;\n}\n.pops-hide {\n  display: none;\n}\n.pops-hide-important {\n  display: none !important;\n}\n.pops-no-border {\n  border: 0;\n}\n.pops-no-border-important {\n  border: 0 !important;\n}\n.pops-user-select-none {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-line-height-center {\n  line-height: normal;\n  align-content: center;\n}\n.pops-width-fill {\n  width: -webkit-fill-available;\n  width: -moz-available;\n}\n.pops-text-is-disabled {\n  --pops-text-is-disabled-color: #a8abb2;\n  color: var(--pops-text-is-disabled-color);\n  --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color);\n}\n.pops-text-is-disabled-important {\n  --pops-text-is-disabled-color: #a8abb2;\n  color: var(--pops-text-is-disabled-color) !important;\n  --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color) !important;\n}\n";
 
-var animCSS = "@keyframes rotating {\n\t0% {\n\t\ttransform: rotate(0);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}\n@keyframes iframeLoadingChange_85 {\n\t0% {\n\t\tbackground: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n\t}\n\t20% {\n\t\tbackground: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\n\t}\n\t40% {\n\t\tbackground: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\n\t}\n\t60% {\n\t\tbackground: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\n\t}\n\t80% {\n\t\tbackground: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\n\t}\n\t100% {\n\t\tbackground: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\n\t}\n\tfrom {\n\t\twidth: 75%;\n\t}\n\tto {\n\t\twidth: 100%;\n\t}\n}\n@keyframes iframeLoadingChange {\n\t0% {\n\t\tbackground: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n\t}\n\t20% {\n\t\tbackground: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\n\t}\n\t40% {\n\t\tbackground: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\n\t}\n\t60% {\n\t\tbackground: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\n\t}\n\t80% {\n\t\tbackground: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\n\t}\n\t100% {\n\t\tbackground: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\n\t}\n\tfrom {\n\t\twidth: 0;\n\t}\n\tto {\n\t\twidth: 75%;\n\t}\n}\n\n@keyframes searchSelectFalIn {\n\tfrom {\n\t\topacity: 0;\n\t\tdisplay: none;\n\t}\n\tto {\n\t\tdisplay: block;\n\t\topacity: 1;\n\t}\n}\n@keyframes searchSelectFalOut {\n\tfrom {\n\t\tdisplay: block;\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t\tdisplay: none;\n\t}\n}\n\n@keyframes pops-anim-wait-rotate {\n\tform {\n\t\ttransform: rotate(0);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}\n@keyframes pops-anim-spread {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scaleX(0);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: scaleX(1);\n\t}\n}\n@keyframes pops-anim-shake {\n\t0%,\n\t100% {\n\t\ttransform: translateX(0);\n\t}\n\t10%,\n\t30%,\n\t50%,\n\t70%,\n\t90% {\n\t\ttransform: translateX(-10px);\n\t}\n\t20%,\n\t40%,\n\t60%,\n\t80% {\n\t\ttransform: translateX(10px);\n\t}\n}\n@keyframes pops-anim-rolling-left {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(-100%) rotate(-120deg);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0) rotate(0);\n\t}\n}\n@keyframes pops-anim-rolling-right {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(100%) rotate(120deg);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0) rotate(0);\n\t}\n}\n@keyframes pops-anim-slide-top {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(-200%);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n@keyframes pops-anim-slide-bottom {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(200%);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n@keyframes pops-anim-slide-left {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(-200%);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n}\n@keyframes pops-anim-slide-right {\n\t0% {\n\t\ttransform: translateX(200%);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n}\n@keyframes pops-anim-fadein {\n\t0% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n@keyframes pops-anim-fadein-zoom {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale(0.5);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t}\n}\n@keyframes pops-anim-fadein-alert {\n\t0% {\n\t\ttransform: scale(0.5);\n\t}\n\t45% {\n\t\ttransform: scale(1.05);\n\t}\n\t80% {\n\t\ttransform: scale(0.95);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n@keyframes pops-anim-don {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t2.08333% {\n\t\ttransform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t4.16667% {\n\t\ttransform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t6.25% {\n\t\ttransform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t8.33333% {\n\t\ttransform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t10.4167% {\n\t\ttransform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t12.5% {\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t14.5833% {\n\t\ttransform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t16.6667% {\n\t\ttransform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t18.75% {\n\t\ttransform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t20.8333% {\n\t\ttransform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t22.9167% {\n\t\ttransform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t25% {\n\t\ttransform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t27.0833% {\n\t\ttransform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t29.1667% {\n\t\ttransform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t31.25% {\n\t\ttransform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t33.3333% {\n\t\ttransform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t35.4167% {\n\t\ttransform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t37.5% {\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t39.5833% {\n\t\ttransform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t41.6667% {\n\t\ttransform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t43.75% {\n\t\ttransform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t45.8333% {\n\t\ttransform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t47.9167% {\n\t\ttransform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t50% {\n\t\topacity: 1;\n\t\ttransform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t52.0833% {\n\t\ttransform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t54.1667% {\n\t\ttransform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t56.25% {\n\t\ttransform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t58.3333% {\n\t\ttransform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t60.4167% {\n\t\ttransform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t62.5% {\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t64.5833% {\n\t\ttransform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t66.6667% {\n\t\ttransform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t68.75% {\n\t\ttransform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t70.8333% {\n\t\ttransform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t72.9167% {\n\t\ttransform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t75% {\n\t\ttransform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t77.0833% {\n\t\ttransform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t79.1667% {\n\t\ttransform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t81.25% {\n\t\ttransform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t83.3333% {\n\t\ttransform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t85.4167% {\n\t\ttransform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t87.5% {\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t89.5833% {\n\t\ttransform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t91.6667% {\n\t\ttransform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t93.75% {\n\t\ttransform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t95.8333% {\n\t\ttransform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t97.9167% {\n\t\ttransform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n}\n@keyframes pops-anim-roll {\n\t0% {\n\t\ttransform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\n\t}\n\t100% {\n\t\ttransform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\n\t}\n}\n@keyframes pops-anim-sandra {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale3d(1.1, 1.1, 1);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: scale3d(1, 1, 1);\n\t}\n}\n@keyframes pops-anim-gather {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale(5, 0);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: scale(1, 1);\n\t}\n}\n@keyframes pops-anim-spread-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: scaleX(1);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: scaleX(0);\n\t}\n}\n@keyframes pops-anim-shake-reverse {\n\t0%,\n\t100% {\n\t\ttransform: translateX(10px);\n\t}\n\t10%,\n\t30%,\n\t50%,\n\t70%,\n\t90% {\n\t\ttransform: translateX(-10px);\n\t}\n\t20%,\n\t40%,\n\t60%,\n\t80% {\n\t\ttransform: translateX(0);\n\t}\n}\n@keyframes pops-anim-rolling-left-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0) rotate(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(-100%) rotate(-120deg);\n\t}\n}\n@keyframes pops-anim-rolling-right-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0) rotate(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(100%) rotate(120deg);\n\t}\n}\n@keyframes pops-anim-slide-top-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(-200%);\n\t}\n}\n@keyframes pops-anim-slide-bottom-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(200%);\n\t}\n}\n@keyframes pops-anim-slide-left-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(-200%);\n\t}\n}\n@keyframes pops-anim-slide-right-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\t100% {\n\t\ttransform: translateX(200%);\n\t}\n}\n@keyframes pops-anim-fadein-reverse {\n\t0% {\n\t\topacity: 1;\n\t}\n\t100% {\n\t\topacity: 0;\n\t}\n}\n@keyframes pops-anim-fadein-zoom-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: scale(0.5);\n\t}\n}\n@keyframes pops-anim-fadein-alert-reverse {\n\t0% {\n\t\ttransform: scale(1);\n\t}\n\t45% {\n\t\ttransform: scale(0.95);\n\t}\n\t80% {\n\t\ttransform: scale(1.05);\n\t}\n\t100% {\n\t\ttransform: scale(0.5);\n\t}\n}\n@keyframes pops-anim-don-reverse {\n\t100% {\n\t\topacity: 0;\n\t\ttransform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t97.9167% {\n\t\ttransform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t95.8333% {\n\t\ttransform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t93.75% {\n\t\ttransform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t91.6667% {\n\t\ttransform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t89.5833% {\n\t\ttransform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t87.5% {\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t85.4167% {\n\t\ttransform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t83.3333% {\n\t\ttransform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t81.25% {\n\t\ttransform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t79.1667% {\n\t\ttransform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t77.0833% {\n\t\ttransform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t75% {\n\t\ttransform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t72.9167% {\n\t\ttransform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t70.8333% {\n\t\ttransform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t68.75% {\n\t\ttransform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t66.6667% {\n\t\ttransform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t64.5833% {\n\t\ttransform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t62.5% {\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t60.4167% {\n\t\ttransform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t58.3333% {\n\t\ttransform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t56.25% {\n\t\ttransform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t54.1667% {\n\t\ttransform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t52.0833% {\n\t\ttransform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t50% {\n\t\topacity: 1;\n\t\ttransform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t47.9167% {\n\t\ttransform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t45.8333% {\n\t\ttransform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t43.75% {\n\t\ttransform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t41.6667% {\n\t\ttransform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t39.5833% {\n\t\ttransform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t37.5% {\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t35.4167% {\n\t\ttransform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t33.3333% {\n\t\ttransform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t31.25% {\n\t\ttransform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t29.1667% {\n\t\ttransform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t27.0833% {\n\t\ttransform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t25% {\n\t\ttransform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t22.9167% {\n\t\ttransform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t20.8333% {\n\t\ttransform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t18.75% {\n\t\ttransform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t16.6667% {\n\t\ttransform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t14.5833% {\n\t\ttransform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t12.5% {\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t10.4167% {\n\t\ttransform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t8.33333% {\n\t\ttransform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t6.25% {\n\t\ttransform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t4.16667% {\n\t\ttransform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t2.08333% {\n\t\ttransform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n\t0% {\n\t\topacity: 1;\n\t\ttransform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n\t}\n}\n@keyframes pops-anim-roll-reverse {\n\t0% {\n\t\ttransform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\n\t}\n\t100% {\n\t\ttransform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\n\t}\n}\n@keyframes pops-anim-sandra-reverse {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: scale3d(1, 1, 1);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: scale3d(1.1, 1.1, 1);\n\t}\n}\n@keyframes pops-anim-gather-reverse {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale(5, 0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: scale(5, 0);\n\t}\n}\n\n@-webkit-keyframes pops-motion-fadeInTop {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-30px);\n\t\ttransform: translateY(-30px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t}\n}\n@keyframes pops-motion-fadeInTop {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(-30px);\n\t\t-ms-transform: translateY(-30px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t\t-ms-transform: translateX(0);\n\t}\n}\n@-webkit-keyframes pops-motion-fadeOutTop {\n\t0% {\n\t\topacity: 10;\n\t\t-webkit-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-30px);\n\t\ttransform: translateY(-30px);\n\t}\n}\n@keyframes pops-motion-fadeOutTop {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t\t-ms-transform: translateY(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(-30px);\n\t\t-ms-transform: translateY(-30px);\n\t}\n}\n@-webkit-keyframes pops-motion-fadeInBottom {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(20px);\n\t\ttransform: translateY(20px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n}\n@keyframes pops-motion-fadeInBottom {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(20px);\n\t\ttransform: translateY(20px);\n\t\t-ms-transform: translateY(20px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t\t-ms-transform: translateY(0);\n\t}\n}\n@-webkit-keyframes pops-motion-fadeOutBottom {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(20px);\n\t\ttransform: translateY(20px);\n\t}\n}\n@keyframes pops-motion-fadeOutBottom {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t\t-ms-transform: translateY(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(20px);\n\t\ttransform: translateY(20px);\n\t\t-ms-transform: translateY(20px);\n\t}\n}\n@-webkit-keyframes pops-motion-fadeInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-20px);\n\t\ttransform: translateX(-20px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t}\n}\n@keyframes pops-motion-fadeInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-30px);\n\t\ttransform: translateX(-30px);\n\t\t-ms-transform: translateX(-30px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t\t-ms-transform: translateX(0);\n\t}\n}\n@-webkit-keyframes pops-motion-fadeOutLeft {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-30px);\n\t\ttransform: translateX(-30px);\n\t}\n}\n@keyframes pops-motion-fadeOutLeft {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t\t-ms-transform: translateX(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-20px);\n\t\ttransform: translateX(-20px);\n\t\t-ms-transform: translateX(-20px);\n\t}\n}\n@-webkit-keyframes pops-motion-fadeInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(20px);\n\t\ttransform: translateX(20px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t}\n}\n@keyframes pops-motion-fadeInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(20px);\n\t\ttransform: translateX(20px);\n\t\t-ms-transform: translateX(20px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t\t-ms-transform: translateX(0);\n\t}\n}\n@-webkit-keyframes pops-motion-fadeOutRight {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(20px);\n\t\ttransform: translateX(20px);\n\t}\n}\n@keyframes pops-motion-fadeOutRight {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0);\n\t\t-ms-transform: translateX(0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(20px);\n\t\ttransform: translateX(20px);\n\t\t-ms-transform: translateX(20px);\n\t}\n}\n\n/* 动画 */\n.pops-anim[anim=\"pops-anim-spread\"] {\n\tanimation: pops-anim-spread 0.3s;\n}\n.pops-anim[anim=\"pops-anim-shake\"] {\n\tanimation: pops-anim-shake 0.3s;\n}\n.pops-anim[anim=\"pops-anim-rolling-left\"] {\n\tanimation: pops-anim-rolling-left 0.3s;\n}\n.pops-anim[anim=\"pops-anim-rolling-right\"] {\n\tanimation: pops-anim-rolling-right 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-top\"] {\n\tanimation: pops-anim-slide-top 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-bottom\"] {\n\tanimation: pops-anim-slide-bottom 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-left\"] {\n\tanimation: pops-anim-slide-left 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-right\"] {\n\tanimation: pops-anim-slide-right 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein\"] {\n\tanimation: pops-anim-fadein 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-zoom\"] {\n\tanimation: pops-anim-fadein-zoom 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-alert\"] {\n\tanimation: pops-anim-fadein-alert 0.3s;\n}\n.pops-anim[anim=\"pops-anim-don\"] {\n\tanimation: pops-anim-don 0.3s;\n}\n.pops-anim[anim=\"pops-anim-roll\"] {\n\tanimation: pops-anim-roll 0.3s;\n}\n.pops-anim[anim=\"pops-anim-sandra\"] {\n\tanimation: pops-anim-sandra 0.3s;\n}\n.pops-anim[anim=\"pops-anim-gather\"] {\n\tanimation: pops-anim-gather 0.3s;\n}\n.pops-anim[anim=\"pops-anim-spread-reverse\"] {\n\tanimation: pops-anim-spread-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-shake-reverse\"] {\n\tanimation: pops-anim-shake-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-rolling-left-reverse\"] {\n\tanimation: pops-anim-rolling-left-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-rolling-right-reverse\"] {\n\tanimation: pops-anim-rolling-right-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-top-reverse\"] {\n\tanimation: pops-anim-slide-top-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-bottom-reverse\"] {\n\tanimation: pops-anim-slide-bottom-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-left-reverse\"] {\n\tanimation: pops-anim-slide-left-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-right-reverse\"] {\n\tanimation: pops-anim-slide-right-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-reverse\"] {\n\tanimation: pops-anim-fadein-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-zoom-reverse\"] {\n\tanimation: pops-anim-fadein-zoom-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-alert-reverse\"] {\n\tanimation: pops-anim-fadein-alert-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-don-reverse\"] {\n\tanimation: pops-anim-don-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-roll-reverse\"] {\n\tanimation: pops-anim-roll-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-sandra-reverse\"] {\n\tanimation: pops-anim-sandra-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-gather-reverse\"] {\n\tanimation: pops-anim-gather-reverse 0.3s;\n}\n";
+var animCSS = "@keyframes rotating {\n  0% {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes iframeLoadingChange_85 {\n  0% {\n    background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n  }\n  20% {\n    background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\n  }\n  40% {\n    background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\n  }\n  60% {\n    background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\n  }\n  80% {\n    background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\n  }\n  100% {\n    background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\n  }\n  from {\n    width: 75%;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes iframeLoadingChange {\n  0% {\n    background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n  }\n  20% {\n    background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\n  }\n  40% {\n    background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\n  }\n  60% {\n    background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\n  }\n  80% {\n    background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\n  }\n  100% {\n    background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\n  }\n  from {\n    width: 0;\n  }\n  to {\n    width: 75%;\n  }\n}\n\n@keyframes searchSelectFalIn {\n  from {\n    opacity: 0;\n    display: none;\n  }\n  to {\n    display: block;\n    opacity: 1;\n  }\n}\n@keyframes searchSelectFalOut {\n  from {\n    display: block;\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    display: none;\n  }\n}\n\n@keyframes pops-anim-wait-rotate {\n  form {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pops-anim-spread {\n  0% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n  100% {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n}\n@keyframes pops-anim-shake {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translateX(-10px);\n  }\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translateX(10px);\n  }\n}\n@keyframes pops-anim-rolling-left {\n  0% {\n    opacity: 0;\n    transform: translateX(-100%) rotate(-120deg);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0) rotate(0);\n  }\n}\n@keyframes pops-anim-rolling-right {\n  0% {\n    opacity: 0;\n    transform: translateX(100%) rotate(120deg);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0) rotate(0);\n  }\n}\n@keyframes pops-anim-slide-top {\n  0% {\n    opacity: 0;\n    transform: translateY(-200%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes pops-anim-slide-bottom {\n  0% {\n    opacity: 0;\n    transform: translateY(200%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes pops-anim-slide-left {\n  0% {\n    opacity: 0;\n    transform: translateX(-200%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes pops-anim-slide-right {\n  0% {\n    transform: translateX(200%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes pops-anim-fadein {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes pops-anim-fadein-zoom {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes pops-anim-fadein-alert {\n  0% {\n    transform: scale(0.5);\n  }\n  45% {\n    transform: scale(1.05);\n  }\n  80% {\n    transform: scale(0.95);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes pops-anim-don {\n  0% {\n    opacity: 0;\n    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  2.08333% {\n    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  4.16667% {\n    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  6.25% {\n    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  8.33333% {\n    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  10.4167% {\n    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  12.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  14.5833% {\n    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  16.6667% {\n    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  18.75% {\n    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  20.8333% {\n    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  22.9167% {\n    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  25% {\n    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  27.0833% {\n    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  29.1667% {\n    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  31.25% {\n    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  33.3333% {\n    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  35.4167% {\n    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  37.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  39.5833% {\n    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  41.6667% {\n    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  43.75% {\n    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  45.8333% {\n    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  47.9167% {\n    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  50% {\n    opacity: 1;\n    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  52.0833% {\n    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  54.1667% {\n    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  56.25% {\n    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  58.3333% {\n    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  60.4167% {\n    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  62.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  64.5833% {\n    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  66.6667% {\n    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  68.75% {\n    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  70.8333% {\n    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  72.9167% {\n    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  75% {\n    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  77.0833% {\n    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  79.1667% {\n    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  81.25% {\n    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  83.3333% {\n    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  85.4167% {\n    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  87.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  89.5833% {\n    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  91.6667% {\n    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  93.75% {\n    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  95.8333% {\n    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  97.9167% {\n    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n}\n@keyframes pops-anim-roll {\n  0% {\n    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\n  }\n  100% {\n    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\n  }\n}\n@keyframes pops-anim-sandra {\n  0% {\n    opacity: 0;\n    transform: scale3d(1.1, 1.1, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n@keyframes pops-anim-gather {\n  0% {\n    opacity: 0;\n    transform: scale(5, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1, 1);\n  }\n}\n@keyframes pops-anim-spread-reverse {\n  0% {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n}\n@keyframes pops-anim-shake-reverse {\n  0%,\n  100% {\n    transform: translateX(10px);\n  }\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translateX(-10px);\n  }\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translateX(0);\n  }\n}\n@keyframes pops-anim-rolling-left-reverse {\n  0% {\n    opacity: 1;\n    transform: translateX(0) rotate(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%) rotate(-120deg);\n  }\n}\n@keyframes pops-anim-rolling-right-reverse {\n  0% {\n    opacity: 1;\n    transform: translateX(0) rotate(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%) rotate(120deg);\n  }\n}\n@keyframes pops-anim-slide-top-reverse {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-200%);\n  }\n}\n@keyframes pops-anim-slide-bottom-reverse {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(200%);\n  }\n}\n@keyframes pops-anim-slide-left-reverse {\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-200%);\n  }\n}\n@keyframes pops-anim-slide-right-reverse {\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n@keyframes pops-anim-fadein-reverse {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n@keyframes pops-anim-fadein-zoom-reverse {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n}\n@keyframes pops-anim-fadein-alert-reverse {\n  0% {\n    transform: scale(1);\n  }\n  45% {\n    transform: scale(0.95);\n  }\n  80% {\n    transform: scale(1.05);\n  }\n  100% {\n    transform: scale(0.5);\n  }\n}\n@keyframes pops-anim-don-reverse {\n  100% {\n    opacity: 0;\n    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  97.9167% {\n    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  95.8333% {\n    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  93.75% {\n    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  91.6667% {\n    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  89.5833% {\n    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  87.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  85.4167% {\n    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  83.3333% {\n    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  81.25% {\n    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  79.1667% {\n    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  77.0833% {\n    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  75% {\n    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  72.9167% {\n    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  70.8333% {\n    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  68.75% {\n    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  66.6667% {\n    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  64.5833% {\n    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  62.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  60.4167% {\n    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  58.3333% {\n    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  56.25% {\n    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  54.1667% {\n    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  52.0833% {\n    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  50% {\n    opacity: 1;\n    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  47.9167% {\n    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  45.8333% {\n    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  43.75% {\n    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  41.6667% {\n    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  39.5833% {\n    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  37.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  35.4167% {\n    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  33.3333% {\n    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  31.25% {\n    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  29.1667% {\n    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  27.0833% {\n    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  25% {\n    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  22.9167% {\n    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  20.8333% {\n    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  18.75% {\n    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  16.6667% {\n    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  14.5833% {\n    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  12.5% {\n    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  10.4167% {\n    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  8.33333% {\n    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  6.25% {\n    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  4.16667% {\n    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  2.08333% {\n    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n  0% {\n    opacity: 1;\n    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  }\n}\n@keyframes pops-anim-roll-reverse {\n  0% {\n    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\n  }\n  100% {\n    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\n  }\n}\n@keyframes pops-anim-sandra-reverse {\n  0% {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(1.1, 1.1, 1);\n  }\n}\n@keyframes pops-anim-gather-reverse {\n  0% {\n    opacity: 0;\n    transform: scale(5, 0);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(5, 0);\n  }\n}\n\n@-webkit-keyframes pops-motion-fadeInTop {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(-30px);\n    transform: translateY(-30px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n}\n@keyframes pops-motion-fadeInTop {\n  0% {\n    opacity: 0;\n    transform: translateY(-30px);\n    -ms-transform: translateY(-30px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n}\n@-webkit-keyframes pops-motion-fadeOutTop {\n  0% {\n    opacity: 10;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(-30px);\n    transform: translateY(-30px);\n  }\n}\n@keyframes pops-motion-fadeOutTop {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n    -ms-transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-30px);\n    -ms-transform: translateY(-30px);\n  }\n}\n@-webkit-keyframes pops-motion-fadeInBottom {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(20px);\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n}\n@keyframes pops-motion-fadeInBottom {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(20px);\n    transform: translateY(20px);\n    -ms-transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -ms-transform: translateY(0);\n  }\n}\n@-webkit-keyframes pops-motion-fadeOutBottom {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(20px);\n    transform: translateY(20px);\n  }\n}\n@keyframes pops-motion-fadeOutBottom {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n    -ms-transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(20px);\n    transform: translateY(20px);\n    -ms-transform: translateY(20px);\n  }\n}\n@-webkit-keyframes pops-motion-fadeInLeft {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(-20px);\n    transform: translateX(-20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n}\n@keyframes pops-motion-fadeInLeft {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(-30px);\n    transform: translateX(-30px);\n    -ms-transform: translateX(-30px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n}\n@-webkit-keyframes pops-motion-fadeOutLeft {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(-30px);\n    transform: translateX(-30px);\n  }\n}\n@keyframes pops-motion-fadeOutLeft {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(-20px);\n    transform: translateX(-20px);\n    -ms-transform: translateX(-20px);\n  }\n}\n@-webkit-keyframes pops-motion-fadeInRight {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(20px);\n    transform: translateX(20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n}\n@keyframes pops-motion-fadeInRight {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateX(20px);\n    transform: translateX(20px);\n    -ms-transform: translateX(20px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n}\n@-webkit-keyframes pops-motion-fadeOutRight {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(20px);\n    transform: translateX(20px);\n  }\n}\n@keyframes pops-motion-fadeOutRight {\n  0% {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateX(20px);\n    transform: translateX(20px);\n    -ms-transform: translateX(20px);\n  }\n}\n\n/* 动画 */\n.pops-anim[anim=\"pops-anim-spread\"] {\n  animation: pops-anim-spread 0.3s;\n}\n.pops-anim[anim=\"pops-anim-shake\"] {\n  animation: pops-anim-shake 0.3s;\n}\n.pops-anim[anim=\"pops-anim-rolling-left\"] {\n  animation: pops-anim-rolling-left 0.3s;\n}\n.pops-anim[anim=\"pops-anim-rolling-right\"] {\n  animation: pops-anim-rolling-right 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-top\"] {\n  animation: pops-anim-slide-top 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-bottom\"] {\n  animation: pops-anim-slide-bottom 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-left\"] {\n  animation: pops-anim-slide-left 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-right\"] {\n  animation: pops-anim-slide-right 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein\"] {\n  animation: pops-anim-fadein 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-zoom\"] {\n  animation: pops-anim-fadein-zoom 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-alert\"] {\n  animation: pops-anim-fadein-alert 0.3s;\n}\n.pops-anim[anim=\"pops-anim-don\"] {\n  animation: pops-anim-don 0.3s;\n}\n.pops-anim[anim=\"pops-anim-roll\"] {\n  animation: pops-anim-roll 0.3s;\n}\n.pops-anim[anim=\"pops-anim-sandra\"] {\n  animation: pops-anim-sandra 0.3s;\n}\n.pops-anim[anim=\"pops-anim-gather\"] {\n  animation: pops-anim-gather 0.3s;\n}\n.pops-anim[anim=\"pops-anim-spread-reverse\"] {\n  animation: pops-anim-spread-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-shake-reverse\"] {\n  animation: pops-anim-shake-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-rolling-left-reverse\"] {\n  animation: pops-anim-rolling-left-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-rolling-right-reverse\"] {\n  animation: pops-anim-rolling-right-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-top-reverse\"] {\n  animation: pops-anim-slide-top-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-bottom-reverse\"] {\n  animation: pops-anim-slide-bottom-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-left-reverse\"] {\n  animation: pops-anim-slide-left-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-slide-right-reverse\"] {\n  animation: pops-anim-slide-right-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-reverse\"] {\n  animation: pops-anim-fadein-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-zoom-reverse\"] {\n  animation: pops-anim-fadein-zoom-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-fadein-alert-reverse\"] {\n  animation: pops-anim-fadein-alert-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-don-reverse\"] {\n  animation: pops-anim-don-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-roll-reverse\"] {\n  animation: pops-anim-roll-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-sandra-reverse\"] {\n  animation: pops-anim-sandra-reverse 0.3s;\n}\n.pops-anim[anim=\"pops-anim-gather-reverse\"] {\n  animation: pops-anim-gather-reverse 0.3s;\n}\n";
 
 var alertCSS = "";
 
 var confirmCSS = "";
 
-var promptCSS = ".pops[type-value=\"prompt\"] {\n\t--input-color: #000000;\n\t--input-bg-color: none;\n\t--input-placeholder-color: #a1a4ac;\n}\n.pops[type-value=\"prompt\"] input[pops],\n.pops[type-value=\"prompt\"] textarea[pops] {\n\twidth: 100%;\n\theight: 100%;\n\toutline: 0;\n\tborder: 0;\n\tcolor: var(--input-color);\n\tbackground-color: var(--input-bg-color);\n}\n\n.pops[type-value=\"prompt\"] input[pops] {\n\tpadding: 5px 10px;\n}\n.pops[type-value=\"prompt\"] textarea[pops] {\n\tpadding: 5px 10px;\n\tresize: none;\n}\n\n.pops[type-value=\"prompt\"] input[pops]::placeholder,\n.pops[type-value=\"prompt\"] textarea[pops]::placeholder {\n\tcolor: var(--input-placeholder-color);\n}\n@media (prefers-color-scheme: dark) {\n\t.pops[type-value=\"prompt\"] {\n\t\t--input-color: #ffffff;\n\t\t--input-bg-color: #333333;\n\t\t--input-placeholder-color: #8d9095;\n\t}\n}\n";
+var promptCSS = ".pops[type-value=\"prompt\"] {\n  --input-color: #000000;\n  --input-bg-color: none;\n  --input-placeholder-color: #a1a4ac;\n}\n.pops[type-value=\"prompt\"] input[pops],\n.pops[type-value=\"prompt\"] textarea[pops] {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  border: 0;\n  color: var(--input-color);\n  background-color: var(--input-bg-color);\n}\n\n.pops[type-value=\"prompt\"] input[pops] {\n  padding: 5px 10px;\n}\n.pops[type-value=\"prompt\"] textarea[pops] {\n  padding: 5px 10px;\n  resize: none;\n}\n\n.pops[type-value=\"prompt\"] input[pops]::placeholder,\n.pops[type-value=\"prompt\"] textarea[pops]::placeholder {\n  color: var(--input-placeholder-color);\n}\n@media (prefers-color-scheme: dark) {\n  .pops[type-value=\"prompt\"] {\n    --input-color: #ffffff;\n    --input-bg-color: #333333;\n    --input-placeholder-color: #8d9095;\n  }\n}\n";
 
-var loadingCSS = ".pops[type-value=\"loading\"] {\n\t--loading-bd-color: rgba(0, 0, 0, 0.2);\n\t--loading-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\t--loading-box-shadow-color: rgb(0 0 0 / 50%);\n\t--loading-icon-color: rgba(100, 149, 237, 0.1);\n\t--loading-icon-bd-top-color: rgb(100, 149, 237, var(--pops-bd-opacity));\n}\n.pops[type-value=\"loading\"] {\n\tposition: absolute;\n\ttop: 272.5px;\n\ttop: 50%;\n\tleft: 26px;\n\tleft: 50%;\n\tdisplay: flex;\n\toverflow: hidden;\n\tpadding: 10px 15px;\n\tmax-width: 100%;\n\tmax-height: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\tborder: 1px solid var(--loading-bd-color);\n\tborder-radius: 5px;\n\tbackground-color: var(--loading-bg-color);\n\tbox-shadow: 0 0 5px var(--loading-box-shadow-color);\n\tvertical-align: middle;\n\ttransition: all 0.35s;\n\ttransform: translate(-50%, -50%);\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\talign-content: center;\n}\n.pops[type-value=\"loading\"]:before {\n\tfloat: left;\n\tdisplay: inline-block;\n\twidth: 2em;\n\theight: 2em;\n\tborder: 0.3em solid var(--loading-icon-color);\n\tborder-top: 0.3em solid var(--loading-icon-bd-top-color);\n\tborder-radius: 50%;\n\tcontent: \" \";\n\tvertical-align: middle;\n\tfont-size: inherit;\n\tanimation: pops-anim-wait-rotate 1.2s linear infinite;\n}\n.pops[type-value=\"loading\"] .pops-loading-content {\n\tposition: static;\n\ttop: 0;\n\tbottom: 0;\n\tfloat: left;\n\toverflow: hidden;\n\twidth: auto;\n\tfont-size: inherit;\n\tline-height: normal;\n\talign-content: center;\n}\n\n@media (prefers-color-scheme: dark) {\n\t.pops[type-value=\"loading\"] {\n\t\t--loading-bg-color: #222222;\n\t}\n}\n";
+var loadingCSS = ".pops[type-value=\"loading\"] {\n  --loading-bd-color: rgba(0, 0, 0, 0.2);\n  --loading-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --loading-box-shadow-color: rgb(0 0 0 / 50%);\n  --loading-icon-color: rgba(100, 149, 237, 0.1);\n  --loading-icon-bd-top-color: rgb(100, 149, 237, var(--pops-bd-opacity));\n}\n.pops[type-value=\"loading\"] {\n  position: absolute;\n  top: 272.5px;\n  top: 50%;\n  left: 26px;\n  left: 50%;\n  display: flex;\n  overflow: hidden;\n  padding: 10px 15px;\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 0;\n  min-height: 0;\n  border: 1px solid var(--loading-bd-color);\n  border-radius: 5px;\n  background-color: var(--loading-bg-color);\n  box-shadow: 0 0 5px var(--loading-box-shadow-color);\n  vertical-align: middle;\n  transition: all 0.35s;\n  transform: translate(-50%, -50%);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-content: center;\n}\n.pops[type-value=\"loading\"]:before {\n  float: left;\n  display: inline-block;\n  width: 2em;\n  height: 2em;\n  border: 0.3em solid var(--loading-icon-color);\n  border-top: 0.3em solid var(--loading-icon-bd-top-color);\n  border-radius: 50%;\n  content: \" \";\n  vertical-align: middle;\n  font-size: inherit;\n  animation: pops-anim-wait-rotate 1.2s linear infinite;\n}\n.pops[type-value=\"loading\"] .pops-loading-content {\n  position: static;\n  top: 0;\n  bottom: 0;\n  float: left;\n  overflow: hidden;\n  width: auto;\n  font-size: inherit;\n  line-height: normal;\n  align-content: center;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops[type-value=\"loading\"] {\n    --loading-bg-color: #222222;\n  }\n}\n";
 
-var iframeCSS = ".pops[type-value=\"iframe\"] {\n\t--container-title-height: 55px;\n\ttransition:\n\t\twidth 0.35s ease,\n\t\theight 0.35s ease;\n}\n.pops[type-value=\"iframe\"] .pops-content {\n\toverflow: hidden;\n}\n.pops-loading {\n\tposition: absolute;\n\ttop: 40px;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 5;\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n}\n.pops-loading:before {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tz-index: 3;\n\tdisplay: block;\n\tmargin: -20px 0 0 -20px;\n\tpadding: 20px;\n\tborder: 4px solid rgb(221, 221, 221, var(--pops-bd-opacity));\n\tborder-radius: 50%;\n\tcontent: \"\";\n\tborder-top-color: transparent;\n\tanimation: pops-anim-wait-rotate 1.2s linear infinite;\n}\n.pops[type-value=\"iframe\"].pops[type-module=\"min\"] {\n\tbottom: 0;\n\tmax-width: 200px;\n\tmax-height: 53px;\n\tposition: unset;\n}\n.pops[type-value=\"iframe\"].pops[type-module=\"min\"] .pops-header-control[data-type=\"min\"] {\n\tdisplay: none;\n}\n.pops[type-value=\"iframe\"].pops-iframe-unset-top {\n\ttop: unset !important;\n}\n.pops[type-value=\"iframe\"].pops-iframe-unset-left {\n\tleft: unset !important;\n}\n.pops[type-value=\"iframe\"].pops-iframe-unset-transform {\n\ttransform: none !important;\n}\n.pops[type-value=\"iframe\"].pops-iframe-unset-transition {\n\ttransition: none !important;\n}\n.pops[type-value=\"iframe\"].pops[type-module=\"max\"] {\n\twidth: 100% !important;\n\theight: 100% !important;\n}\n.pops[type-value=\"iframe\"] iframe[pops] {\n\twidth: 100%;\n\theight: 100%;\n\tborder: 0;\n}\n.pops-iframe-content-global-loading {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 999999;\n\twidth: 0;\n\theight: 4px;\n\tbackground: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n\tanimation: iframeLoadingChange 2s forwards;\n}\n\n.pops-anim:has(.pops[type-value=\"iframe\"].pops[type-module=\"min\"]) {\n\tposition: unset;\n}\n";
+var iframeCSS = ".pops[type-value=\"iframe\"] {\n  --container-title-height: 55px;\n  transition:\n    width 0.35s ease,\n    height 0.35s ease;\n}\n.pops[type-value=\"iframe\"] .pops-content {\n  overflow: hidden;\n}\n.pops-loading {\n  position: absolute;\n  top: 40px;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 5;\n  background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n}\n.pops-loading:before {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 3;\n  display: block;\n  margin: -20px 0 0 -20px;\n  padding: 20px;\n  border: 4px solid rgb(221, 221, 221, var(--pops-bd-opacity));\n  border-radius: 50%;\n  content: \"\";\n  border-top-color: transparent;\n  animation: pops-anim-wait-rotate 1.2s linear infinite;\n}\n.pops[type-value=\"iframe\"].pops[type-module=\"min\"] {\n  bottom: 0;\n  max-width: 200px;\n  max-height: 53px;\n  position: unset;\n}\n.pops[type-value=\"iframe\"].pops[type-module=\"min\"] .pops-header-control[data-type=\"min\"] {\n  display: none;\n}\n.pops[type-value=\"iframe\"].pops-iframe-unset-top {\n  top: unset !important;\n}\n.pops[type-value=\"iframe\"].pops-iframe-unset-left {\n  left: unset !important;\n}\n.pops[type-value=\"iframe\"].pops-iframe-unset-transform {\n  transform: none !important;\n}\n.pops[type-value=\"iframe\"].pops-iframe-unset-transition {\n  transition: none !important;\n}\n.pops[type-value=\"iframe\"].pops[type-module=\"max\"] {\n  width: 100% !important;\n  height: 100% !important;\n}\n.pops[type-value=\"iframe\"] iframe[pops] {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.pops-iframe-content-global-loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 999999;\n  width: 0;\n  height: 4px;\n  background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\n  animation: iframeLoadingChange 2s forwards;\n}\n\n.pops-anim:has(.pops[type-value=\"iframe\"].pops[type-module=\"min\"]) {\n  position: unset;\n}\n";
 
-var tooltipCSS = ".pops-tip {\n\t--pops-bg-opacity: 1;\n\t--tooltip-color: #4e4e4e;\n\t--tooltip-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\t--tooltip-bd-radius: 2px;\n\t--tooltip-box-shadow-left-color: rgba(0, 0, 0, 0.24);\n\t--tooltip-box-shadow-right-color: rgba(0, 0, 0, 0.12);\n\t--tooltip-font-size: 14px;\n\t--tooltip-padding-top: 13px;\n\t--tooltip-padding-right: 13px;\n\t--tooltip-padding-bottom: 13px;\n\t--tooltip-padding-left: 13px;\n\n\t--tooltip-arrow-box-shadow-left-color: rgba(0, 0, 0, 0.24);\n\t--tooltip-arrow-box-shadow-right-color: rgba(0, 0, 0, 0.12);\n\t--tooltip-arrow--after-color: rgb(78, 78, 78);\n\t--tooltip-arrow--after-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\t--tooltip-arrow--after-width: 12px;\n\t--tooltip-arrow--after-height: 12px;\n}\n.pops-tip {\n\tpadding: var(--tooltip-padding-top) var(--tooltip-padding-right) var(--tooltip-padding-bottom)\n\t\tvar(--tooltip-padding-left);\n\tmax-width: 400px;\n\tmax-height: 300px;\n\tborder-radius: var(--tooltip-bd-radius);\n\tbackground-color: var(--tooltip-bg-color);\n\tbox-shadow:\n\t\t0 1.5px 4px var(--tooltip-box-shadow-left-color),\n\t\t0 1.5px 6px var(--tooltip-box-shadow-right-color);\n\tcolor: var(--tooltip-color);\n\tfont-size: var(--tooltip-font-size);\n}\n.pops-tip[data-position=\"absolute\"] {\n\tposition: absolute;\n}\n.pops-tip[data-position=\"fixed\"] {\n\tposition: fixed;\n}\n\n.pops-tip .pops-tip-arrow {\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 50%;\n\toverflow: hidden;\n\twidth: 100%;\n\theight: 12.5px;\n\ttransform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow::after {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 50%;\n\twidth: var(--tooltip-arrow--after-width);\n\theight: var(--tooltip-arrow--after-height);\n\tbackground: var(--tooltip-arrow--after-bg-color);\n\tcolor: var(--tooltip-arrow--after-color);\n\tbox-shadow:\n\t\t0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\n\t\t0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\n\tcontent: \"\";\n\ttransform: translateX(-50%) translateY(-50%) rotate(45deg);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"bottom\"] {\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 50%;\n\toverflow: hidden;\n\twidth: 100%;\n\theight: 12.5px;\n\ttransform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"bottom\"]:after {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 50%;\n\twidth: var(--tooltip-arrow--after-width);\n\theight: var(--tooltip-arrow--after-height);\n\tbackground: var(--tooltip-arrow--after-bg-color);\n\tbox-shadow:\n\t\t0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\n\t\t0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\n\tcontent: \"\";\n\ttransform: translateX(-50%) translateY(-50%) rotate(45deg);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"left\"] {\n\ttop: 50%;\n\tleft: -12.5px;\n\twidth: 12.5px;\n\theight: 50px;\n\ttransform: translateY(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"left\"]:after {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 100%;\n\tcontent: \"\";\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"right\"] {\n\ttop: 50%;\n\tright: -12.5px;\n\tleft: auto;\n\twidth: 12.5px;\n\theight: 50px;\n\ttransform: translateY(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"right\"]:after {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 0;\n\tcontent: \"\";\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"top\"] {\n\ttop: -12.5px;\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"top\"]:after {\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 50%;\n\tcontent: \"\";\n}\n\n.pops-tip[data-motion] {\n\t-webkit-animation-duration: 0.25s;\n\tanimation-duration: 0.25s;\n\t-webkit-animation-fill-mode: forwards;\n\tanimation-fill-mode: forwards;\n}\n.pops-tip[data-motion=\"fadeOutRight\"] {\n\t-webkit-animation-name: pops-motion-fadeOutRight;\n\tanimation-name: pops-motion-fadeOutRight;\n}\n.pops-tip[data-motion=\"fadeInTop\"] {\n\t-webkit-animation-name: pops-motion-fadeInTop;\n\tanimation-name: pops-motion-fadeInTop;\n\tanimation-timing-function: cubic-bezier(0.49, 0.49, 0.13, 1.3);\n}\n.pops-tip[data-motion=\"fadeOutTop\"] {\n\t-webkit-animation-name: pops-motion-fadeOutTop;\n\tanimation-name: pops-motion-fadeOutTop;\n\tanimation-timing-function: cubic-bezier(0.32, 0.37, 0.06, 0.87);\n}\n.pops-tip[data-motion=\"fadeInBottom\"] {\n\t-webkit-animation-name: pops-motion-fadeInBottom;\n\tanimation-name: pops-motion-fadeInBottom;\n}\n.pops-tip[data-motion=\"fadeOutBottom\"] {\n\t-webkit-animation-name: pops-motion-fadeOutBottom;\n\tanimation-name: pops-motion-fadeOutBottom;\n}\n.pops-tip[data-motion=\"fadeInLeft\"] {\n\t-webkit-animation-name: pops-motion-fadeInLeft;\n\tanimation-name: pops-motion-fadeInLeft;\n}\n.pops-tip[data-motion=\"fadeOutLeft\"] {\n\t-webkit-animation-name: pops-motion-fadeOutLeft;\n\tanimation-name: pops-motion-fadeOutLeft;\n}\n.pops-tip[data-motion=\"fadeInRight\"] {\n\t-webkit-animation-name: pops-motion-fadeInRight;\n\tanimation-name: pops-motion-fadeInRight;\n}\n\n/* github的样式 */\n.pops-tip.github-tooltip {\n\t--tooltip-bg-opacity: 1;\n\t--tooltip-color: #ffffff;\n\t--tooltip-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\n\t--tooltip-bd-radius: 6px;\n\t--tooltip-padding-top: 6px;\n\t--tooltip-padding-right: 8px;\n\t--tooltip-padding-bottom: 6px;\n\t--tooltip-padding-left: 8px;\n\n\t--tooltip-arrow--after-color: rgb(255, 255, 255);\n\t--tooltip-arrow--after-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\n\t--tooltip-arrow--after-width: 8px;\n\t--tooltip-arrow--after-height: 8px;\n}\n\n@media (prefers-color-scheme: dark) {\n\t.pops-tip {\n\t\t--tooltip-color: #ffffff;\n\t\t--tooltip-bg-color: #fafafa;\n\t\t--tooltip-arrow--after-color: #fafafa;\n\t\t--tooltip-arrow--after-bg-color: rgb(250, 250, 250, var(--pops-bg-opacity));\n\t}\n}\n";
+var tooltipCSS = ".pops-tip {\n  --pops-bg-opacity: 1;\n  --tooltip-color: #4e4e4e;\n  --tooltip-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --tooltip-bd-radius: 2px;\n  --tooltip-box-shadow-left-color: rgba(0, 0, 0, 0.24);\n  --tooltip-box-shadow-right-color: rgba(0, 0, 0, 0.12);\n  --tooltip-font-size: 14px;\n  --tooltip-padding-top: 13px;\n  --tooltip-padding-right: 13px;\n  --tooltip-padding-bottom: 13px;\n  --tooltip-padding-left: 13px;\n\n  --tooltip-arrow-box-shadow-left-color: rgba(0, 0, 0, 0.24);\n  --tooltip-arrow-box-shadow-right-color: rgba(0, 0, 0, 0.12);\n  --tooltip-arrow--after-color: rgb(78, 78, 78);\n  --tooltip-arrow--after-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --tooltip-arrow--after-width: 12px;\n  --tooltip-arrow--after-height: 12px;\n}\n.pops-tip {\n  padding: var(--tooltip-padding-top) var(--tooltip-padding-right) var(--tooltip-padding-bottom)\n    var(--tooltip-padding-left);\n  max-width: 400px;\n  max-height: 300px;\n  border-radius: var(--tooltip-bd-radius);\n  background-color: var(--tooltip-bg-color);\n  box-shadow:\n    0 1.5px 4px var(--tooltip-box-shadow-left-color),\n    0 1.5px 6px var(--tooltip-box-shadow-right-color);\n  color: var(--tooltip-color);\n  font-size: var(--tooltip-font-size);\n}\n.pops-tip[data-position=\"absolute\"] {\n  position: absolute;\n}\n.pops-tip[data-position=\"fixed\"] {\n  position: fixed;\n}\n\n.pops-tip .pops-tip-arrow {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  overflow: hidden;\n  width: 100%;\n  height: 12.5px;\n  transform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow::after {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: var(--tooltip-arrow--after-width);\n  height: var(--tooltip-arrow--after-height);\n  background: var(--tooltip-arrow--after-bg-color);\n  color: var(--tooltip-arrow--after-color);\n  box-shadow:\n    0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\n    0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\n  content: \"\";\n  transform: translateX(-50%) translateY(-50%) rotate(45deg);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"bottom\"] {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  overflow: hidden;\n  width: 100%;\n  height: 12.5px;\n  transform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"bottom\"]:after {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: var(--tooltip-arrow--after-width);\n  height: var(--tooltip-arrow--after-height);\n  background: var(--tooltip-arrow--after-bg-color);\n  box-shadow:\n    0 1px 7px var(--tooltip-arrow-box-shadow-left-color),\n    0 1px 7px var(--tooltip-arrow-box-shadow-right-color);\n  content: \"\";\n  transform: translateX(-50%) translateY(-50%) rotate(45deg);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"left\"] {\n  top: 50%;\n  left: -12.5px;\n  width: 12.5px;\n  height: 50px;\n  transform: translateY(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"left\"]:after {\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  content: \"\";\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"right\"] {\n  top: 50%;\n  right: -12.5px;\n  left: auto;\n  width: 12.5px;\n  height: 50px;\n  transform: translateY(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"right\"]:after {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  content: \"\";\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"top\"] {\n  top: -12.5px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.pops-tip .pops-tip-arrow[data-position=\"top\"]:after {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  content: \"\";\n}\n\n.pops-tip[data-motion] {\n  -webkit-animation-duration: 0.25s;\n  animation-duration: 0.25s;\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n}\n.pops-tip[data-motion=\"fadeOutRight\"] {\n  -webkit-animation-name: pops-motion-fadeOutRight;\n  animation-name: pops-motion-fadeOutRight;\n}\n.pops-tip[data-motion=\"fadeInTop\"] {\n  -webkit-animation-name: pops-motion-fadeInTop;\n  animation-name: pops-motion-fadeInTop;\n  animation-timing-function: cubic-bezier(0.49, 0.49, 0.13, 1.3);\n}\n.pops-tip[data-motion=\"fadeOutTop\"] {\n  -webkit-animation-name: pops-motion-fadeOutTop;\n  animation-name: pops-motion-fadeOutTop;\n  animation-timing-function: cubic-bezier(0.32, 0.37, 0.06, 0.87);\n}\n.pops-tip[data-motion=\"fadeInBottom\"] {\n  -webkit-animation-name: pops-motion-fadeInBottom;\n  animation-name: pops-motion-fadeInBottom;\n}\n.pops-tip[data-motion=\"fadeOutBottom\"] {\n  -webkit-animation-name: pops-motion-fadeOutBottom;\n  animation-name: pops-motion-fadeOutBottom;\n}\n.pops-tip[data-motion=\"fadeInLeft\"] {\n  -webkit-animation-name: pops-motion-fadeInLeft;\n  animation-name: pops-motion-fadeInLeft;\n}\n.pops-tip[data-motion=\"fadeOutLeft\"] {\n  -webkit-animation-name: pops-motion-fadeOutLeft;\n  animation-name: pops-motion-fadeOutLeft;\n}\n.pops-tip[data-motion=\"fadeInRight\"] {\n  -webkit-animation-name: pops-motion-fadeInRight;\n  animation-name: pops-motion-fadeInRight;\n}\n\n/* github的样式 */\n.pops-tip.github-tooltip {\n  --tooltip-bg-opacity: 1;\n  --tooltip-color: #ffffff;\n  --tooltip-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\n  --tooltip-bd-radius: 6px;\n  --tooltip-padding-top: 6px;\n  --tooltip-padding-right: 8px;\n  --tooltip-padding-bottom: 6px;\n  --tooltip-padding-left: 8px;\n\n  --tooltip-arrow--after-color: rgb(255, 255, 255);\n  --tooltip-arrow--after-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\n  --tooltip-arrow--after-width: 8px;\n  --tooltip-arrow--after-height: 8px;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops-tip {\n    --tooltip-color: #ffffff;\n    --tooltip-bg-color: #fafafa;\n    --tooltip-arrow--after-color: #fafafa;\n    --tooltip-arrow--after-bg-color: rgb(250, 250, 250, var(--pops-bg-opacity));\n  }\n}\n";
 
-var drawerCSS = ".pops[type-value=\"drawer\"] {\n\tposition: fixed;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbox-shadow:\n\t\t0px 16px 48px 16px rgba(0, 0, 0, 0.08),\n\t\t0px 12px 32px rgba(0, 0, 0, 0.12),\n\t\t0px 8px 16px -8px rgba(0, 0, 0, 0.16);\n\toverflow: hidden;\n\ttransition: all 0.3s;\n}\n\n.pops[type-value=\"drawer\"][direction=\"top\"] {\n\twidth: 100%;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n}\n.pops[type-value=\"drawer\"][direction=\"bottom\"] {\n\twidth: 100%;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n}\n.pops[type-value=\"drawer\"][direction=\"left\"] {\n\theight: 100%;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n}\n.pops[type-value=\"drawer\"][direction=\"right\"] {\n\theight: 100%;\n\ttop: 0;\n\tbottom: 0;\n\tright: 0;\n}\n";
+var drawerCSS = ".pops[type-value=\"drawer\"] {\n  position: fixed;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  box-shadow:\n    0px 16px 48px 16px rgba(0, 0, 0, 0.08),\n    0px 12px 32px rgba(0, 0, 0, 0.12),\n    0px 8px 16px -8px rgba(0, 0, 0, 0.16);\n  overflow: hidden;\n  transition: all 0.3s;\n}\n\n.pops[type-value=\"drawer\"][direction=\"top\"] {\n  width: 100%;\n  left: 0;\n  right: 0;\n  top: 0;\n}\n.pops[type-value=\"drawer\"][direction=\"bottom\"] {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.pops[type-value=\"drawer\"][direction=\"left\"] {\n  height: 100%;\n  top: 0;\n  bottom: 0;\n  left: 0;\n}\n.pops[type-value=\"drawer\"][direction=\"right\"] {\n  height: 100%;\n  top: 0;\n  bottom: 0;\n  right: 0;\n}\n";
 
-var folderCSS = ".pops-folder-list {\n\t--folder-arrow-fill-color: #d4d7de;\n\t--folder-arrow-active-fill-color: #06a7ff;\n\t--header-breadcrumb-text-color: #06a7ff;\n\t--header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\n\t--header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\n\t--header-breadcrumb-all-files-last-text-color: #999999;\n\t--table-header-row-text-color: #818999;\n\t--table-body-td-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\n\t--table-body-th-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\n\t--table-body-row-text-color: #05082c;\n\t--table-body-row-file-name-text-color: #05082c;\n\t--table-body-row-hover-bd-color: rgb(245, 246, 247, var(--pops-bg-opacity));\n\t--table-body-row-hover-bg-color: rgb(245, 246, 247, var(--pops-bg-opacity));\n\t--table-body-row-file-name-hover-text-color: #06a7ff;\n\t--table-body-row-content-text-color: #818999;\n}\n.pops-folder-list .cursor-p {\n\tcursor: pointer;\n}\n.pops-folder-list a {\n\tbackground: 0 0;\n\ttext-decoration: none;\n\t-webkit-tap-highlight-color: transparent;\n\tcolor: var(--header-breadcrumb-text-color);\n}\ntable.pops-folder-list-table__body,\ntable.pops-folder-list-table__header {\n\twidth: 100%;\n\ttable-layout: fixed;\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n\tpadding: 0 20px;\n}\ntable.pops-folder-list-table__body,\ntable.pops-folder-list-table__header {\n\theight: 100%;\n\tbackground: 0 0;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\t-ms-flex-direction: column;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n}\ntable.pops-folder-list-table__body {\n\theight: 100%;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n.pops-folder-list table tr {\n\tline-height: normal;\n\talign-content: center;\n}\n.pops-folder-list-table__header-row {\n\theight: 50px;\n\tline-height: normal;\n\talign-content: center;\n\tcolor: var(--table-header-row-text-color);\n\ttext-align: left;\n\tfont-size: 12px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n.pops-folder-list-table__body-row {\n\theight: 50px;\n\tline-height: normal;\n\talign-content: center;\n\tcolor: var(--table-body-row-text-color);\n\tfont-size: 12px;\n}\n.pops-folder-list-table__body-row:hover {\n\tbackground-color: var(--table-body-row-hover-bg-color);\n\tborder-color: var(--table-body-row-hover-bd-color);\n\tborder: 0;\n\toutline: none;\n}\n.pops-folder-list table th {\n\tborder: 0;\n\tborder-bottom: 1px solid var(--table-body-th-text-color);\n}\n.pops-folder-list table td {\n\tborder: 0;\n\tborder-bottom: 1px solid var(--table-body-td-text-color);\n\tposition: relative;\n}\n.pops-folder-list .list-name-text {\n\tdisplay: inline-block;\n\tpadding-left: 12px;\n\tline-height: normal;\n\talign-content: center;\n\tmax-width: 176px;\n}\n.pops-folder-list-file-name > div {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.pops-mobile-folder-list-file-name {\n\tdisplay: flex;\n\talign-items: center;\n}\n.pops-mobile-folder-list-file-name > div {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tpadding: 6px 0px;\n\tflex-direction: column;\n}\n.pops-mobile-folder-list-file-name img.pops-folder-list-file-icon {\n\twidth: 45px;\n\theight: 45px;\n}\n.pops-mobile-folder-list-file-name a.pops-folder-list-file-name-title-text {\n\tpadding-left: unset;\n\tmax-width: 250px;\n\toverflow-x: hidden;\n\tfont-weight: 400;\n\tline-height: unset;\n\tmargin-bottom: 4px;\n\twhite-space: normal;\n\ttext-overflow: unset;\n}\n\n/* 修改滚动 */\n.pops-folder-content {\n\toverflow: hidden !important;\n}\n.pops-folder-content .pops-folder-list {\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.pops-folder-content .pops-folder-list-table__body-div {\n\theight: 100%;\n\tflex: 1 auto;\n\toverflow: auto;\n\tpadding-bottom: 0;\n}\n.pops-mobile-folder-content .pops-folder-list-table__body-div {\n\theight: 100%;\n\tflex: 1 auto;\n\toverflow: auto;\n\tpadding-bottom: 0;\n}\n.pops-folder-content table.pops-folder-list-table__body {\n\toverflow: auto;\n}\n.pops-folder-content .pops-folder-list-table__header-div {\n\tflex: 0;\n}\n.pops-mobile-folder-content .pops-folder-list-table__header-div {\n\tdisplay: none;\n}\n\n.pops-folder-list .pops-folder-list-file-name-title-text {\n\tcolor: var(--table-body-row-file-name-text-color);\n}\n.pops-folder-list .pops-folder-list-file-name-title-text:hover {\n\ttext-decoration: none;\n\tcolor: var(--table-body-row-file-name-hover-text-color);\n}\n.pops-folder-list .text-ellip {\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n}\n.pops-folder-list .content {\n\tcolor: var(--table-body-row-content-text-color);\n\tposition: relative;\n\twidth: 100%;\n\ttext-align: left;\n}\n.pops-folder-list .inline-block-v-middle {\n\tdisplay: inline-block;\n\tvertical-align: middle;\n}\n.pops-folder-list .flex-a-i-center {\n\tdisplay: flex;\n\talign-items: center;\n}\n.pops-folder-list .u-file-icon {\n\tdisplay: inline-block;\n\tvertical-align: middle;\n}\n.pops-folder-list .u-file-icon--list {\n\twidth: 32px;\n\theight: 32px;\n}\n.pops-folder-list .pops-folder-list-file-icon {\n\tline-height: normal;\n\talign-content: center;\n\tposition: relative;\n\tvertical-align: middle;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-primary {\n\tflex: 1;\n\tdisplay: -webkit-box;\n\tdisplay: -webkit-flex;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-align: center;\n\t-webkit-align-items: center;\n\t-ms-flex-align: center;\n\talign-items: center;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t-webkit-flex-direction: row;\n\t-ms-flex-direction: row;\n\tflex-direction: row;\n\tmin-height: 17px;\n\tflex-wrap: wrap;\n}\n.pops-folder-list .pops-folder-list-table__sort {\n\tdisplay: inline-flex;\n\tmargin-left: 4px;\n\tflex-direction: column;\n}\n\n.pops-folder-list .pops-folder-icon-arrow {\n\twidth: 10px;\n\theight: 10px;\n\tfill: var(--folder-arrow-fill-color);\n}\n.pops-folder-list .pops-folder-icon-active {\n\tfill: var(--folder-arrow-active-fill-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb {\n\tpadding: 4px 20px;\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tdisplay: -webkit-box;\n\tdisplay: -webkit-flex;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-align: center;\n\t-webkit-align-items: center;\n\t-ms-flex-align: center;\n\talign-items: center;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t-webkit-flex-direction: row;\n\t-ms-flex-direction: row;\n\tflex-direction: row;\n\t-webkit-box-pack: start;\n\t-webkit-justify-content: start;\n\t-ms-flex-pack: start;\n\tjustify-content: flex-start;\n\tmin-height: 35px;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles {\n\tfont-size: 12px;\n\tcolor: var(--header-breadcrumb-all-files-text-color);\n\tline-height: normal;\n\talign-content: center;\n\tfont-weight: 700;\n\tdisplay: inline-block;\n\tmax-width: 140px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tword-wrap: normal;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:last-child a {\n\tcolor: var(--header-breadcrumb-all-files-last-text-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child a {\n\tfont-size: 14px;\n\tcolor: var(--header-breadcrumb-all-files-first-text-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb .iconArrow {\n\twidth: 16px;\n\theight: 16px;\n}\n.pops-folder-list .iconArrow {\n\tbackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAMAAABYd88+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTOLi4uLi4t7e3uPj49/f397e3t3d3f///97e3vDw8N3d3d7e3t3d3d3d3ejo6N/f397e3t7e3t3d3d/f393d3d3d3RK+NoEAAAAWdFJOUwAnM4YPU/iQA+UIeMDaHhY41i7zX7UebpjFAAAAUElEQVQI15XOORaAIAwE0LATXHCd+x9VfCiksXCq+UUWou8oZ1vXHrt7YVBiYkW4gdMKYFIC4CSATWCNHWPuM6HuHkr1x3N0ZrBu/9gl0b9c3+kF7C7hS1YAAAAASUVORK5CYII=)\n\t\t55% 50%/6px 9px no-repeat;\n}\n\n@media (prefers-color-scheme: dark) {\n\t.pops[type-value=\"folder\"] {\n\t\t--pops-title-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n\t\t--pops-bottom-btn-controls-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n\t}\n\t.pops-folder-list {\n\t\t--header-breadcrumb-text-color: #06a7ff;\n\t\t--header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\n\t\t--header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\n\t\t--header-breadcrumb-all-files-last-text-color: #818999;\n\t\t--table-body-row-text-color: #f7f8fa;\n\t\t--table-body-td-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n\t\t--table-body-th-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n\t\t--table-body-td-text-color: #495366;\n\t\t--table-body-row-hover-bd-color: #1f2022;\n\t\t--table-body-row-hover-bg-color: #1f2022;\n\t\t--table-body-row-file-name-text-color: #f7f8fa;\n\t}\n}\n";
+var folderCSS = ".pops-folder-list {\n  --folder-arrow-fill-color: #d4d7de;\n  --folder-arrow-active-fill-color: #06a7ff;\n  --header-breadcrumb-text-color: #06a7ff;\n  --header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\n  --header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\n  --header-breadcrumb-all-files-last-text-color: #999999;\n  --table-header-row-text-color: #818999;\n  --table-body-td-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\n  --table-body-th-text-color: rgb(247, 248, 250, var(--pops-bg-opacity));\n  --table-body-row-text-color: #05082c;\n  --table-body-row-file-name-text-color: #05082c;\n  --table-body-row-hover-bd-color: rgb(245, 246, 247, var(--pops-bg-opacity));\n  --table-body-row-hover-bg-color: rgb(245, 246, 247, var(--pops-bg-opacity));\n  --table-body-row-file-name-hover-text-color: #06a7ff;\n  --table-body-row-content-text-color: #818999;\n}\n.pops-folder-list .cursor-p {\n  cursor: pointer;\n}\n.pops-folder-list a {\n  background: 0 0;\n  text-decoration: none;\n  -webkit-tap-highlight-color: transparent;\n  color: var(--header-breadcrumb-text-color);\n}\ntable.pops-folder-list-table__body,\ntable.pops-folder-list-table__header {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  border-spacing: 0;\n  padding: 0 20px;\n}\ntable.pops-folder-list-table__body,\ntable.pops-folder-list-table__header {\n  height: 100%;\n  background: 0 0;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  -ms-flex-direction: column;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n}\ntable.pops-folder-list-table__body {\n  height: 100%;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-folder-list table tr {\n  line-height: normal;\n  align-content: center;\n}\n.pops-folder-list-table__header-row {\n  height: 50px;\n  line-height: normal;\n  align-content: center;\n  color: var(--table-header-row-text-color);\n  text-align: left;\n  font-size: 12px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-folder-list-table__body-row {\n  height: 50px;\n  line-height: normal;\n  align-content: center;\n  color: var(--table-body-row-text-color);\n  font-size: 12px;\n}\n.pops-folder-list-table__body-row:hover {\n  background-color: var(--table-body-row-hover-bg-color);\n  border-color: var(--table-body-row-hover-bd-color);\n  border: 0;\n  outline: none;\n}\n.pops-folder-list table th {\n  border: 0;\n  border-bottom: 1px solid var(--table-body-th-text-color);\n}\n.pops-folder-list table td {\n  border: 0;\n  border-bottom: 1px solid var(--table-body-td-text-color);\n  position: relative;\n}\n.pops-folder-list .list-name-text {\n  display: inline-block;\n  padding-left: 12px;\n  line-height: normal;\n  align-content: center;\n  max-width: 176px;\n}\n.pops-folder-list-file-name > div {\n  display: flex;\n  align-items: center;\n}\n\n.pops-mobile-folder-list-file-name {\n  display: flex;\n  align-items: center;\n}\n.pops-mobile-folder-list-file-name > div {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 6px 0px;\n  flex-direction: column;\n}\n.pops-mobile-folder-list-file-name img.pops-folder-list-file-icon {\n  width: 45px;\n  height: 45px;\n}\n.pops-mobile-folder-list-file-name a.pops-folder-list-file-name-title-text {\n  padding-left: unset;\n  max-width: 250px;\n  overflow-x: hidden;\n  font-weight: 400;\n  line-height: unset;\n  margin-bottom: 4px;\n  white-space: normal;\n  text-overflow: unset;\n}\n\n/* 修改滚动 */\n.pops-folder-content {\n  overflow: hidden !important;\n}\n.pops-folder-content .pops-folder-list {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.pops-folder-content .pops-folder-list-table__body-div {\n  height: 100%;\n  flex: 1 auto;\n  overflow: auto;\n  padding-bottom: 0;\n}\n.pops-mobile-folder-content .pops-folder-list-table__body-div {\n  height: 100%;\n  flex: 1 auto;\n  overflow: auto;\n  padding-bottom: 0;\n}\n.pops-folder-content table.pops-folder-list-table__body {\n  overflow: auto;\n}\n.pops-folder-content .pops-folder-list-table__header-div {\n  flex: 0;\n}\n.pops-mobile-folder-content .pops-folder-list-table__header-div {\n  display: none;\n}\n\n.pops-folder-list .pops-folder-list-file-name-title-text {\n  color: var(--table-body-row-file-name-text-color);\n}\n.pops-folder-list .pops-folder-list-file-name-title-text:hover {\n  text-decoration: none;\n  color: var(--table-body-row-file-name-hover-text-color);\n}\n.pops-folder-list .text-ellip {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.pops-folder-list .content {\n  color: var(--table-body-row-content-text-color);\n  position: relative;\n  width: 100%;\n  text-align: left;\n}\n.pops-folder-list .inline-block-v-middle {\n  display: inline-block;\n  vertical-align: middle;\n}\n.pops-folder-list .flex-a-i-center {\n  display: flex;\n  align-items: center;\n}\n.pops-folder-list .u-file-icon {\n  display: inline-block;\n  vertical-align: middle;\n}\n.pops-folder-list .u-file-icon--list {\n  width: 32px;\n  height: 32px;\n}\n.pops-folder-list .pops-folder-list-file-icon {\n  line-height: normal;\n  align-content: center;\n  position: relative;\n  vertical-align: middle;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-primary {\n  flex: 1;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  min-height: 17px;\n  flex-wrap: wrap;\n}\n.pops-folder-list .pops-folder-list-table__sort {\n  display: inline-flex;\n  margin-left: 4px;\n  flex-direction: column;\n}\n\n.pops-folder-list .pops-folder-icon-arrow {\n  width: 10px;\n  height: 10px;\n  fill: var(--folder-arrow-fill-color);\n}\n.pops-folder-list .pops-folder-icon-active {\n  fill: var(--folder-arrow-active-fill-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb {\n  padding: 4px 20px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -webkit-box-pack: start;\n  -webkit-justify-content: start;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n  min-height: 35px;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles {\n  font-size: 12px;\n  color: var(--header-breadcrumb-all-files-text-color);\n  line-height: normal;\n  align-content: center;\n  font-weight: 700;\n  display: inline-block;\n  max-width: 140px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:last-child a {\n  color: var(--header-breadcrumb-all-files-last-text-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child a {\n  font-size: 14px;\n  color: var(--header-breadcrumb-all-files-first-text-color);\n}\n.pops-folder-list .pops-folder-file-list-breadcrumb .iconArrow {\n  width: 16px;\n  height: 16px;\n}\n.pops-folder-list .iconArrow {\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAMAAABYd88+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTOLi4uLi4t7e3uPj49/f397e3t3d3f///97e3vDw8N3d3d7e3t3d3d3d3ejo6N/f397e3t7e3t3d3d/f393d3d3d3RK+NoEAAAAWdFJOUwAnM4YPU/iQA+UIeMDaHhY41i7zX7UebpjFAAAAUElEQVQI15XOORaAIAwE0LATXHCd+x9VfCiksXCq+UUWou8oZ1vXHrt7YVBiYkW4gdMKYFIC4CSATWCNHWPuM6HuHkr1x3N0ZrBu/9gl0b9c3+kF7C7hS1YAAAAASUVORK5CYII=)\n    55% 50%/6px 9px no-repeat;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops[type-value=\"folder\"] {\n    --pops-title-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n    --pops-bottom-btn-controls-border-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n  }\n  .pops-folder-list {\n    --header-breadcrumb-text-color: #06a7ff;\n    --header-breadcrumb-all-files-text-color: var(--header-breadcrumb-text-color);\n    --header-breadcrumb-all-files-first-text-color: var(--header-breadcrumb-text-color);\n    --header-breadcrumb-all-files-last-text-color: #818999;\n    --table-body-row-text-color: #f7f8fa;\n    --table-body-td-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n    --table-body-th-text-color: rgb(73, 83, 102, var(--pops-bg-opacity));\n    --table-body-td-text-color: #495366;\n    --table-body-row-hover-bd-color: #1f2022;\n    --table-body-row-hover-bg-color: #1f2022;\n    --table-body-row-file-name-text-color: #f7f8fa;\n  }\n}\n";
 
-var panelCSS = ".pops[type-value=\"panel\"] {\n\t--pops-bg-color: #f2f2f2;\n\t--pops-color: #333333;\n\t--panel-title-bg-color: #ffffff;\n\n\t--panel-aside-bg-color: #ffffff;\n\t--panel-aside-hover-color: rgb(64, 158, 255);\n\t--panel-aside-hover-bg-color: rgba(64, 158, 255, 0.1);\n\n\t--pops-panel-forms-margin-top-bottom: 10px;\n\t--pops-panel-forms-margin-left-right: 20px;\n\t--pops-panel-forms-header-icon-size: calc(var(--pops-panel-forms-container-li-padding-left-right) + 1px);\n\t--pops-panel-forms-header-padding-top-bottom: 15px;\n\t--pops-panel-forms-header-padding-left-right: 10px;\n\t--pops-panel-forms-container-item-left-text-gap: 6px;\n\t--pops-panel-forms-container-item-left-desc-text-size: 0.8em;\n\t--pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\n\t--pops-panel-forms-container-item-bg-color: #ffffff;\n\t--pops-panel-forms-container-item-title-color: #333;\n\t--pops-panel-forms-container-item-border-radius: 6px;\n\t--pops-panel-forms-container-item-margin-top-bottom: 10px;\n\t--pops-panel-forms-container-item-margin-left-right: var(--pops-panel-forms-margin-left-right);\n\t--pops-panel-forms-container-li-border-color: var(--pops-bd-color);\n\t--pops-panel-forms-container-li-padding-top-bottom: 12px;\n\t--pops-panel-forms-container-li-padding-left-right: 16px;\n\n\t--pops-panel-forms-container-deepMenu-item-active-bg: #e9e9e9;\n}\n.pops[type-value=\"panel\"] {\n\tcolor: var(--pops-color);\n\tbackground: var(--pops-bg-color);\n}\n.pops[type-value] .pops-panel-title {\n\tbackground: var(--panel-title-bg-color);\n}\n\n/* ↓panel的CSS↓ */\n/* 左侧的列表 */\naside.pops-panel-aside {\n\tbox-sizing: border-box;\n\tflex-shrink: 0;\n\tmax-width: 200px;\n\tmin-width: 100px;\n\theight: 100%;\n\tbackground: var(--panel-aside-bg-color);\n\tborder-right: 1px solid var(--panel-aside-bg-color);\n\tfont-size: 0.9em;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n}\naside.pops-panel-aside {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n}\naside.pops-panel-aside .pops-panel-aside-top-container {\n\toverflow: auto;\n}\naside.pops-panel-aside ul li {\n\tmargin: 6px 8px;\n\tborder-radius: 4px;\n\tpadding: 6px 10px;\n\tcursor: default;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n}\naside.pops-panel-aside .pops-is-visited,\naside.pops-panel-aside ul li:not(.pops-panel-disabled-aside-hover-css):hover {\n\tcolor: var(--panel-aside-hover-color);\n\tbackground: var(--panel-aside-hover-bg-color);\n}\n/* 左侧的列表 */\n\n.pops-panel-content {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex: 1;\n\toverflow: auto;\n\tflex-basis: auto;\n\tbox-sizing: border-box;\n\tmin-width: 0;\n\tbottom: 0 !important;\n}\n\n.pops-panel-section-wrapper {\n\twidth: 100%;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\nsection.pops-panel-container {\n\twidth: 100%;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: column;\n}\nsection.pops-panel-container .pops-panel-container-header-ul,\nsection.pops-panel-container .pops-panel-deepMenu-container-header-ul {\n\tborder-bottom: 1px solid rgba(223, 223, 223, var(--pops-bg-opacity));\n\tflex: 0 auto;\n}\nsection.pops-panel-container .pops-panel-container-header-ul li,\nsection.pops-panel-container .pops-panel-container-header-ul li.pops-panel-container-header-title-text {\n\tdisplay: flex;\n\tjustify-content: flex-start !important;\n\tmargin: 0px !important;\n\tpadding: var(--pops-panel-forms-header-padding-top-bottom)\n\t\tcalc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right));\n\ttext-align: left;\n}\nsection.pops-panel-container ul.pops-panel-container-main-ul {\n\toverflow: auto;\n\t/*flex: 1;*/\n}\nsection.pops-panel-container > ul li:not(.pops-panel-forms-container-item) {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tmargin: var(--pops-panel-forms-margin-top-bottom)\n\t\tcalc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-margin-left-right));\n\tgap: 10px;\n}\nsection.pops-panel-container .pops-panel-forms-container-item-header-text {\n\tmargin: 10px;\n\tmargin-left: calc(\n\t\tvar(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right)\n\t);\n\tfont-size: 0.9em;\n\ttext-align: left;\n\tcolor: var(--pops-panel-forms-container-item-title-color);\n}\nsection.pops-panel-container li.pops-panel-forms-container-item {\n\t/* 去除<li>左侧的圆点 */\n\tdisplay: block;\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist {\n\tborder-radius: var(--pops-panel-forms-container-item-border-radius);\n\tbackground: var(--pops-panel-forms-container-item-bg-color);\n\tmargin: var(--pops-panel-forms-container-item-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist li {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom)\n\t\tvar(--pops-panel-forms-container-li-padding-left-right);\n\tmargin: 0px 0px;\n\tborder-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\n\ttext-align: left;\n}\n/*section.pops-panel-container\n\t.pops-panel-forms-container-item\n\tul\n\tli.pops-panel-deepMenu-nav-item {\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px;\n\tmargin: 0px var(--pops-panel-forms-container-li-padding-left-right);\n\tborder-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\n}*/\nsection.pops-panel-container\n\t.pops-panel-forms-container-item\n\tul.pops-panel-forms-container-item-formlist\n\tli:last-child {\n\tborder: 0px;\n}\n/* 左侧的文字 */\nsection.pops-panel-container .pops-panel-item-left-text {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--pops-panel-forms-container-item-left-text-gap);\n}\n\n/* 左侧的主文字 */\n/*section.pops-panel-container .pops-panel-item-left-main-text {\n\t\n}*/\n/* 左侧的描述文字 */\nsection.pops-panel-container .pops-panel-item-left-desc-text {\n\tfont-size: var(--pops-panel-forms-container-item-left-desc-text-size);\n\tcolor: var(--pops-panel-forms-container-item-left-desc-text-color);\n}\n\n/* 折叠面板 */\nsection.pops-panel-container .pops-panel-forms-fold {\n\tborder-radius: var(--pops-panel-forms-container-item-border-radius);\n\tbackground: var(--pops-panel-forms-container-item-bg-color);\n\tmargin: var(--pops-panel-forms-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container {\n\tdisplay: flex;\n\talign-items: center;\n\tfill: #6c6c6c;\n\tjustify-content: space-between;\n\tmargin: 0px var(--pops-panel-forms-container-li-padding-left-right) !important;\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px !important;\n}\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-fold-container-icon {\n\ttransform: rotate(90deg);\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container-icon {\n\twidth: 15px;\n\theight: 15px;\n\tdisplay: flex;\n\talign-items: center;\n\ttransform: rotate(-90deg);\n\ttransition: transform 0.3s;\n}\n/* 折叠状态 */\nsection.pops-panel-container\n\t.pops-panel-forms-fold[data-fold-enable]\n\t.pops-panel-forms-container-item-formlist {\n\theight: 0;\n}\n/* 非折叠状态 */\nsection.pops-panel-container .pops-panel-forms-fold ul.pops-panel-forms-container-item-formlist {\n\tmargin: 0;\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-container-item-formlist {\n\ttransition: height 0.3s;\n\toverflow: hidden;\n\tborder-radius: unset;\n\tbackground: unset;\n\tmargin: 0;\n\theight: calc-size(auto, size);\n}\n/* 折叠面板 */\n\n/* 姑且认为小于600px的屏幕为移动端 */\n@media (max-width: 600px) {\n\t/* 兼容移动端CSS */\n\t.pops[type-value=\"panel\"] {\n\t\t--pops-panel-forms-margin-left-right: 10px;\n\t}\n\t.pops[type-value=\"panel\"] {\n\t\twidth: 92%;\n\t\twidth: 92vw;\n\t\twidth: 92dvw;\n\t}\n\t.pops[type-value=\"panel\"] .pops-panel-content aside.pops-panel-aside {\n\t\tmax-width: 20%;\n\t\tmin-width: auto;\n\t}\n\t.pops[type-value=\"panel\"] section.pops-panel-container .pops-panel-forms-container-item > div {\n\t\ttext-align: left;\n\t\t--pops-panel-forms-margin-left-right: 0px;\n\t}\n\t.pops[type-value=\"panel\"] section.pops-panel-container .pops-panel-forms-container-item ul {\n\t\tmargin: 0px !important;\n\t}\n\t.pops[type-value=\"panel\"] section.pops-panel-container > ul > li {\n\t\tmargin: 10px 10px;\n\t}\n\t.pops[type-value=\"panel\"] section.pops-panel-container > ul > li div:nth-child(2) {\n\t\tmax-width: 55%;\n\t}\n\t.pops[type-value=\"panel\"] section.pops-panel-container .pops-panel-select select {\n\t\tmin-width: 88px !important;\n\t\twidth: -webkit-fill-available;\n\t\twidth: -moz-available;\n\t}\n\t.pops[type-value=\"panel\"] section.pops-panel-container .pops-panel-container-header-ul li {\n\t\tfont-size: 16px;\n\t}\n\t.pops[type-value=\"panel\"] .pops-panel-title p[pops],\n\t.pops[type-value=\"panel\"] section.pops-panel-container > ul li,\n\t.pops[type-value=\"panel\"] aside.pops-panel-aside ul li {\n\t\tfont-size: 14px;\n\t}\n}\n/* switch的CSS */\n.pops-panel-switch {\n\t--panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n\t--panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n\t--panel-switch-circle-color: #dcdfe6;\n\t--panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\t--panel-switch-checked-circle-color: #409eff;\n\t--panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\n\t--panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\n}\n.pops-panel-switch {\n\tdisplay: inline-flex;\n\tflex-direction: row-reverse;\n\talign-items: center;\n\tposition: relative;\n\tfont-size: 14px;\n\tline-height: normal;\n\talign-content: center;\n\theight: 32px;\n\tvertical-align: middle;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n\t-moz-user-select: none;\n}\n.pops-panel-switch input.pops-panel-switch__input {\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\topacity: 0;\n\tmargin: 0;\n}\n.pops-panel-switch:has(input.pops-panel-switch__input:disabled),\n.pops-panel-switch[data-disabled],\n.pops-panel-switch[data-disabled] .pops-panel-switch__core,\n.pops-panel-switch input.pops-panel-switch__input:disabled + .pops-panel-switch__core {\n\tcursor: not-allowed;\n\topacity: 0.6;\n}\n.pops-panel-switch span.pops-panel-switch__core {\n\tdisplay: inline-flex;\n\tposition: relative;\n\talign-items: center;\n\tmin-width: 40px;\n\theight: 20px;\n\tborder: 1px solid var(--panel-switch-core-bd-color);\n\toutline: 0;\n\tborder-radius: 10px;\n\tbox-sizing: border-box;\n\tbackground: var(--panel-switch-core-bg-color);\n\tcursor: pointer;\n\ttransition:\n\t\tborder-color 0.3s,\n\t\tbackground-color 0.3s;\n}\n.pops-panel-switch .pops-panel-switch__action {\n\tposition: absolute;\n\tleft: 1px;\n\tborder-radius: 100%;\n\ttransition: all 0.3s;\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: var(--panel-switch-circle-bg-color);\n\tcolor: var(--panel-switch-circle-color);\n}\n.pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core {\n\tborder-color: var(--panel-switch-checked-core-bd-color);\n\tbackground-color: var(--panel-switch-checked-core-bg-color);\n}\n.pops-panel-switch.pops-panel-switch-is-checked .pops-panel-switch__action {\n\tleft: calc(100% - 17px);\n\tcolor: var(--panel-switch-checked-circle-color);\n}\n/* switch的CSS */\n\n/* slider旧的CSS */\nsection.pops-panel-container .pops-panel-slider:has(> input[type=\"range\"]) {\n\toverflow: hidden;\n\theight: 25px;\n\tline-height: normal;\n\talign-content: center;\n\tdisplay: flex;\n\talign-items: center;\n}\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"] {\n\theight: 6px;\n\tbackground: rgb(228, 231, 237, var(--pops-bg-opacity));\n\toutline: 0;\n\t-webkit-appearance: none;\n\tappearance: none;\n\twidth: 100%;\n}\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"]::-webkit-slider-thumb {\n\twidth: 20px;\n\theight: 20px;\n\tborder-radius: 50%;\n\tborder: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\tbox-shadow:\n\t\t0 0 2px rgba(0, 0, 0, 0.3),\n\t\t0 3px 5px rgba(0, 0, 0, 0.2);\n\tcursor: pointer;\n\t-webkit-appearance: none;\n\tappearance: none;\n\tborder-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\n}\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"]::-moz-range-thumb {\n\twidth: 20px;\n\theight: 20px;\n\tborder-radius: 50%;\n\tborder: 1px solid rgb(64, 159, 255, var(--pops-bd-opacity));\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\tbox-shadow:\n\t\t0 0 2px rgba(0, 0, 0, 0.3),\n\t\t0 3px 5px rgba(0, 0, 0, 0.2);\n\tcursor: pointer;\n\t-webkit-appearance: none;\n\tappearance: none;\n}\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"]::-moz-range-progress {\n\theight: 6px;\n\tborder-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\n}\n/* slider旧的CSS */\n\n/* slider的CSS */\n.pops-slider {\n\t--pops-slider-color-white: #ffffff;\n\t--pops-slider-color-primary: #409eff;\n\t--pops-slider-color-info: #909399;\n\t--pops-slider-text-color-placeholder: #a8abb2;\n\t--pops-slider-border-color-light: #e4e7ed;\n\t--pops-slider-border-radius-circle: 100%;\n\t--pops-slider-transition-duration-fast: 0.2s;\n\n\t--pops-slider-main-bg-color: var(--pops-slider-color-primary);\n\t--pops-slider-runway-bg-color: var(--pops-slider-border-color-light);\n\t--pops-slider-stop-bg-color: var(--pops-slider-color-white);\n\t--pops-slider-disabled-color: var(--pops-slider-text-color-placeholder);\n\t--pops-slider-border-radius: 3px;\n\t--pops-slider-height: 6px;\n\t--pops-slider-button-size: 20px;\n\t--pops-slider-button-wrapper-size: 36px;\n\t--pops-slider-button-wrapper-offset: -15px;\n}\n\n.pops-slider {\n\twidth: 100%;\n\theight: 32px;\n\tdisplay: flex;\n\talign-items: center;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n\t-moz-user-select: none;\n}\n\n.pops-slider-width {\n\tflex: 0 0 52%;\n\tmargin-left: 10px;\n}\n\n.pops-slider__runway {\n\tflex: 1;\n\theight: var(--pops-slider-height);\n\tbackground-color: var(--pops-slider-runway-bg-color);\n\tborder-radius: var(--pops-slider-border-radius);\n\tposition: relative;\n\tcursor: pointer;\n}\n\n.pops-slider__runway.show-input {\n\tmargin-right: 30px;\n\twidth: auto;\n}\n\n.pops-slider__runway.pops-slider-is-disabled {\n\tcursor: default;\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__bar {\n\tbackground-color: var(--pops-slider-disabled-color);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button {\n\tborder-color: var(--pops-slider-disabled-color);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n\tcursor: not-allowed;\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n\ttransform: scale(1);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n\tcursor: not-allowed;\n}\n\n.pops-slider__input {\n\tflex-shrink: 0;\n\twidth: 130px;\n}\n\n.pops-slider__bar {\n\theight: var(--pops-slider-height);\n\tbackground-color: var(--pops-slider-main-bg-color);\n\tborder-top-left-radius: var(--pops-slider-border-radius);\n\tborder-bottom-left-radius: var(--pops-slider-border-radius);\n\tposition: absolute;\n}\n\n.pops-slider__button-wrapper {\n\theight: var(--pops-slider-button-wrapper-size);\n\twidth: var(--pops-slider-button-wrapper-size);\n\tposition: absolute;\n\tz-index: 1;\n\ttop: var(--pops-slider-button-wrapper-offset);\n\ttransform: translate(-50%);\n\tbackground-color: transparent;\n\ttext-align: center;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tline-height: normal;\n\toutline: none;\n}\n\n.pops-slider__button-wrapper:after {\n\tdisplay: inline-block;\n\tcontent: \"\";\n\theight: 100%;\n\tvertical-align: middle;\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover {\n\tcursor: grab;\n}\n\n.pops-slider__button {\n\tdisplay: inline-block;\n\twidth: var(--pops-slider-button-size);\n\theight: var(--pops-slider-button-size);\n\tvertical-align: middle;\n\tborder: solid 2px var(--pops-slider-main-bg-color);\n\tbackground-color: var(--pops-slider-color-white);\n\tborder-radius: 50%;\n\tbox-sizing: border-box;\n\ttransition: var(--pops-slider-transition-duration-fast);\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover,\n.pops-slider__button.dragging {\n\ttransform: scale(1.2);\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover {\n\tcursor: grab;\n}\n\n.pops-slider__button.dragging {\n\tcursor: grabbing;\n}\n\n.pops-slider__stop {\n\tposition: absolute;\n\theight: var(--pops-slider-height);\n\twidth: var(--pops-slider-height);\n\tborder-radius: var(--pops-slider-border-radius-circle);\n\tbackground-color: var(--pops-slider-stop-bg-color);\n\ttransform: translate(-50%);\n}\n\n.pops-slider__marks {\n\ttop: 0;\n\tleft: 12px;\n\twidth: 18px;\n\theight: 100%;\n}\n\n.pops-slider__marks-text {\n\tposition: absolute;\n\ttransform: translate(-50%);\n\tfont-size: 14px;\n\tcolor: var(--pops-slider-color-info);\n\tmargin-top: 15px;\n\twhite-space: pre;\n}\n\n.pops-slider.is-vertical {\n\tposition: relative;\n\tdisplay: inline-flex;\n\twidth: auto;\n\theight: 100%;\n\tflex: 0;\n}\n\n.pops-slider.is-vertical .pops-slider__runway {\n\twidth: var(--pops-slider-height);\n\theight: 100%;\n\tmargin: 0 16px;\n}\n\n.pops-slider.is-vertical .pops-slider__bar {\n\twidth: var(--pops-slider-height);\n\theight: auto;\n\tborder-radius: 0 0 3px 3px;\n}\n\n.pops-slider.is-vertical .pops-slider__button-wrapper {\n\ttop: auto;\n\tleft: var(--pops-slider-button-wrapper-offset);\n\ttransform: translateY(50%);\n}\n\n.pops-slider.is-vertical .pops-slider__stop {\n\ttransform: translateY(50%);\n}\n\n.pops-slider.is-vertical .pops-slider__marks-text {\n\tmargin-top: 0;\n\tleft: 15px;\n\ttransform: translateY(50%);\n}\n\n.pops-slider--large {\n\theight: 40px;\n}\n\n.pops-slider--small {\n\theight: 24px;\n}\n/* slider的CSS */\n\n/* input的CSS */\n.pops-panel-input {\n\t--el-disabled-text-color: #a8abb2;\n\t--el-disabled-bg-color: #f5f7fa;\n\t--el-disabled-border-color: #e4e7ed;\n\n\t--pops-panel-components-input-text-color: #000000;\n\t--pops-panel-components-input-text-bg-color: transparent;\n\t--pops-panel-components-input-text-default-padding: 8px;\n\t--pops-panel-components-input-bd-color: #dcdfe6;\n\t--pops-panel-components-input-bg-color: #ffffff;\n\t--pops-panel-components-input-hover-bd-color: #c0c4cc;\n\t--pops-panel-components-input-focus-bd-color: #409eff;\n\t--pops-panel-components-input-suffix-color: #a8abb2;\n\t--pops-panel-components-input-suffix-bg-color: #ffffff;\n}\n.pops-panel-input {\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid var(--pops-panel-components-input-bd-color);\n\tborder-radius: 4px;\n\tbackground-color: var(--pops-panel-components-input-bg-color);\n\tposition: relative;\n\tbox-shadow: none;\n}\n.pops-panel-input:hover {\n\tborder: 1px solid var(--pops-panel-components-input-hover-bd-color);\n}\n.pops-panel-input:has(input:disabled):hover {\n\t--pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\n}\n.pops-panel-input:has(input:focus) {\n\toutline: 0;\n\tborder: 1px solid var(--pops-panel-components-input-focus-bd-color);\n\tborder-radius: 4px;\n\tbox-shadow: none;\n}\n.pops-panel-input input {\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\ttext-align: start;\n\talign-items: center;\n\talign-content: center;\n\twhite-space: nowrap;\n\tcursor: text;\n\tbox-sizing: border-box;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tvertical-align: middle;\n\t-webkit-appearance: none;\n\tappearance: none;\n\tcolor: var(--pops-panel-components-input-text-color);\n\tbackground-color: var(--pops-panel-components-input-text-bg-color);\n\toutline: 0;\n\ttransition: 0.1s;\n\tborder: 0;\n\tfont-size: 14px;\n\tfont-weight: 500;\n\tline-height: normal;\n\theight: 32px;\n\twidth: 100%;\n\tflex: 1;\n\t/*margin-right: calc(1em + 8px);*/\n\tmargin: 0px;\n\tpadding: var(--pops-panel-components-input-text-default-padding);\n}\n.pops-panel-input span.pops-panel-input__suffix {\n\tdisplay: inline-flex;\n\twhite-space: nowrap;\n\tflex-shrink: 0;\n\tflex-wrap: nowrap;\n\theight: 100%;\n\ttext-align: center;\n\tcolor: var(--pops-panel-components-input-suffix-color);\n\tbackground: var(--pops-panel-components-input-suffix-bg-color);\n\ttransition: all 0.3s;\n\tpointer-events: none;\n\tpadding: 0 8px;\n\tposition: absolute;\n\tright: 0px;\n\tborder-top-right-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\tborder: 1px solid transparent;\n}\n.pops-panel-input span.pops-panel-input__suffix-inner {\n\tpointer-events: all;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n/* 如果包含清空图标的按钮，则默认隐藏清空图标，当:hover、:focus、:focus-within、:active时显示清空图标 */\n.pops-panel-input span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]) {\n\tdisplay: none;\n}\n.pops-panel-input:hover span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]),\n.pops-panel-input:focus span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]),\n.pops-panel-input:focus-within span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]),\n.pops-panel-input:active span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]) {\n\tdisplay: inline-flex;\n}\n.pops-panel-input .pops-panel-icon {\n\tcursor: pointer;\n}\n.pops-panel-input .pops-panel-icon {\n\theight: inherit;\n\tline-height: normal;\n\talign-content: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\ttransition: all 0.3s;\n}\n.pops-panel-input .pops-panel-icon svg {\n\theight: 1em;\n\twidth: 1em;\n}\n\n.pops-input-disabled {\n\tbackground-color: var(--pops-components-is-disabled-bg-color);\n}\n.pops-panel-input.pops-input-disabled:hover {\n\t--pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\n}\n.pops-panel-input input:disabled,\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tcolor: var(--el-disabled-text-color);\n\t-webkit-text-fill-color: var(--el-disabled-text-color);\n\tcursor: not-allowed;\n}\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\n\tdisplay: none;\n}\n/* input的CSS */\n\n/* textarea的CSS */\n.pops-panel-textarea {\n\t--pops-panel-components-textarea-text-color: #000000;\n\t--pops-panel-components-textarea-text-bg-color: #ffffff;\n\t--pops-panel-components-textarea-bd-color: #dcdfe6;\n\t--pops-panel-components-textarea-hover-bd-color: #c0c4cc;\n\t--pops-panel-components-textarea-focus-bd-color: #409eff;\n}\n.pops-panel-textarea textarea {\n\twidth: 100%;\n\t/*vertical-align: bottom;*/\n\tposition: relative;\n\tdisplay: block;\n\tresize: none;\n\tpadding: 5px 11px;\n\t/*line-height: 1;*/\n\tbox-sizing: border-box;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tcolor: var(--pops-panel-components-textarea-text-color);\n\tbackground-color: var(--pops-panel-components-textarea-text-bg-color);\n\tbackground-image: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\tbox-shadow: none;\n\tborder-radius: 0;\n\ttransition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n\tborder: 1px solid var(--pops-panel-components-textarea-bd-color);\n}\n.pops-panel-textarea textarea:hover {\n\tborder-color: var(--pops-panel-components-textarea-hover-bd-color);\n}\n.pops-panel-textarea:has(textarea:disabled):hover {\n\t--pops-panel-components-textarea-hover-bd-color: var(--pops-panel-components-textarea-bd-color);\n}\n.pops-panel-textarea-disable {\n\t--pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color) !important;\n\t--pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\n}\n.pops-panel-textarea-disable textarea {\n\tcursor: not-allowed;\n}\n.pops-panel-textarea textarea:focus {\n\toutline: 0;\n\tborder-color: var(--pops-panel-components-textarea-focus-bd-color);\n}\n/* textarea的CSS */\n\n/* select的CSS */\n.pops-panel-select {\n\t--pops-panel-components-select-text-color: #000000;\n\t--pops-panel-components-select-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\n\t--pops-panel-components-select-hover-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\n\t--pops-panel-components-select-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n}\n.pops-panel-select {\n\tborder: 0;\n}\n.pops-panel-select select {\n\theight: 32px;\n\tline-height: normal;\n\talign-content: center;\n\tmin-width: 200px;\n\tborder: 1px solid var(--pops-panel-components-select-bd-color);\n\tborder-radius: 5px;\n\ttext-align: center;\n\toutline: 0;\n\tcolor: var(--pops-panel-components-select-text-color);\n\tbackground-color: var(--pops-panel-components-select-bg-color);\n\tbox-shadow: none;\n}\n.pops-panel-select select:hover {\n\tborder: 1px solid var(--pops-panel-components-select-hover-bd-color);\n}\n.pops-panel-select-disable {\n\t--pops-panel-components-select-text-color: var(--pops-components-is-disabled-text-color);\n\t--pops-panel-components-select-bg-color: var(--pops-components-is-disabled-bg-color);\n}\n.pops-panel-select-disable select {\n\tcursor: not-allowed;\n}\n.pops-panel-select-disable select:hover {\n\tbox-shadow: none;\n\t--pops-panel-components-select-hover-bd-color: var(--pops-panel-components-select-bd-color);\n}\n.pops-panel-select select:focus {\n\tborder: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\n\tbox-shadow: none;\n}\n/* select的CSS */\n\n/* select-multiple的CSS*/\n.pops-panel-select-multiple {\n\t--el-border-radius-base: 4px;\n\t--el-fill-color-blank: #ffffff;\n\t--el-transition-duration: 0.3s;\n\t--el-border-color: #cbcbcb;\n\t--el-text-color-placeholder: #a8abb2;\n\t--color: inherit;\n\t--el-select-input-color: #a8abb2;\n\t--el-select-input-font-size: 14px;\n\t--el-text-color-regular: #606266;\n\t--el-color-info: #909399;\n\t--el-color-info-light-9: #f4f4f5;\n\t--el-color-info-light-8: #e9e9eb;\n\t--el-color-primary-light-9: #ecf5ff;\n\t--el-color-primary-light-8: #d9ecff;\n\t--el-color-primary: #409eff;\n\t--el-color-white: #ffffff;\n\twidth: 200px;\n}\n.pops-panel-select-multiple .el-select__wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\ttext-align: left;\n\tfont-size: 14px;\n\tpadding: 4px 12px;\n\tgap: 6px;\n\tmin-height: 32px;\n\tline-height: normal;\n\talign-content: center;\n\tborder-radius: var(--el-border-radius-base);\n\tbackground-color: var(--el-fill-color-blank);\n\ttransition: var(--el-transition-duration);\n\ttransform: translateZ(0);\n\tborder: 1px solid var(--el-border-color);\n}\n.pops-panel-select-multiple .el-select__wrapper.is-focused {\n\t--el-border-color: var(--el-color-primary);\n}\n.pops-panel-select-multiple .el-select__selection {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tflex: 1;\n\tmin-width: 0;\n\tgap: 6px;\n}\n.pops-panel-select-multiple .el-select__selected-item {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n.pops-panel-select-multiple .el-select__selected-item.el-select__choose_tag .el-tag {\n\tmax-width: 200px;\n}\n.pops-panel-select-multiple .el-select__input-wrapper {\n\tmax-width: 100%;\n}\n.pops-panel-select-multiple .el-select__selection.is-near {\n\tmargin-left: -8px;\n}\n.pops-panel-select-multiple .el-select__placeholder {\n\tposition: absolute;\n\tdisplay: block;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tcolor: var(--el-input-text-color, var(--el-text-color-regular));\n}\n.pops-panel-select-multiple .el-select__placeholder.is-transparent {\n\t-webkit-user-select: none;\n\tuser-select: none;\n\tcolor: var(--el-text-color-placeholder);\n}\n.pops-panel-select-multiple .el-select__prefix,\n.pops-panel-select-multiple .el-select__suffix {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-shrink: 0;\n\tgap: 6px;\n\tcolor: var(--el-input-icon-color, var(--el-text-color-placeholder));\n}\n.pops-panel-select-multiple .el-icon {\n\t--color: inherit;\n\theight: 1em;\n\twidth: 1em;\n\tline-height: normal;\n\talign-content: center;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: relative;\n\tfill: currentColor;\n\tcolor: var(--color);\n\tfont-size: inherit;\n}\n.pops-panel-select-multiple .el-icon svg {\n\theight: 1em;\n\twidth: 1em;\n}\n.pops-panel-select-multiple .el-select__caret {\n\tcolor: var(--el-select-input-color);\n\tfont-size: var(--el-select-input-font-size);\n\ttransition: var(--el-transition-duration);\n\ttransform: rotate(0);\n\tcursor: pointer;\n}\n.pops-panel-select-multiple .el-tag {\n\t--el-tag-font-size: 12px;\n\t--el-tag-border-radius: 4px;\n\t--el-tag-border-radius-rounded: 9999px;\n}\n.pops-panel-select-multiple .el-tag {\n\tbackground-color: var(--el-tag-bg-color);\n\tborder-color: var(--el-tag-border-color);\n\tcolor: var(--el-tag-text-color);\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tvertical-align: middle;\n\theight: 24px;\n\tpadding: 0 9px;\n\tfont-size: var(--el-tag-font-size);\n\tline-height: normal;\n\talign-content: center;\n\tborder-width: 1px;\n\tborder-style: solid;\n\tborder-radius: var(--el-tag-border-radius);\n\tbox-sizing: border-box;\n\twhite-space: nowrap;\n\t--el-icon-size: 14px;\n\t--el-tag-bg-color: var(--el-color-primary-light-9);\n\t--el-tag-border-color: var(--el-color-primary-light-8);\n\t--el-tag-hover-color: var(--el-color-primary);\n}\n.pops-panel-select-multiple .el-select__selection .el-tag {\n\tcursor: pointer;\n\tborder-color: transparent;\n}\n.pops-panel-select-multiple .el-tag.el-tag--info {\n\t--el-tag-bg-color: var(--el-color-info-light-9);\n\t--el-tag-border-color: var(--el-color-info-light-8);\n\t--el-tag-hover-color: var(--el-color-info);\n}\n.pops-panel-select-multiple .el-tag.el-tag--info {\n\t--el-tag-text-color: var(--el-color-info);\n}\n.pops-panel-select-multiple .el-tag.is-closable {\n\tpadding-right: 5px;\n}\n.pops-panel-select-multiple .el-select__selection .el-tag .el-tag__content {\n\tmin-width: 0;\n}\n.pops-panel-select-multiple .el-tag .el-tag__close {\n\tflex-shrink: 0;\n\tcolor: var(--el-tag-text-color);\n}\n.pops-panel-select-multiple .el-tag .el-tag__close:hover {\n\tcolor: var(--el-color-white);\n\tbackground-color: var(--el-tag-hover-color);\n}\n.pops-panel-select-multiple .el-tag .el-icon {\n\tborder-radius: 50%;\n\tcursor: pointer;\n\tfont-size: calc(var(--el-icon-size) - 2px);\n\theight: var(--el-icon-size);\n\twidth: var(--el-icon-size);\n}\n.pops-panel-select-multiple .el-tag .el-tag__close {\n\tmargin-left: 6px;\n}\n.pops-panel-select-multiple .el-select__tags-text {\n\tdisplay: block;\n\tline-height: normal;\n\talign-content: center;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n.pops-panel-select-multiple-disable {\n\t--el-fill-color-blank: #f5f7fa;\n\t--color: #a8abb2;\n\t--el-border-color: #cbcbcb;\n}\n.pops-panel-select-multiple-disable .el-tag.el-tag--info {\n\t--el-tag-bg-color: #e7e7e7;\n\t--el-tag-text-color: var(--pops-components-is-disabled-text-color);\n}\n.pops-panel-select-multiple-disable .el-select__selection .el-tag,\n.pops-panel-select-multiple-disable .el-tag .el-tag__close:hover,\n.pops-panel-select-multiple-disable .el-select__wrapper,\n.pops-panel-select-multiple-disable .el-select__caret {\n\tcursor: not-allowed;\n}\n/* select-multiple的CSS*/\n\n/* deepMenu的css */\n.pops-panel-deepMenu-nav-item {\n\tcursor: pointer;\n}\n.pops-panel-deepMenu-nav-item:active {\n\tbackground: var(--pops-panel-forms-container-deepMenu-item-active-bg);\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:active {\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom)\n\t\tvar(--pops-panel-forms-container-li-padding-left-right);\n\tmargin: 0px;\n}\n/* 去除上个兄弟item的底部边框颜色 */\nsection.pops-panel-container\n\t.pops-panel-forms-container-item\n\tul\n\tli:has(+ .pops-panel-deepMenu-nav-item:active) {\n\tborder-bottom: 1px solid transparent;\n}\n/* 第一个和最后一个跟随圆角 */\nsection.pops-panel-container\n\t.pops-panel-forms-container-item\n\tul\n\tli.pops-panel-deepMenu-nav-item:first-child:active {\n\tborder-top-left-radius: var(--pops-panel-forms-container-item-border-radius);\n\tborder-top-right-radius: var(--pops-panel-forms-container-item-border-radius);\n}\nsection.pops-panel-container\n\t.pops-panel-forms-container-item\n\tul\n\tli.pops-panel-deepMenu-nav-item:last-child:active {\n\tborder-bottom-left-radius: var(--pops-panel-forms-container-item-border-radius);\n\tborder-bottom-right-radius: var(--pops-panel-forms-container-item-border-radius);\n}\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu {\n\tdisplay: flex;\n\talign-items: center;\n\tcolor: #6c6c6c;\n\tfill: #6c6c6c;\n}\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu-arrowRight-icon {\n\twidth: 15px;\n\theight: 15px;\n\tdisplay: flex;\n\talign-items: center;\n}\nsection.pops-panel-deepMenu-container\n\t.pops-panel-container-header-ul\n\tli.pops-panel-deepMenu-container-header {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: -webkit-fill-available;\n\twidth: -moz-available;\n\tpadding: var(--pops-panel-forms-header-padding-top-bottom)\n\t\tcalc(\n\t\t\tvar(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right) -\n\t\t\t\tvar(--pops-panel-forms-header-icon-size)\n\t\t);\n\tgap: 0px;\n}\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\n\twidth: var(--pops-panel-forms-header-icon-size);\n\theight: var(--pops-panel-forms-header-icon-size);\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n}\n/* 修复safari上图标大小未正常显示 */\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon > svg {\n\twidth: inherit;\n\theight: inherit;\n}\n/* deepMenu的css */\n\n/* 文字对齐 */\n.pops-panel-item-left-desc-text:has(code) {\n\tdisplay: flex;\n\talign-items: baseline;\n\tflex-wrap: wrap;\n}\n\n@media (prefers-color-scheme: dark) {\n\t.pops[type-value=\"panel\"] {\n\t\t--pops-bg-color: #000000;\n\t\t--pops-color: #f2f2f2;\n\t\t--panel-title-bg-color: #000000;\n\t\t--panel-aside-bg-color: #262626;\n\t\t--pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\n\t\t--pops-panel-forms-container-item-bg-color: #262626;\n\t\t--pops-panel-forms-container-item-title-color: #c1c1c1;\n\n\t\t--pops-panel-forms-container-li-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n\t\t--pops-panel-forms-container-deepMenu-item-active-bg: #333333;\n\t}\n\t.pops[type-value=\"panel\"] .pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\n\t\tfill: #f2f2f2;\n\t}\n\n\t/* switch的CSS */\n\t.pops-panel-switch {\n\t\t--panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n\t\t--panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n\t\t--panel-switch-circle-color: #dcdfe6;\n\t\t--panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n\t\t--panel-switch-checked-circle-color: #409eff;\n\t\t--panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\n\t\t--panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\n\t}\n\t/* select的CSS */\n\t.pops-panel-select {\n\t\t--pops-panel-components-select-text-color: #f2f2f2;\n\t\t--pops-panel-components-select-bd-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n\t\t--pops-panel-components-select-bg-color: #141414;\n\t}\n\t/* select-multiple的CSS*/\n\t.pops-panel-select-multiple {\n\t\t--el-fill-color-blank: #141414;\n\t\t--el-border-color: #4c4d4f;\n\t\t--el-text-color-placeholder: #a8abb2;\n\t\t--el-select-input-color: #a8abb2;\n\t\t--el-text-color-regular: #606266;\n\t\t--el-color-info: #909399;\n\t\t--el-color-info-light-8: #e9e9eb;\n\t\t--el-color-primary-light-9: #ecf5ff;\n\t\t--el-color-primary-light-8: #d9ecff;\n\t\t--el-color-primary: #409eff;\n\t\t--el-color-white: #ffffff;\n\t}\n\t.pops-panel-select-multiple .el-tag {\n\t\t--el-color-info-light-9: #202121;\n\t}\n\t.pops-panel-select-multiple-disable {\n\t\t--el-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n\t}\n\t.pops-panel-select-multiple-disable .el-tag.el-tag--info {\n\t\t--el-tag-bg-color: #2f2f2f;\n\t}\n\t/* select-multiple的CSS*/\n\t/* slider的CSS */\n\t.pops-slider {\n\t\t--pops-slider-border-color-light: #414243;\n\t}\n\t/* input的CSS */\n\t.pops-panel-input {\n\t\t--pops-panel-components-input-text-color: #f2f2f2;\n\t\t--pops-panel-components-input-bd-color: #4f5052;\n\t\t--pops-panel-components-input-bg-color: #141414;\n\t\t--pops-panel-components-input-hover-bd-color: #6f7175;\n\t\t--pops-panel-components-input-focus-bd-color: #409eff;\n\t\t--pops-panel-components-input-suffix-color: #a8abb2;\n\t}\n\t/* textarea的CSS */\n\t.pops-panel-textarea {\n\t\t--pops-panel-components-textarea-text-color: #f2f2f2;\n\t\t--pops-panel-components-textarea-text-bg-color: #141414;\n\t\t--pops-panel-components-textarea-bd-color: #4f5052;\n\t\t--pops-panel-components-textarea-hover-bd-color: #6f7175;\n\t\t--pops-panel-components-textarea-focus-bd-color: #409eff;\n\t}\n\t.pops-panel-textarea-disable {\n\t\t--pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\n\t\t--pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color);\n\t}\n\t/* slider */\n\t.pops-slider {\n\t\t--pops-slider-text-color-placeholder: #8d9095;\n\t}\n}\n";
+var panelCSS = ".pops[type-value=\"panel\"] {\n  --pops-bg-color: #f2f2f2;\n  --pops-color: #333333;\n  --panel-title-bg-color: #ffffff;\n\n  --panel-aside-bg-color: #ffffff;\n  --panel-aside-hover-color: rgb(64, 158, 255);\n  --panel-aside-hover-bg-color: rgba(64, 158, 255, 0.1);\n\n  --pops-panel-forms-margin-top-bottom: 10px;\n  --pops-panel-forms-margin-left-right: 20px;\n  --pops-panel-forms-header-icon-size: calc(var(--pops-panel-forms-container-li-padding-left-right) + 1px);\n  --pops-panel-forms-header-padding-top-bottom: 15px;\n  --pops-panel-forms-header-padding-left-right: 10px;\n  --pops-panel-forms-container-item-left-text-gap: 6px;\n  --pops-panel-forms-container-item-left-desc-text-size: 0.8em;\n  --pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\n  --pops-panel-forms-container-item-bg-color: #ffffff;\n  --pops-panel-forms-container-item-title-color: #333;\n  --pops-panel-forms-container-item-border-radius: 6px;\n  --pops-panel-forms-container-item-margin-top-bottom: 10px;\n  --pops-panel-forms-container-item-margin-left-right: var(--pops-panel-forms-margin-left-right);\n  --pops-panel-forms-container-li-border-color: var(--pops-bd-color);\n  --pops-panel-forms-container-li-padding-top-bottom: 12px;\n  --pops-panel-forms-container-li-padding-left-right: 16px;\n\n  --pops-panel-forms-container-deepMenu-item-active-bg: #e9e9e9;\n}\n.pops[type-value=\"panel\"] {\n  color: var(--pops-color);\n  background: var(--pops-bg-color);\n}\n.pops[type-value] .pops-panel-title {\n  background: var(--panel-title-bg-color);\n}\n\n/* ↓panel的CSS↓ */\n/* 左侧的列表 */\naside.pops-panel-aside {\n  box-sizing: border-box;\n  flex-shrink: 0;\n  max-width: 200px;\n  min-width: 100px;\n  height: 100%;\n  background: var(--panel-aside-bg-color);\n  border-right: 1px solid var(--panel-aside-bg-color);\n  font-size: 0.9em;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\naside.pops-panel-aside {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\naside.pops-panel-aside .pops-panel-aside-top-container {\n  overflow: auto;\n}\naside.pops-panel-aside ul li {\n  margin: 6px 8px;\n  border-radius: 4px;\n  padding: 6px 10px;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\naside.pops-panel-aside .pops-is-visited,\naside.pops-panel-aside ul li:not(.pops-panel-disabled-aside-hover-css):hover {\n  color: var(--panel-aside-hover-color);\n  background: var(--panel-aside-hover-bg-color);\n}\n/* 左侧的列表 */\n\n.pops-panel-content {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  overflow: auto;\n  flex-basis: auto;\n  box-sizing: border-box;\n  min-width: 0;\n  bottom: 0 !important;\n}\n\n.pops-panel-section-wrapper {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\nsection.pops-panel-container {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\nsection.pops-panel-container .pops-panel-container-header-ul,\nsection.pops-panel-container .pops-panel-deepMenu-container-header-ul {\n  border-bottom: 1px solid rgba(223, 223, 223, var(--pops-bg-opacity));\n  flex: 0 auto;\n}\nsection.pops-panel-container .pops-panel-container-header-ul li,\nsection.pops-panel-container .pops-panel-container-header-ul li.pops-panel-container-header-title-text {\n  display: flex;\n  justify-content: flex-start !important;\n  margin: 0px !important;\n  padding: var(--pops-panel-forms-header-padding-top-bottom)\n    calc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right));\n  text-align: left;\n}\nsection.pops-panel-container ul.pops-panel-container-main-ul {\n  overflow: auto;\n  /*flex: 1;*/\n}\nsection.pops-panel-container > ul li:not(.pops-panel-forms-container-item) {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: var(--pops-panel-forms-margin-top-bottom)\n    calc(var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-margin-left-right));\n  gap: 10px;\n}\nsection.pops-panel-container .pops-panel-forms-container-item-header-text {\n  margin: 10px;\n  margin-left: calc(\n    var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right)\n  );\n  font-size: 0.9em;\n  text-align: left;\n  color: var(--pops-panel-forms-container-item-title-color);\n}\nsection.pops-panel-container li.pops-panel-forms-container-item {\n  /* 去除<li>左侧的圆点 */\n  display: block;\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist {\n  border-radius: var(--pops-panel-forms-container-item-border-radius);\n  background: var(--pops-panel-forms-container-item-bg-color);\n  margin: var(--pops-panel-forms-container-item-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul.pops-panel-forms-container-item-formlist li {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--pops-panel-forms-container-li-padding-top-bottom)\n    var(--pops-panel-forms-container-li-padding-left-right);\n  margin: 0px 0px;\n  border-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\n  text-align: left;\n}\n/*section.pops-panel-container\n\t.pops-panel-forms-container-item\n\tul\n\tli.pops-panel-deepMenu-nav-item {\n\tpadding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px;\n\tmargin: 0px var(--pops-panel-forms-container-li-padding-left-right);\n\tborder-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);\n}*/\nsection.pops-panel-container\n  .pops-panel-forms-container-item\n  ul.pops-panel-forms-container-item-formlist\n  li:last-child {\n  border: 0px;\n}\n/* 左侧的文字 */\nsection.pops-panel-container .pops-panel-item-left-text {\n  display: flex;\n  flex-direction: column;\n  gap: var(--pops-panel-forms-container-item-left-text-gap);\n}\n\n/* 左侧的主文字 */\n/*section.pops-panel-container .pops-panel-item-left-main-text {\n\t\n}*/\n/* 左侧的描述文字 */\nsection.pops-panel-container .pops-panel-item-left-desc-text {\n  font-size: var(--pops-panel-forms-container-item-left-desc-text-size);\n  color: var(--pops-panel-forms-container-item-left-desc-text-color);\n}\n\n/* 折叠面板 */\nsection.pops-panel-container .pops-panel-forms-fold {\n  border-radius: var(--pops-panel-forms-container-item-border-radius);\n  background: var(--pops-panel-forms-container-item-bg-color);\n  margin: var(--pops-panel-forms-margin-top-bottom) var(--pops-panel-forms-margin-left-right);\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container {\n  display: flex;\n  align-items: center;\n  fill: #6c6c6c;\n  justify-content: space-between;\n  margin: 0px var(--pops-panel-forms-container-li-padding-left-right) !important;\n  padding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px !important;\n}\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-fold-container-icon {\n  transform: rotate(90deg);\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-fold-container-icon {\n  width: 15px;\n  height: 15px;\n  display: flex;\n  align-items: center;\n  transform: rotate(-90deg);\n  transition: transform 0.3s;\n}\n/* 折叠状态 */\nsection.pops-panel-container .pops-panel-forms-fold[data-fold-enable] .pops-panel-forms-container-item-formlist {\n  height: 0;\n}\n/* 非折叠状态 */\nsection.pops-panel-container .pops-panel-forms-fold ul.pops-panel-forms-container-item-formlist {\n  margin: 0;\n}\nsection.pops-panel-container .pops-panel-forms-fold .pops-panel-forms-container-item-formlist {\n  transition: height 0.3s;\n  overflow: hidden;\n  border-radius: unset;\n  background: unset;\n  margin: 0;\n  height: calc-size(auto, size);\n}\n/* 折叠面板 */\n\n/* 姑且认为小于600px的屏幕为移动端 */\n@media (max-width: 600px) {\n  /* 兼容移动端CSS */\n  .pops[type-value=\"panel\"] {\n    --pops-panel-forms-margin-left-right: 10px;\n  }\n  .pops[type-value=\"panel\"] {\n    width: 92%;\n    width: 92vw;\n    width: 92dvw;\n  }\n  .pops[type-value=\"panel\"] .pops-panel-content aside.pops-panel-aside {\n    max-width: 20%;\n    min-width: auto;\n  }\n  .pops[type-value=\"panel\"] section.pops-panel-container .pops-panel-forms-container-item > div {\n    text-align: left;\n    --pops-panel-forms-margin-left-right: 0px;\n  }\n  .pops[type-value=\"panel\"] section.pops-panel-container .pops-panel-forms-container-item ul {\n    margin: 0px !important;\n  }\n  .pops[type-value=\"panel\"] section.pops-panel-container > ul > li {\n    margin: 10px 10px;\n  }\n  .pops[type-value=\"panel\"] section.pops-panel-container > ul > li div:nth-child(2) {\n    max-width: 55%;\n  }\n  .pops[type-value=\"panel\"] section.pops-panel-container .pops-panel-select select {\n    min-width: 88px !important;\n    width: -webkit-fill-available;\n    width: -moz-available;\n  }\n  .pops[type-value=\"panel\"] section.pops-panel-container .pops-panel-container-header-ul li {\n    font-size: 16px;\n  }\n  .pops[type-value=\"panel\"] .pops-panel-title p[pops],\n  .pops[type-value=\"panel\"] section.pops-panel-container > ul li,\n  .pops[type-value=\"panel\"] aside.pops-panel-aside ul li {\n    font-size: 14px;\n  }\n}\n/* switch的CSS */\n.pops-panel-switch {\n  --panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n  --panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n  --panel-switch-circle-color: #dcdfe6;\n  --panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  --panel-switch-checked-circle-color: #409eff;\n  --panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\n  --panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\n}\n.pops-panel-switch {\n  display: inline-flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  position: relative;\n  font-size: 14px;\n  line-height: normal;\n  align-content: center;\n  height: 32px;\n  vertical-align: middle;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-panel-switch input.pops-panel-switch__input {\n  position: absolute;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin: 0;\n}\n.pops-panel-switch:has(input.pops-panel-switch__input:disabled),\n.pops-panel-switch[data-disabled],\n.pops-panel-switch[data-disabled] .pops-panel-switch__core,\n.pops-panel-switch input.pops-panel-switch__input:disabled + .pops-panel-switch__core {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.pops-panel-switch span.pops-panel-switch__core {\n  display: inline-flex;\n  position: relative;\n  align-items: center;\n  min-width: 40px;\n  height: 20px;\n  border: 1px solid var(--panel-switch-core-bd-color);\n  outline: 0;\n  border-radius: 10px;\n  box-sizing: border-box;\n  background: var(--panel-switch-core-bg-color);\n  cursor: pointer;\n  transition:\n    border-color 0.3s,\n    background-color 0.3s;\n}\n.pops-panel-switch .pops-panel-switch__action {\n  position: absolute;\n  left: 1px;\n  border-radius: 100%;\n  transition: all 0.3s;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--panel-switch-circle-bg-color);\n  color: var(--panel-switch-circle-color);\n}\n.pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core {\n  border-color: var(--panel-switch-checked-core-bd-color);\n  background-color: var(--panel-switch-checked-core-bg-color);\n}\n.pops-panel-switch.pops-panel-switch-is-checked .pops-panel-switch__action {\n  left: calc(100% - 17px);\n  color: var(--panel-switch-checked-circle-color);\n}\n/* switch的CSS */\n\n/* slider旧的CSS */\nsection.pops-panel-container .pops-panel-slider:has(> input[type=\"range\"]) {\n  overflow: hidden;\n  height: 25px;\n  line-height: normal;\n  align-content: center;\n  display: flex;\n  align-items: center;\n}\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"] {\n  height: 6px;\n  background: rgb(228, 231, 237, var(--pops-bg-opacity));\n  outline: 0;\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n}\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"]::-webkit-slider-thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\n  background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  box-shadow:\n    0 0 2px rgba(0, 0, 0, 0.3),\n    0 3px 5px rgba(0, 0, 0, 0.2);\n  cursor: pointer;\n  -webkit-appearance: none;\n  appearance: none;\n  border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\n}\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"]::-moz-range-thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid rgb(64, 159, 255, var(--pops-bd-opacity));\n  background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n  box-shadow:\n    0 0 2px rgba(0, 0, 0, 0.3),\n    0 3px 5px rgba(0, 0, 0, 0.2);\n  cursor: pointer;\n  -webkit-appearance: none;\n  appearance: none;\n}\nsection.pops-panel-container .pops-panel-slider input[type=\"range\"]::-moz-range-progress {\n  height: 6px;\n  border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\n}\n/* slider旧的CSS */\n\n/* slider的CSS */\n.pops-slider {\n  --pops-slider-color-white: #ffffff;\n  --pops-slider-color-primary: #409eff;\n  --pops-slider-color-info: #909399;\n  --pops-slider-text-color-placeholder: #a8abb2;\n  --pops-slider-border-color-light: #e4e7ed;\n  --pops-slider-border-radius-circle: 100%;\n  --pops-slider-transition-duration-fast: 0.2s;\n\n  --pops-slider-main-bg-color: var(--pops-slider-color-primary);\n  --pops-slider-runway-bg-color: var(--pops-slider-border-color-light);\n  --pops-slider-stop-bg-color: var(--pops-slider-color-white);\n  --pops-slider-disabled-color: var(--pops-slider-text-color-placeholder);\n  --pops-slider-border-radius: 3px;\n  --pops-slider-height: 6px;\n  --pops-slider-button-size: 20px;\n  --pops-slider-button-wrapper-size: 36px;\n  --pops-slider-button-wrapper-offset: -15px;\n}\n\n.pops-slider {\n  width: 100%;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.pops-slider-width {\n  flex: 0 0 52%;\n  margin-left: 10px;\n}\n\n.pops-slider__runway {\n  flex: 1;\n  height: var(--pops-slider-height);\n  background-color: var(--pops-slider-runway-bg-color);\n  border-radius: var(--pops-slider-border-radius);\n  position: relative;\n  cursor: pointer;\n}\n\n.pops-slider__runway.show-input {\n  margin-right: 30px;\n  width: auto;\n}\n\n.pops-slider__runway.pops-slider-is-disabled {\n  cursor: default;\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__bar {\n  background-color: var(--pops-slider-disabled-color);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button {\n  border-color: var(--pops-slider-disabled-color);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n  cursor: not-allowed;\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n  transform: scale(1);\n}\n\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\n  cursor: not-allowed;\n}\n\n.pops-slider__input {\n  flex-shrink: 0;\n  width: 130px;\n}\n\n.pops-slider__bar {\n  height: var(--pops-slider-height);\n  background-color: var(--pops-slider-main-bg-color);\n  border-top-left-radius: var(--pops-slider-border-radius);\n  border-bottom-left-radius: var(--pops-slider-border-radius);\n  position: absolute;\n}\n\n.pops-slider__button-wrapper {\n  height: var(--pops-slider-button-wrapper-size);\n  width: var(--pops-slider-button-wrapper-size);\n  position: absolute;\n  z-index: 1;\n  top: var(--pops-slider-button-wrapper-offset);\n  transform: translate(-50%);\n  background-color: transparent;\n  text-align: center;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  line-height: normal;\n  outline: none;\n}\n\n.pops-slider__button-wrapper:after {\n  display: inline-block;\n  content: \"\";\n  height: 100%;\n  vertical-align: middle;\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover {\n  cursor: grab;\n}\n\n.pops-slider__button {\n  display: inline-block;\n  width: var(--pops-slider-button-size);\n  height: var(--pops-slider-button-size);\n  vertical-align: middle;\n  border: solid 2px var(--pops-slider-main-bg-color);\n  background-color: var(--pops-slider-color-white);\n  border-radius: 50%;\n  box-sizing: border-box;\n  transition: var(--pops-slider-transition-duration-fast);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover,\n.pops-slider__button.dragging {\n  transform: scale(1.2);\n}\n\n.pops-slider__button:hover,\n.pops-slider__button.hover {\n  cursor: grab;\n}\n\n.pops-slider__button.dragging {\n  cursor: grabbing;\n}\n\n.pops-slider__stop {\n  position: absolute;\n  height: var(--pops-slider-height);\n  width: var(--pops-slider-height);\n  border-radius: var(--pops-slider-border-radius-circle);\n  background-color: var(--pops-slider-stop-bg-color);\n  transform: translate(-50%);\n}\n\n.pops-slider__marks {\n  top: 0;\n  left: 12px;\n  width: 18px;\n  height: 100%;\n}\n\n.pops-slider__marks-text {\n  position: absolute;\n  transform: translate(-50%);\n  font-size: 14px;\n  color: var(--pops-slider-color-info);\n  margin-top: 15px;\n  white-space: pre;\n}\n\n.pops-slider.is-vertical {\n  position: relative;\n  display: inline-flex;\n  width: auto;\n  height: 100%;\n  flex: 0;\n}\n\n.pops-slider.is-vertical .pops-slider__runway {\n  width: var(--pops-slider-height);\n  height: 100%;\n  margin: 0 16px;\n}\n\n.pops-slider.is-vertical .pops-slider__bar {\n  width: var(--pops-slider-height);\n  height: auto;\n  border-radius: 0 0 3px 3px;\n}\n\n.pops-slider.is-vertical .pops-slider__button-wrapper {\n  top: auto;\n  left: var(--pops-slider-button-wrapper-offset);\n  transform: translateY(50%);\n}\n\n.pops-slider.is-vertical .pops-slider__stop {\n  transform: translateY(50%);\n}\n\n.pops-slider.is-vertical .pops-slider__marks-text {\n  margin-top: 0;\n  left: 15px;\n  transform: translateY(50%);\n}\n\n.pops-slider--large {\n  height: 40px;\n}\n\n.pops-slider--small {\n  height: 24px;\n}\n/* slider的CSS */\n\n/* input的CSS */\n.pops-panel-input {\n  --el-disabled-text-color: #a8abb2;\n  --el-disabled-bg-color: #f5f7fa;\n  --el-disabled-border-color: #e4e7ed;\n\n  --pops-panel-components-input-text-color: #000000;\n  --pops-panel-components-input-text-bg-color: transparent;\n  --pops-panel-components-input-text-default-padding: 8px;\n  --pops-panel-components-input-bd-color: #dcdfe6;\n  --pops-panel-components-input-bg-color: #ffffff;\n  --pops-panel-components-input-hover-bd-color: #c0c4cc;\n  --pops-panel-components-input-focus-bd-color: #409eff;\n  --pops-panel-components-input-suffix-color: #a8abb2;\n  --pops-panel-components-input-suffix-bg-color: #ffffff;\n}\n.pops-panel-input {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--pops-panel-components-input-bd-color);\n  border-radius: 4px;\n  background-color: var(--pops-panel-components-input-bg-color);\n  position: relative;\n  box-shadow: none;\n}\n.pops-panel-input:hover {\n  border: 1px solid var(--pops-panel-components-input-hover-bd-color);\n}\n.pops-panel-input:has(input:disabled):hover {\n  --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\n}\n.pops-panel-input:has(input:focus) {\n  outline: 0;\n  border: 1px solid var(--pops-panel-components-input-focus-bd-color);\n  border-radius: 4px;\n  box-shadow: none;\n}\n.pops-panel-input input {\n  display: inline-flex;\n  justify-content: center;\n  text-align: start;\n  align-items: center;\n  align-content: center;\n  white-space: nowrap;\n  cursor: text;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  vertical-align: middle;\n  -webkit-appearance: none;\n  appearance: none;\n  color: var(--pops-panel-components-input-text-color);\n  background-color: var(--pops-panel-components-input-text-bg-color);\n  outline: 0;\n  transition: 0.1s;\n  border: 0;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: normal;\n  height: 32px;\n  width: 100%;\n  flex: 1;\n  /*margin-right: calc(1em + 8px);*/\n  margin: 0px;\n  padding: var(--pops-panel-components-input-text-default-padding);\n}\n.pops-panel-input span.pops-panel-input__suffix {\n  display: inline-flex;\n  white-space: nowrap;\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n  height: 100%;\n  text-align: center;\n  color: var(--pops-panel-components-input-suffix-color);\n  background: var(--pops-panel-components-input-suffix-bg-color);\n  transition: all 0.3s;\n  pointer-events: none;\n  padding: 0 8px;\n  position: absolute;\n  right: 0px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border: 1px solid transparent;\n}\n.pops-panel-input span.pops-panel-input__suffix-inner {\n  pointer-events: all;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n/* 如果包含清空图标的按钮，则默认隐藏清空图标，当:hover、:focus、:focus-within、:active时显示清空图标 */\n.pops-panel-input span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]) {\n  display: none;\n}\n.pops-panel-input:hover span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]),\n.pops-panel-input:focus span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]),\n.pops-panel-input:focus-within span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]),\n.pops-panel-input:active span.pops-panel-input__suffix:has(svg[data-type=\"circleClose\"]) {\n  display: inline-flex;\n}\n.pops-panel-input .pops-panel-icon {\n  cursor: pointer;\n}\n.pops-panel-input .pops-panel-icon {\n  height: inherit;\n  line-height: normal;\n  align-content: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.3s;\n}\n.pops-panel-input .pops-panel-icon svg {\n  height: 1em;\n  width: 1em;\n}\n\n.pops-input-disabled {\n  background-color: var(--pops-components-is-disabled-bg-color);\n}\n.pops-panel-input.pops-input-disabled:hover {\n  --pops-panel-components-input-hover-bd-color: var(--pops-panel-components-input-bd-color);\n}\n.pops-panel-input input:disabled,\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  color: var(--el-disabled-text-color);\n  -webkit-text-fill-color: var(--el-disabled-text-color);\n  cursor: not-allowed;\n}\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\n  display: none;\n}\n/* input的CSS */\n\n/* textarea的CSS */\n.pops-panel-textarea {\n  --pops-panel-components-textarea-text-color: #000000;\n  --pops-panel-components-textarea-text-bg-color: #ffffff;\n  --pops-panel-components-textarea-bd-color: #dcdfe6;\n  --pops-panel-components-textarea-hover-bd-color: #c0c4cc;\n  --pops-panel-components-textarea-focus-bd-color: #409eff;\n}\n.pops-panel-textarea textarea {\n  width: 100%;\n  /*vertical-align: bottom;*/\n  position: relative;\n  display: block;\n  resize: none;\n  padding: 5px 11px;\n  /*line-height: 1;*/\n  box-sizing: border-box;\n  font-size: inherit;\n  font-family: inherit;\n  color: var(--pops-panel-components-textarea-text-color);\n  background-color: var(--pops-panel-components-textarea-text-bg-color);\n  background-image: none;\n  -webkit-appearance: none;\n  appearance: none;\n  box-shadow: none;\n  border-radius: 0;\n  transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  border: 1px solid var(--pops-panel-components-textarea-bd-color);\n}\n.pops-panel-textarea textarea:hover {\n  border-color: var(--pops-panel-components-textarea-hover-bd-color);\n}\n.pops-panel-textarea:has(textarea:disabled):hover {\n  --pops-panel-components-textarea-hover-bd-color: var(--pops-panel-components-textarea-bd-color);\n}\n.pops-panel-textarea-disable {\n  --pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color) !important;\n  --pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\n}\n.pops-panel-textarea-disable textarea {\n  cursor: not-allowed;\n}\n.pops-panel-textarea textarea:focus {\n  outline: 0;\n  border-color: var(--pops-panel-components-textarea-focus-bd-color);\n}\n/* textarea的CSS */\n\n/* select的CSS */\n.pops-panel-select {\n  --pops-panel-components-select-text-color: #000000;\n  --pops-panel-components-select-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\n  --pops-panel-components-select-hover-bd-color: rgb(184, 184, 184, var(--pops-bd-opacity));\n  --pops-panel-components-select-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n}\n.pops-panel-select {\n  border: 0;\n}\n.pops-panel-select select {\n  height: 32px;\n  line-height: normal;\n  align-content: center;\n  min-width: 200px;\n  border: 1px solid var(--pops-panel-components-select-bd-color);\n  border-radius: 5px;\n  text-align: center;\n  outline: 0;\n  color: var(--pops-panel-components-select-text-color);\n  background-color: var(--pops-panel-components-select-bg-color);\n  box-shadow: none;\n}\n.pops-panel-select select:hover {\n  border: 1px solid var(--pops-panel-components-select-hover-bd-color);\n}\n.pops-panel-select-disable {\n  --pops-panel-components-select-text-color: var(--pops-components-is-disabled-text-color);\n  --pops-panel-components-select-bg-color: var(--pops-components-is-disabled-bg-color);\n}\n.pops-panel-select-disable select {\n  cursor: not-allowed;\n}\n.pops-panel-select-disable select:hover {\n  box-shadow: none;\n  --pops-panel-components-select-hover-bd-color: var(--pops-panel-components-select-bd-color);\n}\n.pops-panel-select select:focus {\n  border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\n  box-shadow: none;\n}\n/* select的CSS */\n\n/* select-multiple的CSS*/\n.pops-panel-select-multiple {\n  --el-border-radius-base: 4px;\n  --el-fill-color-blank: #ffffff;\n  --el-transition-duration: 0.3s;\n  --el-border-color: #cbcbcb;\n  --el-text-color-placeholder: #a8abb2;\n  --color: inherit;\n  --el-select-input-color: #a8abb2;\n  --el-select-input-font-size: 14px;\n  --el-text-color-regular: #606266;\n  --el-color-info: #909399;\n  --el-color-info-light-9: #f4f4f5;\n  --el-color-info-light-8: #e9e9eb;\n  --el-color-primary-light-9: #ecf5ff;\n  --el-color-primary-light-8: #d9ecff;\n  --el-color-primary: #409eff;\n  --el-color-white: #ffffff;\n  width: 200px;\n}\n.pops-panel-select-multiple .el-select__wrapper {\n  display: flex;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n  cursor: pointer;\n  text-align: left;\n  font-size: 14px;\n  padding: 4px 12px;\n  gap: 6px;\n  min-height: 32px;\n  line-height: normal;\n  align-content: center;\n  border-radius: var(--el-border-radius-base);\n  background-color: var(--el-fill-color-blank);\n  transition: var(--el-transition-duration);\n  transform: translateZ(0);\n  border: 1px solid var(--el-border-color);\n}\n.pops-panel-select-multiple .el-select__wrapper.is-focused {\n  --el-border-color: var(--el-color-primary);\n}\n.pops-panel-select-multiple .el-select__selection {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n  gap: 6px;\n}\n.pops-panel-select-multiple .el-select__selected-item {\n  display: flex;\n  flex-wrap: wrap;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.pops-panel-select-multiple .el-select__selected-item.el-select__choose_tag .el-tag {\n  max-width: 200px;\n}\n.pops-panel-select-multiple .el-select__input-wrapper {\n  max-width: 100%;\n}\n.pops-panel-select-multiple .el-select__selection.is-near {\n  margin-left: -8px;\n}\n.pops-panel-select-multiple .el-select__placeholder {\n  position: absolute;\n  display: block;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--el-input-text-color, var(--el-text-color-regular));\n}\n.pops-panel-select-multiple .el-select__placeholder.is-transparent {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  color: var(--el-text-color-placeholder);\n}\n.pops-panel-select-multiple .el-select__prefix,\n.pops-panel-select-multiple .el-select__suffix {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 6px;\n  color: var(--el-input-icon-color, var(--el-text-color-placeholder));\n}\n.pops-panel-select-multiple .el-icon {\n  --color: inherit;\n  height: 1em;\n  width: 1em;\n  line-height: normal;\n  align-content: center;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  fill: currentColor;\n  color: var(--color);\n  font-size: inherit;\n}\n.pops-panel-select-multiple .el-icon svg {\n  height: 1em;\n  width: 1em;\n}\n.pops-panel-select-multiple .el-select__caret {\n  color: var(--el-select-input-color);\n  font-size: var(--el-select-input-font-size);\n  transition: var(--el-transition-duration);\n  transform: rotate(0);\n  cursor: pointer;\n}\n.pops-panel-select-multiple .el-tag {\n  --el-tag-font-size: 12px;\n  --el-tag-border-radius: 4px;\n  --el-tag-border-radius-rounded: 9999px;\n}\n.pops-panel-select-multiple .el-tag {\n  background-color: var(--el-tag-bg-color);\n  border-color: var(--el-tag-border-color);\n  color: var(--el-tag-text-color);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: middle;\n  height: 24px;\n  padding: 0 9px;\n  font-size: var(--el-tag-font-size);\n  line-height: normal;\n  align-content: center;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: var(--el-tag-border-radius);\n  box-sizing: border-box;\n  white-space: nowrap;\n  --el-icon-size: 14px;\n  --el-tag-bg-color: var(--el-color-primary-light-9);\n  --el-tag-border-color: var(--el-color-primary-light-8);\n  --el-tag-hover-color: var(--el-color-primary);\n}\n.pops-panel-select-multiple .el-select__selection .el-tag {\n  cursor: pointer;\n  border-color: transparent;\n}\n.pops-panel-select-multiple .el-tag.el-tag--info {\n  --el-tag-bg-color: var(--el-color-info-light-9);\n  --el-tag-border-color: var(--el-color-info-light-8);\n  --el-tag-hover-color: var(--el-color-info);\n}\n.pops-panel-select-multiple .el-tag.el-tag--info {\n  --el-tag-text-color: var(--el-color-info);\n}\n.pops-panel-select-multiple .el-tag.is-closable {\n  padding-right: 5px;\n}\n.pops-panel-select-multiple .el-select__selection .el-tag .el-tag__content {\n  min-width: 0;\n}\n.pops-panel-select-multiple .el-tag .el-tag__close {\n  flex-shrink: 0;\n  color: var(--el-tag-text-color);\n}\n.pops-panel-select-multiple .el-tag .el-tag__close:hover {\n  color: var(--el-color-white);\n  background-color: var(--el-tag-hover-color);\n}\n.pops-panel-select-multiple .el-tag .el-icon {\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: calc(var(--el-icon-size) - 2px);\n  height: var(--el-icon-size);\n  width: var(--el-icon-size);\n}\n.pops-panel-select-multiple .el-tag .el-tag__close {\n  margin-left: 6px;\n}\n.pops-panel-select-multiple .el-select__tags-text {\n  display: block;\n  line-height: normal;\n  align-content: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.pops-panel-select-multiple-disable {\n  --el-fill-color-blank: #f5f7fa;\n  --color: #a8abb2;\n  --el-border-color: #cbcbcb;\n}\n.pops-panel-select-multiple-disable .el-tag.el-tag--info {\n  --el-tag-bg-color: #e7e7e7;\n  --el-tag-text-color: var(--pops-components-is-disabled-text-color);\n}\n.pops-panel-select-multiple-disable .el-select__selection .el-tag,\n.pops-panel-select-multiple-disable .el-tag .el-tag__close:hover,\n.pops-panel-select-multiple-disable .el-select__wrapper,\n.pops-panel-select-multiple-disable .el-select__caret {\n  cursor: not-allowed;\n}\n/* select-multiple的CSS*/\n\n/* deepMenu的css */\n.pops-panel-deepMenu-nav-item {\n  cursor: pointer;\n}\n.pops-panel-deepMenu-nav-item:active {\n  background: var(--pops-panel-forms-container-deepMenu-item-active-bg);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:active {\n  padding: var(--pops-panel-forms-container-li-padding-top-bottom)\n    var(--pops-panel-forms-container-li-padding-left-right);\n  margin: 0px;\n}\n/* 去除上个兄弟item的底部边框颜色 */\nsection.pops-panel-container .pops-panel-forms-container-item ul li:has(+ .pops-panel-deepMenu-nav-item:active) {\n  border-bottom: 1px solid transparent;\n}\n/* 第一个和最后一个跟随圆角 */\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:first-child:active {\n  border-top-left-radius: var(--pops-panel-forms-container-item-border-radius);\n  border-top-right-radius: var(--pops-panel-forms-container-item-border-radius);\n}\nsection.pops-panel-container .pops-panel-forms-container-item ul li.pops-panel-deepMenu-nav-item:last-child:active {\n  border-bottom-left-radius: var(--pops-panel-forms-container-item-border-radius);\n  border-bottom-right-radius: var(--pops-panel-forms-container-item-border-radius);\n}\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu {\n  display: flex;\n  align-items: center;\n  color: #6c6c6c;\n  fill: #6c6c6c;\n}\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu-arrowRight-icon {\n  width: 15px;\n  height: 15px;\n  display: flex;\n  align-items: center;\n}\nsection.pops-panel-deepMenu-container .pops-panel-container-header-ul li.pops-panel-deepMenu-container-header {\n  display: flex;\n  align-items: center;\n  width: -webkit-fill-available;\n  width: -moz-available;\n  padding: var(--pops-panel-forms-header-padding-top-bottom)\n    calc(\n      var(--pops-panel-forms-margin-left-right) + var(--pops-panel-forms-container-li-padding-left-right) -\n        var(--pops-panel-forms-header-icon-size)\n    );\n  gap: 0px;\n}\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\n  width: var(--pops-panel-forms-header-icon-size);\n  height: var(--pops-panel-forms-header-icon-size);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n/* 修复safari上图标大小未正常显示 */\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon > svg {\n  width: inherit;\n  height: inherit;\n}\n/* deepMenu的css */\n\n/* 文字对齐 */\n.pops-panel-item-left-desc-text:has(code) {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n}\n\n@media (prefers-color-scheme: dark) {\n  .pops[type-value=\"panel\"] {\n    --pops-bg-color: #000000;\n    --pops-color: #f2f2f2;\n    --panel-title-bg-color: #000000;\n    --panel-aside-bg-color: #262626;\n    --pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;\n    --pops-panel-forms-container-item-bg-color: #262626;\n    --pops-panel-forms-container-item-title-color: #c1c1c1;\n\n    --pops-panel-forms-container-li-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n    --pops-panel-forms-container-deepMenu-item-active-bg: #333333;\n  }\n  .pops[type-value=\"panel\"] .pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\n    fill: #f2f2f2;\n  }\n\n  /* switch的CSS */\n  .pops-panel-switch {\n    --panel-switch-core-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\n    --panel-switch-core-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\n    --panel-switch-circle-color: #dcdfe6;\n    --panel-switch-circle-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\n    --panel-switch-checked-circle-color: #409eff;\n    --panel-switch-checked-core-bd-color: rgb(64, 158, 255, var(--pops-bd-opacity));\n    --panel-switch-checked-core-bg-color: rgb(64, 158, 255, var(--pops-bg-opacity));\n  }\n  /* select的CSS */\n  .pops-panel-select {\n    --pops-panel-components-select-text-color: #f2f2f2;\n    --pops-panel-components-select-bd-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n    --pops-panel-components-select-bg-color: #141414;\n  }\n  /* select-multiple的CSS*/\n  .pops-panel-select-multiple {\n    --el-fill-color-blank: #141414;\n    --el-border-color: #4c4d4f;\n    --el-text-color-placeholder: #a8abb2;\n    --el-select-input-color: #a8abb2;\n    --el-text-color-regular: #606266;\n    --el-color-info: #909399;\n    --el-color-info-light-8: #e9e9eb;\n    --el-color-primary-light-9: #ecf5ff;\n    --el-color-primary-light-8: #d9ecff;\n    --el-color-primary: #409eff;\n    --el-color-white: #ffffff;\n  }\n  .pops-panel-select-multiple .el-tag {\n    --el-color-info-light-9: #202121;\n  }\n  .pops-panel-select-multiple-disable {\n    --el-border-color: rgb(51, 51, 51, var(--pops-bd-opacity));\n  }\n  .pops-panel-select-multiple-disable .el-tag.el-tag--info {\n    --el-tag-bg-color: #2f2f2f;\n  }\n  /* select-multiple的CSS*/\n  /* slider的CSS */\n  .pops-slider {\n    --pops-slider-border-color-light: #414243;\n  }\n  /* input的CSS */\n  .pops-panel-input {\n    --pops-panel-components-input-text-color: #f2f2f2;\n    --pops-panel-components-input-bd-color: #4f5052;\n    --pops-panel-components-input-bg-color: #141414;\n    --pops-panel-components-input-hover-bd-color: #6f7175;\n    --pops-panel-components-input-focus-bd-color: #409eff;\n    --pops-panel-components-input-suffix-color: #a8abb2;\n  }\n  /* textarea的CSS */\n  .pops-panel-textarea {\n    --pops-panel-components-textarea-text-color: #f2f2f2;\n    --pops-panel-components-textarea-text-bg-color: #141414;\n    --pops-panel-components-textarea-bd-color: #4f5052;\n    --pops-panel-components-textarea-hover-bd-color: #6f7175;\n    --pops-panel-components-textarea-focus-bd-color: #409eff;\n  }\n  .pops-panel-textarea-disable {\n    --pops-panel-components-textarea-text-color: var(--pops-components-is-disabled-text-color);\n    --pops-panel-components-textarea-text-bg-color: var(--pops-components-is-disabled-bg-color);\n  }\n  /* slider */\n  .pops-slider {\n    --pops-slider-text-color-placeholder: #8d9095;\n  }\n}\n";
 
-var rightClickMenuCSS = ".pops-rightClickMenu {\n\t--pops-right-context-color: #000000;\n\t--pops-right-context-bg-color: rgb(255, 255, 255, 0.733);\n\t--pops-right-context-backdrop-filter: blur(10px);\n\t--pops-right-context-z-index: 10000;\n\t--pops-right-context-bd-radius: 6px;\n\t--pops-right-context-menu-shadow-color: rgb(114, 114, 114, 0.251);\n\t--pops-right-context-menu-row-bd-radius: 6px;\n\t--pops-right-context-menu-row-visited-color: rgb(0, 0, 0, 0.067);\n\t--pops-right-context-menu-row-hover-color: rgb(0, 0, 0, 0.067);\n}\n.pops-rightClickMenu * {\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n\t-webkit-tap-highlight-color: transparent;\n\tscrollbar-width: thin;\n}\n.pops-rightClickMenu {\n\tposition: fixed;\n\tz-index: var(--pops-right-context-z-index);\n\ttext-align: center;\n\tborder-radius: var(--pops-right-context-bd-radius);\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tcolor: var(--pops-right-context-color);\n\tbackground: var(--pops-right-context-bg-color);\n\tbox-shadow: 0 0.25rem 0.5rem 0.125rem var(--pops-right-context-menu-shadow-color);\n\t-webkit-backdrop-filter: var(--pops-right-context-backdrop-filter);\n\tbackdrop-filter: var(--pops-right-context-backdrop-filter);\n}\n/* scale动画 */\n.pops-rightClickMenu-anim-scale {\n\ttransition:\n\t\topacity 150ms cubic-bezier(0.2, 0, 0.2, 1),\n\t\ttransform 150ms cubic-bezier(0.2, 0, 0.2, 1);\n\ttransform: scale(0.85);\n}\n.pops-rightClickMenu-anim-scale-open {\n\ttransform: scale(1);\n}\n.pops-rightClickMenu-anim-scale-not-open {\n\topacity: 0;\n}\n/* 展开动画 */\n.pops-rightClickMenu-anim-grid {\n\tdisplay: grid;\n\ttransition: 0.3s;\n\tgrid-template-rows: 0fr;\n}\n.pops-rightClickMenu-anim-show {\n\tgrid-template-rows: 1fr;\n}\n.pops-rightClickMenu-is-visited {\n\tbackground: var(--pops-right-context-menu-row-visited-color);\n}\ni.pops-rightClickMenu-icon {\n\theight: 1em;\n\twidth: 1em;\n\tline-height: normal;\n\talign-content: center;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: relative;\n\tfill: currentColor;\n\tcolor: inherit;\n\tfont-size: inherit;\n\tmargin-right: 6px;\n}\ni.pops-rightClickMenu-icon[is-loading=\"true\"] {\n\tanimation: rotating 2s linear infinite;\n}\n.pops-rightClickMenu li:hover {\n\tbackground: var(--pops-right-context-menu-row-hover-color);\n\tcursor: pointer;\n}\n.pops-rightClickMenu ul {\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tjustify-content: center;\n\toverflow: hidden;\n}\n.pops-rightClickMenu ul li {\n\tpadding: 5px 10px;\n\tmargin: 5px 5px;\n\tborder-radius: var(--pops-right-context-menu-row-bd-radius);\n\tdisplay: flex;\n\twidth: -webkit-fill-available;\n\twidth: -moz-available;\n\ttext-align: left;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\talign-items: center;\n}\n\n@media (prefers-color-scheme: dark) {\n\t/*.pops-rightClickMenu {\n\t\t--pops-right-context-menu-shadow-color: #3c3c3c;\n\t}*/\n}\n@media (hover: hover) {\n\t.pops-rightClickMenu ul li:active {\n\t\ttransform: scale(0.98);\n\t}\n}\n";
+var rightClickMenuCSS = ".pops-rightClickMenu {\n  --pops-right-context-color: #000000;\n  --pops-right-context-bg-color: rgb(255, 255, 255, 0.733);\n  --pops-right-context-backdrop-filter: blur(10px);\n  --pops-right-context-z-index: 10000;\n  --pops-right-context-bd-radius: 6px;\n  --pops-right-context-menu-shadow-color: rgb(114, 114, 114, 0.251);\n  --pops-right-context-menu-row-bd-radius: 6px;\n  --pops-right-context-menu-row-visited-color: rgb(0, 0, 0, 0.067);\n  --pops-right-context-menu-row-hover-color: rgb(0, 0, 0, 0.067);\n}\n.pops-rightClickMenu * {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: thin;\n}\n.pops-rightClickMenu {\n  position: fixed;\n  z-index: var(--pops-right-context-z-index);\n  text-align: center;\n  border-radius: var(--pops-right-context-bd-radius);\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--pops-right-context-color);\n  background: var(--pops-right-context-bg-color);\n  box-shadow: 0 0.25rem 0.5rem 0.125rem var(--pops-right-context-menu-shadow-color);\n  -webkit-backdrop-filter: var(--pops-right-context-backdrop-filter);\n  backdrop-filter: var(--pops-right-context-backdrop-filter);\n}\n/* scale动画 */\n.pops-rightClickMenu-anim-scale {\n  transition:\n    opacity 150ms cubic-bezier(0.2, 0, 0.2, 1),\n    transform 150ms cubic-bezier(0.2, 0, 0.2, 1);\n  transform: scale(0.85);\n}\n.pops-rightClickMenu-anim-scale-open {\n  transform: scale(1);\n}\n.pops-rightClickMenu-anim-scale-not-open {\n  opacity: 0;\n}\n/* 展开动画 */\n.pops-rightClickMenu-anim-grid {\n  display: grid;\n  transition: 0.3s;\n  grid-template-rows: 0fr;\n}\n.pops-rightClickMenu-anim-show {\n  grid-template-rows: 1fr;\n}\n.pops-rightClickMenu-is-visited {\n  background: var(--pops-right-context-menu-row-visited-color);\n}\ni.pops-rightClickMenu-icon {\n  height: 1em;\n  width: 1em;\n  line-height: normal;\n  align-content: center;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  fill: currentColor;\n  color: inherit;\n  font-size: inherit;\n  margin-right: 6px;\n}\ni.pops-rightClickMenu-icon[is-loading=\"true\"] {\n  animation: rotating 2s linear infinite;\n}\n.pops-rightClickMenu li:hover {\n  background: var(--pops-right-context-menu-row-hover-color);\n  cursor: pointer;\n}\n.pops-rightClickMenu ul {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  overflow: hidden;\n}\n.pops-rightClickMenu ul li {\n  padding: 5px 10px;\n  margin: 5px 5px;\n  border-radius: var(--pops-right-context-menu-row-bd-radius);\n  display: flex;\n  width: -webkit-fill-available;\n  width: -moz-available;\n  text-align: left;\n  align-items: center;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n@media (prefers-color-scheme: dark) {\n  /*.pops-rightClickMenu {\n\t\t--pops-right-context-menu-shadow-color: #3c3c3c;\n\t}*/\n}\n@media (hover: hover) {\n  .pops-rightClickMenu ul li:active {\n    transform: scale(0.98);\n  }\n}\n";
 
 const PopsCSS = {
     /** 主CSS */
@@ -2896,7 +2877,7 @@ const PopsAnimation = {
         if (!this.$flag.isInit) {
             this.$flag.isInit = true;
             /* 处理获取当前所有的动画名 */
-            let animationStyle = document.createElement("style");
+            const animationStyle = document.createElement("style");
             PopsSafeUtils.setSafeHTML(animationStyle, PopsCSS.anim);
             popsDOMUtils.appendHead(animationStyle);
             this.$data = null;
@@ -2910,7 +2891,7 @@ const PopsAnimation = {
      * 判断是否存在某个动画名
      */
     hasAnim(name) {
-        return this.$data.hasOwnProperty(name);
+        return Object.prototype.hasOwnProperty.call(this.$data, name);
     },
 };
 
@@ -2953,7 +2934,6 @@ const PopsInstanceUtils = {
         // 当前页面最大的z-index
         let zIndex = 0;
         // 当前的最大z-index的元素，调试使用
-        // @ts-ignore
         let maxZIndexNode = null;
         /**
          * 元素是否可见
@@ -2969,7 +2949,7 @@ const PopsInstanceUtils = {
          */
         function queryMaxZIndex($ele) {
             if (typeof ignoreCallBack === "function") {
-                let ignoreResult = ignoreCallBack($ele);
+                const ignoreResult = ignoreCallBack($ele);
                 if (typeof ignoreResult === "boolean" && !ignoreResult) {
                     return;
                 }
@@ -2978,7 +2958,7 @@ const PopsInstanceUtils = {
             const nodeStyle = PopsCore.window.getComputedStyle($ele);
             /* 不对position为static和display为none的元素进行获取它们的z-index */
             if (isVisibleNode(nodeStyle)) {
-                let nodeZIndex = parseInt(nodeStyle.zIndex);
+                const nodeZIndex = parseInt(nodeStyle.zIndex);
                 if (!isNaN(nodeZIndex)) {
                     if (nodeZIndex > zIndex) {
                         // 赋值到全局
@@ -2994,7 +2974,7 @@ const PopsInstanceUtils = {
                 }
             }
         }
-        target.querySelectorAll("*").forEach(($ele, index) => {
+        target.querySelectorAll("*").forEach(($ele) => {
             queryMaxZIndex($ele);
         });
         zIndex += deviation;
@@ -3029,13 +3009,13 @@ const PopsInstanceUtils = {
             return $css.position !== "static" && $css.display !== "none";
         }
         Object.keys(PopsInstData).forEach((instKeyName) => {
-            let instData = PopsInstData[instKeyName];
+            const instData = PopsInstData[instKeyName];
             for (let index = 0; index < instData.length; index++) {
                 const inst = instData[index];
-                let nodeStyle = window.getComputedStyle(inst.animElement);
+                const nodeStyle = window.getComputedStyle(inst.animElement);
                 /* 不对position为static和display为none的元素进行获取它们的z-index */
                 if (isVisibleNode(nodeStyle)) {
-                    let nodeZIndex = parseInt(nodeStyle.zIndex);
+                    const nodeZIndex = parseInt(nodeStyle.zIndex);
                     if (!isNaN(nodeZIndex)) {
                         if (nodeZIndex > zIndex) {
                             zIndex = nodeZIndex;
@@ -3046,7 +3026,7 @@ const PopsInstanceUtils = {
             }
         });
         zIndex += deviation;
-        let isOverMaxZIndex = zIndex >= maxZIndex;
+        const isOverMaxZIndex = zIndex >= maxZIndex;
         if (isOverMaxZIndex) {
             // 超出z-index最大值
             zIndex = maxZIndex;
@@ -3091,9 +3071,9 @@ const PopsInstanceUtils = {
                 // 移除全部或者guid相同
                 if (isAll || instConfigItem["guid"] === guid) {
                     // 判断是否有动画
-                    let animName = instConfigItem.animElement.getAttribute("anim");
+                    const animName = instConfigItem.animElement.getAttribute("anim");
                     if (PopsAnimation.hasAnim(animName)) {
-                        let reverseAnimName = animName + "-reverse";
+                        const reverseAnimName = animName + "-reverse";
                         instConfigItem.animElement.style.width = "100%";
                         instConfigItem.animElement.style.height = "100%";
                         instConfigItem.animElement.style["animation-name"] = reverseAnimName;
@@ -3128,9 +3108,9 @@ const PopsInstanceUtils = {
      */
     hide(popsType, instConfigList, guid, config, animElement, maskElement) {
         return new Promise((resolve) => {
-            let popsElement = animElement.querySelector(".pops[type-value]");
+            const popsElement = animElement.querySelector(".pops[type-value]");
             if (popsType === "drawer") {
-                let drawerConfig = config;
+                const drawerConfig = config;
                 popsUtils.setTimeout(() => {
                     maskElement.style.setProperty("display", "none");
                     if (["top", "bottom"].includes(drawerConfig.direction)) {
@@ -3146,18 +3126,14 @@ const PopsInstanceUtils = {
                 }, drawerConfig.closeDelay);
             }
             else {
-                let fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
+                const fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
                 if (fintInst) {
                     /* 存在动画 */
-                    let instConfigItem = fintInst;
+                    const instConfigItem = fintInst;
                     instConfigItem.animElement.style.width = "100%";
                     instConfigItem.animElement.style.height = "100%";
-                    // @ts-ignore
-                    instConfigItem.animElement.style["animation-name"] =
-                        instConfigItem.animElement.getAttribute("anim") + "-reverse";
-                    if (PopsAnimation.hasAnim(
-                    // @ts-ignore
-                    instConfigItem.animElement.style["animation-name"])) {
+                    Reflect.set(instConfigItem.animElement.style, "animation-name", instConfigItem.animElement.getAttribute("anim") + "-reverse");
+                    if (PopsAnimation.hasAnim(Reflect.get(instConfigItem.animElement.style, "animation-name"))) {
                         /**
                          * 动画结束的回调
                          */
@@ -3197,13 +3173,13 @@ const PopsInstanceUtils = {
      */
     show(popsType, instConfigList, guid, config, animElement, maskElement) {
         return new Promise((resolve) => {
-            let popsElement = animElement.querySelector(".pops[type-value]");
+            const popsElement = animElement.querySelector(".pops[type-value]");
             if (popsType === "drawer") {
-                let drawerConfig = config;
+                const drawerConfig = config;
                 popsUtils.setTimeout(() => {
                     popsDOMUtils.css(maskElement, "display", "");
-                    let direction = drawerConfig.direction;
-                    let size = drawerConfig.size.toString();
+                    const direction = drawerConfig.direction;
+                    const size = drawerConfig.size.toString();
                     if (["top", "bottom"].includes(direction)) {
                         popsElement.style.setProperty("height", size);
                     }
@@ -3217,18 +3193,13 @@ const PopsInstanceUtils = {
                 }, drawerConfig.openDelay ?? 0);
             }
             else {
-                let fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
+                const fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
                 if (fintInst) {
-                    let instConfigItem = fintInst;
+                    const instConfigItem = fintInst;
                     instConfigItem.animElement.style.width = "";
                     instConfigItem.animElement.style.height = "";
-                    // @ts-ignore
-                    instConfigItem.animElement.style["animation-name"] = instConfigItem
-                        .animElement.getAttribute("anim")
-                        .replace("-reverse", "");
-                    if (PopsAnimation.hasAnim(
-                    // @ts-ignore
-                    instConfigItem.animElement.style["animation-name"])) {
+                    Reflect.set(instConfigItem.animElement.style, "animation-name", instConfigItem.animElement.getAttribute("anim").replace("-reverse", ""));
+                    if (PopsAnimation.hasAnim(Reflect.get(instConfigItem.animElement.style, "animation-name"))) {
                         /**
                          * 动画结束的回调
                          */
@@ -3267,8 +3238,8 @@ const PopsInstanceUtils = {
      */
     close(popsType, instConfigList, guid, config, animElement) {
         return new Promise((resolve) => {
-            let popsElement = animElement.querySelector(".pops[type-value]");
-            let drawerConfig = config;
+            const popsElement = animElement.querySelector(".pops[type-value]");
+            const drawerConfig = config;
             /**
              * 动画结束事件
              */
@@ -3286,7 +3257,7 @@ const PopsInstanceUtils = {
                 }
                 /* 监听过渡结束 */
                 popsDOMUtils.on(popsElement, popsDOMUtils.getTransitionEndNameList(), closeCallBack);
-                let popsTransForm = getComputedStyle(popsElement).transform;
+                const popsTransForm = getComputedStyle(popsElement).transform;
                 if (popsTransForm !== "none") {
                     popsDOMUtils.trigger(popsElement, popsDOMUtils.getTransitionEndNameList(), void 0, true);
                     return;
@@ -3338,8 +3309,8 @@ const PopsInstanceUtils = {
         let clickElementLeftOffset = 0;
         /* 点击元素，top偏移 */
         let clickElementTopOffset = 0;
-        let AnyTouch = popsUtils.AnyTouch();
-        let anyTouchElement = new AnyTouch(options.dragElement, {
+        const AnyTouch = popsUtils.AnyTouch();
+        const anyTouchElement = new AnyTouch(options.dragElement, {
             preventDefault(event) {
                 if (typeof options.preventEvent === "function") {
                     return options.preventEvent(event);
@@ -3357,7 +3328,7 @@ const PopsInstanceUtils = {
          * 修改移动的元素的style
          */
         function changeMoveElementStyle(element) {
-            let old_transitionDuration = element.style.transitionDuration;
+            const old_transitionDuration = element.style.transitionDuration;
             if (globalThis.getComputedStyle(element).transitionDuration !== "0s") {
                 element.style.transitionDuration = "0s";
             }
@@ -3387,7 +3358,7 @@ const PopsInstanceUtils = {
                 };
             }
             else {
-                let rect = container.getBoundingClientRect();
+                const rect = container.getBoundingClientRect();
                 return {
                     left: rect.left,
                     top: rect.top,
@@ -3400,7 +3371,7 @@ const PopsInstanceUtils = {
         anyTouchElement.on("pan", function (event) {
             if (!isMove) {
                 isMove = true;
-                let rect = options.dragElement.getBoundingClientRect();
+                const rect = options.dragElement.getBoundingClientRect();
                 clickElementLeftOffset = event.x - rect.left;
                 clickElementTopOffset = event.y - rect.top;
                 transformInfo = popsDOMUtils.getTransform(moveElement);
@@ -3425,12 +3396,12 @@ const PopsInstanceUtils = {
                 if (options.limit) {
                     /* 限制在容器内移动 */
                     /* left偏移最大值 */
-                    let maxLeftOffset = getContainerWidthOrHeight(options.container).width -
+                    const maxLeftOffset = getContainerWidthOrHeight(options.container).width -
                         popsDOMUtils.width(moveElement) +
                         transformInfo.transformLeft;
-                    let { left: minLeftOffset, top: minTopOffset } = getContainerTopOrLeft(options.container);
+                    const { left: minLeftOffset, top: minTopOffset } = getContainerTopOrLeft(options.container);
                     /* top偏移的最大值 */
-                    let maxTopOffset = getContainerWidthOrHeight(options.container).height -
+                    const maxTopOffset = getContainerWidthOrHeight(options.container).height -
                         popsDOMUtils.height(moveElement) +
                         transformInfo.transformTop;
                     if (currentMoveLeftOffset > maxLeftOffset) {
@@ -3441,8 +3412,7 @@ const PopsInstanceUtils = {
                         /* 不允许超过容器的最大高度 */
                         currentMoveTopOffset = maxTopOffset;
                     }
-                    if (currentMoveLeftOffset - options.extraDistance * 2 <
-                        minLeftOffset + transformInfo.transformLeft) {
+                    if (currentMoveLeftOffset - options.extraDistance * 2 < minLeftOffset + transformInfo.transformLeft) {
                         /* 不允许left偏移小于容器最小值 */
                         currentMoveLeftOffset = minLeftOffset + transformInfo.transformLeft;
                         /* 最左边 +额外距离 */
@@ -3506,8 +3476,8 @@ const PopsInstanceUtils = {
             throw new Error("获取前面的值或后面的值的方法不能为空");
         }
         return function (after_obj, before_obj) {
-            var beforeValue = getBeforeValueFun(before_obj); /*  前 */
-            var afterValue = getAfterValueFun(after_obj); /* 后 */
+            const beforeValue = getBeforeValueFun(before_obj); /*  前 */
+            const afterValue = getAfterValueFun(after_obj); /* 后 */
             if (sortByDesc) {
                 if (afterValue > beforeValue) {
                     return -1;
@@ -3539,10 +3509,10 @@ const PopsHandler = {
      * 创建shadow
      */
     handlerShadow(config) {
-        let $shadowContainer = document.createElement("div");
+        const $shadowContainer = document.createElement("div");
         $shadowContainer.className = "pops-shadow-container";
         if (config.useShadowRoot) {
-            let $shadowRoot = $shadowContainer.attachShadow({ mode: "open" });
+            const $shadowRoot = $shadowContainer.attachShadow({ mode: "open" });
             return {
                 $shadowContainer,
                 $shadowRoot,
@@ -3594,7 +3564,7 @@ const PopsHandler = {
             });
         }
         for (const cssItem of css) {
-            let $css = popsDOMUtils.createElement("style", {}, {
+            const $css = popsDOMUtils.createElement("style", {}, {
                 "data-type": "PopsHandler.handleInit",
             });
             $css.textContent = cssItem.css;
@@ -3611,7 +3581,7 @@ const PopsHandler = {
      * @param details 传递的配置
      */
     handleMask(details = {}) {
-        let result = {
+        const result = {
             maskElement: popsDOMUtils.parseTextToDOM(details.maskHTML),
         };
         let isMaskClick = false;
@@ -3622,7 +3592,7 @@ const PopsHandler = {
         function clickEvent(event) {
             popsDOMUtils.preventEvent(event);
             // 获取该类型实例存储列表
-            let targetInst = PopsInstData[details.type];
+            const targetInst = PopsInstData[details.type];
             function originalRun() {
                 if (details.config.mask.clickEvent.toClose) {
                     /* 关闭 */
@@ -3656,12 +3626,12 @@ const PopsHandler = {
             }
             /* 判断按下的元素是否是pops-anim */
             popsDOMUtils.on(details.animElement, ["touchstart", "mousedown"], void 0, (event) => {
-                let $click = event.composedPath()[0];
+                const $click = event.composedPath()[0];
                 isMaskClick = isAnimElement($click);
             });
             /* 如果有动画层，在动画层上监听点击事件 */
             popsDOMUtils.on(details.animElement, "click", void 0, (event) => {
-                let $click = event.composedPath()[0];
+                const $click = event.composedPath()[0];
                 if (isAnimElement($click) && isMaskClick) {
                     return clickEvent(event);
                 }
@@ -3854,7 +3824,7 @@ const PopsHandler = {
      * 处理返回的配置，针对popsHandler.handleEventDetails
      */
     handleResultDetails(details) {
-        let resultDetails = Object.assign({}, details);
+        const resultDetails = Object.assign({}, details);
         popsUtils.delete(resultDetails, "type");
         popsUtils.delete(resultDetails, "function");
         return resultDetails;
@@ -3868,7 +3838,7 @@ const PopsHandler = {
      */
     handleClickEvent(type, $btn, eventDetails, callback) {
         popsDOMUtils.on($btn, "click", (event) => {
-            let extraParam = {
+            const extraParam = {
                 type: type,
             };
             callback(Object.assign(eventDetails, extraParam), event);
@@ -3883,9 +3853,9 @@ const PopsHandler = {
      * @param callback 回调函数
      */
     handleKeyboardEvent(keyName, otherKeyList = [], callback) {
-        let keyboardEvent = function (event) {
-            let _keyName = event.code || event.key;
-            let _keyValue = event.charCode || event.keyCode || event.which;
+        const keyboardEvent = function (event) {
+            const _keyName = event.code || event.key;
+            const _keyValue = event.charCode || event.keyCode || event.which;
             if (otherKeyList.includes("ctrl") && !event.ctrlKey) {
                 return;
             }
@@ -3927,7 +3897,7 @@ const PopsHandler = {
     handlePromptClickEvent(type, inputElement, $btn, eventDetails, callback) {
         popsDOMUtils.on($btn, "click", (event) => {
             // 额外参数
-            let extraParam = {
+            const extraParam = {
                 type: type,
                 text: inputElement.value,
             };
@@ -3960,7 +3930,7 @@ const PopsHandler = {
             // .rightClickMenu
             // 单独处理
             if (type === "loading" || type === "tooltip" || type === "rightClickMenu") {
-                let inst = PopsInstData[type];
+                const inst = PopsInstData[type];
                 if (inst) {
                     PopsInstanceUtils.removeInstance([inst], "", true);
                 }
@@ -3980,7 +3950,7 @@ const PopsHandler = {
         else {
             // 对配置进行处理
             // 选择配置的z-index和已有的pops实例的最大z-index值
-            let originZIndex = config.zIndex;
+            const originZIndex = config.zIndex;
             config.zIndex = () => {
                 const { zIndex: maxZIndex } = PopsInstanceUtils.getPopsMaxZIndex(PopsHandler.handleZIndex(originZIndex) + 100);
                 return maxZIndex;
@@ -4100,13 +4070,13 @@ const PopsAlert = {
             },
         ]);
         // 先把z-index提取出来
-        let zIndex = PopsHandler.handleZIndex(config.zIndex);
-        let maskHTML = PopsElementHandler.createMask(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
-        let bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
-        let { contentStyle, contentPStyle } = PopsElementHandler.createContentStyle(popsType, config);
-        let animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
+        const zIndex = PopsHandler.handleZIndex(config.zIndex);
+        const maskHTML = PopsElementHandler.createMask(guid, zIndex);
+        const headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
+        const bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
+        const { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
+        const { contentStyle, contentPStyle } = PopsElementHandler.createContentStyle(popsType, config);
+        const animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
         /*html*/ `
 			<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
@@ -4117,15 +4087,15 @@ const PopsAlert = {
         /**
          * 弹窗的主元素，包括动画层
          */
-        let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, btnOkElement, titleElement: $title, } = PopsHandler.handleQueryElement($anim, popsType);
+        const $anim = PopsElementHandler.parseElement(animHTML);
+        const { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, btnOkElement, titleElement: $title, } = PopsHandler.handleQueryElement($anim, popsType);
         /** 遮罩层元素 */
         let $mask = null;
         /** 已创建的元素列表 */
-        let elementList = [$anim];
+        const elementList = [$anim];
         /* 遮罩层元素 */
         if (config.mask.enable) {
-            let _handleMask_ = PopsHandler.handleMask({
+            const _handleMask_ = PopsHandler.handleMask({
                 type: popsType,
                 guid: guid,
                 config: config,
@@ -4136,7 +4106,7 @@ const PopsAlert = {
             elementList.push($mask);
         }
         /* 处理返回的配置 */
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
+        const eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         /* 为顶部右边的关闭按钮添加点击事件 */
         PopsHandler.handleClickEvent("close", $headerCloseBtn, eventDetails, config.btn.close.callback);
         /* 为底部ok按钮添加点击事件 */
@@ -4170,7 +4140,7 @@ const PopsAlert = {
                 endCallBack: config.dragEndCallBack,
             });
         }
-        let result = PopsHandler.handleResultDetails(eventDetails);
+        const result = PopsHandler.handleResultDetails(eventDetails);
         return result;
     },
 };
@@ -4304,13 +4274,13 @@ const PopsConfirm = {
             },
         ]);
         // 先把z-index提取出来
-        let zIndex = PopsHandler.handleZIndex(config.zIndex);
-        let maskHTML = PopsElementHandler.createMask(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
-        let bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
-        let { contentStyle, contentPStyle } = PopsElementHandler.createContentStyle(popsType, config);
-        let animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
+        const zIndex = PopsHandler.handleZIndex(config.zIndex);
+        const maskHTML = PopsElementHandler.createMask(guid, zIndex);
+        const headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
+        const bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
+        const { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
+        const { contentStyle, contentPStyle } = PopsElementHandler.createContentStyle(popsType, config);
+        const animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
         /*html*/ `
             <div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
@@ -4321,8 +4291,8 @@ const PopsConfirm = {
         /**
          * 弹窗的主元素，包括动画层
          */
-        let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, titleElement: $title, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, } = PopsHandler.handleQueryElement($anim, popsType);
+        const $anim = PopsElementHandler.parseElement(animHTML);
+        const { popsElement: $pops, titleElement: $title, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, } = PopsHandler.handleQueryElement($anim, popsType);
         /**
          * 遮罩层元素
          */
@@ -4330,10 +4300,10 @@ const PopsConfirm = {
         /**
          * 已创建的元素列表
          */
-        let elementList = [$anim];
+        const elementList = [$anim];
         if (config.mask.enable) {
             // 启用遮罩层
-            let _handleMask_ = PopsHandler.handleMask({
+            const _handleMask_ = PopsHandler.handleMask({
                 type: popsType,
                 guid: guid,
                 config: config,
@@ -4343,7 +4313,7 @@ const PopsConfirm = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
+        const eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         PopsHandler.handleClickEvent("close", $btnClose, eventDetails, config.btn.close.callback);
         PopsHandler.handleClickEvent("ok", $btnOk, eventDetails, config.btn.ok.callback);
         PopsHandler.handleClickEvent("cancel", $btnCancel, eventDetails, config.btn.cancel.callback);
@@ -4375,7 +4345,7 @@ const PopsConfirm = {
                 endCallBack: config.dragEndCallBack,
             });
         }
-        let result = PopsHandler.handleResultDetails(eventDetails);
+        const result = PopsHandler.handleResultDetails(eventDetails);
         return result;
     },
 };
@@ -4508,13 +4478,13 @@ const PopsDrawer = {
             },
         ]);
         // 先把z-index提取出来
-        let zIndex = PopsHandler.handleZIndex(config.zIndex);
-        let maskHTML = PopsElementHandler.createMask(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
-        let bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
-        let { contentStyle, contentPStyle } = PopsElementHandler.createContentStyle(popsType, config);
-        let animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
+        const zIndex = PopsHandler.handleZIndex(config.zIndex);
+        const maskHTML = PopsElementHandler.createMask(guid, zIndex);
+        const headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
+        const bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
+        const { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
+        const { contentStyle, contentPStyle } = PopsElementHandler.createContentStyle(popsType, config);
+        const animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
         /*html*/ `
             ${config.title.enable
             ? /*html*/ `<div class="pops-title pops-${popsType}-title" style="${headerStyle}">${config.title.html
@@ -4527,13 +4497,13 @@ const PopsDrawer = {
         /**
          * 弹窗的主元素，包括动画层
          */
-        let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement, headerCloseBtnElement, btnCancelElement, btnOkElement, btnOtherElement } = PopsHandler.handleQueryElement($anim, popsType);
-        let $pops = popsElement;
-        let $headerCloseBtn = headerCloseBtnElement;
-        let $btnCancel = btnCancelElement;
-        let $btnOk = btnOkElement;
-        let $btnOther = btnOtherElement;
+        const $anim = PopsElementHandler.parseElement(animHTML);
+        const { popsElement, headerCloseBtnElement, btnCancelElement, btnOkElement, btnOtherElement } = PopsHandler.handleQueryElement($anim, popsType);
+        const $pops = popsElement;
+        const $headerCloseBtn = headerCloseBtnElement;
+        const $btnCancel = btnCancelElement;
+        const $btnOk = btnOkElement;
+        const $btnOther = btnOtherElement;
         /**
          * 遮罩层元素
          */
@@ -4541,9 +4511,9 @@ const PopsDrawer = {
         /**
          * 已创建的元素列表
          */
-        let elementList = [$anim];
+        const elementList = [$anim];
         if (config.mask.enable) {
-            let _handleMask_ = PopsHandler.handleMask({
+            const _handleMask_ = PopsHandler.handleMask({
                 type: popsType,
                 guid: guid,
                 config: config,
@@ -4553,7 +4523,7 @@ const PopsDrawer = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
+        const eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         /* 处理方向 */
         $pops.setAttribute("direction", config.direction);
         /* 处理border-radius */
@@ -4581,7 +4551,7 @@ const PopsDrawer = {
             });
         }
         /* 待处理的点击事件列表 */
-        let needHandleClickEventList = [
+        const needHandleClickEventList = [
             {
                 type: "close",
                 ele: $headerCloseBtn,
@@ -4649,7 +4619,7 @@ const PopsDrawer = {
             $shadowContainer: $shadowContainer,
             $shadowRoot: $shadowRoot,
         });
-        let result = PopsHandler.handleResultDetails(eventDetails);
+        const result = PopsHandler.handleResultDetails(eventDetails);
         return result;
     },
 };
@@ -4687,14 +4657,14 @@ const PopsLoading = {
         let config = PopsLoadingConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
-        let guid = popsUtils.getRandomGUID();
+        const guid = popsUtils.getRandomGUID();
         const PopsType = "loading";
         config = PopsHandler.handleOnly(PopsType, config);
         // 先把z-index提取出来
-        let zIndex = PopsHandler.handleZIndex(config.zIndex);
-        let maskHTML = PopsElementHandler.createMask(guid, zIndex);
-        let { contentPStyle } = PopsElementHandler.createContentStyle("loading", config);
-        let animHTML = PopsElementHandler.createAnim(guid, PopsType, config, 
+        const zIndex = PopsHandler.handleZIndex(config.zIndex);
+        const maskHTML = PopsElementHandler.createMask(guid, zIndex);
+        const { contentPStyle } = PopsElementHandler.createContentStyle("loading", config);
+        const animHTML = PopsElementHandler.createAnim(guid, PopsType, config, 
         /*html*/ `
             <div class="pops-content pops-${PopsType}-content">${config.addIndexCSS
             ? /*html*/ `
@@ -4712,8 +4682,8 @@ const PopsLoading = {
         /**
          * 弹窗的主元素，包括动画层
          */
-        let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
+        const $anim = PopsElementHandler.parseElement(animHTML);
+        const { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
         /**
          * 遮罩层元素
          */
@@ -4721,10 +4691,10 @@ const PopsLoading = {
         /**
          * 已创建的元素列表
          */
-        let elementList = [$anim];
+        const elementList = [$anim];
         if (config.mask.enable) {
             // 创建遮罩层
-            let _handleMask_ = PopsHandler.handleMask({
+            const _handleMask_ = PopsHandler.handleMask({
                 type: PopsType,
                 guid: guid,
                 config: config,
@@ -4734,7 +4704,7 @@ const PopsLoading = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleLoadingEventDetails(guid, PopsType, $anim, $pops, $mask, config);
+        const eventDetails = PopsHandler.handleLoadingEventDetails(guid, PopsType, $anim, $pops, $mask, config);
         popsDOMUtils.append(config.parent, elementList);
         if ($mask != null) {
             $anim.after($mask);
@@ -4751,7 +4721,7 @@ const PopsLoading = {
             popsDOMUtils.css($anim, "position", "absolute !important");
             $mask && popsDOMUtils.css($mask, "position", "absolute !important");
         }
-        let result = PopsHandler.handleResultDetails(eventDetails);
+        const result = PopsHandler.handleResultDetails(eventDetails);
         return result;
     },
 };
@@ -4971,20 +4941,14 @@ const PopsFolder = {
             },
         ]);
         /* 办公几件套 */
-        // @ts-ignore
-        Folder_ICON.docx = Folder_ICON.doc;
-        // @ts-ignore;
-        Folder_ICON.rtf = Folder_ICON.doc;
-        // @ts-ignore
-        Folder_ICON.xlsx = Folder_ICON.xls;
-        // @ts-ignore
-        Folder_ICON.pptx = Folder_ICON.ppt;
-        // @ts-ignore;
-        Folder_ICON.dmg = Folder_ICON.ipa;
-        // @ts-ignore
-        Folder_ICON.json = Folder_ICON.js;
+        Reflect.set(Folder_ICON, "docx", Folder_ICON.doc);
+        Reflect.set(Folder_ICON, "rtf", Folder_ICON.doc);
+        Reflect.set(Folder_ICON, "xlsx", Folder_ICON.xls);
+        Reflect.set(Folder_ICON, "pptx", Folder_ICON.ppt);
+        Reflect.set(Folder_ICON, "dmg", Folder_ICON.ipa);
+        Reflect.set(Folder_ICON, "json", Folder_ICON.js);
         /* 压缩包 */
-        let zipIconList = [
+        const zipIconList = [
             "rar",
             "7z",
             "arj",
@@ -5003,11 +4967,11 @@ const PopsFolder = {
             "001",
         ];
         /* 图片 */
-        let imageIconList = ["jpg", "jpeg", "ico", "webp"];
+        const imageIconList = ["jpg", "jpeg", "ico", "webp"];
         /* 代码语言 */
-        let codeLanguageIconList = ["htm", "py", "vue", "bat", "sh", "vbs", "java", "kt"];
+        const codeLanguageIconList = ["htm", "py", "vue", "bat", "sh", "vbs", "java", "kt"];
         /* Android安装包 */
-        let androidIconList = ["apk", "apkm", "xapk"];
+        const androidIconList = ["apk", "apkm", "xapk"];
         zipIconList.forEach((keyName) => {
             Folder_ICON[keyName] = Folder_ICON.zip;
         });
@@ -5021,16 +4985,15 @@ const PopsFolder = {
             Folder_ICON[keyName] = Folder_ICON.apk;
         });
         if (details?.folder) {
-            // @ts-ignore
-            config.folder = details.folder;
+            Reflect.set(config, "folder", details.folder);
         }
         // 先把z-index提取出来
-        let zIndex = PopsHandler.handleZIndex(config.zIndex);
-        let maskHTML = PopsElementHandler.createMask(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
-        let bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
-        let animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
+        const zIndex = PopsHandler.handleZIndex(config.zIndex);
+        const maskHTML = PopsElementHandler.createMask(guid, zIndex);
+        const headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
+        const bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
+        const { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
+        const animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
         /*html*/ `
             <div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
@@ -5132,8 +5095,8 @@ const PopsFolder = {
         /**
          * 弹窗的主元素，包括动画层
          */
-        let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, titleElement: $title, contentElement: $content, 
+        const $anim = PopsElementHandler.parseElement(animHTML);
+        const { popsElement: $pops, titleElement: $title, contentElement: $content, 
         // folderListElement,
         // folderListHeaderElement,
         // folderListHeaderRowElement,
@@ -5145,9 +5108,9 @@ const PopsFolder = {
         /**
          * 已创建的元素列表
          */
-        let elementList = [$anim];
+        const elementList = [$anim];
         if (config.mask.enable) {
-            let _handleMask_ = PopsHandler.handleMask({
+            const _handleMask_ = PopsHandler.handleMask({
                 type: popsType,
                 guid: guid,
                 config: config,
@@ -5158,7 +5121,7 @@ const PopsFolder = {
             elementList.push($mask);
         }
         /* 事件 */
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
+        const eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         PopsHandler.handleClickEvent("close", $btnCloseBtn, eventDetails, config.btn.close.callback);
         PopsHandler.handleClickEvent("ok", btnOkElement, eventDetails, config.btn.ok.callback);
         PopsHandler.handleClickEvent("cancel", btnCancelElement, eventDetails, config.btn.cancel.callback);
@@ -5177,7 +5140,7 @@ const PopsFolder = {
                 config.folder.sort();
                 this.initFolderView(config.folder);
                 /* 将数据存到全部文件的属性_config_中 */
-                let allFilesElement = folderFileListBreadcrumbPrimaryElement.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child");
+                const allFilesElement = folderFileListBreadcrumbPrimaryElement.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child");
                 Reflect.set(allFilesElement, "_config_", config.folder);
                 /* 设置点击顶部的全部文件事件 */
                 popsDOMUtils.on(allFilesElement, "click", (event) => {
@@ -5226,13 +5189,13 @@ const PopsFolder = {
              * @param isFolder 是否是文件夹
              */
             createFolderRowElement(fileName, latestTime = "-", fileSize = "-", isFolder = false) {
-                let origin_fileName = fileName;
-                let origin_latestTime = latestTime;
-                let origin_fileSize = fileSize;
-                let folderElement = popsDOMUtils.createElement("tr");
-                let fileNameElement = popsDOMUtils.createElement("td");
-                let fileTimeElement = popsDOMUtils.createElement("td");
-                let fileFormatSize = popsDOMUtils.createElement("td");
+                const origin_fileName = fileName;
+                const origin_latestTime = latestTime;
+                const origin_fileSize = fileSize;
+                const folderElement = popsDOMUtils.createElement("tr");
+                const fileNameElement = popsDOMUtils.createElement("td");
+                const fileTimeElement = popsDOMUtils.createElement("td");
+                const fileFormatSize = popsDOMUtils.createElement("td");
                 let fileType = "";
                 let fileIcon = Folder_ICON.folder;
                 if (isFolder) {
@@ -5249,14 +5212,14 @@ const PopsFolder = {
                     if (typeof fileSize === "number") {
                         fileSize = popsUtils.formatByteToSize(fileSize);
                     }
-                    for (let keyName in Folder_ICON) {
+                    for (const keyName in Folder_ICON) {
                         if (fileName.toLowerCase().endsWith("." + keyName)) {
                             fileType = keyName;
                             fileIcon = Folder_ICON[keyName];
                             break;
                         }
                     }
-                    if (!Boolean(fileIcon)) {
+                    if (!fileIcon) {
                         fileType = "Null";
                         fileIcon = Folder_ICON.Null;
                     }
@@ -5289,7 +5252,7 @@ const PopsFolder = {
 				</div>
 				`);
                 /* 存储原来的值 */
-                let __value__ = {
+                const __value__ = {
                     fileName: origin_fileName,
                     latestTime: origin_latestTime,
                     fileSize: origin_fileSize,
@@ -5317,11 +5280,11 @@ const PopsFolder = {
              * @param isFolder 是否是文件夹
              */
             createFolderRowElementByMobile(fileName, latestTime = "-", fileSize = "-", isFolder = false) {
-                let origin_fileName = fileName;
-                let origin_latestTime = latestTime;
-                let origin_fileSize = fileSize;
-                let folderElement = popsDOMUtils.createElement("tr");
-                let fileNameElement = popsDOMUtils.createElement("td");
+                const origin_fileName = fileName;
+                const origin_latestTime = latestTime;
+                const origin_fileSize = fileSize;
+                const folderElement = popsDOMUtils.createElement("tr");
+                const fileNameElement = popsDOMUtils.createElement("td");
                 let fileType = "";
                 let fileIcon = Folder_ICON.folder;
                 if (isFolder) {
@@ -5338,14 +5301,14 @@ const PopsFolder = {
                     if (typeof fileSize === "number") {
                         fileSize = popsUtils.formatByteToSize(fileSize);
                     }
-                    for (let keyName in Folder_ICON) {
+                    for (const keyName in Folder_ICON) {
                         if (fileName.toLowerCase().endsWith("." + keyName)) {
                             fileType = keyName;
                             fileIcon = Folder_ICON[keyName];
                             break;
                         }
                     }
-                    if (!Boolean(fileIcon)) {
+                    if (!fileIcon) {
                         fileType = "Null";
                         fileIcon = Folder_ICON.Null;
                     }
@@ -5363,7 +5326,7 @@ const PopsFolder = {
 				</div>
 			`);
                 /* 存储原来的值 */
-                let __value__ = {
+                const __value__ = {
                     fileName: origin_fileName,
                     latestTime: origin_latestTime,
                     fileSize: origin_fileSize,
@@ -5387,7 +5350,7 @@ const PopsFolder = {
              * 创建顶部导航的箭头图标
              */
             createHeaderArrowIcon() {
-                let $arrowIcon = popsDOMUtils.createElement("div", {
+                const $arrowIcon = popsDOMUtils.createElement("div", {
                     className: "iconArrow",
                 });
                 return $arrowIcon;
@@ -5398,7 +5361,7 @@ const PopsFolder = {
              * @param folderDataConfig 文件夹配置
              */
             createBreadcrumb(folderName, folderDataConfig) {
-                let $breadcrumb = popsDOMUtils.createElement("span", {
+                const $breadcrumb = popsDOMUtils.createElement("span", {
                     className: "pops-folder-file-list-breadcrumb-allFiles cursor-p",
                     innerHTML: `<a>${folderName}</a>`,
                     _config_: folderDataConfig,
@@ -5416,8 +5379,8 @@ const PopsFolder = {
             setBreadcrumbClickEvent(clickEvent, isTop, dataConfigList) {
                 this.clearFolderInfoView();
                 /* 获取当前的导航元素 */
-                let $click = clickEvent.target;
-                let currentBreadcrumb = $click.closest("span.pops-folder-file-list-breadcrumb-allFiles");
+                const $click = clickEvent.target;
+                const currentBreadcrumb = $click.closest("span.pops-folder-file-list-breadcrumb-allFiles");
                 if (currentBreadcrumb) {
                     while (currentBreadcrumb.nextElementSibling) {
                         currentBreadcrumb.nextElementSibling.remove();
@@ -5426,7 +5389,7 @@ const PopsFolder = {
                 else {
                     console.error("获取导航按钮失败");
                 }
-                let loadingMask = PopsLoading.init({
+                const loadingMask = PopsLoading.init({
                     parent: $content,
                     content: {
                         text: "获取文件列表中...",
@@ -5452,7 +5415,7 @@ const PopsFolder = {
              */
             async enterFolder(clickEvent, dataConfig) {
                 this.clearFolderInfoView();
-                let loadingMask = PopsLoading.init({
+                const loadingMask = PopsLoading.init({
                     parent: $content,
                     content: {
                         text: "获取文件列表中...",
@@ -5463,11 +5426,11 @@ const PopsFolder = {
                     addIndexCSS: false,
                 });
                 if (typeof dataConfig.clickEvent === "function") {
-                    let childConfig = await dataConfig.clickEvent(clickEvent, dataConfig);
+                    const childConfig = await dataConfig.clickEvent(clickEvent, dataConfig);
                     /* 添加顶部导航的箭头 */
                     folderFileListBreadcrumbPrimaryElement.appendChild(this.createHeaderArrowIcon());
                     /* 添加顶部导航的链接文字 */
-                    let breadcrumbAllFilesElement = this.createBreadcrumb(dataConfig.fileName, childConfig);
+                    const breadcrumbAllFilesElement = this.createBreadcrumb(dataConfig.fileName, childConfig);
                     folderFileListBreadcrumbPrimaryElement.appendChild(breadcrumbAllFilesElement);
                     /* 设置顶部导航点击事件 */
                     popsDOMUtils.on(breadcrumbAllFilesElement, "click", (event) => {
@@ -5484,9 +5447,9 @@ const PopsFolder = {
              */
             async downloadFile(clickEvent, $row, dataConfig) {
                 popsDOMUtils.preventEvent(clickEvent);
-                let $link = $row.querySelector("a");
+                const $link = $row.querySelector("a");
                 if (typeof dataConfig.clickEvent === "function") {
-                    let downloadInfo = await dataConfig.clickEvent(clickEvent, dataConfig);
+                    const downloadInfo = await dataConfig.clickEvent(clickEvent, dataConfig);
                     if (downloadInfo != null &&
                         typeof downloadInfo === "object" &&
                         !Array.isArray(downloadInfo) &&
@@ -5501,7 +5464,7 @@ const PopsFolder = {
                             }
                             if (downloadInfo.mode === "a" || downloadInfo.mode === "aBlank") {
                                 /* a标签下载 */
-                                let downloadLinkElement = document.createElement("a");
+                                const downloadLinkElement = document.createElement("a");
                                 if (downloadInfo.mode === "aBlank") {
                                     downloadLinkElement.setAttribute("target", "_blank");
                                 }
@@ -5519,7 +5482,7 @@ const PopsFolder = {
                             }
                             else if (downloadInfo.mode === "iframe") {
                                 /* iframe下载 */
-                                let downloadIframeLinkElement = document.createElement("iframe");
+                                const downloadIframeLinkElement = document.createElement("iframe");
                                 downloadIframeLinkElement.src = downloadInfo.url;
                                 downloadIframeLinkElement.onload = function () {
                                     popsUtils.setTimeout(() => {
@@ -5547,16 +5510,16 @@ const PopsFolder = {
             sortFolderConfig(folderDataConfigList, sortName = "fileName", isDesc = false) {
                 if (sortName === "fileName") {
                     // 如果是以文件名排序，文件夹优先放前面
-                    let onlyFolderDataConfigList = folderDataConfigList.filter((value) => {
+                    const onlyFolderDataConfigList = folderDataConfigList.filter((value) => {
                         return value.isFolder;
                     });
-                    let onlyFileDataConfigList = folderDataConfigList.filter((value) => {
+                    const onlyFileDataConfigList = folderDataConfigList.filter((value) => {
                         return !value.isFolder;
                     });
                     // 文件夹排序
                     onlyFolderDataConfigList.sort((leftConfig, rightConfig) => {
-                        let beforeVal = leftConfig[sortName].toString();
-                        let afterVal = rightConfig[sortName].toString();
+                        const beforeVal = leftConfig[sortName].toString();
+                        const afterVal = rightConfig[sortName].toString();
                         let compareVal = beforeVal.localeCompare(afterVal);
                         if (isDesc) {
                             /* 降序 */
@@ -5571,8 +5534,8 @@ const PopsFolder = {
                     });
                     // 文件名排序
                     onlyFileDataConfigList.sort((leftConfig, rightConfig) => {
-                        let beforeVal = leftConfig[sortName].toString();
-                        let afterVal = rightConfig[sortName].toString();
+                        const beforeVal = leftConfig[sortName].toString();
+                        const afterVal = rightConfig[sortName].toString();
                         let compareVal = beforeVal.localeCompare(afterVal);
                         if (isDesc) {
                             /* 降序 */
@@ -5642,7 +5605,7 @@ const PopsFolder = {
                 this.sortFolderConfig(dataConfig, config.sort.name, config.sort.isDesc);
                 dataConfig.forEach((item) => {
                     if (item.isFolder) {
-                        let { folderElement, fileNameElement } = popsUtils.isPhone()
+                        const { folderElement, fileNameElement } = popsUtils.isPhone()
                             ? this.createFolderRowElementByMobile(item.fileName, "", "", true)
                             : this.createFolderRowElement(item.fileName, "", "", true);
                         // 文件夹 - 点击事件
@@ -5653,7 +5616,7 @@ const PopsFolder = {
                         folderListBodyElement.appendChild(folderElement);
                     }
                     else {
-                        let { folderElement, fileNameElement } = popsUtils.isPhone()
+                        const { folderElement, fileNameElement } = popsUtils.isPhone()
                             ? this.createFolderRowElementByMobile(item.fileName, item.latestTime, item.fileSize, false)
                             : this.createFolderRowElement(item.fileName, item.latestTime, item.fileSize, false);
                         // 文件 - 点击事件
@@ -5699,20 +5662,20 @@ const PopsFolder = {
                     config.sort.name = sortName;
                     config.sort.isDesc = !config.sort.isDesc;
                 }
-                let arrowUp = target.querySelector(".pops-folder-icon-arrow-up");
-                let arrowDown = target.querySelector(".pops-folder-icon-arrow-down");
+                const arrowUp = target.querySelector(".pops-folder-icon-arrow-up");
+                const arrowDown = target.querySelector(".pops-folder-icon-arrow-down");
                 this.changeArrowActive(arrowUp, arrowDown, config.sort.isDesc);
                 if (typeof config.sort.callback === "function" &&
                     config.sort.callback(target, event, config.sort.name, config.sort.isDesc)) {
                     return;
                 }
-                let childrenList = [];
+                const childrenList = [];
                 Array.from(folderListBodyElement.children).forEach((trElement) => {
-                    let __value__ = Reflect.get(trElement, "__value__");
+                    const __value__ = Reflect.get(trElement, "__value__");
                     Reflect.set(__value__, "target", trElement);
                     childrenList.push(__value__);
                 });
-                let sortedConfigList = this.sortFolderConfig(childrenList, config.sort.name, config.sort.isDesc);
+                const sortedConfigList = this.sortFolderConfig(childrenList, config.sort.name, config.sort.isDesc);
                 sortedConfigList.forEach((item) => {
                     folderListBodyElement.appendChild(item.target);
                 });
@@ -5739,7 +5702,7 @@ const PopsFolder = {
             $shadowContainer: $shadowContainer,
             $shadowRoot: $shadowRoot,
         });
-        let result = PopsHandler.handleResultDetails(eventDetails);
+        const result = PopsHandler.handleResultDetails(eventDetails);
         return result;
     },
 };
@@ -5841,17 +5804,15 @@ const PopsIframe = {
                 css: PopsCSS.iframeCSS,
             },
         ]);
-        let maskExtraStyle = 
-        // @ts-ignore
-        config.animation != null && config.animation != "" ? "position:absolute;" : "";
+        const maskExtraStyle = config.animation != null && config.animation != "" ? "position:absolute;" : "";
         // 先把z-index提取出来
-        let zIndex = PopsHandler.handleZIndex(config.zIndex);
-        let maskHTML = PopsElementHandler.createMask(guid, zIndex, maskExtraStyle);
-        let headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
-        let iframeLoadingHTML = '<div class="pops-loading"></div>';
-        let titleText = config.title.text.trim() !== "" ? config.title.text : config.url;
-        let { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
-        let animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
+        const zIndex = PopsHandler.handleZIndex(config.zIndex);
+        const maskHTML = PopsElementHandler.createMask(guid, zIndex, maskExtraStyle);
+        const headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
+        const iframeLoadingHTML = '<div class="pops-loading"></div>';
+        const titleText = config.title.text.trim() !== "" ? config.title.text : config.url;
+        const { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
+        const animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
         /*html*/ `
             <div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? titleText
@@ -5864,14 +5825,14 @@ const PopsIframe = {
         /**
          * 弹窗的主元素，包括动画层
          */
-        let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, headerCloseBtnElement, headerControlsElement, titleElement: $title, iframeElement: $iframe, loadingElement, contentLoadingElement: $contentLoading, headerMinBtnElement, headerMaxBtnElement, headerMiseBtnElement, } = PopsHandler.handleQueryElement($anim, popsType);
+        const $anim = PopsElementHandler.parseElement(animHTML);
+        const { popsElement: $pops, headerCloseBtnElement, headerControlsElement, titleElement: $title, iframeElement: $iframe, loadingElement, contentLoadingElement: $contentLoading, headerMinBtnElement, headerMaxBtnElement, headerMiseBtnElement, } = PopsHandler.handleQueryElement($anim, popsType);
         let $iframeContainer = PopsCore.document.querySelector(".pops-iframe-container");
         if (!$iframeContainer) {
             $iframeContainer = PopsCore.document.createElement("div");
             $iframeContainer.className = "pops-iframe-container";
             $iframeContainer.style.cssText =
-                "display: flex;position: fixed;bottom: 0px;flex-flow: wrap-reverse;user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;";
+                "display: flex;position: fixed;bottom: 0px;flex-flow: wrap-reverse;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;";
             popsDOMUtils.appendBody($iframeContainer);
         }
         /**
@@ -5881,9 +5842,9 @@ const PopsIframe = {
         /**
          * 已创建的元素列表
          */
-        let elementList = [$anim];
+        const elementList = [$anim];
         if (config.mask.enable) {
-            let _handleMask_ = PopsHandler.handleMask({
+            const _handleMask_ = PopsHandler.handleMask({
                 type: popsType,
                 guid: guid,
                 config: config,
@@ -5893,7 +5854,7 @@ const PopsIframe = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
+        const eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         eventDetails["iframeElement"] = $iframe;
         popsDOMUtils.on($anim, popsDOMUtils.getAnimationEndNameList(), function () {
             /* 动画加载完毕 */
@@ -6044,7 +6005,7 @@ const PopsIframe = {
             $shadowContainer: $shadowContainer,
             $shadowRoot: $shadowRoot,
         });
-        let result = PopsHandler.handleResultDetails(eventDetails);
+        const result = PopsHandler.handleResultDetails(eventDetails);
         return result;
     },
 };
@@ -6315,7 +6276,7 @@ const PopsPanelConfig = () => {
                                 text: "单选3",
                                 isHTML: false,
                                 disable(value, allSelectedInfo) {
-                                    return (allSelectedInfo.findIndex((it) => ["select-2", "select-5"].includes(it.value)) !== -1);
+                                    return allSelectedInfo.findIndex((it) => ["select-2", "select-5"].includes(it.value)) !== -1;
                                 },
                             },
                             {
@@ -6323,7 +6284,7 @@ const PopsPanelConfig = () => {
                                 text: "单选4",
                                 isHTML: false,
                                 disable(value, allSelectedInfo) {
-                                    return (allSelectedInfo.findIndex((it) => ["select-3", "select-5"].includes(it.value)) !== -1);
+                                    return allSelectedInfo.findIndex((it) => ["select-3", "select-5"].includes(it.value)) !== -1;
                                 },
                             },
                             {
@@ -6505,7 +6466,7 @@ const PopsPanelConfig = () => {
                 // @ts-ignore
                 props: {},
                 forms: [],
-                clickFirstCallback: function (event, rightHeaderElement, rightContainerElement) {
+                clickFirstCallback: function () {
                     return false;
                 },
             },
@@ -6522,7 +6483,7 @@ const PopsPanelConfig = () => {
                 // @ts-ignore
                 props: {},
                 forms: [],
-                clickFirstCallback: function (event, rightHeaderElement, rightContainerElement) {
+                clickFirstCallback: function () {
                     return false;
                 },
             },
@@ -6579,20 +6540,20 @@ const PopsMathFloatUtils = {
      * @param number2
      */
     add(number1, number2) {
-        let number1length, number2length, powValue;
+        let number1length, number2length;
         try {
             number1length = number1.toString().split(".")[1].length;
         }
-        catch (error) {
+        catch {
             number1length = 0;
         }
         try {
             number2length = number2.toString().split(".")[1].length;
         }
-        catch (error) {
+        catch {
             number2length = 0;
         }
-        powValue = Math.pow(10, Math.max(number1length, number2length));
+        const powValue = Math.pow(10, Math.max(number1length, number2length));
         return Math.round(number1 * powValue + number2 * powValue) / powValue;
     },
     /**
@@ -6601,21 +6562,21 @@ const PopsMathFloatUtils = {
      * @param number2
      */
     sub(number1, number2) {
-        let number1length, number2length, powValue;
+        let number1length, number2length;
         try {
             number1length = number1.toString().split(".")[1].length;
         }
-        catch (error) {
+        catch {
             number1length = 0;
         }
         try {
             number2length = number2.toString().split(".")[1].length;
         }
-        catch (error) {
+        catch {
             number2length = 0;
         }
-        powValue = Math.pow(10, Math.max(number1length, number2length));
-        let fixedValue = number1length >= number2length ? number1length : number2length;
+        const powValue = Math.pow(10, Math.max(number1length, number2length));
+        const fixedValue = number1length >= number2length ? number1length : number2length;
         return (Math.round(number1 * powValue - number2 * powValue) / powValue).toFixed(fixedValue);
     },
     /**
@@ -6624,21 +6585,21 @@ const PopsMathFloatUtils = {
      * @param number2
      */
     division(number1, number2) {
-        let number1length, number2length, number1ReplaceValue, number2ReplaceValue;
+        let number1length, number2length;
         try {
             number1length = number1.toString().split(".")[1].length;
         }
-        catch (error) {
+        catch {
             number1length = 0;
         }
         try {
             number2length = number2.toString().split(".")[1].length;
         }
-        catch (error) {
+        catch {
             number2length = 0;
         }
-        number1ReplaceValue = Number(number1.toString().replace(".", ""));
-        number2ReplaceValue = Number(number2.toString().replace(".", ""));
+        const number1ReplaceValue = Number(number1.toString().replace(".", ""));
+        const number2ReplaceValue = Number(number2.toString().replace(".", ""));
         return (number1ReplaceValue / number2ReplaceValue) * Math.pow(10, number2length - number1length);
     },
 };
@@ -6703,7 +6664,7 @@ class ToolTip {
         this.init();
     }
     init() {
-        let toolTipInfo = this.createToolTip();
+        const toolTipInfo = this.createToolTip();
         this.$el.$toolTip = toolTipInfo.$toolTipContainer;
         this.$el.$content = toolTipInfo.$toolTipContent;
         this.$el.$arrow = toolTipInfo.$toolTipArrow;
@@ -6719,7 +6680,7 @@ class ToolTip {
      * 创建提示元素
      */
     createToolTip() {
-        let $toolTipContainer = popsDOMUtils.createElement("div", {
+        const $toolTipContainer = popsDOMUtils.createElement("div", {
             className: "pops-tip",
             innerHTML: /*html*/ `
 				<div class="pops-tip-content" style="text-align: center;"></div>
@@ -6730,9 +6691,9 @@ class ToolTip {
             "data-guid": this.$data.guid,
         });
         /** 内容 */
-        let $toolTipContent = $toolTipContainer.querySelector(".pops-tip-content");
+        const $toolTipContent = $toolTipContainer.querySelector(".pops-tip-content");
         /** 箭头 */
-        let $toolTipArrow = $toolTipContainer.querySelector(".pops-tip-arrow");
+        const $toolTipArrow = $toolTipContainer.querySelector(".pops-tip-arrow");
         // 处理className
         if (typeof this.$data.config.className === "string" && this.$data.config.className.trim() !== "") {
             popsDOMUtils.addClassName($toolTipContainer, this.$data.config.className);
@@ -6741,7 +6702,7 @@ class ToolTip {
         $toolTipContainer.style.zIndex = PopsHandler.handleZIndex(this.$data.config.zIndex).toString();
         if (this.$data.config.style != null) {
             /* 添加自定义style */
-            let cssNode = popsDOMUtils.createElement("style", {
+            const cssNode = popsDOMUtils.createElement("style", {
                 type: "text/css",
                 innerHTML: this.$data.config.style,
             });
@@ -6761,9 +6722,7 @@ class ToolTip {
      * 获取提示的内容
      */
     getContent() {
-        return typeof this.$data.config.content === "function"
-            ? this.$data.config.content()
-            : this.$data.config.content;
+        return typeof this.$data.config.content === "function" ? this.$data.config.content() : this.$data.config.content;
     }
     /**
      * 修改提示的内容
@@ -6774,17 +6733,15 @@ class ToolTip {
             text = this.getContent();
         }
         if (this.$data.config.isDiffContent) {
-            let contentPropKey = "data-content";
-            // @ts-ignore
-            let originContentText = this.$el.$content[contentPropKey];
+            const contentPropKey = "data-content";
+            const originContentText = Reflect.get(this.$el.$content, contentPropKey);
             if (typeof originContentText === "string") {
                 if (originContentText === text) {
                     // 内容未改变，不修改避免渲染
                     return;
                 }
             }
-            // @ts-ignore
-            this.$el.$content[contentPropKey] = text;
+            Reflect.set(this.$el.$content, contentPropKey, text);
         }
         PopsSafeUtils.setSafeHTML(this.$el.$content, text);
     }
@@ -6810,23 +6767,23 @@ class ToolTip {
      * @param otherDistance 其它位置的偏移
      */
     calcToolTipPosition(targetElement, arrowDistance, otherDistance, event) {
-        let offsetInfo = popsDOMUtils.offset(targetElement, !this.$data.config.isFixed);
+        const offsetInfo = popsDOMUtils.offset(targetElement, !this.$data.config.isFixed);
         // 目标 宽
-        let targetElement_width = offsetInfo.width;
+        const targetElement_width = offsetInfo.width;
         // 目标 高
-        let targetElement_height = offsetInfo.height;
+        const targetElement_height = offsetInfo.height;
         // 目标 顶部距离
-        let targetElement_top = offsetInfo.top;
+        const targetElement_top = offsetInfo.top;
         // let targetElement_bottom = offsetInfo.bottom;
         // 目标 左边距离
-        let targetElement_left = offsetInfo.left;
+        const targetElement_left = offsetInfo.left;
         // let targetElement_right = offsetInfo.right;
-        let toolTipElement_width = popsDOMUtils.outerWidth(this.$el.$toolTip);
-        let toolTipElement_height = popsDOMUtils.outerHeight(this.$el.$toolTip);
+        const toolTipElement_width = popsDOMUtils.outerWidth(this.$el.$toolTip);
+        const toolTipElement_height = popsDOMUtils.outerHeight(this.$el.$toolTip);
         /* 目标元素的x轴的中间位置 */
-        let targetElement_X_center_pos = targetElement_left + targetElement_width / 2 - toolTipElement_width / 2;
+        const targetElement_X_center_pos = targetElement_left + targetElement_width / 2 - toolTipElement_width / 2;
         /* 目标元素的Y轴的中间位置 */
-        let targetElement_Y_center_pos = targetElement_top + targetElement_height / 2 - toolTipElement_height / 2;
+        const targetElement_Y_center_pos = targetElement_top + targetElement_height / 2 - toolTipElement_height / 2;
         let mouseX = 0;
         let mouseY = 0;
         if (event != null) {
@@ -6835,19 +6792,15 @@ class ToolTip {
                 mouseY = event.y;
             }
             else if (event instanceof TouchEvent) {
-                let touchEvent = event.touches[0];
+                const touchEvent = event.touches[0];
                 mouseX = touchEvent.pageX;
                 mouseY = touchEvent.pageY;
             }
             else {
-                // @ts-ignore
                 if (typeof event.clientX === "number") {
-                    // @ts-ignore
                     mouseX = event.clientX;
                 }
-                // @ts-ignore
                 if (typeof event.clientY === "number") {
-                    // @ts-ignore
                     mouseY = event.clientY;
                 }
             }
@@ -6889,9 +6842,9 @@ class ToolTip {
      * 动态修改tooltip的位置
      */
     changePosition(event) {
-        let positionInfo = this.calcToolTipPosition(this.$data.config.target, this.$data.config.arrowDistance, this.$data.config.otherDistance, event);
-        let positionKey = this.$data.config.position.toUpperCase();
-        let positionDetail = positionInfo[positionKey];
+        const positionInfo = this.calcToolTipPosition(this.$data.config.target, this.$data.config.arrowDistance, this.$data.config.otherDistance, event);
+        const positionKey = this.$data.config.position.toUpperCase();
+        const positionDetail = positionInfo[positionKey];
         if (positionDetail) {
             this.$el.$toolTip.style.left = positionDetail.left + "px";
             this.$el.$toolTip.style.top = positionDetail.top + "px";
@@ -6941,7 +6894,7 @@ class ToolTip {
      * @param type 事件类型
      */
     clearCloseTimeoutId(type, timeId) {
-        let timeIdList = type === "MouseEvent" ? this.$data.timeId_close_MouseEvent : this.$data.timeId_close_TouchEvent;
+        const timeIdList = type === "MouseEvent" ? this.$data.timeId_close_MouseEvent : this.$data.timeId_close_TouchEvent;
         for (let index = 0; index < timeIdList.length; index++) {
             const currentTimeId = timeIdList[index];
             if (typeof timeId === "number") {
@@ -6963,11 +6916,11 @@ class ToolTip {
      * 显示提示框
      */
     show(...args) {
-        let event = args[0];
-        let eventType = event instanceof MouseEvent ? "MouseEvent" : "TouchEvent";
+        const event = args[0];
+        const eventType = event instanceof MouseEvent ? "MouseEvent" : "TouchEvent";
         this.clearCloseTimeoutId(eventType);
         if (typeof this.$data.config.showBeforeCallBack === "function") {
-            let result = this.$data.config.showBeforeCallBack(this.$el.$toolTip);
+            const result = this.$data.config.showBeforeCallBack(this.$el.$toolTip);
             if (typeof result === "boolean" && !result) {
                 return;
             }
@@ -7010,19 +6963,19 @@ class ToolTip {
      * 关闭提示框
      */
     close(...args) {
-        let event = args[0];
-        let eventType = event instanceof MouseEvent ? "MouseEvent" : "TouchEvent";
+        const event = args[0];
+        const eventType = event instanceof MouseEvent ? "MouseEvent" : "TouchEvent";
         // 只判断鼠标事件
         // 其它的如Touch事件不做处理
         if (event && event instanceof MouseEvent) {
-            let $target = event.composedPath()[0];
+            const $target = event.composedPath()[0];
             // 如果是目标元素的子元素/tooltip元素的子元素触发的话，那就不管
             if ($target != this.$data.config.target && $target != this.$el.$toolTip) {
                 return;
             }
         }
         if (typeof this.$data.config.closeBeforeCallBack === "function") {
-            let result = this.$data.config.closeBeforeCallBack(this.$el.$toolTip);
+            const result = this.$data.config.closeBeforeCallBack(this.$el.$toolTip);
             if (typeof result === "boolean" && !result) {
                 return;
             }
@@ -7031,14 +6984,14 @@ class ToolTip {
             (typeof this.$data.config.delayCloseTime === "number" && this.$data.config.delayCloseTime <= 0)) {
             this.$data.config.delayCloseTime = 100;
         }
-        let timeId = popsUtils.setTimeout(() => {
+        const timeId = popsUtils.setTimeout(() => {
             // 设置属性触发关闭动画
             this.clearCloseTimeoutId(eventType, timeId);
             if (this.$el.$toolTip == null) {
                 // 已清除了
                 return;
             }
-            let motion = this.$el.$toolTip.getAttribute("data-motion");
+            const motion = this.$el.$toolTip.getAttribute("data-motion");
             if (motion == null || motion.trim() === "") {
                 // 没有动画
                 this.toolTipAnimationFinishEvent();
@@ -7182,7 +7135,7 @@ const PopsTooltip = {
                 css: PopsCSS.tooltipCSS,
             },
         ]);
-        let toolTip = new ToolTip(config, guid, {
+        const toolTip = new ToolTip(config, guid, {
             $shadowContainer,
             $shadowRoot,
         });
@@ -7250,8 +7203,7 @@ const PanelHandlerComponents = () => {
             this.$config = details.config;
             this.asideULElement = this.$el.$contentAside.querySelector(`ul.pops-${PopsType}-aside-top-container`);
             this.asideBottomULElement = this.$el.$contentAside.querySelector(`ul.pops-${PopsType}-aside-bottom-container`);
-            this.sectionContainerHeaderULElement =
-                this.$el.$contentSectionContainer.querySelector(`ul.pops-${PopsType}-container-header-ul`);
+            this.sectionContainerHeaderULElement = this.$el.$contentSectionContainer.querySelector(`ul.pops-${PopsType}-container-header-ul`);
             this.sectionContainerULElement = this.$el.$contentSectionContainer.querySelector(`ul.pops-${PopsType}-container-main-ul`);
             /**
              * 默认点击的左侧容器项
@@ -7261,12 +7213,10 @@ const PanelHandlerComponents = () => {
             let isScrollToDefaultView = false;
             // 初始化配置
             details.config.content.forEach((asideItemConfig) => {
-                let $asideLiElement = this.createAsideItem(asideItemConfig);
+                const $asideLiElement = this.createAsideItem(asideItemConfig);
                 this.setAsideItemClickEvent($asideLiElement, asideItemConfig);
                 // 是否处于底部
-                let isBottom = typeof asideItemConfig.isBottom === "function"
-                    ? asideItemConfig.isBottom()
-                    : asideItemConfig.isBottom;
+                const isBottom = typeof asideItemConfig.isBottom === "function" ? asideItemConfig.isBottom() : asideItemConfig.isBottom;
                 if (isBottom) {
                     this.asideBottomULElement.appendChild($asideLiElement);
                 }
@@ -7372,7 +7322,7 @@ const PanelHandlerComponents = () => {
                 return;
             }
             Object.keys(props).forEach((propName) => {
-                let value = props[propName];
+                const value = props[propName];
                 if (propName === "innerHTML") {
                     PopsSafeUtils.setSafeHTML(element, value);
                     return;
@@ -7393,7 +7343,7 @@ const PanelHandlerComponents = () => {
                 className = className();
             }
             if (typeof className === "string") {
-                let splitClassName = className.split(" ");
+                const splitClassName = className.split(" ");
                 splitClassName.forEach((classNameStr) => {
                     element.classList.add(classNameStr);
                 });
@@ -7409,10 +7359,10 @@ const PanelHandlerComponents = () => {
          * @param  asideConfig
          */
         createAsideItem(asideConfig) {
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             $li.id = asideConfig.id;
             Reflect.set($li, "__forms__", asideConfig.forms);
-            let title = typeof asideConfig.title === "function" ? asideConfig.title() : asideConfig.title;
+            const title = typeof asideConfig.title === "function" ? asideConfig.title() : asideConfig.title;
             PopsSafeUtils.setSafeHTML($li, title);
             /* 处理className */
             this.setElementClassName($li, "pops-panel-aside-item");
@@ -7422,7 +7372,7 @@ const PanelHandlerComponents = () => {
             /** 禁用左侧项的hover的CSS样式的类名 */
             const disableAsideItemHoverCSSClassName = "pops-panel-disabled-aside-hover-css";
             /** 是否禁用左侧项的hover的CSS样式 */
-            let disableAsideItemHoverCSS = typeof asideConfig.disableAsideItemHoverCSS === "function"
+            const disableAsideItemHoverCSS = typeof asideConfig.disableAsideItemHoverCSS === "function"
                 ? asideConfig.disableAsideItemHoverCSS()
                 : asideConfig.disableAsideItemHoverCSS;
             if (disableAsideItemHoverCSS) {
@@ -7439,14 +7389,14 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_switch(formConfig) {
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
             this.setElementAttributes($li, formConfig.attributes);
             this.setElementProps($li, formConfig.props);
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             PopsSafeUtils.setSafeHTML($li, 
@@ -7473,7 +7423,7 @@ const PanelHandlerComponents = () => {
                 },
                 init() {
                     this.setStatus(this.$data.value);
-                    let disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
+                    const disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
                     if (disabled) {
                         this.disable();
                     }
@@ -7483,7 +7433,7 @@ const PanelHandlerComponents = () => {
                  * 设置点击事件
                  */
                 setClickEvent() {
-                    let that = this;
+                    const that = this;
                     popsDOMUtils.on(this.$ele.core, "click", function (event) {
                         if (that.$ele.input.disabled || that.$ele.switch.hasAttribute("data-disabled")) {
                             return;
@@ -7545,14 +7495,14 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_slider(formConfig) {
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
             this.setElementAttributes($li, formConfig.attributes);
             this.setElementProps($li, formConfig.props);
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             PopsSafeUtils.setSafeHTML($li, 
@@ -7563,7 +7513,7 @@ const PanelHandlerComponents = () => {
 					<input type="range" min="${formConfig.min}" max="${formConfig.max}">
 				</div>
 			`);
-            let $rangeInput = $li.querySelector(".pops-panel-slider input[type=range]");
+            const $rangeInput = $li.querySelector(".pops-panel-slider input[type=range]");
             if (formConfig.step) {
                 $rangeInput.setAttribute("step", formConfig.step.toString());
             }
@@ -7572,7 +7522,7 @@ const PanelHandlerComponents = () => {
              * 获取提示的内容
              * @param value
              */
-            let getToolTipContent = function (value) {
+            const getToolTipContent = function (value) {
                 if (typeof formConfig.getToolTipContent === "function") {
                     return formConfig.getToolTipContent(value);
                 }
@@ -7580,7 +7530,7 @@ const PanelHandlerComponents = () => {
                     return value;
                 }
             };
-            let tooltip = PopsTooltip.init({
+            const tooltip = PopsTooltip.init({
                 target: $rangeInput.parentElement,
                 content: () => {
                     return getToolTipContent($rangeInput.value);
@@ -7608,14 +7558,14 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_slider_new(formConfig) {
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
             this.setElementAttributes($li, formConfig.attributes);
             this.setElementProps($li, formConfig.props);
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             PopsSafeUtils.setSafeHTML($li, 
@@ -7726,9 +7676,9 @@ const PanelHandlerComponents = () => {
                     }
                     this.$interval.isCheck = true;
                     let isSuccess = false;
-                    let oldTotalWidth = this.$data.totalWidth;
+                    const oldTotalWidth = this.$data.totalWidth;
                     let timer = void 0;
-                    let interval = setInterval(() => {
+                    const interval = setInterval(() => {
                         if (isSuccess) {
                             this.$interval.isCheck = false;
                             clearTimeout(timer);
@@ -7781,12 +7731,12 @@ const PanelHandlerComponents = () => {
                 initStepMap() {
                     let index = 0;
                     // 计算出份数
-                    let blockNums = (this.max - this.min) / this.step;
+                    const blockNums = (this.max - this.min) / this.step;
                     // 计算出每一份占据的px
                     this.$data.stepPx = this.$data.totalWidth / blockNums;
                     let widthPx = 0;
                     for (let stepValue = this.min; stepValue <= this.max; stepValue += this.step) {
-                        let value = this.formatValue(stepValue);
+                        const value = this.formatValue(stepValue);
                         let info;
                         if (value === this.min) {
                             /* 起始 */
@@ -7824,12 +7774,12 @@ const PanelHandlerComponents = () => {
                 initFloatStepMap() {
                     let index = 0;
                     // 计算出份数
-                    let blockNums = (this.max - this.min) / this.step;
+                    const blockNums = (this.max - this.min) / this.step;
                     // 计算出每一份占据的px
                     this.$data.stepPx = this.$data.totalWidth / blockNums;
                     let widthPx = 0;
                     for (let stepValue = this.min; stepValue <= this.max; stepValue = PopsMathFloatUtils.add(stepValue, this.step)) {
-                        let value = this.formatValue(stepValue);
+                        const value = this.formatValue(stepValue);
                         let info;
                         if (value === this.min) {
                             /* 起始 */
@@ -7969,7 +7919,7 @@ const PanelHandlerComponents = () => {
                  * 判断当前滑块是否被禁用（配置中判断）
                  */
                 isFormConfigDisabledDrag() {
-                    let isDisabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
+                    const isDisabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
                     if (typeof isDisabled === "boolean") {
                         return isDisabled;
                     }
@@ -7985,8 +7935,8 @@ const PanelHandlerComponents = () => {
                         if (event.target !== this.$ele.runAway && event.target !== this.$ele.bar) {
                             return;
                         }
-                        let clickX = parseFloat(event.offsetX.toString());
-                        let dragStartResult = this.dragStartCallBack();
+                        const clickX = parseFloat(event.offsetX.toString());
+                        const dragStartResult = this.dragStartCallBack();
                         if (!dragStartResult) {
                             return;
                         }
@@ -8078,7 +8028,7 @@ const PanelHandlerComponents = () => {
                         if (!this.dragStartCallBack()) {
                             return;
                         }
-                        let oldValue = this.value;
+                        const oldValue = this.value;
                         const runAwayRect = this.$ele.runAway.getBoundingClientRect();
                         let displacementX = event.x - (runAwayRect.left + globalThis.screenX);
                         if (displacementX <= 0) {
@@ -8092,7 +8042,7 @@ const PanelHandlerComponents = () => {
                         this.dragMoveCallBack(event, currentDragX, oldValue);
                     });
                     /* 监听触点离开，处理某些情况下，拖拽松开，但是未触发pan事件，可以通过设置这个来关闭tooltip */
-                    this.$tooltip.on("at:end", (event) => {
+                    this.$tooltip.on("at:end", () => {
                         this.dragEndCallBack(currentDragX);
                     });
                 },
@@ -8116,7 +8066,7 @@ const PanelHandlerComponents = () => {
                         return;
                     }
                     this.$data.isCheckingStopDragMove = true;
-                    let interval = setInterval(() => {
+                    const interval = setInterval(() => {
                         if (!this.$data.isMove) {
                             this.$data.isCheckingStopDragMove = false;
                             this.closeToolTip();
@@ -8143,7 +8093,7 @@ const PanelHandlerComponents = () => {
                             return PopsPanelSlider.value.toString();
                         }
                     }
-                    let tooltip = PopsTooltip.init({
+                    const tooltip = PopsTooltip.init({
                         target: this.$ele.button,
                         content: getToolTipContent,
                         zIndex: () => {
@@ -8157,7 +8107,7 @@ const PanelHandlerComponents = () => {
                             passive: true,
                         },
                         showBeforeCallBack: () => {
-                            let isShowHoverTip = typeof formConfig.isShowHoverTip === "function"
+                            const isShowHoverTip = typeof formConfig.isShowHoverTip === "function"
                                 ? formConfig.isShowHoverTip()
                                 : typeof formConfig.isShowHoverTip === "boolean"
                                     ? formConfig.isShowHoverTip
@@ -8167,7 +8117,7 @@ const PanelHandlerComponents = () => {
                             }
                             this.intervalInit();
                         },
-                        showAfterCallBack: (toolTipNode) => {
+                        showAfterCallBack: () => {
                             tooltip.toolTip.changeContent(getToolTipContent());
                         },
                         closeBeforeCallBack: () => {
@@ -8193,7 +8143,7 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_input(formConfig) {
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
             this.setElementAttributes($li, formConfig.attributes);
@@ -8207,7 +8157,7 @@ const PanelHandlerComponents = () => {
             }
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             PopsSafeUtils.setSafeHTML($li, 
@@ -8249,7 +8199,7 @@ const PanelHandlerComponents = () => {
                     }
                     this.setInputChangeEvent();
                     // 是否禁用复选框
-                    let disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
+                    const disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
                     if (disabled) {
                         this.disable();
                     }
@@ -8398,14 +8348,14 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_textarea(formConfig) {
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
             this.setElementAttributes($li, formConfig.attributes);
             this.setElementProps($li, formConfig.props);
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             PopsSafeUtils.setSafeHTML($li, 
@@ -8429,7 +8379,7 @@ const PanelHandlerComponents = () => {
                 init() {
                     this.setValue(this.$data.value);
                     this.setChangeEvent();
-                    let disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
+                    const disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
                     if (disabled) {
                         this.disable();
                     }
@@ -8456,7 +8406,7 @@ const PanelHandlerComponents = () => {
                  */
                 setChangeEvent() {
                     popsDOMUtils.on(this.$ele.textarea, ["input", "propertychange"], (event) => {
-                        let value = this.$ele.textarea.value;
+                        const value = this.$ele.textarea.value;
                         this.$data.value = value;
                         if (typeof formConfig.callback === "function") {
                             formConfig.callback(event, value);
@@ -8475,14 +8425,14 @@ const PanelHandlerComponents = () => {
          */
         createSectionContainerItem_select(formConfig) {
             const that = this;
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
             this.setElementAttributes($li, formConfig.attributes);
             this.setElementProps($li, formConfig.props);
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             PopsSafeUtils.setSafeHTML($li, 
@@ -8513,7 +8463,7 @@ const PanelHandlerComponents = () => {
                     this.initOption();
                     this.setChangeEvent();
                     this.setClickEvent();
-                    let disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
+                    const disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
                     if (disabled) {
                         this.disable();
                     }
@@ -8565,7 +8515,7 @@ const PanelHandlerComponents = () => {
                 initOption() {
                     formConfig.data.forEach((dataItem) => {
                         // 初始化默认选中
-                        let optionElement = document.createElement("option");
+                        const optionElement = document.createElement("option");
                         this.setNodeValue(optionElement, this.$eleKey.value, dataItem.value);
                         this.setNodeValue(optionElement, this.$eleKey.disable, dataItem.disable);
                         this.setNodeValue(optionElement, this.$eleKey.forms, dataItem.forms);
@@ -8593,9 +8543,9 @@ const PanelHandlerComponents = () => {
                 /** 设置禁用状态 */
                 setOptionDisableStatus(optionElement) {
                     let disable = false;
-                    let optionDisableAttr = this.getNodeValue(optionElement, this.$eleKey.disable);
+                    const optionDisableAttr = this.getNodeValue(optionElement, this.$eleKey.disable);
                     if (optionDisableAttr === "function") {
-                        let value = this.getNodeValue(optionElement, this.$eleKey.value);
+                        const value = this.getNodeValue(optionElement, this.$eleKey.value);
                         disable = Boolean(optionDisableAttr(value));
                     }
                     if (disable) {
@@ -8607,9 +8557,9 @@ const PanelHandlerComponents = () => {
                 },
                 /** 获取option上的信息 */
                 getSelectOptionInfo($option) {
-                    let optionValue = this.getNodeValue($option, this.$eleKey.value);
-                    let optionText = $option.innerText || $option.textContent;
-                    let optionForms = this.getNodeValue($option, this.$eleKey.forms);
+                    const optionValue = this.getNodeValue($option, this.$eleKey.value);
+                    const optionText = $option.innerText || $option.textContent;
+                    const optionForms = this.getNodeValue($option, this.$eleKey.forms);
                     return {
                         value: optionValue,
                         text: optionText,
@@ -8622,16 +8572,16 @@ const PanelHandlerComponents = () => {
                  */
                 setChangeEvent() {
                     popsDOMUtils.on(this.$ele.select, "change", void 0, (event) => {
-                        let $isSelectedElement = this.$ele.select[this.$ele.select.selectedIndex];
-                        let selectInfo = this.getSelectOptionInfo($isSelectedElement);
+                        const $isSelectedElement = this.$ele.select[this.$ele.select.selectedIndex];
+                        const selectInfo = this.getSelectOptionInfo($isSelectedElement);
                         this.setSelectOptionsDisableStatus();
                         if (typeof formConfig.callback === "function") {
                             formConfig.callback(event, selectInfo.value, selectInfo.text);
                         }
-                        let forms = typeof selectInfo.forms === "function" ? selectInfo.forms() : selectInfo.forms;
+                        const forms = typeof selectInfo.forms === "function" ? selectInfo.forms() : selectInfo.forms;
                         if (Array.isArray(forms)) {
                             /* 如果成功创建，加入到中间容器中 */
-                            let childUListClassName = "pops-panel-select-child-forms";
+                            const childUListClassName = "pops-panel-select-child-forms";
                             // 移除旧的元素
                             while ($li.nextElementSibling) {
                                 if ($li.nextElementSibling.classList.contains(childUListClassName)) {
@@ -8641,7 +8591,7 @@ const PanelHandlerComponents = () => {
                                     break;
                                 }
                             }
-                            let $childUList = document.createElement("ul");
+                            const $childUList = document.createElement("ul");
                             $childUList.className = childUListClassName;
                             popsDOMUtils.after($li, $childUList);
                             that.uListContainerAddItem(formConfig, {
@@ -8672,14 +8622,14 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_select_multiple_new(formConfig) {
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
             this.setElementAttributes($li, formConfig.attributes);
             this.setElementProps($li, formConfig.props);
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             PopsSafeUtils.setSafeHTML($li, 
@@ -8742,7 +8692,7 @@ const PanelHandlerComponents = () => {
                     this.initPlaceHolder();
                     this.initTagElement();
                     this.setSelectContainerClickEvent();
-                    let disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
+                    const disabled = typeof formConfig.disabled === "function" ? formConfig.disabled() : formConfig.disabled;
                     if (disabled) {
                         this.disable();
                     }
@@ -8780,12 +8730,12 @@ const PanelHandlerComponents = () => {
                         placeholder = formConfig.placeholder;
                     }
                     else if (typeof formConfig.placeholder === "function") {
-                        let placeholderResult = formConfig.placeholder();
+                        const placeholderResult = formConfig.placeholder();
                         if (typeof placeholderResult === "string") {
                             placeholder = placeholderResult;
                         }
                     }
-                    let $placeholder = popsDOMUtils.createElement("span", {
+                    const $placeholder = popsDOMUtils.createElement("span", {
                         innerText: placeholder,
                     });
                     this.$el.$selectedPlaceHolderWrapper.appendChild($placeholder);
@@ -8794,10 +8744,10 @@ const PanelHandlerComponents = () => {
                 initTagElement() {
                     // 遍历数据，寻找对应的值
                     formConfig.data.forEach((dataItem) => {
-                        let findValue = this.$data.selectInfo.find((item) => item.value === dataItem.value);
+                        const findValue = this.$data.selectInfo.find((item) => item.value === dataItem.value);
                         if (findValue) {
                             // 存在对应的值
-                            let selectedInfo = this.createSelectedTagItem(dataItem);
+                            const selectedInfo = this.createSelectedTagItem(dataItem);
                             this.addSelectedTagItem(selectedInfo.$tag);
                             this.setSelectedItemCloseIconClickEvent({
                                 $tag: selectedInfo.$tag,
@@ -8834,7 +8784,7 @@ const PanelHandlerComponents = () => {
                     const $tagText = $selectedItem.querySelector(".el-select__tags-text");
                     /** 关闭图标 */
                     const $closeIcon = $selectedItem.querySelector(".el-icon.el-tag__close");
-                    let text = typeof data.text === "function" ? data.text(data, this.$data.selectInfo) : data.text;
+                    const text = typeof data.text === "function" ? data.text(data, this.$data.selectInfo) : data.text;
                     if (data.isHTML) {
                         PopsSafeUtils.setSafeHTML($tagText, text);
                     }
@@ -8856,7 +8806,7 @@ const PanelHandlerComponents = () => {
                     // 去除前面的空白
                     this.setSectionIsNear();
                     if (this.$el.$section.contains(this.$el.$selectedInputWrapper)) {
-                        let $prev = this.$el.$selectedInputWrapper.previousElementSibling;
+                        const $prev = this.$el.$selectedInputWrapper.previousElementSibling;
                         if ($prev) {
                             // 存在前一个元素，添加到前面的元素的后面
                             popsDOMUtils.after($prev, $tag);
@@ -8867,7 +8817,7 @@ const PanelHandlerComponents = () => {
                         }
                     }
                     else if (this.$el.$section.contains(this.$el.$selectedPlaceHolderWrapper)) {
-                        let $prev = this.$el.$selectedPlaceHolderWrapper.previousElementSibling;
+                        const $prev = this.$el.$selectedPlaceHolderWrapper.previousElementSibling;
                         if ($prev) {
                             // 存在前一个元素，添加到前面的元素的后面
                             popsDOMUtils.after($prev, $tag);
@@ -8927,7 +8877,7 @@ const PanelHandlerComponents = () => {
                             this.removeSelectItemDisabled($select);
                         }
                         // 更新选中状态
-                        let findValue = this.$data.selectInfo.find((it) => it.value === data.value);
+                        const findValue = this.$data.selectInfo.find((it) => it.value === data.value);
                         if (findValue) {
                             this.setSelectItemSelected($select);
                         }
@@ -8965,8 +8915,8 @@ const PanelHandlerComponents = () => {
                  * @param $select 选项元素
                  */
                 addSelectedItemInfo(dataList, $select) {
-                    let info = this.getSelectedItemInfo($select);
-                    let findValue = dataList.find((item) => item.value === info.value);
+                    const info = this.getSelectedItemInfo($select);
+                    const findValue = dataList.find((item) => item.value === info.value);
                     if (!findValue) {
                         dataList.push({
                             value: info.value,
@@ -8990,8 +8940,8 @@ const PanelHandlerComponents = () => {
                  * @param $select 选项元素
                  */
                 removeSelectedItemInfo(dataList, $select) {
-                    let info = this.getSelectedItemInfo($select);
-                    let findIndex = dataList.findIndex((item) => item.value === info.value);
+                    const info = this.getSelectedItemInfo($select);
+                    const findIndex = dataList.findIndex((item) => item.value === info.value);
                     if (findIndex !== -1) {
                         dataList.splice(findIndex, 1);
                     }
@@ -9006,8 +8956,8 @@ const PanelHandlerComponents = () => {
                 getAllSelectItemInfo(onlySelected = true) {
                     return Array.from(this.$el.$selectContainer?.querySelectorAll(".select-item") ?? [])
                         .map(($select) => {
-                        let data = this.getSelectedItemInfo($select);
-                        let result = {
+                        const data = this.getSelectedItemInfo($select);
+                        const result = {
                             /** 选项信息数据 */
                             data: data,
                             /** 选项元素 */
@@ -9015,7 +8965,7 @@ const PanelHandlerComponents = () => {
                         };
                         if (onlySelected) {
                             // 仅选中
-                            let isSelected = this.isSelectItemSelected($select);
+                            const isSelected = this.isSelectItemSelected($select);
                             if (isSelected) {
                                 return result;
                             }
@@ -9034,7 +8984,7 @@ const PanelHandlerComponents = () => {
                  * @param data 选择项的数据
                  */
                 createSelectItemElement(data) {
-                    let $select = popsDOMUtils.createElement("li", {
+                    const $select = popsDOMUtils.createElement("li", {
                         className: "select-item",
                         innerHTML: /*html*/ `
 							<span class="select-item-text"></span>
@@ -9050,8 +9000,8 @@ const PanelHandlerComponents = () => {
                  * @param $select 选择项元素
                  */
                 setSelectItemText(data, $select) {
-                    let text = typeof data.text === "function" ? data.text(data.value, this.$data.selectInfo) : data.text;
-                    let $selectSpan = $select.querySelector(".select-item-text");
+                    const text = typeof data.text === "function" ? data.text(data.value, this.$data.selectInfo) : data.text;
+                    const $selectSpan = $select.querySelector(".select-item-text");
                     if (data.isHTML) {
                         PopsSafeUtils.setSafeHTML($selectSpan, text);
                     }
@@ -9094,8 +9044,8 @@ const PanelHandlerComponents = () => {
                             return;
                         }
                         if (typeof formConfig.clickCallBack === "function") {
-                            let allSelectedInfo = this.getAllSelectItemInfo().map((it) => it.data);
-                            let clickResult = formConfig.clickCallBack(event, allSelectedInfo);
+                            const allSelectedInfo = this.getAllSelectItemInfo().map((it) => it.data);
+                            const clickResult = formConfig.clickCallBack(event, allSelectedInfo);
                             if (typeof clickResult === "boolean" && !clickResult) {
                                 return;
                             }
@@ -9116,14 +9066,14 @@ const PanelHandlerComponents = () => {
                  */
                 setSelectContainerClickEvent() {
                     const that = this;
-                    popsDOMUtils.on(this.$el.$container, "click", (event) => {
+                    popsDOMUtils.on(this.$el.$container, "click", () => {
                         if (this.isDisabled()) {
                             return;
                         }
                         /** 弹窗的选中的值 */
-                        let selectedInfo = that.$data.selectInfo;
-                        let { style, ...userConfirmDetails } = formConfig.selectConfirmDialogDetails || {};
-                        let confirmDetails = popsUtils.assign({
+                        const selectedInfo = that.$data.selectInfo;
+                        const { style, ...userConfirmDetails } = formConfig.selectConfirmDialogDetails || {};
+                        const confirmDetails = popsUtils.assign({
                             title: {
                                 text: "请勾选需要选择的选项",
                                 position: "center",
@@ -9140,7 +9090,7 @@ const PanelHandlerComponents = () => {
                                 },
                                 close: {
                                     enable: true,
-                                    callback(details, event) {
+                                    callback(details) {
                                         that.$data.selectInfo = [...selectedInfo];
                                         that.updateSelectTagItem();
                                         that.$el.$selectContainer = null;
@@ -9150,7 +9100,7 @@ const PanelHandlerComponents = () => {
                             },
                             mask: {
                                 enable: true,
-                                clickCallBack(originalRun, config) {
+                                clickCallBack(originalRun) {
                                     originalRun();
                                     that.$data.selectInfo = [...selectedInfo];
                                     that.updateSelectTagItem();
@@ -9229,12 +9179,12 @@ const PanelHandlerComponents = () => {
 								${style || ""}
 								`,
                         }, userConfirmDetails);
-                        let $dialog = PopsAlert.init(confirmDetails);
-                        let $selectContainer = $dialog.$shadowRoot.querySelector(".select-container");
+                        const $dialog = PopsAlert.init(confirmDetails);
+                        const $selectContainer = $dialog.$shadowRoot.querySelector(".select-container");
                         this.$el.$selectContainer = $selectContainer;
                         // 配置选项元素
                         formConfig.data.forEach((item) => {
-                            let $select = this.createSelectItemElement(item);
+                            const $select = this.createSelectItemElement(item);
                             // 添加到confirm中
                             $selectContainer.appendChild($select);
                             // 设置每一项的点击事件
@@ -9255,7 +9205,7 @@ const PanelHandlerComponents = () => {
                             return;
                         }
                         if (typeof formConfig.closeIconClickCallBack === "function") {
-                            let result = formConfig.closeIconClickCallBack(event, {
+                            const result = formConfig.closeIconClickCallBack(event, {
                                 $tag: data.$tag,
                                 $closeIcon: data.$closeIcon,
                                 value: data.value,
@@ -9364,14 +9314,14 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_button(formConfig) {
-            let $li = document.createElement("li");
+            const $li = document.createElement("li");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
             this.setElementAttributes($li, formConfig.attributes);
             this.setElementProps($li, formConfig.props);
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 leftDescriptionText = /*html*/ `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             PopsSafeUtils.setSafeHTML($li, 
@@ -9512,8 +9462,8 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_deepMenu(formConfig) {
-            let that = this;
-            let $li = document.createElement("li");
+            const that = this;
+            const $li = document.createElement("li");
             popsDOMUtils.addClassName($li, "pops-panel-deepMenu-nav-item");
             Reflect.set($li, "__formConfig__", formConfig);
             this.setElementClassName($li, formConfig.className);
@@ -9523,12 +9473,12 @@ const PanelHandlerComponents = () => {
             this.setElementProps($li, formConfig.props);
             /* 左边底部的描述的文字 */
             let leftDescriptionText = "";
-            if (Boolean(formConfig.description)) {
+            if (formConfig.description) {
                 // 设置描述
                 leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
             }
             // 箭头图标
-            let arrowRightIcon = typeof formConfig.arrowRightIcon === "boolean" ? formConfig.arrowRightIcon : true;
+            const arrowRightIcon = typeof formConfig.arrowRightIcon === "boolean" ? formConfig.arrowRightIcon : true;
             let arrowRightIconHTML = "";
             if (arrowRightIcon) {
                 arrowRightIconHTML = `<i class="pops-panel-deepMenu-arrowRight-icon">${PopsIcon.getIcon("arrowRight")}</i>`;
@@ -9559,17 +9509,17 @@ const PanelHandlerComponents = () => {
                  * @param formItemConfig
                  */
                 initFormItem($container, formItemConfig) {
-                    let formConfig_forms = formItemConfig;
+                    const formConfig_forms = formItemConfig;
                     if (formConfig_forms.type === "forms") {
-                        let childForms = formConfig_forms["forms"];
+                        const childForms = formConfig_forms["forms"];
                         /* 每一项<li>元素 */
-                        let formContainerListElement = document.createElement("li");
+                        const formContainerListElement = document.createElement("li");
                         /* 每一项<li>内的子<ul>元素 */
-                        let formContainerULElement = document.createElement("ul");
+                        const formContainerULElement = document.createElement("ul");
                         formContainerULElement.classList.add("pops-panel-forms-container-item-formlist");
                         formContainerListElement.classList.add("pops-panel-forms-container-item");
                         /* 区域头部的文字 */
-                        let formHeaderDivElement = popsDOMUtils.createElement("div", {
+                        const formHeaderDivElement = popsDOMUtils.createElement("div", {
                             className: "pops-panel-forms-container-item-header-text",
                         });
                         PopsSafeUtils.setSafeHTML(formHeaderDivElement, formConfig_forms["text"]);
@@ -9586,7 +9536,7 @@ const PanelHandlerComponents = () => {
 								</i>
 							`);
                             // 添加点击事件
-                            popsDOMUtils.on(formHeaderDivElement, "click", (event) => {
+                            popsDOMUtils.on(formHeaderDivElement, "click", () => {
                                 if (formContainerListElement.hasAttribute("data-fold-enable")) {
                                     formContainerListElement.removeAttribute("data-fold-enable");
                                 }
@@ -9641,26 +9591,26 @@ const PanelHandlerComponents = () => {
                  */
                 async gotoDeepMenu(event, liElement) {
                     /** 当前所在的容器 */
-                    let $currentSection = liElement.closest("section.pops-panel-container");
+                    const $currentSection = liElement.closest("section.pops-panel-container");
                     // 子菜单的容器
-                    let $deepMenuSection = popsDOMUtils.createElement("section", {
+                    const $deepMenuSection = popsDOMUtils.createElement("section", {
                         className: "pops-panel-container pops-panel-deepMenu-container",
                     });
                     Reflect.set($deepMenuSection, "__formConfig__", formConfig);
-                    let $deepMenuHeaderUL = popsDOMUtils.createElement("ul", {
+                    const $deepMenuHeaderUL = popsDOMUtils.createElement("ul", {
                         className: "pops-panel-container-header-ul pops-panel-deepMenu-container-header-ul",
                     });
-                    let $deepMenuMain = popsDOMUtils.createElement("ul", {
+                    const $deepMenuMain = popsDOMUtils.createElement("ul", {
                         className: "pops-panel-container-main-ul",
                     });
                     // 标题文字
-                    let headerTitleText = formConfig.headerTitle ?? formConfig.text;
-                    let $header = popsDOMUtils.createElement("li", {
+                    const headerTitleText = formConfig.headerTitle ?? formConfig.text;
+                    const $header = popsDOMUtils.createElement("li", {
                         className: "pops-panel-container-header-title-text pops-panel-deepMenu-container-header",
                         innerHTML: /*html*/ `<p class="pops-panel-deepMenu-container-header-title-text">${headerTitleText}</p>`,
                     });
                     // 返回箭头
-                    let $headerLeftArrow = popsDOMUtils.createElement("i", {
+                    const $headerLeftArrow = popsDOMUtils.createElement("i", {
                         className: "pops-panel-deepMenu-container-left-arrow-icon",
                         innerHTML: PopsIcon.getIcon("arrowLeft"),
                     });
@@ -9725,7 +9675,7 @@ const PanelHandlerComponents = () => {
                         $deepMenuSection.appendChild($deepMenuMain);
                         if (formConfig.forms && Array.isArray(formConfig.forms)) {
                             for (let index = 0; index < formConfig.forms.length; index++) {
-                                let formItemConfig = formConfig.forms[index];
+                                const formItemConfig = formConfig.forms[index];
                                 this.initFormItem($deepMenuMain, formItemConfig);
                             }
                         }
@@ -9763,7 +9713,7 @@ const PanelHandlerComponents = () => {
                 setLiClickEvent() {
                     popsDOMUtils.on($li, "click", void 0, async (event) => {
                         if (typeof formConfig.clickCallBack === "function") {
-                            let result = await formConfig.clickCallBack(event, formConfig);
+                            const result = await formConfig.clickCallBack(event, formConfig);
                             if (result) {
                                 return;
                             }
@@ -9796,7 +9746,7 @@ const PanelHandlerComponents = () => {
          */
         createSectionContainerItem(formConfig) {
             /** 配置项的类型 */
-            let formType = formConfig.type;
+            const formType = formConfig.type;
             if (formType === "switch") {
                 return this.createSectionContainerItem_switch(formConfig);
             }
@@ -9834,18 +9784,18 @@ const PanelHandlerComponents = () => {
          * @param formConfig
          */
         createSectionContainerItem_forms(formConfig) {
-            let that = this;
-            let formConfig_forms = formConfig;
+            const that = this;
+            const formConfig_forms = formConfig;
             if (formConfig_forms.type === "forms") {
-                let childForms = formConfig["forms"];
+                const childForms = formConfig["forms"];
                 /* 每一项<li>元素 */
-                let formContainerListElement = document.createElement("li");
+                const formContainerListElement = document.createElement("li");
                 /* 每一项<li>内的子<ul>元素 */
-                let formContainerULElement = document.createElement("ul");
+                const formContainerULElement = document.createElement("ul");
                 formContainerListElement.classList.add("pops-panel-forms-container-item");
                 formContainerULElement.classList.add("pops-panel-forms-container-item-formlist");
                 /* 区域头部的文字 */
-                let formHeaderDivElement = popsDOMUtils.createElement("div", {
+                const formHeaderDivElement = popsDOMUtils.createElement("div", {
                     className: "pops-panel-forms-container-item-header-text",
                 });
                 PopsSafeUtils.setSafeHTML(formHeaderDivElement, formConfig_forms["text"]);
@@ -9861,7 +9811,7 @@ const PanelHandlerComponents = () => {
 						</i>
 					`);
                     // 添加点击事件
-                    popsDOMUtils.on(formHeaderDivElement, "click", (event) => {
+                    popsDOMUtils.on(formHeaderDivElement, "click", () => {
                         if (formContainerListElement.hasAttribute("data-fold-enable")) {
                             formContainerListElement.removeAttribute("data-fold-enable");
                         }
@@ -9913,7 +9863,7 @@ const PanelHandlerComponents = () => {
          * 触发触发渲染右侧容器的事件
          */
         triggerRenderRightContainer($container) {
-            let __formConfig__ = Reflect.get($container, "__formConfig__");
+            const __formConfig__ = Reflect.get($container, "__formConfig__");
             this.$el.$pops.dispatchEvent(new CustomEvent("pops:renderRightContainer", {
                 detail: {
                     formConfig: __formConfig__,
@@ -9926,7 +9876,7 @@ const PanelHandlerComponents = () => {
          * @param containerOptions
          */
         uListContainerAddItem(formConfig, containerOptions) {
-            let itemLiElement = this.createSectionContainerItem(formConfig);
+            const itemLiElement = this.createSectionContainerItem(formConfig);
             if (itemLiElement) {
                 containerOptions["ulElement"].appendChild(itemLiElement);
             }
@@ -9945,23 +9895,23 @@ const PanelHandlerComponents = () => {
         setAsideItemClickEvent(asideLiElement, asideConfig) {
             popsDOMUtils.on(asideLiElement, "click", async (event) => {
                 if (typeof asideConfig.clickFirstCallback === "function") {
-                    let clickFirstCallbackResult = await asideConfig.clickFirstCallback(event, this.sectionContainerHeaderULElement, this.sectionContainerULElement);
+                    const clickFirstCallbackResult = await asideConfig.clickFirstCallback(event, this.sectionContainerHeaderULElement, this.sectionContainerULElement);
                     if (typeof clickFirstCallbackResult === "boolean" && !clickFirstCallbackResult) {
                         return;
                     }
                 }
                 this.clearContainer();
-                let rightContainerFormConfig = Reflect.get(asideLiElement, "__forms__");
+                const rightContainerFormConfig = Reflect.get(asideLiElement, "__forms__");
                 Reflect.set(this.$el.$contentSectionContainer, "__formConfig__", rightContainerFormConfig);
                 popsDOMUtils.cssShow(this.$el.$contentSectionContainer);
                 this.clearAsideItemIsVisited();
                 this.setAsideItemIsVisited(asideLiElement);
                 /* 顶部标题栏，存在就设置 */
-                let title = typeof asideConfig.title === "function" ? asideConfig.title() : asideConfig.title;
+                const title = typeof asideConfig.title === "function" ? asideConfig.title() : asideConfig.title;
                 let headerTitleText = typeof asideConfig.headerTitle === "function" ? asideConfig.headerTitle() : asideConfig.headerTitle;
                 headerTitleText = headerTitleText ?? title;
                 if (typeof headerTitleText === "string" && headerTitleText.trim() !== "") {
-                    let $containerHeaderTitle = document.createElement("li");
+                    const $containerHeaderTitle = document.createElement("li");
                     $containerHeaderTitle.classList.add("pops-panel-container-header-title-text");
                     Reflect.set($containerHeaderTitle, "__asideConfig__", asideConfig);
                     PopsSafeUtils.setSafeHTML($containerHeaderTitle, headerTitleText);
@@ -9972,7 +9922,7 @@ const PanelHandlerComponents = () => {
                 });
                 if (typeof asideConfig.clickCallback === "function") {
                     /* 执行回调 */
-                    let asideClickCallbackResult = await asideConfig.clickCallback(event, this.sectionContainerHeaderULElement, this.sectionContainerULElement);
+                    const asideClickCallbackResult = await asideConfig.clickCallback(event, this.sectionContainerHeaderULElement, this.sectionContainerULElement);
                     if (typeof asideClickCallbackResult === "boolean" && !asideClickCallbackResult) {
                         return;
                     }
@@ -10027,11 +9977,11 @@ const PopsPanel = {
             },
         ]);
         // 先把z-index提取出来
-        let zIndex = PopsHandler.handleZIndex(config.zIndex);
-        let maskHTML = PopsElementHandler.createMask(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
-        let animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
+        const zIndex = PopsHandler.handleZIndex(config.zIndex);
+        const maskHTML = PopsElementHandler.createMask(guid, zIndex);
+        const headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
+        const { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
+        const animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
         /*html*/ `
 			<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
@@ -10051,9 +10001,9 @@ const PopsPanel = {
         /**
          * 弹窗的主元素，包括动画层
          */
-        let $anim = PopsElementHandler.parseElement(animHTML);
+        const $anim = PopsElementHandler.parseElement(animHTML);
         /* 结构元素 */
-        let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, titleElement: $title, contentElement: $content, panelSectionWrapper: $panelSectionWrapper, contentAsideElement: $contentAside, contentSectionContainerElement: $contentSectionContainer, } = PopsHandler.handleQueryElement($anim, popsType);
+        const { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, titleElement: $title, contentElement: $content, panelSectionWrapper: $panelSectionWrapper, contentAsideElement: $contentAside, contentSectionContainerElement: $contentSectionContainer, } = PopsHandler.handleQueryElement($anim, popsType);
         if (config.isMobile || popsUtils.isPhone()) {
             popsDOMUtils.addClassName($pops, config.mobileClassName);
         }
@@ -10064,10 +10014,10 @@ const PopsPanel = {
         /**
          * 已创建的元素列表
          */
-        let isCreatedElementList = [$anim];
+        const isCreatedElementList = [$anim];
         /* 遮罩层元素 */
         if (config.mask.enable) {
-            let { maskElement } = PopsHandler.handleMask({
+            const { maskElement } = PopsHandler.handleMask({
                 type: popsType,
                 guid: guid,
                 config: config,
@@ -10078,7 +10028,7 @@ const PopsPanel = {
             isCreatedElementList.push($mask);
         }
         /* 处理返回的配置 */
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
+        const eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         /* 为顶部右边的关闭按钮添加点击事件 */
         PopsHandler.handleClickEvent("close", $headerCloseBtn, eventDetails, config.btn.close.callback);
         /* 创建到页面中 */
@@ -10091,7 +10041,7 @@ const PopsPanel = {
         if ($mask != null) {
             $anim.after($mask);
         }
-        let panelHandlerComponents = PanelHandlerComponents();
+        const panelHandlerComponents = PanelHandlerComponents();
         /**
          * 处理内部配置
          */
@@ -10123,7 +10073,7 @@ const PopsPanel = {
                 endCallBack: config.dragEndCallBack,
             });
         }
-        let result = PopsHandler.handleResultDetails(eventDetails);
+        const result = PopsHandler.handleResultDetails(eventDetails);
         return {
             ...result,
             addEventListener: (event, listener, options) => {
@@ -10269,13 +10219,13 @@ const PopsPrompt = {
             },
         ]);
         // 先把z-index提取出来
-        let zIndex = PopsHandler.handleZIndex(config.zIndex);
-        let maskHTML = PopsElementHandler.createMask(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
-        let bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
-        let { contentPStyle } = PopsElementHandler.createContentStyle(popsType, config);
-        let animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
+        const zIndex = PopsHandler.handleZIndex(config.zIndex);
+        const maskHTML = PopsElementHandler.createMask(guid, zIndex);
+        const headerBtnHTML = PopsElementHandler.createHeader(popsType, config);
+        const bottomBtnHTML = PopsElementHandler.createBottom(popsType, config);
+        const { headerStyle, headerPStyle } = PopsElementHandler.createHeaderStyle(popsType, config);
+        const { contentPStyle } = PopsElementHandler.createContentStyle(popsType, config);
+        const animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
         /*html*/ `
             <div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
@@ -10292,8 +10242,8 @@ const PopsPrompt = {
         /**
          * 弹窗的主元素，包括动画层
          */
-        let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, inputElement: $input, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, titleElement: $title, } = PopsHandler.handleQueryElement($anim, popsType);
+        const $anim = PopsElementHandler.parseElement(animHTML);
+        const { popsElement: $pops, inputElement: $input, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, titleElement: $title, } = PopsHandler.handleQueryElement($anim, popsType);
         /**
          * 遮罩层元素
          */
@@ -10301,10 +10251,10 @@ const PopsPrompt = {
         /**
          * 已创建的元素列表
          */
-        let elementList = [$anim];
+        const elementList = [$anim];
         if (config.mask.enable) {
             // 启用遮罩层
-            let _handleMask_ = PopsHandler.handleMask({
+            const _handleMask_ = PopsHandler.handleMask({
                 type: popsType,
                 guid: guid,
                 config: config,
@@ -10314,7 +10264,7 @@ const PopsPrompt = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
+        const eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         /* 输入框赋值初始值 */
         $input.value = config.content.text;
         PopsHandler.handlePromptClickEvent("close", $input, $btnClose, eventDetails, config.btn.close.callback);
@@ -10356,7 +10306,7 @@ const PopsPrompt = {
         if (config.content.select) {
             $input.select();
         }
-        let result = PopsHandler.handleResultDetails(eventDetails);
+        const result = PopsHandler.handleResultDetails(eventDetails);
         return result;
     },
 };
@@ -10470,8 +10420,7 @@ const PopsRightClickMenu = {
             throw new Error("config.target 不能为空");
         }
         if (details.data) {
-            // @ts-ignore
-            config.data = details.data;
+            Reflect.set(config, "data", details.data);
         }
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
@@ -10493,7 +10442,7 @@ const PopsRightClickMenu = {
             },
         ]);
         if (config.style != null) {
-            let cssNode = popsDOMUtils.createElement("style", {
+            const cssNode = popsDOMUtils.createElement("style", {
                 innerHTML: config.style,
             }, {
                 type: "text/css",
@@ -10513,7 +10462,7 @@ const PopsRightClickMenu = {
                 if (!PopsContextMenu.rootElement) {
                     return;
                 }
-                let $click = event.target;
+                const $click = event.target;
                 if ($click.closest(`.pops-${popsType}`)) {
                     return;
                 }
@@ -10530,7 +10479,7 @@ const PopsRightClickMenu = {
                 if (!PopsContextMenu.rootElement) {
                     return;
                 }
-                let $click = event.target;
+                const $click = event.target;
                 if ($click.closest(`.pops-${popsType}`)) {
                     return;
                 }
@@ -10581,7 +10530,7 @@ const PopsRightClickMenu = {
                 if (PopsContextMenu.rootElement) {
                     PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
                 }
-                let rootElement = PopsContextMenu.showMenu(event, config.data, selectorTarget);
+                const rootElement = PopsContextMenu.showMenu(event, config.data, selectorTarget);
                 PopsContextMenu.rootElement = rootElement;
                 if (config.only) {
                     PopsHandler.handlePush(popsType, {
@@ -10620,7 +10569,8 @@ const PopsRightClickMenu = {
                 /**
                  * 动画结束触发的事件
                  */
-                let transitionEndEvent = (event) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const transitionEndEvent = (event) => {
                     popsDOMUtils.off($menu, popsDOMUtils.getTransitionEndNameList(), transitionEndEvent, {
                         capture: true,
                     });
@@ -10660,7 +10610,7 @@ const PopsRightClickMenu = {
                 if (rootElementMenuData?.root) {
                     rootElement = rootElementMenuData.root;
                 }
-                let childMenuList = rootElementMenuData.child;
+                const childMenuList = rootElementMenuData.child;
                 childMenuList.forEach((childMenuElement) => {
                     this.animationCloseMenu(childMenuElement);
                 });
@@ -10672,11 +10622,11 @@ const PopsRightClickMenu = {
              * @param isChildren 是否是rightClickMenu的某一项的子菜单
              */
             createMenuContainerElement(isChildren) {
-                let $menu = popsDOMUtils.createElement("div", {
+                const $menu = popsDOMUtils.createElement("div", {
                     className: `pops-${popsType}`,
                     innerHTML: /*html*/ `<ul class="pops-${popsType}-wrapper"></ul>`,
                 });
-                let zIndex = this.getMenuZIndex();
+                const zIndex = this.getMenuZIndex();
                 if (zIndex > 10000) {
                     $menu.style.zIndex = zIndex.toString();
                 }
@@ -10707,26 +10657,26 @@ const PopsRightClickMenu = {
              * @param isMainMenu 是否是主菜单
              */
             getOffset(menuElement, mousePosition, parentInfo) {
-                let result = {
+                const result = {
                     top: 0,
                     right: 0,
                     bottom: 0,
                     left: 0,
                 };
-                let menuElementWidth = popsDOMUtils.width(menuElement);
-                let menuElementHeight = popsDOMUtils.height(menuElement);
+                const menuElementWidth = popsDOMUtils.width(menuElement);
+                const menuElementHeight = popsDOMUtils.height(menuElement);
                 /**
                  * 限制的间隙距离
                  */
-                let limitDistance = 1;
-                let maxPageLeftOffset = popsDOMUtils.width(globalThis) - limitDistance;
-                let maxPageTopOffset = popsDOMUtils.height(globalThis) - limitDistance;
+                const limitDistance = 1;
+                const maxPageLeftOffset = popsDOMUtils.width(globalThis) - limitDistance;
+                const maxPageTopOffset = popsDOMUtils.height(globalThis) - limitDistance;
                 /* left最大偏移 */
-                let maxLeftOffset = maxPageLeftOffset - menuElementWidth;
+                const maxLeftOffset = maxPageLeftOffset - menuElementWidth;
                 /* top最大偏移 */
-                let maxTopOffset = maxPageTopOffset - menuElementHeight;
-                let chileMenuLeftOrRightDistance = config.chileMenuLeftOrRightDistance;
-                let childMenuTopOrBottomDistance = config.childMenuTopOrBottomDistance;
+                const maxTopOffset = maxPageTopOffset - menuElementHeight;
+                const chileMenuLeftOrRightDistance = config.chileMenuLeftOrRightDistance;
+                const childMenuTopOrBottomDistance = config.childMenuTopOrBottomDistance;
                 let currentLeftOffset = mousePosition.x;
                 let currentTopOffset = mousePosition.y;
                 currentLeftOffset = currentLeftOffset < 0 ? 0 : currentLeftOffset;
@@ -10736,9 +10686,8 @@ const PopsRightClickMenu = {
                     // 偏移计算方式就是父菜单的右偏移+父菜单的宽度
                     if (parentInfo) {
                         // 子菜单
-                        let mainMenuOffset = popsDOMUtils.offset(parentInfo.$menu);
-                        currentLeftOffset =
-                            maxPageLeftOffset - mainMenuOffset.left - chileMenuLeftOrRightDistance + limitDistance;
+                        const mainMenuOffset = popsDOMUtils.offset(parentInfo.$menu);
+                        currentLeftOffset = maxPageLeftOffset - mainMenuOffset.left - chileMenuLeftOrRightDistance + limitDistance;
                     }
                     else {
                         // 主菜单 默认的
@@ -10766,7 +10715,7 @@ const PopsRightClickMenu = {
                     // 超过，那么子菜单将会在放在上面
                     if (parentInfo) {
                         // 以项的top偏移为基准
-                        let parentItemOffset = popsDOMUtils.offset(parentInfo.$parentItem, false);
+                        const parentItemOffset = popsDOMUtils.offset(parentInfo.$parentItem, false);
                         currentTopOffset =
                             maxPageTopOffset - parentItemOffset.bottom - childMenuTopOrBottomDistance + limitDistance;
                     }
@@ -10797,7 +10746,7 @@ const PopsRightClickMenu = {
              * @param menuListenerRootNode 右键菜单监听的元素
              */
             showMenu(menuEvent, _config_, menuListenerRootNode) {
-                let menuElement = this.createMenuContainerElement(false);
+                const menuElement = this.createMenuContainerElement(false);
                 Reflect.set(menuElement, "__menuData__", {
                     child: [],
                 });
@@ -10825,19 +10774,19 @@ const PopsRightClickMenu = {
              * @param menuListenerRootNode 右键菜单监听的元素
              */
             showClildMenu(menuEvent, posInfo, _config_, rootElement, targetLiElement, menuListenerRootNode) {
-                let menuElement = this.createMenuContainerElement(true);
+                const menuElement = this.createMenuContainerElement(true);
                 Reflect.set(menuElement, "__menuData__", {
                     parent: targetLiElement,
                     root: rootElement,
                 });
                 // 根菜单数据
-                let rootElementMenuData = Reflect.get(rootElement, "__menuData__");
+                const rootElementMenuData = Reflect.get(rootElement, "__menuData__");
                 rootElementMenuData.child.push(menuElement);
                 // 添加子元素
                 PopsContextMenu.addMenuLiELement(menuEvent, rootElement, menuElement, _config_, menuListenerRootNode);
                 // 添加到页面
                 popsDOMUtils.append($shadowRoot, menuElement);
-                let $parentMenu = targetLiElement.closest(".pops-rightClickMenu");
+                const $parentMenu = targetLiElement.closest(".pops-rightClickMenu");
                 this.handlerShowMenuCSS(menuElement, posInfo, {
                     $menu: $parentMenu,
                     $parentItem: targetLiElement,
@@ -10851,7 +10800,7 @@ const PopsRightClickMenu = {
              * @param parentInfo 配置子菜单的父级信息
              */
             handlerShowMenuCSS($menu, posInfo, parentInfo) {
-                let offset = this.getOffset($menu, {
+                const offset = this.getOffset($menu, {
                     x: posInfo.clientX,
                     y: posInfo.clientY,
                 }, parentInfo);
@@ -10877,14 +10826,14 @@ const PopsRightClickMenu = {
              * @param menuListenerRootNode 右键菜单监听的元素
              */
             addMenuLiELement(menuEvent, rootElement, menuElement, _config_, menuListenerRootNode) {
-                let menuEventTarget = menuEvent.target;
-                let menuULElement = menuElement.querySelector("ul");
+                const menuEventTarget = menuEvent.target;
+                const menuULElement = menuElement.querySelector("ul");
                 _config_.forEach((item) => {
-                    let menuLiElement = popsDOMUtils.parseTextToDOM(`<li></li>`);
+                    const menuLiElement = popsDOMUtils.parseTextToDOM(`<li></li>`);
                     /* 判断有无图标，有就添加进去 */
                     if (typeof item.icon === "string" && item.icon.trim() !== "") {
-                        let iconSVGHTML = PopsIcon.getIcon(item.icon) ?? item.icon;
-                        let iconElement = popsDOMUtils.parseTextToDOM(
+                        const iconSVGHTML = PopsIcon.getIcon(item.icon) ?? item.icon;
+                        const iconElement = popsDOMUtils.parseTextToDOM(
                         /*html*/ `<i class="pops-${popsType}-icon" is-loading="${item.iconIsLoading ?? false}">${iconSVGHTML}</i>`);
                         menuLiElement.appendChild(iconElement);
                     }
@@ -10909,13 +10858,13 @@ const PopsRightClickMenu = {
                         }
                         Array.from(menuULElement.children).forEach((liElement) => {
                             popsDOMUtils.removeClassName(liElement, `pops-${popsType}-is-visited`);
-                            let li_menuData = Reflect.get(liElement, "__menuData__");
+                            const li_menuData = Reflect.get(liElement, "__menuData__");
                             if (!li_menuData) {
                                 return;
                             }
                             function removeElement(element) {
                                 element.querySelectorAll("ul li").forEach(($ele) => {
-                                    let menuData = Reflect.get($ele, "__menuData__");
+                                    const menuData = Reflect.get($ele, "__menuData__");
                                     if (menuData?.child) {
                                         removeElement(menuData.child);
                                     }
@@ -10926,9 +10875,9 @@ const PopsRightClickMenu = {
                             removeElement(li_menuData.child);
                         });
                         /* 清理根元素上的children不存在于页面中的元素 */
-                        let root_menuData = Reflect.get(rootElement, "__menuData__");
+                        const root_menuData = Reflect.get(rootElement, "__menuData__");
                         for (let index = 0; index < root_menuData.child.length; index++) {
-                            let element = root_menuData.child[index];
+                            const element = root_menuData.child[index];
                             if (!$shadowRoot.contains(element)) {
                                 root_menuData.child.splice(index, 1);
                                 index--;
@@ -10938,8 +10887,8 @@ const PopsRightClickMenu = {
                         if (!item.item) {
                             return;
                         }
-                        let rect = menuLiElement.getBoundingClientRect();
-                        let childMenu = PopsContextMenu.showClildMenu(menuEvent, {
+                        const rect = menuLiElement.getBoundingClientRect();
+                        const childMenu = PopsContextMenu.showClildMenu(menuEvent, {
                             clientX: rect.left + popsDOMUtils.outerWidth(menuLiElement),
                             clientY: rect.top,
                         }, item.item, rootElement, menuLiElement, menuListenerRootNode);
@@ -10960,8 +10909,10 @@ const PopsRightClickMenu = {
                                     },
                                 });
                             }
-                            catch (error) { }
-                            let callbackResult = await item.callback(clickEvent, menuEvent, menuLiElement, menuListenerRootNode);
+                            catch {
+                                // 忽略
+                            }
+                            const callbackResult = await item.callback(clickEvent, menuEvent, menuLiElement, menuListenerRootNode);
                             if (typeof callbackResult === "boolean" && callbackResult == false) {
                                 return;
                             }
@@ -11004,8 +10955,8 @@ const searchSuggestionConfig = () => {
                 console.log("删除当前项", [event, $dataItem, dataItem, config]);
                 return true;
             },
-            itemView(dateItem, $parent) {
-                return `测试${index}-html`;
+            itemView(dateItem) {
+                return `${dateItem.value}-html`;
             },
             clickCallback(event, $dataItem, dataItem, config) {
                 console.log("item项的点击回调", [event, $dataItem, data, config]);
@@ -11083,7 +11034,7 @@ const PopsSearchSuggestion = {
             },
         ]);
         if (config.style != null) {
-            let cssNode = document.createElement("style");
+            const cssNode = document.createElement("style");
             popsDOMUtils.createElement("style", {
                 innerHTML: config.style,
             }, {
@@ -11131,8 +11082,7 @@ const PopsSearchSuggestion = {
                 Reflect.set(SearchSuggestion.$el.root, "data-SearchSuggestion", SearchSuggestion);
                 SearchSuggestion.$el.$dynamicCSS =
                     SearchSuggestion.$el.root.querySelector("style[data-dynamic]");
-                SearchSuggestion.$el.$hintULContainer =
-                    SearchSuggestion.$el.root.querySelector("ul");
+                SearchSuggestion.$el.$hintULContainer = SearchSuggestion.$el.root.querySelector("ul");
             },
             /**
              * 获取数据
@@ -11151,7 +11101,7 @@ const PopsSearchSuggestion = {
              * 获取显示出搜索建议框的html
              */
             createSearchSelectElement() {
-                let $el = popsDOMUtils.createElement("div", {
+                const $el = popsDOMUtils.createElement("div", {
                     className: `pops pops-${popsType}-search-suggestion`,
                     innerHTML: /*html*/ `
 						<style type="text/css">
@@ -11352,7 +11302,7 @@ const PopsSearchSuggestion = {
              */
             createSearchItemLiElement(dataItem, dateItemIndex) {
                 const dataValue = SearchSuggestion.getItemDataValue(dataItem);
-                let $li = popsDOMUtils.createElement("li", {
+                const $li = popsDOMUtils.createElement("li", {
                     className: `pops-${popsType}-search-suggestion-hint-item`,
                     "data-index": dateItemIndex,
                     "data-value": dataValue,
@@ -11360,7 +11310,7 @@ const PopsSearchSuggestion = {
                 Reflect.set($li, "data-index", dateItemIndex);
                 Reflect.set($li, "data-value", dataValue);
                 // 项内容
-                let $itemInner = dataItem.itemView(dataItem, $li, config);
+                const $itemInner = dataItem.itemView(dataItem, $li, config);
                 if (typeof $itemInner === "string") {
                     PopsSafeUtils.setSafeHTML($li, $itemInner);
                 }
@@ -11370,7 +11320,7 @@ const PopsSearchSuggestion = {
                 // 删除按钮
                 const enableDeleteButton = dataItem.enableDeleteButton;
                 if (typeof enableDeleteButton === "boolean" && enableDeleteButton) {
-                    let $deleteIcon = SearchSuggestion.createItemDeleteIcon();
+                    const $deleteIcon = SearchSuggestion.createItemDeleteIcon();
                     popsDOMUtils.append($li, $deleteIcon);
                 }
                 popsDOMUtils.addClassName($li, PopsCommonCSSClassName.flexCenter);
@@ -11384,14 +11334,14 @@ const PopsSearchSuggestion = {
             setSearchItemClickEvent($searchItem) {
                 popsDOMUtils.on($searchItem, "click", async (event) => {
                     popsDOMUtils.preventEvent(event);
-                    let $click = event.target;
+                    const $click = event.target;
                     const data = SearchSuggestion.getData();
                     const dataItem = Reflect.get($searchItem, "data-value");
-                    let isDelete = Boolean($click.closest(`.pops-${popsType}-delete-icon`));
+                    const isDelete = Boolean($click.closest(`.pops-${popsType}-delete-icon`));
                     if (isDelete) {
                         // 删除
                         if (typeof dataItem.deleteButtonClickCallback === "function") {
-                            let result = await dataItem.deleteButtonClickCallback(event, $searchItem, dataItem, config);
+                            const result = await dataItem.deleteButtonClickCallback(event, $searchItem, dataItem, config);
                             if (typeof result === "boolean" && result) {
                                 data.splice(data.indexOf(dataItem), 1);
                                 $searchItem.remove();
@@ -11406,7 +11356,7 @@ const PopsSearchSuggestion = {
                     else {
                         // 点击选择项
                         if (typeof dataItem.clickCallback === "function") {
-                            let result = await dataItem.clickCallback(event, $searchItem, dataItem, config);
+                            const result = await dataItem.clickCallback(event, $searchItem, dataItem, config);
                             if (typeof result === "boolean" && result) {
                                 if (config.inputTarget instanceof HTMLInputElement ||
                                     config.inputTarget instanceof HTMLTextAreaElement) {
@@ -11423,6 +11373,7 @@ const PopsSearchSuggestion = {
              * 设置搜索建议框每一项的选中事件
              * @param liElement
              */
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
             setSearchItemSelectEvent(liElement) {
                 // popsDOMUtils.on(
                 // 	liElement,
@@ -11444,17 +11395,18 @@ const PopsSearchSuggestion = {
                 capture: true,
             }) {
                 /* 必须是input或者textarea才有input事件 */
-                if (!(config.inputTarget instanceof HTMLInputElement ||
-                    config.inputTarget instanceof HTMLTextAreaElement)) {
+                if (!(config.inputTarget instanceof HTMLInputElement || config.inputTarget instanceof HTMLTextAreaElement)) {
                     return;
                 }
                 /* 是input输入框 */
                 /* 禁用输入框自动提示 */
                 config.inputTarget.setAttribute("autocomplete", "off");
                 /* 内容改变事件 */
-                const listenerHandler = popsDOMUtils.onInput(config.inputTarget, async (event) => {
+                const listenerHandler = popsDOMUtils.onInput(config.inputTarget, 
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                async (_event) => {
                     const data = SearchSuggestion.getData();
-                    let queryDataResult = await config.inputTargetChangeRefreshShowDataCallback(config.inputTarget.value, data, config);
+                    const queryDataResult = await config.inputTargetChangeRefreshShowDataCallback(config.inputTarget.value, data, config);
                     SearchSuggestion.update(queryDataResult);
                     SearchSuggestion.updateStyleSheet();
                 }, option);
@@ -11463,7 +11415,9 @@ const PopsSearchSuggestion = {
             /**
              * 移除输入框内容改变的监听
              */
-            removeInputChangeEvent(option = {
+            removeInputChangeEvent(
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            option = {
                 capture: true,
             }) {
                 for (let index = 0; index < SearchSuggestion.$evt.offInputChangeEvtHandler.length; index++) {
@@ -11598,7 +11552,7 @@ const PopsSearchSuggestion = {
              * 获取删除按钮的html
              */
             createItemDeleteIcon(size = 16, fill = "#bababa") {
-                let $svg = popsDOMUtils.parseTextToDOM(/*html*/ `
+                const $svg = popsDOMUtils.parseTextToDOM(/*html*/ `
 					<svg class="pops-${popsType}-delete-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" fill="${fill}">
 						<path d="M512 883.2A371.2 371.2 0 1 0 140.8 512 371.2 371.2 0 0 0 512 883.2z m0 64a435.2 435.2 0 1 1 435.2-435.2 435.2 435.2 0 0 1-435.2 435.2z"></path>
 						<path d="M557.056 512l122.368 122.368a31.744 31.744 0 1 1-45.056 45.056L512 557.056l-122.368 122.368a31.744 31.744 0 1 1-45.056-45.056L466.944 512 344.576 389.632a31.744 31.744 0 1 1 45.056-45.056L512 466.944l122.368-122.368a31.744 31.744 0 1 1 45.056 45.056z"></path>
@@ -11610,7 +11564,7 @@ const PopsSearchSuggestion = {
              * 设置当前正在搜索中的提示
              */
             setPromptsInSearch() {
-                let $isSearching = popsDOMUtils.createElement("li", {
+                const $isSearching = popsDOMUtils.createElement("li", {
                     className: `pops-${popsType}-search-suggestion-hint-searching-item`,
                     innerHTML: config.searchingTip,
                 });
@@ -11648,12 +11602,12 @@ const PopsSearchSuggestion = {
                     documentHeight = popsDOMUtils.height(document);
                 }
                 // 文档最大宽度
-                let documentWidth = popsDOMUtils.width(document);
+                const documentWidth = popsDOMUtils.width(document);
                 let position = config.position;
                 if (config.position === "auto") {
                     // 需目标高度+搜索建议框高度大于文档高度，则显示在上面
-                    let targetBottom = targetRect.bottom;
-                    let searchSuggestionContainerHeight = popsDOMUtils.height(SearchSuggestion.$el.$hintULContainer);
+                    const targetBottom = targetRect.bottom;
+                    const searchSuggestionContainerHeight = popsDOMUtils.height(SearchSuggestion.$el.$hintULContainer);
                     if (targetBottom + searchSuggestionContainerHeight > documentHeight) {
                         // 在上面
                         position = "top";
@@ -11673,7 +11627,7 @@ const PopsSearchSuggestion = {
                         // 翻转折叠
                         SearchSuggestion.$el.root.setAttribute("data-popper-placement", "top");
                     }
-                    let bottom = documentHeight - targetRect.top + config.topDistance;
+                    const bottom = documentHeight - targetRect.top + config.topDistance;
                     SearchSuggestion.$el.root.style.top = "";
                     SearchSuggestion.$el.root.style.bottom = bottom + "px";
                 }
@@ -11682,13 +11636,13 @@ const PopsSearchSuggestion = {
                     if (config.useFoldAnimation) {
                         SearchSuggestion.$el.root.setAttribute("data-popper-placement", "bottom-center");
                     }
-                    let top = targetRect.height + targetRect.top + config.topDistance;
+                    const top = targetRect.height + targetRect.top + config.topDistance;
                     SearchSuggestion.$el.root.removeAttribute("data-top-reverse");
                     SearchSuggestion.$el.root.style.bottom = "";
                     SearchSuggestion.$el.root.style.top = top + "px";
                 }
                 let left = targetRect.left;
-                let hintUIWidth = popsDOMUtils.width(SearchSuggestion.$el.$hintULContainer);
+                const hintUIWidth = popsDOMUtils.width(SearchSuggestion.$el.$hintULContainer);
                 if (hintUIWidth > documentWidth) {
                     // 超出宽度
                     left = left + documentWidth - hintUIWidth;
@@ -11709,7 +11663,7 @@ const PopsSearchSuggestion = {
              * @param target 目标元素
              */
             changeHintULElementWidth(target = config.target ?? config.inputTarget) {
-                let targetRect = target.getBoundingClientRect();
+                const targetRect = target.getBoundingClientRect();
                 if (config.followTargetWidth) {
                     SearchSuggestion.$el.$hintULContainer.style.width = targetRect.width + "px";
                 }
@@ -11721,7 +11675,7 @@ const PopsSearchSuggestion = {
              * 动态更新CSS
              */
             updateDynamicCSS() {
-                let cssText = SearchSuggestion.getDynamicCSS();
+                const cssText = SearchSuggestion.getDynamicCSS();
                 PopsSafeUtils.setSafeHTML(SearchSuggestion.$el.$dynamicCSS, cssText);
             },
             /**
@@ -11763,9 +11717,9 @@ const PopsSearchSuggestion = {
                     }
                     SearchSuggestion.clear(true);
                     /* 添加进ul中 */
-                    let fragment = document.createDocumentFragment();
+                    const fragment = document.createDocumentFragment();
                     data.forEach((item, index) => {
-                        let $item = SearchSuggestion.createSearchItemLiElement(item, index);
+                        const $item = SearchSuggestion.createSearchItemLiElement(item, index);
                         SearchSuggestion.setSearchItemClickEvent($item);
                         SearchSuggestion.setSearchItemSelectEvent($item);
                         fragment.appendChild($item);
@@ -11833,11 +11787,13 @@ const PopsSearchSuggestion = {
     },
 };
 
+const version = "2.4.6";
+
 class Pops {
     /** 配置 */
     config = {
         /** 版本号 */
-        version: "2025.9.4",
+        version: version,
         cssText: PopsCSS,
         /** icon图标的svg代码 */
         iconSVG: PopsIcon.$data,
@@ -11872,9 +11828,7 @@ class Pops {
         if (typeof PopsCore.globalThis.pops === "object") {
             popsUtils.delete(PopsCore.globalThis, "pops");
         }
-        if (typeof unsafeWindow === "object" &&
-            unsafeWindow != null &&
-            typeof unsafeWindow.pops === "object") {
+        if (typeof unsafeWindow === "object" && unsafeWindow != null && typeof unsafeWindow.pops === "object") {
             popsUtils.delete(unsafeWindow, "pops");
         }
         return new Pops();
@@ -11895,7 +11849,7 @@ class Pops {
      * @param details 配置
      */
     alert = (details) => {
-        let dialog = PopsAlert.init(details);
+        const dialog = PopsAlert.init(details);
         return dialog;
     };
     /**
@@ -11903,7 +11857,7 @@ class Pops {
      * @param details 配置
      */
     confirm = (details) => {
-        let dialog = PopsConfirm.init(details);
+        const dialog = PopsConfirm.init(details);
         return dialog;
     };
     /**
@@ -11911,7 +11865,7 @@ class Pops {
      * @param details 配置
      */
     prompt = (details) => {
-        let dialog = PopsPrompt.init(details);
+        const dialog = PopsPrompt.init(details);
         return dialog;
     };
     /**
@@ -11919,7 +11873,7 @@ class Pops {
      * @param details 配置
      */
     loading = (details) => {
-        let popsLoading = PopsLoading.init(details);
+        const popsLoading = PopsLoading.init(details);
         return popsLoading;
     };
     /**
@@ -11927,7 +11881,7 @@ class Pops {
      * @param details 配置
      */
     iframe = (details) => {
-        let dialog = PopsIframe.init(details);
+        const dialog = PopsIframe.init(details);
         return dialog;
     };
     /**
@@ -11935,7 +11889,7 @@ class Pops {
      * @param details 配置
      */
     tooltip = (details) => {
-        let popsTooltip = PopsTooltip.init(details);
+        const popsTooltip = PopsTooltip.init(details);
         return popsTooltip;
     };
     /**
@@ -11943,7 +11897,7 @@ class Pops {
      * @param details 配置
      */
     drawer = (details) => {
-        let dialog = PopsDrawer.init(details);
+        const dialog = PopsDrawer.init(details);
         return dialog;
     };
     /**
@@ -11951,7 +11905,7 @@ class Pops {
      * @param details 配置
      */
     folder = (details) => {
-        let dialog = PopsFolder.init(details);
+        const dialog = PopsFolder.init(details);
         return dialog;
     };
     /**
@@ -11959,7 +11913,7 @@ class Pops {
      * @param details 配置
      */
     panel = (details) => {
-        let dialog = PopsPanel.init(details);
+        const dialog = PopsPanel.init(details);
         return dialog;
     };
     /**
@@ -11967,7 +11921,7 @@ class Pops {
      * @param details 配置
      */
     rightClickMenu = (details) => {
-        let popsRightClickMenu = PopsRightClickMenu.init(details);
+        const popsRightClickMenu = PopsRightClickMenu.init(details);
         return popsRightClickMenu;
     };
     /**
@@ -11988,7 +11942,7 @@ class Pops {
      * searchSuggestion.setAllEvent();
      */
     searchSuggestion = (details) => {
-        let popsSearchSuggestion = PopsSearchSuggestion.init(details);
+        const popsSearchSuggestion = PopsSearchSuggestion.init(details);
         return popsSearchSuggestion;
     };
 }