@whitesev/pops 2.0.5 → 2.0.7

package/dist/index.umd.js

@@ -3250,8 +3250,8 @@
         };
     };
 
-    class PopsAlert {
-        constructor(details) {
+    const PopsAlert = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "alert";
@@ -3340,9 +3340,10 @@
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsConfirmConfig = () => {
         return {
@@ -3432,8 +3433,8 @@
         };
     };
 
-    class PopsConfirm {
-        constructor(details) {
+    const PopsConfirm = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "confirm";
@@ -3523,9 +3524,10 @@
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsPromptConfig = () => {
         return {
@@ -3619,8 +3621,8 @@
         };
     };
 
-    class PopsPrompt {
-        constructor(details) {
+    const PopsPrompt = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "prompt";
@@ -3726,9 +3728,10 @@
             if (config.content.select) {
                 $input.select();
             }
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsLoadingConfig = () => {
         return {
@@ -3752,13 +3755,14 @@
             },
             animation: "pops-anim-fadein-zoom",
             forbiddenScroll: false,
+            isAbsolute: false,
             style: null,
             addIndexCSS: true,
         };
     };
 
-    class PopsLoading {
-        constructor(details) {
+    const PopsLoading = {
+        init(details) {
             let config = PopsLoadingConfig();
             config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
             config = popsUtils.assign(config, details);
@@ -3788,9 +3792,6 @@
              * 弹窗的主元素，包括动画层
              */
             let $anim = PopsElementHandler.parseElement(animHTML);
-            // 遮罩层必须是跟随主内容
-            // 即设置主内容position: relative，mask：position: absolute
-            popsDOMUtils.css($anim, "position", "absolute !important");
             let { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
             /**
              * 遮罩层元素
@@ -3810,9 +3811,6 @@
                     maskHTML: maskHTML,
                 });
                 $mask = _handleMask_.maskElement;
-                // 遮罩层必须是跟随主内容
-                // 即设置主内容position: relative，mask：position: absolute
-                popsDOMUtils.css($mask, "position", "absolute !important");
                 elementList.push($mask);
             }
             let eventDetails = PopsHandler.handleLoadingEventDetails(guid, PopsType, $anim, $pops, $mask, config);
@@ -3826,9 +3824,16 @@
                 popsElement: $pops,
                 maskElement: $mask,
             });
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            if (config.isAbsolute) {
+                // 遮罩层必须是跟随主内容
+                // 即设置主内容position: relative，mask：position: absolute
+                popsDOMUtils.css($anim, "position", "absolute !important");
+                $mask && popsDOMUtils.css($mask, "position", "absolute !important");
+            }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsIframeConfig = () => {
         return {
@@ -3888,8 +3893,8 @@
         };
     };
 
-    class PopsIframe {
-        constructor(details) {
+    const PopsIframe = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "iframe";
@@ -4119,8 +4124,8 @@
             });
             let result = PopsHandler.handleResultDetails(eventDetails);
             return result;
-        }
-    }
+        },
+    };
 
     const PopsDrawerConfig = () => {
         return {
@@ -4209,8 +4214,8 @@
         };
     };
 
-    class PopsDrawer {
-        constructor(details) {
+    const PopsDrawer = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "drawer";
@@ -4371,9 +4376,10 @@
                 $shadowContainer: $shadowContainer,
                 $shadowRoot: $shadowRoot,
             });
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsFolderConfig = () => {
         return {
@@ -4535,8 +4541,8 @@
         dwg: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUxpcXvGVIbNYXvHVHzJWYbNYXbDTWu9QHrGU4jOZHLBSW+/RYDJWmy+QoXMYHzHVYjOZHfET2m7P4LLXf3/+/T+7u3+5MXrsaXbiVyuMZjUeNb2xOP81bPjmuZ7vy0AAAAKdFJOUwA9z1wc33ign591Bg7OAAACdUlEQVRYw+2Yi3KjIBRAm51UI4gKxMei+f/f3PsQNU3SXtzOdGfWo0W4wBGFau3b28HBwYGYU1a85JSuOxfNZ/w6p/rem895TzQWTfOtxjP1qWCDtJoLK1WyMcM+VUUu1pJ3ls6nSDEW1UpTvSLBWFRf0iQZXwn93jFuhd7fK/2SJhgL9Hh0ecp5P4tn3xzwYmPhX0En2SL7nXkirEIPNA/xspAIL9Cw9CUmsV85dG3bBcjNgSUjeVJcykeG9nrtAmX9/MNJtk9Yk7B5cqbLvymsdwjr2LOmBIVtU3OMQ9xGJIQOQHSFGzBegR5zoV4Qj7DeQiumbVGIx26gEXICpAvr4bqlHe5r04WWhB1BQvsdwo5uX4/GvxCGgejBMv4mJpwZjoY0IY7C9nSZNB+jI1DY8tXfsJGVCi3Rt8tUjBoDelrn5mbBJxVi29qqG60XXDLtqFjYXudQd1N8VqEQUUNPTNA/jhCyE0cHRUNMEiq+cbiwV2E3cFTvGKHjqQ34bB0Jespy1NlkIQwR0aG7I2iOJwmVje1BG6atbwpQxbUqZYRq3ej9NIJ1GjGHwk21SKgiFndL7xQU0jvFLlWERJhHE3ehuQnTNI2WZmOxUQuhcDsK44xzJCx5vdyRJFzRYQShf6xQ+U8J9VOh3inU4NMAaTULccWUmopUrRQ3kAkfqQJgn1TsFBpaO+77hHp+xOwXmo9DhNVoOLipMlKh0dibd8waLq7HWDBGJDQJ/IgwM3zHIm5JlpQ33CV/wZ6wj1t7UT4KaLY5R4noMyB3EXN32BRiRHLF8H2rnRAt/JY65zJfLv8iPWf5l2Q7/ptxcHDw//IHYWiLelDcDu8AAAAASUVORK5CYII=",
     };
 
-    class PopsFolder {
-        constructor(details) {
+    const PopsFolder = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "folder";
@@ -5318,9 +5324,10 @@
                 $shadowContainer: $shadowContainer,
                 $shadowRoot: $shadowRoot,
             });
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsPanelConfig = () => {
         return {
@@ -6203,6 +6210,7 @@
              */
             createSectionContainerItem_slider_new(formConfig) {
                 let liElement = document.createElement("li");
+                // @ts-ignore
                 liElement["__formConfig__"] = formConfig;
                 this.setElementClassName(liElement, formConfig.className);
                 this.setElementAttributes(liElement, formConfig.attributes);
@@ -6303,15 +6311,15 @@
                         this.setPanEvent();
                         this.setRunAwayClickEvent();
                         this.intervalInit();
-                        if (formConfig.disabled) {
+                        if (this.isFormConfigDisabledDrag()) {
                             this.disableDrag();
                         }
                     },
                     /**
                      * 10s内循环获取slider的宽度等信息
                      * 获取到了就可以初始化left的值
-                     * @param {number} [checkStepTime=200] 每次检测的间隔时间
-                     * @param {number} [maxTime=10000] 最大的检测时间
+                     * @param [checkStepTime=200] 每次检测的间隔时间
+                     * @param [maxTime=10000] 最大的检测时间
                      */
                     intervalInit(checkStepTime = 200, maxTime = 10000) {
                         if (this.$interval.isCheck) {
@@ -6357,9 +6365,13 @@
                         this.$ele.slider.setAttribute("data-max", this.max.toString());
                         this.$ele.slider.setAttribute("data-value", this.value.toString());
                         this.$ele.slider.setAttribute("data-step", this.step.toString());
+                        // @ts-ignore
                         this.$ele.slider["data-min"] = this.min;
+                        // @ts-ignore
                         this.$ele.slider["data-max"] = this.max;
+                        // @ts-ignore
                         this.$ele.slider["data-value"] = this.value;
+                        // @ts-ignore
                         this.$ele.slider["data-step"] = this.step;
                     },
                     /**
@@ -6474,7 +6486,6 @@
                     /**
                      * 判断数字是否是浮点数
                      * @param num
-                     * @returns
                      */
                     isFloat(num) {
                         return Number(num) === num && num % 1 !== 0;
@@ -6491,6 +6502,7 @@
                     },
                     /**
                      * 根据拖拽距离获取滑块应该在的区间和值
+                     * @param dragX
                      */
                     getDragInfo(dragX) {
                         let result = this.$data.stepBlockMap.get(0);
@@ -6505,7 +6517,7 @@
                     },
                     /**
                      * 获取滑块的当前脱拖拽占据的百分比
-                     * @param {number} dragWidth
+                     * @param dragWidth
                      */
                     getSliderPositonPercent(dragWidth) {
                         return dragWidth / this.$data.totalWidth;
@@ -6557,6 +6569,21 @@
                     isDisabledDrag() {
                         return this.$ele.runAway.classList.contains("pops-slider-is-disabled");
                     },
+                    /**
+                     * 判断当前滑块是否被禁用（配置中判断）
+                     */
+                    isFormConfigDisabledDrag() {
+                        if (typeof formConfig.disabled === "function" ||
+                            typeof formConfig.disabled === "boolean") {
+                            let isDisabled = typeof formConfig.disabled === "function"
+                                ? formConfig.disabled()
+                                : formConfig.disabled;
+                            return isDisabled;
+                        }
+                        else {
+                            return false;
+                        }
+                    },
                     /**
                      * 设置进度条点击定位的事件
                      */
@@ -6579,9 +6606,17 @@
                      */
                     dragStartCallBack() {
                         if (!this.$data.isMove) {
-                            if (this.isDisabledDrag()) {
+                            if (this.isFormConfigDisabledDrag()) {
+                                // 禁止
+                                this.disableDrag();
                                 return false;
                             }
+                            else {
+                                // 允许
+                                if (this.isDisabledDrag()) {
+                                    this.allowDrag();
+                                }
+                            }
                             this.$data.isMove = true;
                         }
                         return true;
@@ -6728,6 +6763,14 @@
                                 passive: true,
                             },
                             showBeforeCallBack: () => {
+                                let isShowHoverTip = typeof formConfig.isShowHoverTip === "function"
+                                    ? formConfig.isShowHoverTip()
+                                    : typeof formConfig.isShowHoverTip === "boolean"
+                                        ? formConfig.isShowHoverTip
+                                        : true;
+                                if (!isShowHoverTip) {
+                                    return false;
+                                }
                                 this.intervalInit();
                             },
                             showAfterCallBack: (toolTipNode) => {
@@ -8312,8 +8355,8 @@
         };
     };
 
-    class PopsPanel {
-        constructor(details) {
+    const PopsPanel = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "panel";
@@ -8426,9 +8469,10 @@
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const rightClickMenuConfig = () => {
         return {
@@ -8555,8 +8599,8 @@
         };
     };
 
-    class PopsRightClickMenu {
-        constructor(details) {
+    const PopsRightClickMenu = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "rightClickMenu";
@@ -8982,8 +9026,8 @@
                 removeContextMenuEvent: PopsContextMenu.removeContextMenuEvent,
                 addContextMenuEvent: PopsContextMenu.addContextMenuEvent,
             };
-        }
-    }
+        },
+    };
 
     const searchSuggestionConfig = () => {
         return {
@@ -9042,8 +9086,8 @@
         };
     };
 
-    class PopsSearchSuggestion {
-        constructor(details) {
+    const PopsSearchSuggestion = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "searchSuggestion";
@@ -9581,8 +9625,8 @@
                 },
             };
             return SearchSuggestion;
-        }
-    }
+        },
+    };
 
     const PopsTooltipConfig = () => {
         // @ts-ignore
@@ -10045,8 +10089,8 @@
             popsDOMUtils.off(this.$el.$toolTip, "mouseleave touchend", this.toolTipMouseLeaveEvent, this.$data.config.eventOption);
         }
     }
-    class PopsTooltip {
-        constructor(details) {
+    const PopsTooltip = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "tooltip";
@@ -10074,20 +10118,20 @@
                 toolTip.show();
             }
             return {
-                guid: guid,
-                config: config,
-                $shadowContainer: $shadowContainer,
-                $shadowRoot: $shadowRoot,
-                toolTip: toolTip,
+                guid,
+                config,
+                $shadowContainer,
+                $shadowRoot,
+                toolTip,
             };
-        }
-    }
+        },
+    };
 
     class Pops {
         /** 配置 */
         config = {
             /** 版本号 */
-            version: "2025.5.12",
+            version: "2025.5.25",
             cssText: {
                 /** 主CSS */
                 index: indexCSS,
@@ -10233,42 +10277,47 @@
          * @param details 配置
          */
         alert = (details) => {
-            return new PopsAlert(details);
+            let dialog = PopsAlert.init(details);
+            return dialog;
         };
         /**
          * 询问框
          * @param details 配置
          */
         confirm = (details) => {
-            return new PopsConfirm(details);
+            let dialog = PopsConfirm.init(details);
+            return dialog;
         };
         /**
          * 输入框
          * @param details 配置
          */
         prompt = (details) => {
-            return new PopsPrompt(details);
+            let dialog = PopsPrompt.init(details);
+            return dialog;
         };
         /**
          * 加载层
          * @param details 配置
          */
         loading = (details) => {
-            return new PopsLoading(details);
+            let popsLoading = PopsLoading.init(details);
+            return popsLoading;
         };
         /**
          * iframe层
          * @param details 配置
          */
         iframe = (details) => {
-            return new PopsIframe(details);
+            let dialog = PopsIframe.init(details);
+            return dialog;
         };
         /**
          * 提示框
          * @param details 配置
          */
         tooltip = (details) => {
-            let popsTooltip = new PopsTooltip(details);
+            let popsTooltip = PopsTooltip.init(details);
             return popsTooltip;
         };
         /**
@@ -10276,35 +10325,40 @@
          * @param details 配置
          */
         drawer = (details) => {
-            return new PopsDrawer(details);
+            let dialog = PopsDrawer.init(details);
+            return dialog;
         };
         /**
          * 文件夹
          * @param details 配置
          */
         folder = (details) => {
-            return new PopsFolder(details);
+            let dialog = PopsFolder.init(details);
+            return dialog;
         };
         /**
          * 配置面板
          * @param details 配置
          */
         panel = (details) => {
-            return new PopsPanel(details);
+            let dialog = PopsPanel.init(details);
+            return dialog;
         };
         /**
          * 右键菜单
          * @param details 配置
          */
         rightClickMenu = (details) => {
-            return new PopsRightClickMenu(details);
+            let popsRightClickMenu = PopsRightClickMenu.init(details);
+            return popsRightClickMenu;
         };
         /**
          * 搜索建议
          * @param details 配置
          */
         searchSuggestion = (details) => {
-            return new PopsSearchSuggestion(details);
+            let popsSearchSuggestion = PopsSearchSuggestion.init(details);
+            return popsSearchSuggestion;
         };
     }
     const pops = new Pops();