20260813222656

2026-08-13 22:26:56 +08:00
1 parent ab30604fe4
commit 68de86aee9
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { PopoverRootEmits, PopoverRootProps } from "reka-ui";
-import { PopoverRoot, useForwardPropsEmits } from "reka-ui";
-
-const props = defineProps<PopoverRootProps>();
-const emits = defineEmits<PopoverRootEmits>();
-
-const forwarded = useForwardPropsEmits(props, emits);
-</script>
-
-<template>
-  <PopoverRoot v-slot="slotProps" data-slot="popover" v-bind="forwarded">
-    <slot v-bind="slotProps" />
-  </PopoverRoot>
-</template>
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { PopoverAnchorProps } from "reka-ui";
-import { PopoverAnchor } from "reka-ui";
-
-const props = defineProps<PopoverAnchorProps>();
-</script>
-
-<template>
-  <PopoverAnchor data-slot="popover-anchor" v-bind="props">
-    <slot />
-  </PopoverAnchor>
-</template>
@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import type { PopoverContentEmits, PopoverContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { PopoverContent, PopoverPortal, useForwardPropsEmits } from "reka-ui";
-import { cn } from "@/lib/utils";
-
-defineOptions({
-  inheritAttrs: false,
-});
-
-const props = withDefaults(
-  defineProps<PopoverContentProps & { class?: HTMLAttributes["class"] }>(),
-  {
-    align: "center",
-    sideOffset: 4,
-  },
-);
-const emits = defineEmits<PopoverContentEmits>();
-
-const delegatedProps = reactiveOmit(props, "class");
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <PopoverPortal>
-    <PopoverContent
-      data-slot="popover-content"
-      v-bind="{ ...$attrs, ...forwarded }"
-      :class="
-        cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 max-w-(--reka-popover-content-available-width) rounded-md border p-4 shadow-md origin-(--reka-popover-content-transform-origin) outline-hidden',
-          props.class,
-        )
-      "
-    >
-      <slot />
-    </PopoverContent>
-  </PopoverPortal>
-</template>
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { PopoverTriggerProps } from "reka-ui";
-import { PopoverTrigger } from "reka-ui";
-
-const props = defineProps<PopoverTriggerProps>();
-</script>
-
-<template>
-  <PopoverTrigger data-slot="popover-trigger" v-bind="props">
-    <slot />
-  </PopoverTrigger>
-</template>
@@ -1,4 +0,0 @@
-export { default as Popover } from "./Popover.vue";
-export { default as PopoverAnchor } from "./PopoverAnchor.vue";
-export { default as PopoverContent } from "./PopoverContent.vue";
-export { default as PopoverTrigger } from "./PopoverTrigger.vue";