@whitesev/pops 2.2.1 → 2.2.3

package/dist/index.iife.js

@@ -3949,6 +3949,10 @@ var pops = (function () {
          */
         handleOnly(type, config) {
             if (config.only) {
+                // .loading
+                // .tooltip
+                // .rightClickMenu
+                // 单独处理
                 if (type === "loading" ||
                     type === "tooltip" ||
                     type === "rightClickMenu") {
@@ -4055,11 +4059,11 @@ var pops = (function () {
         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, [
                 {
@@ -4094,23 +4098,23 @@ var pops = (function () {
             // 先把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;
             /** 已创建的元素列表 */
@@ -4118,7 +4122,7 @@ var pops = (function () {
             /* 遮罩层元素 */
             if (config.mask.enable) {
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -4128,7 +4132,7 @@ var pops = (function () {
                 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按钮添加点击事件 */
@@ -4144,7 +4148,7 @@ var pops = (function () {
                 $anim.after($mask);
             }
             /* 保存 */
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -4259,11 +4263,11 @@ var pops = (function () {
         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, [
                 {
@@ -4298,23 +4302,23 @@ var pops = (function () {
             // 先把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);
             /**
              * 遮罩层元素
              */
@@ -4326,7 +4330,7 @@ var pops = (function () {
             if (config.mask.enable) {
                 // 启用遮罩层
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -4335,7 +4339,7 @@ var pops = (function () {
                 $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);
@@ -4349,7 +4353,7 @@ var pops = (function () {
             if ($mask != null) {
                 $anim.after($mask);
             }
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -4468,11 +4472,11 @@ var pops = (function () {
         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, [
                 {
@@ -4507,16 +4511,16 @@ var pops = (function () {
             // 先把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>'
@@ -4529,7 +4533,7 @@ var pops = (function () {
              * 弹窗的主元素，包括动画层
              */
             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);
             /**
              * 遮罩层元素
              */
@@ -4541,7 +4545,7 @@ var pops = (function () {
             if (config.mask.enable) {
                 // 启用遮罩层
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -4550,7 +4554,7 @@ var pops = (function () {
                 $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);
@@ -4566,7 +4570,7 @@ var pops = (function () {
             if ($mask != null) {
                 $anim.after($mask);
             }
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -4761,14 +4765,14 @@ var pops = (function () {
         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, [
                 {
@@ -4804,17 +4808,17 @@ var pops = (function () {
             // 先把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'"
             : ""}>
@@ -4824,7 +4828,7 @@ var pops = (function () {
              * 弹窗的主元素，包括动画层
              */
             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");
@@ -4843,7 +4847,7 @@ var pops = (function () {
             let elementList = [$anim];
             if (config.mask.enable) {
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -4852,7 +4856,7 @@ var pops = (function () {
                 $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 () {
                 /* 动画加载完毕 */
@@ -4996,7 +5000,7 @@ var pops = (function () {
             }, {
                 capture: true,
             });
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -5100,11 +5104,11 @@ var pops = (function () {
         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, [
                 {
@@ -5139,25 +5143,25 @@ var pops = (function () {
             // 先把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;
@@ -5173,7 +5177,7 @@ var pops = (function () {
             let elementList = [$anim];
             if (config.mask.enable) {
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -5182,7 +5186,7 @@ var pops = (function () {
                 $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 */
@@ -5270,7 +5274,7 @@ var pops = (function () {
             if ($mask != null) {
                 $anim.after($mask);
             }
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -5461,11 +5465,11 @@ var pops = (function () {
         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, [
                 {
@@ -5545,19 +5549,15 @@ var pops = (function () {
             /* 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) {
@@ -5567,108 +5567,105 @@ var pops = (function () {
             // 先把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);
@@ -5680,7 +5677,7 @@ var pops = (function () {
             // 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);
             /**
              * 遮罩层元素
              */
@@ -5691,7 +5688,7 @@ var pops = (function () {
             let elementList = [$anim];
             if (config.mask.enable) {
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -5701,7 +5698,7 @@ var pops = (function () {
                 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);
@@ -5794,10 +5791,10 @@ var pops = (function () {
                     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);
@@ -5864,8 +5861,8 @@ var pops = (function () {
                     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,
@@ -5875,10 +5872,13 @@ var pops = (function () {
             /**
              * 清空每行的元素
              */
-            function clearFolerRow() {
+            function clearFolderRow() {
                 PopsSafeUtils.setSafeHTML(folderListBodyElement, "");
             }
-            function getArrowIconElement() {
+            /**
+             * 创建顶部导航的箭头图标
+             */
+            function createHeaderArrowIcon() {
                 let iconArrowElement = popsDOMUtils.createElement("div", {
                     className: "iconArrow",
                 });
@@ -5886,17 +5886,16 @@ var pops = (function () {
             }
             /**
              * 添加顶部导航
-             * @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;
             }
@@ -5904,10 +5903,10 @@ var pops = (function () {
              * 顶部导航的点击事件
              * @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");
@@ -5933,16 +5932,16 @@ var pops = (function () {
                     },
                     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: {
@@ -5953,12 +5952,12 @@ var pops = (function () {
                     },
                     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) {
@@ -6253,7 +6252,7 @@ var pops = (function () {
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -7345,14 +7344,14 @@ var pops = (function () {
         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, [
                 {
@@ -7659,7 +7658,10 @@ var pops = (function () {
                     },
                     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();
@@ -8396,7 +8398,7 @@ var pops = (function () {
 				<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 = {
@@ -8428,7 +8430,11 @@ var pops = (function () {
                             }
                         }
                         this.setInputChangeEvent();
-                        if (formConfig.disabled) {
+                        // 是否禁用复选框
+                        let disabled = typeof formConfig.disabled === "function"
+                            ? formConfig.disabled()
+                            : formConfig.disabled;
+                        if (disabled) {
                             this.disable();
                         }
                         if (typeof formConfig.handlerCallBack === "function") {
@@ -8606,7 +8612,10 @@ var pops = (function () {
                     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();
                         }
                     },
@@ -8685,7 +8694,10 @@ var pops = (function () {
                         this.initOption();
                         this.setChangeEvent();
                         this.setClickEvent();
-                        if (formConfig.disabled) {
+                        let disabled = typeof formConfig.disabled === "function"
+                            ? formConfig.disabled()
+                            : formConfig.disabled;
+                        if (disabled) {
                             this.disable();
                         }
                     },
@@ -10084,14 +10096,14 @@ var pops = (function () {
         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, [
                 {
@@ -10126,21 +10138,21 @@ var pops = (function () {
             // 先把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);
             /**
@@ -10148,7 +10160,7 @@ var pops = (function () {
              */
             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);
             }
@@ -10163,7 +10175,7 @@ var pops = (function () {
             /* 遮罩层元素 */
             if (config.mask.enable) {
                 let { maskElement } = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -10173,7 +10185,7 @@ var pops = (function () {
                 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);
             /* 创建到页面中 */
@@ -10199,7 +10211,7 @@ var pops = (function () {
                     $contentSectionContainer: $contentSectionContainer,
                 },
             });
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -10361,11 +10373,11 @@ var pops = (function () {
         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 不能为空");
             }
@@ -10414,7 +10426,7 @@ var pops = (function () {
                         return;
                     }
                     let $click = event.target;
-                    if ($click.closest(`.pops-${PopsType}`)) {
+                    if ($click.closest(`.pops-${popsType}`)) {
                         return;
                     }
                     if ($click.className &&
@@ -10433,7 +10445,7 @@ var pops = (function () {
                         return;
                     }
                     let $click = event.target;
-                    if ($click.closest(`.pops-${PopsType}`)) {
+                    if ($click.closest(`.pops-${popsType}`)) {
                         return;
                     }
                     PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
@@ -10479,14 +10491,14 @@ var pops = (function () {
                     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,
@@ -10528,12 +10540,12 @@ var pops = (function () {
                         });
                         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 {
                         /* 无动画 */
@@ -10565,7 +10577,7 @@ var pops = (function () {
                  */
                 getMenuContainerElement(isChildren) {
                     let $menu = popsDOMUtils.createElement("div", {
-                        className: `pops-${PopsType}`,
+                        className: `pops-${popsType}`,
                         innerHTML: /*html*/ `
 					<ul></ul>
 					`,
@@ -10579,7 +10591,7 @@ var pops = (function () {
                     }
                     /* 添加动画 */
                     if (config.isAnimation) {
-                        popsDOMUtils.addClassName($menu, `pops-${PopsType}-anim-grid`);
+                        popsDOMUtils.addClassName($menu, `pops-${popsType}-anim-grid`);
                     }
                     return $menu;
                 },
@@ -10719,7 +10731,7 @@ var pops = (function () {
                     });
                     /* 过渡动画 */
                     if (config.isAnimation) {
-                        popsDOMUtils.addClassName(menuElement, `pops-${PopsType}-anim-show`);
+                        popsDOMUtils.addClassName(menuElement, `pops-${popsType}-anim-show`);
                     }
                     return menuElement;
                 },
@@ -10759,7 +10771,7 @@ var pops = (function () {
                     popsDOMUtils.css(menuElement, { ...offset, display: "" });
                     /* 过渡动画 */
                     if (config.isAnimation) {
-                        popsDOMUtils.addClassName(menuElement, `pops-${PopsType}-anim-show`);
+                        popsDOMUtils.addClassName(menuElement, `pops-${popsType}-anim-show`);
                     }
                     return menuElement;
                 },
@@ -10780,19 +10792,19 @@ var pops = (function () {
                         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;
                                 }
@@ -10817,7 +10829,7 @@ var pops = (function () {
                                     index--;
                                 }
                             }
-                            popsDOMUtils.addClassName(menuLiElement, `pops-${PopsType}-is-visited`);
+                            popsDOMUtils.addClassName(menuLiElement, `pops-${popsType}-is-visited`);
                             if (!item.item) {
                                 return;
                             }
@@ -10940,7 +10952,7 @@ var pops = (function () {
         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);
@@ -11006,7 +11018,7 @@ var pops = (function () {
                     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);
@@ -11023,16 +11035,16 @@ var pops = (function () {
                  */
                 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);
@@ -11042,24 +11054,24 @@ var pops = (function () {
                 /** 动态获取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;
@@ -11074,14 +11086,14 @@ var pops = (function () {
 					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;
@@ -11094,17 +11106,17 @@ var pops = (function () {
 					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);
@@ -11119,7 +11131,7 @@ var pops = (function () {
                  */
                 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() : ""}`,
@@ -11140,7 +11152,7 @@ var pops = (function () {
                     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"]);
@@ -11332,7 +11344,7 @@ var pops = (function () {
                  */
                 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>
@@ -11343,7 +11355,7 @@ var pops = (function () {
                  */
                 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);
@@ -11353,7 +11365,7 @@ var pops = (function () {
                  */
                 removePromptsInSearch() {
                     SearchSuggestion.$el.$hintULContainer
-                        .querySelector(`li.pops-${PopsType}-search-suggestion-hint-searching-item`)
+                        .querySelector(`li.pops-${popsType}-search-suggestion-hint-searching-item`)
                         ?.remove();
                 },
                 /**
@@ -11506,7 +11518,7 @@ var pops = (function () {
         /** 配置 */
         config = {
             /** 版本号 */
-            version: "2025.7.13",
+            version: "2025.7.15",
             cssText: PopsCSS,
             /** icon图标的svg代码 */
             iconSVG: PopsIcon.$data,