@opentiny/vue-tooltip - npm Package Compare versions

Comparing version 3.16.0 to 3.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 = "3.16.0";
+var version = "3.17.0";
 Tooltip.model = {
@@ -178,0 +174,0 @@ prop: "modelValue",

lib/mobile-first.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);
 }
@@ -226,48 +222,53 @@ import { withDirectives, createVNode, vShow } from "vue";
     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 mouseenter2() {
-              return _this.setExpectedState(true);
-            };
-            var mouseleave = function mouseleave2() {
-              _this.setExpectedState(false);
-              _this.debounceClose();
-            };
-            var xPlacement = _this.state.xPlacement || "";
-            return h("transition", propsData, [withDirectives(createVNode("div", {
-              "data-tag": "tiny-tooltip",
-              "ref": "popper",
-              "id": _this.state.tooltipId,
-              "appendToBody": _this.appendToBody,
-              "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]),
-              "role": "tooltip",
-              "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false",
-              "onMouseenter": function onMouseenter() {
-                return mouseenter();
-              },
-              "onMouseleave": function onMouseleave() {
-                return mouseleave();
-              }
-            }, [content, _this.visibleArrow ? createVNode("div", {
-              "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] : ""])
-            }, null) : ""]), [[vShow, !_this.disabled && _this.state.showPopper && content]])]);
-          }
-        }
-      });
+      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 mouseenter2() {
+                      return _this.setExpectedState(true);
+                    };
+                    var mouseleave = function mouseleave2() {
+                      _this.setExpectedState(false);
+                      _this.debounceClose();
+                    };
+                    var xPlacement = _this.state.xPlacement || "";
+                    return h("transition", propsData, [withDirectives(createVNode("div", {
+                      "data-tag": "tiny-tooltip",
+                      "ref": "popper",
+                      "id": _this.state.tooltipId,
+                      "appendToBody": _this.appendToBody,
+                      "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]),
+                      "role": "tooltip",
+                      "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false",
+                      "onMouseenter": function onMouseenter() {
+                        return mouseenter();
+                      },
+                      "onMouseleave": function onMouseleave() {
+                        return mouseleave();
+                      }
+                    }, [content, _this.visibleArrow ? createVNode("div", {
+                      "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] : ""])
+                    }, null) : ""]), [[vShow, !_this.disabled && _this.state.showPopper && content]])]);
+                  }
+                }
+              });
+            }
+            return _cacheVm.value;
           },
-          set: function set(v) {
-            return popperVM = v;
+          set: function set(val) {
+            return _cacheVm.value = val;
           }
@@ -274,0 +275,0 @@ }

lib/pc.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);
 }
@@ -185,55 +181,60 @@ import { withDirectives, createVNode, vShow } from "vue";
     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 mouseenter2() {
-              return _this.setExpectedState(true);
-            };
-            var mouseleave = function mouseleave2() {
-              _this.setExpectedState(false);
-              _this.debounceClose();
-            };
-            _this.$nextTick(function() {
-              if (!_this.disabled && _this.state.showPopper && content) {
-                _this.updatePopper();
-              }
-            });
-            return h("transition", propsData, [withDirectives(createVNode("div", {
-              "ref": "popper",
-              "id": _this.state.tooltipId,
-              "class": ["tiny-tooltip", "tiny-tooltip__popper", typeClass, _this.popperClass, {
-                "tiny-tooltip__show-tips": _this.state.showContent
-              }],
-              "style": "max-width:" + _this.state.tipsMaxWidth + "px",
-              "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]])]);
-          }
-        }
-      });
+      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 mouseenter2() {
+                      return _this.setExpectedState(true);
+                    };
+                    var mouseleave = function mouseleave2() {
+                      _this.setExpectedState(false);
+                      _this.debounceClose();
+                    };
+                    _this.$nextTick(function() {
+                      if (!_this.disabled && _this.state.showPopper && content) {
+                        _this.updatePopper();
+                      }
+                    });
+                    return h("transition", propsData, [withDirectives(createVNode("div", {
+                      "ref": "popper",
+                      "id": _this.state.tooltipId,
+                      "class": ["tiny-tooltip", "tiny-tooltip__popper", typeClass, _this.popperClass, {
+                        "tiny-tooltip__show-tips": _this.state.showContent
+                      }],
+                      "style": "max-width:" + _this.state.tipsMaxWidth + "px",
+                      "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 _cacheVm.value;
           },
-          set: function set(v) {
-            return popperVM = v;
+          set: function set(val) {
+            return _cacheVm.value = val;
           }
@@ -240,0 +241,0 @@ }

package.json

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

src/index.d.ts

@@ -307,5 +307,5 @@ import type { ITooltipApi } from '@opentiny/vue-renderless/types/tooltip.type';
 }>>, {
+    disabled: boolean;
     pre: boolean;
     transition: string;
-    disabled: boolean;
     tiny_mode_root: boolean;
@@ -312,0 +312,0 @@ effect: string;

src/pc.vue.d.ts

@@ -212,5 +212,5 @@ import { hooks } from '@opentiny/vue-common';
 }>>, {
+    disabled: boolean;
     pre: boolean;
     transition: string;
-    disabled: boolean;
     tiny_mode_root: boolean;
@@ -217,0 +217,0 @@ effect: string;

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

42779

increased by1.55%

Worsened metrics

Lines of code

1443

decreased by-0.14%

Dependency changes

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

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

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

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

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

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

• - Removed@opentiny/vue-locale@3.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@~3.17.0

• Updated@opentiny/vue-renderless@~3.17.0

• Updated@opentiny/vue-theme@~3.17.0