@whitesev/pops 2.0.5 → 2.0.7

package/dist/index.system.js

@@ -3249,8 +3249,8 @@ System.register('pops', [], (function (exports) {
                 };
             };
 
-            class PopsAlert {
-                constructor(details) {
+            const PopsAlert = {
+                init(details) {
                     const guid = popsUtils.getRandomGUID();
                     // 设置当前类型
                     const PopsType = "alert";
@@ -3339,9 +3339,10 @@ System.register('pops', [], (function (exports) {
                             endCallBack: config.dragEndCallBack,
                         });
                     }
-                    return PopsHandler.handleResultDetails(eventDetails);
-                }
-            }
+                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    return result;
+                },
+            };
 
             const PopsConfirmConfig = () => {
                 return {
@@ -3431,8 +3432,8 @@ System.register('pops', [], (function (exports) {
                 };
             };
 
-            class PopsConfirm {
-                constructor(details) {
+            const PopsConfirm = {
+                init(details) {
                     const guid = popsUtils.getRandomGUID();
                     // 设置当前类型
                     const PopsType = "confirm";
@@ -3522,9 +3523,10 @@ System.register('pops', [], (function (exports) {
                             endCallBack: config.dragEndCallBack,
                         });
                     }
-                    return PopsHandler.handleResultDetails(eventDetails);
-                }
-            }
+                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    return result;
+                },
+            };
 
             const PopsPromptConfig = () => {
                 return {
@@ -3618,8 +3620,8 @@ System.register('pops', [], (function (exports) {
                 };
             };
 
-            class PopsPrompt {
-                constructor(details) {
+            const PopsPrompt = {
+                init(details) {
                     const guid = popsUtils.getRandomGUID();
                     // 设置当前类型
                     const PopsType = "prompt";
@@ -3725,9 +3727,10 @@ System.register('pops', [], (function (exports) {
                     if (config.content.select) {
                         $input.select();
                     }
-                    return PopsHandler.handleResultDetails(eventDetails);
-                }
-            }
+                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    return result;
+                },
+            };
 
             const PopsLoadingConfig = () => {
                 return {
@@ -3751,13 +3754,14 @@ System.register('pops', [], (function (exports) {
                     },
                     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);
@@ -3787,9 +3791,6 @@ System.register('pops', [], (function (exports) {
                      * 弹窗的主元素，包括动画层
                      */
                     let $anim = PopsElementHandler.parseElement(animHTML);
-                    // 遮罩层必须是跟随主内容
-                    // 即设置主内容position: relative，mask：position: absolute
-                    popsDOMUtils.css($anim, "position", "absolute !important");
                     let { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
                     /**
                      * 遮罩层元素
@@ -3809,9 +3810,6 @@ System.register('pops', [], (function (exports) {
                             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);
@@ -3825,9 +3823,16 @@ System.register('pops', [], (function (exports) {
                         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 {
@@ -3887,8 +3892,8 @@ System.register('pops', [], (function (exports) {
                 };
             };
 
-            class PopsIframe {
-                constructor(details) {
+            const PopsIframe = {
+                init(details) {
                     const guid = popsUtils.getRandomGUID();
                     // 设置当前类型
                     const PopsType = "iframe";
@@ -4118,8 +4123,8 @@ System.register('pops', [], (function (exports) {
                     });
                     let result = PopsHandler.handleResultDetails(eventDetails);
                     return result;
-                }
-            }
+                },
+            };
 
             const PopsDrawerConfig = () => {
                 return {
@@ -4208,8 +4213,8 @@ System.register('pops', [], (function (exports) {
                 };
             };
 
-            class PopsDrawer {
-                constructor(details) {
+            const PopsDrawer = {
+                init(details) {
                     const guid = popsUtils.getRandomGUID();
                     // 设置当前类型
                     const PopsType = "drawer";
@@ -4370,9 +4375,10 @@ System.register('pops', [], (function (exports) {
                         $shadowContainer: $shadowContainer,
                         $shadowRoot: $shadowRoot,
                     });
-                    return PopsHandler.handleResultDetails(eventDetails);
-                }
-            }
+                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    return result;
+                },
+            };
 
             const PopsFolderConfig = () => {
                 return {
@@ -4534,8 +4540,8 @@ System.register('pops', [], (function (exports) {
                 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";
@@ -5317,9 +5323,10 @@ System.register('pops', [], (function (exports) {
                         $shadowContainer: $shadowContainer,
                         $shadowRoot: $shadowRoot,
                     });
-                    return PopsHandler.handleResultDetails(eventDetails);
-                }
-            }
+                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    return result;
+                },
+            };
 
             const PopsPanelConfig = () => {
                 return {
@@ -6202,6 +6209,7 @@ System.register('pops', [], (function (exports) {
                      */
                     createSectionContainerItem_slider_new(formConfig) {
                         let liElement = document.createElement("li");
+                        // @ts-ignore
                         liElement["__formConfig__"] = formConfig;
                         this.setElementClassName(liElement, formConfig.className);
                         this.setElementAttributes(liElement, formConfig.attributes);
@@ -6302,15 +6310,15 @@ System.register('pops', [], (function (exports) {
                                 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) {
@@ -6356,9 +6364,13 @@ System.register('pops', [], (function (exports) {
                                 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;
                             },
                             /**
@@ -6473,7 +6485,6 @@ System.register('pops', [], (function (exports) {
                             /**
                              * 判断数字是否是浮点数
                              * @param num
-                             * @returns
                              */
                             isFloat(num) {
                                 return Number(num) === num && num % 1 !== 0;
@@ -6490,6 +6501,7 @@ System.register('pops', [], (function (exports) {
                             },
                             /**
                              * 根据拖拽距离获取滑块应该在的区间和值
+                             * @param dragX
                              */
                             getDragInfo(dragX) {
                                 let result = this.$data.stepBlockMap.get(0);
@@ -6504,7 +6516,7 @@ System.register('pops', [], (function (exports) {
                             },
                             /**
                              * 获取滑块的当前脱拖拽占据的百分比
-                             * @param {number} dragWidth
+                             * @param dragWidth
                              */
                             getSliderPositonPercent(dragWidth) {
                                 return dragWidth / this.$data.totalWidth;
@@ -6556,6 +6568,21 @@ System.register('pops', [], (function (exports) {
                             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;
+                                }
+                            },
                             /**
                              * 设置进度条点击定位的事件
                              */
@@ -6578,9 +6605,17 @@ System.register('pops', [], (function (exports) {
                              */
                             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;
@@ -6727,6 +6762,14 @@ System.register('pops', [], (function (exports) {
                                         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) => {
@@ -8311,8 +8354,8 @@ System.register('pops', [], (function (exports) {
                 };
             };
 
-            class PopsPanel {
-                constructor(details) {
+            const PopsPanel = {
+                init(details) {
                     const guid = popsUtils.getRandomGUID();
                     // 设置当前类型
                     const PopsType = "panel";
@@ -8425,9 +8468,10 @@ System.register('pops', [], (function (exports) {
                             endCallBack: config.dragEndCallBack,
                         });
                     }
-                    return PopsHandler.handleResultDetails(eventDetails);
-                }
-            }
+                    let result = PopsHandler.handleResultDetails(eventDetails);
+                    return result;
+                },
+            };
 
             const rightClickMenuConfig = () => {
                 return {
@@ -8554,8 +8598,8 @@ System.register('pops', [], (function (exports) {
                 };
             };
 
-            class PopsRightClickMenu {
-                constructor(details) {
+            const PopsRightClickMenu = {
+                init(details) {
                     const guid = popsUtils.getRandomGUID();
                     // 设置当前类型
                     const PopsType = "rightClickMenu";
@@ -8981,8 +9025,8 @@ System.register('pops', [], (function (exports) {
                         removeContextMenuEvent: PopsContextMenu.removeContextMenuEvent,
                         addContextMenuEvent: PopsContextMenu.addContextMenuEvent,
                     };
-                }
-            }
+                },
+            };
 
             const searchSuggestionConfig = () => {
                 return {
@@ -9041,8 +9085,8 @@ System.register('pops', [], (function (exports) {
                 };
             };
 
-            class PopsSearchSuggestion {
-                constructor(details) {
+            const PopsSearchSuggestion = {
+                init(details) {
                     const guid = popsUtils.getRandomGUID();
                     // 设置当前类型
                     const PopsType = "searchSuggestion";
@@ -9580,8 +9624,8 @@ System.register('pops', [], (function (exports) {
                         },
                     };
                     return SearchSuggestion;
-                }
-            }
+                },
+            };
 
             const PopsTooltipConfig = () => {
                 // @ts-ignore
@@ -10044,8 +10088,8 @@ System.register('pops', [], (function (exports) {
                     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";
@@ -10073,20 +10117,20 @@ System.register('pops', [], (function (exports) {
                         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,
@@ -10232,42 +10276,47 @@ System.register('pops', [], (function (exports) {
                  * @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;
                 };
                 /**
@@ -10275,35 +10324,40 @@ System.register('pops', [], (function (exports) {
                  * @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 = exports("default", new Pops());