@whitesev/pops 2.4.4 → 2.4.6

package/dist/index.system.js

@@ -17,12 +17,12 @@ System.register('pops', [], (function (exports) {
                  * 获取全局配置
                  */
                 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;
                             }
@@ -31,7 +31,7 @@ System.register('pops', [], (function (exports) {
                             // 设置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;
                                 }
@@ -43,7 +43,7 @@ System.register('pops', [], (function (exports) {
                             }
                         }
                         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;
                             }
@@ -555,7 +555,7 @@ System.register('pops', [], (function (exports) {
                     }
                 }
                 assign(target = {}, source = {}, isAdd = false) {
-                    let UtilsContext = this;
+                    const UtilsContext = this;
                     if (source == null) {
                         return target;
                     }
@@ -563,7 +563,7 @@ System.register('pops', [], (function (exports) {
                         target = {};
                     }
                     if (Array.isArray(source)) {
-                        let canTraverse = source.filter((item) => {
+                        const canTraverse = source.filter((item) => {
                             return typeof item === "object";
                         });
                         if (!canTraverse.length) {
@@ -573,8 +573,8 @@ System.register('pops', [], (function (exports) {
                     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 &&
@@ -589,22 +589,19 @@ System.register('pops', [], (function (exports) {
                     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);
                             }
                         }
                     }
@@ -619,15 +616,16 @@ System.register('pops', [], (function (exports) {
                     }
                     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) {
@@ -650,7 +648,7 @@ System.register('pops', [], (function (exports) {
                     }
                 }
                 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
@@ -669,7 +667,7 @@ System.register('pops', [], (function (exports) {
                     function timeSystemChange(hourNum) {
                         return hourNum > 12 ? hourNum - 12 : hourNum;
                     }
-                    let timeRegexp = {
+                    const timeRegexp = {
                         yyyy: time.getFullYear(),
                         /* 年 */
                         MM: checkTime(time.getMonth() + 1),
@@ -686,7 +684,7 @@ System.register('pops', [], (function (exports) {
                         /* 秒 */
                     };
                     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;
@@ -698,7 +696,7 @@ System.register('pops', [], (function (exports) {
                     }
                     let result = 0;
                     let resultType = "KB";
-                    let sizeData = {};
+                    const sizeData = {};
                     sizeData.B = 1;
                     sizeData.KB = 1024;
                     sizeData.MB = sizeData.KB * sizeData.KB;
@@ -711,7 +709,7 @@ System.register('pops', [], (function (exports) {
                     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) {
@@ -739,7 +737,7 @@ System.register('pops', [], (function (exports) {
                     try {
                         return setTimeout$1(callback, timeout);
                     }
-                    catch (error) {
+                    catch {
                         return PopsCore.setTimeout(callback, timeout);
                     }
                 }
@@ -752,7 +750,8 @@ System.register('pops', [], (function (exports) {
                             clearTimeout$1(timeId);
                         }
                     }
-                    catch (error) {
+                    catch {
+                        // TODO
                     }
                     finally {
                         PopsCore.clearTimeout(timeId);
@@ -765,7 +764,7 @@ System.register('pops', [], (function (exports) {
                     try {
                         return setInterval$1(callback, timeout);
                     }
-                    catch (error) {
+                    catch {
                         return PopsCore.setInterval(callback, timeout);
                     }
                 }
@@ -778,7 +777,8 @@ System.register('pops', [], (function (exports) {
                             clearInterval$1(timeId);
                         }
                     }
-                    catch (error) {
+                    catch {
+                        // 忽略
                     }
                     finally {
                         PopsCore.clearInterval(timeId);
@@ -792,10 +792,8 @@ System.register('pops', [], (function (exports) {
                  * 获取安全的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);
@@ -833,7 +831,7 @@ System.register('pops', [], (function (exports) {
                      * @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") {
@@ -855,8 +853,9 @@ System.register('pops', [], (function (exports) {
                         }
                         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);
                     }
@@ -932,14 +931,14 @@ System.register('pops', [], (function (exports) {
                                         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;
@@ -955,7 +954,9 @@ System.register('pops', [], (function (exports) {
                                             },
                                         });
                                     }
-                                    catch (error) { }
+                                    catch {
+                                        // 忽略
+                                    }
                                     listenerCallBack.call(eventTarget, event, eventTarget);
                                     checkOptionOnceToRemoveEventListener();
                                 }
@@ -970,7 +971,7 @@ System.register('pops', [], (function (exports) {
                         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({
@@ -992,7 +993,7 @@ System.register('pops', [], (function (exports) {
                      * @param option
                      */
                     function getOption(args1, startIndex, option) {
-                        let currentParam = args1[startIndex];
+                        const currentParam = args1[startIndex];
                         if (typeof currentParam === "boolean") {
                             option.capture = currentParam;
                         }
@@ -1001,8 +1002,9 @@ System.register('pops', [], (function (exports) {
                         }
                         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);
                     }
@@ -1064,14 +1066,14 @@ System.register('pops', [], (function (exports) {
                     }
                     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不同
@@ -1131,10 +1133,10 @@ System.register('pops', [], (function (exports) {
                             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;
                                 }
@@ -1174,7 +1176,7 @@ System.register('pops', [], (function (exports) {
                                 return false;
                             }
                         }
-                        catch (error) {
+                        catch {
                             return false;
                         }
                     }
@@ -1185,7 +1187,7 @@ System.register('pops', [], (function (exports) {
                         removeDomReadyListener();
                         callback();
                     }
-                    let targetList = [
+                    const targetList = [
                         {
                             target: PopsCore.document,
                             eventType: "DOMContentLoaded",
@@ -1202,7 +1204,7 @@ System.register('pops', [], (function (exports) {
                      */
                     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);
                         }
                     }
@@ -1211,7 +1213,7 @@ System.register('pops', [], (function (exports) {
                      */
                     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);
                         }
                     }
@@ -1262,7 +1264,7 @@ System.register('pops', [], (function (exports) {
                     }
                     elementList.forEach((elementItem) => {
                         /* 获取对象上的事件 */
-                        let events = elementItem[SymbolEvents] || {};
+                        const events = elementItem[SymbolEvents] || {};
                         eventTypeList.forEach((_eventType_) => {
                             let event = null;
                             if (details && details instanceof Event) {
@@ -1302,7 +1304,7 @@ System.register('pops', [], (function (exports) {
                  * })
                  * */
                 click(element, handler, details, useDispatchToTriggerEvent) {
-                    let DOMUtilsContext = this;
+                    const DOMUtilsContext = this;
                     if (typeof element === "string") {
                         element = PopsCore.document.querySelector(element);
                     }
@@ -1331,7 +1333,7 @@ System.register('pops', [], (function (exports) {
                  * })
                  * */
                 blur(element, handler, details, useDispatchToTriggerEvent) {
-                    let DOMUtilsContext = this;
+                    const DOMUtilsContext = this;
                     if (typeof element === "string") {
                         element = PopsCore.document.querySelector(element);
                     }
@@ -1360,7 +1362,7 @@ System.register('pops', [], (function (exports) {
                  * })
                  * */
                 focus(element, handler, details, useDispatchToTriggerEvent) {
-                    let DOMUtilsContext = this;
+                    const DOMUtilsContext = this;
                     if (typeof element === "string") {
                         element = PopsCore.document.querySelector(element);
                     }
@@ -1389,7 +1391,7 @@ System.register('pops', [], (function (exports) {
                  * })
                  */
                 hover(element, handler, option) {
-                    let DOMUtilsContext = this;
+                    const DOMUtilsContext = this;
                     if (typeof element === "string") {
                         element = PopsCore.document.querySelector(element);
                     }
@@ -1415,7 +1417,7 @@ System.register('pops', [], (function (exports) {
                  * })
                  */
                 keyup(target, handler, option) {
-                    let DOMUtilsContext = this;
+                    const DOMUtilsContext = this;
                     if (target == null) {
                         return;
                     }
@@ -1440,7 +1442,7 @@ System.register('pops', [], (function (exports) {
                  * })
                  */
                 keydown(target, handler, option) {
-                    let DOMUtilsContext = this;
+                    const DOMUtilsContext = this;
                     if (target == null) {
                         return;
                     }
@@ -1465,7 +1467,7 @@ System.register('pops', [], (function (exports) {
                  * })
                  */
                 keypress(target, handler, option) {
-                    let DOMUtilsContext = this;
+                    const DOMUtilsContext = this;
                     if (target == null) {
                         return;
                     }
@@ -1486,6 +1488,7 @@ System.register('pops', [], (function (exports) {
                     }
                     if (arguments.length === 1) {
                         /* 直接阻止事件 */
+                        // eslint-disable-next-line prefer-rest-params
                         return stopEvent(arguments[0]);
                     }
                     else {
@@ -1510,32 +1513,28 @@ System.register('pops', [], (function (exports) {
                             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));
                         });
                     }
@@ -1575,33 +1574,29 @@ System.register('pops', [], (function (exports) {
                         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 = "";
@@ -1618,45 +1613,41 @@ System.register('pops', [], (function (exports) {
                     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;
                             }
@@ -1665,7 +1656,7 @@ System.register('pops', [], (function (exports) {
                     }
                     else {
                         // 普通语法
-                        let $closest = $el?.closest(selector);
+                        const $closest = $el?.closest(selector);
                         return $closest;
                     }
                 }
@@ -1685,13 +1676,13 @@ System.register('pops', [], (function (exports) {
                  * @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);
                     }
@@ -1716,11 +1707,11 @@ System.register('pops', [], (function (exports) {
                         }
                         /* 如果从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()) -
@@ -1732,14 +1723,14 @@ System.register('pops', [], (function (exports) {
                     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;
                     }
@@ -1764,11 +1755,11 @@ System.register('pops', [], (function (exports) {
                         }
                         /* 如果从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()) -
@@ -1780,14 +1771,14 @@ System.register('pops', [], (function (exports) {
                     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;
                     }
@@ -1799,40 +1790,36 @@ System.register('pops', [], (function (exports) {
                     }
                     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;
                     }
@@ -1895,13 +1882,11 @@ System.register('pops', [], (function (exports) {
                      * 把纯数字没有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;
@@ -1912,7 +1897,7 @@ System.register('pops', [], (function (exports) {
                     if (element == null) {
                         return;
                     }
-                    let setStyleProperty = (propertyName, propertyValue) => {
+                    const setStyleProperty = (propertyName, propertyValue) => {
                         if (typeof propertyValue === "string" && propertyValue.trim().endsWith("!important")) {
                             propertyValue = propertyValue
                                 .trim()
@@ -1934,8 +1919,8 @@ System.register('pops', [], (function (exports) {
                         }
                     }
                     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);
                         }
                     }
@@ -1965,7 +1950,7 @@ System.register('pops', [], (function (exports) {
                 property, 
                 /** 自定义属性 */
                 attributes) {
-                    let tempElement = PopsCore.document.createElement(tagName);
+                    const tempElement = PopsCore.document.createElement(tagName);
                     if (typeof property === "string") {
                         PopsSafeUtils.setSafeHTML(tempElement, property);
                         return tempElement;
@@ -1977,13 +1962,12 @@ System.register('pops', [], (function (exports) {
                         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];
@@ -2007,7 +1991,7 @@ System.register('pops', [], (function (exports) {
                 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;
@@ -2045,16 +2029,21 @@ System.register('pops', [], (function (exports) {
                         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",
@@ -2070,26 +2059,21 @@ System.register('pops', [], (function (exports) {
                         "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
@@ -2101,7 +2085,7 @@ System.register('pops', [], (function (exports) {
                     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;
@@ -2112,7 +2096,7 @@ System.register('pops', [], (function (exports) {
                      * @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);
@@ -2120,35 +2104,31 @@ System.register('pops', [], (function (exports) {
                     }
                     // 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;
+                        }
                     }
                 }
                 /**
@@ -2180,7 +2160,7 @@ System.register('pops', [], (function (exports) {
                 }
                 parseHTML(html, useParser = false, isComplete = false) {
                     function parseHTMLByDOMParser() {
-                        let parser = new DOMParser();
+                        const parser = new DOMParser();
                         if (isComplete) {
                             return parser.parseFromString(html, "text/html");
                         }
@@ -2189,7 +2169,7 @@ System.register('pops', [], (function (exports) {
                         }
                     }
                     function parseHTMLByCreateDom() {
-                        let tempDIV = PopsCore.document.createElement("div");
+                        const tempDIV = PopsCore.document.createElement("div");
                         PopsSafeUtils.setSafeHTML(tempDIV, html);
                         if (isComplete) {
                             return tempDIV;
@@ -2231,7 +2211,7 @@ System.register('pops', [], (function (exports) {
                     }
                     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);
@@ -2281,11 +2261,11 @@ System.register('pops', [], (function (exports) {
                  */
                 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) {
                             // 未添加到任意节点中，那么直接添加到页面中去
@@ -2333,7 +2313,7 @@ System.register('pops', [], (function (exports) {
                         }
                         styles = view.getComputedStyle(element);
                     }
-                    let value = parseFloat(styles[styleName]);
+                    const value = parseFloat(styles[styleName]);
                     if (isNaN(value)) {
                         return 0;
                     }
@@ -2393,10 +2373,9 @@ System.register('pops', [], (function (exports) {
                  * @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];
                         }
                     });
@@ -2420,7 +2399,7 @@ System.register('pops', [], (function (exports) {
                          */
                         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 "";
@@ -2447,12 +2426,12 @@ System.register('pops', [], (function (exports) {
                          * 蓝色
                          */
                         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]}`;
@@ -2470,12 +2449,12 @@ System.register('pops', [], (function (exports) {
                          * 加深的程度，限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]);
@@ -2492,12 +2471,12 @@ System.register('pops', [], (function (exports) {
                          * 加深的程度，限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]);
@@ -2518,9 +2497,11 @@ System.register('pops', [], (function (exports) {
                 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]));
                     }
@@ -2534,15 +2515,15 @@ System.register('pops', [], (function (exports) {
                  */
                 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,
@@ -2586,10 +2567,10 @@ System.register('pops', [], (function (exports) {
                  * @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};`;
@@ -2600,7 +2581,7 @@ System.register('pops', [], (function (exports) {
                     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>
@@ -2615,14 +2596,14 @@ System.register('pops', [], (function (exports) {
                     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 = "";
@@ -2672,7 +2653,7 @@ System.register('pops', [], (function (exports) {
                         // 未设置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 "";
@@ -2698,7 +2679,7 @@ System.register('pops', [], (function (exports) {
                             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 = "";
@@ -2731,7 +2712,7 @@ System.register('pops', [], (function (exports) {
                             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库内的
@@ -2764,7 +2745,7 @@ System.register('pops', [], (function (exports) {
                             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库内的
@@ -2824,37 +2805,37 @@ System.register('pops', [], (function (exports) {
                 },
             };
 
-            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 */
@@ -2901,7 +2882,7 @@ System.register('pops', [], (function (exports) {
                     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;
@@ -2915,7 +2896,7 @@ System.register('pops', [], (function (exports) {
                  * 判断是否存在某个动画名
                  */
                 hasAnim(name) {
-                    return this.$data.hasOwnProperty(name);
+                    return Object.prototype.hasOwnProperty.call(this.$data, name);
                 },
             };
 
@@ -2958,7 +2939,6 @@ System.register('pops', [], (function (exports) {
                     // 当前页面最大的z-index
                     let zIndex = 0;
                     // 当前的最大z-index的元素，调试使用
-                    // @ts-ignore
                     let maxZIndexNode = null;
                     /**
                      * 元素是否可见
@@ -2974,7 +2954,7 @@ System.register('pops', [], (function (exports) {
                      */
                     function queryMaxZIndex($ele) {
                         if (typeof ignoreCallBack === "function") {
-                            let ignoreResult = ignoreCallBack($ele);
+                            const ignoreResult = ignoreCallBack($ele);
                             if (typeof ignoreResult === "boolean" && !ignoreResult) {
                                 return;
                             }
@@ -2983,7 +2963,7 @@ System.register('pops', [], (function (exports) {
                         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) {
                                     // 赋值到全局
@@ -2999,7 +2979,7 @@ System.register('pops', [], (function (exports) {
                             }
                         }
                     }
-                    target.querySelectorAll("*").forEach(($ele, index) => {
+                    target.querySelectorAll("*").forEach(($ele) => {
                         queryMaxZIndex($ele);
                     });
                     zIndex += deviation;
@@ -3034,13 +3014,13 @@ System.register('pops', [], (function (exports) {
                         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;
@@ -3051,7 +3031,7 @@ System.register('pops', [], (function (exports) {
                         }
                     });
                     zIndex += deviation;
-                    let isOverMaxZIndex = zIndex >= maxZIndex;
+                    const isOverMaxZIndex = zIndex >= maxZIndex;
                     if (isOverMaxZIndex) {
                         // 超出z-index最大值
                         zIndex = maxZIndex;
@@ -3096,9 +3076,9 @@ System.register('pops', [], (function (exports) {
                             // 移除全部或者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;
@@ -3133,9 +3113,9 @@ System.register('pops', [], (function (exports) {
                  */
                 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)) {
@@ -3151,18 +3131,14 @@ System.register('pops', [], (function (exports) {
                             }, 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"))) {
                                     /**
                                      * 动画结束的回调
                                      */
@@ -3202,13 +3178,13 @@ System.register('pops', [], (function (exports) {
                  */
                 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);
                                 }
@@ -3222,18 +3198,13 @@ System.register('pops', [], (function (exports) {
                             }, 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"))) {
                                     /**
                                      * 动画结束的回调
                                      */
@@ -3272,8 +3243,8 @@ System.register('pops', [], (function (exports) {
                  */
                 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;
                         /**
                          * 动画结束事件
                          */
@@ -3291,7 +3262,7 @@ System.register('pops', [], (function (exports) {
                             }
                             /* 监听过渡结束 */
                             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;
@@ -3343,8 +3314,8 @@ System.register('pops', [], (function (exports) {
                     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);
@@ -3362,7 +3333,7 @@ System.register('pops', [], (function (exports) {
                      * 修改移动的元素的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";
                         }
@@ -3392,7 +3363,7 @@ System.register('pops', [], (function (exports) {
                             };
                         }
                         else {
-                            let rect = container.getBoundingClientRect();
+                            const rect = container.getBoundingClientRect();
                             return {
                                 left: rect.left,
                                 top: rect.top,
@@ -3405,7 +3376,7 @@ System.register('pops', [], (function (exports) {
                     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);
@@ -3430,12 +3401,12 @@ System.register('pops', [], (function (exports) {
                             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) {
@@ -3446,8 +3417,7 @@ System.register('pops', [], (function (exports) {
                                     /* 不允许超过容器的最大高度 */
                                     currentMoveTopOffset = maxTopOffset;
                                 }
-                                if (currentMoveLeftOffset - options.extraDistance * 2 <
-                                    minLeftOffset + transformInfo.transformLeft) {
+                                if (currentMoveLeftOffset - options.extraDistance * 2 < minLeftOffset + transformInfo.transformLeft) {
                                     /* 不允许left偏移小于容器最小值 */
                                     currentMoveLeftOffset = minLeftOffset + transformInfo.transformLeft;
                                     /* 最左边 +额外距离 */
@@ -3511,8 +3481,8 @@ System.register('pops', [], (function (exports) {
                         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;
@@ -3544,10 +3514,10 @@ System.register('pops', [], (function (exports) {
                  * 创建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,
@@ -3599,7 +3569,7 @@ System.register('pops', [], (function (exports) {
                         });
                     }
                     for (const cssItem of css) {
-                        let $css = popsDOMUtils.createElement("style", {}, {
+                        const $css = popsDOMUtils.createElement("style", {}, {
                             "data-type": "PopsHandler.handleInit",
                         });
                         $css.textContent = cssItem.css;
@@ -3616,7 +3586,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 传递的配置
                  */
                 handleMask(details = {}) {
-                    let result = {
+                    const result = {
                         maskElement: popsDOMUtils.parseTextToDOM(details.maskHTML),
                     };
                     let isMaskClick = false;
@@ -3627,7 +3597,7 @@ System.register('pops', [], (function (exports) {
                     function clickEvent(event) {
                         popsDOMUtils.preventEvent(event);
                         // 获取该类型实例存储列表
-                        let targetInst = PopsInstData[details.type];
+                        const targetInst = PopsInstData[details.type];
                         function originalRun() {
                             if (details.config.mask.clickEvent.toClose) {
                                 /* 关闭 */
@@ -3661,12 +3631,12 @@ System.register('pops', [], (function (exports) {
                         }
                         /* 判断按下的元素是否是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);
                             }
@@ -3859,7 +3829,7 @@ System.register('pops', [], (function (exports) {
                  * 处理返回的配置，针对popsHandler.handleEventDetails
                  */
                 handleResultDetails(details) {
-                    let resultDetails = Object.assign({}, details);
+                    const resultDetails = Object.assign({}, details);
                     popsUtils.delete(resultDetails, "type");
                     popsUtils.delete(resultDetails, "function");
                     return resultDetails;
@@ -3873,7 +3843,7 @@ System.register('pops', [], (function (exports) {
                  */
                 handleClickEvent(type, $btn, eventDetails, callback) {
                     popsDOMUtils.on($btn, "click", (event) => {
-                        let extraParam = {
+                        const extraParam = {
                             type: type,
                         };
                         callback(Object.assign(eventDetails, extraParam), event);
@@ -3888,9 +3858,9 @@ System.register('pops', [], (function (exports) {
                  * @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;
                         }
@@ -3932,7 +3902,7 @@ System.register('pops', [], (function (exports) {
                 handlePromptClickEvent(type, inputElement, $btn, eventDetails, callback) {
                     popsDOMUtils.on($btn, "click", (event) => {
                         // 额外参数
-                        let extraParam = {
+                        const extraParam = {
                             type: type,
                             text: inputElement.value,
                         };
@@ -3965,7 +3935,7 @@ System.register('pops', [], (function (exports) {
                         // .rightClickMenu
                         // 单独处理
                         if (type === "loading" || type === "tooltip" || type === "rightClickMenu") {
-                            let inst = PopsInstData[type];
+                            const inst = PopsInstData[type];
                             if (inst) {
                                 PopsInstanceUtils.removeInstance([inst], "", true);
                             }
@@ -3985,7 +3955,7 @@ System.register('pops', [], (function (exports) {
                     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;
@@ -4105,13 +4075,13 @@ System.register('pops', [], (function (exports) {
                         },
                     ]);
                     // 先把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
@@ -4122,15 +4092,15 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 弹窗的主元素，包括动画层
                      */
-                    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,
@@ -4141,7 +4111,7 @@ System.register('pops', [], (function (exports) {
                         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按钮添加点击事件 */
@@ -4175,7 +4145,7 @@ System.register('pops', [], (function (exports) {
                             endCallBack: config.dragEndCallBack,
                         });
                     }
-                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    const result = PopsHandler.handleResultDetails(eventDetails);
                     return result;
                 },
             };
@@ -4309,13 +4279,13 @@ System.register('pops', [], (function (exports) {
                         },
                     ]);
                     // 先把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
@@ -4326,8 +4296,8 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 弹窗的主元素，包括动画层
                      */
-                    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);
                     /**
                      * 遮罩层元素
                      */
@@ -4335,10 +4305,10 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 已创建的元素列表
                      */
-                    let elementList = [$anim];
+                    const elementList = [$anim];
                     if (config.mask.enable) {
                         // 启用遮罩层
-                        let _handleMask_ = PopsHandler.handleMask({
+                        const _handleMask_ = PopsHandler.handleMask({
                             type: popsType,
                             guid: guid,
                             config: config,
@@ -4348,7 +4318,7 @@ System.register('pops', [], (function (exports) {
                         $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);
@@ -4380,7 +4350,7 @@ System.register('pops', [], (function (exports) {
                             endCallBack: config.dragEndCallBack,
                         });
                     }
-                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    const result = PopsHandler.handleResultDetails(eventDetails);
                     return result;
                 },
             };
@@ -4513,13 +4483,13 @@ System.register('pops', [], (function (exports) {
                         },
                     ]);
                     // 先把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
@@ -4532,13 +4502,13 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 弹窗的主元素，包括动画层
                      */
-                    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;
                     /**
                      * 遮罩层元素
                      */
@@ -4546,9 +4516,9 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 已创建的元素列表
                      */
-                    let elementList = [$anim];
+                    const elementList = [$anim];
                     if (config.mask.enable) {
-                        let _handleMask_ = PopsHandler.handleMask({
+                        const _handleMask_ = PopsHandler.handleMask({
                             type: popsType,
                             guid: guid,
                             config: config,
@@ -4558,7 +4528,7 @@ System.register('pops', [], (function (exports) {
                         $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 */
@@ -4586,7 +4556,7 @@ System.register('pops', [], (function (exports) {
                         });
                     }
                     /* 待处理的点击事件列表 */
-                    let needHandleClickEventList = [
+                    const needHandleClickEventList = [
                         {
                             type: "close",
                             ele: $headerCloseBtn,
@@ -4654,7 +4624,7 @@ System.register('pops', [], (function (exports) {
                         $shadowContainer: $shadowContainer,
                         $shadowRoot: $shadowRoot,
                     });
-                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    const result = PopsHandler.handleResultDetails(eventDetails);
                     return result;
                 },
             };
@@ -4692,14 +4662,14 @@ System.register('pops', [], (function (exports) {
                     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*/ `
@@ -4717,8 +4687,8 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 弹窗的主元素，包括动画层
                      */
-                    let $anim = PopsElementHandler.parseElement(animHTML);
-                    let { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
+                    const $anim = PopsElementHandler.parseElement(animHTML);
+                    const { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
                     /**
                      * 遮罩层元素
                      */
@@ -4726,10 +4696,10 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 已创建的元素列表
                      */
-                    let elementList = [$anim];
+                    const elementList = [$anim];
                     if (config.mask.enable) {
                         // 创建遮罩层
-                        let _handleMask_ = PopsHandler.handleMask({
+                        const _handleMask_ = PopsHandler.handleMask({
                             type: PopsType,
                             guid: guid,
                             config: config,
@@ -4739,7 +4709,7 @@ System.register('pops', [], (function (exports) {
                         $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);
@@ -4756,7 +4726,7 @@ System.register('pops', [], (function (exports) {
                         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;
                 },
             };
@@ -4976,20 +4946,14 @@ System.register('pops', [], (function (exports) {
                         },
                     ]);
                     /* 办公几件套 */
-                    // @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",
@@ -5008,11 +4972,11 @@ System.register('pops', [], (function (exports) {
                         "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;
                     });
@@ -5026,16 +4990,15 @@ System.register('pops', [], (function (exports) {
                         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
@@ -5137,8 +5100,8 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 弹窗的主元素，包括动画层
                      */
-                    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,
@@ -5150,9 +5113,9 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 已创建的元素列表
                      */
-                    let elementList = [$anim];
+                    const elementList = [$anim];
                     if (config.mask.enable) {
-                        let _handleMask_ = PopsHandler.handleMask({
+                        const _handleMask_ = PopsHandler.handleMask({
                             type: popsType,
                             guid: guid,
                             config: config,
@@ -5163,7 +5126,7 @@ System.register('pops', [], (function (exports) {
                         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);
@@ -5182,7 +5145,7 @@ System.register('pops', [], (function (exports) {
                             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) => {
@@ -5231,13 +5194,13 @@ System.register('pops', [], (function (exports) {
                          * @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) {
@@ -5254,14 +5217,14 @@ System.register('pops', [], (function (exports) {
                                 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;
                                 }
@@ -5294,7 +5257,7 @@ System.register('pops', [], (function (exports) {
 				</div>
 				`);
                             /* 存储原来的值 */
-                            let __value__ = {
+                            const __value__ = {
                                 fileName: origin_fileName,
                                 latestTime: origin_latestTime,
                                 fileSize: origin_fileSize,
@@ -5322,11 +5285,11 @@ System.register('pops', [], (function (exports) {
                          * @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) {
@@ -5343,14 +5306,14 @@ System.register('pops', [], (function (exports) {
                                 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;
                                 }
@@ -5368,7 +5331,7 @@ System.register('pops', [], (function (exports) {
 				</div>
 			`);
                             /* 存储原来的值 */
-                            let __value__ = {
+                            const __value__ = {
                                 fileName: origin_fileName,
                                 latestTime: origin_latestTime,
                                 fileSize: origin_fileSize,
@@ -5392,7 +5355,7 @@ System.register('pops', [], (function (exports) {
                          * 创建顶部导航的箭头图标
                          */
                         createHeaderArrowIcon() {
-                            let $arrowIcon = popsDOMUtils.createElement("div", {
+                            const $arrowIcon = popsDOMUtils.createElement("div", {
                                 className: "iconArrow",
                             });
                             return $arrowIcon;
@@ -5403,7 +5366,7 @@ System.register('pops', [], (function (exports) {
                          * @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,
@@ -5421,8 +5384,8 @@ System.register('pops', [], (function (exports) {
                         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();
@@ -5431,7 +5394,7 @@ System.register('pops', [], (function (exports) {
                             else {
                                 console.error("获取导航按钮失败");
                             }
-                            let loadingMask = PopsLoading.init({
+                            const loadingMask = PopsLoading.init({
                                 parent: $content,
                                 content: {
                                     text: "获取文件列表中...",
@@ -5457,7 +5420,7 @@ System.register('pops', [], (function (exports) {
                          */
                         async enterFolder(clickEvent, dataConfig) {
                             this.clearFolderInfoView();
-                            let loadingMask = PopsLoading.init({
+                            const loadingMask = PopsLoading.init({
                                 parent: $content,
                                 content: {
                                     text: "获取文件列表中...",
@@ -5468,11 +5431,11 @@ System.register('pops', [], (function (exports) {
                                 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) => {
@@ -5489,9 +5452,9 @@ System.register('pops', [], (function (exports) {
                          */
                         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) &&
@@ -5506,7 +5469,7 @@ System.register('pops', [], (function (exports) {
                                         }
                                         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");
                                             }
@@ -5524,7 +5487,7 @@ System.register('pops', [], (function (exports) {
                                         }
                                         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(() => {
@@ -5552,16 +5515,16 @@ System.register('pops', [], (function (exports) {
                         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) {
                                         /* 降序 */
@@ -5576,8 +5539,8 @@ System.register('pops', [], (function (exports) {
                                 });
                                 // 文件名排序
                                 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) {
                                         /* 降序 */
@@ -5647,7 +5610,7 @@ System.register('pops', [], (function (exports) {
                             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);
                                     // 文件夹 - 点击事件
@@ -5658,7 +5621,7 @@ System.register('pops', [], (function (exports) {
                                     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);
                                     // 文件 - 点击事件
@@ -5704,20 +5667,20 @@ System.register('pops', [], (function (exports) {
                                 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);
                             });
@@ -5744,7 +5707,7 @@ System.register('pops', [], (function (exports) {
                         $shadowContainer: $shadowContainer,
                         $shadowRoot: $shadowRoot,
                     });
-                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    const result = PopsHandler.handleResultDetails(eventDetails);
                     return result;
                 },
             };
@@ -5846,17 +5809,15 @@ System.register('pops', [], (function (exports) {
                             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
@@ -5869,14 +5830,14 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 弹窗的主元素，包括动画层
                      */
-                    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);
                     }
                     /**
@@ -5886,9 +5847,9 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 已创建的元素列表
                      */
-                    let elementList = [$anim];
+                    const elementList = [$anim];
                     if (config.mask.enable) {
-                        let _handleMask_ = PopsHandler.handleMask({
+                        const _handleMask_ = PopsHandler.handleMask({
                             type: popsType,
                             guid: guid,
                             config: config,
@@ -5898,7 +5859,7 @@ System.register('pops', [], (function (exports) {
                         $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 () {
                         /* 动画加载完毕 */
@@ -6049,7 +6010,7 @@ System.register('pops', [], (function (exports) {
                         $shadowContainer: $shadowContainer,
                         $shadowRoot: $shadowRoot,
                     });
-                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    const result = PopsHandler.handleResultDetails(eventDetails);
                     return result;
                 },
             };
@@ -6320,7 +6281,7 @@ System.register('pops', [], (function (exports) {
                                             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;
                                             },
                                         },
                                         {
@@ -6328,7 +6289,7 @@ System.register('pops', [], (function (exports) {
                                             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;
                                             },
                                         },
                                         {
@@ -6510,7 +6471,7 @@ System.register('pops', [], (function (exports) {
                             // @ts-ignore
                             props: {},
                             forms: [],
-                            clickFirstCallback: function (event, rightHeaderElement, rightContainerElement) {
+                            clickFirstCallback: function () {
                                 return false;
                             },
                         },
@@ -6527,7 +6488,7 @@ System.register('pops', [], (function (exports) {
                             // @ts-ignore
                             props: {},
                             forms: [],
-                            clickFirstCallback: function (event, rightHeaderElement, rightContainerElement) {
+                            clickFirstCallback: function () {
                                 return false;
                             },
                         },
@@ -6584,20 +6545,20 @@ System.register('pops', [], (function (exports) {
                  * @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;
                 },
                 /**
@@ -6606,21 +6567,21 @@ System.register('pops', [], (function (exports) {
                  * @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);
                 },
                 /**
@@ -6629,21 +6590,21 @@ System.register('pops', [], (function (exports) {
                  * @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);
                 },
             };
@@ -6708,7 +6669,7 @@ System.register('pops', [], (function (exports) {
                     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;
@@ -6724,7 +6685,7 @@ System.register('pops', [], (function (exports) {
                  * 创建提示元素
                  */
                 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>
@@ -6735,9 +6696,9 @@ System.register('pops', [], (function (exports) {
                         "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);
@@ -6746,7 +6707,7 @@ System.register('pops', [], (function (exports) {
                     $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,
                         });
@@ -6766,9 +6727,7 @@ System.register('pops', [], (function (exports) {
                  * 获取提示的内容
                  */
                 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;
                 }
                 /**
                  * 修改提示的内容
@@ -6779,17 +6738,15 @@ System.register('pops', [], (function (exports) {
                         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);
                 }
@@ -6815,23 +6772,23 @@ System.register('pops', [], (function (exports) {
                  * @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) {
@@ -6840,19 +6797,15 @@ System.register('pops', [], (function (exports) {
                             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;
                             }
                         }
@@ -6894,9 +6847,9 @@ System.register('pops', [], (function (exports) {
                  * 动态修改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";
@@ -6946,7 +6899,7 @@ System.register('pops', [], (function (exports) {
                  * @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") {
@@ -6968,11 +6921,11 @@ System.register('pops', [], (function (exports) {
                  * 显示提示框
                  */
                 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;
                         }
@@ -7015,19 +6968,19 @@ System.register('pops', [], (function (exports) {
                  * 关闭提示框
                  */
                 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;
                         }
@@ -7036,14 +6989,14 @@ System.register('pops', [], (function (exports) {
                         (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();
@@ -7187,7 +7140,7 @@ System.register('pops', [], (function (exports) {
                             css: PopsCSS.tooltipCSS,
                         },
                     ]);
-                    let toolTip = new ToolTip(config, guid, {
+                    const toolTip = new ToolTip(config, guid, {
                         $shadowContainer,
                         $shadowRoot,
                     });
@@ -7255,8 +7208,7 @@ System.register('pops', [], (function (exports) {
                         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`);
                         /**
                          * 默认点击的左侧容器项
@@ -7266,12 +7218,10 @@ System.register('pops', [], (function (exports) {
                         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);
                             }
@@ -7377,7 +7327,7 @@ System.register('pops', [], (function (exports) {
                             return;
                         }
                         Object.keys(props).forEach((propName) => {
-                            let value = props[propName];
+                            const value = props[propName];
                             if (propName === "innerHTML") {
                                 PopsSafeUtils.setSafeHTML(element, value);
                                 return;
@@ -7398,7 +7348,7 @@ System.register('pops', [], (function (exports) {
                             className = className();
                         }
                         if (typeof className === "string") {
-                            let splitClassName = className.split(" ");
+                            const splitClassName = className.split(" ");
                             splitClassName.forEach((classNameStr) => {
                                 element.classList.add(classNameStr);
                             });
@@ -7414,10 +7364,10 @@ System.register('pops', [], (function (exports) {
                      * @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");
@@ -7427,7 +7377,7 @@ System.register('pops', [], (function (exports) {
                         /** 禁用左侧项的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) {
@@ -7444,14 +7394,14 @@ System.register('pops', [], (function (exports) {
                      * @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, 
@@ -7478,7 +7428,7 @@ System.register('pops', [], (function (exports) {
                             },
                             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();
                                 }
@@ -7488,7 +7438,7 @@ System.register('pops', [], (function (exports) {
                              * 设置点击事件
                              */
                             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;
@@ -7550,14 +7500,14 @@ System.register('pops', [], (function (exports) {
                      * @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, 
@@ -7568,7 +7518,7 @@ System.register('pops', [], (function (exports) {
 					<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());
                         }
@@ -7577,7 +7527,7 @@ System.register('pops', [], (function (exports) {
                          * 获取提示的内容
                          * @param value
                          */
-                        let getToolTipContent = function (value) {
+                        const getToolTipContent = function (value) {
                             if (typeof formConfig.getToolTipContent === "function") {
                                 return formConfig.getToolTipContent(value);
                             }
@@ -7585,7 +7535,7 @@ System.register('pops', [], (function (exports) {
                                 return value;
                             }
                         };
-                        let tooltip = PopsTooltip.init({
+                        const tooltip = PopsTooltip.init({
                             target: $rangeInput.parentElement,
                             content: () => {
                                 return getToolTipContent($rangeInput.value);
@@ -7613,14 +7563,14 @@ System.register('pops', [], (function (exports) {
                      * @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, 
@@ -7731,9 +7681,9 @@ System.register('pops', [], (function (exports) {
                                 }
                                 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);
@@ -7786,12 +7736,12 @@ System.register('pops', [], (function (exports) {
                             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) {
                                         /* 起始 */
@@ -7829,12 +7779,12 @@ System.register('pops', [], (function (exports) {
                             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) {
                                         /* 起始 */
@@ -7974,7 +7924,7 @@ System.register('pops', [], (function (exports) {
                              * 判断当前滑块是否被禁用（配置中判断）
                              */
                             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;
                                 }
@@ -7990,8 +7940,8 @@ System.register('pops', [], (function (exports) {
                                     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;
                                     }
@@ -8083,7 +8033,7 @@ System.register('pops', [], (function (exports) {
                                     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) {
@@ -8097,7 +8047,7 @@ System.register('pops', [], (function (exports) {
                                     this.dragMoveCallBack(event, currentDragX, oldValue);
                                 });
                                 /* 监听触点离开，处理某些情况下，拖拽松开，但是未触发pan事件，可以通过设置这个来关闭tooltip */
-                                this.$tooltip.on("at:end", (event) => {
+                                this.$tooltip.on("at:end", () => {
                                     this.dragEndCallBack(currentDragX);
                                 });
                             },
@@ -8121,7 +8071,7 @@ System.register('pops', [], (function (exports) {
                                     return;
                                 }
                                 this.$data.isCheckingStopDragMove = true;
-                                let interval = setInterval(() => {
+                                const interval = setInterval(() => {
                                     if (!this.$data.isMove) {
                                         this.$data.isCheckingStopDragMove = false;
                                         this.closeToolTip();
@@ -8148,7 +8098,7 @@ System.register('pops', [], (function (exports) {
                                         return PopsPanelSlider.value.toString();
                                     }
                                 }
-                                let tooltip = PopsTooltip.init({
+                                const tooltip = PopsTooltip.init({
                                     target: this.$ele.button,
                                     content: getToolTipContent,
                                     zIndex: () => {
@@ -8162,7 +8112,7 @@ System.register('pops', [], (function (exports) {
                                         passive: true,
                                     },
                                     showBeforeCallBack: () => {
-                                        let isShowHoverTip = typeof formConfig.isShowHoverTip === "function"
+                                        const isShowHoverTip = typeof formConfig.isShowHoverTip === "function"
                                             ? formConfig.isShowHoverTip()
                                             : typeof formConfig.isShowHoverTip === "boolean"
                                                 ? formConfig.isShowHoverTip
@@ -8172,7 +8122,7 @@ System.register('pops', [], (function (exports) {
                                         }
                                         this.intervalInit();
                                     },
-                                    showAfterCallBack: (toolTipNode) => {
+                                    showAfterCallBack: () => {
                                         tooltip.toolTip.changeContent(getToolTipContent());
                                     },
                                     closeBeforeCallBack: () => {
@@ -8198,7 +8148,7 @@ System.register('pops', [], (function (exports) {
                      * @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);
@@ -8212,7 +8162,7 @@ System.register('pops', [], (function (exports) {
                         }
                         /* 左边底部的描述的文字 */
                         let leftDescriptionText = "";
-                        if (Boolean(formConfig.description)) {
+                        if (formConfig.description) {
                             leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
                         }
                         PopsSafeUtils.setSafeHTML($li, 
@@ -8254,7 +8204,7 @@ System.register('pops', [], (function (exports) {
                                 }
                                 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();
                                 }
@@ -8403,14 +8353,14 @@ System.register('pops', [], (function (exports) {
                      * @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, 
@@ -8434,7 +8384,7 @@ System.register('pops', [], (function (exports) {
                             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();
                                 }
@@ -8461,7 +8411,7 @@ System.register('pops', [], (function (exports) {
                              */
                             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);
@@ -8480,14 +8430,14 @@ System.register('pops', [], (function (exports) {
                      */
                     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, 
@@ -8518,7 +8468,7 @@ System.register('pops', [], (function (exports) {
                                 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();
                                 }
@@ -8570,7 +8520,7 @@ System.register('pops', [], (function (exports) {
                             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);
@@ -8598,9 +8548,9 @@ System.register('pops', [], (function (exports) {
                             /** 设置禁用状态 */
                             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) {
@@ -8612,9 +8562,9 @@ System.register('pops', [], (function (exports) {
                             },
                             /** 获取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,
@@ -8627,16 +8577,16 @@ System.register('pops', [], (function (exports) {
                              */
                             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)) {
@@ -8646,7 +8596,7 @@ System.register('pops', [], (function (exports) {
                                                 break;
                                             }
                                         }
-                                        let $childUList = document.createElement("ul");
+                                        const $childUList = document.createElement("ul");
                                         $childUList.className = childUListClassName;
                                         popsDOMUtils.after($li, $childUList);
                                         that.uListContainerAddItem(formConfig, {
@@ -8677,14 +8627,14 @@ System.register('pops', [], (function (exports) {
                      * @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, 
@@ -8747,7 +8697,7 @@ System.register('pops', [], (function (exports) {
                                 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();
                                 }
@@ -8785,12 +8735,12 @@ System.register('pops', [], (function (exports) {
                                     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);
@@ -8799,10 +8749,10 @@ System.register('pops', [], (function (exports) {
                             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,
@@ -8839,7 +8789,7 @@ System.register('pops', [], (function (exports) {
                                 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);
                                 }
@@ -8861,7 +8811,7 @@ System.register('pops', [], (function (exports) {
                                 // 去除前面的空白
                                 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);
@@ -8872,7 +8822,7 @@ System.register('pops', [], (function (exports) {
                                     }
                                 }
                                 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);
@@ -8932,7 +8882,7 @@ System.register('pops', [], (function (exports) {
                                         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);
                                     }
@@ -8970,8 +8920,8 @@ System.register('pops', [], (function (exports) {
                              * @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,
@@ -8995,8 +8945,8 @@ System.register('pops', [], (function (exports) {
                              * @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);
                                 }
@@ -9011,8 +8961,8 @@ System.register('pops', [], (function (exports) {
                             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,
                                         /** 选项元素 */
@@ -9020,7 +8970,7 @@ System.register('pops', [], (function (exports) {
                                     };
                                     if (onlySelected) {
                                         // 仅选中
-                                        let isSelected = this.isSelectItemSelected($select);
+                                        const isSelected = this.isSelectItemSelected($select);
                                         if (isSelected) {
                                             return result;
                                         }
@@ -9039,7 +8989,7 @@ System.register('pops', [], (function (exports) {
                              * @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>
@@ -9055,8 +9005,8 @@ System.register('pops', [], (function (exports) {
                              * @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);
                                 }
@@ -9099,8 +9049,8 @@ System.register('pops', [], (function (exports) {
                                         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;
                                         }
@@ -9121,14 +9071,14 @@ System.register('pops', [], (function (exports) {
                              */
                             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",
@@ -9145,7 +9095,7 @@ System.register('pops', [], (function (exports) {
                                             },
                                             close: {
                                                 enable: true,
-                                                callback(details, event) {
+                                                callback(details) {
                                                     that.$data.selectInfo = [...selectedInfo];
                                                     that.updateSelectTagItem();
                                                     that.$el.$selectContainer = null;
@@ -9155,7 +9105,7 @@ System.register('pops', [], (function (exports) {
                                         },
                                         mask: {
                                             enable: true,
-                                            clickCallBack(originalRun, config) {
+                                            clickCallBack(originalRun) {
                                                 originalRun();
                                                 that.$data.selectInfo = [...selectedInfo];
                                                 that.updateSelectTagItem();
@@ -9234,12 +9184,12 @@ System.register('pops', [], (function (exports) {
 								${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);
                                         // 设置每一项的点击事件
@@ -9260,7 +9210,7 @@ System.register('pops', [], (function (exports) {
                                         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,
@@ -9369,14 +9319,14 @@ System.register('pops', [], (function (exports) {
                      * @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, 
@@ -9517,8 +9467,8 @@ System.register('pops', [], (function (exports) {
                      * @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);
@@ -9528,12 +9478,12 @@ System.register('pops', [], (function (exports) {
                         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>`;
@@ -9564,17 +9514,17 @@ System.register('pops', [], (function (exports) {
                              * @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"]);
@@ -9591,7 +9541,7 @@ System.register('pops', [], (function (exports) {
 								</i>
 							`);
                                         // 添加点击事件
-                                        popsDOMUtils.on(formHeaderDivElement, "click", (event) => {
+                                        popsDOMUtils.on(formHeaderDivElement, "click", () => {
                                             if (formContainerListElement.hasAttribute("data-fold-enable")) {
                                                 formContainerListElement.removeAttribute("data-fold-enable");
                                             }
@@ -9646,26 +9596,26 @@ System.register('pops', [], (function (exports) {
                              */
                             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"),
                                 });
@@ -9730,7 +9680,7 @@ System.register('pops', [], (function (exports) {
                                     $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);
                                         }
                                     }
@@ -9768,7 +9718,7 @@ System.register('pops', [], (function (exports) {
                             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;
                                         }
@@ -9801,7 +9751,7 @@ System.register('pops', [], (function (exports) {
                      */
                     createSectionContainerItem(formConfig) {
                         /** 配置项的类型 */
-                        let formType = formConfig.type;
+                        const formType = formConfig.type;
                         if (formType === "switch") {
                             return this.createSectionContainerItem_switch(formConfig);
                         }
@@ -9839,18 +9789,18 @@ System.register('pops', [], (function (exports) {
                      * @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"]);
@@ -9866,7 +9816,7 @@ System.register('pops', [], (function (exports) {
 						</i>
 					`);
                                 // 添加点击事件
-                                popsDOMUtils.on(formHeaderDivElement, "click", (event) => {
+                                popsDOMUtils.on(formHeaderDivElement, "click", () => {
                                     if (formContainerListElement.hasAttribute("data-fold-enable")) {
                                         formContainerListElement.removeAttribute("data-fold-enable");
                                     }
@@ -9918,7 +9868,7 @@ System.register('pops', [], (function (exports) {
                      * 触发触发渲染右侧容器的事件
                      */
                     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__,
@@ -9931,7 +9881,7 @@ System.register('pops', [], (function (exports) {
                      * @param containerOptions
                      */
                     uListContainerAddItem(formConfig, containerOptions) {
-                        let itemLiElement = this.createSectionContainerItem(formConfig);
+                        const itemLiElement = this.createSectionContainerItem(formConfig);
                         if (itemLiElement) {
                             containerOptions["ulElement"].appendChild(itemLiElement);
                         }
@@ -9950,23 +9900,23 @@ System.register('pops', [], (function (exports) {
                     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);
@@ -9977,7 +9927,7 @@ System.register('pops', [], (function (exports) {
                             });
                             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;
                                 }
@@ -10032,11 +9982,11 @@ System.register('pops', [], (function (exports) {
                         },
                     ]);
                     // 先把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
@@ -10056,9 +10006,9 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 弹窗的主元素，包括动画层
                      */
-                    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);
                     }
@@ -10069,10 +10019,10 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 已创建的元素列表
                      */
-                    let isCreatedElementList = [$anim];
+                    const isCreatedElementList = [$anim];
                     /* 遮罩层元素 */
                     if (config.mask.enable) {
-                        let { maskElement } = PopsHandler.handleMask({
+                        const { maskElement } = PopsHandler.handleMask({
                             type: popsType,
                             guid: guid,
                             config: config,
@@ -10083,7 +10033,7 @@ System.register('pops', [], (function (exports) {
                         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);
                     /* 创建到页面中 */
@@ -10096,7 +10046,7 @@ System.register('pops', [], (function (exports) {
                     if ($mask != null) {
                         $anim.after($mask);
                     }
-                    let panelHandlerComponents = PanelHandlerComponents();
+                    const panelHandlerComponents = PanelHandlerComponents();
                     /**
                      * 处理内部配置
                      */
@@ -10128,7 +10078,7 @@ System.register('pops', [], (function (exports) {
                             endCallBack: config.dragEndCallBack,
                         });
                     }
-                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    const result = PopsHandler.handleResultDetails(eventDetails);
                     return {
                         ...result,
                         addEventListener: (event, listener, options) => {
@@ -10274,13 +10224,13 @@ System.register('pops', [], (function (exports) {
                         },
                     ]);
                     // 先把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
@@ -10297,8 +10247,8 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 弹窗的主元素，包括动画层
                      */
-                    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);
                     /**
                      * 遮罩层元素
                      */
@@ -10306,10 +10256,10 @@ System.register('pops', [], (function (exports) {
                     /**
                      * 已创建的元素列表
                      */
-                    let elementList = [$anim];
+                    const elementList = [$anim];
                     if (config.mask.enable) {
                         // 启用遮罩层
-                        let _handleMask_ = PopsHandler.handleMask({
+                        const _handleMask_ = PopsHandler.handleMask({
                             type: popsType,
                             guid: guid,
                             config: config,
@@ -10319,7 +10269,7 @@ System.register('pops', [], (function (exports) {
                         $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);
@@ -10361,7 +10311,7 @@ System.register('pops', [], (function (exports) {
                     if (config.content.select) {
                         $input.select();
                     }
-                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    const result = PopsHandler.handleResultDetails(eventDetails);
                     return result;
                 },
             };
@@ -10475,8 +10425,7 @@ System.register('pops', [], (function (exports) {
                         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, [
@@ -10498,7 +10447,7 @@ System.register('pops', [], (function (exports) {
                         },
                     ]);
                     if (config.style != null) {
-                        let cssNode = popsDOMUtils.createElement("style", {
+                        const cssNode = popsDOMUtils.createElement("style", {
                             innerHTML: config.style,
                         }, {
                             type: "text/css",
@@ -10518,7 +10467,7 @@ System.register('pops', [], (function (exports) {
                             if (!PopsContextMenu.rootElement) {
                                 return;
                             }
-                            let $click = event.target;
+                            const $click = event.target;
                             if ($click.closest(`.pops-${popsType}`)) {
                                 return;
                             }
@@ -10535,7 +10484,7 @@ System.register('pops', [], (function (exports) {
                             if (!PopsContextMenu.rootElement) {
                                 return;
                             }
-                            let $click = event.target;
+                            const $click = event.target;
                             if ($click.closest(`.pops-${popsType}`)) {
                                 return;
                             }
@@ -10586,7 +10535,7 @@ System.register('pops', [], (function (exports) {
                             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, {
@@ -10625,7 +10574,8 @@ System.register('pops', [], (function (exports) {
                             /**
                              * 动画结束触发的事件
                              */
-                            let transitionEndEvent = (event) => {
+                            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                            const transitionEndEvent = (event) => {
                                 popsDOMUtils.off($menu, popsDOMUtils.getTransitionEndNameList(), transitionEndEvent, {
                                     capture: true,
                                 });
@@ -10665,7 +10615,7 @@ System.register('pops', [], (function (exports) {
                             if (rootElementMenuData?.root) {
                                 rootElement = rootElementMenuData.root;
                             }
-                            let childMenuList = rootElementMenuData.child;
+                            const childMenuList = rootElementMenuData.child;
                             childMenuList.forEach((childMenuElement) => {
                                 this.animationCloseMenu(childMenuElement);
                             });
@@ -10677,11 +10627,11 @@ System.register('pops', [], (function (exports) {
                          * @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();
                             }
@@ -10712,26 +10662,26 @@ System.register('pops', [], (function (exports) {
                          * @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;
@@ -10741,9 +10691,8 @@ System.register('pops', [], (function (exports) {
                                 // 偏移计算方式就是父菜单的右偏移+父菜单的宽度
                                 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 {
                                     // 主菜单 默认的
@@ -10771,7 +10720,7 @@ System.register('pops', [], (function (exports) {
                                 // 超过，那么子菜单将会在放在上面
                                 if (parentInfo) {
                                     // 以项的top偏移为基准
-                                    let parentItemOffset = popsDOMUtils.offset(parentInfo.$parentItem, false);
+                                    const parentItemOffset = popsDOMUtils.offset(parentInfo.$parentItem, false);
                                     currentTopOffset =
                                         maxPageTopOffset - parentItemOffset.bottom - childMenuTopOrBottomDistance + limitDistance;
                                 }
@@ -10802,7 +10751,7 @@ System.register('pops', [], (function (exports) {
                          * @param menuListenerRootNode 右键菜单监听的元素
                          */
                         showMenu(menuEvent, _config_, menuListenerRootNode) {
-                            let menuElement = this.createMenuContainerElement(false);
+                            const menuElement = this.createMenuContainerElement(false);
                             Reflect.set(menuElement, "__menuData__", {
                                 child: [],
                             });
@@ -10830,19 +10779,19 @@ System.register('pops', [], (function (exports) {
                          * @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,
@@ -10856,7 +10805,7 @@ System.register('pops', [], (function (exports) {
                          * @param parentInfo 配置子菜单的父级信息
                          */
                         handlerShowMenuCSS($menu, posInfo, parentInfo) {
-                            let offset = this.getOffset($menu, {
+                            const offset = this.getOffset($menu, {
                                 x: posInfo.clientX,
                                 y: posInfo.clientY,
                             }, parentInfo);
@@ -10882,14 +10831,14 @@ System.register('pops', [], (function (exports) {
                          * @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);
                                 }
@@ -10914,13 +10863,13 @@ System.register('pops', [], (function (exports) {
                                     }
                                     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);
                                                 }
@@ -10931,9 +10880,9 @@ System.register('pops', [], (function (exports) {
                                         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--;
@@ -10943,8 +10892,8 @@ System.register('pops', [], (function (exports) {
                                     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);
@@ -10965,8 +10914,10 @@ System.register('pops', [], (function (exports) {
                                                 },
                                             });
                                         }
-                                        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;
                                         }
@@ -11009,8 +10960,8 @@ System.register('pops', [], (function (exports) {
                             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]);
@@ -11088,7 +11039,7 @@ System.register('pops', [], (function (exports) {
                         },
                     ]);
                     if (config.style != null) {
-                        let cssNode = document.createElement("style");
+                        const cssNode = document.createElement("style");
                         popsDOMUtils.createElement("style", {
                             innerHTML: config.style,
                         }, {
@@ -11136,8 +11087,7 @@ System.register('pops', [], (function (exports) {
                             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");
                         },
                         /**
                          * 获取数据
@@ -11156,7 +11106,7 @@ System.register('pops', [], (function (exports) {
                          * 获取显示出搜索建议框的html
                          */
                         createSearchSelectElement() {
-                            let $el = popsDOMUtils.createElement("div", {
+                            const $el = popsDOMUtils.createElement("div", {
                                 className: `pops pops-${popsType}-search-suggestion`,
                                 innerHTML: /*html*/ `
 						<style type="text/css">
@@ -11357,7 +11307,7 @@ System.register('pops', [], (function (exports) {
                          */
                         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,
@@ -11365,7 +11315,7 @@ System.register('pops', [], (function (exports) {
                             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);
                             }
@@ -11375,7 +11325,7 @@ System.register('pops', [], (function (exports) {
                             // 删除按钮
                             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);
@@ -11389,14 +11339,14 @@ System.register('pops', [], (function (exports) {
                         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();
@@ -11411,7 +11361,7 @@ System.register('pops', [], (function (exports) {
                                 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) {
@@ -11428,6 +11378,7 @@ System.register('pops', [], (function (exports) {
                          * 设置搜索建议框每一项的选中事件
                          * @param liElement
                          */
+                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
                         setSearchItemSelectEvent(liElement) {
                             // popsDOMUtils.on(
                             // 	liElement,
@@ -11449,17 +11400,18 @@ System.register('pops', [], (function (exports) {
                             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);
@@ -11468,7 +11420,9 @@ System.register('pops', [], (function (exports) {
                         /**
                          * 移除输入框内容改变的监听
                          */
-                        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++) {
@@ -11603,7 +11557,7 @@ System.register('pops', [], (function (exports) {
                          * 获取删除按钮的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>
@@ -11615,7 +11569,7 @@ System.register('pops', [], (function (exports) {
                          * 设置当前正在搜索中的提示
                          */
                         setPromptsInSearch() {
-                            let $isSearching = popsDOMUtils.createElement("li", {
+                            const $isSearching = popsDOMUtils.createElement("li", {
                                 className: `pops-${popsType}-search-suggestion-hint-searching-item`,
                                 innerHTML: config.searchingTip,
                             });
@@ -11653,12 +11607,12 @@ System.register('pops', [], (function (exports) {
                                 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";
@@ -11678,7 +11632,7 @@ System.register('pops', [], (function (exports) {
                                     // 翻转折叠
                                     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";
                             }
@@ -11687,13 +11641,13 @@ System.register('pops', [], (function (exports) {
                                 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;
@@ -11714,7 +11668,7 @@ System.register('pops', [], (function (exports) {
                          * @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";
                             }
@@ -11726,7 +11680,7 @@ System.register('pops', [], (function (exports) {
                          * 动态更新CSS
                          */
                         updateDynamicCSS() {
-                            let cssText = SearchSuggestion.getDynamicCSS();
+                            const cssText = SearchSuggestion.getDynamicCSS();
                             PopsSafeUtils.setSafeHTML(SearchSuggestion.$el.$dynamicCSS, cssText);
                         },
                         /**
@@ -11768,9 +11722,9 @@ System.register('pops', [], (function (exports) {
                                 }
                                 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);
@@ -11838,11 +11792,13 @@ System.register('pops', [], (function (exports) {
                 },
             };
 
+            const version = "2.4.6";
+
             class Pops {
                 /** 配置 */
                 config = {
                     /** 版本号 */
-                    version: "2025.9.4",
+                    version: version,
                     cssText: PopsCSS,
                     /** icon图标的svg代码 */
                     iconSVG: PopsIcon.$data,
@@ -11877,9 +11833,7 @@ System.register('pops', [], (function (exports) {
                     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();
@@ -11900,7 +11854,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 alert = (details) => {
-                    let dialog = PopsAlert.init(details);
+                    const dialog = PopsAlert.init(details);
                     return dialog;
                 };
                 /**
@@ -11908,7 +11862,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 confirm = (details) => {
-                    let dialog = PopsConfirm.init(details);
+                    const dialog = PopsConfirm.init(details);
                     return dialog;
                 };
                 /**
@@ -11916,7 +11870,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 prompt = (details) => {
-                    let dialog = PopsPrompt.init(details);
+                    const dialog = PopsPrompt.init(details);
                     return dialog;
                 };
                 /**
@@ -11924,7 +11878,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 loading = (details) => {
-                    let popsLoading = PopsLoading.init(details);
+                    const popsLoading = PopsLoading.init(details);
                     return popsLoading;
                 };
                 /**
@@ -11932,7 +11886,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 iframe = (details) => {
-                    let dialog = PopsIframe.init(details);
+                    const dialog = PopsIframe.init(details);
                     return dialog;
                 };
                 /**
@@ -11940,7 +11894,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 tooltip = (details) => {
-                    let popsTooltip = PopsTooltip.init(details);
+                    const popsTooltip = PopsTooltip.init(details);
                     return popsTooltip;
                 };
                 /**
@@ -11948,7 +11902,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 drawer = (details) => {
-                    let dialog = PopsDrawer.init(details);
+                    const dialog = PopsDrawer.init(details);
                     return dialog;
                 };
                 /**
@@ -11956,7 +11910,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 folder = (details) => {
-                    let dialog = PopsFolder.init(details);
+                    const dialog = PopsFolder.init(details);
                     return dialog;
                 };
                 /**
@@ -11964,7 +11918,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 panel = (details) => {
-                    let dialog = PopsPanel.init(details);
+                    const dialog = PopsPanel.init(details);
                     return dialog;
                 };
                 /**
@@ -11972,7 +11926,7 @@ System.register('pops', [], (function (exports) {
                  * @param details 配置
                  */
                 rightClickMenu = (details) => {
-                    let popsRightClickMenu = PopsRightClickMenu.init(details);
+                    const popsRightClickMenu = PopsRightClickMenu.init(details);
                     return popsRightClickMenu;
                 };
                 /**
@@ -11993,7 +11947,7 @@ System.register('pops', [], (function (exports) {
                  * searchSuggestion.setAllEvent();
                  */
                 searchSuggestion = (details) => {
-                    let popsSearchSuggestion = PopsSearchSuggestion.init(details);
+                    const popsSearchSuggestion = PopsSearchSuggestion.init(details);
                     return popsSearchSuggestion;
                 };
             }