Files
PiliPlus/lib/pages/whisper_detail/widget/chat_item.dart
bggRGjQaUbCoE 5f8dc76891 opt mouse control
Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-09-28 17:39:58 +08:00

793 lines
27 KiB
Dart

import 'dart:convert';
import 'package:PiliPlus/common/constants.dart';
import 'package:PiliPlus/common/widgets/badge.dart';
import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
import 'package:PiliPlus/grpc/bilibili/im/interfaces/v1.pb.dart'
show EmotionInfo;
import 'package:PiliPlus/grpc/bilibili/im/type.pb.dart' show Msg, MsgType;
import 'package:PiliPlus/http/search.dart';
import 'package:PiliPlus/models/common/badge_type.dart';
import 'package:PiliPlus/models/common/image_preview_type.dart';
import 'package:PiliPlus/models/common/image_type.dart';
import 'package:PiliPlus/utils/app_scheme.dart';
import 'package:PiliPlus/utils/date_utils.dart';
import 'package:PiliPlus/utils/duration_utils.dart';
import 'package:PiliPlus/utils/id_utils.dart';
import 'package:PiliPlus/utils/image_utils.dart';
import 'package:PiliPlus/utils/page_utils.dart';
import 'package:PiliPlus/utils/utils.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
class ChatItem extends StatelessWidget {
static MsgType msgTypeFromValue(int value) {
return MsgType.valueOf(value) ?? MsgType.EN_INVALID_MSG_TYPE;
}
const ChatItem({
super.key,
required this.item,
this.eInfos,
this.onLongPress,
}) : isOwner = onLongPress != null;
final Msg item;
final List<EmotionInfo>? eInfos;
final VoidCallback? onLongPress;
final bool isOwner;
// 消息来源
// enum MsgSource {
// EN_MSG_SOURCE_AUTOREPLY_BY_FOLLOWED = 8; //
// EN_MSG_SOURCE_AUTOREPLY_BY_RECEIVE_MSG = 9; //
// EN_MSG_SOURCE_AUTOREPLY_BY_KEYWORDS = 10; //
// EN_MSG_SOURCE_AUTOREPLY_BY_VOYAGE = 11; //
// };
@override
Widget build(BuildContext context) {
bool isPic = item.msgType == MsgType.EN_MSG_TYPE_PIC.value; // 图片
bool isRevoke = item.msgType == MsgType.EN_MSG_TYPE_DRAW_BACK.value; // 撤回消息
bool isSystem =
item.msgType == MsgType.EN_MSG_TYPE_VIDEO_CARD.value ||
item.msgType == MsgType.EN_MSG_TYPE_TIP_MESSAGE.value ||
item.msgType == MsgType.EN_MSG_TYPE_NOTIFY_MSG.value ||
item.msgType == MsgType.EN_MSG_TYPE_PICTURE_CARD.value ||
item.msgType == 16;
late final ThemeData theme = Theme.of(context);
late final Color textColor = isOwner
? theme.colorScheme.onSecondaryContainer
: theme.colorScheme.onSurfaceVariant;
late final dynamic content = jsonDecode(item.content);
return isRevoke
? const SizedBox.shrink()
: Column(
children: [
Padding(
padding: const EdgeInsets.only(top: 6, bottom: 18),
child: Text(
DateFormatUtils.chatFormat(item.timestamp.toInt()),
textAlign: TextAlign.center,
style: TextStyle(color: theme.colorScheme.outline),
),
),
isSystem
? messageContent(
context: context,
theme: theme,
content: content,
textColor: textColor,
)
: GestureDetector(
onLongPress: onLongPress != null && Utils.isMobile
? () {
Feedback.forLongPress(context);
onLongPress!();
}
: null,
onSecondaryTap: !Utils.isMobile ? onLongPress : null,
child: Row(
mainAxisAlignment: isOwner
? MainAxisAlignment.end
: MainAxisAlignment.start,
children: [
Container(
constraints: const BoxConstraints(maxWidth: 300.0),
decoration: BoxDecoration(
color: isOwner
? theme.colorScheme.secondaryContainer
: theme.colorScheme.onInverseSurface,
borderRadius: isOwner
? const BorderRadius.only(
topLeft: Radius.circular(16),
topRight: Radius.circular(16),
bottomLeft: Radius.circular(16),
bottomRight: Radius.circular(6),
)
: const BorderRadius.only(
topLeft: Radius.circular(16),
topRight: Radius.circular(16),
bottomLeft: Radius.circular(6),
bottomRight: Radius.circular(16),
),
),
padding: EdgeInsets.only(
top: 8,
bottom: 6,
left: isPic ? 8 : 12,
right: isPic ? 8 : 12,
),
child: Column(
crossAxisAlignment: isOwner
? CrossAxisAlignment.end
: CrossAxisAlignment.start,
children: [
messageContent(
context: context,
theme: theme,
content: content,
textColor: textColor,
),
SizedBox(height: isPic ? 7 : 2),
if (item.msgStatus == 1)
Text(
' 已撤回',
style: theme.textTheme.labelSmall!.copyWith(
color: theme.colorScheme.onErrorContainer,
),
),
if (item.msgSource >= 8 &&
item.msgSource <= 11) ...[
Divider(
height: 10,
thickness: 1,
color: theme.colorScheme.outline.withValues(
alpha: 0.2,
),
),
Text(
'此条消息为自动回复',
style: theme.textTheme.labelMedium!
.copyWith(
color: theme.colorScheme.outline,
),
),
],
],
),
),
],
),
),
],
);
}
Widget messageContent({
required BuildContext context,
required ThemeData theme,
required dynamic content,
required Color textColor,
}) {
try {
switch (msgTypeFromValue(item.msgType)) {
case MsgType.EN_MSG_TYPE_NOTIFY_MSG:
return msgTypeNotifyMsg_10(theme, content);
case MsgType.EN_MSG_TYPE_PICTURE_CARD:
return msgTypePictureCard_13(content);
case MsgType.EN_MSG_TYPE_TIP_MESSAGE:
return msgTypeTipMessage_18(theme, content);
case MsgType.EN_MSG_TYPE_TEXT:
return msgTypeText_1(theme, content: content, textColor: textColor);
case MsgType.EN_MSG_TYPE_PIC:
return msgTypePic_2(content);
case MsgType.EN_MSG_TYPE_SHARE_V2:
return msgTypeShareV2_7(content, textColor);
case MsgType.EN_MSG_TYPE_VIDEO_CARD:
return msgTypeVideoCard_11(theme, content, textColor);
case MsgType.EN_MSG_TYPE_ARTICLE_CARD:
return msgTypeArticleCard_12(content, textColor);
case MsgType.EN_MSG_TYPE_COMMON_SHARE_CARD:
return msgTypeCommonShareCard_14(content, textColor);
default:
if (item.msgType == 16) {
return msgType_16(theme, content, textColor);
}
return def(textColor);
}
} catch (err) {
return def(textColor, err: err);
}
}
Widget msgTypeCommonShareCard_14(dynamic content, Color textColor) {
if (content['source'] == '直播') {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
GestureDetector(
onTap: () {
var roomId = content['sourceID'];
if (roomId is String) {
roomId = int.parse(roomId);
}
PageUtils.toLiveRoom(roomId);
},
child: NetworkImgLayer(
width: 220,
height: 220 * 9 / 16,
src: content['cover'],
),
),
const SizedBox(height: 6),
Text(
content['title'] ?? "",
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 1),
Text(
'${content['author']} · 直播',
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor.withValues(alpha: 0.6),
fontSize: 12,
),
),
],
);
} else {
return def(textColor);
}
}
Widget msgTypeArticleCard_12(dynamic content, Color textColor) {
return GestureDetector(
onTap: () => Get.toNamed(
'/articlePage',
parameters: {
'id': '${content['rid']}',
'type': "read",
},
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
for (var i in content['image_urls'])
NetworkImgLayer(
width: 130,
height: 130 * 9 / 16,
src: i,
),
],
),
const SizedBox(height: 6),
SelectableText(
content['title'] ?? "",
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor,
fontWeight: FontWeight.bold,
),
),
if (content['summary'] != null && content['summary'] != '') ...[
const SizedBox(height: 1),
SelectableText(
scrollPhysics: const NeverScrollableScrollPhysics(),
content['summary'],
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor.withValues(alpha: 0.6),
fontSize: 12,
overflow: TextOverflow.ellipsis,
),
maxLines: 2,
),
],
],
),
);
}
Widget msgType_16(ThemeData theme, content, Color textColor) {
return Center(
child: Container(
constraints: const BoxConstraints(maxWidth: 400),
decoration: BoxDecoration(
color: theme.colorScheme.onInverseSurface,
borderRadius: const BorderRadius.all(Radius.circular(16)),
),
padding: const EdgeInsets.all(12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
spacing: 6,
children: [
Text(
content['main_title'],
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor,
fontWeight: FontWeight.bold,
),
),
for (var i in content['sub_cards'])
GestureDetector(
onTap: () async {
String? bvid = IdUtils.bvRegex
.firstMatch(i['jump_url'])
?.group(0);
if (bvid != null) {
try {
SmartDialog.showLoading();
final int? cid = await SearchHttp.ab2c(bvid: bvid);
SmartDialog.dismiss();
if (cid != null) {
PageUtils.toVideoPage(
bvid: bvid,
cid: cid,
cover: i['cover_url'],
);
}
} catch (err) {
SmartDialog.dismiss();
SmartDialog.showToast(err.toString());
}
} else {
SmartDialog.showToast('未匹配到 BV 号');
PageUtils.handleWebview(i['jump_url']);
}
},
child: Row(
spacing: 6,
children: [
NetworkImgLayer(
width: 130,
height: 130 * 9 / 16,
src: i['cover_url'],
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
i['field1'],
maxLines: 2,
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor,
fontWeight: FontWeight.bold,
),
),
Text(
i['field2'],
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor.withValues(alpha: 0.6),
fontSize: 12,
),
),
Text(
i['field3'],
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor.withValues(alpha: 0.6),
fontSize: 12,
),
),
],
),
),
],
),
),
],
),
),
);
}
Widget msgTypeVideoCard_11(ThemeData theme, content, Color textColor) {
return Center(
child: Container(
clipBehavior: Clip.hardEdge,
constraints: const BoxConstraints(maxWidth: 400.0),
decoration: BoxDecoration(
borderRadius: StyleString.mdRadius,
color: theme.colorScheme.onInverseSurface,
),
child: LayoutBuilder(
builder: (_, constrains) {
return GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () async {
try {
SmartDialog.showLoading();
var bvid = content["bvid"];
final int? cid = await SearchHttp.ab2c(bvid: bvid);
SmartDialog.dismiss();
if (cid != null) {
PageUtils.toVideoPage(
bvid: bvid,
cid: cid,
cover: content['cover'],
);
}
} catch (err) {
SmartDialog.dismiss();
SmartDialog.showToast(err.toString());
}
},
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Stack(
clipBehavior: Clip.none,
children: [
NetworkImgLayer(
type: ImageType.emote,
width: constrains.maxWidth,
height: constrains.maxWidth * 9 / 16,
src: content['cover'],
),
PBadge(
left: 6,
bottom: 6,
type: PBadgeType.gray,
text: content['times'] == 0
? '--:--'
: DurationUtils.formatDuration(content['times']),
),
],
),
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 8,
),
child: Text(
content['times'] == 0 ? '内容已失效' : content['title'],
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor,
fontWeight: FontWeight.bold,
),
),
),
],
),
);
},
),
),
);
}
Widget msgTypeShareV2_7(dynamic content, Color textColor) {
String? type;
GestureTapCallback onTap;
switch (content['source']) {
// album
case 2:
type = '相簿';
onTap = () => PageUtils.pushDynFromId(rid: content['id']);
break;
// video
case 5:
type = '视频';
onTap = () async {
dynamic aid = content['id'];
if (aid is String) {
aid = int.tryParse(aid);
}
dynamic bvid = content["bvid"];
if (aid == null && bvid == null) {
SmartDialog.showToast('null');
}
bvid ??= IdUtils.av2bv(aid);
SmartDialog.showLoading();
final int? cid = await SearchHttp.ab2c(bvid: bvid);
SmartDialog.dismiss();
if (cid != null) {
PageUtils.toVideoPage(
aid: aid,
bvid: bvid,
cid: cid,
cover: content['thumb'],
);
}
};
break;
// article
case 6:
type = '专栏';
onTap = () => Get.toNamed(
'/articlePage',
parameters: {
'id': '${content['id']}',
'type': 'read',
},
);
break;
// dynamic
case 11:
type = '动态';
onTap = () => PageUtils.pushDynFromId(id: content['id']);
break;
// pgc
case 16:
onTap = () => PageUtils.viewPgc(epId: content['id']);
break;
default:
onTap = () => SmartDialog.showToast(
'unsupported source type: ${content['source']}',
);
}
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
GestureDetector(
onTap: onTap,
child: NetworkImgLayer(
width: 220,
height: 220 * 9 / 16,
src: content['thumb'],
),
),
const SizedBox(height: 6),
Text(
content['title'] ?? "",
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor,
fontWeight: FontWeight.bold,
),
),
if (content['source'] == 6 &&
(content['headline'] as String?)?.isNotEmpty == true) ...[
const SizedBox(height: 1),
Text(
content['headline'],
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor,
fontWeight: FontWeight.bold,
),
),
],
if (content['author'] != null) ...[
const SizedBox(height: 1),
Text(
'${content['author']}${type != null ? ' · $type' : ''}',
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor.withValues(alpha: 0.6),
fontSize: 12,
),
),
],
],
);
}
Widget msgTypePic_2(content) {
final url = content['url'];
return GestureDetector(
onTap: () => PageUtils.imageView(imgList: [SourceModel(url: url)]),
child: Hero(
tag: url,
child: NetworkImgLayer(
width: 220,
height: 220 * content['height'] / content['width'],
src: url,
),
),
);
}
Widget msgTypeTipMessage_18(ThemeData theme, content) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 10),
child: Text(
jsonDecode(content['content']).map((e) => e['text']).join("\n"),
textAlign: TextAlign.center,
style: TextStyle(
height: 1.5,
letterSpacing: 0.6,
color: theme.colorScheme.outline.withValues(alpha: 0.8),
),
),
);
}
Widget msgTypeText_1(
ThemeData theme, {
required dynamic content,
required Color textColor,
}) {
final style = TextStyle(color: textColor, letterSpacing: 0.6, height: 1.5);
final List<InlineSpan> children = [];
late final Map<String, Map> emojiMap = {};
final List<String> patterns = [Constants.urlRegex.pattern];
if (eInfos != null) {
for (var e in eInfos!) {
emojiMap[e.text] ??= {
'url': e.hasGifUrl() ? e.gifUrl : e.url,
'size': e.size * 22.0,
};
}
patterns.addAll(emojiMap.keys.map(RegExp.escape));
}
final regex = RegExp(patterns.join('|'));
content['content'].splitMapJoin(
regex,
onMatch: (Match match) {
final matchStr = match[0]!;
if (matchStr.startsWith('[')) {
final emoji = emojiMap[matchStr];
if (emoji != null) {
final size = emoji['size'];
children.add(
WidgetSpan(
child: NetworkImgLayer(
width: size,
height: size,
src: emoji['url'],
type: ImageType.emote,
),
),
);
} else {
children.add(TextSpan(text: matchStr, style: style));
}
} else {
children.add(
TextSpan(
text: matchStr,
style: style.copyWith(color: theme.colorScheme.primary),
recognizer: TapGestureRecognizer()
..onTap = () => PiliScheme.routePushFromUrl(matchStr),
),
);
}
return '';
},
onNonMatch: (String text) {
children.add(TextSpan(text: text, style: style));
return '';
},
);
return SelectableText.rich(TextSpan(children: children));
}
Widget msgTypeNotifyMsg_10(ThemeData theme, content) {
List? modules = content['modules'] as List?;
return Center(
child: Container(
constraints: const BoxConstraints(maxWidth: 400),
decoration: BoxDecoration(
color: theme.colorScheme.onInverseSurface,
borderRadius: const BorderRadius.all(Radius.circular(16)),
),
padding: const EdgeInsets.all(12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
SelectableText(
content['title'],
style: theme.textTheme.titleMedium!.copyWith(
fontWeight: FontWeight.bold,
),
),
Divider(color: theme.colorScheme.primary.withValues(alpha: 0.05)),
if ((content['text'] as String?)?.isNotEmpty == true)
SelectableText(content['text']),
if (modules?.isNotEmpty == true) ...[
const SizedBox(height: 4),
...modules!.map(
(e) => Row(
spacing: 10,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: 80,
child: Text(
e['title'],
style: TextStyle(color: theme.colorScheme.outline),
),
),
Expanded(child: Text(e['detail'])),
],
),
),
],
if ((content['jump_text'] as String?)?.isNotEmpty == true &&
(content['jump_uri'] as String?)?.isNotEmpty == true) ...[
Divider(color: theme.colorScheme.primary.withValues(alpha: 0.05)),
GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () => PiliScheme.routePushFromUrl(content['jump_uri']),
child: Text(content['jump_text']),
),
],
if ((content['jump_text_2'] as String?)?.isNotEmpty == true &&
(content['jump_uri_2'] as String?)?.isNotEmpty == true) ...[
Divider(color: theme.colorScheme.primary.withValues(alpha: 0.05)),
GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () => PiliScheme.routePushFromUrl(content['jump_uri_2']),
child: Text(content['jump_text_2']),
),
],
if ((content['jump_text_3'] as String?)?.isNotEmpty == true &&
(content['jump_uri_3'] as String?)?.isNotEmpty == true) ...[
Divider(color: theme.colorScheme.primary.withValues(alpha: 0.05)),
GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () => PiliScheme.routePushFromUrl(content['jump_uri_3']),
child: Text(content['jump_text_3']),
),
],
],
),
),
);
}
Widget msgTypePictureCard_13(dynamic content) {
final url = content['jump_url'];
return Center(
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 400.0),
child: ClipRRect(
borderRadius: StyleString.mdRadius,
child: GestureDetector(
onTap: url == null ? null : () => PiliScheme.routePushFromUrl(url),
child: CachedNetworkImage(
imageUrl: ImageUtils.thumbnailUrl(content['pic_url']),
),
),
),
),
);
}
Widget def(Color textColor, {err}) {
return Text(
'${item.content}${err != null ? '\n\ntype: ${msgTypeFromValue(item.msgType)}\nerr: $err' : ''}',
style: TextStyle(
letterSpacing: 0.6,
height: 1.5,
color: textColor,
fontWeight: FontWeight.bold,
),
);
}
}