mirrors/pilipala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'design'

Browse Source
This commit is contained in:
guozhigq
2024-10-22 23:02:45 +08:00
parent cc37c962d7 56f5a72e81
commit 62836815ce
2 changed files with 328 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

310
lib/pages/dynamics/forward/index.dart Normal file
View File

@ -0,0 +1,310 @@
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
import 'package:pilipala/common/widgets/network_img_layer.dart';
import 'package:pilipala/http/dynamics.dart';
import 'package:pilipala/models/dynamics/result.dart';
import '../widgets/rich_node_panel.dart';
class DynamicForwardPage extends StatefulWidget {
const DynamicForwardPage({
super.key,
this.item,
this.mid,
this.cb,
});
final DynamicItemModel? item;
final int? mid;
final Function()? cb;
@override
State<DynamicForwardPage> createState() => _DynamicForwardPageState();
}
class _DynamicForwardPageState extends State<DynamicForwardPage> {
final TextEditingController _inputController = TextEditingController();
final FocusNode _focusNode = FocusNode();
RxBool isExpand = false.obs;
@override
void dispose() {
_focusNode.dispose();
super.dispose();
}
void dynamicForward(String type) async {
String dynamicId = widget.item!.idStr!;
var res = await DynamicsHttp.dynamicCreate(
dynIdStr: dynamicId,
mid: widget.mid!,
rawText: type == 'quickForward' ? '' : _inputController.text,
scene: 4,
);
if (res['status']) {
SmartDialog.showToast('转发成功');
widget.cb?.call();
_onClose();
} else {
SmartDialog.showToast(res['message']);
}
}
void _onClose() async {
_focusNode.unfocus();
await Future.delayed(const Duration(milliseconds: 120));
Get.back();
}
@override
Widget build(BuildContext context) {
return Obx(
() {
final EdgeInsetsGeometry padding = EdgeInsets.fromLTRB(
isExpand.value ? 10 : 16,
10,
isExpand.value ? 12 : 12,
0,
);
return AnimatedSize(
duration: const Duration(milliseconds: 300),
curve: Curves.easeInOut,
onEnd: () => isExpand.value ? _focusNode.requestFocus() : null,
child: Column(
mainAxisSize: isExpand.value ? MainAxisSize.max : MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: padding,
child: isExpand.value ? _topBarExpand() : _topBar(),
),
isExpand.value ? _contentExpand() : _content(),
dynamicPreview(),
if (!isExpand.value) ..._bottomBar(),
],
),
);
},
);
}
// 转发动态预览
Widget dynamicPreview() {
ItemModulesModel? modules = widget.item!.modules;
final String type = widget.item!.type!;
String? cover = modules?.moduleAuthor?.face;
switch (type) {
/// 图文动态
case 'DYNAMIC_TYPE_DRAW':
cover = modules?.moduleDynamic?.major?.opus?.pics?.first.url;
/// 投稿
case 'DYNAMIC_TYPE_AV':
cover = modules?.moduleDynamic?.major?.archive?.cover;
/// 转发的动态
case 'DYNAMIC_TYPE_FORWARD':
String forwardType = widget.item!.orig!.type!;
switch (forwardType) {
/// 图文动态
case 'DYNAMIC_TYPE_DRAW':
cover = modules?.moduleDynamic?.major?.opus?.pics?.first.url;
/// 投稿
case 'DYNAMIC_TYPE_AV':
cover = modules?.moduleDynamic?.major?.archive?.cover;
/// 番剧
case 'DYNAMIC_TYPE_PGC_UNION':
cover = modules?.moduleDynamic?.major?.pgc?.cover;
// 专栏文章
case 'DYNAMIC_TYPE_ARTICLE':
// 番剧
case 'DYNAMIC_TYPE_PGC':
// 纯文字动态
case 'DYNAMIC_TYPE_WORD':
// 直播
case 'DYNAMIC_TYPE_LIVE_RCMD':
// 合集查看
case 'DYNAMIC_TYPE_UGC_SEASON':
cover = '';
default:
cover = '';
}
// 专栏文章
case 'DYNAMIC_TYPE_ARTICLE':
// 番剧
case 'DYNAMIC_TYPE_PGC':
// 纯文字动态
case 'DYNAMIC_TYPE_WORD':
// 直播
case 'DYNAMIC_TYPE_LIVE_RCMD':
// 合集查看
case 'DYNAMIC_TYPE_UGC_SEASON':
// 番剧查看
case 'DYNAMIC_TYPE_PGC_UNION':
cover = '';
default:
cover = '';
}
return Container(
width: double.infinity,
height: 98,
margin: const EdgeInsets.fromLTRB(12, 0, 12, 14),
decoration: BoxDecoration(
color:
Theme.of(context).colorScheme.secondaryContainer.withOpacity(0.4),
borderRadius: BorderRadius.circular(6),
border: Border(
left: BorderSide(
width: 4,
color: Theme.of(context).colorScheme.primary.withOpacity(0.8)),
),
),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 14),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'@${widget.item!.modules!.moduleAuthor!.name}',
style: TextStyle(
color: Theme.of(context).colorScheme.primary,
),
),
const SizedBox(height: 8),
Row(
children: [
NetworkImgLayer(
src: cover ?? '',
width: 45,
height: 45,
radius: 6,
),
const SizedBox(width: 10),
Expanded(
child: Text.rich(
richNode(widget.item, context),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
),
// Text(data)
],
)
],
),
),
);
}
// 未展开时的顶部
Widget _topBar() {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'转发动态',
style: TextStyle(fontWeight: FontWeight.bold),
),
TextButton(
onPressed: () => dynamicForward('quickForward'),
child: const Text('快速转发'),
)
],
);
}
// 展开时的顶部
Widget _topBarExpand() {
return Stack(
alignment: Alignment.center,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
IconButton(
onPressed: _onClose,
icon: const Icon(Icons.close),
),
FilledButton(
onPressed: () => dynamicForward('forward'),
child: const Text('转发'),
),
],
),
Align(
alignment: Alignment.center,
child: Text(
'转发动态',
style: Theme.of(context)
.textTheme
.titleMedium!
.copyWith(fontWeight: FontWeight.bold),
),
),
],
);
}
// 未展开时的底部
List<Widget> _bottomBar() {
return [
const Divider(thickness: 0.1, height: 1),
ListTile(
onTap: () => Get.back(),
minLeadingWidth: 0,
dense: true,
title: Text(
'取消',
style: TextStyle(color: Theme.of(context).colorScheme.outline),
textAlign: TextAlign.center,
),
),
SizedBox(
height: MediaQuery.of(context).padding.bottom,
)
];
}
// 未展开时的内容区
Widget _content() {
return GestureDetector(
onTap: () {
isExpand.value = true;
},
behavior: HitTestBehavior.translucent,
child: Container(
width: double.infinity,
alignment: Alignment.centerLeft,
padding: const EdgeInsets.fromLTRB(16, 10, 10, 16),
child: Text(
'说点什么吧',
textAlign: TextAlign.start,
style: TextStyle(color: Theme.of(context).colorScheme.outline),
),
),
);
}
// 展开时的内容区
Widget _contentExpand() {
return Padding(
padding: const EdgeInsets.fromLTRB(16, 10, 16, 0),
child: TextField(
maxLines: null,
minLines: 3,
focusNode: _focusNode,
controller: _inputController,
decoration: const InputDecoration(
border: InputBorder.none,
hintText: '说点什么吧',
),
),
);
}
}

302
lib/pages/dynamics/widgets/action_panel.dart
View File

@ -3,20 +3,19 @@ import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:get/get.dart';
import 'package:pilipala/common/widgets/network_img_layer.dart';
import 'package:pilipala/http/dynamics.dart';
import 'package:pilipala/models/dynamics/result.dart';
import 'package:pilipala/pages/dynamics/index.dart';
import 'package:pilipala/utils/feed_back.dart';
import 'package:status_bar_control/status_bar_control.dart';
import 'rich_node_panel.dart';
import '../forward/index.dart';
class ActionPanel extends StatefulWidget {
const ActionPanel({
super.key,
required this.item,
});
// ignore: prefer_typing_uninitialized_variables
final DynamicItemModel item;
@override
@ -32,9 +31,6 @@ class _ActionPanelState extends State<ActionPanel>
RxDouble height = 0.0.obs;
RxBool isExpand = false.obs;
late double statusHeight;
TextEditingController _inputController = TextEditingController();
FocusNode myFocusNode = FocusNode();
String _inputText = '';
void Function()? handleState(Future Function() action) {
return isProcessing
@ -60,7 +56,7 @@ class _ActionPanelState extends State<ActionPanel>
// 动态点赞
Future onLikeDynamic() async {
feedBack();
var item = widget.item!;
var item = widget.item;
String dynamicId = item.idStr!;
// 1 已点赞 2 不喜欢 0 未操作
Like like = item.modules!.moduleStat!.like!;
@ -87,300 +83,38 @@ class _ActionPanelState extends State<ActionPanel>
}
}
// 转发动态预览
Widget dynamicPreview() {
ItemModulesModel? modules = widget.item.modules;
final String type = widget.item.type!;
String? cover = modules?.moduleAuthor?.face;
switch (type) {
/// 图文动态
case 'DYNAMIC_TYPE_DRAW':
cover = modules?.moduleDynamic?.major?.opus?.pics?.first.url;
/// 投稿
case 'DYNAMIC_TYPE_AV':
cover = modules?.moduleDynamic?.major?.archive?.cover;
/// 转发的动态
case 'DYNAMIC_TYPE_FORWARD':
String forwardType = widget.item.orig!.type!;
switch (forwardType) {
/// 图文动态
case 'DYNAMIC_TYPE_DRAW':
cover = modules?.moduleDynamic?.major?.opus?.pics?.first.url;
/// 投稿
case 'DYNAMIC_TYPE_AV':
cover = modules?.moduleDynamic?.major?.archive?.cover;
/// 专栏文章
case 'DYNAMIC_TYPE_ARTICLE':
cover = '';
/// 番剧
case 'DYNAMIC_TYPE_PGC':
cover = '';
/// 纯文字动态
case 'DYNAMIC_TYPE_WORD':
cover = '';
/// 直播
case 'DYNAMIC_TYPE_LIVE_RCMD':
cover = '';
/// 合集查看
case 'DYNAMIC_TYPE_UGC_SEASON':
cover = '';
/// 番剧
case 'DYNAMIC_TYPE_PGC_UNION':
cover = modules?.moduleDynamic?.major?.pgc?.cover;
default:
cover = '';
}
/// 专栏文章
case 'DYNAMIC_TYPE_ARTICLE':
cover = '';
/// 番剧
case 'DYNAMIC_TYPE_PGC':
cover = '';
/// 纯文字动态
case 'DYNAMIC_TYPE_WORD':
cover = '';
/// 直播
case 'DYNAMIC_TYPE_LIVE_RCMD':
cover = '';
/// 合集查看
case 'DYNAMIC_TYPE_UGC_SEASON':
cover = '';
/// 番剧查看
case 'DYNAMIC_TYPE_PGC_UNION':
cover = '';
default:
cover = '';
}
return Container(
width: double.infinity,
height: 95,
margin: const EdgeInsets.fromLTRB(12, 0, 12, 14),
decoration: BoxDecoration(
color:
Theme.of(context).colorScheme.secondaryContainer.withOpacity(0.4),
borderRadius: BorderRadius.circular(6),
border: Border(
left: BorderSide(
width: 4,
color: Theme.of(context).colorScheme.primary.withOpacity(0.8)),
),
),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 14),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'@${widget.item.modules!.moduleAuthor!.name}',
style: TextStyle(
color: Theme.of(context).colorScheme.primary,
),
),
const SizedBox(height: 8),
Row(
children: [
NetworkImgLayer(
src: cover ?? '',
width: 34,
height: 34,
type: 'emote',
),
const SizedBox(width: 10),
Expanded(
child: Text.rich(
style: const TextStyle(height: 0),
richNode(widget.item, context),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
),
// Text(data)
],
)
],
),
),
);
}
// 动态转发
void forwardHandler() async {
final userInfo = _dynamicsController.userInfo;
if (userInfo == null) {
SmartDialog.showToast('请先登录');
return;
}
int mid = userInfo.mid;
showModalBottomSheet(
context: context,
enableDrag: false,
enableDrag: true,
useRootNavigator: true,
isScrollControlled: true,
useSafeArea: true,
builder: (context) {
return Obx(
() => AnimatedContainer(
duration: Durations.medium1,
onEnd: () async {
if (isExpand.value) {
await Future.delayed(const Duration(milliseconds: 80));
myFocusNode.requestFocus();
}
},
height: height.value + MediaQuery.of(context).padding.bottom,
child: Column(
children: [
AnimatedContainer(
duration: Durations.medium1,
height: isExpand.value ? statusHeight : 0,
),
Padding(
padding: EdgeInsets.fromLTRB(
isExpand.value ? 10 : 16,
10,
isExpand.value ? 14 : 12,
0,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
if (isExpand.value) ...[
IconButton(
onPressed: () => togglePanelState(false),
icon: const Icon(Icons.close),
),
Text(
'转发动态',
style: Theme.of(context)
.textTheme
.titleMedium!
.copyWith(fontWeight: FontWeight.bold),
)
] else ...[
const Text(
'转发动态',
style: TextStyle(fontWeight: FontWeight.bold),
)
],
isExpand.value
? FilledButton(
onPressed: () => dynamicForward('forward'),
child: const Text('转发'),
)
: TextButton(
onPressed: () {},
child: const Text('立即转发'),
)
],
),
),
if (!isExpand.value) ...[
GestureDetector(
onTap: () => togglePanelState(true),
behavior: HitTestBehavior.translucent,
child: Container(
width: double.infinity,
alignment: Alignment.centerLeft,
padding: const EdgeInsets.fromLTRB(16, 0, 10, 14),
child: Text(
'说点什么吧',
textAlign: TextAlign.start,
style: TextStyle(
color: Theme.of(context).colorScheme.outline),
),
),
),
] else ...[
Padding(
padding: const EdgeInsets.fromLTRB(16, 10, 16, 0),
child: TextField(
maxLines: 5,
focusNode: myFocusNode,
controller: _inputController,
onChanged: (value) {
setState(() {
_inputText = value;
});
},
decoration: const InputDecoration(
border: InputBorder.none,
hintText: '说点什么吧',
),
),
),
],
dynamicPreview(),
if (!isExpand.value) ...[
const Divider(thickness: 0.1, height: 1),
ListTile(
onTap: () => Get.back(),
minLeadingWidth: 0,
dense: true,
title: Text(
'取消',
style: TextStyle(
color: Theme.of(context).colorScheme.outline),
textAlign: TextAlign.center,
),
),
]
],
),
),
return DynamicForwardPage(
item: widget.item,
mid: mid,
cb: () => setState(() {
stat.forward!.count =
(int.parse(stat.forward!.count ?? '0') + 1).toString();
}),
);
},
);
}
togglePanelState(status) {
if (!status) {
Get.back();
height.value = defaultHeight;
_inputText = '';
_inputController.clear();
} else {
height.value = Get.size.height;
}
isExpand.value = !(isExpand.value);
}
dynamicForward(String type) async {
String dynamicId = widget.item.idStr!;
var res = await DynamicsHttp.dynamicCreate(
dynIdStr: dynamicId,
mid: _dynamicsController.userInfo.mid,
rawText: _inputText,
scene: 4,
);
if (res['status']) {
SmartDialog.showToast(type == 'forward' ? '转发成功' : '发布成功');
togglePanelState(false);
}
}
@override
void dispose() {
myFocusNode.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
var color = Theme.of(context).colorScheme.outline;
var primary = Theme.of(context).colorScheme.primary;
height.value = defaultHeight;
print('height.value: ${height.value}');
return Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [