@opentiny/vue-tooltip - npm Package Compare versions

Comparing version 2.16.0 to 2.17.0

lib/index.js

 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t)
+        ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
@@ -175,3 +171,3 @@ import { defineComponent, $prefix, $setup, $props } from "@opentiny/vue-common";
 });
-var version = "2.16.0";
+var version = "2.17.0";
 Tooltip.model = {
@@ -178,0 +174,0 @@ prop: "modelValue",

lib/mobile-first.js

@@ -59,14 +59,10 @@ import { renderless, api } from '@opentiny/vue-renderless/tooltip/vue';
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t)
+        ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
@@ -282,58 +278,63 @@ var classes = {
     if (!Object.hasOwnProperty.call(this, "popperVM")) {
-      var popperVM = createComponent({
-        el: document.createElement("div"),
-        component: {
-          render: function render2() {
-            var content = getContent(_this);
-            var propsData = {
-              on: {
-                "after-leave": _this.doDestroy
-              }
-            };
-            var _mouseenter = function mouseenter() {
-              return _this.setExpectedState(true);
-            };
-            var _mouseleave = function mouseleave() {
-              _this.setExpectedState(false);
-              _this.debounceClose();
-            };
-            var xPlacement = _this.state.xPlacement || "";
-            return h("transition", propsData, [h("div", {
-              "attrs": {
-                "data-tag": "tiny-tooltip",
-                "id": _this.state.tooltipId,
-                "appendToBody": _this.appendToBody,
-                "role": "tooltip",
-                "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false"
-              },
-              "ref": "popper",
-              "directives": [{
-                name: "show",
-                value: !_this.disabled && _this.state.showPopper && content
-              }],
-              "class": mergeClass([classes.tooltip, !_this.effect && !_this.type && classes["tooltip-sm"], _this.effect && classes["effect-" + _this.effect], _this.type && classes["is-" + _this.type], _this.disabled || !_this.state.showPopper ? "hidden" : "", _this.popperClass]),
-              "on": {
-                "mouseenter": function mouseenter() {
-                  return _mouseenter();
-                },
-                "mouseleave": function mouseleave() {
-                  return _mouseleave();
-                }
-              }
-            }, [content, _this.visibleArrow ? h("div", {
-              "attrs": {
-                "x-arrow": true
-              },
-              "class": mergeClass([classes.arrow, classes["placement-" + xPlacement.split("-")[0]], !_this.effect && !_this.type && classes["placement-" + xPlacement.split("-")[0] + "-sm"], _this.effect === "light" ? classes["placement-" + xPlacement.split("-")[0] + "-light"] : "", _this.effect === "dark" ? classes["placement-" + xPlacement.split("-")[0] + "-dark"] : "", _this.type ? classes["arrow-" + xPlacement.split("-")[0] + "-" + _this.type] : ""])
-            }) : ""])]);
-          }
-        }
-      });
+      var _cacheVm = {
+        value: null
+      };
       this.d({
         popperVM: {
           get: function get() {
-            return popperVM;
+            if (!_cacheVm.value) {
+              _cacheVm.value = createComponent({
+                el: document.createElement("div"),
+                component: {
+                  render: function render2() {
+                    var content = getContent(_this);
+                    var propsData = {
+                      on: {
+                        "after-leave": _this.doDestroy
+                      }
+                    };
+                    var _mouseenter = function mouseenter() {
+                      return _this.setExpectedState(true);
+                    };
+                    var _mouseleave = function mouseleave() {
+                      _this.setExpectedState(false);
+                      _this.debounceClose();
+                    };
+                    var xPlacement = _this.state.xPlacement || "";
+                    return h("transition", propsData, [h("div", {
+                      "attrs": {
+                        "data-tag": "tiny-tooltip",
+                        "id": _this.state.tooltipId,
+                        "appendToBody": _this.appendToBody,
+                        "role": "tooltip",
+                        "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false"
+                      },
+                      "ref": "popper",
+                      "directives": [{
+                        name: "show",
+                        value: !_this.disabled && _this.state.showPopper && content
+                      }],
+                      "class": mergeClass([classes.tooltip, !_this.effect && !_this.type && classes["tooltip-sm"], _this.effect && classes["effect-" + _this.effect], _this.type && classes["is-" + _this.type], _this.disabled || !_this.state.showPopper ? "hidden" : "", _this.popperClass]),
+                      "on": {
+                        "mouseenter": function mouseenter() {
+                          return _mouseenter();
+                        },
+                        "mouseleave": function mouseleave() {
+                          return _mouseleave();
+                        }
+                      }
+                    }, [content, _this.visibleArrow ? h("div", {
+                      "attrs": {
+                        "x-arrow": true
+                      },
+                      "class": mergeClass([classes.arrow, classes["placement-" + xPlacement.split("-")[0]], !_this.effect && !_this.type && classes["placement-" + xPlacement.split("-")[0] + "-sm"], _this.effect === "light" ? classes["placement-" + xPlacement.split("-")[0] + "-light"] : "", _this.effect === "dark" ? classes["placement-" + xPlacement.split("-")[0] + "-dark"] : "", _this.type ? classes["arrow-" + xPlacement.split("-")[0] + "-" + _this.type] : ""])
+                    }) : ""])]);
+                  }
+                }
+              });
+            }
+            return _cacheVm.value;
           },
-          set: function set(v) {
-            return popperVM = v;
+          set: function set(val) {
+            return _cacheVm.value = val;
           }
@@ -340,0 +341,0 @@ }

lib/pc.js

@@ -60,14 +60,10 @@ import { renderless, api } from '@opentiny/vue-renderless/tooltip/vue';
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t)
+        ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
@@ -241,63 +237,68 @@ var __vue2_script = defineComponent({
     if (!Object.prototype.hasOwnProperty.call(this, "popperVM")) {
-      var popperVM = createComponent({
-        el: document.createElement("div"),
-        propsData: null,
-        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 || "dark");
-            var _mouseenter = function mouseenter() {
-              return _this.setExpectedState(true);
-            };
-            var _mouseleave = function mouseleave() {
-              _this.setExpectedState(false);
-              _this.debounceClose();
-            };
-            _this.$nextTick(function() {
-              if (!_this.disabled && _this.state.showPopper && content) {
-                _this.updatePopper();
-              }
-            });
-            return h("transition", propsData, [h("div", {
-              "ref": "popper",
-              "attrs": {
-                "id": _this.state.tooltipId,
-                "role": "tooltip",
-                "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false"
-              },
-              "directives": [{
-                name: "show",
-                value: !_this.disabled && _this.state.showPopper && content
-              }],
-              "class": ["tiny-tooltip", "tiny-tooltip__popper", typeClass, _this.popperClass, {
-                "tiny-tooltip__show-tips": _this.state.showContent
-              }],
-              "style": "max-width:" + _this.state.tipsMaxWidth + "px",
-              "on": {
-                "mouseenter": function mouseenter() {
-                  return _mouseenter();
-                },
-                "mouseleave": function mouseleave() {
-                  return _mouseleave();
-                }
-              }
-            }, [content])]);
-          }
-        }
-      });
+      var _cacheVm = {
+        value: null
+      };
       this.d({
         popperVM: {
           get: function get() {
-            return popperVM;
+            if (!_cacheVm.value) {
+              _cacheVm.value = createComponent({
+                el: document.createElement("div"),
+                propsData: null,
+                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 || "dark");
+                    var _mouseenter = function mouseenter() {
+                      return _this.setExpectedState(true);
+                    };
+                    var _mouseleave = function mouseleave() {
+                      _this.setExpectedState(false);
+                      _this.debounceClose();
+                    };
+                    _this.$nextTick(function() {
+                      if (!_this.disabled && _this.state.showPopper && content) {
+                        _this.updatePopper();
+                      }
+                    });
+                    return h("transition", propsData, [h("div", {
+                      "ref": "popper",
+                      "attrs": {
+                        "id": _this.state.tooltipId,
+                        "role": "tooltip",
+                        "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false"
+                      },
+                      "directives": [{
+                        name: "show",
+                        value: !_this.disabled && _this.state.showPopper && content
+                      }],
+                      "class": ["tiny-tooltip", "tiny-tooltip__popper", typeClass, _this.popperClass, {
+                        "tiny-tooltip__show-tips": _this.state.showContent
+                      }],
+                      "style": "max-width:" + _this.state.tipsMaxWidth + "px",
+                      "on": {
+                        "mouseenter": function mouseenter() {
+                          return _mouseenter();
+                        },
+                        "mouseleave": function mouseleave() {
+                          return _mouseleave();
+                        }
+                      }
+                    }, [content])]);
+                  }
+                }
+              });
+            }
+            return _cacheVm.value;
           },
-          set: function set(v) {
-            return popperVM = v;
+          set: function set(val) {
+            return _cacheVm.value = val;
           }
@@ -304,0 +305,0 @@ }

package.json

 {
   "name": "@opentiny/vue-tooltip",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "description": "",
@@ -10,5 +10,5 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.16.0",
-    "@opentiny/vue-common": "~2.16.0",
-    "@opentiny/vue-theme": "~3.16.0"
+    "@opentiny/vue-renderless": "~3.17.0",
+    "@opentiny/vue-common": "~2.17.0",
+    "@opentiny/vue-theme": "~3.17.0"
   },
@@ -15,0 +15,0 @@ "license": "MIT",

No alert changes

Improved metrics

Total package byte prevSize

36143

increased by2.25%

Worsened metrics

Lines of code

1123

decreased by-0.18%

Dependency changes

• + Added@opentiny/vue-common@2.17.0(transitive)

• + Added@opentiny/vue-locale@2.17.0(transitive)

• + Added@opentiny/vue-renderless@3.17.2(transitive)

• + Added@opentiny/vue-theme@3.17.2(transitive)

• + Added@opentiny/vue-theme-mobile@3.17.0(transitive)

• - Removed@opentiny/vue-common@2.16.0(transitive)

• - Removed@opentiny/vue-locale@2.16.0(transitive)

• - Removed@opentiny/vue-renderless@3.16.2(transitive)

• - Removed@opentiny/vue-theme@3.16.4(transitive)

• - Removed@opentiny/vue-theme-mobile@3.16.0(transitive)

• Updated@opentiny/vue-common@~2.17.0

• Updated@opentiny/vue-renderless@~3.17.0

• Updated@opentiny/vue-theme@~3.17.0