@opentiny/vue-tooltip
Advanced tools
Comparing version
@@ -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", |
@@ -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] : ""]) |
@@ -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({ |
{ | ||
"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", |
@@ -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; |
@@ -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; |
42980
1.14%1449
0.91%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
Updated
Updated