refactor: 统一使用 Button 组件替换原有 button 元素

- 在 CopyButton、SwitchButtonGroup 和 TextInputArea 组件中,将原有的 button 元素替换为统一的 Button 组件,提升代码一致性和可维护性。
- 更新相关样式和属性以适应新组件,确保功能正常。
This commit is contained in:
雨霖铃
2026-06-19 10:08:27 +08:00
parent d401744739
commit 3ab7194501
3 changed files with 17 additions and 18 deletions
+5 -5
View File
@@ -1,4 +1,5 @@
import React from 'react';
import { Button } from '@/components/ui/button';
import { cn } from '@/lib/utils';
export interface SwitchOption<T extends string | number = string> {
@@ -45,21 +46,20 @@ export default function SwitchButtonGroup<T extends string | number = string>({
{...props}
>
{options.map((option) => (
<button
<Button
key={option.value}
type="button"
variant="ghost"
onClick={() => onChange(option.value)}
className={cn(
'flex-1 inline-flex items-center justify-center font-medium whitespace-nowrap transition-all',
'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2',
'disabled:pointer-events-none disabled:opacity-50',
'flex-1 transition-all',
SIZE_CLASSES[size],
value === option.value ? SELECTED_CLASSES : UNSELECTED_CLASSES,
buttonClassName,
)}
>
{option.label}
</button>
</Button>
))}
</div>
);