@whitesev/pops 2.0.5 → 2.0.7

package/dist/index.cjs.js

@@ -3246,8 +3246,8 @@ const PopsAlertConfig = () => {
     };
 };
 
-class PopsAlert {
-    constructor(details) {
+const PopsAlert = {
+    init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const PopsType = "alert";
@@ -3336,9 +3336,10 @@ class PopsAlert {
                 endCallBack: config.dragEndCallBack,
             });
         }
-        return PopsHandler.handleResultDetails(eventDetails);
-    }
-}
+        let result = PopsHandler.handleResultDetails(eventDetails);
+        return result;
+    },
+};
 
 const PopsConfirmConfig = () => {
     return {
@@ -3428,8 +3429,8 @@ const PopsConfirmConfig = () => {
     };
 };
 
-class PopsConfirm {
-    constructor(details) {
+const PopsConfirm = {
+    init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const PopsType = "confirm";
@@ -3519,9 +3520,10 @@ class PopsConfirm {
                 endCallBack: config.dragEndCallBack,
             });
         }
-        return PopsHandler.handleResultDetails(eventDetails);
-    }
-}
+        let result = PopsHandler.handleResultDetails(eventDetails);
+        return result;
+    },
+};
 
 const PopsPromptConfig = () => {
     return {
@@ -3615,8 +3617,8 @@ const PopsPromptConfig = () => {
     };
 };
 
-class PopsPrompt {
-    constructor(details) {
+const PopsPrompt = {
+    init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const PopsType = "prompt";
@@ -3722,9 +3724,10 @@ class PopsPrompt {
         if (config.content.select) {
             $input.select();
         }
-        return PopsHandler.handleResultDetails(eventDetails);
-    }
-}
+        let result = PopsHandler.handleResultDetails(eventDetails);
+        return result;
+    },
+};
 
 const PopsLoadingConfig = () => {
     return {
@@ -3748,13 +3751,14 @@ const PopsLoadingConfig = () => {
         },
         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);
@@ -3784,9 +3788,6 @@ class PopsLoading {
          * 弹窗的主元素，包括动画层
          */
         let $anim = PopsElementHandler.parseElement(animHTML);
-        // 遮罩层必须是跟随主内容
-        // 即设置主内容position: relative，mask：position: absolute
-        popsDOMUtils.css($anim, "position", "absolute !important");
         let { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
         /**
          * 遮罩层元素
@@ -3806,9 +3807,6 @@ class PopsLoading {
                 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);
@@ -3822,9 +3820,16 @@ class PopsLoading {
             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 {
@@ -3884,8 +3889,8 @@ const PopsIframeConfig = () => {
     };
 };
 
-class PopsIframe {
-    constructor(details) {
+const PopsIframe = {
+    init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const PopsType = "iframe";
@@ -4115,8 +4120,8 @@ class PopsIframe {
         });
         let result = PopsHandler.handleResultDetails(eventDetails);
         return result;
-    }
-}
+    },
+};
 
 const PopsDrawerConfig = () => {
     return {
@@ -4205,8 +4210,8 @@ const PopsDrawerConfig = () => {
     };
 };
 
-class PopsDrawer {
-    constructor(details) {
+const PopsDrawer = {
+    init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const PopsType = "drawer";
@@ -4367,9 +4372,10 @@ class PopsDrawer {
             $shadowContainer: $shadowContainer,
             $shadowRoot: $shadowRoot,
         });
-        return PopsHandler.handleResultDetails(eventDetails);
-    }
-}
+        let result = PopsHandler.handleResultDetails(eventDetails);
+        return result;
+    },
+};
 
 const PopsFolderConfig = () => {
     return {
@@ -4531,8 +4537,8 @@ const Folder_ICON = {
     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";
@@ -5314,9 +5320,10 @@ class PopsFolder {
             $shadowContainer: $shadowContainer,
             $shadowRoot: $shadowRoot,
         });
-        return PopsHandler.handleResultDetails(eventDetails);
-    }
-}
+        let result = PopsHandler.handleResultDetails(eventDetails);
+        return result;
+    },
+};
 
 const PopsPanelConfig = () => {
     return {
@@ -6199,6 +6206,7 @@ const PanelHandleContentDetails = () => {
          */
         createSectionContainerItem_slider_new(formConfig) {
             let liElement = document.createElement("li");
+            // @ts-ignore
             liElement["__formConfig__"] = formConfig;
             this.setElementClassName(liElement, formConfig.className);
             this.setElementAttributes(liElement, formConfig.attributes);
@@ -6299,15 +6307,15 @@ const PanelHandleContentDetails = () => {
                     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) {
@@ -6353,9 +6361,13 @@ const PanelHandleContentDetails = () => {
                     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;
                 },
                 /**
@@ -6470,7 +6482,6 @@ const PanelHandleContentDetails = () => {
                 /**
                  * 判断数字是否是浮点数
                  * @param num
-                 * @returns
                  */
                 isFloat(num) {
                     return Number(num) === num && num % 1 !== 0;
@@ -6487,6 +6498,7 @@ const PanelHandleContentDetails = () => {
                 },
                 /**
                  * 根据拖拽距离获取滑块应该在的区间和值
+                 * @param dragX
                  */
                 getDragInfo(dragX) {
                     let result = this.$data.stepBlockMap.get(0);
@@ -6501,7 +6513,7 @@ const PanelHandleContentDetails = () => {
                 },
                 /**
                  * 获取滑块的当前脱拖拽占据的百分比
-                 * @param {number} dragWidth
+                 * @param dragWidth
                  */
                 getSliderPositonPercent(dragWidth) {
                     return dragWidth / this.$data.totalWidth;
@@ -6553,6 +6565,21 @@ const PanelHandleContentDetails = () => {
                 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;
+                    }
+                },
                 /**
                  * 设置进度条点击定位的事件
                  */
@@ -6575,9 +6602,17 @@ const PanelHandleContentDetails = () => {
                  */
                 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;
@@ -6724,6 +6759,14 @@ const PanelHandleContentDetails = () => {
                             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) => {
@@ -8308,8 +8351,8 @@ const PanelHandleContentDetails = () => {
     };
 };
 
-class PopsPanel {
-    constructor(details) {
+const PopsPanel = {
+    init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const PopsType = "panel";
@@ -8422,9 +8465,10 @@ class PopsPanel {
                 endCallBack: config.dragEndCallBack,
             });
         }
-        return PopsHandler.handleResultDetails(eventDetails);
-    }
-}
+        let result = PopsHandler.handleResultDetails(eventDetails);
+        return result;
+    },
+};
 
 const rightClickMenuConfig = () => {
     return {
@@ -8551,8 +8595,8 @@ const rightClickMenuConfig = () => {
     };
 };
 
-class PopsRightClickMenu {
-    constructor(details) {
+const PopsRightClickMenu = {
+    init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const PopsType = "rightClickMenu";
@@ -8978,8 +9022,8 @@ class PopsRightClickMenu {
             removeContextMenuEvent: PopsContextMenu.removeContextMenuEvent,
             addContextMenuEvent: PopsContextMenu.addContextMenuEvent,
         };
-    }
-}
+    },
+};
 
 const searchSuggestionConfig = () => {
     return {
@@ -9038,8 +9082,8 @@ const searchSuggestionConfig = () => {
     };
 };
 
-class PopsSearchSuggestion {
-    constructor(details) {
+const PopsSearchSuggestion = {
+    init(details) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const PopsType = "searchSuggestion";
@@ -9577,8 +9621,8 @@ class PopsSearchSuggestion {
             },
         };
         return SearchSuggestion;
-    }
-}
+    },
+};
 
 const PopsTooltipConfig = () => {
     // @ts-ignore
@@ -10041,8 +10085,8 @@ class ToolTip {
         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";
@@ -10070,20 +10114,20 @@ class PopsTooltip {
             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,
@@ -10229,42 +10273,47 @@ class Pops {
      * @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;
     };
     /**
@@ -10272,35 +10321,40 @@ class Pops {
      * @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();