From 955dc9911932ef6a9d1c053cb4e27da8c05ca0cc Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Thu, 25 Dec 2025 15:44:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0Tooltip=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/ui/tooltip/Tooltip.svelte  | 16 ++++++++++
 .../ui/tooltip/TooltipContent.svelte          | 30 +++++++++++++++++++
 .../ui/tooltip/TooltipTrigger.svelte          | 14 +++++++++
 src/lib/components/ui/tooltip/index.ts        |  3 ++
 4 files changed, 63 insertions(+)
 create mode 100644 src/lib/components/ui/tooltip/Tooltip.svelte
 create mode 100644 src/lib/components/ui/tooltip/TooltipContent.svelte
 create mode 100644 src/lib/components/ui/tooltip/TooltipTrigger.svelte
 create mode 100644 src/lib/components/ui/tooltip/index.ts

diff --git a/src/lib/components/ui/tooltip/Tooltip.svelte b/src/lib/components/ui/tooltip/Tooltip.svelte
new file mode 100644
index 0000000..8b0ad57
--- /dev/null
+++ b/src/lib/components/ui/tooltip/Tooltip.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { Tooltip as BitsTooltip, type WithoutChildren } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  type Props = WithoutChildren<BitsTooltip.RootProps> & {
+    children?: Snippet;
+  };
+
+  let { children, ...restProps }: Props = $props();
+</script>
+
+<BitsTooltip.Provider delayDuration={0}>
+  <BitsTooltip.Root {...restProps}>
+    {@render children?.()}
+  </BitsTooltip.Root>
+</BitsTooltip.Provider>
diff --git a/src/lib/components/ui/tooltip/TooltipContent.svelte b/src/lib/components/ui/tooltip/TooltipContent.svelte
new file mode 100644
index 0000000..7251f87
--- /dev/null
+++ b/src/lib/components/ui/tooltip/TooltipContent.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { Tooltip as BitsTooltip, type WithoutChildren } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { fly } from 'svelte/transition';
+
+  type Props = WithoutChildren<BitsTooltip.ContentProps> & {
+    children?: Snippet;
+  };
+
+  let { children, ...restProps }: Props = $props();
+</script>
+
+<BitsTooltip.Portal>
+  <BitsTooltip.Content
+    forceMount
+    sideOffset={8}
+    class="tooltip z-0 flex items-center justify-center rounded-xl border border-base-content/20 bg-base-200 p-3 text-sm font-medium shadow-xl outline-hidden"
+    {...restProps}
+  >
+    {#snippet child({ wrapperProps, props, open })}
+      {#if open}
+        <div {...wrapperProps}>
+          <div {...props} transition:fly={{ y: 5, duration: 150 }}>
+            {@render children?.()}
+          </div>
+        </div>
+      {/if}
+    {/snippet}
+  </BitsTooltip.Content>
+</BitsTooltip.Portal>
diff --git a/src/lib/components/ui/tooltip/TooltipTrigger.svelte b/src/lib/components/ui/tooltip/TooltipTrigger.svelte
new file mode 100644
index 0000000..904dd92
--- /dev/null
+++ b/src/lib/components/ui/tooltip/TooltipTrigger.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { Tooltip as BitsTooltip, type WithoutChildren } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  type Props = WithoutChildren<BitsTooltip.TriggerProps> & {
+    children?: Snippet;
+  };
+
+  let { children, ...restProps }: Props = $props();
+</script>
+
+<BitsTooltip.Trigger class="tooltip tooltip-primary" {...restProps}>
+  {@render children?.()}
+</BitsTooltip.Trigger>
diff --git a/src/lib/components/ui/tooltip/index.ts b/src/lib/components/ui/tooltip/index.ts
new file mode 100644
index 0000000..2df5740
--- /dev/null
+++ b/src/lib/components/ui/tooltip/index.ts
@@ -0,0 +1,3 @@
+export { default as Tooltip } from './Tooltip.svelte';
+export { default as TooltipTrigger } from './TooltipTrigger.svelte';
+export { default as TooltipContent } from './TooltipContent.svelte';