docs: relocate skills system documentation and refactor asset page components

Move skills system documentation from bottom to top of CLAUDE.md for better organization. Refactor Flutter asset page by extracting UI components into separate files and updating import structure for improved modularity.
2026-04-05 22:38:56 +08:00
parent d8cd38c4de
commit 02099d2a6a
30 changed files with 3317 additions and 3430 deletions
--- a/flutter_monisuo/lib/ui/pages/trade/components/amount_input.dart
+++ b/flutter_monisuo/lib/ui/pages/trade/components/amount_input.dart
@@ -0,0 +1,113 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import '../../../../core/theme/app_color_scheme.dart';
+import '../../../../core/theme/app_spacing.dart';
+
+/// 金额输入框组件（含超额提示）
+///
+/// 设计稿：bg-tertiary，圆角md，高48。
+/// 输入金额超过可用 USDT 余额时显示警告提示。
+class AmountInput extends StatefulWidget {
+  final TextEditingController amountController;
+  final String maxAmount;
+  final bool isBuy;
+  final Color actionColor;
+  final VoidCallback onChanged;
+
+  const AmountInput({
+    super.key,
+    required this.amountController,
+    required this.maxAmount,
+    required this.isBuy,
+    required this.actionColor,
+    required this.onChanged,
+  });
+
+  @override
+  State<AmountInput> createState() => _AmountInputState();
+}
+
+class _AmountInputState extends State<AmountInput> {
+  bool _isExceeded = false;
+
+  void _checkLimit() {
+    final input = double.tryParse(widget.amountController.text) ?? 0;
+    final max = double.tryParse(widget.maxAmount) ?? 0;
+    final exceeded = widget.isBuy && input > max && max > 0 && input > 0;
+    if (exceeded != _isExceeded) {
+      setState(() => _isExceeded = exceeded);
+    }
+    widget.onChanged();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    widget.amountController.addListener(_checkLimit);
+  }
+
+  @override
+  void dispose() {
+    widget.amountController.removeListener(_checkLimit);
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+    final warningColor = AppColorScheme.warning;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Container(
+          height: 48,
+          decoration: BoxDecoration(
+            color: colorScheme.surfaceContainerHighest.withOpacity(0.3),
+            borderRadius: BorderRadius.circular(AppRadius.md),
+          ),
+          child: TextField(
+            controller: widget.amountController,
+            keyboardType: const TextInputType.numberWithOptions(decimal: true),
+            onChanged: (_) => _checkLimit(),
+            style: GoogleFonts.inter(
+              fontSize: 14,
+              fontWeight: FontWeight.normal,
+              color: colorScheme.onSurface,
+              fontFeatures: [FontFeature.tabularFigures()],
+            ),
+            decoration: InputDecoration(
+              hintText: '请输入金额',
+              hintStyle: GoogleFonts.inter(
+                fontSize: 14,
+                fontWeight: FontWeight.normal,
+                color: colorScheme.onSurfaceVariant.withOpacity(0.5),
+              ),
+              border: InputBorder.none,
+              contentPadding: const EdgeInsets.symmetric(
+                horizontal: AppSpacing.md,
+              ),
+            ),
+          ),
+        ),
+        if (_isExceeded)
+          Padding(
+            padding: EdgeInsets.only(top: AppSpacing.xs),
+            child: Row(
+              children: [
+                Icon(Icons.error_outline, size: 13, color: warningColor),
+                SizedBox(width: 4),
+                Text(
+                  '超出可用USDT余额',
+                  style: GoogleFonts.inter(
+                    fontSize: 11,
+                    color: warningColor,
+                  ),
+                ),
+              ],
+            ),
+          ),
+      ],
+    );
+  }
+}