chore: 初始化仓库基线（AGENTS.md、git 规范、敏感文件排除）

2026-08-10 22:30:53 +08:00
commit 84abf4454c
358 changed files with 75993 additions and 0 deletions
@@ -0,0 +1,88 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Card, Text, useTheme } from 'react-native-paper';
+import type { MD3Theme } from 'react-native-paper';
+
+interface StatCardProps {
+  title: string;
+  value: number | string;
+  suffix?: string;
+  color?: string;
+  icon?: string;
+}
+
+export const StatCard: React.FC<StatCardProps> = ({ title, value, suffix, color, icon }) => {
+  const theme = useTheme<MD3Theme>();
+
+  return (
+    <Card style={styles.card} mode="elevated">
+      <Card.Content style={styles.content}>
+        <View style={styles.headerRow}>
+          {icon ? (
+            <Text style={[styles.icon, { color: color || theme.colors.primary }]}>{icon}</Text>
+          ) : null}
+          <Text variant="labelMedium" style={styles.title}>
+            {title}
+          </Text>
+        </View>
+        <Text variant="headlineMedium" style={[styles.value, { color: color || '#2D2A26' }]}>
+          {value}
+          {suffix ? <Text variant="titleMedium" style={styles.suffix}> {suffix}</Text> : null}
+        </Text>
+      </Card.Content>
+    </Card>
+  );
+};
+
+const styles = StyleSheet.create({
+  card: {
+    flex: 1,
+    minWidth: 140,
+  },
+  content: {
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+  },
+  headerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 4,
+  },
+  icon: {
+    fontSize: 18,
+    marginRight: 6,
+  },
+  title: {
+    opacity: 0.7,
+  },
+  value: {
+    fontWeight: 'bold',
+  },
+  suffix: {
+    fontWeight: 'normal',
+    opacity: 0.6,
+  },
+});
+
+interface StatCardRowProps {
+  items: StatCardProps[];
+}
+
+export const StatCardRow: React.FC<StatCardRowProps> = ({ items }) => {
+  return (
+    <View style={statRowStyles.container}>
+      {items.map((item, index) => (
+        <StatCard key={`${item.title}-${index}`} {...item} />
+      ))}
+    </View>
+  );
+};
+
+const statRowStyles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 12,
+    marginVertical: 6,
+  },
+});