fix(Popover): split reactive props with mode

This commit is contained in:
Benjamin Canac
2024-03-13 14:42:58 +01:00
parent d6bebd5ef9
commit 7d2d3b9c0f

View File

@@ -44,7 +44,8 @@ const props = withDefaults(defineProps<PopoverProps>(), { mode: 'click', openDel
const emits = defineEmits<PopoverEmits>()
defineSlots<PopoverSlots>()
const rootProps = useForwardPropsEmits(reactivePick(props, 'defaultOpen', 'open', 'modal', 'openDelay', 'closeDelay'), emits)
const pick = props.mode === 'hover' ? reactivePick(props, 'defaultOpen', 'open', 'openDelay', 'closeDelay') : reactivePick(props, 'defaultOpen', 'open', 'modal')
const rootProps = useForwardPropsEmits(pick, emits)
const contentProps = toRef(() => defu(props.content, { side: 'bottom', sideOffset: 8 }) as PopoverContentProps)
const arrowProps = toRef(() => props.arrow as PopoverArrowProps)