将项目文件整理到 refer 目录

2026-07-03 22:26:00 +08:00
parent 49880e785f
commit 9f57af4d37
1223 changed files with 98 additions and 0 deletions
@@ -0,0 +1,63 @@
+import { useState } from 'react'
+import { PageHeader } from '@/components/PageHeader'
+import { FactorBacktest } from './backtest/FactorBacktest'
+import { StrategyBacktest } from './backtest/StrategyBacktest'
+import { BarChart3, FlaskConical } from 'lucide-react'
+
+type Tab = 'factor' | 'strategy'
+
+const MODES: Record<Tab, { title: string; subtitle: string; hint: string }> = {
+  factor: {
+    title: '因子回测',
+    subtitle: '验证单个因子是否有预测能力',
+    hint: '看 IC / IR、分层收益和多空组合，适合先筛掉无效指标。',
+  },
+  strategy: {
+    title: '策略回测',
+    subtitle: '验证完整选股和交易规则',
+    hint: '看净值曲线、回撤、胜率和交易明细，适合判断策略是否可执行。',
+  },
+}
+
+export function Backtest() {
+  const [activeTab, setActiveTab] = useState<Tab>('strategy')
+
+  const modeSwitch = (
+    <div className="inline-flex rounded-btn border border-border bg-surface/80 p-0.5 shadow-sm">
+      {(['factor', 'strategy'] as const).map(tab => {
+        const Icon = tab === 'factor' ? BarChart3 : FlaskConical
+        const active = activeTab === tab
+        return (
+          <button
+            key={tab}
+            onClick={() => setActiveTab(tab)}
+            className={`inline-flex items-center gap-1.5 rounded-[5px] px-3 py-1.5 text-xs font-medium transition-colors cursor-pointer ${
+              active
+                ? 'bg-accent text-white shadow-sm'
+                : 'text-secondary hover:bg-elevated hover:text-foreground'
+            }`}
+          >
+            <Icon className="h-3.5 w-3.5" />
+            {MODES[tab].title}
+          </button>
+        )
+      })}
+    </div>
+  )
+
+  return (
+    <div className="min-h-full bg-base flex flex-col">
+      <PageHeader
+        title="回测工作台"
+        subtitle={`${MODES[activeTab].title} · ${MODES[activeTab].hint}`}
+        right={modeSwitch}
+        className="shrink-0 bg-base/95"
+      />
+
+      <main className="flex-1 min-h-0 px-3 pb-3 pt-3 lg:px-4 lg:pb-4">
+        {activeTab === 'factor' && <FactorBacktest />}
+        {activeTab === 'strategy' && <StrategyBacktest />}
+      </main>
+    </div>
+  )
+}