mirror of
https://mirror.ghproxy.com/https://github.com/StarCitizenToolBox/app.git
synced 2024-12-23 22:53:43 +08:00
196 lines
7.2 KiB
Dart
196 lines
7.2 KiB
Dart
import 'package:fluent_ui/fluent_ui.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:starcitizen_doctor/ui/home/input_method/input_method_dialog_ui_model.dart';
|
|
import 'package:starcitizen_doctor/ui/home/input_method/server.dart';
|
|
import 'package:starcitizen_doctor/widgets/widgets.dart';
|
|
|
|
import 'server_qr_dialog_ui.dart';
|
|
|
|
class InputMethodDialogUI extends HookConsumerWidget {
|
|
const InputMethodDialogUI({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final state = ref.watch(inputMethodDialogUIModelProvider);
|
|
final model = ref.read(inputMethodDialogUIModelProvider.notifier);
|
|
final serverState = ref.watch(inputMethodServerProvider);
|
|
final serverModel = ref.read(inputMethodServerProvider.notifier);
|
|
final srcTextCtrl = useTextEditingController();
|
|
final destTextCtrl = useTextEditingController();
|
|
|
|
useEffect(() {
|
|
model.setUpController(srcTextCtrl, destTextCtrl);
|
|
return null;
|
|
}, const []);
|
|
|
|
return ContentDialog(
|
|
constraints: BoxConstraints(
|
|
maxWidth: MediaQuery.of(context).size.width * .8,
|
|
),
|
|
title: makeTitle(context, state, model, destTextCtrl),
|
|
content: state.keyMaps == null
|
|
? makeLoading(context)
|
|
: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
SizedBox(height: 12),
|
|
InfoBar(
|
|
title: Text("使用说明"),
|
|
content: Text(
|
|
"在上方文本框中输入文字,并将下方转码后的文本复制到游戏的文本框中,即可在聊天频道中发送游戏不支持输入的文字。"),
|
|
),
|
|
SizedBox(height: 24),
|
|
TextFormBox(
|
|
placeholder: "请输入文本...",
|
|
controller: srcTextCtrl,
|
|
maxLines: 5,
|
|
placeholderStyle:
|
|
TextStyle(color: Colors.white.withOpacity(.6)),
|
|
style: TextStyle(fontSize: 16, color: Colors.white),
|
|
onChanged: (str) {
|
|
final text = model.onTextChange("src", str);
|
|
if (text != null) {
|
|
destTextCtrl.text = text;
|
|
}
|
|
},
|
|
),
|
|
SizedBox(height: 16),
|
|
Center(
|
|
child: Icon(FluentIcons.down),
|
|
),
|
|
SizedBox(height: 16),
|
|
TextFormBox(
|
|
placeholder: "这里是转码后的文本...",
|
|
controller: destTextCtrl,
|
|
maxLines: 5,
|
|
placeholderStyle:
|
|
TextStyle(color: Colors.white.withOpacity(.6)),
|
|
style: TextStyle(fontSize: 16, color: Colors.white),
|
|
enabled: true,
|
|
onChanged: (str) {
|
|
// final text = model.onTextChange("dest", str);
|
|
// if (text != null) {
|
|
// srcTextCtrl.text = text;
|
|
// }
|
|
},
|
|
),
|
|
SizedBox(height: 24),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Text("远程输入服务:"),
|
|
SizedBox(width: 6),
|
|
if (serverState.isServerStartup)
|
|
Button(
|
|
onPressed: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) =>
|
|
ServerQrDialogUI(),
|
|
);
|
|
},
|
|
child: Text(
|
|
serverState.serverAddressText ?? "...",
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 14),
|
|
ToggleSwitch(
|
|
checked: serverState.isServerStartup,
|
|
onChanged: (b) =>
|
|
_onSwitchServer(context, b, serverModel)),
|
|
],
|
|
),
|
|
SizedBox(height: 24),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
textAlign: TextAlign.end,
|
|
"*本功能建议仅在非公共频道中使用。若用户选择在公共频道中使用本功能,由此产生的任何后果(包括但不限于被其他玩家举报刷屏等),均由用户自行承担。\n*若该功能被滥用,我们将关闭该功能。",
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
color: Colors.white.withOpacity(.6),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget makeTitle(BuildContext context, InputMethodDialogUIState state,
|
|
InputMethodDialogUIModel model, TextEditingController destTextCtrl) {
|
|
return Row(
|
|
children: [
|
|
IconButton(
|
|
icon: const Icon(
|
|
FluentIcons.back,
|
|
size: 22,
|
|
),
|
|
onPressed: () {
|
|
context.pop();
|
|
}),
|
|
const SizedBox(width: 12),
|
|
Text("社区输入法"),
|
|
Spacer(),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Text(
|
|
"自动复制",
|
|
style: TextStyle(fontSize: 14),
|
|
),
|
|
SizedBox(width: 12),
|
|
ToggleSwitch(
|
|
checked: state.enableAutoCopy,
|
|
onChanged: model.onSwitchAutoCopy),
|
|
],
|
|
),
|
|
SizedBox(width: 24),
|
|
FilledButton(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(6),
|
|
child: Icon(FluentIcons.copy),
|
|
),
|
|
onPressed: () {
|
|
if (destTextCtrl.text.isNotEmpty) {
|
|
Clipboard.setData(ClipboardData(text: destTextCtrl.text));
|
|
}
|
|
},
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
Future<void> _onSwitchServer(
|
|
BuildContext context, bool value, InputMethodServer serverModel) async {
|
|
if (value) {
|
|
final userOK = await showConfirmDialogs(
|
|
context,
|
|
"确认启用远程输入?",
|
|
Text(
|
|
"开启此功能后,可通过手机访问远程服务地址,快捷输入文字,省去切换窗口的麻烦,游戏流程不中断。\n\n若弹出防火墙提示,请展开弹窗,手动勾选所有网络类型并允许,否则可能无法正常访问此功能。"),
|
|
);
|
|
if (userOK) {
|
|
// ignore: use_build_context_synchronously
|
|
await serverModel.startServer().unwrap(context: context);
|
|
if (!context.mounted) return;
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) => ServerQrDialogUI(),
|
|
);
|
|
}
|
|
} else {
|
|
await serverModel.stopServer().unwrap(context: context);
|
|
}
|
|
}
|
|
}
|