@opentiny/vue-directive - npm Package Compare versions

Comparing version 2.24.0 to 2.25.0

index.js

@@ -80,2 +80,6 @@ import Tooltip from "@opentiny/vue-tooltip";
   if ((_el$boundingValue2 = el.boundingValue) != null && _el$boundingValue2.listened) {
+    var tooltip = globalTooltip.value;
+    if (tooltip && el === tooltip.state.referenceElm && tooltip.state.showPopper) {
+      tooltip.hide();
+    }
     el.removeEventListener("mouseenter", mouseenterHandler);
@@ -118,3 +122,3 @@ el.removeEventListener("mouseleave", mouseleaveHandler);
   return function(mouseup, mousedown) {
-    var _mouseup, _mousedown;
+    var _mousedown, _mousedown2, _mouseup, _mouseup2, _mousedown3, _mouseup3;
     if (mouseup === void 0) {
@@ -127,3 +131,7 @@ mouseup = {};
     var popperElm = vnode.context.popperElm || vnode.context.state && vnode.context.state.popperElm;
-    if (!((_mouseup = mouseup) != null && _mouseup.target) || !((_mousedown = mousedown) != null && _mousedown.target) || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target || popperElm && (popperElm.contains(mouseup.target) || popperElm.contains(mousedown.target))) {
+    var mousedownPath = ((_mousedown = mousedown) == null ? void 0 : _mousedown.composedPath == null ? void 0 : _mousedown.composedPath()) || [(_mousedown2 = mousedown) == null ? void 0 : _mousedown2.target];
+    var mouseupPath = ((_mouseup = mouseup) == null ? void 0 : _mouseup.composedPath == null ? void 0 : _mouseup.composedPath()) || [(_mouseup2 = mouseup) == null ? void 0 : _mouseup2.target];
+    var isClickInEl = mousedownPath.includes(el) || mouseupPath.includes(el);
+    var isClickInPopper = popperElm && (mousedownPath.includes(popperElm) || mouseupPath.includes(popperElm));
+    if (!((_mousedown3 = mousedown) != null && _mousedown3.target) || !((_mouseup3 = mouseup) != null && _mouseup3.target) || isClickInEl || isClickInPopper) {
       return;
@@ -130,0 +138,0 @@ }

package.json

 {
   "name": "@opentiny/vue-directive",
-  "version": "2.24.0",
+  "version": "2.25.0",
   "description": "",
@@ -14,5 +14,5 @@ "author": "",
   "dependencies": {
-    "@opentiny/utils": "~3.24.0",
-    "@opentiny/vue-common": "~2.24.0",
-    "@opentiny/vue-tooltip": "~2.24.0"
+    "@opentiny/utils": "~3.25.0",
+    "@opentiny/vue-common": "~2.25.0",
+    "@opentiny/vue-tooltip": "~2.25.0"
   },
@@ -19,0 +19,0 @@ "types": "index.d.ts",

src/clickoutside.d.ts

@@ -13,6 +13,2 @@ /**
 /**
- * v-clickoutside
- * @desc 点击元素外面才会触发的事件
- * @example
- * 两个修饰符，mousedown、mouseup
  * 当没有修饰符时，需要同时满足在目标元素外同步按下和释放鼠标才会触发回调。
@@ -19,0 +15,0 @@ * ```html

No alert changes

Improved metrics

Total package byte prevSize

28586

1.87%

Lines of code

761

0.4%

Dependency changes

• + Added

  @opentiny/utils@3.25.0
  (transitive)

• + Added

  @opentiny/vue-common@2.25.0
  (transitive)

• + Added

  @opentiny/vue-hooks@3.25.0
  (transitive)

• + Added

  @opentiny/vue-locale@2.25.0
  (transitive)

• + Added

  @opentiny/vue-renderless@3.25.0
  (transitive)

• + Added

  @opentiny/vue-theme@3.25.0
  (transitive)

• + Added

  @opentiny/vue-tooltip@2.25.0
  (transitive)

• - Removed

  @opentiny/utils@3.24.0
  (transitive)

• - Removed

  @opentiny/vue-common@2.24.0
  (transitive)

• - Removed

  @opentiny/vue-hooks@3.24.0
  (transitive)

• - Removed

  @opentiny/vue-locale@2.24.0
  (transitive)

• - Removed

  @opentiny/vue-renderless@3.24.0
  (transitive)

• - Removed

  @opentiny/vue-theme@3.24.0
  (transitive)

• - Removed

  @opentiny/vue-tooltip@2.24.0
  (transitive)

• Updated

  @opentiny/utils@~3.25.0

• Updated

  @opentiny/vue-common@~2.25.0

• Updated

  @opentiny/vue-tooltip@~2.25.0