@meistrari/tela-build 1.69.1 → 1.70.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -54,6 +54,11 @@ const tooltipConfig = computed(() => {
|
|
|
54
54
|
side: 'right' as const,
|
|
55
55
|
align: 'center' as const,
|
|
56
56
|
variant: 'single' as const,
|
|
57
|
+
title: undefined,
|
|
58
|
+
description: undefined,
|
|
59
|
+
alignOffset: undefined,
|
|
60
|
+
arrowOffset: undefined,
|
|
61
|
+
delayDuration: undefined,
|
|
57
62
|
}
|
|
58
63
|
}
|
|
59
64
|
if (typeof props.tooltip === 'object' && props.tooltip) {
|
|
@@ -66,6 +71,7 @@ const tooltipConfig = computed(() => {
|
|
|
66
71
|
description: props.tooltip.description,
|
|
67
72
|
alignOffset: props.tooltip.alignOffset,
|
|
68
73
|
arrowOffset: props.tooltip.arrowOffset,
|
|
74
|
+
delayDuration: props.tooltip.delayDuration,
|
|
69
75
|
}
|
|
70
76
|
}
|
|
71
77
|
return null
|
|
@@ -91,7 +97,7 @@ const isIconImage = computed(() => {
|
|
|
91
97
|
:arrow-offset="tooltipConfig?.arrowOffset"
|
|
92
98
|
:title="tooltipConfig?.title"
|
|
93
99
|
:description="tooltipConfig?.description"
|
|
94
|
-
:delay-duration="100"
|
|
100
|
+
:delay-duration="tooltipConfig?.delayDuration ?? 100"
|
|
95
101
|
>
|
|
96
102
|
<DropdownMenuItem
|
|
97
103
|
v-bind="props"
|
|
@@ -24,7 +24,7 @@ defineEmits<{
|
|
|
24
24
|
|
|
25
25
|
const variantClasses = computed(() => {
|
|
26
26
|
if (props.variant === 'multiline') {
|
|
27
|
-
return 'w-full min-w-255px max-w-320px py-
|
|
27
|
+
return 'w-full min-w-255px max-w-320px py-[10px] px-[12px] rounded-[10px] text-left'
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
return ''
|
|
@@ -36,7 +36,7 @@ const variantClasses = computed(() => {
|
|
|
36
36
|
:align="align"
|
|
37
37
|
:side="side"
|
|
38
38
|
:align-offset="props.alignOffset"
|
|
39
|
-
:class="cn(
|
|
39
|
+
:class="cn(variantClasses, contentClass)"
|
|
40
40
|
@click="$emit('clickContent', $event)"
|
|
41
41
|
>
|
|
42
42
|
<slot>
|
|
@@ -49,7 +49,7 @@ const variantClasses = computed(() => {
|
|
|
49
49
|
</h3>
|
|
50
50
|
<p
|
|
51
51
|
v-if="description"
|
|
52
|
-
body-12-regular mt-2px class="text-white/
|
|
52
|
+
body-12-regular mt-2px class="text-white/90"
|
|
53
53
|
>
|
|
54
54
|
{{ description }}
|
|
55
55
|
</p>
|
|
@@ -46,11 +46,7 @@ const isGrouped = computed(() => activeId !== null && activeId.value !== null &&
|
|
|
46
46
|
<TooltipPortal :disabled="disablePortal">
|
|
47
47
|
<TooltipContent
|
|
48
48
|
v-bind="{ ...forwarded, ...$attrs }"
|
|
49
|
-
z-1000 relative rounded-8px
|
|
50
|
-
py-5px px-10px pointer-events-auto
|
|
51
|
-
body-12-semibold text-white
|
|
52
|
-
bg-neutral-800
|
|
53
|
-
:class="cn('tooltip-content', props.class)"
|
|
49
|
+
:class="cn('tooltip-content z-1000 relative rounded-[8px] py-[5px] px-[10px] pointer-events-auto body-12-semibold text-white bg-neutral-800', props.class)"
|
|
54
50
|
:data-grouped="isGrouped || undefined"
|
|
55
51
|
@click="$emit('click', $event)"
|
|
56
52
|
>
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import TelaTooltipProvider from './tooltip-provider.vue'
|
|
3
|
-
import TelaTooltipRoot from './tooltip-root.vue'
|
|
4
|
-
import TelaTooltipTrigger from './tooltip-trigger.vue'
|
|
5
|
-
import TelaTooltipBody from './tooltip-body.vue'
|
|
6
2
|
import type { TooltipBodyProps } from './tooltip-body.vue'
|
|
7
3
|
|
|
8
4
|
export type TooltipProps = TooltipBodyProps & {
|