chore: 初始提交 Fonu 1.0.2

- 公网反代：Nginx 状态卡片（版本 / 运行状态 / 配置校验 / 端口监听） - 部署设置第一、二梯队（HTTPS 开关、安全头、限流、连接数、仅中国大陆 IP） - 隧道检测兼容 frps v0.68 / v0.71（V2 与旧版端点） - 恢复被清空的 internal/frp/store.go、internal/api/ddns_handler.go、web/src/views/DdnsView.vue
2026-09-23 09:40:59 +08:00
commit 278f8267b7
333 changed files with 53562 additions and 0 deletions
@@ -0,0 +1,93 @@
+<template>
+  <VChart class="chart" :option="option" autoresize />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { use } from 'echarts/core'
+import { PieChart } from 'echarts/charts'
+import { LegendComponent, TitleComponent, TooltipComponent } from 'echarts/components'
+import { CanvasRenderer } from 'echarts/renderers'
+import VChart from 'vue-echarts'
+import { useTheme } from '../composables/useTheme'
+
+use([CanvasRenderer, PieChart, LegendComponent, TitleComponent, TooltipComponent])
+
+const props = defineProps<{
+  segments: { label: string; value: number; color: string }[]
+}>()
+
+const { isDark } = useTheme()
+
+const option = computed(() => {
+  const textColor = isDark.value ? '#94a3b8' : '#6b7280'
+  const titleColor = isDark.value ? '#f1f5f9' : '#111827'
+  const total = props.segments.reduce((sum, s) => sum + s.value, 0)
+
+  return {
+    title: [
+      {
+        text: String(total),
+        left: '31%',
+        top: '38%',
+        textAlign: 'center',
+        textStyle: { fontSize: 22, fontWeight: 700, color: titleColor },
+      },
+      {
+        text: '总请求',
+        left: '31%',
+        top: '52%',
+        textAlign: 'center',
+        textStyle: { fontSize: 12, color: textColor },
+      },
+    ],
+    tooltip: {
+      trigger: 'item',
+      backgroundColor: isDark.value ? '#1e293b' : '#fff',
+      borderColor: isDark.value ? '#334155' : '#e5e7eb',
+      textStyle: { color: isDark.value ? '#f1f5f9' : '#111827', fontSize: 12 },
+      formatter: '{b}: {c} ({d}%)',
+    },
+    legend: {
+      orient: 'vertical',
+      right: 0,
+      top: 'center',
+      itemWidth: 8,
+      itemHeight: 8,
+      itemGap: 12,
+      textStyle: { color: textColor, fontSize: 13 },
+      formatter: (name: string) => {
+        const seg = props.segments.find((s) => s.label === name)
+        const total = props.segments.reduce((sum, s) => sum + s.value, 0) || 1
+        const pct = seg ? Math.round((seg.value / total) * 100) : 0
+        return `${name}  ${pct}% (${seg?.value ?? 0})`
+      },
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['52%', '72%'],
+        center: ['32%', '50%'],
+        avoidLabelOverlap: false,
+        label: { show: false },
+        emphasis: {
+          scale: true,
+          scaleSize: 4,
+        },
+        data: props.segments.map((s) => ({
+          name: s.label,
+          value: s.value,
+          itemStyle: { color: s.color },
+        })),
+      },
+    ],
+  }
+})
+</script>
+
+<style scoped>
+.chart {
+  width: 100%;
+  height: 200px;
+}
+</style>