feat:增加记录对话框内容

2025-12-01 19:59:25 +08:00
parent 49502295e3
commit eb14cf1957
28 changed files with 1596 additions and 620 deletions
--- a/lib/widget/number_input.dart
+++ b/lib/widget/number_input.dart
@@ -0,0 +1,131 @@
+import 'package:flutter/material.dart';
+
+class NumberInput extends StatefulWidget {
+  final num? value;
+  final ValueChanged<num?>? onChanged;
+  final double min;
+  final double max;
+  final double step;
+  final int precision;
+  final String unit;
+
+  const NumberInput({
+    Key? key,
+    this.value,
+    this.onChanged,
+    this.min = double.negativeInfinity,
+    this.max = double.infinity,
+    this.step = 1,
+    this.precision = 2,
+    this.unit = ''
+  }) : super(key: key);
+
+  @override
+  State<NumberInput> createState() => _NumberInputState();
+}
+
+class _NumberInputState extends State<NumberInput> {
+  late TextEditingController _controller;
+  late num _currentValue;
+
+  final Color disabledColor = Colors.grey.shade400;
+
+  @override
+  void initState() {
+    super.initState();
+    _currentValue = widget.value ?? 0.0;
+    _controller = TextEditingController(text: _formatValue(_currentValue));
+  }
+
+  @override
+  void didUpdateWidget(NumberInput oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.value != oldWidget.value && widget.value != _currentValue) {
+      _currentValue = widget.value ?? 0.0;
+      _controller.text = _formatValue(_currentValue);
+    }
+  }
+
+  String _formatValue(num value) {
+    if (widget.precision == 0) return value.toInt().toString();
+    return value.toStringAsFixed(widget.precision);
+  }
+
+  void _handleValueChange(num newValue) {
+    num clampedValue = newValue.clamp(widget.min, widget.max);
+    if (widget.precision > 0) {
+      clampedValue = double.parse(
+        clampedValue.toStringAsFixed(widget.precision),
+      );
+    }
+
+    setState(() {
+      _currentValue = clampedValue;
+      _controller.text = _formatValue(clampedValue);
+    });
+    widget.onChanged?.call(clampedValue);
+  }
+
+  Widget _buildControlButton({
+    required IconData icon,
+    required VoidCallback? onPressed,
+    required bool disabled,
+  }) {
+    final colors = Theme.of(context).colorScheme;
+
+    return Container(
+      width: 32,
+      height: 32,
+      child: Material(
+        color: disabled ? disabledColor : colors.primary.withAlpha(100),
+        child: InkWell(
+          onTap: disabled ? null : onPressed,
+          borderRadius: BorderRadius.circular(4),
+          child: Icon(icon, size: 18, color: colors.onSurface),
+        ),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final colors = Theme.of(context).colorScheme;
+
+    return Container(
+      width: 150,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(6),
+        border: Border.all(color: colors.primary, width: 1.5),
+      ),
+      child: IntrinsicWidth(
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            _buildControlButton(
+              icon: Icons.remove,
+              onPressed: () => _handleValueChange(_currentValue - widget.step),
+              disabled: _currentValue <= widget.min,
+            ),
+            Expanded(
+              child: Text(
+                '${_currentValue} ${widget.unit}',
+                textAlign: TextAlign.center,
+              ),
+            ),
+            _buildControlButton(
+              icon: Icons.add,
+              onPressed: () => _handleValueChange(_currentValue + widget.step),
+              disabled: _currentValue >= widget.max,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+}