二次开发源码提交
This commit is contained in:
@@ -0,0 +1,292 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../data/models/share_model.dart';
|
||||
|
||||
/// 截断文件名，智能截断避免多个小数点
|
||||
String _truncateFileName(String name, int maxLength) {
|
||||
if (name.length <= maxLength) {
|
||||
return name;
|
||||
}
|
||||
|
||||
// 查找最后一个点
|
||||
final lastDotIndex = name.lastIndexOf('.');
|
||||
|
||||
// 如果没有点，或者点在开头或末尾，直接截断
|
||||
if (lastDotIndex <= 0 || lastDotIndex >= name.length - 1) {
|
||||
return '${name.substring(0, maxLength - 3)}...';
|
||||
}
|
||||
|
||||
// 有扩展名的情况
|
||||
final extension = name.substring(lastDotIndex);
|
||||
final nameWithoutExt = name.substring(0, lastDotIndex);
|
||||
|
||||
// 扩展名太长，直接截断整个文件名
|
||||
if (extension.length >= maxLength) {
|
||||
return '${name.substring(0, maxLength - 3)}...';
|
||||
}
|
||||
|
||||
// 计算主体部分能显示的长度
|
||||
const ellipsis = '...';
|
||||
final maxNameLength = maxLength - extension.length - ellipsis.length;
|
||||
|
||||
// 空间太小，主体部分至少保留3个字符
|
||||
if (maxNameLength < 3) {
|
||||
return '${name.substring(0, maxLength - 3)}...';
|
||||
}
|
||||
|
||||
// 主体部分能完整显示
|
||||
if (nameWithoutExt.length <= maxNameLength) {
|
||||
return '$nameWithoutExt$ellipsis$extension';
|
||||
}
|
||||
|
||||
// 主体部分需要截断
|
||||
return '${nameWithoutExt.substring(0, maxNameLength)}$ellipsis$extension';
|
||||
}
|
||||
|
||||
/// 文件名显示组件
|
||||
class _FileNameDisplay extends StatelessWidget {
|
||||
final String name;
|
||||
final Color? textColor;
|
||||
|
||||
const _FileNameDisplay({
|
||||
required this.name,
|
||||
this.textColor,
|
||||
});
|
||||
|
||||
/// 精确计算文本宽度
|
||||
String _fitText(String text, double maxWidth, TextStyle style) {
|
||||
final textPainter = TextPainter(
|
||||
text: TextSpan(text: text, style: style),
|
||||
maxLines: 1,
|
||||
textDirection: TextDirection.ltr,
|
||||
);
|
||||
textPainter.layout();
|
||||
|
||||
if (textPainter.width <= maxWidth) {
|
||||
return text;
|
||||
}
|
||||
|
||||
// 二分查找最佳长度
|
||||
int min = 1;
|
||||
int max = text.length;
|
||||
int best = 0;
|
||||
|
||||
while (min <= max) {
|
||||
final mid = ((min + max) / 2).floor();
|
||||
final candidate = _truncateFileName(text, mid);
|
||||
|
||||
final painter = TextPainter(
|
||||
text: TextSpan(text: candidate, style: style),
|
||||
maxLines: 1,
|
||||
textDirection: TextDirection.ltr,
|
||||
);
|
||||
painter.layout();
|
||||
|
||||
if (painter.width <= maxWidth) {
|
||||
best = mid;
|
||||
min = mid + 1;
|
||||
} else {
|
||||
max = mid - 1;
|
||||
}
|
||||
}
|
||||
|
||||
return _truncateFileName(text, best);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return LayoutBuilder(
|
||||
builder: (context, constraints) {
|
||||
final maxWidth = constraints.maxWidth;
|
||||
final style = TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: textColor,
|
||||
);
|
||||
|
||||
final fittedName = _fitText(name, maxWidth, style);
|
||||
|
||||
return Text(
|
||||
fittedName,
|
||||
style: style,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 分享列表项
|
||||
class ShareListItem extends StatelessWidget {
|
||||
final ShareModel share;
|
||||
final VoidCallback? onEdit;
|
||||
final VoidCallback? onDelete;
|
||||
|
||||
const ShareListItem({
|
||||
super.key,
|
||||
required this.share,
|
||||
this.onEdit,
|
||||
this.onDelete,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final expired = share.expired;
|
||||
final textColor = expired ? Colors.grey.shade600 : null;
|
||||
|
||||
return Card(
|
||||
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
child: InkWell(
|
||||
onTap: onEdit,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 65,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Icon(
|
||||
share.isFolder
|
||||
? Icons.folder
|
||||
: Icons.insert_drive_file_outlined,
|
||||
color: textColor,
|
||||
size: 24,
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: _FileNameDisplay(
|
||||
name: share.name,
|
||||
textColor: textColor,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
share.url,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: Colors.grey.shade500,
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 35,
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
if (share.isPrivate ?? false) ...[
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.blue.shade50,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
child: const Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(Icons.lock, size: 14, color: Colors.blue),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
if (share.downloaded != null) ...[
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.blue.shade50,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
'${share.downloaded}',
|
||||
style: TextStyle(fontSize: 10, color: Colors.grey.shade600),
|
||||
),
|
||||
Icon(Icons.download, size: 14, color: Colors.green.shade700),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
],
|
||||
...[
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.blue.shade50,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
'${share.visited}',
|
||||
style: TextStyle(fontSize: 10, color: Colors.grey.shade600),
|
||||
),
|
||||
Icon(Icons.visibility, size: 14, color: Colors.yellow.shade700),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
if (onEdit != null) ...[
|
||||
IconButton(
|
||||
icon: const Icon(Icons.edit, size: 24),
|
||||
onPressed: onEdit,
|
||||
tooltip: '编辑',
|
||||
constraints: const BoxConstraints(
|
||||
minWidth: 24,
|
||||
minHeight: 24,
|
||||
),
|
||||
style: IconButton.styleFrom(
|
||||
padding: EdgeInsets.zero,
|
||||
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||
),
|
||||
),
|
||||
],
|
||||
if (onDelete != null) ...[
|
||||
IconButton(
|
||||
icon: const Icon(Icons.delete, size: 24),
|
||||
onPressed: onDelete,
|
||||
tooltip: '删除',
|
||||
constraints: const BoxConstraints(
|
||||
minWidth: 24,
|
||||
minHeight: 24,
|
||||
),
|
||||
style: IconButton.styleFrom(
|
||||
foregroundColor: Colors.red.shade700,
|
||||
padding: EdgeInsets.zero,
|
||||
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user