Files
PiliPlus/lib/pages/member/view.dart
dom db30aa8041 tweaks
Signed-off-by: dom <githubaccount56556@proton.me>
2026-04-09 00:09:40 +08:00

723 lines
25 KiB
Dart

import 'dart:io' show Platform;
import 'dart:math' as math;
import 'package:PiliPlus/common/style.dart';
import 'package:PiliPlus/common/widgets/button/icon_button.dart';
import 'package:PiliPlus/common/widgets/dialog/report_member.dart';
import 'package:PiliPlus/common/widgets/dynamic_sliver_app_bar/dynamic_sliver_app_bar.dart';
import 'package:PiliPlus/common/widgets/gesture/tap_gesture_recognizer.dart';
import 'package:PiliPlus/common/widgets/loading_widget/loading_widget.dart';
import 'package:PiliPlus/common/widgets/scroll_physics.dart';
import 'package:PiliPlus/http/live.dart';
import 'package:PiliPlus/http/loading_state.dart';
import 'package:PiliPlus/http/user.dart';
import 'package:PiliPlus/models_new/live/live_medal_wall/data.dart';
import 'package:PiliPlus/models_new/space/space/reservation_card_list.dart';
import 'package:PiliPlus/pages/coin_log/controller.dart';
import 'package:PiliPlus/pages/exp_log/controller.dart';
import 'package:PiliPlus/pages/log_table/view.dart';
import 'package:PiliPlus/pages/login_devices/view.dart';
import 'package:PiliPlus/pages/login_log/controller.dart';
import 'package:PiliPlus/pages/member/controller.dart';
import 'package:PiliPlus/pages/member/widget/medal_wall.dart';
import 'package:PiliPlus/pages/member/widget/reserve_button.dart';
import 'package:PiliPlus/pages/member/widget/user_info_card.dart';
import 'package:PiliPlus/pages/member_cheese/view.dart';
import 'package:PiliPlus/pages/member_contribute/controller.dart';
import 'package:PiliPlus/pages/member_contribute/view.dart';
import 'package:PiliPlus/pages/member_dynamics/view.dart';
import 'package:PiliPlus/pages/member_favorite/view.dart';
import 'package:PiliPlus/pages/member_home/view.dart';
import 'package:PiliPlus/pages/member_pgc/view.dart';
import 'package:PiliPlus/pages/member_shop/view.dart';
import 'package:PiliPlus/pages/member_video_web/archive/view.dart';
import 'package:PiliPlus/pages/member_video_web/season_series/view.dart';
import 'package:PiliPlus/utils/date_utils.dart';
import 'package:PiliPlus/utils/extension/context_ext.dart';
import 'package:PiliPlus/utils/extension/string_ext.dart';
import 'package:PiliPlus/utils/num_utils.dart';
import 'package:PiliPlus/utils/page_utils.dart';
import 'package:PiliPlus/utils/platform_utils.dart';
import 'package:PiliPlus/utils/utils.dart';
import 'package:extended_nested_scroll_view/extended_nested_scroll_view.dart';
import 'package:flutter/material.dart';
import 'package:flutter_cache_manager/flutter_cache_manager.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:get/get.dart';
class MemberPage extends StatefulWidget {
const MemberPage({super.key});
@override
State<MemberPage> createState() => _MemberPageState();
}
class _MemberPageState extends State<MemberPage> {
late final int _mid;
late final String _heroTag;
late final MemberController _userController;
PageController? _headerController;
PageController getHeaderController() =>
_headerController ??= PageController();
@override
void initState() {
super.initState();
_mid = int.tryParse(Get.parameters['mid']!) ?? -1;
_heroTag = Utils.makeHeroTag(_mid);
_userController = Get.put(
MemberController(mid: _mid),
tag: _heroTag,
);
}
@override
void dispose() {
_headerController?.dispose();
_headerController = null;
_cacheFollowTime = null;
_cacheMedalData = null;
super.dispose();
}
@override
Widget build(BuildContext context) {
final theme = Theme.of(context).colorScheme;
final padding = MediaQuery.viewPaddingOf(context);
return Material(
color: theme.surface,
child: Obx(
() => switch (_userController.loadingState.value) {
Loading() => m3eLoading,
Success(:final response) => ExtendedNestedScrollView(
key: _userController.key,
onlyOneScrollInBody: true,
pinnedHeaderSliverHeightBuilder: () =>
kToolbarHeight + MediaQuery.viewPaddingOf(context).top,
headerSliverBuilder: (context, innerBoxIsScrolled) {
if (response != null) {
return [
DynamicSliverAppBar.medium(
actions: _actions(theme),
title: Text(_userController.username ?? ''),
flexibleSpace: Obx(
() => UserInfoCard(
isOwner:
_userController.mid == _userController.account.mid,
relation: _userController.relation.value,
card: response.card!,
images: response.images!,
onFollow: () => _userController.onFollow(context),
live: _userController.live,
silence: _userController.silence,
headerControllerBuilder: getHeaderController,
showLiveMedalWall: _showLiveMedalWall,
charges: _userController.charges,
chargeCount: _userController.chargeCount,
guards: _userController.guards,
guardCount: _userController.guardCount,
),
),
),
];
}
return [
SliverAppBar(
pinned: true,
actions: _actions(theme),
title: GestureDetector(
onTap: _userController.onReload,
behavior: HitTestBehavior.opaque,
child: Text(_userController.username ?? ''),
),
),
];
},
body: _userController.tab2?.isNotEmpty == true
? Padding(
padding: .only(left: padding.left, right: padding.right),
child: Column(
children: [
if ((_userController.tab2?.length ?? 0) > 1)
SizedBox(
height: 45,
child: TabBar(
controller: _userController.tabController,
tabs: _userController.tabs,
onTap: _userController.onTapTab,
dividerColor: theme.outline.withValues(
alpha: 0.2,
),
),
),
Expanded(child: _buildBody),
],
),
)
: scrollableError,
),
Error(:final errMsg) => scrollErrorWidget(
errMsg: errMsg,
onReload: _userController.onReload,
),
},
),
);
}
Widget _reserveBtn(List<ReservationCardItem> list, ColorScheme theme) {
return IconButton(
tooltip: '预约',
onPressed: () => _showReserveList(list),
icon: ReserveButton(
count: list.length,
color: theme.onSurfaceVariant,
child: const Icon(Icons.notifications_none),
),
);
}
void _showReserveList(List<ReservationCardItem> list) {
showModalBottomSheet(
context: context,
useSafeArea: true,
isScrollControlled: true,
constraints: BoxConstraints(
maxWidth: math.min(640, context.mediaQueryShortestSide),
),
builder: (context) {
final scheme = ColorScheme.of(context);
return Padding(
padding: .only(bottom: MediaQuery.viewPaddingOf(context).bottom + 30),
child: Column(
mainAxisSize: .min,
children: [
InkWell(
onTap: Get.back,
borderRadius: Style.bottomSheetRadius,
child: SizedBox(
height: 35,
child: Center(
child: Container(
width: 32,
height: 3,
decoration: BoxDecoration(
color: scheme.outline,
borderRadius: const .all(.circular(1.5)),
),
),
),
),
),
...list.map((e) {
return Builder(
builder: (context) {
Widget trailing = FilledButton.tonal(
onPressed: () async {
final isFollow = e.isFollow;
final res = await UserHttp.spaceReserve(
sid: e.sid!,
isFollow: isFollow,
);
if (res.isSuccess) {
e
..total += isFollow ? -1 : 1
..isFollow = !isFollow;
if (!context.mounted) return;
(context as Element).markNeedsBuild();
} else {
res.toast();
}
},
style: FilledButton.styleFrom(
backgroundColor: e.isFollow
? scheme.onInverseSurface
: null,
foregroundColor: e.isFollow ? scheme.outline : null,
tapTargetSize: .shrinkWrap,
minimumSize: const Size(68, 40),
padding: const .symmetric(horizontal: 10),
visualDensity: const .new(horizontal: -2, vertical: -3),
shape: const RoundedRectangleBorder(
borderRadius: .all(.circular(6)),
),
),
child: Text(
'${e.isFollow ? '' : ''}预约',
style: const TextStyle(fontSize: 13),
),
);
if (e.dynamicId?.isNotEmpty ?? false) {
trailing = Row(
spacing: 8,
mainAxisSize: .min,
children: [
iconButton(
tooltip: '预约动态',
size: 32,
iconSize: 20,
iconColor: scheme.outline,
icon: const Icon(Icons.open_in_browser),
onPressed: () => PageUtils.pushDynFromId(
id: e.dynamicId,
),
),
trailing,
],
);
}
return ListTile(
dense: true,
title: Text(
e.name!,
style: const TextStyle(fontSize: 14),
),
subtitle: Padding(
padding: const .only(top: 2.0),
child: Text.rich(
style: TextStyle(fontSize: 12, color: scheme.outline),
TextSpan(
children: [
TextSpan(
text:
'${e.descText1 == null ? '' : '${e.descText1} '}'
'${NumUtils.numFormat(e.total)}人预约',
),
if (e.lotteryPrizeInfo case final lottery?) ...[
const TextSpan(text: '\n'),
WidgetSpan(
alignment: .middle,
child: Icon(
size: 15,
Icons.card_giftcard,
color: scheme.primary,
),
),
TextSpan(
text: ' ${lottery.text}',
style: TextStyle(
fontSize: 12,
color: scheme.primary,
),
recognizer:
lottery.jumpUrl?.isNotEmpty == true
? (NoDeadlineTapGestureRecognizer()
..onTap = () => Get.toNamed(
'/webview',
parameters: {
'url': lottery.jumpUrl!,
},
))
: null,
),
],
],
),
),
),
trailing: trailing,
);
},
);
}),
],
),
);
},
);
}
List<Widget> _actions(ColorScheme theme) => [
if (_userController.reserves?.isNotEmpty ?? false)
_reserveBtn(_userController.reserves!, theme),
IconButton(
tooltip: '搜索',
onPressed: () => Get.toNamed(
'/memberSearch?mid=$_mid&uname=${_userController.username}',
),
icon: const Icon(Icons.search_outlined),
),
PopupMenuButton(
icon: const Icon(Icons.more_vert),
itemBuilder: (_) => <PopupMenuEntry>[
if (_userController.account.isLogin &&
_userController.account.mid != _mid) ...[
PopupMenuItem(
onTap: () => _userController.blockUser(context),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(Icons.block, size: 19),
const SizedBox(width: 10),
Text(
_userController.relation.value != 128 ? '加入黑名单' : '移除黑名单',
),
],
),
),
if (_userController.isFollowed == 1)
PopupMenuItem(
onTap: _userController.onRemoveFan,
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.remove_circle_outline_outlined, size: 19),
SizedBox(width: 10),
Text('移除粉丝'),
],
),
),
],
PopupMenuItem(
onTap: _userController.shareUser,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(Icons.share_outlined, size: 19),
const SizedBox(width: 10),
Text(
_userController.account.mid != _mid ? '分享UP主' : '分享我的主页',
),
],
),
),
if (PlatformUtils.isMobile)
PopupMenuItem(
onTap: _createShortcut,
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.add_box_outlined, size: 19),
SizedBox(width: 10),
Text('添加至桌面'),
],
),
),
// if (_userController.hasCharge)
// PopupMenuItem(
// onTap: () => UpowerRankPage.toUpowerRank(
// mid: _userController.mid,
// name: _userController.username ?? '',
// count: _userController.chargeCount,
// ),
// child: const Row(
// mainAxisSize: MainAxisSize.min,
// children: [
// Icon(Icons.electric_bolt, size: 19),
// SizedBox(width: 10),
// Text('充电排行榜'),
// ],
// ),
// ),
// if (_userController.hasGuard)
// PopupMenuItem(
// onTap: () => MemberGuard.toMemberGuard(
// mid: _userController.mid,
// name: _userController.username ?? '',
// count: _userController.guardCount,
// ),
// child: const Row(
// mainAxisSize: MainAxisSize.min,
// children: [
// Icon(Icons.anchor, size: 19),
// SizedBox(width: 10),
// Text('大航海舰队'),
// ],
// ),
// ),
if (Get.isRegistered<MemberContributeCtr>(tag: _heroTag))
PopupMenuItem(
onTap: _toWebArchive,
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.extension_outlined, size: 19),
SizedBox(width: 10),
Text('网页投稿'),
],
),
),
if (_userController.account.isLogin)
if (_userController.mid == _userController.account.mid) ...[
if ((_userController
.loadingState
.value
.dataOrNull
?.card
?.vip
?.status ??
0) >
0)
PopupMenuItem(
onTap: _userController.vipExpAdd,
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.upcoming_outlined, size: 19),
SizedBox(width: 10),
Text('大会员经验'),
],
),
),
PopupMenuItem(
onTap: () => Get.to(const LoginDevicesPage()),
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.devices, size: 18),
SizedBox(width: 10),
Text('登录设备'),
],
),
),
PopupMenuItem(
onTap: () => Get.to(
const LogPage(),
arguments: LoginLogController(),
),
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.login, size: 18),
SizedBox(width: 10),
Text('登录记录'),
],
),
),
PopupMenuItem(
onTap: () => Get.to(
const LogPage(),
arguments: CoinLogController(),
),
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(FontAwesomeIcons.b, size: 16),
SizedBox(width: 10),
Text('硬币记录'),
],
),
),
PopupMenuItem(
onTap: () => Get.to(
const LogPage(),
arguments: ExpLogController(),
),
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.linear_scale, size: 18),
SizedBox(width: 10),
Text('经验记录'),
],
),
),
PopupMenuItem(
onTap: () => Get.toNamed('/spaceSetting'),
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.settings_outlined, size: 19),
SizedBox(width: 10),
Text('空间设置'),
],
),
),
] else ...[
if (_userController.isFollow)
PopupMenuItem(
onTap: _showFollowTime,
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.more_time_outlined, size: 19),
SizedBox(width: 10),
Text('关注时间'),
],
),
),
const PopupMenuDivider(),
PopupMenuItem(
onTap: () => showMemberReportDialog(
context,
name: _userController.username,
mid: _mid,
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.error_outline,
size: 19,
color: theme.error,
),
const SizedBox(width: 10),
Text(
'举报',
style: TextStyle(color: theme.error),
),
],
),
),
],
],
),
const SizedBox(width: 4),
];
Widget get _buildBody => tabBarView(
controller: _userController.tabController,
children: _userController.tab2!.map((item) {
return switch (item.param!) {
'home' => MemberHome(heroTag: _heroTag),
'dynamic' => MemberDynamicsPage(mid: _mid),
'contribute' => Obx(
() => MemberContribute(
heroTag: _heroTag,
initialIndex: _userController.contributeInitialIndex.value,
mid: _mid,
),
),
'bangumi' => MemberBangumi(
heroTag: _heroTag,
mid: _mid,
),
'favorite' => MemberFavorite(
heroTag: _heroTag,
mid: _mid,
),
'cheese' => MemberCheese(
heroTag: _heroTag,
mid: _mid,
),
'shop' => MemberShop(
heroTag: _heroTag,
mid: _mid,
),
_ => Center(child: Text(item.title ?? '')),
};
}).toList(),
);
String? _cacheFollowTime;
Future<void> _showFollowTime() async {
void onShow() {
if (!mounted) return;
showDialog(
context: context,
builder: (context) => AlertDialog(
title: Text(_userController.username ?? ''),
content: Text(_cacheFollowTime!),
actions: [
TextButton(
onPressed: Get.back,
child: Text(
'关闭',
style: TextStyle(color: ColorScheme.of(context).outline),
),
),
],
),
);
}
if (_cacheFollowTime != null) {
onShow();
return;
}
final res = await UserHttp.userRelation(_mid);
if (res case Success(:final response)) {
if (response.mtime == null) return;
_cacheFollowTime =
'关注时间: ${DateFormatUtils.longFormatDs.format(
DateTime.fromMillisecondsSinceEpoch(response.mtime! * 1000),
)}';
onShow();
} else {
res.toast();
}
}
MedalWallData? _cacheMedalData;
Future<void> _showLiveMedalWall() async {
void onShow() {
if (!mounted) return;
showDialog(
context: context,
builder: (context) => MedalWall(response: _cacheMedalData!),
);
}
if (_cacheMedalData != null) {
onShow();
return;
}
SmartDialog.showLoading();
final res = await LiveHttp.liveMedalWall(mid: _mid);
SmartDialog.dismiss();
if (res case Success(:final response)) {
_cacheMedalData = response;
onShow();
} else {
res.toast();
}
}
void _toWebArchive() {
try {
final ctr = Get.find<MemberContributeCtr>(tag: _heroTag);
final item = ctr.items?[ctr.tabController?.index ?? 0];
if (item != null) {
final id = item.seasonId ?? item.seriesId;
if (id != null) {
MemberSSWeb.toMemberSSWeb(
type: item.seasonId != null ? .season : .series,
id: id,
mid: _mid,
name: _userController.username ?? '',
);
return;
}
}
MemberVideoWeb.toMemberVideoWeb(
mid: _mid,
name: _userController.username ?? '',
);
} catch (e) {
SmartDialog.showToast(e.toString());
}
}
void _createShortcut() {
if (Platform.isIOS) {
PageUtils.launchURL(
'https://www.bilibili.com/blackboard/disablelink/go-to-up-space.html?mid=$_mid',
);
} else if (Platform.isAndroid) {
_createShortcutAndroid();
}
}
Future<void> _createShortcutAndroid() async {
try {
SmartDialog.showLoading();
final file = (await DefaultCacheManager().getSingleFile(
'${_userController.userAvatar!}@200w_200h.webp'.http2https,
));
SmartDialog.dismiss();
await Utils.channel.invokeMethod(
'createShortcut',
<String, String>{
'id': _userController.mid.toString(),
'uri': 'bilibili://space/${_userController.mid}',
'label': _userController.username!,
'icon': file.path,
},
);
} catch (e) {
SmartDialog.showToast(e.toString());
}
}
}