import 'dart:typed_data'; import 'dart:ui'; import 'package:PiliPlus/common/widgets/button/icon_button.dart'; import 'package:PiliPlus/common/widgets/image/network_img_layer.dart'; import 'package:PiliPlus/grpc/bilibili/main/community/reply/v1.pb.dart' show ReplyInfo; import 'package:PiliPlus/models/common/video/video_type.dart'; import 'package:PiliPlus/models/dynamics/result.dart'; import 'package:PiliPlus/pages/dynamics/widgets/dynamic_panel.dart'; import 'package:PiliPlus/pages/music/controller.dart'; import 'package:PiliPlus/pages/video/introduction/pgc/controller.dart'; import 'package:PiliPlus/pages/video/introduction/ugc/controller.dart'; import 'package:PiliPlus/pages/video/reply/widgets/reply_item_grpc.dart'; import 'package:PiliPlus/utils/context_ext.dart'; import 'package:PiliPlus/utils/date_util.dart'; import 'package:PiliPlus/utils/image_util.dart'; import 'package:PiliPlus/utils/utils.dart'; import 'package:flutter/foundation.dart' show kDebugMode; import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; import 'package:get/get.dart' hide ContextExtensionss; import 'package:intl/intl.dart' show DateFormat; import 'package:pretty_qr_code/pretty_qr_code.dart'; import 'package:saver_gallery/saver_gallery.dart'; import 'package:share_plus/share_plus.dart'; class SavePanel extends StatefulWidget { const SavePanel({ required this.item, // reply this.upMid, super.key, }); final dynamic upMid; final dynamic item; @override State createState() => _SavePanelState(); static void toSavePanel({dynamic upMid, dynamic item}) { Get.generalDialog( barrierLabel: '', barrierDismissible: true, pageBuilder: (context, animation, secondaryAnimation) { return SavePanel(upMid: upMid, item: item); }, transitionDuration: const Duration(milliseconds: 255), transitionBuilder: (context, animation, secondaryAnimation, child) { var tween = Tween( begin: 0, end: 1, ).chain(CurveTween(curve: Curves.easeInOut)); return FadeTransition( opacity: animation.drive(tween), child: child, ); }, routeSettings: RouteSettings(arguments: Get.arguments), ); } } class _SavePanelState extends State { final boundaryKey = GlobalKey(); bool showBottom = true; // item Object get _item => widget.item; late String viewType = '查看'; late String itemType = '内容'; //reply String? cover; _CoverType coverType = _CoverType.def16_9; String? title; int? pubdate; DateFormat dateFormat = DateUtil.longFormatDs; String? uname; String uri = ''; @override void initState() { super.initState(); if (_item case ReplyInfo reply) { itemType = '评论'; final currentRoute = Get.currentRoute; late final hasRoot = reply.hasRoot(); if (currentRoute.startsWith('/video')) { try { final heroTag = Get.arguments['heroTag']; final videoType = Get.arguments['videoType']; if (videoType == VideoType.pgc || videoType == VideoType.pugv) { final ctr = Get.find(tag: heroTag); final pgcItem = ctr.pgcItem; final episode = pgcItem.episodes!.firstWhere( (e) => e.cid == ctr.cid.value, ); cover = episode.cover; title = episode.shareCopy ?? '${pgcItem.title} ${episode.showTitle ?? episode.longTitle ?? ''}'; pubdate = episode.pubTime; uname = pgcItem.upInfo?.uname; } else { final ctr = Get.find(tag: heroTag); final videoDetail = ctr.videoDetail.value; cover = videoDetail.pic; title = videoDetail.title; pubdate = videoDetail.pubdate; uname = videoDetail.owner?.name; } } catch (_) {} uri = 'bilibili://video/${reply.oid}?comment_root_id=${hasRoot ? reply.root : reply.id}${hasRoot ? '&comment_secondary_id=${reply.id}' : ''}'; try { final heroTag = Get.arguments['heroTag']; late final ctr = Get.find(tag: heroTag); final type = reply.type.toInt(); late final oid = reply.oid; late final rootId = hasRoot ? reply.root : reply.id; late final anchor = hasRoot ? 'anchor=${reply.id}&' : ''; uri = 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=bilibili://pgc/season/ep/${ctr.epId}'; } catch (_) {} } else if (currentRoute.startsWith('/dynamicDetail')) { try { DynamicItemModel dynItem = Get.arguments['item']; uname = dynItem.modules.moduleAuthor?.name; final type = reply.type.toInt(); late final oid = dynItem.idStr; late final rootId = hasRoot ? reply.root : reply.id; late final anchor = hasRoot ? 'anchor=${reply.id}&' : ''; late final enterUri = parseDyn(dynItem); uri = switch (type) { 1 || 11 || 12 => 'bilibili://comment/detail/$type/${dynItem.basic!.ridStr}/$rootId/?${anchor}enterUri=$enterUri', _ => 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=$enterUri', }; } catch (_) {} } else if (currentRoute.startsWith('/Scaffold')) { try { final type = reply.type.toInt(); late final oid = Get.arguments['oid']; late final rootId = hasRoot ? reply.root : reply.id; late final anchor = hasRoot ? 'anchor=${reply.id}&' : ''; late final enterUri = 'bilibili://following/detail/$oid'; uri = switch (type) { 1 || 11 || 12 => 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=${Get.arguments['enterUri']}', _ => 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=$enterUri', }; } catch (_) {} } else if (currentRoute.startsWith('/articlePage')) { try { final type = reply.type.toInt(); final oid = reply.oid; final rootId = hasRoot ? reply.root : reply.id; final anchor = hasRoot ? 'anchor=${reply.id}&' : ''; final enterUri = 'bilibili://following/detail/${Get.parameters['id'] ?? Get.arguments?['id']}'; uri = 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=$enterUri'; } catch (_) {} } else if (currentRoute.startsWith('/musicDetail')) { final type = reply.type.toInt(); final oid = reply.oid; final rootId = hasRoot ? reply.root : reply.id; final anchor = hasRoot ? 'anchor=${reply.id}&' : ''; String enterUri = ''; try { final ctr = Get.find( tag: Get.parameters['musicId'], ); // enterUri = 'enterUri=${Uri.encodeComponent(ctr.shareUrl)}'; // official client cannot parse it final data = ctr.infoState.value.dataOrNull; if (data != null) { coverType = _CoverType.square; cover = data.mvCover; title = data.musicTitle; if (data.musicPublish != null) { final time = DateTime.tryParse( data.musicPublish!, )?.millisecondsSinceEpoch; if (time != null) { pubdate = time ~/ 1000; dateFormat = DateUtil.longFormat; } } } } catch (_) {} uri = 'bilibili://comment/detail/$type/$oid/$rootId/?$anchor$enterUri'; } if (kDebugMode) debugPrint(uri); } else if (_item case DynamicItemModel i) { uri = parseDyn(i); if (kDebugMode) debugPrint(uri); } } String parseDyn(DynamicItemModel item) { String uri = ''; try { switch (item.type) { case 'DYNAMIC_TYPE_AV': viewType = '观看'; itemType = '视频'; uri = 'bilibili://video/${item.basic!.commentIdStr}'; break; case 'DYNAMIC_TYPE_ARTICLE': itemType = '专栏'; uri = 'bilibili://following/detail/${item.idStr}'; break; case 'DYNAMIC_TYPE_LIVE_RCMD': viewType = '观看'; itemType = '直播'; final roomId = item.modules.moduleDynamic!.major!.liveRcmd!.roomId; uri = 'bilibili://live/$roomId'; break; case 'DYNAMIC_TYPE_UGC_SEASON': viewType = '观看'; itemType = '合集'; final aid = item.modules.moduleDynamic!.major!.ugcSeason!.aid; uri = 'bilibili://video/$aid'; break; case 'DYNAMIC_TYPE_PGC': case 'DYNAMIC_TYPE_PGC_UNION': viewType = '观看'; itemType = item.modules.moduleDynamic?.major?.pgc?.badge?.text ?? '番剧'; final epid = item.modules.moduleDynamic!.major!.pgc!.epid; uri = 'bilibili://pgc/season/ep/$epid'; break; // https://www.bilibili.com/medialist/detail/ml12345678 case 'DYNAMIC_TYPE_MEDIALIST': itemType = '收藏夹'; final mediaId = item.modules.moduleDynamic!.major!.medialist!.id; uri = 'bilibili://medialist/detail/$mediaId'; break; // 纯文字动态查看 // case 'DYNAMIC_TYPE_WORD': // # 装扮/剧集点评/普通分享 // case 'DYNAMIC_TYPE_COMMON_SQUARE': // 转发的动态 // case 'DYNAMIC_TYPE_FORWARD': // 图文动态查看 // case 'DYNAMIC_TYPE_DRAW': default: itemType = '动态'; uri = 'bilibili://following/detail/${item.idStr}'; break; } } catch (_) {} return uri; } Future _onSaveOrSharePic([bool isShare = false]) async { if (!isShare) { if (mounted && !await ImageUtil.checkPermissionDependOnSdkInt(context)) { return; } } SmartDialog.showLoading(); try { RenderRepaintBoundary boundary = boundaryKey.currentContext!.findRenderObject() as RenderRepaintBoundary; var image = await boundary.toImage(pixelRatio: 3); ByteData? byteData = await image.toByteData(format: ImageByteFormat.png); Uint8List pngBytes = byteData!.buffer.asUint8List(); String picName = "plpl_reply_${DateFormat('yyyyMMddHHmmss').format(DateTime.now())}"; if (isShare) { Get.back(); SmartDialog.dismiss(); SharePlus.instance.share( ShareParams( files: [ XFile.fromData( pngBytes, name: picName, mimeType: 'image/png', ), ], sharePositionOrigin: await Utils.sharePositionOrigin, ), ); } else { final result = await SaverGallery.saveImage( pngBytes, fileName: '$picName.png', androidRelativePath: "Pictures/PiliPlus", skipIfExists: false, ); SmartDialog.dismiss(); if (result.isSuccess) { Get.back(); SmartDialog.showToast('保存成功'); } else if (result.errorMessage?.isNotEmpty == true) { SmartDialog.showToast(result.errorMessage!); } } } catch (e) { if (kDebugMode) debugPrint('on save/share reply: $e'); SmartDialog.dismiss(); } } @override Widget build(BuildContext context) { final theme = Theme.of(context); final padding = MediaQuery.viewPaddingOf(context); final maxWidth = context.mediaQueryShortestSide; late final coverSize = MediaQuery.textScalerOf(context).scale(65); return GestureDetector( behavior: HitTestBehavior.opaque, onTap: Get.back, child: Stack( clipBehavior: Clip.none, alignment: Alignment.center, children: [ SingleChildScrollView( padding: EdgeInsets.only( top: 12 + padding.top, bottom: 80 + padding.bottom, ), child: GestureDetector( onTap: () {}, child: Container( width: maxWidth, padding: const EdgeInsets.symmetric(horizontal: 12), child: RepaintBoundary( key: boundaryKey, child: Container( clipBehavior: Clip.hardEdge, decoration: BoxDecoration( color: theme.colorScheme.surface, borderRadius: const BorderRadius.all(Radius.circular(12)), ), child: AnimatedSize( curve: Curves.easeInOut, alignment: Alignment.topCenter, duration: const Duration(milliseconds: 255), child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ if (_item case ReplyInfo reply) IgnorePointer( child: ReplyItemGrpc( replyItem: reply, replyLevel: 0, needDivider: false, upMid: widget.upMid, ), ) else if (_item case DynamicItemModel dyn) IgnorePointer( child: DynamicPanel( item: dyn, isDetail: true, isSave: true, maxWidth: maxWidth - 24, ), ), if (cover?.isNotEmpty == true && title?.isNotEmpty == true) Container( height: 81, clipBehavior: Clip.hardEdge, margin: const EdgeInsets.symmetric( horizontal: 12, ), padding: const EdgeInsets.all(8), decoration: BoxDecoration( color: theme.colorScheme.onInverseSurface, borderRadius: const BorderRadius.all( Radius.circular(8), ), ), child: Row( children: [ NetworkImgLayer( radius: 6, src: cover!, height: coverSize, width: coverType == _CoverType.def16_9 ? coverSize * 16 / 9 : coverSize, quality: 100, ), const SizedBox(width: 10), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( '$title\n', maxLines: 2, overflow: TextOverflow.ellipsis, ), if (pubdate != null) ...[ const Spacer(), Text( DateUtil.format( pubdate, format: dateFormat, ), style: TextStyle( color: theme.colorScheme.outline, ), ), ], ], ), ), ], ), ), showBottom ? Stack( clipBehavior: Clip.none, children: [ if (uri.isNotEmpty) Align( alignment: Alignment.centerRight, child: Row( children: [ Expanded( child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.end, spacing: 4, children: [ if (uname?.isNotEmpty == true) Text( '@$uname', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( color: theme .colorScheme .primary, ), ), Text( '识别二维码，$viewType$itemType', textAlign: TextAlign.end, style: TextStyle( color: theme .colorScheme .onSurfaceVariant, ), ), Text( DateUtil.longFormatDs .format( DateTime.now(), ), textAlign: TextAlign.end, style: TextStyle( fontSize: 13, color: theme .colorScheme .outline, ), ), ], ), ), Container( width: 100, height: 100, padding: const EdgeInsets.all( 12, ), child: Container( color: Get.isDarkMode ? Colors.white : theme.colorScheme.surface, padding: const EdgeInsets.all( 3, ), child: PrettyQrView.data( data: uri, decoration: const PrettyQrDecoration( shape: PrettyQrSquaresSymbol(), ), ), ), ), ], ), ), Align( alignment: Alignment.centerLeft, child: Image.asset( 'assets/images/logo/logo_2.png', width: 100, color: theme.colorScheme.onSurfaceVariant, ), ), ], ) : const SizedBox(height: 12), ], ), ), ), ), ), ), ), Positioned( left: 0, right: 0, bottom: 0, child: DecoratedBox( decoration: const BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ Colors.transparent, Colors.black54, ], ), ), child: Padding( padding: EdgeInsets.only( left: padding.left, right: padding.right, bottom: 25 + padding.bottom, ), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ iconButton( size: 42, tooltip: '关闭', context: context, icon: Icons.clear, onPressed: Get.back, bgColor: theme.colorScheme.onInverseSurface, iconColor: theme.colorScheme.onSurfaceVariant, ), const SizedBox(width: 40), iconButton( size: 42, tooltip: showBottom ? '隐藏' : '显示', context: context, icon: showBottom ? Icons.visibility_off : Icons.visibility, onPressed: () => setState(() { showBottom = !showBottom; }), ), const SizedBox(width: 40), iconButton( size: 42, tooltip: '分享', context: context, icon: Icons.share, onPressed: () => _onSaveOrSharePic(true), ), const SizedBox(width: 40), iconButton( size: 42, tooltip: '保存', context: context, icon: Icons.save_alt, onPressed: _onSaveOrSharePic, ), ], ), ), ), ), ], ), ); } } enum _CoverType { def16_9, square }