68 lines
2.1 KiB
Dart
68 lines
2.1 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:ainoval/utils/web_theme.dart';
|
||
|
||
/// 可拖拽的分隔条组件
|
||
class DraggableDivider extends StatefulWidget {
|
||
const DraggableDivider({
|
||
super.key,
|
||
required this.onDragUpdate,
|
||
required this.onDragEnd,
|
||
});
|
||
|
||
final Function(DragUpdateDetails) onDragUpdate;
|
||
final Function(DragEndDetails) onDragEnd;
|
||
|
||
@override
|
||
State<DraggableDivider> createState() => _DraggableDividerState();
|
||
}
|
||
|
||
class _DraggableDividerState extends State<DraggableDivider> {
|
||
bool _isDragging = false;
|
||
bool _isHovering = false;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return MouseRegion(
|
||
cursor: SystemMouseCursors.resizeLeftRight,
|
||
onEnter: (_) => setState(() => _isHovering = true),
|
||
onExit: (_) => setState(() => _isHovering = false),
|
||
child: GestureDetector(
|
||
onHorizontalDragStart: (_) {
|
||
setState(() {
|
||
_isDragging = true;
|
||
});
|
||
},
|
||
onHorizontalDragUpdate: widget.onDragUpdate,
|
||
onHorizontalDragEnd: (details) {
|
||
setState(() {
|
||
_isDragging = false;
|
||
});
|
||
widget.onDragEnd(details);
|
||
},
|
||
child: Container(
|
||
width: 8,
|
||
height: double.infinity,
|
||
// 🚀 修复：使用WebTheme动态背景色
|
||
color: _isDragging
|
||
? WebTheme.getPrimaryColor(context).withOpacity(0.1)
|
||
: _isHovering
|
||
? WebTheme.isDarkMode(context) ? WebTheme.darkGrey200 : WebTheme.grey200
|
||
: WebTheme.getSurfaceColor(context),
|
||
child: Center(
|
||
child: Container(
|
||
width: 1,
|
||
height: double.infinity,
|
||
// 🚀 修复：使用WebTheme动态分割线颜色
|
||
color: _isDragging
|
||
? WebTheme.getPrimaryColor(context)
|
||
: _isHovering
|
||
? WebTheme.isDarkMode(context) ? WebTheme.darkGrey400 : WebTheme.grey400
|
||
: WebTheme.isDarkMode(context) ? WebTheme.darkGrey300 : WebTheme.grey300,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|