@opentiny/vue-tooltip - npm Package Compare versions

Comparing version 3.6.1 to 3.6.6

lib/index.js

@@ -180,40 +180,46 @@ import { withDirectives, createVNode, vShow } from "vue";
         get: function get() {
-          return createComponent({
-            el: document.createElement("div"),
-            component: {
-              render: function render2() {
-                var content = getContent(_this);
-                var propsData = {
-                  attrs: {
-                    name: _this.transition
-                  },
-                  on: {
-                    "after-leave": _this.doDestroy
-                  }
-                };
-                var typeClass = "is-" + (_this.type || _this.effect);
-                var mouseenter = function mouseenter2() {
-                  return _this.setExpectedState(true);
-                };
-                var mouseleave = function mouseleave2() {
-                  _this.setExpectedState(false);
-                  _this.debounceClose();
-                };
-                return h("transition", propsData, [withDirectives(createVNode("div", {
-                  "ref": "popper",
-                  "id": _this.state.tooltipId,
-                  "appendToBody": _this.appendToBody,
-                  "class": ["tiny-tooltip", "tiny-tooltip__popper", typeClass, _this.popperClass],
-                  "role": "tooltip",
-                  "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false",
-                  "onMouseenter": function onMouseenter() {
-                    return mouseenter();
-                  },
-                  "onMouseleave": function onMouseleave() {
-                    return mouseleave();
-                  }
-                }, [content]), [[vShow, !_this.disabled && _this.state.showPopper && content]])]);
+          return (
+            // 使用适配器里的createComponent创建一个新的vue的vnode节点为一个新组件，挂载到el下面去
+            createComponent({
+              el: document.createElement("div"),
+              component: {
+                render: function render2() {
+                  var content = getContent(_this);
+                  var propsData = {
+                    attrs: {
+                      name: _this.transition
+                    },
+                    on: {
+                      "after-leave": _this.doDestroy
+                    }
+                  };
+                  var typeClass = "is-" + (_this.type || _this.effect);
+                  var mouseenter = function mouseenter2() {
+                    return _this.setExpectedState(true);
+                  };
+                  var mouseleave = function mouseleave2() {
+                    _this.setExpectedState(false);
+                    _this.debounceClose();
+                  };
+                  _this.$nextTick(function() {
+                    return _this.updatePopper();
+                  });
+                  return h("transition", propsData, [withDirectives(createVNode("div", {
+                    "ref": "popper",
+                    "id": _this.state.tooltipId,
+                    "appendToBody": _this.appendToBody,
+                    "class": ["tiny-tooltip", "tiny-tooltip__popper", typeClass, _this.popperClass],
+                    "role": "tooltip",
+                    "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false",
+                    "onMouseenter": function onMouseenter() {
+                      return mouseenter();
+                    },
+                    "onMouseleave": function onMouseleave() {
+                      return mouseleave();
+                    }
+                  }, [content]), [[vShow, !_this.disabled && _this.state.showPopper && content]])]);
+                }
               }
-            }
-          });
+            })
+          );
         }
@@ -220,0 +226,0 @@ }

package.json

 {
   "name": "@opentiny/vue-tooltip",
-  "version": "3.6.1",
+  "version": "3.6.6",
   "description": "",
   "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.6.1",
-    "@opentiny/vue-common": "~3.6.1"
+    "@opentiny/vue-renderless": "~3.6.6",
+    "@opentiny/vue-common": "~3.6.6"
   },
@@ -10,0 +10,0 @@ "license": "MIT",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

15490

increased by2.28%

Lines of code

533

increased by1.14%

Dependency changes

• Updated@opentiny/vue-common@~3.6.6

• Updated@opentiny/vue-renderless@~3.6.6