@whitesev/pops 2.2.1 → 2.2.3

package/dist/index.umd.js

@@ -3952,6 +3952,10 @@
          */
         handleOnly(type, config) {
             if (config.only) {
+                // .loading
+                // .tooltip
+                // .rightClickMenu
+                // 单独处理
                 if (type === "loading" ||
                     type === "tooltip" ||
                     type === "rightClickMenu") {
@@ -4058,11 +4062,11 @@
         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, [
                 {
@@ -4097,23 +4101,23 @@
             // 先把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;
             /** 已创建的元素列表 */
@@ -4121,7 +4125,7 @@
             /* 遮罩层元素 */
             if (config.mask.enable) {
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -4131,7 +4135,7 @@
                 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按钮添加点击事件 */
@@ -4147,7 +4151,7 @@
                 $anim.after($mask);
             }
             /* 保存 */
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -4262,11 +4266,11 @@
         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, [
                 {
@@ -4301,23 +4305,23 @@
             // 先把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);
             /**
              * 遮罩层元素
              */
@@ -4329,7 +4333,7 @@
             if (config.mask.enable) {
                 // 启用遮罩层
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -4338,7 +4342,7 @@
                 $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);
@@ -4352,7 +4356,7 @@
             if ($mask != null) {
                 $anim.after($mask);
             }
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -4471,11 +4475,11 @@
         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, [
                 {
@@ -4510,16 +4514,16 @@
             // 先把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>'
@@ -4532,7 +4536,7 @@
              * 弹窗的主元素，包括动画层
              */
             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);
             /**
              * 遮罩层元素
              */
@@ -4544,7 +4548,7 @@
             if (config.mask.enable) {
                 // 启用遮罩层
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -4553,7 +4557,7 @@
                 $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);
@@ -4569,7 +4573,7 @@
             if ($mask != null) {
                 $anim.after($mask);
             }
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -4764,14 +4768,14 @@
         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, [
                 {
@@ -4807,17 +4811,17 @@
             // 先把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'"
             : ""}>
@@ -4827,7 +4831,7 @@
              * 弹窗的主元素，包括动画层
              */
             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");
@@ -4846,7 +4850,7 @@
             let elementList = [$anim];
             if (config.mask.enable) {
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -4855,7 +4859,7 @@
                 $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 () {
                 /* 动画加载完毕 */
@@ -4999,7 +5003,7 @@
             }, {
                 capture: true,
             });
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -5103,11 +5107,11 @@
         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, [
                 {
@@ -5142,25 +5146,25 @@
             // 先把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;
@@ -5176,7 +5180,7 @@
             let elementList = [$anim];
             if (config.mask.enable) {
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -5185,7 +5189,7 @@
                 $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 */
@@ -5273,7 +5277,7 @@
             if ($mask != null) {
                 $anim.after($mask);
             }
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -5464,11 +5468,11 @@
         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, [
                 {
@@ -5548,19 +5552,15 @@
             /* 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) {
@@ -5570,108 +5570,105 @@
             // 先把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);
@@ -5683,7 +5680,7 @@
             // 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);
             /**
              * 遮罩层元素
              */
@@ -5694,7 +5691,7 @@
             let elementList = [$anim];
             if (config.mask.enable) {
                 let _handleMask_ = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -5704,7 +5701,7 @@
                 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);
@@ -5797,10 +5794,10 @@
                     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);
@@ -5867,8 +5864,8 @@
                     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,
@@ -5878,10 +5875,13 @@
             /**
              * 清空每行的元素
              */
-            function clearFolerRow() {
+            function clearFolderRow() {
                 PopsSafeUtils.setSafeHTML(folderListBodyElement, "");
             }
-            function getArrowIconElement() {
+            /**
+             * 创建顶部导航的箭头图标
+             */
+            function createHeaderArrowIcon() {
                 let iconArrowElement = popsDOMUtils.createElement("div", {
                     className: "iconArrow",
                 });
@@ -5889,17 +5889,16 @@
             }
             /**
              * 添加顶部导航
-             * @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;
             }
@@ -5907,10 +5906,10 @@
              * 顶部导航的点击事件
              * @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");
@@ -5936,16 +5935,16 @@
                     },
                     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: {
@@ -5956,12 +5955,12 @@
                     },
                     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) {
@@ -6256,7 +6255,7 @@
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -7348,14 +7347,14 @@
         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, [
                 {
@@ -7662,7 +7661,10 @@
                     },
                     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();
@@ -8399,7 +8401,7 @@
 				<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 = {
@@ -8431,7 +8433,11 @@
                             }
                         }
                         this.setInputChangeEvent();
-                        if (formConfig.disabled) {
+                        // 是否禁用复选框
+                        let disabled = typeof formConfig.disabled === "function"
+                            ? formConfig.disabled()
+                            : formConfig.disabled;
+                        if (disabled) {
                             this.disable();
                         }
                         if (typeof formConfig.handlerCallBack === "function") {
@@ -8609,7 +8615,10 @@
                     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();
                         }
                     },
@@ -8688,7 +8697,10 @@
                         this.initOption();
                         this.setChangeEvent();
                         this.setClickEvent();
-                        if (formConfig.disabled) {
+                        let disabled = typeof formConfig.disabled === "function"
+                            ? formConfig.disabled()
+                            : formConfig.disabled;
+                        if (disabled) {
                             this.disable();
                         }
                     },
@@ -10087,14 +10099,14 @@
         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, [
                 {
@@ -10129,21 +10141,21 @@
             // 先把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);
             /**
@@ -10151,7 +10163,7 @@
              */
             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);
             }
@@ -10166,7 +10178,7 @@
             /* 遮罩层元素 */
             if (config.mask.enable) {
                 let { maskElement } = PopsHandler.handleMask({
-                    type: PopsType,
+                    type: popsType,
                     guid: guid,
                     config: config,
                     animElement: $anim,
@@ -10176,7 +10188,7 @@
                 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);
             /* 创建到页面中 */
@@ -10202,7 +10214,7 @@
                     $contentSectionContainer: $contentSectionContainer,
                 },
             });
-            PopsHandler.handlePush(PopsType, {
+            PopsHandler.handlePush(popsType, {
                 guid: guid,
                 animElement: $anim,
                 popsElement: $pops,
@@ -10364,11 +10376,11 @@
         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 不能为空");
             }
@@ -10417,7 +10429,7 @@
                         return;
                     }
                     let $click = event.target;
-                    if ($click.closest(`.pops-${PopsType}`)) {
+                    if ($click.closest(`.pops-${popsType}`)) {
                         return;
                     }
                     if ($click.className &&
@@ -10436,7 +10448,7 @@
                         return;
                     }
                     let $click = event.target;
-                    if ($click.closest(`.pops-${PopsType}`)) {
+                    if ($click.closest(`.pops-${popsType}`)) {
                         return;
                     }
                     PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
@@ -10482,14 +10494,14 @@
                     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,
@@ -10531,12 +10543,12 @@
                         });
                         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 {
                         /* 无动画 */
@@ -10568,7 +10580,7 @@
                  */
                 getMenuContainerElement(isChildren) {
                     let $menu = popsDOMUtils.createElement("div", {
-                        className: `pops-${PopsType}`,
+                        className: `pops-${popsType}`,
                         innerHTML: /*html*/ `
 					<ul></ul>
 					`,
@@ -10582,7 +10594,7 @@
                     }
                     /* 添加动画 */
                     if (config.isAnimation) {
-                        popsDOMUtils.addClassName($menu, `pops-${PopsType}-anim-grid`);
+                        popsDOMUtils.addClassName($menu, `pops-${popsType}-anim-grid`);
                     }
                     return $menu;
                 },
@@ -10722,7 +10734,7 @@
                     });
                     /* 过渡动画 */
                     if (config.isAnimation) {
-                        popsDOMUtils.addClassName(menuElement, `pops-${PopsType}-anim-show`);
+                        popsDOMUtils.addClassName(menuElement, `pops-${popsType}-anim-show`);
                     }
                     return menuElement;
                 },
@@ -10762,7 +10774,7 @@
                     popsDOMUtils.css(menuElement, { ...offset, display: "" });
                     /* 过渡动画 */
                     if (config.isAnimation) {
-                        popsDOMUtils.addClassName(menuElement, `pops-${PopsType}-anim-show`);
+                        popsDOMUtils.addClassName(menuElement, `pops-${popsType}-anim-show`);
                     }
                     return menuElement;
                 },
@@ -10783,19 +10795,19 @@
                         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;
                                 }
@@ -10820,7 +10832,7 @@
                                     index--;
                                 }
                             }
-                            popsDOMUtils.addClassName(menuLiElement, `pops-${PopsType}-is-visited`);
+                            popsDOMUtils.addClassName(menuLiElement, `pops-${popsType}-is-visited`);
                             if (!item.item) {
                                 return;
                             }
@@ -10943,7 +10955,7 @@
         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);
@@ -11009,7 +11021,7 @@
                     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);
@@ -11026,16 +11038,16 @@
                  */
                 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);
@@ -11045,24 +11057,24 @@
                 /** 动态获取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;
@@ -11077,14 +11089,14 @@
 					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;
@@ -11097,17 +11109,17 @@
 					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);
@@ -11122,7 +11134,7 @@
                  */
                 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() : ""}`,
@@ -11143,7 +11155,7 @@
                     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"]);
@@ -11335,7 +11347,7 @@
                  */
                 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>
@@ -11346,7 +11358,7 @@
                  */
                 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);
@@ -11356,7 +11368,7 @@
                  */
                 removePromptsInSearch() {
                     SearchSuggestion.$el.$hintULContainer
-                        .querySelector(`li.pops-${PopsType}-search-suggestion-hint-searching-item`)
+                        .querySelector(`li.pops-${popsType}-search-suggestion-hint-searching-item`)
                         ?.remove();
                 },
                 /**
@@ -11509,7 +11521,7 @@
         /** 配置 */
         config = {
             /** 版本号 */
-            version: "2025.7.13",
+            version: "2025.7.15",
             cssText: PopsCSS,
             /** icon图标的svg代码 */
             iconSVG: PopsIcon.$data,