@whitesev/pops 2.4.4 → 2.4.6

package/dist/index.umd.js

@@ -18,12 +18,12 @@
          * 获取全局配置
          */
         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;
                     }
@@ -32,7 +32,7 @@
                     // 设置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;
                         }
@@ -44,7 +44,7 @@
                     }
                 }
                 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;
                     }
@@ -556,7 +556,7 @@
             }
         }
         assign(target = {}, source = {}, isAdd = false) {
-            let UtilsContext = this;
+            const UtilsContext = this;
             if (source == null) {
                 return target;
             }
@@ -564,7 +564,7 @@
                 target = {};
             }
             if (Array.isArray(source)) {
-                let canTraverse = source.filter((item) => {
+                const canTraverse = source.filter((item) => {
                     return typeof item === "object";
                 });
                 if (!canTraverse.length) {
@@ -574,8 +574,8 @@
             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 &&
@@ -590,22 +590,19 @@
             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);
                     }
                 }
             }
@@ -620,15 +617,16 @@
             }
             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) {
@@ -651,7 +649,7 @@
             }
         }
         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
@@ -670,7 +668,7 @@
             function timeSystemChange(hourNum) {
                 return hourNum > 12 ? hourNum - 12 : hourNum;
             }
-            let timeRegexp = {
+            const timeRegexp = {
                 yyyy: time.getFullYear(),
                 /* 年 */
                 MM: checkTime(time.getMonth() + 1),
@@ -687,7 +685,7 @@
                 /* 秒 */
             };
             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;
@@ -699,7 +697,7 @@
             }
             let result = 0;
             let resultType = "KB";
-            let sizeData = {};
+            const sizeData = {};
             sizeData.B = 1;
             sizeData.KB = 1024;
             sizeData.MB = sizeData.KB * sizeData.KB;
@@ -712,7 +710,7 @@
             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) {
@@ -740,7 +738,7 @@
             try {
                 return setTimeout$1(callback, timeout);
             }
-            catch (error) {
+            catch {
                 return PopsCore.setTimeout(callback, timeout);
             }
         }
@@ -753,7 +751,8 @@
                     clearTimeout$1(timeId);
                 }
             }
-            catch (error) {
+            catch {
+                // TODO
             }
             finally {
                 PopsCore.clearTimeout(timeId);
@@ -766,7 +765,7 @@
             try {
                 return setInterval$1(callback, timeout);
             }
-            catch (error) {
+            catch {
                 return PopsCore.setInterval(callback, timeout);
             }
         }
@@ -779,7 +778,8 @@
                     clearInterval$1(timeId);
                 }
             }
-            catch (error) {
+            catch {
+                // 忽略
             }
             finally {
                 PopsCore.clearInterval(timeId);
@@ -793,10 +793,8 @@
          * 获取安全的html
          */
         getSafeHTML(text) {
-            // @ts-ignore
-            if (globalThis.trustedTypes) {
-                // @ts-ignore
-                const policy = globalThis.trustedTypes.createPolicy("safe-innerHTML", {
+            if (window.trustedTypes) {
+                const policy = window.trustedTypes.createPolicy("safe-innerHTML", {
                     createHTML: (html) => html,
                 });
                 return policy.createHTML(text);
@@ -834,7 +832,7 @@
              * @param option
              */
             function getOption(args, startIndex, option) {
-                let currentParam = args[startIndex];
+                const currentParam = args[startIndex];
                 if (typeof currentParam === "boolean") {
                     option.capture = currentParam;
                     if (typeof args[startIndex + 1] === "boolean") {
@@ -856,8 +854,9 @@
                 }
                 return option;
             }
-            let DOMUtilsContext = this;
-            let args = arguments;
+            const DOMUtilsContext = this;
+            // eslint-disable-next-line prefer-rest-params
+            const args = arguments;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -933,14 +932,14 @@
                                 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;
@@ -956,7 +955,9 @@
                                     },
                                 });
                             }
-                            catch (error) { }
+                            catch {
+                                // 忽略
+                            }
                             listenerCallBack.call(eventTarget, event, eventTarget);
                             checkOptionOnceToRemoveEventListener();
                         }
@@ -971,7 +972,7 @@
                 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({
@@ -993,7 +994,7 @@
              * @param option
              */
             function getOption(args1, startIndex, option) {
-                let currentParam = args1[startIndex];
+                const currentParam = args1[startIndex];
                 if (typeof currentParam === "boolean") {
                     option.capture = currentParam;
                 }
@@ -1002,8 +1003,9 @@
                 }
                 return option;
             }
-            let DOMUtilsContext = this;
-            let args = arguments;
+            const DOMUtilsContext = this;
+            // eslint-disable-next-line prefer-rest-params
+            const args = arguments;
             if (typeof element === "string") {
                 element = DOMUtilsContext.selectorAll(element);
             }
@@ -1065,14 +1067,14 @@
             }
             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不同
@@ -1132,10 +1134,10 @@
                     if (!__symbolEvents.toString().startsWith("Symbol(events_")) {
                         return;
                     }
-                    let elementEvents = elementItem[__symbolEvents] || {};
-                    let iterEventNameList = eventTypeList.length ? eventTypeList : Object.keys(elementEvents);
+                    const elementEvents = elementItem[__symbolEvents] || {};
+                    const iterEventNameList = eventTypeList.length ? eventTypeList : Object.keys(elementEvents);
                     iterEventNameList.forEach((eventName) => {
-                        let handlers = elementEvents[eventName];
+                        const handlers = elementEvents[eventName];
                         if (!handlers) {
                             return;
                         }
@@ -1175,7 +1177,7 @@
                         return false;
                     }
                 }
-                catch (error) {
+                catch {
                     return false;
                 }
             }
@@ -1186,7 +1188,7 @@
                 removeDomReadyListener();
                 callback();
             }
-            let targetList = [
+            const targetList = [
                 {
                     target: PopsCore.document,
                     eventType: "DOMContentLoaded",
@@ -1203,7 +1205,7 @@
              */
             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);
                 }
             }
@@ -1212,7 +1214,7 @@
              */
             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);
                 }
             }
@@ -1263,7 +1265,7 @@
             }
             elementList.forEach((elementItem) => {
                 /* 获取对象上的事件 */
-                let events = elementItem[SymbolEvents] || {};
+                const events = elementItem[SymbolEvents] || {};
                 eventTypeList.forEach((_eventType_) => {
                     let event = null;
                     if (details && details instanceof Event) {
@@ -1303,7 +1305,7 @@
          * })
          * */
         click(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = PopsCore.document.querySelector(element);
             }
@@ -1332,7 +1334,7 @@
          * })
          * */
         blur(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = PopsCore.document.querySelector(element);
             }
@@ -1361,7 +1363,7 @@
          * })
          * */
         focus(element, handler, details, useDispatchToTriggerEvent) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = PopsCore.document.querySelector(element);
             }
@@ -1390,7 +1392,7 @@
          * })
          */
         hover(element, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (typeof element === "string") {
                 element = PopsCore.document.querySelector(element);
             }
@@ -1416,7 +1418,7 @@
          * })
          */
         keyup(target, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (target == null) {
                 return;
             }
@@ -1441,7 +1443,7 @@
          * })
          */
         keydown(target, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (target == null) {
                 return;
             }
@@ -1466,7 +1468,7 @@
          * })
          */
         keypress(target, handler, option) {
-            let DOMUtilsContext = this;
+            const DOMUtilsContext = this;
             if (target == null) {
                 return;
             }
@@ -1487,6 +1489,7 @@
             }
             if (arguments.length === 1) {
                 /* 直接阻止事件 */
+                // eslint-disable-next-line prefer-rest-params
                 return stopEvent(arguments[0]);
             }
             else {
@@ -1511,32 +1514,28 @@
                     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));
                 });
             }
@@ -1576,33 +1575,29 @@
                 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 = "";
@@ -1619,45 +1614,41 @@
             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;
                     }
@@ -1666,7 +1657,7 @@
             }
             else {
                 // 普通语法
-                let $closest = $el?.closest(selector);
+                const $closest = $el?.closest(selector);
                 return $closest;
             }
         }
@@ -1686,13 +1677,13 @@
          * @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);
             }
@@ -1717,11 +1708,11 @@
                 }
                 /* 如果从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()) -
@@ -1733,14 +1724,14 @@
             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;
             }
@@ -1765,11 +1756,11 @@
                 }
                 /* 如果从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()) -
@@ -1781,14 +1772,14 @@
             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;
             }
@@ -1800,40 +1791,36 @@
             }
             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;
             }
@@ -1896,13 +1883,11 @@
              * 把纯数字没有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;
@@ -1913,7 +1898,7 @@
             if (element == null) {
                 return;
             }
-            let setStyleProperty = (propertyName, propertyValue) => {
+            const setStyleProperty = (propertyName, propertyValue) => {
                 if (typeof propertyValue === "string" && propertyValue.trim().endsWith("!important")) {
                     propertyValue = propertyValue
                         .trim()
@@ -1935,8 +1920,8 @@
                 }
             }
             else if (typeof property === "object") {
-                for (let prop in property) {
-                    let value = property[prop];
+                for (const prop in property) {
+                    const value = property[prop];
                     setStyleProperty(prop, value);
                 }
             }
@@ -1966,7 +1951,7 @@
         property, 
         /** 自定义属性 */
         attributes) {
-            let tempElement = PopsCore.document.createElement(tagName);
+            const tempElement = PopsCore.document.createElement(tagName);
             if (typeof property === "string") {
                 PopsSafeUtils.setSafeHTML(tempElement, property);
                 return tempElement;
@@ -1978,13 +1963,12 @@
                 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];
@@ -2008,7 +1992,7 @@
         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;
@@ -2046,16 +2030,21 @@
                 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",
@@ -2071,26 +2060,21 @@
                 "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
@@ -2102,7 +2086,7 @@
             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;
@@ -2113,7 +2097,7 @@
              * @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);
@@ -2121,35 +2105,31 @@
             }
             // 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;
+                }
             }
         }
         /**
@@ -2181,7 +2161,7 @@
         }
         parseHTML(html, useParser = false, isComplete = false) {
             function parseHTMLByDOMParser() {
-                let parser = new DOMParser();
+                const parser = new DOMParser();
                 if (isComplete) {
                     return parser.parseFromString(html, "text/html");
                 }
@@ -2190,7 +2170,7 @@
                 }
             }
             function parseHTMLByCreateDom() {
-                let tempDIV = PopsCore.document.createElement("div");
+                const tempDIV = PopsCore.document.createElement("div");
                 PopsSafeUtils.setSafeHTML(tempDIV, html);
                 if (isComplete) {
                     return tempDIV;
@@ -2232,7 +2212,7 @@
             }
             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);
@@ -2282,11 +2262,11 @@
          */
         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) {
                     // 未添加到任意节点中，那么直接添加到页面中去
@@ -2334,7 +2314,7 @@
                 }
                 styles = view.getComputedStyle(element);
             }
-            let value = parseFloat(styles[styleName]);
+            const value = parseFloat(styles[styleName]);
             if (isNaN(value)) {
                 return 0;
             }
@@ -2394,10 +2374,9 @@
          * @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];
                 }
             });
@@ -2421,7 +2400,7 @@
                  */
                 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 "";
@@ -2448,12 +2427,12 @@
                  * 蓝色
                  */
                 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]}`;
@@ -2471,12 +2450,12 @@
                  * 加深的程度，限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]);
@@ -2493,12 +2472,12 @@
                  * 加深的程度，限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]);
@@ -2519,9 +2498,11 @@
         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]));
             }
@@ -2535,15 +2516,15 @@
          */
         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,
@@ -2587,10 +2568,10 @@
          * @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};`;
@@ -2601,7 +2582,7 @@
             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>
@@ -2616,14 +2597,14 @@
             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 = "";
@@ -2673,7 +2654,7 @@
                 // 未设置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 "";
@@ -2699,7 +2680,7 @@
                     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 = "";
@@ -2732,7 +2713,7 @@
                     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库内的
@@ -2765,7 +2746,7 @@
                     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库内的
@@ -2825,37 +2806,37 @@
         },
     };
 
-    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 */
@@ -2902,7 +2883,7 @@
             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;
@@ -2916,7 +2897,7 @@
          * 判断是否存在某个动画名
          */
         hasAnim(name) {
-            return this.$data.hasOwnProperty(name);
+            return Object.prototype.hasOwnProperty.call(this.$data, name);
         },
     };
 
@@ -2959,7 +2940,6 @@
             // 当前页面最大的z-index
             let zIndex = 0;
             // 当前的最大z-index的元素，调试使用
-            // @ts-ignore
             let maxZIndexNode = null;
             /**
              * 元素是否可见
@@ -2975,7 +2955,7 @@
              */
             function queryMaxZIndex($ele) {
                 if (typeof ignoreCallBack === "function") {
-                    let ignoreResult = ignoreCallBack($ele);
+                    const ignoreResult = ignoreCallBack($ele);
                     if (typeof ignoreResult === "boolean" && !ignoreResult) {
                         return;
                     }
@@ -2984,7 +2964,7 @@
                 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) {
                             // 赋值到全局
@@ -3000,7 +2980,7 @@
                     }
                 }
             }
-            target.querySelectorAll("*").forEach(($ele, index) => {
+            target.querySelectorAll("*").forEach(($ele) => {
                 queryMaxZIndex($ele);
             });
             zIndex += deviation;
@@ -3035,13 +3015,13 @@
                 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;
@@ -3052,7 +3032,7 @@
                 }
             });
             zIndex += deviation;
-            let isOverMaxZIndex = zIndex >= maxZIndex;
+            const isOverMaxZIndex = zIndex >= maxZIndex;
             if (isOverMaxZIndex) {
                 // 超出z-index最大值
                 zIndex = maxZIndex;
@@ -3097,9 +3077,9 @@
                     // 移除全部或者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;
@@ -3134,9 +3114,9 @@
          */
         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)) {
@@ -3152,18 +3132,14 @@
                     }, 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"))) {
                             /**
                              * 动画结束的回调
                              */
@@ -3203,13 +3179,13 @@
          */
         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);
                         }
@@ -3223,18 +3199,13 @@
                     }, 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"))) {
                             /**
                              * 动画结束的回调
                              */
@@ -3273,8 +3244,8 @@
          */
         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;
                 /**
                  * 动画结束事件
                  */
@@ -3292,7 +3263,7 @@
                     }
                     /* 监听过渡结束 */
                     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;
@@ -3344,8 +3315,8 @@
             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);
@@ -3363,7 +3334,7 @@
              * 修改移动的元素的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";
                 }
@@ -3393,7 +3364,7 @@
                     };
                 }
                 else {
-                    let rect = container.getBoundingClientRect();
+                    const rect = container.getBoundingClientRect();
                     return {
                         left: rect.left,
                         top: rect.top,
@@ -3406,7 +3377,7 @@
             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);
@@ -3431,12 +3402,12 @@
                     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) {
@@ -3447,8 +3418,7 @@
                             /* 不允许超过容器的最大高度 */
                             currentMoveTopOffset = maxTopOffset;
                         }
-                        if (currentMoveLeftOffset - options.extraDistance * 2 <
-                            minLeftOffset + transformInfo.transformLeft) {
+                        if (currentMoveLeftOffset - options.extraDistance * 2 < minLeftOffset + transformInfo.transformLeft) {
                             /* 不允许left偏移小于容器最小值 */
                             currentMoveLeftOffset = minLeftOffset + transformInfo.transformLeft;
                             /* 最左边 +额外距离 */
@@ -3512,8 +3482,8 @@
                 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;
@@ -3545,10 +3515,10 @@
          * 创建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,
@@ -3600,7 +3570,7 @@
                 });
             }
             for (const cssItem of css) {
-                let $css = popsDOMUtils.createElement("style", {}, {
+                const $css = popsDOMUtils.createElement("style", {}, {
                     "data-type": "PopsHandler.handleInit",
                 });
                 $css.textContent = cssItem.css;
@@ -3617,7 +3587,7 @@
          * @param details 传递的配置
          */
         handleMask(details = {}) {
-            let result = {
+            const result = {
                 maskElement: popsDOMUtils.parseTextToDOM(details.maskHTML),
             };
             let isMaskClick = false;
@@ -3628,7 +3598,7 @@
             function clickEvent(event) {
                 popsDOMUtils.preventEvent(event);
                 // 获取该类型实例存储列表
-                let targetInst = PopsInstData[details.type];
+                const targetInst = PopsInstData[details.type];
                 function originalRun() {
                     if (details.config.mask.clickEvent.toClose) {
                         /* 关闭 */
@@ -3662,12 +3632,12 @@
                 }
                 /* 判断按下的元素是否是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);
                     }
@@ -3860,7 +3830,7 @@
          * 处理返回的配置，针对popsHandler.handleEventDetails
          */
         handleResultDetails(details) {
-            let resultDetails = Object.assign({}, details);
+            const resultDetails = Object.assign({}, details);
             popsUtils.delete(resultDetails, "type");
             popsUtils.delete(resultDetails, "function");
             return resultDetails;
@@ -3874,7 +3844,7 @@
          */
         handleClickEvent(type, $btn, eventDetails, callback) {
             popsDOMUtils.on($btn, "click", (event) => {
-                let extraParam = {
+                const extraParam = {
                     type: type,
                 };
                 callback(Object.assign(eventDetails, extraParam), event);
@@ -3889,9 +3859,9 @@
          * @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;
                 }
@@ -3933,7 +3903,7 @@
         handlePromptClickEvent(type, inputElement, $btn, eventDetails, callback) {
             popsDOMUtils.on($btn, "click", (event) => {
                 // 额外参数
-                let extraParam = {
+                const extraParam = {
                     type: type,
                     text: inputElement.value,
                 };
@@ -3966,7 +3936,7 @@
                 // .rightClickMenu
                 // 单独处理
                 if (type === "loading" || type === "tooltip" || type === "rightClickMenu") {
-                    let inst = PopsInstData[type];
+                    const inst = PopsInstData[type];
                     if (inst) {
                         PopsInstanceUtils.removeInstance([inst], "", true);
                     }
@@ -3986,7 +3956,7 @@
             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;
@@ -4106,13 +4076,13 @@
                 },
             ]);
             // 先把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
@@ -4123,15 +4093,15 @@
             /**
              * 弹窗的主元素，包括动画层
              */
-            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,
@@ -4142,7 +4112,7 @@
                 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按钮添加点击事件 */
@@ -4176,7 +4146,7 @@
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            let result = PopsHandler.handleResultDetails(eventDetails);
+            const result = PopsHandler.handleResultDetails(eventDetails);
             return result;
         },
     };
@@ -4310,13 +4280,13 @@
                 },
             ]);
             // 先把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
@@ -4327,8 +4297,8 @@
             /**
              * 弹窗的主元素，包括动画层
              */
-            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);
             /**
              * 遮罩层元素
              */
@@ -4336,10 +4306,10 @@
             /**
              * 已创建的元素列表
              */
-            let elementList = [$anim];
+            const elementList = [$anim];
             if (config.mask.enable) {
                 // 启用遮罩层
-                let _handleMask_ = PopsHandler.handleMask({
+                const _handleMask_ = PopsHandler.handleMask({
                     type: popsType,
                     guid: guid,
                     config: config,
@@ -4349,7 +4319,7 @@
                 $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);
@@ -4381,7 +4351,7 @@
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            let result = PopsHandler.handleResultDetails(eventDetails);
+            const result = PopsHandler.handleResultDetails(eventDetails);
             return result;
         },
     };
@@ -4514,13 +4484,13 @@
                 },
             ]);
             // 先把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
@@ -4533,13 +4503,13 @@
             /**
              * 弹窗的主元素，包括动画层
              */
-            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;
             /**
              * 遮罩层元素
              */
@@ -4547,9 +4517,9 @@
             /**
              * 已创建的元素列表
              */
-            let elementList = [$anim];
+            const elementList = [$anim];
             if (config.mask.enable) {
-                let _handleMask_ = PopsHandler.handleMask({
+                const _handleMask_ = PopsHandler.handleMask({
                     type: popsType,
                     guid: guid,
                     config: config,
@@ -4559,7 +4529,7 @@
                 $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 */
@@ -4587,7 +4557,7 @@
                 });
             }
             /* 待处理的点击事件列表 */
-            let needHandleClickEventList = [
+            const needHandleClickEventList = [
                 {
                     type: "close",
                     ele: $headerCloseBtn,
@@ -4655,7 +4625,7 @@
                 $shadowContainer: $shadowContainer,
                 $shadowRoot: $shadowRoot,
             });
-            let result = PopsHandler.handleResultDetails(eventDetails);
+            const result = PopsHandler.handleResultDetails(eventDetails);
             return result;
         },
     };
@@ -4693,14 +4663,14 @@
             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*/ `
@@ -4718,8 +4688,8 @@
             /**
              * 弹窗的主元素，包括动画层
              */
-            let $anim = PopsElementHandler.parseElement(animHTML);
-            let { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
+            const $anim = PopsElementHandler.parseElement(animHTML);
+            const { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
             /**
              * 遮罩层元素
              */
@@ -4727,10 +4697,10 @@
             /**
              * 已创建的元素列表
              */
-            let elementList = [$anim];
+            const elementList = [$anim];
             if (config.mask.enable) {
                 // 创建遮罩层
-                let _handleMask_ = PopsHandler.handleMask({
+                const _handleMask_ = PopsHandler.handleMask({
                     type: PopsType,
                     guid: guid,
                     config: config,
@@ -4740,7 +4710,7 @@
                 $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);
@@ -4757,7 +4727,7 @@
                 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;
         },
     };
@@ -4977,20 +4947,14 @@
                 },
             ]);
             /* 办公几件套 */
-            // @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",
@@ -5009,11 +4973,11 @@
                 "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;
             });
@@ -5027,16 +4991,15 @@
                 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
@@ -5138,8 +5101,8 @@
             /**
              * 弹窗的主元素，包括动画层
              */
-            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,
@@ -5151,9 +5114,9 @@
             /**
              * 已创建的元素列表
              */
-            let elementList = [$anim];
+            const elementList = [$anim];
             if (config.mask.enable) {
-                let _handleMask_ = PopsHandler.handleMask({
+                const _handleMask_ = PopsHandler.handleMask({
                     type: popsType,
                     guid: guid,
                     config: config,
@@ -5164,7 +5127,7 @@
                 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);
@@ -5183,7 +5146,7 @@
                     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) => {
@@ -5232,13 +5195,13 @@
                  * @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) {
@@ -5255,14 +5218,14 @@
                         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;
                         }
@@ -5295,7 +5258,7 @@
 				</div>
 				`);
                     /* 存储原来的值 */
-                    let __value__ = {
+                    const __value__ = {
                         fileName: origin_fileName,
                         latestTime: origin_latestTime,
                         fileSize: origin_fileSize,
@@ -5323,11 +5286,11 @@
                  * @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) {
@@ -5344,14 +5307,14 @@
                         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;
                         }
@@ -5369,7 +5332,7 @@
 				</div>
 			`);
                     /* 存储原来的值 */
-                    let __value__ = {
+                    const __value__ = {
                         fileName: origin_fileName,
                         latestTime: origin_latestTime,
                         fileSize: origin_fileSize,
@@ -5393,7 +5356,7 @@
                  * 创建顶部导航的箭头图标
                  */
                 createHeaderArrowIcon() {
-                    let $arrowIcon = popsDOMUtils.createElement("div", {
+                    const $arrowIcon = popsDOMUtils.createElement("div", {
                         className: "iconArrow",
                     });
                     return $arrowIcon;
@@ -5404,7 +5367,7 @@
                  * @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,
@@ -5422,8 +5385,8 @@
                 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();
@@ -5432,7 +5395,7 @@
                     else {
                         console.error("获取导航按钮失败");
                     }
-                    let loadingMask = PopsLoading.init({
+                    const loadingMask = PopsLoading.init({
                         parent: $content,
                         content: {
                             text: "获取文件列表中...",
@@ -5458,7 +5421,7 @@
                  */
                 async enterFolder(clickEvent, dataConfig) {
                     this.clearFolderInfoView();
-                    let loadingMask = PopsLoading.init({
+                    const loadingMask = PopsLoading.init({
                         parent: $content,
                         content: {
                             text: "获取文件列表中...",
@@ -5469,11 +5432,11 @@
                         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) => {
@@ -5490,9 +5453,9 @@
                  */
                 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) &&
@@ -5507,7 +5470,7 @@
                                 }
                                 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");
                                     }
@@ -5525,7 +5488,7 @@
                                 }
                                 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(() => {
@@ -5553,16 +5516,16 @@
                 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) {
                                 /* 降序 */
@@ -5577,8 +5540,8 @@
                         });
                         // 文件名排序
                         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) {
                                 /* 降序 */
@@ -5648,7 +5611,7 @@
                     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);
                             // 文件夹 - 点击事件
@@ -5659,7 +5622,7 @@
                             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);
                             // 文件 - 点击事件
@@ -5705,20 +5668,20 @@
                         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);
                     });
@@ -5745,7 +5708,7 @@
                 $shadowContainer: $shadowContainer,
                 $shadowRoot: $shadowRoot,
             });
-            let result = PopsHandler.handleResultDetails(eventDetails);
+            const result = PopsHandler.handleResultDetails(eventDetails);
             return result;
         },
     };
@@ -5847,17 +5810,15 @@
                     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
@@ -5870,14 +5831,14 @@
             /**
              * 弹窗的主元素，包括动画层
              */
-            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);
             }
             /**
@@ -5887,9 +5848,9 @@
             /**
              * 已创建的元素列表
              */
-            let elementList = [$anim];
+            const elementList = [$anim];
             if (config.mask.enable) {
-                let _handleMask_ = PopsHandler.handleMask({
+                const _handleMask_ = PopsHandler.handleMask({
                     type: popsType,
                     guid: guid,
                     config: config,
@@ -5899,7 +5860,7 @@
                 $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 () {
                 /* 动画加载完毕 */
@@ -6050,7 +6011,7 @@
                 $shadowContainer: $shadowContainer,
                 $shadowRoot: $shadowRoot,
             });
-            let result = PopsHandler.handleResultDetails(eventDetails);
+            const result = PopsHandler.handleResultDetails(eventDetails);
             return result;
         },
     };
@@ -6321,7 +6282,7 @@
                                     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;
                                     },
                                 },
                                 {
@@ -6329,7 +6290,7 @@
                                     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;
                                     },
                                 },
                                 {
@@ -6511,7 +6472,7 @@
                     // @ts-ignore
                     props: {},
                     forms: [],
-                    clickFirstCallback: function (event, rightHeaderElement, rightContainerElement) {
+                    clickFirstCallback: function () {
                         return false;
                     },
                 },
@@ -6528,7 +6489,7 @@
                     // @ts-ignore
                     props: {},
                     forms: [],
-                    clickFirstCallback: function (event, rightHeaderElement, rightContainerElement) {
+                    clickFirstCallback: function () {
                         return false;
                     },
                 },
@@ -6585,20 +6546,20 @@
          * @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;
         },
         /**
@@ -6607,21 +6568,21 @@
          * @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);
         },
         /**
@@ -6630,21 +6591,21 @@
          * @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);
         },
     };
@@ -6709,7 +6670,7 @@
             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;
@@ -6725,7 +6686,7 @@
          * 创建提示元素
          */
         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>
@@ -6736,9 +6697,9 @@
                 "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);
@@ -6747,7 +6708,7 @@
             $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,
                 });
@@ -6767,9 +6728,7 @@
          * 获取提示的内容
          */
         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;
         }
         /**
          * 修改提示的内容
@@ -6780,17 +6739,15 @@
                 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);
         }
@@ -6816,23 +6773,23 @@
          * @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) {
@@ -6841,19 +6798,15 @@
                     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;
                     }
                 }
@@ -6895,9 +6848,9 @@
          * 动态修改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";
@@ -6947,7 +6900,7 @@
          * @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") {
@@ -6969,11 +6922,11 @@
          * 显示提示框
          */
         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;
                 }
@@ -7016,19 +6969,19 @@
          * 关闭提示框
          */
         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;
                 }
@@ -7037,14 +6990,14 @@
                 (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();
@@ -7188,7 +7141,7 @@
                     css: PopsCSS.tooltipCSS,
                 },
             ]);
-            let toolTip = new ToolTip(config, guid, {
+            const toolTip = new ToolTip(config, guid, {
                 $shadowContainer,
                 $shadowRoot,
             });
@@ -7256,8 +7209,7 @@
                 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`);
                 /**
                  * 默认点击的左侧容器项
@@ -7267,12 +7219,10 @@
                 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);
                     }
@@ -7378,7 +7328,7 @@
                     return;
                 }
                 Object.keys(props).forEach((propName) => {
-                    let value = props[propName];
+                    const value = props[propName];
                     if (propName === "innerHTML") {
                         PopsSafeUtils.setSafeHTML(element, value);
                         return;
@@ -7399,7 +7349,7 @@
                     className = className();
                 }
                 if (typeof className === "string") {
-                    let splitClassName = className.split(" ");
+                    const splitClassName = className.split(" ");
                     splitClassName.forEach((classNameStr) => {
                         element.classList.add(classNameStr);
                     });
@@ -7415,10 +7365,10 @@
              * @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");
@@ -7428,7 +7378,7 @@
                 /** 禁用左侧项的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) {
@@ -7445,14 +7395,14 @@
              * @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, 
@@ -7479,7 +7429,7 @@
                     },
                     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();
                         }
@@ -7489,7 +7439,7 @@
                      * 设置点击事件
                      */
                     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;
@@ -7551,14 +7501,14 @@
              * @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, 
@@ -7569,7 +7519,7 @@
 					<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());
                 }
@@ -7578,7 +7528,7 @@
                  * 获取提示的内容
                  * @param value
                  */
-                let getToolTipContent = function (value) {
+                const getToolTipContent = function (value) {
                     if (typeof formConfig.getToolTipContent === "function") {
                         return formConfig.getToolTipContent(value);
                     }
@@ -7586,7 +7536,7 @@
                         return value;
                     }
                 };
-                let tooltip = PopsTooltip.init({
+                const tooltip = PopsTooltip.init({
                     target: $rangeInput.parentElement,
                     content: () => {
                         return getToolTipContent($rangeInput.value);
@@ -7614,14 +7564,14 @@
              * @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, 
@@ -7732,9 +7682,9 @@
                         }
                         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);
@@ -7787,12 +7737,12 @@
                     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) {
                                 /* 起始 */
@@ -7830,12 +7780,12 @@
                     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) {
                                 /* 起始 */
@@ -7975,7 +7925,7 @@
                      * 判断当前滑块是否被禁用（配置中判断）
                      */
                     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;
                         }
@@ -7991,8 +7941,8 @@
                             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;
                             }
@@ -8084,7 +8034,7 @@
                             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) {
@@ -8098,7 +8048,7 @@
                             this.dragMoveCallBack(event, currentDragX, oldValue);
                         });
                         /* 监听触点离开，处理某些情况下，拖拽松开，但是未触发pan事件，可以通过设置这个来关闭tooltip */
-                        this.$tooltip.on("at:end", (event) => {
+                        this.$tooltip.on("at:end", () => {
                             this.dragEndCallBack(currentDragX);
                         });
                     },
@@ -8122,7 +8072,7 @@
                             return;
                         }
                         this.$data.isCheckingStopDragMove = true;
-                        let interval = setInterval(() => {
+                        const interval = setInterval(() => {
                             if (!this.$data.isMove) {
                                 this.$data.isCheckingStopDragMove = false;
                                 this.closeToolTip();
@@ -8149,7 +8099,7 @@
                                 return PopsPanelSlider.value.toString();
                             }
                         }
-                        let tooltip = PopsTooltip.init({
+                        const tooltip = PopsTooltip.init({
                             target: this.$ele.button,
                             content: getToolTipContent,
                             zIndex: () => {
@@ -8163,7 +8113,7 @@
                                 passive: true,
                             },
                             showBeforeCallBack: () => {
-                                let isShowHoverTip = typeof formConfig.isShowHoverTip === "function"
+                                const isShowHoverTip = typeof formConfig.isShowHoverTip === "function"
                                     ? formConfig.isShowHoverTip()
                                     : typeof formConfig.isShowHoverTip === "boolean"
                                         ? formConfig.isShowHoverTip
@@ -8173,7 +8123,7 @@
                                 }
                                 this.intervalInit();
                             },
-                            showAfterCallBack: (toolTipNode) => {
+                            showAfterCallBack: () => {
                                 tooltip.toolTip.changeContent(getToolTipContent());
                             },
                             closeBeforeCallBack: () => {
@@ -8199,7 +8149,7 @@
              * @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);
@@ -8213,7 +8163,7 @@
                 }
                 /* 左边底部的描述的文字 */
                 let leftDescriptionText = "";
-                if (Boolean(formConfig.description)) {
+                if (formConfig.description) {
                     leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                 }
                 PopsSafeUtils.setSafeHTML($li, 
@@ -8255,7 +8205,7 @@
                         }
                         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();
                         }
@@ -8404,14 +8354,14 @@
              * @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, 
@@ -8435,7 +8385,7 @@
                     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();
                         }
@@ -8462,7 +8412,7 @@
                      */
                     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);
@@ -8481,14 +8431,14 @@
              */
             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, 
@@ -8519,7 +8469,7 @@
                         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();
                         }
@@ -8571,7 +8521,7 @@
                     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);
@@ -8599,9 +8549,9 @@
                     /** 设置禁用状态 */
                     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) {
@@ -8613,9 +8563,9 @@
                     },
                     /** 获取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,
@@ -8628,16 +8578,16 @@
                      */
                     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)) {
@@ -8647,7 +8597,7 @@
                                         break;
                                     }
                                 }
-                                let $childUList = document.createElement("ul");
+                                const $childUList = document.createElement("ul");
                                 $childUList.className = childUListClassName;
                                 popsDOMUtils.after($li, $childUList);
                                 that.uListContainerAddItem(formConfig, {
@@ -8678,14 +8628,14 @@
              * @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, 
@@ -8748,7 +8698,7 @@
                         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();
                         }
@@ -8786,12 +8736,12 @@
                             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);
@@ -8800,10 +8750,10 @@
                     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,
@@ -8840,7 +8790,7 @@
                         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);
                         }
@@ -8862,7 +8812,7 @@
                         // 去除前面的空白
                         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);
@@ -8873,7 +8823,7 @@
                             }
                         }
                         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);
@@ -8933,7 +8883,7 @@
                                 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);
                             }
@@ -8971,8 +8921,8 @@
                      * @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,
@@ -8996,8 +8946,8 @@
                      * @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);
                         }
@@ -9012,8 +8962,8 @@
                     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,
                                 /** 选项元素 */
@@ -9021,7 +8971,7 @@
                             };
                             if (onlySelected) {
                                 // 仅选中
-                                let isSelected = this.isSelectItemSelected($select);
+                                const isSelected = this.isSelectItemSelected($select);
                                 if (isSelected) {
                                     return result;
                                 }
@@ -9040,7 +8990,7 @@
                      * @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>
@@ -9056,8 +9006,8 @@
                      * @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);
                         }
@@ -9100,8 +9050,8 @@
                                 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;
                                 }
@@ -9122,14 +9072,14 @@
                      */
                     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",
@@ -9146,7 +9096,7 @@
                                     },
                                     close: {
                                         enable: true,
-                                        callback(details, event) {
+                                        callback(details) {
                                             that.$data.selectInfo = [...selectedInfo];
                                             that.updateSelectTagItem();
                                             that.$el.$selectContainer = null;
@@ -9156,7 +9106,7 @@
                                 },
                                 mask: {
                                     enable: true,
-                                    clickCallBack(originalRun, config) {
+                                    clickCallBack(originalRun) {
                                         originalRun();
                                         that.$data.selectInfo = [...selectedInfo];
                                         that.updateSelectTagItem();
@@ -9235,12 +9185,12 @@
 								${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);
                                 // 设置每一项的点击事件
@@ -9261,7 +9211,7 @@
                                 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,
@@ -9370,14 +9320,14 @@
              * @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, 
@@ -9518,8 +9468,8 @@
              * @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);
@@ -9529,12 +9479,12 @@
                 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>`;
@@ -9565,17 +9515,17 @@
                      * @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"]);
@@ -9592,7 +9542,7 @@
 								</i>
 							`);
                                 // 添加点击事件
-                                popsDOMUtils.on(formHeaderDivElement, "click", (event) => {
+                                popsDOMUtils.on(formHeaderDivElement, "click", () => {
                                     if (formContainerListElement.hasAttribute("data-fold-enable")) {
                                         formContainerListElement.removeAttribute("data-fold-enable");
                                     }
@@ -9647,26 +9597,26 @@
                      */
                     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"),
                         });
@@ -9731,7 +9681,7 @@
                             $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);
                                 }
                             }
@@ -9769,7 +9719,7 @@
                     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;
                                 }
@@ -9802,7 +9752,7 @@
              */
             createSectionContainerItem(formConfig) {
                 /** 配置项的类型 */
-                let formType = formConfig.type;
+                const formType = formConfig.type;
                 if (formType === "switch") {
                     return this.createSectionContainerItem_switch(formConfig);
                 }
@@ -9840,18 +9790,18 @@
              * @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"]);
@@ -9867,7 +9817,7 @@
 						</i>
 					`);
                         // 添加点击事件
-                        popsDOMUtils.on(formHeaderDivElement, "click", (event) => {
+                        popsDOMUtils.on(formHeaderDivElement, "click", () => {
                             if (formContainerListElement.hasAttribute("data-fold-enable")) {
                                 formContainerListElement.removeAttribute("data-fold-enable");
                             }
@@ -9919,7 +9869,7 @@
              * 触发触发渲染右侧容器的事件
              */
             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__,
@@ -9932,7 +9882,7 @@
              * @param containerOptions
              */
             uListContainerAddItem(formConfig, containerOptions) {
-                let itemLiElement = this.createSectionContainerItem(formConfig);
+                const itemLiElement = this.createSectionContainerItem(formConfig);
                 if (itemLiElement) {
                     containerOptions["ulElement"].appendChild(itemLiElement);
                 }
@@ -9951,23 +9901,23 @@
             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);
@@ -9978,7 +9928,7 @@
                     });
                     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;
                         }
@@ -10033,11 +9983,11 @@
                 },
             ]);
             // 先把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
@@ -10057,9 +10007,9 @@
             /**
              * 弹窗的主元素，包括动画层
              */
-            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);
             }
@@ -10070,10 +10020,10 @@
             /**
              * 已创建的元素列表
              */
-            let isCreatedElementList = [$anim];
+            const isCreatedElementList = [$anim];
             /* 遮罩层元素 */
             if (config.mask.enable) {
-                let { maskElement } = PopsHandler.handleMask({
+                const { maskElement } = PopsHandler.handleMask({
                     type: popsType,
                     guid: guid,
                     config: config,
@@ -10084,7 +10034,7 @@
                 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);
             /* 创建到页面中 */
@@ -10097,7 +10047,7 @@
             if ($mask != null) {
                 $anim.after($mask);
             }
-            let panelHandlerComponents = PanelHandlerComponents();
+            const panelHandlerComponents = PanelHandlerComponents();
             /**
              * 处理内部配置
              */
@@ -10129,7 +10079,7 @@
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            let result = PopsHandler.handleResultDetails(eventDetails);
+            const result = PopsHandler.handleResultDetails(eventDetails);
             return {
                 ...result,
                 addEventListener: (event, listener, options) => {
@@ -10275,13 +10225,13 @@
                 },
             ]);
             // 先把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
@@ -10298,8 +10248,8 @@
             /**
              * 弹窗的主元素，包括动画层
              */
-            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);
             /**
              * 遮罩层元素
              */
@@ -10307,10 +10257,10 @@
             /**
              * 已创建的元素列表
              */
-            let elementList = [$anim];
+            const elementList = [$anim];
             if (config.mask.enable) {
                 // 启用遮罩层
-                let _handleMask_ = PopsHandler.handleMask({
+                const _handleMask_ = PopsHandler.handleMask({
                     type: popsType,
                     guid: guid,
                     config: config,
@@ -10320,7 +10270,7 @@
                 $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);
@@ -10362,7 +10312,7 @@
             if (config.content.select) {
                 $input.select();
             }
-            let result = PopsHandler.handleResultDetails(eventDetails);
+            const result = PopsHandler.handleResultDetails(eventDetails);
             return result;
         },
     };
@@ -10476,8 +10426,7 @@
                 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, [
@@ -10499,7 +10448,7 @@
                 },
             ]);
             if (config.style != null) {
-                let cssNode = popsDOMUtils.createElement("style", {
+                const cssNode = popsDOMUtils.createElement("style", {
                     innerHTML: config.style,
                 }, {
                     type: "text/css",
@@ -10519,7 +10468,7 @@
                     if (!PopsContextMenu.rootElement) {
                         return;
                     }
-                    let $click = event.target;
+                    const $click = event.target;
                     if ($click.closest(`.pops-${popsType}`)) {
                         return;
                     }
@@ -10536,7 +10485,7 @@
                     if (!PopsContextMenu.rootElement) {
                         return;
                     }
-                    let $click = event.target;
+                    const $click = event.target;
                     if ($click.closest(`.pops-${popsType}`)) {
                         return;
                     }
@@ -10587,7 +10536,7 @@
                     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, {
@@ -10626,7 +10575,8 @@
                     /**
                      * 动画结束触发的事件
                      */
-                    let transitionEndEvent = (event) => {
+                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                    const transitionEndEvent = (event) => {
                         popsDOMUtils.off($menu, popsDOMUtils.getTransitionEndNameList(), transitionEndEvent, {
                             capture: true,
                         });
@@ -10666,7 +10616,7 @@
                     if (rootElementMenuData?.root) {
                         rootElement = rootElementMenuData.root;
                     }
-                    let childMenuList = rootElementMenuData.child;
+                    const childMenuList = rootElementMenuData.child;
                     childMenuList.forEach((childMenuElement) => {
                         this.animationCloseMenu(childMenuElement);
                     });
@@ -10678,11 +10628,11 @@
                  * @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();
                     }
@@ -10713,26 +10663,26 @@
                  * @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;
@@ -10742,9 +10692,8 @@
                         // 偏移计算方式就是父菜单的右偏移+父菜单的宽度
                         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 {
                             // 主菜单 默认的
@@ -10772,7 +10721,7 @@
                         // 超过，那么子菜单将会在放在上面
                         if (parentInfo) {
                             // 以项的top偏移为基准
-                            let parentItemOffset = popsDOMUtils.offset(parentInfo.$parentItem, false);
+                            const parentItemOffset = popsDOMUtils.offset(parentInfo.$parentItem, false);
                             currentTopOffset =
                                 maxPageTopOffset - parentItemOffset.bottom - childMenuTopOrBottomDistance + limitDistance;
                         }
@@ -10803,7 +10752,7 @@
                  * @param menuListenerRootNode 右键菜单监听的元素
                  */
                 showMenu(menuEvent, _config_, menuListenerRootNode) {
-                    let menuElement = this.createMenuContainerElement(false);
+                    const menuElement = this.createMenuContainerElement(false);
                     Reflect.set(menuElement, "__menuData__", {
                         child: [],
                     });
@@ -10831,19 +10780,19 @@
                  * @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,
@@ -10857,7 +10806,7 @@
                  * @param parentInfo 配置子菜单的父级信息
                  */
                 handlerShowMenuCSS($menu, posInfo, parentInfo) {
-                    let offset = this.getOffset($menu, {
+                    const offset = this.getOffset($menu, {
                         x: posInfo.clientX,
                         y: posInfo.clientY,
                     }, parentInfo);
@@ -10883,14 +10832,14 @@
                  * @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);
                         }
@@ -10915,13 +10864,13 @@
                             }
                             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);
                                         }
@@ -10932,9 +10881,9 @@
                                 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--;
@@ -10944,8 +10893,8 @@
                             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);
@@ -10966,8 +10915,10 @@
                                         },
                                     });
                                 }
-                                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;
                                 }
@@ -11010,8 +10961,8 @@
                     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]);
@@ -11089,7 +11040,7 @@
                 },
             ]);
             if (config.style != null) {
-                let cssNode = document.createElement("style");
+                const cssNode = document.createElement("style");
                 popsDOMUtils.createElement("style", {
                     innerHTML: config.style,
                 }, {
@@ -11137,8 +11088,7 @@
                     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");
                 },
                 /**
                  * 获取数据
@@ -11157,7 +11107,7 @@
                  * 获取显示出搜索建议框的html
                  */
                 createSearchSelectElement() {
-                    let $el = popsDOMUtils.createElement("div", {
+                    const $el = popsDOMUtils.createElement("div", {
                         className: `pops pops-${popsType}-search-suggestion`,
                         innerHTML: /*html*/ `
 						<style type="text/css">
@@ -11358,7 +11308,7 @@
                  */
                 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,
@@ -11366,7 +11316,7 @@
                     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);
                     }
@@ -11376,7 +11326,7 @@
                     // 删除按钮
                     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);
@@ -11390,14 +11340,14 @@
                 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();
@@ -11412,7 +11362,7 @@
                         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) {
@@ -11429,6 +11379,7 @@
                  * 设置搜索建议框每一项的选中事件
                  * @param liElement
                  */
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 setSearchItemSelectEvent(liElement) {
                     // popsDOMUtils.on(
                     // 	liElement,
@@ -11450,17 +11401,18 @@
                     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);
@@ -11469,7 +11421,9 @@
                 /**
                  * 移除输入框内容改变的监听
                  */
-                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++) {
@@ -11604,7 +11558,7 @@
                  * 获取删除按钮的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>
@@ -11616,7 +11570,7 @@
                  * 设置当前正在搜索中的提示
                  */
                 setPromptsInSearch() {
-                    let $isSearching = popsDOMUtils.createElement("li", {
+                    const $isSearching = popsDOMUtils.createElement("li", {
                         className: `pops-${popsType}-search-suggestion-hint-searching-item`,
                         innerHTML: config.searchingTip,
                     });
@@ -11654,12 +11608,12 @@
                         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";
@@ -11679,7 +11633,7 @@
                             // 翻转折叠
                             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";
                     }
@@ -11688,13 +11642,13 @@
                         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;
@@ -11715,7 +11669,7 @@
                  * @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";
                     }
@@ -11727,7 +11681,7 @@
                  * 动态更新CSS
                  */
                 updateDynamicCSS() {
-                    let cssText = SearchSuggestion.getDynamicCSS();
+                    const cssText = SearchSuggestion.getDynamicCSS();
                     PopsSafeUtils.setSafeHTML(SearchSuggestion.$el.$dynamicCSS, cssText);
                 },
                 /**
@@ -11769,9 +11723,9 @@
                         }
                         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);
@@ -11839,11 +11793,13 @@
         },
     };
 
+    const version = "2.4.6";
+
     class Pops {
         /** 配置 */
         config = {
             /** 版本号 */
-            version: "2025.9.4",
+            version: version,
             cssText: PopsCSS,
             /** icon图标的svg代码 */
             iconSVG: PopsIcon.$data,
@@ -11878,9 +11834,7 @@
             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();
@@ -11901,7 +11855,7 @@
          * @param details 配置
          */
         alert = (details) => {
-            let dialog = PopsAlert.init(details);
+            const dialog = PopsAlert.init(details);
             return dialog;
         };
         /**
@@ -11909,7 +11863,7 @@
          * @param details 配置
          */
         confirm = (details) => {
-            let dialog = PopsConfirm.init(details);
+            const dialog = PopsConfirm.init(details);
             return dialog;
         };
         /**
@@ -11917,7 +11871,7 @@
          * @param details 配置
          */
         prompt = (details) => {
-            let dialog = PopsPrompt.init(details);
+            const dialog = PopsPrompt.init(details);
             return dialog;
         };
         /**
@@ -11925,7 +11879,7 @@
          * @param details 配置
          */
         loading = (details) => {
-            let popsLoading = PopsLoading.init(details);
+            const popsLoading = PopsLoading.init(details);
             return popsLoading;
         };
         /**
@@ -11933,7 +11887,7 @@
          * @param details 配置
          */
         iframe = (details) => {
-            let dialog = PopsIframe.init(details);
+            const dialog = PopsIframe.init(details);
             return dialog;
         };
         /**
@@ -11941,7 +11895,7 @@
          * @param details 配置
          */
         tooltip = (details) => {
-            let popsTooltip = PopsTooltip.init(details);
+            const popsTooltip = PopsTooltip.init(details);
             return popsTooltip;
         };
         /**
@@ -11949,7 +11903,7 @@
          * @param details 配置
          */
         drawer = (details) => {
-            let dialog = PopsDrawer.init(details);
+            const dialog = PopsDrawer.init(details);
             return dialog;
         };
         /**
@@ -11957,7 +11911,7 @@
          * @param details 配置
          */
         folder = (details) => {
-            let dialog = PopsFolder.init(details);
+            const dialog = PopsFolder.init(details);
             return dialog;
         };
         /**
@@ -11965,7 +11919,7 @@
          * @param details 配置
          */
         panel = (details) => {
-            let dialog = PopsPanel.init(details);
+            const dialog = PopsPanel.init(details);
             return dialog;
         };
         /**
@@ -11973,7 +11927,7 @@
          * @param details 配置
          */
         rightClickMenu = (details) => {
-            let popsRightClickMenu = PopsRightClickMenu.init(details);
+            const popsRightClickMenu = PopsRightClickMenu.init(details);
             return popsRightClickMenu;
         };
         /**
@@ -11994,7 +11948,7 @@
          * searchSuggestion.setAllEvent();
          */
         searchSuggestion = (details) => {
-            let popsSearchSuggestion = PopsSearchSuggestion.init(details);
+            const popsSearchSuggestion = PopsSearchSuggestion.init(details);
             return popsSearchSuggestion;
         };
     }