@whitesev/pops 2.2.1 → 2.2.3

package/dist/index.esm.js

@@ -3946,6 +3946,10 @@ const PopsHandler = {
      */
     handleOnly(type, config) {
         if (config.only) {
+            // .loading
+            // .tooltip
+            // .rightClickMenu
+            // 单独处理
             if (type === "loading" ||
                 type === "tooltip" ||
                 type === "rightClickMenu") {
@@ -4052,11 +4056,11 @@ const PopsAlert = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "alert";
+        const popsType = "alert";
         let config = PopsAlertConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -4091,23 +4095,23 @@ const PopsAlert = {
         // 先把z-index提取出来
         let zIndex = PopsHandler.handleZIndex(config.zIndex);
         let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
-        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
-        let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(PopsType, config);
-        let animHTML = PopsElementHandler.getAnimHTML(guid, PopsType, config, 
+        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
+        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
+        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
+        let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(popsType, config);
+        let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config, 
         /*html*/ `
-			<div class="pops-title pops-${PopsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
+			<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
-            : `<p pops class="pops-${PopsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
-			<div class="pops-content pops-${PopsType}-content" style="${contentStyle}">${config.content.html
+            : `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
+			<div class="pops-content pops-${popsType}-content" style="${contentStyle}">${config.content.html
             ? config.content.text
-            : `<p pops class="pops-${PopsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
+            : `<p pops class="pops-${popsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
         /**
          * 弹窗的主元素，包括动画层
          */
         let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, btnOkElement, titleElement: $title, } = PopsHandler.handleQueryElement($anim, PopsType);
+        let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, btnOkElement, titleElement: $title, } = PopsHandler.handleQueryElement($anim, popsType);
         /** 遮罩层元素 */
         let $mask = null;
         /** 已创建的元素列表 */
@@ -4115,7 +4119,7 @@ const PopsAlert = {
         /* 遮罩层元素 */
         if (config.mask.enable) {
             let _handleMask_ = PopsHandler.handleMask({
-                type: PopsType,
+                type: popsType,
                 guid: guid,
                 config: config,
                 animElement: $anim,
@@ -4125,7 +4129,7 @@ const PopsAlert = {
             elementList.push($mask);
         }
         /* 处理返回的配置 */
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
+        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         /* 为顶部右边的关闭按钮添加点击事件 */
         PopsHandler.handleClickEvent("close", $headerCloseBtn, eventDetails, config.btn.close.callback);
         /* 为底部ok按钮添加点击事件 */
@@ -4141,7 +4145,7 @@ const PopsAlert = {
             $anim.after($mask);
         }
         /* 保存 */
-        PopsHandler.handlePush(PopsType, {
+        PopsHandler.handlePush(popsType, {
             guid: guid,
             animElement: $anim,
             popsElement: $pops,
@@ -4256,11 +4260,11 @@ const PopsConfirm = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "confirm";
+        const popsType = "confirm";
         let config = PopsConfirmConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -4295,23 +4299,23 @@ const PopsConfirm = {
         // 先把z-index提取出来
         let zIndex = PopsHandler.handleZIndex(config.zIndex);
         let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
-        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
-        let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(PopsType, config);
-        let animHTML = PopsElementHandler.getAnimHTML(guid, PopsType, config, 
+        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
+        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
+        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
+        let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(popsType, config);
+        let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config, 
         /*html*/ `
-            <div class="pops-title pops-${PopsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
+            <div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
-            : `<p pops class="pops-${PopsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
-                        <div class="pops-content pops-${PopsType}-content" style="${contentStyle}">${config.content.html
+            : `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
+                        <div class="pops-content pops-${popsType}-content" style="${contentStyle}">${config.content.html
             ? config.content.text
-            : `<p pops class="pops-${PopsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
+            : `<p pops class="pops-${popsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
         /**
          * 弹窗的主元素，包括动画层
          */
         let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, titleElement: $title, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, } = PopsHandler.handleQueryElement($anim, PopsType);
+        let { popsElement: $pops, titleElement: $title, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, } = PopsHandler.handleQueryElement($anim, popsType);
         /**
          * 遮罩层元素
          */
@@ -4323,7 +4327,7 @@ const PopsConfirm = {
         if (config.mask.enable) {
             // 启用遮罩层
             let _handleMask_ = PopsHandler.handleMask({
-                type: PopsType,
+                type: popsType,
                 guid: guid,
                 config: config,
                 animElement: $anim,
@@ -4332,7 +4336,7 @@ const PopsConfirm = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
+        let 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);
@@ -4346,7 +4350,7 @@ const PopsConfirm = {
         if ($mask != null) {
             $anim.after($mask);
         }
-        PopsHandler.handlePush(PopsType, {
+        PopsHandler.handlePush(popsType, {
             guid: guid,
             animElement: $anim,
             popsElement: $pops,
@@ -4465,11 +4469,11 @@ const PopsPrompt = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "prompt";
+        const popsType = "prompt";
         let config = PopsPromptConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -4504,16 +4508,16 @@ const PopsPrompt = {
         // 先把z-index提取出来
         let zIndex = PopsHandler.handleZIndex(config.zIndex);
         let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
-        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
-        let { contentPStyle } = PopsElementHandler.getContentStyle(PopsType, config);
-        let animHTML = PopsElementHandler.getAnimHTML(guid, PopsType, config, 
+        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
+        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
+        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
+        let { contentPStyle } = PopsElementHandler.getContentStyle(popsType, config);
+        let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config, 
         /*html*/ `
-            <div class="pops-title pops-${PopsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
+            <div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
-            : `<p pops class="pops-${PopsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
-            <div class="pops-content pops-${PopsType}-content" style="${contentPStyle}">${config.content.row
+            : `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
+            <div class="pops-content pops-${popsType}-content" style="${contentPStyle}">${config.content.row
             ? '<textarea name="pops-input-text" pops="" placeholder="' +
                 config.content.placeholder +
                 '"></textarea>'
@@ -4526,7 +4530,7 @@ const PopsPrompt = {
          * 弹窗的主元素，包括动画层
          */
         let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, inputElement: $input, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, titleElement: $title, } = PopsHandler.handleQueryElement($anim, PopsType);
+        let { popsElement: $pops, inputElement: $input, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, titleElement: $title, } = PopsHandler.handleQueryElement($anim, popsType);
         /**
          * 遮罩层元素
          */
@@ -4538,7 +4542,7 @@ const PopsPrompt = {
         if (config.mask.enable) {
             // 启用遮罩层
             let _handleMask_ = PopsHandler.handleMask({
-                type: PopsType,
+                type: popsType,
                 guid: guid,
                 config: config,
                 animElement: $anim,
@@ -4547,7 +4551,7 @@ const PopsPrompt = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
+        let 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);
@@ -4563,7 +4567,7 @@ const PopsPrompt = {
         if ($mask != null) {
             $anim.after($mask);
         }
-        PopsHandler.handlePush(PopsType, {
+        PopsHandler.handlePush(popsType, {
             guid: guid,
             animElement: $anim,
             popsElement: $pops,
@@ -4758,14 +4762,14 @@ const PopsIframe = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "iframe";
+        const popsType = "iframe";
         let config = PopsIframeConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
         if (config.url == null) {
             throw new Error("config.url不能为空");
         }
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -4801,17 +4805,17 @@ const PopsIframe = {
         // 先把z-index提取出来
         let zIndex = PopsHandler.handleZIndex(config.zIndex);
         let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex, maskExtraStyle);
-        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
+        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
         let iframeLoadingHTML = '<div class="pops-loading"></div>';
         let titleText = config.title.text.trim() !== "" ? config.title.text : config.url;
-        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
-        let animHTML = PopsElementHandler.getAnimHTML(guid, PopsType, config, 
+        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
+        let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config, 
         /*html*/ `
-            <div class="pops-title pops-${PopsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
+            <div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? titleText
-            : `<p pops class="pops-${PopsType}-title-text" style="${headerPStyle}">${titleText}</p>`}${headerBtnHTML}</div>
-			<div class="pops-content pops-${PopsType}-content">
-                <div class="pops-${PopsType}-content-global-loading"></div>
+            : `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${titleText}</p>`}${headerBtnHTML}</div>
+			<div class="pops-content pops-${popsType}-content">
+                <div class="pops-${popsType}-content-global-loading"></div>
                 <iframe src="${config.url}" pops ${config.sandbox
             ? "sandbox='allow-forms allow-same-origin allow-scripts'"
             : ""}>
@@ -4821,7 +4825,7 @@ const PopsIframe = {
          * 弹窗的主元素，包括动画层
          */
         let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement: $pops, headerCloseBtnElement, headerControlsElement, titleElement: $title, iframeElement: $iframe, loadingElement, contentLoadingElement: $contentLoading, headerMinBtnElement, headerMaxBtnElement, headerMiseBtnElement, } = PopsHandler.handleQueryElement($anim, PopsType);
+        let { 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");
@@ -4840,7 +4844,7 @@ const PopsIframe = {
         let elementList = [$anim];
         if (config.mask.enable) {
             let _handleMask_ = PopsHandler.handleMask({
-                type: PopsType,
+                type: popsType,
                 guid: guid,
                 config: config,
                 animElement: $anim,
@@ -4849,7 +4853,7 @@ const PopsIframe = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
+        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         eventDetails["iframeElement"] = $iframe;
         popsDOMUtils.on($anim, popsDOMUtils.getAnimationEndNameList(), function () {
             /* 动画加载完毕 */
@@ -4993,7 +4997,7 @@ const PopsIframe = {
         }, {
             capture: true,
         });
-        PopsHandler.handlePush(PopsType, {
+        PopsHandler.handlePush(popsType, {
             guid: guid,
             animElement: $anim,
             popsElement: $pops,
@@ -5097,11 +5101,11 @@ const PopsDrawer = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "drawer";
+        const popsType = "drawer";
         let config = PopsDrawerConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -5136,25 +5140,25 @@ const PopsDrawer = {
         // 先把z-index提取出来
         let zIndex = PopsHandler.handleZIndex(config.zIndex);
         let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
-        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
-        let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(PopsType, config);
-        let animHTML = PopsElementHandler.getAnimHTML(guid, PopsType, config, 
+        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
+        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
+        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
+        let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(popsType, config);
+        let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config, 
         /*html*/ `
             ${config.title.enable
-            ? /*html*/ `<div class="pops-title pops-${PopsType}-title" style="${headerStyle}">${config.title.html
+            ? /*html*/ `<div class="pops-title pops-${popsType}-title" style="${headerStyle}">${config.title.html
                 ? config.title.text
-                : /*html*/ `<p pops class="pops-${PopsType}-title-text" style="width: 100%;text-align: ${config.title.position};${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>`
+                : /*html*/ `<p pops class="pops-${popsType}-title-text" style="width: 100%;text-align: ${config.title.position};${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>`
             : ""}
-            <div class="pops-content pops-${PopsType}-content" style="${contentStyle}">${config.content.html
+            <div class="pops-content pops-${popsType}-content" style="${contentStyle}">${config.content.html
             ? config.content.text
-            : `<p pops class="pops-${PopsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
+            : `<p pops class="pops-${popsType}-content-text" style="${contentPStyle}">${config.content.text}</p>`}</div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
         /**
          * 弹窗的主元素，包括动画层
          */
         let $anim = PopsElementHandler.parseElement(animHTML);
-        let { popsElement, headerCloseBtnElement, btnCancelElement, btnOkElement, btnOtherElement, } = PopsHandler.handleQueryElement($anim, PopsType);
+        let { popsElement, headerCloseBtnElement, btnCancelElement, btnOkElement, btnOtherElement, } = PopsHandler.handleQueryElement($anim, popsType);
         let $pops = popsElement;
         let $headerCloseBtn = headerCloseBtnElement;
         let $btnCancel = btnCancelElement;
@@ -5170,7 +5174,7 @@ const PopsDrawer = {
         let elementList = [$anim];
         if (config.mask.enable) {
             let _handleMask_ = PopsHandler.handleMask({
-                type: PopsType,
+                type: popsType,
                 guid: guid,
                 config: config,
                 animElement: $anim,
@@ -5179,7 +5183,7 @@ const PopsDrawer = {
             $mask = _handleMask_.maskElement;
             elementList.push($mask);
         }
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
+        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         /* 处理方向 */
         $pops.setAttribute("direction", config.direction);
         /* 处理border-radius */
@@ -5267,7 +5271,7 @@ const PopsDrawer = {
         if ($mask != null) {
             $anim.after($mask);
         }
-        PopsHandler.handlePush(PopsType, {
+        PopsHandler.handlePush(popsType, {
             guid: guid,
             animElement: $anim,
             popsElement: $pops,
@@ -5458,11 +5462,11 @@ const PopsFolder = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "folder";
+        const popsType = "folder";
         let config = PopsFolderConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -5542,19 +5546,15 @@ const PopsFolder = {
         /* Android安装包 */
         let androidIconList = ["apk", "apkm", "xapk"];
         zipIconList.forEach((keyName) => {
-            // @ts-ignore
             Folder_ICON[keyName] = Folder_ICON.zip;
         });
         imageIconList.forEach((keyName) => {
-            // @ts-ignore
             Folder_ICON[keyName] = Folder_ICON.png;
         });
         codeLanguageIconList.forEach((keyName) => {
-            // @ts-ignore
             Folder_ICON[keyName] = Folder_ICON.html;
         });
         androidIconList.forEach((keyName) => {
-            // @ts-ignore
             Folder_ICON[keyName] = Folder_ICON.apk;
         });
         if (details?.folder) {
@@ -5564,108 +5564,105 @@ const PopsFolder = {
         // 先把z-index提取出来
         let zIndex = PopsHandler.handleZIndex(config.zIndex);
         let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
-        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
-        let animHTML = PopsElementHandler.getAnimHTML(guid, PopsType, config, 
+        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
+        let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(popsType, config);
+        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
+        let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config, 
         /*html*/ `
-            <div class="pops-title pops-${PopsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
+            <div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
-            : `<p pops class="pops-${PopsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
-			<div class="pops-content pops-${PopsType}-content ${popsUtils.isPhone() ? "pops-mobile-folder-content" : ""}">
+            : `<p pops class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
+			<div class="pops-content pops-${popsType}-content ${popsUtils.isPhone() ? "pops-mobile-folder-content" : ""}">
                 <div class="pops-folder-list">
                     <div class="pops-folder-file-list-breadcrumb">
-                    <div class="pops-folder-file-list-breadcrumb-primary">
-                        <span class="pops-folder-file-list-breadcrumb-allFiles cursor-p" title="全部文件">
-                        <a>全部文件</a>
-                        </span>
-                    </div>
+						<div class="pops-folder-file-list-breadcrumb-primary">
+							<span class="pops-folder-file-list-breadcrumb-allFiles cursor-p" title="全部文件">
+								<a>全部文件</a>
+							</span>
+						</div>
                     </div>
                     <div class="pops-folder-list-table__header-div">
-                    <table class="pops-folder-list-table__header">
-                        <colgroup>
-                        <col width="52%">
-                        <col width="24%">
-                        <col width="16%">
-                        </colgroup>
-                        <thead>
-                        <tr class="pops-folder-list-table__header-row">
-                            <th class="pops-folder-list-table__header-th cursor-p">
-                            <div class="text-ellip content flex-a-i-center">
-                                <span>文件名</span>
-                                <div class="pops-folder-list-table__sort" data-sort="fileName">
-                                <div class="pops-folder-icon-arrow" data-sort="按文件名排序">
-                                    <svg
-                                    viewBox="0 0 1024 1024"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                    <path
-                                        d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
-                                        class="pops-folder-icon-arrow-up"></path>
-                                    <path
-                                        d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
-                                        class="pops-folder-icon-arrow-down"></path>
-                                    </svg>
-                                </div>
-                                </div>
-                            </div>
-                            </th>
-                            <th class="pops-folder-list-table__header-th cursor-p">
-                            <div class="text-ellip content flex-a-i-center">
-                                <span>修改时间</span>
-                                <div class="pops-folder-list-table__sort" data-sort="latestTime">
-                                <div class="pops-folder-icon-arrow" title="按修改时间排序">
-                                    <svg
-                                    viewBox="0 0 1024 1024"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                    <path
-                                        d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
-                                        class="pops-folder-icon-arrow-up"></path>
-                                    <path
-                                        d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
-                                        class="pops-folder-icon-arrow-down"></path>
-                                    </svg>
-                                </div>
-                                </div>
-                            </div>
-                            </th>
-                            <th class="pops-folder-list-table__header-th cursor-p">
-                            <div class="text-ellip content flex-a-i-center">
-                                <span>大小</span>
-                                <div class="pops-folder-list-table__sort" data-sort="fileSize">
-                                <div class="pops-folder-icon-arrow" title="按大小排序">
-                                    <svg
-                                    viewBox="0 0 1024 1024"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                    <path
-                                        d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
-                                        class="pops-folder-icon-arrow-up"></path>
-                                    <path
-                                        d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
-                                        class="pops-folder-icon-arrow-down"></path>
-                                    </svg>
-                                </div>
-                                </div>
-                            </div>
-                            </th>
-                        </tr>
-                        </thead>
-                    </table>
+						<table class="pops-folder-list-table__header">
+							<colgroup>
+								<col width="52%">
+								<col width="24%">
+								<col width="16%">
+							</colgroup>
+							<thead>
+								<tr class="pops-folder-list-table__header-row">
+									<th class="pops-folder-list-table__header-th cursor-p">
+										<div class="text-ellip content flex-a-i-center">
+											<span>文件名</span>
+											<div class="pops-folder-list-table__sort" data-sort="fileName">
+												<div class="pops-folder-icon-arrow" data-sort="按文件名排序">
+													<svg
+														viewBox="0 0 1024 1024"
+														xmlns="http://www.w3.org/2000/svg">
+														<path
+															d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
+															class="pops-folder-icon-arrow-up"></path>
+														<path
+															d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
+															class="pops-folder-icon-arrow-down"></path>
+													</svg>
+												</div>
+											</div>
+										</div>
+									</th>
+									<th class="pops-folder-list-table__header-th cursor-p">
+										<div class="text-ellip content flex-a-i-center">
+											<span>修改时间</span>
+											<div class="pops-folder-list-table__sort" data-sort="latestTime">
+												<div class="pops-folder-icon-arrow" title="按修改时间排序">
+													<svg
+														viewBox="0 0 1024 1024"
+														xmlns="http://www.w3.org/2000/svg">
+														<path
+															d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
+															class="pops-folder-icon-arrow-up"></path>
+														<path
+															d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
+															class="pops-folder-icon-arrow-down"></path>
+													</svg>
+												</div>
+											</div>
+										</div>
+									</th>
+									<th class="pops-folder-list-table__header-th cursor-p">
+										<div class="text-ellip content flex-a-i-center">
+											<span>大小</span>
+											<div class="pops-folder-list-table__sort" data-sort="fileSize">
+												<div class="pops-folder-icon-arrow" title="按大小排序">
+													<svg
+														viewBox="0 0 1024 1024"
+														xmlns="http://www.w3.org/2000/svg">
+														<path
+															d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
+															class="pops-folder-icon-arrow-up"></path>
+														<path
+															d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
+															class="pops-folder-icon-arrow-down"></path>
+													</svg>
+												</div>
+											</div>
+										</div>
+									</th>
+								</tr>
+							</thead>
+						</table>
                     </div>
                     <div class="pops-folder-list-table__body-div">
-                    <table class="pops-folder-list-table__body">
-                        <colgroup>
-                        ${popsUtils.isPhone()
+						<table class="pops-folder-list-table__body">
+							<colgroup>
+							${popsUtils.isPhone()
             ? `<col width="100%">`
             : `
-                            <col width="52%">
-                            <col width="24%">
-                            <col width="16%">`}
-                        
-                        </colgroup>
-                        <tbody>
-                        
-                        </tbody>
-                    </table>
+								<col width="52%">
+								<col width="24%">
+								<col width="16%">`}
+							</colgroup>
+							<tbody></tbody>
+						</table>
                     </div>
                 </div>
             </div>${bottomBtnHTML}`, bottomBtnHTML, zIndex);
@@ -5677,7 +5674,7 @@ const PopsFolder = {
         // folderListElement,
         // folderListHeaderElement,
         // folderListHeaderRowElement,
-        folderListBodyElement, folderFileListBreadcrumbPrimaryElement, headerCloseBtnElement: $btnCloseBtn, btnOkElement, btnCancelElement, btnOtherElement, folderListSortFileNameElement, folderListSortLatestTimeElement, folderListSortFileSizeElement, } = PopsHandler.handleQueryElement($anim, PopsType);
+        folderListBodyElement, folderFileListBreadcrumbPrimaryElement, headerCloseBtnElement: $btnCloseBtn, btnOkElement, btnCancelElement, btnOtherElement, folderListSortFileNameElement, folderListSortLatestTimeElement, folderListSortFileSizeElement, } = PopsHandler.handleQueryElement($anim, popsType);
         /**
          * 遮罩层元素
          */
@@ -5688,7 +5685,7 @@ const PopsFolder = {
         let elementList = [$anim];
         if (config.mask.enable) {
             let _handleMask_ = PopsHandler.handleMask({
-                type: PopsType,
+                type: popsType,
                 guid: guid,
                 config: config,
                 animElement: $anim,
@@ -5698,7 +5695,7 @@ const PopsFolder = {
             elementList.push($mask);
         }
         /* 事件 */
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
+        let 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);
@@ -5791,10 +5788,10 @@ const PopsFolder = {
                 fileSize: origin_fileSize,
                 isFolder: isFolder,
             };
-            fileNameElement["__value__"] = __value__;
-            fileTimeElement["__value__"] = __value__;
-            fileFormatSize["__value__"] = __value__;
-            folderELement["__value__"] = __value__;
+            Reflect.set(fileNameElement, "__value__", __value__);
+            Reflect.set(fileTimeElement, "__value__", __value__);
+            Reflect.set(fileFormatSize, "__value__", __value__);
+            Reflect.set(folderELement, "__value__", __value__);
             folderELement.appendChild(fileNameElement);
             folderELement.appendChild(fileTimeElement);
             folderELement.appendChild(fileFormatSize);
@@ -5861,8 +5858,8 @@ const PopsFolder = {
                 fileSize: origin_fileSize,
                 isFolder: isFolder,
             };
-            fileNameElement["__value__"] = __value__;
-            folderELement["__value__"] = __value__;
+            Reflect.set(fileNameElement, "__value__", __value__);
+            Reflect.set(folderELement, "__value__", __value__);
             folderELement.appendChild(fileNameElement);
             return {
                 folderELement,
@@ -5872,10 +5869,13 @@ const PopsFolder = {
         /**
          * 清空每行的元素
          */
-        function clearFolerRow() {
+        function clearFolderRow() {
             PopsSafeUtils.setSafeHTML(folderListBodyElement, "");
         }
-        function getArrowIconElement() {
+        /**
+         * 创建顶部导航的箭头图标
+         */
+        function createHeaderArrowIcon() {
             let iconArrowElement = popsDOMUtils.createElement("div", {
                 className: "iconArrow",
             });
@@ -5883,17 +5883,16 @@ const PopsFolder = {
         }
         /**
          * 添加顶部导航
-         * @param name
-         * @param _config_
-         * @returns
+         * @param folderName 文件夹名
+         * @param folderDataConfig 文件夹配置
          */
-        function getBreadcrumbAllFilesElement(name, _config_) {
+        function createHeaderFileLinkNavgiation(folderName, folderDataConfig) {
             let spanElement = popsDOMUtils.createElement("span", {
                 className: "pops-folder-file-list-breadcrumb-allFiles cursor-p",
-                innerHTML: `<a>${name}</a>`,
-                _config_: _config_,
+                innerHTML: `<a>${folderName}</a>`,
+                _config_: folderDataConfig,
             }, {
-                title: "name",
+                title: folderName,
             });
             return spanElement;
         }
@@ -5901,10 +5900,10 @@ const PopsFolder = {
          * 顶部导航的点击事件
          * @param event
          * @param isTop 是否是全部文件按钮
-         * @param _config_ 配置
+         * @param folderDataConfigList 配置
          */
-        function breadcrumbAllFilesElementClickEvent(event, isTop, _config_) {
-            clearFolerRow();
+        function breadcrumbAllFilesElementClickEvent(event, isTop, folderDataConfigList) {
+            clearFolderRow();
             /* 获取当前的导航元素 */
             let $click = event.target;
             let currentBreadcrumb = $click.closest("span.pops-folder-file-list-breadcrumb-allFiles");
@@ -5930,16 +5929,16 @@ const PopsFolder = {
                 },
                 addIndexCSS: false,
             });
-            addFolderElement(_config_);
+            addFolderElement(folderDataConfigList);
             loadingMask.close();
         }
         /**
          * 刷新文件列表界面信息
          * @param event
-         * @param _config_
+         * @param folderDataConfig
          */
-        async function refreshFolderInfoClickEvent(event, _config_) {
-            clearFolerRow();
+        async function refreshFolderInfoClickEvent(event, folderDataConfig) {
+            clearFolderRow();
             let loadingMask = PopsLoading.init({
                 parent: $content,
                 content: {
@@ -5950,12 +5949,12 @@ const PopsFolder = {
                 },
                 addIndexCSS: false,
             });
-            if (typeof _config_.clickEvent === "function") {
-                let childConfig = await _config_.clickEvent(event, _config_);
+            if (typeof folderDataConfig.clickEvent === "function") {
+                let childConfig = await folderDataConfig.clickEvent(event, folderDataConfig);
                 /* 添加顶部导航的箭头 */
-                folderFileListBreadcrumbPrimaryElement.appendChild(getArrowIconElement());
-                /* 获取顶部导航 */
-                let breadcrumbAllFilesElement = getBreadcrumbAllFilesElement(_config_["fileName"], childConfig);
+                folderFileListBreadcrumbPrimaryElement.appendChild(createHeaderArrowIcon());
+                /* 添加顶部导航的链接文字 */
+                let breadcrumbAllFilesElement = createHeaderFileLinkNavgiation(folderDataConfig.fileName, childConfig);
                 folderFileListBreadcrumbPrimaryElement.appendChild(breadcrumbAllFilesElement);
                 /* 设置顶部导航点击事件 */
                 popsDOMUtils.on(breadcrumbAllFilesElement, "click", function (event) {
@@ -6250,7 +6249,7 @@ const PopsFolder = {
                 endCallBack: config.dragEndCallBack,
             });
         }
-        PopsHandler.handlePush(PopsType, {
+        PopsHandler.handlePush(popsType, {
             guid: guid,
             animElement: $anim,
             popsElement: $pops,
@@ -7342,14 +7341,14 @@ const PopsTooltip = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "tooltip";
+        const popsType = "tooltip";
         let config = PopsTooltipConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
         if (!(config.target instanceof HTMLElement)) {
             throw new TypeError("config.target 必须是HTMLElement类型");
         }
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -7656,7 +7655,10 @@ const PanelHandlerComponents = () => {
                 },
                 init() {
                     this.setStatus(this.$data.value);
-                    if (formConfig.disabled) {
+                    let disabled = typeof formConfig.disabled === "function"
+                        ? formConfig.disabled()
+                        : formConfig.disabled;
+                    if (disabled) {
                         this.disable();
                     }
                     this.setClickEvent();
@@ -8393,7 +8395,7 @@ const PanelHandlerComponents = () => {
 				<div class="pops-panel-item-left-text">
 					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
 				<div class="pops-panel-input pops-user-select-none">
-					<input type="${inputType}" placeholder="${formConfig.placeholder}">
+					<input type="${inputType}" placeholder="${formConfig.placeholder ?? ""}">
 				</div>
 				`);
             const PopsPanelInput = {
@@ -8425,7 +8427,11 @@ const PanelHandlerComponents = () => {
                         }
                     }
                     this.setInputChangeEvent();
-                    if (formConfig.disabled) {
+                    // 是否禁用复选框
+                    let disabled = typeof formConfig.disabled === "function"
+                        ? formConfig.disabled()
+                        : formConfig.disabled;
+                    if (disabled) {
                         this.disable();
                     }
                     if (typeof formConfig.handlerCallBack === "function") {
@@ -8603,7 +8609,10 @@ const PanelHandlerComponents = () => {
                 init() {
                     this.setValue(this.$data.value);
                     this.setChangeEvent();
-                    if (formConfig.disabled) {
+                    let disabled = typeof formConfig.disabled === "function"
+                        ? formConfig.disabled()
+                        : formConfig.disabled;
+                    if (disabled) {
                         this.disable();
                     }
                 },
@@ -8682,7 +8691,10 @@ const PanelHandlerComponents = () => {
                     this.initOption();
                     this.setChangeEvent();
                     this.setClickEvent();
-                    if (formConfig.disabled) {
+                    let disabled = typeof formConfig.disabled === "function"
+                        ? formConfig.disabled()
+                        : formConfig.disabled;
+                    if (disabled) {
                         this.disable();
                     }
                 },
@@ -10081,14 +10093,14 @@ const PopsPanel = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "panel";
+        const popsType = "panel";
         let config = PopsPanelConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
         if (details && Array.isArray(details.content)) {
             config.content = details.content;
         }
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -10123,21 +10135,21 @@ const PopsPanel = {
         // 先把z-index提取出来
         let zIndex = PopsHandler.handleZIndex(config.zIndex);
         let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
-        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
-        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
-        let animHTML = PopsElementHandler.getAnimHTML(guid, PopsType, config, 
+        let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(popsType, config);
+        let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(popsType, config);
+        let animHTML = PopsElementHandler.getAnimHTML(guid, popsType, config, 
         /*html*/ `
-			<div class="pops-title pops-${PopsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
+			<div class="pops-title pops-${popsType}-title" style="text-align: ${config.title.position};${headerStyle}">${config.title.html
             ? config.title.text
-            : `<p pops class="pops-${PopsType}-title-text" class="pops-${PopsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
-			<div class="pops-content pops-${PopsType}-content">
-				<aside class="pops-${PopsType}-aside">
-					<ul class="pops-${PopsType}-aside-top-container"></ul>
-					<ul class="pops-${PopsType}-aside-bottom-container"></ul>
+            : `<p pops class="pops-${popsType}-title-text" class="pops-${popsType}-title-text" style="${headerPStyle}">${config.title.text}</p>`}${headerBtnHTML}</div>
+			<div class="pops-content pops-${popsType}-content">
+				<aside class="pops-${popsType}-aside">
+					<ul class="pops-${popsType}-aside-top-container"></ul>
+					<ul class="pops-${popsType}-aside-bottom-container"></ul>
 				</aside>
-				<section class="pops-${PopsType}-container">
-					<ul class="pops-${PopsType}-container-header-ul"></ul>
-					<ul class="pops-${PopsType}-container-main-ul"></ul>
+				<section class="pops-${popsType}-container">
+					<ul class="pops-${popsType}-container-header-ul"></ul>
+					<ul class="pops-${popsType}-container-main-ul"></ul>
 				</section>
 			</div>`, "", zIndex);
         /**
@@ -10145,7 +10157,7 @@ const PopsPanel = {
          */
         let $anim = PopsElementHandler.parseElement(animHTML);
         /* 结构元素 */
-        let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, titleElement: $title, contentElement: $content, contentAsideElement: $contentAside, contentSectionContainerElement: $contentSectionContainer, } = PopsHandler.handleQueryElement($anim, PopsType);
+        let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, titleElement: $title, contentElement: $content, contentAsideElement: $contentAside, contentSectionContainerElement: $contentSectionContainer, } = PopsHandler.handleQueryElement($anim, popsType);
         if (config.isMobile || popsUtils.isPhone()) {
             popsDOMUtils.addClassName($pops, config.mobileClassName);
         }
@@ -10160,7 +10172,7 @@ const PopsPanel = {
         /* 遮罩层元素 */
         if (config.mask.enable) {
             let { maskElement } = PopsHandler.handleMask({
-                type: PopsType,
+                type: popsType,
                 guid: guid,
                 config: config,
                 animElement: $anim,
@@ -10170,7 +10182,7 @@ const PopsPanel = {
             isCreatedElementList.push($mask);
         }
         /* 处理返回的配置 */
-        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
+        let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, popsType, $anim, $pops, $mask, config);
         /* 为顶部右边的关闭按钮添加点击事件 */
         PopsHandler.handleClickEvent("close", $headerCloseBtn, eventDetails, config.btn.close.callback);
         /* 创建到页面中 */
@@ -10196,7 +10208,7 @@ const PopsPanel = {
                 $contentSectionContainer: $contentSectionContainer,
             },
         });
-        PopsHandler.handlePush(PopsType, {
+        PopsHandler.handlePush(popsType, {
             guid: guid,
             animElement: $anim,
             popsElement: $pops,
@@ -10358,11 +10370,11 @@ const PopsRightClickMenu = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "rightClickMenu";
+        const popsType = "rightClickMenu";
         let config = rightClickMenuConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
         if (config.target == null) {
             throw new Error("config.target 不能为空");
         }
@@ -10411,7 +10423,7 @@ const PopsRightClickMenu = {
                     return;
                 }
                 let $click = event.target;
-                if ($click.closest(`.pops-${PopsType}`)) {
+                if ($click.closest(`.pops-${popsType}`)) {
                     return;
                 }
                 if ($click.className &&
@@ -10430,7 +10442,7 @@ const PopsRightClickMenu = {
                     return;
                 }
                 let $click = event.target;
-                if ($click.closest(`.pops-${PopsType}`)) {
+                if ($click.closest(`.pops-${popsType}`)) {
                     return;
                 }
                 PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
@@ -10476,14 +10488,14 @@ const PopsRightClickMenu = {
                 if (config.preventDefault) {
                     popsDOMUtils.preventEvent(event);
                 }
-                PopsHandler.handleOnly(PopsType, config);
+                PopsHandler.handleOnly(popsType, config);
                 if (PopsContextMenu.rootElement) {
                     PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
                 }
                 let rootElement = PopsContextMenu.showMenu(event, config.data, selectorTarget);
                 PopsContextMenu.rootElement = rootElement;
                 if (config.only) {
-                    PopsHandler.handlePush(PopsType, {
+                    PopsHandler.handlePush(popsType, {
                         $shadowRoot: $shadowRoot,
                         $shadowContainer: $shadowContainer,
                         guid: guid,
@@ -10525,12 +10537,12 @@ const PopsRightClickMenu = {
                     });
                     element.remove();
                 }
-                if (element.classList.contains(`pops-${PopsType}-anim-show`)) {
+                if (element.classList.contains(`pops-${popsType}-anim-show`)) {
                     /* 有动画 */
                     popsDOMUtils.on(element, popsDOMUtils.getTransitionEndNameList(), transitionEndEvent, {
                         capture: true,
                     });
-                    element.classList.remove(`pops-${PopsType}-anim-show`);
+                    element.classList.remove(`pops-${popsType}-anim-show`);
                 }
                 else {
                     /* 无动画 */
@@ -10562,7 +10574,7 @@ const PopsRightClickMenu = {
              */
             getMenuContainerElement(isChildren) {
                 let $menu = popsDOMUtils.createElement("div", {
-                    className: `pops-${PopsType}`,
+                    className: `pops-${popsType}`,
                     innerHTML: /*html*/ `
 					<ul></ul>
 					`,
@@ -10576,7 +10588,7 @@ const PopsRightClickMenu = {
                 }
                 /* 添加动画 */
                 if (config.isAnimation) {
-                    popsDOMUtils.addClassName($menu, `pops-${PopsType}-anim-grid`);
+                    popsDOMUtils.addClassName($menu, `pops-${popsType}-anim-grid`);
                 }
                 return $menu;
             },
@@ -10716,7 +10728,7 @@ const PopsRightClickMenu = {
                 });
                 /* 过渡动画 */
                 if (config.isAnimation) {
-                    popsDOMUtils.addClassName(menuElement, `pops-${PopsType}-anim-show`);
+                    popsDOMUtils.addClassName(menuElement, `pops-${popsType}-anim-show`);
                 }
                 return menuElement;
             },
@@ -10756,7 +10768,7 @@ const PopsRightClickMenu = {
                 popsDOMUtils.css(menuElement, { ...offset, display: "" });
                 /* 过渡动画 */
                 if (config.isAnimation) {
-                    popsDOMUtils.addClassName(menuElement, `pops-${PopsType}-anim-show`);
+                    popsDOMUtils.addClassName(menuElement, `pops-${popsType}-anim-show`);
                 }
                 return menuElement;
             },
@@ -10777,19 +10789,19 @@ const PopsRightClickMenu = {
                     if (typeof item.icon === "string" && item.icon.trim() !== "") {
                         let iconSVGHTML = PopsIcon.getIcon(item.icon) ?? item.icon;
                         let iconElement = popsDOMUtils.parseTextToDOM(
-                        /*html*/ `<i class="pops-${PopsType}-icon" is-loading="${item.iconIsLoading ?? false}">${iconSVGHTML}</i>`);
+                        /*html*/ `<i class="pops-${popsType}-icon" is-loading="${item.iconIsLoading ?? false}">${iconSVGHTML}</i>`);
                         menuLiElement.appendChild(iconElement);
                     }
                     /* 插入文字 */
                     menuLiElement.insertAdjacentHTML("beforeend", PopsSafeUtils.getSafeHTML(`<span>${item.text}</span>`));
                     /* 如果存在子数据，显示 */
                     if (item.item && Array.isArray(item.item)) {
-                        popsDOMUtils.addClassName(menuLiElement, `pops-${PopsType}-item`);
+                        popsDOMUtils.addClassName(menuLiElement, `pops-${popsType}-item`);
                     }
                     /* 鼠标|触摸 移入事件 */
                     function liElementHoverEvent() {
                         Array.from(menuULElement.children).forEach((liElement) => {
-                            popsDOMUtils.removeClassName(liElement, `pops-${PopsType}-is-visited`);
+                            popsDOMUtils.removeClassName(liElement, `pops-${popsType}-is-visited`);
                             if (!liElement.__menuData__) {
                                 return;
                             }
@@ -10814,7 +10826,7 @@ const PopsRightClickMenu = {
                                 index--;
                             }
                         }
-                        popsDOMUtils.addClassName(menuLiElement, `pops-${PopsType}-is-visited`);
+                        popsDOMUtils.addClassName(menuLiElement, `pops-${popsType}-is-visited`);
                         if (!item.item) {
                             return;
                         }
@@ -10937,7 +10949,7 @@ const PopsSearchSuggestion = {
     init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "searchSuggestion";
+        const popsType = "searchSuggestion";
         let config = searchSuggestionConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, details);
@@ -11003,7 +11015,7 @@ const PopsSearchSuggestion = {
                 SearchSuggestion.changeHintULElementPosition();
                 SearchSuggestion.hide();
                 if (config.isAnimation) {
-                    SearchSuggestion.$el.root.classList.add(`pops-${PopsType}-animation`);
+                    SearchSuggestion.$el.root.classList.add(`pops-${popsType}-animation`);
                 }
                 $shadowRoot.appendChild(SearchSuggestion.$el.root);
                 parentElement.appendChild($shadowContainer);
@@ -11020,16 +11032,16 @@ const PopsSearchSuggestion = {
              */
             getSearchSelectElement() {
                 let element = popsDOMUtils.createElement("div", {
-                    className: `pops pops-${PopsType}-search-suggestion`,
+                    className: `pops pops-${popsType}-search-suggestion`,
                     innerHTML: /*html*/ `
 						<style data-dynamic="true">
 							${this.getDynamicCSS()}
 						</style>
-						<ul class="pops-${PopsType}-search-suggestion-hint">${config.toSearhNotResultHTML}</ul>
+						<ul class="pops-${popsType}-search-suggestion-hint">${config.toSearhNotResultHTML}</ul>
          				 `,
                 }, {
                     "data-guid": guid,
-                    "type-value": PopsType,
+                    "type-value": popsType,
                 });
                 if (config.className !== "" && config.className != null) {
                     popsDOMUtils.addClassName(element, config.className);
@@ -11039,24 +11051,24 @@ const PopsSearchSuggestion = {
             /** 动态获取CSS */
             getDynamicCSS() {
                 return /*css*/ `
-				.pops-${PopsType}-animation{
+				.pops-${popsType}-animation{
 					-moz-animation: searchSelectFalIn 0.5s 1 linear;
 					-webkit-animation: searchSelectFalIn 0.5s 1 linear;
 					-o-animation: searchSelectFalIn 0.5s 1 linear;
 					-ms-animation: searchSelectFalIn 0.5s 1 linear;
 				}
-				.pops-${PopsType}-search-suggestion{
+				.pops-${popsType}-search-suggestion{
 					--search-suggestion-bg-color: #ffffff;
 					--search-suggestion-box-shadow-color: rgb(0 0 0 / 20%);
 					--search-suggestion-item-color: #515a6e;
 					--search-suggestion-item-none-color: #8e8e8e;
 					--search-suggestion-item-hover-bg-color: rgba(0, 0, 0, .1);
 				}
-				.pops-${PopsType}-search-suggestion{
+				.pops-${popsType}-search-suggestion{
 					border: initial;
 					overflow: initial;
 				}
-				ul.pops-${PopsType}-search-suggestion-hint{
+				ul.pops-${popsType}-search-suggestion-hint{
 					position: ${config.isAbsolute ? "absolute" : "fixed"};
 					z-index: ${PopsHandler.handleZIndex(config.zIndex)};
 					width: 0;
@@ -11071,14 +11083,14 @@ const PopsSearchSuggestion = {
 					box-shadow: 0 1px 6px var(--search-suggestion-box-shadow-color);
 				}
 				/* 建议框在上面时 */
-				ul.pops-${PopsType}-search-suggestion-hint[data-top-reverse]{
+				ul.pops-${popsType}-search-suggestion-hint[data-top-reverse]{
 					display: flex;
 					flex-direction: column-reverse;
 				}
-				ul.pops-${PopsType}-search-suggestion-hint[data-top-reverse] li{
+				ul.pops-${popsType}-search-suggestion-hint[data-top-reverse] li{
 					flex-shrink: 0;
 				}
-				ul.pops-${PopsType}-search-suggestion-hint li{
+				ul.pops-${popsType}-search-suggestion-hint li{
 					padding: 7px;
 					margin: 0;
 					clear: both;
@@ -11091,17 +11103,17 @@ const PopsSearchSuggestion = {
 					text-overflow: ellipsis;
 					width: 100%;
 				}
-				ul.pops-${PopsType}-search-suggestion-hint li[data-none]{
+				ul.pops-${popsType}-search-suggestion-hint li[data-none]{
 					text-align: center;
 					font-size: 12px;
 					color: var(--search-suggestion-item-none-color);
 				}
-				ul.pops-${PopsType}-search-suggestion-hint li:hover{
+				ul.pops-${popsType}-search-suggestion-hint li:hover{
 					background-color: var(--search-suggestion-item-hover-bg-color);
 				}
 
 				@media (prefers-color-scheme: dark){
-					.pops-${PopsType}-search-suggestion{
+					.pops-${popsType}-search-suggestion{
 						--search-suggestion-bg-color: #1d1e1f;
 						--search-suggestion-item-color: #cfd3d4;
 						--search-suggestion-item-hover-bg-color: rgba(175, 175, 175, .1);
@@ -11116,7 +11128,7 @@ const PopsSearchSuggestion = {
              */
             getSearchItemLiElement(data, index) {
                 return popsDOMUtils.createElement("li", {
-                    className: `pops-${PopsType}-search-suggestion-hint-item pops-flex-items-center pops-flex-y-center`,
+                    className: `pops-${popsType}-search-suggestion-hint-item pops-flex-items-center pops-flex-y-center`,
                     "data-index": index,
                     "data-value": SearchSuggestion.getItemDataValue(data),
                     innerHTML: `${config.getItemHTML(data)}${config.deleteIcon.enable ? SearchSuggestion.getDeleteIconHTML() : ""}`,
@@ -11137,7 +11149,7 @@ const PopsSearchSuggestion = {
                 popsDOMUtils.on(liElement, "click", void 0, (event) => {
                     popsDOMUtils.preventEvent(event);
                     let $click = event.target;
-                    if ($click.closest(`.pops-${PopsType}-delete-icon`)) {
+                    if ($click.closest(`.pops-${popsType}-delete-icon`)) {
                         /* 点击的是删除按钮 */
                         if (typeof config.deleteIcon.callback === "function") {
                             config.deleteIcon.callback(event, liElement, liElement["data-value"]);
@@ -11329,7 +11341,7 @@ const PopsSearchSuggestion = {
              */
             getDeleteIconHTML(size = 16, fill = "#bababa") {
                 return /*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}">
+				<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>
 				</svg>
@@ -11340,7 +11352,7 @@ const PopsSearchSuggestion = {
              */
             setPromptsInSearch() {
                 let isSearchingElement = popsDOMUtils.createElement("li", {
-                    className: `pops-${PopsType}-search-suggestion-hint-searching-item`,
+                    className: `pops-${popsType}-search-suggestion-hint-searching-item`,
                     innerHTML: config.searchingTip,
                 });
                 SearchSuggestion.$el.$hintULContainer.appendChild(isSearchingElement);
@@ -11350,7 +11362,7 @@ const PopsSearchSuggestion = {
              */
             removePromptsInSearch() {
                 SearchSuggestion.$el.$hintULContainer
-                    .querySelector(`li.pops-${PopsType}-search-suggestion-hint-searching-item`)
+                    .querySelector(`li.pops-${popsType}-search-suggestion-hint-searching-item`)
                     ?.remove();
             },
             /**
@@ -11503,7 +11515,7 @@ class Pops {
     /** 配置 */
     config = {
         /** 版本号 */
-        version: "2025.7.13",
+        version: "2025.7.15",
         cssText: PopsCSS,
         /** icon图标的svg代码 */
         iconSVG: PopsIcon.$data,