MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 14:53:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

revert tooltip component to initial state

Browse Source
This commit is contained in:
pa
2026-01-07 23:03:58 +09:00
committed by Natsumi
parent 27713efb8c
commit dd45ca9545
4 changed files with 55 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/ui/tooltip/Tooltip.vue
View File

@@ -1,18 +1,18 @@
<script setup> <script setup>
import { TooltipRoot, useForwardPropsEmits } from 'reka-ui'; import { TooltipRoot, useForwardPropsEmits } from 'reka-ui';
const props = defineProps({ const props = defineProps({
defaultOpen: { type: Boolean, required: false }, defaultOpen: { type: Boolean, required: false },
open: { type: Boolean, required: false }, open: { type: Boolean, required: false },
delayDuration: { type: Number, required: false }, delayDuration: { type: Number, required: false },
disableHoverableContent: { type: Boolean, required: false }, disableHoverableContent: { type: Boolean, required: false },
disableClosingTrigger: { type: Boolean, required: false }, disableClosingTrigger: { type: Boolean, required: false },
disabled: { type: Boolean, required: false }, disabled: { type: Boolean, required: false },
ignoreNonKeyboardFocus: { type: Boolean, required: false } ignoreNonKeyboardFocus: { type: Boolean, required: false }
}); });
const emits = defineEmits(['update:open']); const emits = defineEmits(['update:open']);
const forwarded = useForwardPropsEmits(props, emits); const forwarded = useForwardPropsEmits(props, emits);
</script> </script>
<template> <template>

56
src/components/ui/tooltip/TooltipContent.vue
View File

@@ -1,36 +1,36 @@
<script setup> <script setup>
import { TooltipArrow, TooltipContent, TooltipPortal, useForwardPropsEmits } from 'reka-ui'; import { TooltipArrow, TooltipContent, TooltipPortal, useForwardPropsEmits } from 'reka-ui';
import { cn } from '@/lib/utils'; import { cn } from '@/lib/utils';
import { reactiveOmit } from '@vueuse/core'; import { reactiveOmit } from '@vueuse/core';
defineOptions({ defineOptions({
inheritAttrs: false inheritAttrs: false
}); });
const props = defineProps({ const props = defineProps({
forceMount: { type: Boolean, required: false }, forceMount: { type: Boolean, required: false },
ariaLabel: { type: String, required: false }, ariaLabel: { type: String, required: false },
asChild: { type: Boolean, required: false }, asChild: { type: Boolean, required: false },
as: { type: null, required: false }, as: { type: null, required: false },
side: { type: null, required: false }, side: { type: null, required: false },
sideOffset: { type: Number, required: false, default: 4 }, sideOffset: { type: Number, required: false, default: 4 },
align: { type: null, required: false }, align: { type: null, required: false },
alignOffset: { type: Number, required: false }, alignOffset: { type: Number, required: false },
avoidCollisions: { type: Boolean, required: false }, avoidCollisions: { type: Boolean, required: false },
collisionBoundary: { type: null, required: false }, collisionBoundary: { type: null, required: false },
collisionPadding: { type: [Number, Object], required: false }, collisionPadding: { type: [Number, Object], required: false },
arrowPadding: { type: Number, required: false }, arrowPadding: { type: Number, required: false },
sticky: { type: String, required: false }, sticky: { type: String, required: false },
hideWhenDetached: { type: Boolean, required: false }, hideWhenDetached: { type: Boolean, required: false },
positionStrategy: { type: String, required: false }, positionStrategy: { type: String, required: false },
updatePositionStrategy: { type: String, required: false }, updatePositionStrategy: { type: String, required: false },
class: { type: null, required: false } class: { type: null, required: false }
}); });
const emits = defineEmits(['escapeKeyDown', 'pointerDownOutside']); const emits = defineEmits(['escapeKeyDown', 'pointerDownOutside']);
const delegatedProps = reactiveOmit(props, 'class'); const delegatedProps = reactiveOmit(props, 'class');
const forwarded = useForwardPropsEmits(delegatedProps, emits); const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script> </script>
<template> <template>

18
src/components/ui/tooltip/TooltipProvider.vue
View File

@@ -1,14 +1,14 @@
<script setup> <script setup>
import { TooltipProvider } from 'reka-ui'; import { TooltipProvider } from 'reka-ui';
const props = defineProps({ const props = defineProps({
delayDuration: { type: Number, required: false, default: 0 }, delayDuration: { type: Number, required: false, default: 0 },
skipDelayDuration: { type: Number, required: false }, skipDelayDuration: { type: Number, required: false },
disableHoverableContent: { type: Boolean, required: false }, disableHoverableContent: { type: Boolean, required: false },
disableClosingTrigger: { type: Boolean, required: false }, disableClosingTrigger: { type: Boolean, required: false },
disabled: { type: Boolean, required: false }, disabled: { type: Boolean, required: false },
ignoreNonKeyboardFocus: { type: Boolean, required: false } ignoreNonKeyboardFocus: { type: Boolean, required: false }
}); });
</script> </script>
<template> <template>

12
src/components/ui/tooltip/TooltipTrigger.vue
View File

@@ -1,11 +1,11 @@
<script setup> <script setup>
import { TooltipTrigger } from 'reka-ui'; import { TooltipTrigger } from 'reka-ui';
const props = defineProps({ const props = defineProps({
reference: { type: null, required: false }, reference: { type: null, required: false },
asChild: { type: Boolean, required: false }, asChild: { type: Boolean, required: false },
as: { type: null, required: false } as: { type: null, required: false }
}); });
</script> </script>
<template> <template>