Spaces:

duqing026
/

time-voyager-flutter

Sleeping

App Files Files Community

Trae Assistant commited on Feb 5

Commit

de7f206

1 Parent(s): 8d11656

init

Browse files

Files changed (8) hide show

Dockerfile +12 -0
README.md +45 -5
Web/app.py +31 -0
Web/templates/index.html +92 -0
lib/logic.dart +76 -0
lib/main.dart +218 -0
lib/models.dart +46 -0
pubspec.yaml +23 -0

Dockerfile ADDED Viewed

	@@ -0,0 +1,12 @@

+FROM python:3.9-slim
+WORKDIR /app
+COPY Web/ .
+RUN pip install --no-cache-dir flask
+ENV PORT=7860
+EXPOSE 7860
+CMD ["python", "app.py"]

README.md CHANGED Viewed

@@ -1,10 +1,50 @@
 ---
-title: Time Voyager Flutter
-emoji: 📉
-colorFrom: red
-colorTo: green
 sdk: docker
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: TimeVoyager Flutter Showcase
+emoji: 💙
+colorFrom: blue
+colorTo: cyan
 sdk: docker
 pinned: false
+short_description: 基于 Flutter 的跨平台资产与时间追踪系统
 ---
+# TimeVoyager Flutter
+TimeVoyager 的 Flutter 版本，旨在通过一套代码库实现 iOS、Android、Web、Windows、macOS 和 Linux 的全平台覆盖。
+## 核心功能
+*   **跨平台**: 使用 Dart 和 Flutter 构建，UI 与业务逻辑高度复用。
+*   **状态管理**: 使用 `Provider` + `ChangeNotifier` 进行高效的状态管理。
+*   **资产量化**: 实时计算时间价值，支持多币种。
+*   **Material 3**: 遵循最新的 Material Design 3 设计规范。
+## 目录结构
+```
+TimeVoyager-Flutter/
+├── lib/
+│   ├── main.dart        # 应用入口与UI界面
+│   ├── models.dart      # 数据模型 (Project, TimeEntry)
+│   └── logic.dart       # 业务逻辑 (TimeManager)
+├── pubspec.yaml         # 项目依赖配置
+├── Web/                 # Web 演示端 (Flask + Vue)
+├── Dockerfile           # Hugging Face 部署配置
+└── README.md
+```
+## 如何运行 Flutter 项目
+1.  确保已安装 Flutter SDK (3.0+)。
+2.  进入项目目录：`cd TimeVoyager-Flutter`
+3.  获取依赖：`flutter pub get`
+4.  运行：`flutter run`
+## Web 演示 (Hugging Face)
+本项目包含一个 Web 演示版本（位于 `Web/` 目录），用于在 Hugging Face Spaces 上展示核心计费逻辑。
+演示版使用 Python Flask 模拟后端计算，前端使用 Vue.js 实现交互，界面风格与 Flutter 版保持一致。
+## License
+MIT

Web/app.py ADDED Viewed

	@@ -0,0 +1,31 @@

+from flask import Flask, render_template, jsonify, request
+import os
+app = Flask(__name__)
+@app.route('/')
+def index():
+    return render_template('index.html')
+@app.route('/api/calculate', methods=['POST'])
+def calculate():
+    data = request.json or {}
+    rate = float(data.get('hourlyRate', 0))
+    duration = float(data.get('duration', 0))
+    currency = data.get('currency', 'CNY')
+    hours = duration / 3600.0
+    earnings = hours * rate
+    return jsonify({
+        'earnings': round(earnings, 2),
+        'currency': currency,
+        'hours': round(hours, 4),
+        'formatted_earnings': f"{earnings:,.2f} {currency}"
+    })
+@app.route('/health')
+def health():
+    return jsonify(status="ok"), 200
+if __name__ == '__main__':
+    port = int(os.environ.get("PORT", "7860"))
+    app.run(host='0.0.0.0', port=port)

Web/templates/index.html ADDED Viewed

	@@ -0,0 +1,92 @@

+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TimeVoyager Flutter 展示</title>
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
+    </style>
+</head>
+<body class="bg-gray-50 text-gray-900">
+    <section class="py-16 container mx-auto px-6">
+        <h1 class="text-4xl font-bold text-center mb-6">TimeVoyager Flutter</h1>
+        <p class="text-center text-gray-600 mb-8">核心计费逻辑演示 (Dart 移植版)</p>
+        <div id="app" class="max-w-md mx-auto bg-white rounded-2xl shadow-xl overflow-hidden">
+            <div class="p-8">
+                <div class="mb-6">
+                    <label class="block text-sm font-medium text-gray-700 mb-2">项目名称</label>
+                    <input type="text" v-model="project.name" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 outline-none">
+                </div>
+                <div class="flex space-x-4 mb-8">
+                    <div class="w-1/2">
+                        <label class="block text-sm font-medium text-gray-700 mb-2">时薪</label>
+                        <input type="number" v-model.number="project.hourlyRate" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 outline-none">
+                    </div>
+                    <div class="w-1/2">
+                        <label class="block text-sm font-medium text-gray-700 mb-2">货币</label>
+                        <select v-model="project.currency" class="w-full px-4 py-2 border rounded-lg bg-white">
+                            <option>USD</option>
+                            <option>CNY</option>
+                            <option>EUR</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="text-center mb-8 bg-gray-50 py-6 rounded-xl border border-gray-200">
+                    <div class="text-5xl font-mono font-light text-gray-800 mb-2">${ formattedTime }</div>
+                    <div class="text-2xl font-bold text-green-600">${ earningsDisplay }</div>
+                </div>
+                <button @click="toggleTimer"
+                        :class="isRunning ? 'bg-red-500 hover:bg-red-600' : 'bg-green-500 hover:bg-green-600'"
+                        class="w-full text-white font-bold py-4 rounded-xl transition shadow-lg transform active:scale-95">
+                    ${ isRunning ? '停止计时' : '开始工作' }
+                </button>
+            </div>
+        </div>
+    </section>
+    <script>
+        const { createApp, ref, computed, onUnmounted } = Vue;
+        createApp({
+            delimiters: ['${', '}'],
+            setup() {
+                const project = ref({ name: 'Flutter 跨平台示例', hourlyRate: 150, currency: 'CNY' });
+                const isRunning = ref(false);
+                const startTime = ref(null);
+                const elapsedTime = ref(0);
+                const timerInterval = ref(null);
+                const earnings = ref(0);
+                const formatTime = (seconds) => {
+                    const h = Math.floor(seconds / 3600);
+                    const m = Math.floor((seconds % 3600) / 60);
+                    const s = Math.floor(seconds % 60);
+                    return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
+                };
+                const formattedTime = computed(() => formatTime(elapsedTime.value));
+                const earningsDisplay = computed(() => {
+                    return new Intl.NumberFormat('zh-CN', { style: 'currency', currency: project.value.currency }).format(earnings.value);
+                });
+                const updateTick = () => {
+                    const now = new Date();
+                    elapsedTime.value = (now - startTime.value) / 1000;
+                    const hours = elapsedTime.value / 3600;
+                    earnings.value = hours * project.value.hourlyRate;
+                };
+                const toggleTimer = () => {
+                    if (isRunning.value) {
+                        clearInterval(timerInterval.value);
+                        isRunning.value = false;
+                    } else {
+                        startTime.value = new Date() - (elapsedTime.value * 1000);
+                        timerInterval.value = setInterval(updateTick, 100);
+                        isRunning.value = true;
+                    }
+                };
+                onUnmounted(() => { if (timerInterval.value) clearInterval(timerInterval.value); });
+                return { project, isRunning, formattedTime, earningsDisplay, toggleTimer };
+            }
+        }).mount('#app');
+    </script>
+</body>
+</html>

lib/logic.dart ADDED Viewed

	@@ -0,0 +1,76 @@

+import 'dart:async';
+import 'package:flutter/foundation.dart';
+import 'models.dart';
+class TimeManager extends ChangeNotifier {
+  List<Project> _projects = [];
+  List<TimeEntry> _entries = [];
+  TimeEntry? _activeEntry;
+  Timer? _timer;
+  // Public Getters
+  List<Project> get projects => List.unmodifiable(_projects);
+  TimeEntry? get activeEntry => _activeEntry;
+  bool get isTracking => _activeEntry != null;
+  Duration get currentDuration => _activeEntry?.duration ?? Duration.zero;
+  double get currentEarnings {
+    if (_activeEntry == null) return 0.0;
+    final project = getProjectById(_activeEntry!.projectId);
+    if (project == null) return 0.0;
+    return _activeEntry!.calculateEarnings(project.hourlyRate);
+  }
+  TimeManager() {
+    // Demo Data
+    addProject(Project(name: '示例项目 Alpha', hourlyRate: 150, currency: 'CNY'));
+    addProject(Project(name: '咨询服务 Beta', hourlyRate: 300, currency: 'USD', colorHex: '#4CAF50'));
+  }
+  void addProject(Project project) {
+    _projects.add(project);
+    notifyListeners();
+  }
+  Project? getProjectById(String id) {
+    try {
+      return _projects.firstWhere((p) => p.id == id);
+    } catch (e) {
+      return null;
+    }
+  }
+  void startTracking(Project project) {
+    stopTracking(); // Stop current if any
+    _activeEntry = TimeEntry(
+      projectId: project.id,
+      startTime: DateTime.now(),
+    );
+    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
+      notifyListeners(); // Update UI every second
+    });
+    notifyListeners();
+  }
+  void stopTracking() {
+    if (_activeEntry != null) {
+      _activeEntry!.endTime = DateTime.now();
+      _entries.add(_activeEntry!);
+      _activeEntry = null;
+    }
+    _timer?.cancel();
+    _timer = null;
+    notifyListeners();
+  }
+  @override
+  void dispose() {
+    _timer?.cancel();
+    super.dispose();
+  }
+}

lib/main.dart ADDED Viewed

	@@ -0,0 +1,218 @@

+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:intl/intl.dart';
+import 'models.dart';
+import 'logic.dart';
+void main() {
+  runApp(
+    ChangeNotifierProvider(
+      create: (context) => TimeManager(),
+      child: const TimeVoyagerApp(),
+    ),
+  );
+}
+class TimeVoyagerApp extends StatelessWidget {
+  const TimeVoyagerApp({super.key});
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'TimeVoyager',
+      theme: ThemeData(
+        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
+        useMaterial3: true,
+      ),
+      home: const ProjectListPage(),
+    );
+  }
+}
+class ProjectListPage extends StatelessWidget {
+  const ProjectListPage({super.key});
+  @override
+  Widget build(BuildContext context) {
+    final manager = context.watch<TimeManager>();
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('TimeVoyager'),
+        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+      ),
+      body: ListView.builder(
+        itemCount: manager.projects.length,
+        itemBuilder: (context, index) {
+          final project = manager.projects[index];
+          final isActive = manager.activeEntry?.projectId == project.id;
+          return Card(
+            margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+            child: ListTile(
+              leading: CircleAvatar(
+                backgroundColor: isActive ? Colors.green : Colors.blueGrey,
+                child: Icon(isActive ? Icons.play_arrow : Icons.folder),
+              ),
+              title: Text(project.name),
+              subtitle: Text('${project.hourlyRate} ${project.currency} / 小时'),
+              trailing: isActive
+                ? const Text('正在计时...', style: TextStyle(color: Colors.green))
+                : const Icon(Icons.chevron_right),
+              onTap: () {
+                Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                    builder: (context) => ProjectDetailPage(projectId: project.id),
+                  ),
+                );
+              },
+            ),
+          );
+        },
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () {
+           // TODO: Implement Add Project Dialog
+           ScaffoldMessenger.of(context).showSnackBar(
+             const SnackBar(content: Text('演示模式：默认项目已预置')),
+           );
+        },
+        child: const Icon(Icons.add),
+      ),
+    );
+  }
+}
+class ProjectDetailPage extends StatelessWidget {
+  final String projectId;
+  const ProjectDetailPage({super.key, required this.projectId});
+  @override
+  Widget build(BuildContext context) {
+    final manager = context.watch<TimeManager>();
+    final project = manager.getProjectById(projectId);
+    if (project == null) return const Scaffold(body: Center(child: Text('项目不存在')));
+    final isActive = manager.activeEntry?.projectId == project.id;
+    return Scaffold(
+      appBar: AppBar(title: Text(project.name)),
+      body: Padding(
+        padding: const EdgeInsets.all(24.0),
+        child: Column(
+          children: [
+            _buildStatusCard(context, project, manager, isActive),
+            const SizedBox(height: 40),
+            _buildControlButtons(context, project, manager, isActive),
+          ],
+        ),
+      ),
+    );
+  }
+  Widget _buildStatusCard(BuildContext context, Project project, TimeManager manager, bool isActive) {
+    final duration = isActive ? manager.currentDuration : Duration.zero;
+    final earnings = isActive ? manager.currentEarnings : 0.0;
+    final formattedTime = _formatDuration(duration);
+    final formattedEarnings = NumberFormat.currency(symbol: project.currency == 'CNY' ? '¥' : '\$')
+        .format(earnings);
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.all(32),
+      decoration: BoxDecoration(
+        color: isActive ? Colors.blue.shade50 : Colors.grey.shade100,
+        borderRadius: BorderRadius.circular(24),
+        border: Border.all(
+          color: isActive ? Colors.blue.shade200 : Colors.transparent,
+          width: 2,
+        ),
+      ),
+      child: Column(
+        children: [
+          Text(
+            isActive ? '工作中' : '就绪',
+            style: TextStyle(
+              color: isActive ? Colors.blue : Colors.grey,
+              fontWeight: FontWeight.bold,
+              letterSpacing: 1.2,
+            ),
+          ),
+          const SizedBox(height: 16),
+          Text(
+            formattedTime,
+            style: const TextStyle(
+              fontSize: 64,
+              fontFamily: 'Monospace',
+              fontWeight: FontWeight.w300,
+            ),
+          ),
+          const SizedBox(height: 8),
+          Text(
+            formattedEarnings,
+            style: TextStyle(
+              fontSize: 32,
+              fontWeight: FontWeight.bold,
+              color: isActive ? Colors.green : Colors.grey,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+  Widget _buildControlButtons(BuildContext context, Project project, TimeManager manager, bool isActive) {
+    if (isActive) {
+      return SizedBox(
+        width: double.infinity,
+        height: 60,
+        child: ElevatedButton.icon(
+          onPressed: () => manager.stopTracking(),
+          style: ElevatedButton.styleFrom(
+            backgroundColor: Colors.red.shade100,
+            foregroundColor: Colors.red,
+          ),
+          icon: const Icon(Icons.stop_circle),
+          label: const Text('停止计时', style: TextStyle(fontSize: 20)),
+        ),
+      );
+    } else {
+      // Check if another project is running
+      final isOtherRunning = manager.isTracking && !isActive;
+      return SizedBox(
+        width: double.infinity,
+        height: 60,
+        child: ElevatedButton.icon(
+          onPressed: isOtherRunning
+            ? () {
+                ScaffoldMessenger.of(context).showSnackBar(
+                  const SnackBar(content: Text('请先停止当前正在进行的项目')),
+                );
+              }
+            : () => manager.startTracking(project),
+          style: ElevatedButton.styleFrom(
+            backgroundColor: isOtherRunning ? Colors.grey : Colors.green.shade100,
+            foregroundColor: isOtherRunning ? Colors.white : Colors.green,
+          ),
+          icon: const Icon(Icons.play_circle),
+          label: Text(
+            isOtherRunning ? '其他项目进行中' : '开始工作',
+            style: const TextStyle(fontSize: 20)
+          ),
+        ),
+      );
+    }
+  }
+  String _formatDuration(Duration d) {
+    String twoDigits(int n) => n.toString().padLeft(2, "0");
+    String twoDigitMinutes = twoDigits(d.inMinutes.remainder(60));
+    String twoDigitSeconds = twoDigits(d.inSeconds.remainder(60));
+    return "${twoDigits(d.inHours)}:$twoDigitMinutes:$twoDigitSeconds";
+  }
+}

lib/models.dart ADDED Viewed

	@@ -0,0 +1,46 @@

+import 'package:uuid/uuid.dart';
+class Project {
+  final String id;
+  String name;
+  double hourlyRate;
+  String currency;
+  String colorHex;
+  DateTime createdAt;
+  Project({
+    String? id,
+    required this.name,
+    this.hourlyRate = 0.0,
+    this.currency = 'CNY',
+    this.colorHex = '#2196F3',
+    DateTime? createdAt,
+  })  : id = id ?? const Uuid().v4(),
+        createdAt = createdAt ?? DateTime.now();
+}
+class TimeEntry {
+  final String id;
+  final String projectId;
+  DateTime startTime;
+  DateTime? endTime;
+  String notes;
+  TimeEntry({
+    String? id,
+    required this.projectId,
+    required this.startTime,
+    this.endTime,
+    this.notes = '',
+  }) : id = id ?? const Uuid().v4();
+  Duration get duration {
+    final end = endTime ?? DateTime.now();
+    return end.difference(startTime);
+  }
+  double calculateEarnings(double hourlyRate) {
+    final hours = duration.inSeconds / 3600.0;
+    return hours * hourlyRate;
+  }
+}

pubspec.yaml ADDED Viewed

	@@ -0,0 +1,23 @@

+name: time_voyager_flutter
+description: A productivity app for tracking time and asset value.
+publish_to: 'none'
+version: 1.0.0+1
+environment:
+  sdk: '>=3.0.0 <4.0.0'
+dependencies:
+  flutter:
+    sdk: flutter
+  provider: ^6.0.0
+  intl: ^0.18.0
+  uuid: ^4.0.0
+  shared_preferences: ^2.2.0
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+  flutter_lints: ^3.0.0
+flutter:
+  uses-material-design: true