Enhance component visuals and functionality across multiple files

- Updated CommentsModal.vue to include additional icons and improved title display for better user engagement. - Enhanced KeyboardHelpPanel.vue by adding icons next to navigation and operation shortcuts for improved clarity. - Refactored ResultItem.vue to include a copy link feature with visual feedback, enhancing user interaction. - Improved SearchHistoryModal.vue by adding icons and additional text for better user guidance on search history. - Updated StatsCorner.vue to replace the gamepad icon and add status indicators for online/offline status. - Refactored icons management in icons.ts for better organization and maintainability.
2026-05-09 00:34:20 +08:00 · 2025-12-27 07:10:49 +08:00
parent ccd87d06be
commit 9e45db827d
6 changed files with 736 additions and 51 deletions
--- a/src/utils/icons.ts
+++ b/src/utils/icons.ts
@@ -1,11 +1,13 @@
 /**
 * Lucide Icons 映射
- * 用于替代 Font Awesome
+ * 集中管理所有图标导出，方便维护和 tree-shaking
 */

 // 导出所有需要的 Lucide 图标
 export {
+  // ============================================
  // 通用图标
+  // ============================================
  Search,
  Settings,
  Moon,
@@ -22,7 +24,9 @@ export {
  Info,
  HelpCircle,
  
+  // ============================================
  // 操作图标
+  // ============================================
  Download,
  Upload,
  Share2,
@@ -32,100 +36,617 @@ export {
  Copy,
  ExternalLink,
  Link,
+  Link2,
  ArrowDown,
  ArrowUp,
+  ArrowLeft,
+  ArrowRight,
+  ArrowLeftRight,
+  RotateCw,
  RotateCcw,
+  RefreshCw,
+  RefreshCcw,
+  CornerDownLeft,
+  Undo,
+  Redo,
  
+  // ============================================
+  // 缩放/变换
+  // ============================================
+  ZoomIn,
+  ZoomOut,
+  Maximize,
+  Maximize2,
+  Minimize,
+  Minimize2,
+  FlipHorizontal,
+  FlipVertical,
+  Move,
+  
+  // ============================================
  // 社交/通信
+  // ============================================
  MessageCircle,
+  MessageSquare,
  Heart,
  Star,
  Crown,
  Github,
+  Quote,
+  Reply,
+  Send,
+  Mail,
+  AtSign,
  
+  // ============================================
  // 文件/文档
+  // ============================================
  File,
  FileText,
+  FileCode,
  Folder,
+  FolderOpen,
  Image,
+  Images,
  
+  // ============================================
  // 用户/账户
+  // ============================================
  User,
  Users,
  UserPlus,
+  UserMinus,
+  UserCheck,
  LogIn,
  LogOut,
  
+  // ============================================
  // 商业/支付
+  // ============================================
  DollarSign,
  CreditCard,
  ShoppingCart,
  Coins,
+  Wallet,
  
+  // ============================================
  // 媒体/内容
+  // ============================================
  Play,
  Pause,
+  Square, // 用作 Stop 图标
  SkipForward,
  SkipBack,
  FastForward,
  Rewind,
+  Volume,
+  Volume1,
  Volume2,
  VolumeX,
  
+  // ============================================
  // 状态/标记
+  // ============================================
  CheckCircle,
+  CheckCircle2,
  XCircle,
  Circle,
+  CircleDot,
  Loader,
+  Loader2,
  Zap,
  
+  // ============================================
  // 网络/数据
+  // ============================================
  Wifi,
  WifiOff,
  Server,
  Database,
  Cloud,
+  CloudDownload,
+  CloudUpload,
+  Globe,
  
+  // ============================================
  // 导航/地图
+  // ============================================
  MapPin,
  Navigation,
  Compass,
+  Home,
  
-  // 工具
+  // ============================================
+  // 工具/设置
+  // ============================================
  Wrench,
  Gauge,
  Package,
  Tag,
+  Tags,
  Hash,
  Filter,
+  SlidersHorizontal,
+  Cog,
+  Terminal,
+  Code,
+  Code2,
  
+  // ============================================
  // 速度/性能
+  // ============================================
  Rocket,
  Turtle,
  Layers,
+  Layers2,
  
-  // 磁力/特殊
+  // ============================================
+  // 特殊/魔法
+  // ============================================
  Magnet,
  Sparkles,
  Wand2,
-  Reply,
+  Bot,
+  
+  // ============================================
+  // 布局/视图
+  // ============================================
  List,
  LayoutGrid,
+  LayoutList,
+  Grid2x2,
+  Grid3x3,
+  AlignLeft,
+  AlignCenter,
+  AlignRight,
+  AlignJustify,
+  
+  // ============================================
+  // 眼睛/可见性
+  // ============================================
  Eye,
  EyeOff,
+  
+  // ============================================
+  // 安全/锁定
+  // ============================================
  Lock,
  Unlock,
  Shield,
-  Home,
+  ShieldCheck,
+  ShieldAlert,
+  ShieldOff,
+  Key,
+  
+  // ============================================
+  // 游戏/娱乐
+  // ============================================
+  Gamepad,
  Gamepad2,
-  MessageSquare,
+  
+  // ============================================
+  // 书籍/阅读
+  // ============================================
  Bookmark,
  BookOpen,
+  BookMarked,
+  Library,
+  
+  // ============================================
+  // 音乐/音频
+  // ============================================
  Music,
+  Music2,
+  Music3,
+  Music4,
  Headphones,
+  Mic,
+  Mic2,
+  MicOff,
+  
+  // ============================================
+  // 艺术/设计
+  // ============================================
  Palette,
  Paintbrush,
  Brush,
+  Pipette,
+  
+  // ============================================
+  // 时间/日历
+  // ============================================
+  Clock,
+  Clock2,
+  Clock3,
+  Clock4,
+  Timer,
+  TimerOff,
+  Calendar,
+  CalendarDays,
+  History,
+  Hourglass,
+  
+  // ============================================
+  // 建筑/办公
+  // ============================================
+  Building,
+  Building2,
+  Factory,
+  Store,
+  
+  // ============================================
+  // 显示器/设备
+  // ============================================
+  Monitor,
+  Laptop,
+  Tablet,
+  Smartphone,
+  Tv,
+  
+  // ============================================
+  // 语言/翻译
+  // ============================================
+  Languages,
+  
+  // ============================================
+  // Git/版本控制
+  // ============================================
+  GitBranch,
+  GitCommit,
+  GitMerge,
+  GitPullRequest,
+  GitPullRequestArrow,
+  
+  // ============================================
+  // 灯光/提示
+  // ============================================
+  Lightbulb,
+  LightbulbOff,
+  
+  // ============================================
+  // 键盘/输入
+  // ============================================
+  Keyboard,
+  Type,
+  
+  // ============================================
+  // 电源/开关
+  // ============================================
+  Power,
+  PowerOff,
+  ToggleLeft,
+  ToggleRight,
+  
+  // ============================================
+  // 其他常用
+  // ============================================
+  Plus,
+  Minus,
+  PlusCircle,
+  MinusCircle,
+  MoreHorizontal,
+  MoreVertical,
+  Grip,
+  GripVertical,
+  GripHorizontal,
+  SeparatorHorizontal,
+  SeparatorVertical,
+  Slash,
+  Activity,
+  TrendingUp,
+  TrendingDown,
+  BarChart,
+  BarChart2,
+  PieChart,
+  LineChart,
+  Target,
+  Crosshair,
+  Scan,
+  QrCode,
+  Printer,
+  Archive,
+  Box,
+  Boxes,
+  Gift,
+  Award,
+  Trophy,
+  Medal,
+  Bell,
+  BellOff,
+  BellRing,
+  Flag,
+  Bookmark as BookmarkIcon,
+  Pin,
+  PinOff,
+  Paperclip,
+  Scissors,
+  Eraser,
+  Pencil,
+  PenTool,
+  Highlighter,
+  Ruler,
+  Crop,
+  Frame,
+  FrameIcon,
+  Camera,
+  Aperture,
+  Focus,
+  SunMedium,
+  CloudSun,
+  CloudMoon,
+  Sunrise,
+  Sunset,
+  Wind,
+  Droplet,
+  Droplets,
+  Thermometer,
+  Umbrella,
+  Snowflake,
+  Flame,
+  Leaf,
+  TreeDeciduous,
+  Flower,
+  Flower2,
+  Bug,
+  Cat,
+  Dog,
+  Bird,
+  Fish,
+  Rabbit,
+  Squirrel,
+  Rat,
+  Snail,
+  PawPrint,
+  Footprints,
+  Accessibility,
+  Baby,
+  PersonStanding,
+  Contact,
+  Contact2,
+  Fingerprint,
+  ScanFace,
+  Skull,
+  Ghost,
+  Laugh,
+  Smile,
+  Frown,
+  Meh,
+  Angry,
+  Annoyed,
+  PartyPopper,
+  Gem,
+  Diamond,
+  Shapes,
+  Triangle,
+  Pentagon,
+  Hexagon,
+  Octagon,
+  CircleDashed,
+  SquareDashed,
+  BadgeCheck,
+  BadgeAlert,
+  BadgeX,
+  BadgePlus,
+  BadgeMinus,
+  BadgePercent,
+  BadgeDollarSign,
+  BadgeHelp,
+  BadgeInfo,
+  Verified,
+  ShieldQuestion,
+  FileQuestion,
+  HelpingHand,
+  HandMetal,
+  Hand,
+  ThumbsUp,
+  ThumbsDown,
+  MousePointer,
+  MousePointer2,
+  MousePointerClick,
+  Pointer,
+  Move3d,
+  Grab,
+  GalleryVertical,
+  GalleryHorizontal,
+  GalleryVerticalEnd,
+  GalleryHorizontalEnd,
+  Columns,
+  Columns2,
+  Columns3,
+  Rows,
+  Rows2,
+  Rows3,
+  LayoutDashboard,
+  LayoutPanelLeft,
+  LayoutPanelTop,
+  LayoutTemplate,
+  PanelLeft,
+  PanelLeftClose,
+  PanelLeftOpen,
+  PanelRight,
+  PanelRightClose,
+  PanelRightOpen,
+  PanelTop,
+  PanelTopClose,
+  PanelTopOpen,
+  PanelBottom,
+  PanelBottomClose,
+  PanelBottomOpen,
+  SidebarOpen,
+  SidebarClose,
+  Sidebar,
+  TableProperties,
+  Table,
+  Table2,
+  Sheet,
+  FileSpreadsheet,
+  FormInput,
+  TextCursor,
+  TextCursorInput,
+  Text,
+  CaseSensitive,
+  CaseUpper,
+  CaseLower,
+  Strikethrough,
+  Underline,
+  Italic,
+  Bold,
+  Subscript,
+  Superscript,
+  RemoveFormatting,
+  IndentIncrease,
+  IndentDecrease,
+  WrapText,
+  Pilcrow,
+  ListOrdered,
+  ListTodo,
+  ListChecks,
+  ListMinus,
+  ListPlus,
+  ListFilter,
+  ListRestart,
+  ListX,
+  ListTree,
+  ListCollapse,
+  ListVideo,
+  ListMusic,
+  ListEnd,
+  ListStart,
+  SortAsc,
+  SortDesc,
+  ArrowUpDown,
+  ArrowDownUp,
+  ArrowUpNarrowWide,
+  ArrowDownNarrowWide,
+  ArrowUpWideNarrow,
+  ArrowDownWideNarrow,
+  MoveUp,
+  MoveDown,
+  MoveLeft,
+  MoveRight,
+  ArrowBigUp,
+  ArrowBigDown,
+  ArrowBigLeft,
+  ArrowBigRight,
+  ChevronsUp,
+  ChevronsDown,
+  ChevronsLeft,
+  ChevronsRight,
+  ChevronsUpDown,
+  ChevronsLeftRight,
+  ArrowUpRight,
+  ArrowUpLeft,
+  ArrowDownRight,
+  ArrowDownLeft,
+  CornerUpLeft,
+  CornerUpRight,
+  CornerDownRight,
+  CornerLeftUp,
+  CornerLeftDown,
+  CornerRightUp,
+  CornerRightDown,
+  Repeat,
+  Repeat1,
+  Repeat2,
+  Shuffle,
+  Infinity,
+  IterationCw,
+  IterationCcw,
+  Replace,
+  ReplaceAll,
+  Split,
+  Merge,
+  GitFork,
+  Network,
+  Workflow,
+  Waypoints,
+  Route,
+  Orbit,
+  Radar,
+  Radio,
+  RadioReceiver,
+  RadioTower,
+  Signal,
+  SignalHigh,
+  SignalLow,
+  SignalMedium,
+  SignalZero,
+  Rss,
+  Podcast,
+  Antenna,
+  Satellite,
+  SatelliteDish,
+  Bluetooth,
+  BluetoothConnected,
+  BluetoothOff,
+  BluetoothSearching,
+  Cable,
+  Plug,
+  PlugZap,
+  Unplug,
+  Usb,
+  Cpu,
+  HardDrive,
+  HardDriveDownload,
+  HardDriveUpload,
+  MemoryStick,
+  CircuitBoard,
+  Binary,
+  Braces,
+  BracesIcon,
+  Brackets,
+  ParenthesesIcon,
+  Regex,
+  Variable,
+  Component,
+  Webhook,
+  WebhookOff,
+  Blocks,
+  Puzzle,
+  AppWindow,
+  Globe2,
+  LocateFixed,
+  Locate,
+  MapPinned,
+  MapPinOff,
+  Map,
+  Milestone,
+  FlagTriangleLeft,
+  FlagTriangleRight,
+  Construction,
+  HardHat,
+  Axe,
+  Hammer,
+  Pickaxe,
+  Shovel,
+  Drill,
+  Scale,
+  Scale3d,
+  Scaling,
+  Expand,
+  Shrink,
+  FoldVertical,
+  FoldHorizontal,
+  UnfoldVertical,
+  UnfoldHorizontal,
+  ScanLine,
+  ScanSearch,
+  ScanText,
+  ScanEye,
+  ScanBarcode,
+  Barcode,
+  Receipt,
+  ReceiptText,
+  Ticket,
+  TicketCheck,
+  TicketMinus,
+  TicketPlus,
+  TicketSlash,
+  TicketX,
+  Tags as TagsIcon,
+  Bookmark as BookmarkFilled,
+  Heart as HeartFilled,
+  Star as StarFilled,
 } from 'lucide-vue-next'

 /**
@@ -155,3 +676,47 @@ export const tagIcons = {
  magic: 'Wand2',
 } as const

+/**
+ * 主题模式图标映射
+ */
+export const themeModeIcons = {
+  light: 'Sun',
+  dark: 'Moon',
+  system: 'Monitor',
+} as const
+
+/**
+ * 文件类型图标映射
+ */
+export const fileTypeIcons = {
+  image: 'Image',
+  document: 'FileText',
+  code: 'FileCode',
+  folder: 'Folder',
+  archive: 'Archive',
+  video: 'Play',
+  audio: 'Music',
+  default: 'File',
+} as const
+
+/**
+ * 状态图标映射
+ */
+export const statusIcons = {
+  success: 'CheckCircle',
+  error: 'XCircle',
+  warning: 'AlertTriangle',
+  info: 'Info',
+  loading: 'Loader2',
+  pending: 'Clock',
+} as const
+
+/**
+ * 社交平台图标映射
+ */
+export const socialIcons = {
+  github: 'Github',
+  message: 'MessageCircle',
+  mail: 'Mail',
+  share: 'Share2',
+} as const