mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2026-01-03 02:59:07 +08:00
d4b0272fe7
* style(linter): enable consistent-type-imports rule in typescript * chore: add biome to lint script for improved code formatting * chore: add oxlint-specific lint script for faster linting * refactor: use type-only imports for better type safety and clarity
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import type { LucideIcon } from 'lucide-react'
|
|
import {
|
|
AlignLeft,
|
|
Copy,
|
|
Eye,
|
|
Pencil,
|
|
RefreshCw,
|
|
RotateCcw,
|
|
ScanLine,
|
|
Search,
|
|
Trash,
|
|
WrapText,
|
|
Wrench
|
|
} from 'lucide-react'
|
|
import React from 'react'
|
|
|
|
// 创建一个 Icon 工厂函数
|
|
export function createIcon(IconComponent: LucideIcon, defaultSize: string | number = '1rem') {
|
|
const Icon = ({
|
|
ref,
|
|
...props
|
|
}: React.ComponentProps<typeof IconComponent> & { ref?: React.RefObject<SVGSVGElement | null> }) => (
|
|
<IconComponent ref={ref} size={defaultSize} {...props} />
|
|
)
|
|
Icon.displayName = `Icon(${IconComponent.displayName || IconComponent.name})`
|
|
return Icon
|
|
}
|
|
|
|
// 预定义的常用图标（向后兼容，只导入需要的图标）
|
|
export const CopyIcon = createIcon(Copy)
|
|
export const DeleteIcon = createIcon(Trash)
|
|
export const EditIcon = createIcon(Pencil)
|
|
export const RefreshIcon = createIcon(RefreshCw)
|
|
export const ResetIcon = createIcon(RotateCcw)
|
|
export const ToolIcon = createIcon(Wrench)
|
|
export const VisionIcon = createIcon(Eye)
|
|
export const WebSearchIcon = createIcon(Search)
|
|
export const WrapIcon = createIcon(WrapText)
|
|
export const UnWrapIcon = createIcon(AlignLeft)
|
|
export const OcrIcon = createIcon(ScanLine)
|
|
|
|
// 导出 createIcon 以便用户自行创建图标组件
|
|
export type { LucideIcon }
|
|
export type { LucideProps } from 'lucide-react'
|