@whitesev/pops 2.0.6 → 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 {
@@ -3758,8 +3761,8 @@
         };
     };
 
-    class PopsLoading {
-        constructor(details) {
+    const PopsLoading = {
+        init(details) {
             let config = PopsLoadingConfig();
             config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
             config = popsUtils.assign(config, details);
@@ -3827,9 +3830,10 @@
                 popsDOMUtils.css($anim, "position", "absolute !important");
                 $mask && popsDOMUtils.css($mask, "position", "absolute !important");
             }
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsIframeConfig = () => {
         return {
@@ -3889,8 +3893,8 @@
         };
     };
 
-    class PopsIframe {
-        constructor(details) {
+    const PopsIframe = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "iframe";
@@ -4120,8 +4124,8 @@
             });
             let result = PopsHandler.handleResultDetails(eventDetails);
             return result;
-        }
-    }
+        },
+    };
 
     const PopsDrawerConfig = () => {
         return {
@@ -4210,8 +4214,8 @@
         };
     };
 
-    class PopsDrawer {
-        constructor(details) {
+    const PopsDrawer = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "drawer";
@@ -4372,9 +4376,10 @@
                 $shadowContainer: $shadowContainer,
                 $shadowRoot: $shadowRoot,
             });
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsFolderConfig = () => {
         return {
@@ -4536,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";
@@ -5319,9 +5324,10 @@
                 $shadowContainer: $shadowContainer,
                 $shadowRoot: $shadowRoot,
             });
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const PopsPanelConfig = () => {
         return {
@@ -6204,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);
@@ -6304,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) {
@@ -6358,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;
                     },
                     /**
@@ -6475,7 +6486,6 @@
                     /**
                      * 判断数字是否是浮点数
                      * @param num
-                     * @returns
                      */
                     isFloat(num) {
                         return Number(num) === num && num % 1 !== 0;
@@ -6492,6 +6502,7 @@
                     },
                     /**
                      * 根据拖拽距离获取滑块应该在的区间和值
+                     * @param dragX
                      */
                     getDragInfo(dragX) {
                         let result = this.$data.stepBlockMap.get(0);
@@ -6506,7 +6517,7 @@
                     },
                     /**
                      * 获取滑块的当前脱拖拽占据的百分比
-                     * @param {number} dragWidth
+                     * @param dragWidth
                      */
                     getSliderPositonPercent(dragWidth) {
                         return dragWidth / this.$data.totalWidth;
@@ -6558,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;
+                        }
+                    },
                     /**
                      * 设置进度条点击定位的事件
                      */
@@ -6580,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;
@@ -6729,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) => {
@@ -8313,8 +8355,8 @@
         };
     };
 
-    class PopsPanel {
-        constructor(details) {
+    const PopsPanel = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "panel";
@@ -8427,9 +8469,10 @@
                     endCallBack: config.dragEndCallBack,
                 });
             }
-            return PopsHandler.handleResultDetails(eventDetails);
-        }
-    }
+            let result = PopsHandler.handleResultDetails(eventDetails);
+            return result;
+        },
+    };
 
     const rightClickMenuConfig = () => {
         return {
@@ -8556,8 +8599,8 @@
         };
     };
 
-    class PopsRightClickMenu {
-        constructor(details) {
+    const PopsRightClickMenu = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "rightClickMenu";
@@ -8983,8 +9026,8 @@
                 removeContextMenuEvent: PopsContextMenu.removeContextMenuEvent,
                 addContextMenuEvent: PopsContextMenu.addContextMenuEvent,
             };
-        }
-    }
+        },
+    };
 
     const searchSuggestionConfig = () => {
         return {
@@ -9043,8 +9086,8 @@
         };
     };
 
-    class PopsSearchSuggestion {
-        constructor(details) {
+    const PopsSearchSuggestion = {
+        init(details) {
             const guid = popsUtils.getRandomGUID();
             // 设置当前类型
             const PopsType = "searchSuggestion";
@@ -9582,8 +9625,8 @@
                 },
             };
             return SearchSuggestion;
-        }
-    }
+        },
+    };
 
     const PopsTooltipConfig = () => {
         // @ts-ignore
@@ -10046,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";
@@ -10075,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,
@@ -10234,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;
         };
         /**
@@ -10277,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();