@whitesev/pops 1.8.6 → 1.8.7

package/dist/index.iife.js

@@ -9480,6 +9480,7 @@ var pops = (function () {
             this.changeZIndex();
             this.changePosition();
             if (!this.$data.config.alwaysShow) {
+                this.offEvent();
                 this.onEvent();
             }
         }
@@ -9634,6 +9635,29 @@ var pops = (function () {
             this.offAnimationFinishEvent();
             this.offShowEvent();
             this.offCloseEvent();
+            this.offMouseEnterEvent();
+            this.offMouseLeaveEvent();
+        }
+        /**
+         * 清除延迟的timeId
+         */
+        clearCloseTimeoutId(timeId) {
+            for (let index = 0; index < this.$data.timeId_close.length; index++) {
+                const currentTimeId = this.$data.timeId_close[index];
+                if (typeof timeId === "number") {
+                    // 只清除一个
+                    if (timeId == currentTimeId) {
+                        clearTimeout(timeId);
+                        this.$data.timeId_close.splice(index, 1);
+                        break;
+                    }
+                }
+                else {
+                    clearTimeout(currentTimeId);
+                    this.$data.timeId_close.splice(index, 1);
+                    index--;
+                }
+            }
         }
         /**
          * 显示提示框
@@ -9645,12 +9669,7 @@ var pops = (function () {
                     return;
                 }
             }
-            for (let index = 0; index < this.$data.timeId_close.length; index++) {
-                let timeId = this.$data.timeId_close[index];
-                clearTimeout(timeId);
-                this.$data.timeId_close.splice(index, 1);
-                index--;
-            }
+            this.clearCloseTimeoutId();
             if (!popsUtils.contains(this.$el.$shadowRoot, this.$el.$toolTip)) {
                 // 不在容器中，添加
                 this.init();
@@ -9690,7 +9709,9 @@ var pops = (function () {
          */
         close(...args) {
             let event = args[0];
-            if (event) {
+            // 只判断鼠标事件
+            // 其它的如Touch事件不做处理
+            if (event && event instanceof MouseEvent) {
                 let $target = event.composedPath()[0];
                 // 如果是子元素触发的话，忽视
                 if ($target != this.$data.config.target) {
@@ -9709,6 +9730,8 @@ var pops = (function () {
                 this.$data.config.delayCloseTime = 100;
             }
             let timeId = setTimeout(() => {
+                // 设置属性触发关闭动画
+                this.clearCloseTimeoutId(timeId);
                 this.$el.$toolTip.setAttribute("data-motion", this.$el.$toolTip
                     .getAttribute("data-motion")
                     .replace("fadeIn", "fadeOut"));
@@ -9771,29 +9794,44 @@ var pops = (function () {
             popsDOMUtils.off(this.$el.$toolTip, popsDOMUtils.getAnimationEndNameList(), this.animationFinishEvent.bind(this));
         }
         /**
-         * 当鼠标|手触摸
+         * 鼠标|触摸进入事件
+         */
+        mouseEnterEvent() {
+            this.$el.$toolTip.style.animationPlayState = "paused";
+            // if (parseInt(getComputedStyle(toolTipElement)) > 0.5) {
+            // toolTipElement.style.animationPlayState = "paused";
+            // }
+        }
+        /**
+         * 监听鼠标|触摸事件
          */
         onMouseEnterEvent() {
-            for (let index = 0; index < this.$data.timeId_close.length; index++) {
-                let timeId = this.$data.timeId_close[index];
-                clearTimeout(timeId);
-                this.$data.timeId_close.splice(index, 1);
-                index--;
-            }
-            popsDOMUtils.on(this.$el.$toolTip, "mouseenter touchstart", () => {
-                this.$el.$toolTip.style.animationPlayState = "paused";
-                // if (parseInt(getComputedStyle(toolTipElement)) > 0.5) {
-                // toolTipElement.style.animationPlayState = "paused";
-                // }
-            }, this.$data.config.eventOption);
+            this.clearCloseTimeoutId();
+            popsDOMUtils.on(this.$el.$toolTip, "mouseenter touchstart", this.mouseEnterEvent.bind(this), this.$data.config.eventOption);
+        }
+        /**
+         * 取消监听鼠标|触摸事件
+         */
+        offMouseEnterEvent() {
+            popsDOMUtils.off(this.$el.$toolTip, "mouseenter touchstart", this.mouseEnterEvent.bind(this), this.$data.config.eventOption);
         }
         /**
-         * 当鼠标|手离开，开始当前动画
+         * 鼠标|触摸离开事件
+         */
+        mouseLeaveEvent() {
+            this.$el.$toolTip.style.animationPlayState = "running";
+        }
+        /**
+         * 监听鼠标|触摸离开事件
          */
         onMouseLeaveEvent() {
-            popsDOMUtils.on(this.$el.$toolTip, "mouseleave touchend", () => {
-                this.$el.$toolTip.style.animationPlayState = "running";
-            }, this.$data.config.eventOption);
+            popsDOMUtils.on(this.$el.$toolTip, "mouseleave touchend", this.mouseLeaveEvent.bind(this), this.$data.config.eventOption);
+        }
+        /**
+         * 取消监听鼠标|触摸离开事件
+         */
+        offMouseLeaveEvent() {
+            popsDOMUtils.off(this.$el.$toolTip, "mouseleave touchend", this.mouseLeaveEvent.bind(this), this.$data.config.eventOption);
         }
     }
     class PopsTooltip {