308 lines
11 KiB
Dart
308 lines
11 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:ainoval/utils/web_theme.dart';
|
|
import 'package:ainoval/models/prompt_models.dart';
|
|
import 'package:ainoval/blocs/prompt_new/prompt_new_bloc.dart';
|
|
import 'package:ainoval/blocs/prompt_new/prompt_new_event.dart';
|
|
|
|
class PromptQuickEditDialog extends StatefulWidget {
|
|
const PromptQuickEditDialog({
|
|
super.key,
|
|
required this.templateId,
|
|
required this.aiFeatureType,
|
|
this.onTemporaryPromptsSaved,
|
|
});
|
|
|
|
final String templateId;
|
|
final String aiFeatureType;
|
|
final void Function(String systemPrompt, String userPrompt)? onTemporaryPromptsSaved;
|
|
|
|
@override
|
|
State<PromptQuickEditDialog> createState() => _PromptQuickEditDialogState();
|
|
}
|
|
|
|
class _PromptQuickEditDialogState extends State<PromptQuickEditDialog> with TickerProviderStateMixin {
|
|
late TabController _tabController;
|
|
late TextEditingController _systemController;
|
|
late TextEditingController _userController;
|
|
bool _isEdited = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_tabController = TabController(length: 2, vsync: this);
|
|
_systemController = TextEditingController();
|
|
_userController = TextEditingController();
|
|
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
final state = context.read<PromptNewBloc>().state;
|
|
final feature = AIFeatureTypeHelper.fromApiString(widget.aiFeatureType.toUpperCase());
|
|
final pkg = state.promptPackages[feature];
|
|
if (pkg != null) {
|
|
UserPromptInfo? selected;
|
|
if (widget.templateId.startsWith('system_default_')) {
|
|
if (pkg.systemPrompt.defaultSystemPrompt.isNotEmpty) {
|
|
selected = UserPromptInfo(
|
|
id: widget.templateId,
|
|
name: '系统默认模板',
|
|
featureType: feature,
|
|
systemPrompt: pkg.systemPrompt.effectivePrompt,
|
|
userPrompt: pkg.systemPrompt.defaultUserPrompt,
|
|
createdAt: pkg.lastUpdated,
|
|
updatedAt: pkg.lastUpdated,
|
|
);
|
|
}
|
|
} else if (widget.templateId.startsWith('public_')) {
|
|
final pid = widget.templateId.substring('public_'.length);
|
|
final pub = pkg.publicPrompts.firstWhere(
|
|
(e) => e.id == pid,
|
|
orElse: () => PublicPromptInfo(
|
|
id: '', name: '', featureType: feature, systemPrompt: '', userPrompt: '', createdAt: DateTime.now(), updatedAt: DateTime.now(),
|
|
),
|
|
);
|
|
if (pub.id.isNotEmpty) {
|
|
selected = UserPromptInfo(
|
|
id: widget.templateId,
|
|
name: pub.name,
|
|
featureType: feature,
|
|
systemPrompt: pub.systemPrompt,
|
|
userPrompt: pub.userPrompt,
|
|
createdAt: pub.createdAt,
|
|
updatedAt: pub.updatedAt,
|
|
isPublic: true,
|
|
isVerified: pub.isVerified,
|
|
);
|
|
}
|
|
} else {
|
|
selected = pkg.userPrompts.firstWhere(
|
|
(e) => e.id == widget.templateId,
|
|
orElse: () => UserPromptInfo(
|
|
id: '', name: '', featureType: AIFeatureType.textExpansion, userPrompt: '', createdAt: DateTime.now(), updatedAt: DateTime.now(),
|
|
),
|
|
);
|
|
}
|
|
|
|
if (selected != null && selected.id.isNotEmpty) {
|
|
_systemController.text = selected.systemPrompt ?? '';
|
|
_userController.text = selected.userPrompt;
|
|
setState(() {});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController.dispose();
|
|
_systemController.dispose();
|
|
_userController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Dialog(
|
|
insetPadding: const EdgeInsets.all(24),
|
|
backgroundColor: WebTheme.getSurfaceColor(context),
|
|
child: SizedBox(
|
|
width: 900,
|
|
height: 640,
|
|
child: Column(
|
|
children: [
|
|
_buildHeader(),
|
|
_buildTabBar(),
|
|
Expanded(
|
|
child: TabBarView(
|
|
controller: _tabController,
|
|
children: [
|
|
_buildContentEditor(),
|
|
_buildPropertiesPlaceholder(),
|
|
],
|
|
),
|
|
),
|
|
_buildBottomActions(),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildHeader() {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
|
decoration: BoxDecoration(
|
|
color: WebTheme.getSurfaceColor(context),
|
|
border: Border(
|
|
bottom: BorderSide(color: WebTheme.getBorderColor(context), width: 1),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
'编辑提示词',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: WebTheme.getTextColor(context),
|
|
),
|
|
),
|
|
const Spacer(),
|
|
IconButton(
|
|
icon: const Icon(Icons.close),
|
|
color: WebTheme.getTextColor(context),
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
tooltip: '关闭',
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildTabBar() {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: WebTheme.getSurfaceColor(context),
|
|
border: Border(
|
|
bottom: BorderSide(color: WebTheme.getBorderColor(context), width: 1),
|
|
),
|
|
),
|
|
child: TabBar(
|
|
controller: _tabController,
|
|
labelColor: WebTheme.getTextColor(context),
|
|
unselectedLabelColor: WebTheme.getSecondaryTextColor(context),
|
|
indicatorColor: WebTheme.getTextColor(context),
|
|
dividerColor: Colors.transparent,
|
|
tabs: const [
|
|
Tab(text: '内容编辑', icon: Icon(Icons.edit_outlined, size: 16)),
|
|
Tab(text: '属性设置', icon: Icon(Icons.settings_outlined, size: 16)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildContentEditor() {
|
|
final isDark = WebTheme.isDarkMode(context);
|
|
return Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('系统提示词 (System Prompt)', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: WebTheme.getTextColor(context))),
|
|
const SizedBox(height: 8),
|
|
Expanded(
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: isDark ? WebTheme.darkGrey300 : WebTheme.grey300),
|
|
borderRadius: BorderRadius.circular(8),
|
|
color: WebTheme.getSurfaceColor(context),
|
|
),
|
|
child: TextField(
|
|
controller: _systemController,
|
|
maxLines: null,
|
|
expands: true,
|
|
textAlignVertical: TextAlignVertical.top,
|
|
decoration: const InputDecoration(border: InputBorder.none, contentPadding: EdgeInsets.all(12), hintText: '输入系统提示词...'),
|
|
onChanged: (_) => setState(() => _isEdited = true),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(width: 1, margin: const EdgeInsets.symmetric(horizontal: 12), color: WebTheme.getBorderColor(context)),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('用户提示词 (User Prompt)', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: WebTheme.getTextColor(context))),
|
|
const SizedBox(height: 8),
|
|
Expanded(
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: isDark ? WebTheme.darkGrey300 : WebTheme.grey300),
|
|
borderRadius: BorderRadius.circular(8),
|
|
color: WebTheme.getSurfaceColor(context),
|
|
),
|
|
child: TextField(
|
|
controller: _userController,
|
|
maxLines: null,
|
|
expands: true,
|
|
textAlignVertical: TextAlignVertical.top,
|
|
decoration: const InputDecoration(border: InputBorder.none, contentPadding: EdgeInsets.all(12), hintText: '输入用户提示词...'),
|
|
onChanged: (_) => setState(() => _isEdited = true),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildPropertiesPlaceholder() {
|
|
return Center(
|
|
child: Text(
|
|
'属性设置可在完整提示词页面中编辑',
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBottomActions() {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
border: Border(top: BorderSide(color: WebTheme.getBorderColor(context))),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
TextButton(
|
|
onPressed: () {
|
|
widget.onTemporaryPromptsSaved?.call(
|
|
_systemController.text.trim(),
|
|
_userController.text.trim(),
|
|
);
|
|
Navigator.of(context).pop();
|
|
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('已临时保存当前编辑的提示词')));
|
|
},
|
|
child: const Text('临时保存'),
|
|
),
|
|
const SizedBox(width: 12),
|
|
ElevatedButton.icon(
|
|
onPressed: _isEdited ? _saveToServer : null,
|
|
icon: const Icon(Icons.save, size: 16),
|
|
label: const Text('保存'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _saveToServer() {
|
|
if (widget.templateId.startsWith('system_default_') || widget.templateId.startsWith('public_')) {
|
|
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('系统/公共模板不可直接修改，请先复制为私有模板')));
|
|
return;
|
|
}
|
|
|
|
context.read<PromptNewBloc>().add(UpdatePromptDetails(
|
|
promptId: widget.templateId,
|
|
request: UpdatePromptTemplateRequest(
|
|
systemPrompt: _systemController.text.trim(),
|
|
userPrompt: _userController.text.trim(),
|
|
),
|
|
));
|
|
|
|
setState(() => _isEdited = false);
|
|
Navigator.of(context).pop();
|
|
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('模板已保存')));
|
|
}
|
|
}
|
|
|
|
|