464 lines
15 KiB
Dart
464 lines
15 KiB
Dart
import 'dart:async';
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:image_picker/image_picker.dart';
|
|
import 'package:pilipala/http/dynamics.dart';
|
|
import 'package:pilipala/http/reply.dart';
|
|
import 'package:pilipala/http/video.dart';
|
|
import 'package:pilipala/models/common/reply_type.dart';
|
|
import 'package:pilipala/models/video/reply/emote.dart';
|
|
import 'package:pilipala/models/video/reply/item.dart';
|
|
import 'package:pilipala/pages/emote/index.dart';
|
|
import 'package:pilipala/plugin/pl_gallery/hero_dialog_route.dart';
|
|
import 'package:pilipala/plugin/pl_gallery/interactiveviewer_gallery.dart';
|
|
import 'package:pilipala/utils/feed_back.dart';
|
|
|
|
import 'toolbar_icon_button.dart';
|
|
|
|
class VideoReplyNewDialog extends StatefulWidget {
|
|
final int? oid;
|
|
final int? root;
|
|
final int? parent;
|
|
final ReplyType? replyType;
|
|
final ReplyItemModel? replyItem;
|
|
|
|
const VideoReplyNewDialog({
|
|
super.key,
|
|
this.oid,
|
|
this.root,
|
|
this.parent,
|
|
this.replyType,
|
|
this.replyItem,
|
|
});
|
|
|
|
@override
|
|
State<VideoReplyNewDialog> createState() => _VideoReplyNewDialogState();
|
|
}
|
|
|
|
class _VideoReplyNewDialogState extends State<VideoReplyNewDialog>
|
|
with WidgetsBindingObserver {
|
|
final TextEditingController _replyContentController = TextEditingController();
|
|
final FocusNode replyContentFocusNode = FocusNode();
|
|
final GlobalKey _formKey = GlobalKey<FormState>();
|
|
late double emoteHeight = 0.0;
|
|
double keyboardHeight = 0.0; // 键盘高度
|
|
final _debouncer = Debouncer(milliseconds: 200); // 设置延迟时间
|
|
String toolbarType = 'input';
|
|
RxBool isForward = false.obs;
|
|
RxBool showForward = false.obs;
|
|
RxString message = ''.obs;
|
|
final ImagePicker _picker = ImagePicker();
|
|
RxList<String> imageList = [''].obs;
|
|
List<Map<dynamic, dynamic>> pictures = [];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
// 监听输入框聚焦
|
|
// replyContentFocusNode.addListener(_onFocus);
|
|
// 界面观察者 必须
|
|
WidgetsBinding.instance.addObserver(this);
|
|
// 自动聚焦
|
|
_autoFocus();
|
|
// 监听聚焦状态
|
|
_focuslistener();
|
|
final String routePath = Get.currentRoute;
|
|
if (routePath.startsWith('/video')) {
|
|
showForward.value = true;
|
|
}
|
|
imageList.clear();
|
|
}
|
|
|
|
_autoFocus() async {
|
|
await Future.delayed(const Duration(milliseconds: 300));
|
|
if (context.mounted) {
|
|
FocusScope.of(context).requestFocus(replyContentFocusNode);
|
|
}
|
|
}
|
|
|
|
_focuslistener() {
|
|
replyContentFocusNode.addListener(() {
|
|
if (replyContentFocusNode.hasFocus) {
|
|
setState(() {
|
|
toolbarType = 'input';
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
Future submitReplyAdd() async {
|
|
feedBack();
|
|
// String message = _replyContentController.text;
|
|
var result = await VideoHttp.replyAdd(
|
|
type: widget.replyType ?? ReplyType.video,
|
|
oid: widget.oid!,
|
|
root: widget.root!,
|
|
parent: widget.parent!,
|
|
message: widget.replyItem != null && widget.replyItem!.root != 0
|
|
? ' 回复 @${widget.replyItem!.member!.uname!} : ${message.value}'
|
|
: message.value,
|
|
pictures: pictures,
|
|
);
|
|
if (result['status']) {
|
|
SmartDialog.showToast(result['data']['success_toast']);
|
|
Get.back(result: {
|
|
'data': ReplyItemModel.fromJson(result['data']['reply'], ''),
|
|
});
|
|
|
|
/// 投稿、番剧页面
|
|
if (isForward.value) {
|
|
await DynamicsHttp.dynamicCreate(
|
|
mid: 0,
|
|
rawText: message.value,
|
|
oid: widget.oid!,
|
|
scene: 5,
|
|
);
|
|
}
|
|
} else {
|
|
SmartDialog.showToast(result['msg']);
|
|
}
|
|
}
|
|
|
|
void onChooseEmote(PackageItem package, Emote emote) {
|
|
final int cursorPosition = _replyContentController.selection.baseOffset;
|
|
final String currentText = _replyContentController.text;
|
|
final String newText = currentText.substring(0, cursorPosition) +
|
|
emote.text! +
|
|
currentText.substring(cursorPosition);
|
|
message.value = newText;
|
|
_replyContentController.value = TextEditingValue(
|
|
text: newText,
|
|
selection:
|
|
TextSelection.collapsed(offset: cursorPosition + emote.text!.length),
|
|
);
|
|
}
|
|
|
|
void onChooseImage() async {
|
|
if (mounted) {
|
|
try {
|
|
final XFile? pickedFile =
|
|
await _picker.pickImage(source: ImageSource.gallery);
|
|
var res = await ReplyHttp.uploadImage(xFile: pickedFile!);
|
|
if (res['status']) {
|
|
imageList.add(res['data']['img_src']);
|
|
pictures.add(res['data']);
|
|
}
|
|
} catch (e) {
|
|
debugPrint('选择图片失败: $e');
|
|
}
|
|
}
|
|
}
|
|
|
|
void onPreviewImg(picList, initIndex, context) {
|
|
Navigator.of(context).push(
|
|
HeroDialogRoute<void>(
|
|
builder: (BuildContext context) => InteractiveviewerGallery(
|
|
sources: picList,
|
|
initIndex: initIndex,
|
|
itemBuilder: (
|
|
BuildContext context,
|
|
int index,
|
|
bool isFocus,
|
|
bool enablePageView,
|
|
) {
|
|
return GestureDetector(
|
|
behavior: HitTestBehavior.opaque,
|
|
onTap: () {
|
|
if (enablePageView) {
|
|
Navigator.of(context).pop();
|
|
}
|
|
},
|
|
child: Center(
|
|
child: Hero(
|
|
tag: picList[index],
|
|
child: CachedNetworkImage(
|
|
fadeInDuration: const Duration(milliseconds: 0),
|
|
imageUrl: picList[index],
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
onPageChanged: (int pageIndex) {},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
void didChangeMetrics() {
|
|
super.didChangeMetrics();
|
|
final String routePath = Get.currentRoute;
|
|
if (mounted &&
|
|
(routePath.startsWith('/video') ||
|
|
routePath.startsWith('/dynamicDetail'))) {
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
// 键盘高度
|
|
final viewInsets = EdgeInsets.fromViewPadding(
|
|
View.of(context).viewInsets, View.of(context).devicePixelRatio);
|
|
_debouncer.run(() {
|
|
if (mounted) {
|
|
if (keyboardHeight == 0 && emoteHeight == 0) {
|
|
setState(() {
|
|
emoteHeight = keyboardHeight =
|
|
keyboardHeight == 0.0 ? viewInsets.bottom : keyboardHeight;
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
WidgetsBinding.instance.removeObserver(this);
|
|
_replyContentController.dispose();
|
|
replyContentFocusNode.removeListener(() {});
|
|
replyContentFocusNode.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
double _keyboardHeight = EdgeInsets.fromViewPadding(
|
|
View.of(context).viewInsets, View.of(context).devicePixelRatio)
|
|
.bottom;
|
|
return Container(
|
|
clipBehavior: Clip.hardEdge,
|
|
decoration: BoxDecoration(
|
|
borderRadius: const BorderRadius.only(
|
|
topLeft: Radius.circular(12),
|
|
topRight: Radius.circular(12),
|
|
),
|
|
color: Theme.of(context).colorScheme.surface,
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
ConstrainedBox(
|
|
constraints: const BoxConstraints(
|
|
maxHeight: 250,
|
|
minHeight: 120,
|
|
),
|
|
child: Container(
|
|
padding: const EdgeInsets.only(
|
|
top: 12, right: 15, left: 15, bottom: 10),
|
|
child: SingleChildScrollView(
|
|
child: Form(
|
|
key: _formKey,
|
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
child: TextField(
|
|
controller: _replyContentController,
|
|
minLines: 3,
|
|
maxLines: null,
|
|
autofocus: false,
|
|
focusNode: replyContentFocusNode,
|
|
decoration: const InputDecoration(
|
|
hintText: "输入回复内容",
|
|
border: InputBorder.none,
|
|
hintStyle: TextStyle(
|
|
fontSize: 14,
|
|
)),
|
|
style: Theme.of(context).textTheme.bodyLarge,
|
|
onChanged: (text) {
|
|
message.value = text;
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Obx(
|
|
() => Padding(
|
|
padding: const EdgeInsets.fromLTRB(12, 10, 12, 10),
|
|
child: SizedBox(
|
|
height: 65, // 固定高度以避免无限扩展
|
|
child: ListView.separated(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: imageList.length,
|
|
itemBuilder: (context, index) {
|
|
final url = imageList[index];
|
|
return url != ''
|
|
? Container(
|
|
width: 65,
|
|
height: 65,
|
|
clipBehavior: Clip.hardEdge,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context)
|
|
.colorScheme
|
|
.secondaryContainer,
|
|
borderRadius:
|
|
const BorderRadius.all(Radius.circular(6))),
|
|
child: InkWell(
|
|
onTap: () =>
|
|
onPreviewImg(imageList, index, context),
|
|
onLongPress: () {
|
|
feedBack();
|
|
imageList.removeAt(index);
|
|
},
|
|
child: CachedNetworkImage(
|
|
imageUrl: url,
|
|
width: 65,
|
|
height: 65,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
)
|
|
: const SizedBox();
|
|
},
|
|
separatorBuilder: (context, index) =>
|
|
const SizedBox(width: 8.0),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Obx(
|
|
() => Visibility(
|
|
visible: imageList.isNotEmpty,
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(12, 0, 12, 10),
|
|
child: Text(
|
|
'点击预览，长按删除',
|
|
style: TextStyle(
|
|
color: Theme.of(context).colorScheme.outline,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Divider(
|
|
height: 1,
|
|
color: Theme.of(context).dividerColor.withOpacity(0.1),
|
|
),
|
|
Container(
|
|
height: 52,
|
|
padding: const EdgeInsets.only(
|
|
left: 12,
|
|
right: 12,
|
|
),
|
|
margin: EdgeInsets.only(
|
|
bottom: toolbarType == 'input' && keyboardHeight == 0.0
|
|
? MediaQuery.of(context).padding.bottom
|
|
: 0,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
ToolbarIconButton(
|
|
onPressed: () {
|
|
if (toolbarType == 'emote') {
|
|
setState(() {
|
|
toolbarType = 'input';
|
|
});
|
|
}
|
|
FocusScope.of(context).requestFocus(replyContentFocusNode);
|
|
},
|
|
icon: const Icon(Icons.keyboard, size: 22),
|
|
toolbarType: toolbarType,
|
|
selected: toolbarType == 'input',
|
|
),
|
|
const SizedBox(width: 10),
|
|
ToolbarIconButton(
|
|
onPressed: () {
|
|
if (toolbarType == 'input') {
|
|
setState(() {
|
|
toolbarType = 'emote';
|
|
});
|
|
}
|
|
FocusScope.of(context).unfocus();
|
|
},
|
|
icon: const Icon(Icons.emoji_emotions, size: 22),
|
|
toolbarType: toolbarType,
|
|
selected: toolbarType == 'emote',
|
|
),
|
|
if (widget.root != null && widget.root == 0) ...[
|
|
const SizedBox(width: 10),
|
|
ToolbarIconButton(
|
|
onPressed: onChooseImage,
|
|
icon: const Icon(Icons.photo, size: 22),
|
|
toolbarType: toolbarType,
|
|
selected: toolbarType == 'picture',
|
|
),
|
|
],
|
|
const SizedBox(width: 6),
|
|
Obx(
|
|
() => showForward.value
|
|
? TextButton.icon(
|
|
onPressed: () {
|
|
isForward.value = !isForward.value;
|
|
},
|
|
icon: Icon(
|
|
isForward.value
|
|
? Icons.check_box
|
|
: Icons.check_box_outline_blank,
|
|
size: 22),
|
|
label: const Text('转发到动态'),
|
|
style: ButtonStyle(
|
|
foregroundColor: MaterialStateProperty.all(
|
|
isForward.value
|
|
? Theme.of(context).colorScheme.primary
|
|
: Theme.of(context).colorScheme.outline,
|
|
),
|
|
),
|
|
)
|
|
: const SizedBox(),
|
|
),
|
|
const Spacer(),
|
|
SizedBox(
|
|
height: 36,
|
|
child: Obx(
|
|
() => FilledButton(
|
|
onPressed: message.isNotEmpty ? submitReplyAdd : null,
|
|
child: const Text('发送'),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
AnimatedSize(
|
|
curve: Curves.easeInOut,
|
|
duration: const Duration(milliseconds: 300),
|
|
child: SizedBox(
|
|
width: double.infinity,
|
|
height: toolbarType == 'input'
|
|
? (_keyboardHeight > keyboardHeight
|
|
? _keyboardHeight
|
|
: keyboardHeight)
|
|
: emoteHeight,
|
|
child: EmotePanel(
|
|
onChoose: (package, emote) => onChooseEmote(package, emote),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
typedef DebounceCallback = void Function();
|
|
|
|
class Debouncer {
|
|
DebounceCallback? callback;
|
|
final int? milliseconds;
|
|
Timer? _timer;
|
|
|
|
Debouncer({this.milliseconds});
|
|
|
|
run(DebounceCallback callback) {
|
|
if (_timer != null) {
|
|
_timer!.cancel();
|
|
}
|
|
_timer = Timer(Duration(milliseconds: milliseconds!), () {
|
|
callback();
|
|
});
|
|
}
|
|
}
|