feat: 图标系统与共享组件

- Icons.jsx：Appica SVG 图标统一封装（零 emoji，名称映射） - PageHeader.jsx：两页共享页眉（标题/副标题/时钟/导航） - CompanySearch.jsx：入驻企业 Autocomplete 搜索（Appica）
2026-08-17 18:37:21 +08:00
parent 0d20e1413f
commit cffc1e7a29
3 changed files with 260 additions and 0 deletions
@@ -0,0 +1,98 @@
+/* =========================================================
+   图标库：Appica Icons（@appica/icons-react）
+   禁止使用表情图标，统一从这里引用 SVG 图标
+   ========================================================= */
+import {
+  Bolt, Wrench, BuildingSkyscraper, Users, UsersGroup, Coin, Radio, Trophy,
+  Flask, BuildingFactory, Diamond, GraduationCap, ChartLine, ChartArea,
+  Clock, Robot, Broadcast, Message, Briefcase, Flame, Leaf, Star,
+  Check, Gauge, Cpu, Server, Database, Sparkles, Bulb, Settings,
+  Heart, Pill, Dna, Microscope, Atom, MapPin, Flag, Award, Medal,
+  History, Drone, Plane, Rocket, Satellite, Wallet, UserPlus, Activity,
+} from '@appica/icons-react';
+
+/* 名称 → 图标组件映射（推荐的调用方式：icon="bolt"） */
+const NAME_MAP = {
+  bolt: Bolt,
+  wrench: Wrench,
+  building: BuildingSkyscraper,
+  'building-skyscraper': BuildingSkyscraper,
+  'building-community': UsersGroup,
+  users: Users,
+  'users-group': UsersGroup,
+  coin: Coin,
+  radio: Radio,
+  trophy: Trophy,
+  flask: Flask,
+  factory: BuildingFactory,
+  'building-factory': BuildingFactory,
+  diamond: Diamond,
+  graduation: GraduationCap,
+  'graduation-cap': GraduationCap,
+  'chart-line': ChartLine,
+  'chart-area': ChartArea,
+  clock: Clock,
+  robot: Robot,
+  broadcast: Broadcast,
+  message: Message,
+  briefcase: Briefcase,
+  flame: Flame,
+  leaf: Leaf,
+  star: Star,
+  check: Check,
+  gauge: Gauge,
+  cpu: Cpu,
+  server: Server,
+  database: Database,
+  sparkles: Sparkles,
+  bulb: Bulb,
+  settings: Settings,
+  heart: Heart,
+  pill: Pill,
+  dna: Dna,
+  microscope: Microscope,
+  atom: Atom,
+  'map-pin': MapPin,
+  flag: Flag,
+  award: Award,
+  medal: Medal,
+  history: History,
+  drone: Drone,
+  plane: Plane,
+  rocket: Rocket,
+  satellite: Satellite,
+  wallet: Wallet,
+  'user-plus': UserPlus,
+  activity: Activity,
+};
+
+/**
+ * Icon —— 统一图标组件
+ * @param {string} name  图标标识（emoji 兼容 或 名称，如 "bolt" / "chart-line"）
+ * @param {number|string} size
+ * @param {number} strokeWidth
+ * @param {string} className
+ */
+export default function Icon({ name, size = 18, strokeWidth = 1.6, className = '', ...rest }) {
+  const Comp = NAME_MAP[name] || null;
+  if (!Comp) return null;
+  return (
+    <Comp
+      size={size}
+      strokeWidth={strokeWidth}
+      className={`appica-ico${className ? ` ${className}` : ''}`}
+      aria-hidden="true"
+      {...rest}
+    />
+  );
+}
+
+/* 独立导出的常用图标（组件内直接引用） */
+export {
+  Bolt, Wrench, BuildingSkyscraper, Users, Coin, Radio, Trophy,
+  Flask, BuildingFactory, Diamond, GraduationCap, ChartLine, ChartArea,
+  Clock, Robot, Broadcast, Message, Briefcase, Flame, Leaf, Star,
+  Check, Gauge, Cpu, Server, Database, Sparkles, Bulb, Settings,
+  Heart, Pill, Dna, Microscope, Atom, MapPin, Flag, Award, Medal,
+  History, Drone, Plane, Rocket, Satellite, Wallet, UserPlus, Activity,
+};