Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-26 03:31:24 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

refactor: comment out Tooltip integration in Kbd stories for cleanup

Browse Source 
- Removed the InTooltip story from Kbd.stories.tsx to declutter the examples.
- Kept the Tooltip-related imports commented out for potential future use.
This commit is contained in:
MyPrototypeWhat 2025-11-18 17:59:36 +08:00
parent 583e4e9db7
commit 838bb385fd
1 changed files with 49 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
packages/ui/stories/components/primitives/Kbd.stories.tsx
View File

@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
import { Command, Copy, Save, Search } from 'lucide-react'
import { Kbd, KbdGroup } from '../../../src/components/primitives/kbd'
import { Tooltip, TooltipContent, TooltipTrigger } from '../../../src/components/primitives/tooltip'
// import { Tooltip, TooltipContent, TooltipTrigger } from '../../../src/components/primitives/tooltip'
const meta: Meta<typeof Kbd> = {
title: 'Components/Primitives/Kbd',
@ -216,54 +216,54 @@ export const WithIcons: Story = {
}
// 在 Tooltip 中使用
export const InTooltip: Story = {
render: () => (
<div className="flex flex-wrap gap-4">
<Tooltip>
<TooltipTrigger asChild>
<button
type="button"
className="rounded bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">
保存
</button>
</TooltipTrigger>
<TooltipContent>
<Kbd>Ctrl+S</Kbd>
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<button
type="button"
className="rounded bg-secondary px-4 py-2 text-sm font-medium text-secondary-foreground hover:bg-secondary/80">
复制
</button>
</TooltipTrigger>
<TooltipContent>
<KbdGroup>
<Kbd>Ctrl</Kbd>
<Kbd>C</Kbd>
</KbdGroup>
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<button
type="button"
className="rounded bg-secondary px-4 py-2 text-sm font-medium text-secondary-foreground hover:bg-secondary/80">
粘贴
</button>
</TooltipTrigger>
<TooltipContent>
<KbdGroup>
<Kbd>Ctrl</Kbd>
<Kbd>V</Kbd>
</KbdGroup>
</TooltipContent>
</Tooltip>
</div>
)
}
// export const InTooltip: Story = {
// render: () => (
// <div className="flex flex-wrap gap-4">
// <Tooltip>
// <TooltipTrigger asChild>
// <button
// type="button"
// className="rounded bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">
// 保存
// </button>
// </TooltipTrigger>
// <TooltipContent>
// <Kbd>Ctrl+S</Kbd>
// </TooltipContent>
// </Tooltip>
// <Tooltip>
// <TooltipTrigger asChild>
// <button
// type="button"
// className="rounded bg-secondary px-4 py-2 text-sm font-medium text-secondary-foreground hover:bg-secondary/80">
// 复制
// </button>
// </TooltipTrigger>
// <TooltipContent>
// <KbdGroup>
// <Kbd>Ctrl</Kbd>
// <Kbd>C</Kbd>
// </KbdGroup>
// </TooltipContent>
// </Tooltip>
// <Tooltip>
// <TooltipTrigger asChild>
// <button
// type="button"
// className="rounded bg-secondary px-4 py-2 text-sm font-medium text-secondary-foreground hover:bg-secondary/80">
// 粘贴
// </button>
// </TooltipTrigger>
// <TooltipContent>
// <KbdGroup>
// <Kbd>Ctrl</Kbd>
// <Kbd>V</Kbd>
// </KbdGroup>
// </TooltipContent>
// </Tooltip>
// </div>
// )
// }
// 快捷键列表
export const ShortcutList: Story = {