@opentiny/vue-tooltip - npm Package Compare versions

Comparing version 2.11.0 to 2.12.0

lib/index.js

@@ -55,8 +55,2 @@ function _extends() {
   },
-  boundariesPadding: {
-    type: Number,
-    default: function _default5() {
-      return 5;
-    }
-  },
   content: {
@@ -70,3 +64,3 @@ type: [String, Object]
     type: Boolean,
-    default: function _default6() {
+    default: function _default5() {
       return true;
@@ -77,3 +71,3 @@ }
     type: Number,
-    default: function _default7() {
+    default: function _default6() {
       return 0;
@@ -89,3 +83,3 @@ }
   offset: {
-    default: function _default8() {
+    default: function _default7() {
       return 0;
@@ -96,3 +90,3 @@ }
     type: String,
-    default: function _default9() {
+    default: function _default8() {
       return "dark";
@@ -103,3 +97,3 @@ }
     type: Number,
-    default: function _default10() {
+    default: function _default9() {
       return 0;
@@ -110,3 +104,3 @@ }
     type: Number,
-    default: function _default11() {
+    default: function _default10() {
       return 100;
@@ -117,3 +111,3 @@ }
     type: String,
-    default: function _default12() {
+    default: function _default11() {
       return "bottom";
@@ -127,7 +121,4 @@ }
   popperOptions: {
-    default: function _default13() {
-      return {
-        gpuAcceleration: false,
-        boundariesPadding: 10
-      };
+    default: function _default12() {
+      return {};
     }
@@ -144,3 +135,3 @@ },
     type: Number,
-    default: function _default14() {
+    default: function _default13() {
       return 0;
@@ -151,3 +142,3 @@ }
     type: String,
-    default: function _default15() {
+    default: function _default14() {
       return "tiny-fade-in-linear";
@@ -164,3 +155,3 @@ }
     type: Boolean,
-    default: function _default16() {
+    default: function _default15() {
       return true;
@@ -171,3 +162,3 @@ }
     type: Boolean,
-    default: function _default17() {
+    default: function _default16() {
       return true;
@@ -178,3 +169,3 @@ }
     type: String,
-    default: function _default18() {
+    default: function _default17() {
       return "next";
@@ -196,3 +187,3 @@ }
 });
-var version = "2.11.0";
+var version = "2.12.0";
 Tooltip.model = {
@@ -199,0 +190,0 @@ prop: "modelValue",

lib/mobile-first.js

@@ -16,3 +16,3 @@ function _extends() {
 import { renderless, api } from "@opentiny/vue-renderless/tooltip/vue";
-import { defineComponent, $prefix, $props, setup as _setup, createComponent, mergeClass, parseVnode } from "@opentiny/vue-common";
+import { defineComponent, $prefix, $props, setup as _setup, createComponent, mergeClass, parseVnode, isEmptyVnode } from "@opentiny/vue-common";
 function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
@@ -73,3 +73,3 @@ var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
 var classes = {
-  "tooltip": "absolute -left-[9999px] py-2 px-3 sm:py-1.5 sm:px-2 text-sm sm:text-xs bg-color-text-primary text-color-text-inverse shadow-none sm:bg-color-bg-1 sm:text-color-text-primary sm:shadow-md leading-tight min-w-[3.75rem] max-w-[28.125rem] z-[2000] break-words rounded [&[x-placement^=top]]:mb-2.5 [&[x-placement^=bottom]]:mt-2.5 [&[x-placement^=right]]:ml-2.5 [&[x-placement^=left]]:mr-2.5",
+  "tooltip": "absolute -left-[9999px] py-2 px-3 sm:py-1.5 sm:px-2 text-sm sm:text-xs bg-color-text-primary text-color-text-inverse shadow-none sm:bg-color-bg-1 sm:text-color-text-primary sm:shadow-md leading-tight min-w-[theme(spacing.12)] max-w-[theme(spacing.112)] z-[2000] break-words rounded [&[x-placement^=top]]:mb-2.5 [&[x-placement^=bottom]]:mt-2.5 [&[x-placement^=right]]:ml-2.5 [&[x-placement^=left]]:mr-2.5",
   "arrow": 'drop-shadow-none absolute block w-0 h-0 border-[0.375rem] border-transparent border-solid after:absolute after:block after:w-0 after:h-0 after:border-[0.3125rem] after:border-transparent after:border-solid after:content-[""]',
@@ -124,3 +124,3 @@ "placement-top": "sm:drop-shadow-[0_2px_2px_rgba(0,0,0,0.08)] -bottom-3 border-t-color-text-primary sm:border-t-color-bg-1 border-b-w-0 sm:after:border-t-color-bg-1 after:-bottom-1 after:-ml-1.5 after:border-t-color-text-primary after:border-b-w-0",
     content: {
-      type: [String, Object]
+      type: String
     },
@@ -196,2 +196,8 @@ disabled: {
     },
+    transformOrigin: {
+      type: [Boolean, String],
+      default: function _default14() {
+        return true;
+      }
+    },
     type: {
@@ -205,3 +211,3 @@ type: String,
       type: Boolean,
-      default: function _default14() {
+      default: function _default15() {
         return true;
@@ -212,3 +218,3 @@ }
       type: Boolean,
-      default: function _default15() {
+      default: function _default16() {
         return true;
@@ -219,3 +225,3 @@ }
       type: String,
-      default: function _default16() {
+      default: function _default17() {
         return "next";
@@ -245,3 +251,5 @@ }
       } else if (vm.pre) {
-        attrContent = vm.content ? h("pre", vm.content) : null;
+        attrContent = vm.content ? h("pre", {
+          class: "whitespace-pre-wrap"
+        }, vm.content) : null;
       } else {
@@ -252,56 +260,63 @@ attrContent = vm.content;
     };
-    Object.prototype.hasOwnProperty.call(this, "popperVM") || this.d({
-      popperVM: {
-        get: function get() {
-          return 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", {
-                  "ref": "popper",
-                  "attrs": {
-                    "id": _this.state.tooltipId,
-                    "appendToBody": _this.appendToBody,
-                    "role": "tooltip",
-                    "aria-hidden": _this.disabled || !_this.state.showPopper ? "true" : "false"
-                  },
-                  "directives": [{
-                    name: "show",
-                    value: !_this.disabled && _this.state.showPopper && content
-                  }],
-                  "class": mergeClass([classes.tooltip, _this.effect === "dark" ? "bg-color-text-primary text-color-text-inverse shadow-none" : "", _this.effect === "light" ? "bg-color-bg-1 text-color-text-primary shadow-md" : "", _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 === "light" ? classes["placement-" + xPlacement.split("-")[0] + "-light"] : "", _this.effect === "dark" ? classes["placement-" + xPlacement.split("-")[0] + "-dark"] : ""])
-                }) : ""])]);
+    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 === "dark" ? "bg-color-text-primary text-color-text-inverse shadow-none" : "", _this.effect === "light" ? "bg-color-bg-1 text-color-text-primary shadow-md" : "", _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 === "light" ? classes["placement-" + xPlacement.split("-")[0] + "-light"] : "", _this.effect === "dark" ? classes["placement-" + xPlacement.split("-")[0] + "-dark"] : ""])
+            }) : ""])]);
+          }
         }
-      }
-    });
+      });
+      this.d({
+        popperVM: {
+          get: function get() {
+            return popperVM;
+          },
+          set: function set(v) {
+            return popperVM = v;
+          }
+        }
+      });
+    }
     var stringifyBindClass = function stringifyBindClass2(bindClass, removeClassRE) {
@@ -354,4 +369,5 @@ var trimStr = function trimStr2(str) {
         var vnode = parseVnode(slots[index]);
-        if (vnode && vnode.type) {
+        if (!isEmptyVnode(vnode)) {
           element = vnode;
+          break;
         }
@@ -358,0 +374,0 @@ }

package.json

 {
   "name": "@opentiny/vue-tooltip",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "",
@@ -10,4 +10,4 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.11.0",
-    "@opentiny/vue-common": "~2.11.0"
+    "@opentiny/vue-renderless": "~3.12.0",
+    "@opentiny/vue-common": "~2.12.0"
   },
@@ -14,0 +14,0 @@ "license": "MIT",

src/index.d.ts

@@ -19,6 +19,2 @@ export declare const tooltipProps: {
     };
-    boundariesPadding: {
-        type: NumberConstructor;
-        default: () => number;
-    };
     content: {
@@ -68,6 +64,3 @@ type: (ObjectConstructor | StringConstructor)[];
     popperOptions: {
-        default: () => {
-            gpuAcceleration: boolean;
-            boundariesPadding: number;
-        };
+        default: () => {};
     };
@@ -74,0 +67,0 @@ pre: {

No alert changes

Worsened metrics

Total package byte prevSize

32100

decreased by-0.46%

Dependency changes

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

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

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-common@~2.12.0

• Updated@opentiny/vue-renderless@~3.12.0