@opentiny/vue-tooltip - npm Package Compare versions

Comparing version 3.21.0 to 3.22.0

lib/index.js

@@ -10,3 +10,3 @@ function _extends() {
 }
-import { defineComponent, $prefix, $setup, $props } from "@opentiny/vue-common";
+import { defineComponent, $props, $setup, $prefix } from "@opentiny/vue-common";
 import PcTemplate from "./pc.js";
@@ -159,3 +159,6 @@ import MobileFirstTemplate from "./mobile-first.js";
   contentMaxHeight: {
-    type: String
+    type: String,
+    default: function _default18() {
+      return "80vh";
+    }
   }
@@ -175,3 +178,3 @@ });
 });
-var version = "3.21.0";
+var version = "3.undefined";
 Tooltip.model = {
@@ -178,0 +181,0 @@ prop: "modelValue",

lib/mobile-first.js

@@ -11,4 +11,4 @@ function _extends() {
 import { withDirectives, createVNode, vShow } from "vue";
-import { renderless, api } from "@opentiny/vue-renderless/tooltip/vue";
-import { defineComponent, $prefix, $props, setup as _setup, createComponent, h, mergeClass, parseVnode, isEmptyVnode } from "@opentiny/vue-common";
+import { api, renderless } from "@opentiny/vue-renderless/tooltip/vue";
+import { defineComponent, $props, createComponent, h, mergeClass, setup as _setup, $prefix, parseVnode, isEmptyVnode } from "@opentiny/vue-common";
 var classes = {
@@ -192,2 +192,5 @@ "tooltip": "absolute bg-color-text-primary text-color-text-inverse shadow-none -left-[9999px] py-2 px-3 sm:py-1.5 sm:px-2 text-sm sm:text-xs leading-tight min-w-[theme(spacing.12)] max-w-[theme(spacing.80)] sm: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",
       }
+    },
+    contentMaxHeight: {
+      type: String
     }
@@ -215,3 +218,3 @@ }),
         attrContent = vm.content ? h("pre", {
-          class: "whitespace-pre-wrap"
+          class: "tiny-tooltip-text-pre whitespace-pre-wrap"
         }, vm.content) : null;
@@ -236,2 +239,3 @@ } else {
                     var content = getContent(_this);
+                    var addWrapper = typeof content === "string";
                     var propsData = {
@@ -264,3 +268,5 @@ on: {
                       }
-                    }, [content, _this.visibleArrow ? createVNode("div", {
+                    }, [addWrapper ? createVNode("div", {
+                      "style": "overflow:auto;max-height:" + _this.contentMaxHeight
+                    }, [content]) : content, _this.visibleArrow ? createVNode("div", {
                       "x-arrow": true,
@@ -267,0 +273,0 @@ "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] : ""])

lib/pc.js

@@ -11,4 +11,4 @@ function _extends() {
 import { withDirectives, createVNode, vShow } from "vue";
-import { renderless, api } from "@opentiny/vue-renderless/tooltip/vue";
-import { defineComponent, $prefix, $props, setup as _setup, createComponent, h, deduplicateCssClass, stringifyCssClass, hooks, parseVnode, isEmptyVnode } from "@opentiny/vue-common";
+import { api, renderless } from "@opentiny/vue-renderless/tooltip/vue";
+import { defineComponent, $props, createComponent, h, deduplicateCssClass, stringifyCssClass, setup as _setup, $prefix, hooks, parseVnode, isEmptyVnode } from "@opentiny/vue-common";
 import "@opentiny/vue-theme/tooltip/index.css";
@@ -15,0 +15,0 @@ var _sfc_main = /* @__PURE__ */ defineComponent({

package.json

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

src/index.d.ts

@@ -99,2 +99,3 @@ import type { ITooltipApi } from '@opentiny/vue-renderless/types/tooltip.type';
         type: StringConstructor;
+        default: () => string;
     };
@@ -205,2 +206,3 @@ tiny_mode: StringConstructor;
         type: StringConstructor;
+        default: () => string;
     };
@@ -310,2 +312,3 @@ tiny_mode: StringConstructor;
         type: StringConstructor;
+        default: () => string;
     };
@@ -321,3 +324,9 @@ tiny_mode: StringConstructor;
     pre: boolean;
+    zIndex: string;
+    visible: string;
+    offset: number;
+    appendToBody: boolean;
     transition: string;
+    placement: string;
+    manual: boolean;
     tiny_mode_root: boolean;
@@ -329,8 +338,2 @@ effect: string;
     arrowOffset: number;
-    placement: string;
-    zIndex: string;
-    appendToBody: boolean;
-    visible: string;
-    offset: number;
-    manual: boolean;
     closeDelay: number;
@@ -343,3 +346,4 @@ openDelay: number;
     hideAfter: number;
+    contentMaxHeight: string;
 }, {}>;
 export default _default;

src/pc.vue.d.ts

@@ -220,3 +220,9 @@ import { hooks } from '@opentiny/vue-common';
     pre: boolean;
+    zIndex: string;
+    visible: string;
+    offset: number;
+    appendToBody: boolean;
     transition: string;
+    placement: string;
+    manual: boolean;
     tiny_mode_root: boolean;
@@ -228,8 +234,2 @@ effect: string;
     arrowOffset: number;
-    placement: string;
-    zIndex: string;
-    appendToBody: boolean;
-    visible: string;
-    offset: number;
-    manual: boolean;
     boundariesPadding: number;
@@ -236,0 +236,0 @@ closeDelay: number;

No alert changes

Improved metrics

Total package byte prevSize

42980

1.14%

Lines of code

1449

0.91%

Dependency changes

• + Added

  @floating-ui/core@1.7.2
  (transitive)

• + Added

  @floating-ui/dom@1.7.2
  (transitive)

• + Added

  @floating-ui/utils@0.2.10
  (transitive)

• + Added

  @opentiny/utils@3.22.0
  (transitive)

• + Added

  @opentiny/vue-common@3.22.0
  (transitive)

• + Added

  @opentiny/vue-hooks@3.22.0
  (transitive)

• + Added

  @opentiny/vue-locale@3.22.0
  (transitive)

• + Added

  @opentiny/vue-renderless@3.22.0
  (transitive)

• + Added

  @opentiny/vue-theme@3.22.1
  (transitive)

• - Removed

  @opentiny/utils@1.0.0
  (transitive)

• - Removed

  @opentiny/vue-common@3.21.0
  (transitive)

• - Removed

  @opentiny/vue-locale@3.21.0
  (transitive)

• - Removed

  @opentiny/vue-renderless@3.21.2
  (transitive)

• - Removed

  @opentiny/vue-theme@3.21.3
  (transitive)

• - Removed

  @opentiny/vue-theme-mobile@3.21.0
  (transitive)

• Updated

  @opentiny/vue-common@~3.22.0

• Updated

  @opentiny/vue-renderless@~3.22.0

• Updated

  @opentiny/vue-theme@~3.22.0