144 lines
4.8 KiB
Dart
144 lines
4.8 KiB
Dart
import 'package:flutter/material.dart';
|
||
|
||
/// 自定义模型输入对话框
|
||
/// 允许用户手动输入不在预定义列表中的模型信息
|
||
class CustomModelDialog extends StatefulWidget {
|
||
/// 提供商名称
|
||
final String providerName;
|
||
|
||
/// 确认添加回调
|
||
final Function(String modelName, String modelAlias, String? apiEndpoint) onConfirm;
|
||
|
||
const CustomModelDialog({
|
||
Key? key,
|
||
required this.providerName,
|
||
required this.onConfirm,
|
||
}) : super(key: key);
|
||
|
||
@override
|
||
State<CustomModelDialog> createState() => _CustomModelDialogState();
|
||
}
|
||
|
||
class _CustomModelDialogState extends State<CustomModelDialog> {
|
||
final _formKey = GlobalKey<FormState>();
|
||
final _modelNameController = TextEditingController();
|
||
final _modelAliasController = TextEditingController();
|
||
final _apiEndpointController = TextEditingController();
|
||
|
||
@override
|
||
void dispose() {
|
||
_modelNameController.dispose();
|
||
_modelAliasController.dispose();
|
||
_apiEndpointController.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final theme = Theme.of(context);
|
||
|
||
return AlertDialog(
|
||
title: Text('添加自定义${widget.providerName}模型'),
|
||
content: Form(
|
||
key: _formKey,
|
||
child: SizedBox(
|
||
width: 400,
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
'请输入您想添加的${widget.providerName}模型信息',
|
||
style: TextStyle(fontSize: 13, color: theme.colorScheme.onSurfaceVariant),
|
||
),
|
||
const SizedBox(height: 16),
|
||
|
||
// 模型名称输入框
|
||
TextFormField(
|
||
controller: _modelNameController,
|
||
decoration: InputDecoration(
|
||
labelText: '模型名称 *',
|
||
hintText: '例如: gpt-4-vision-preview',
|
||
border: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
|
||
),
|
||
validator: (value) {
|
||
if (value == null || value.trim().isEmpty) {
|
||
return '请输入模型名称';
|
||
}
|
||
return null;
|
||
},
|
||
),
|
||
const SizedBox(height: 12),
|
||
|
||
// 模型别名输入框
|
||
TextFormField(
|
||
controller: _modelAliasController,
|
||
decoration: InputDecoration(
|
||
labelText: '模型别名 *',
|
||
hintText: '例如: GPT-4 Vision',
|
||
border: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
|
||
),
|
||
validator: (value) {
|
||
if (value == null || value.trim().isEmpty) {
|
||
return '请输入模型别名';
|
||
}
|
||
return null;
|
||
},
|
||
),
|
||
const SizedBox(height: 12),
|
||
|
||
// API 接口地址输入框
|
||
TextFormField(
|
||
controller: _apiEndpointController,
|
||
decoration: InputDecoration(
|
||
labelText: 'API 接口地址（可选）',
|
||
hintText: '例如: https://api.openai.com/v1',
|
||
border: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
|
||
),
|
||
// API Endpoint是可选的，不需要验证
|
||
),
|
||
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
'* 表示必填字段',
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: theme.colorScheme.error,
|
||
fontStyle: FontStyle.italic,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
actions: [
|
||
OutlinedButton(
|
||
onPressed: () => Navigator.of(context).pop(),
|
||
child: const Text('取消'),
|
||
),
|
||
FilledButton(
|
||
onPressed: () {
|
||
if (_formKey.currentState!.validate()) {
|
||
widget.onConfirm(
|
||
_modelNameController.text.trim(),
|
||
_modelAliasController.text.trim(),
|
||
_apiEndpointController.text.trim().isEmpty ? null : _apiEndpointController.text.trim(),
|
||
);
|
||
Navigator.of(context).pop();
|
||
}
|
||
},
|
||
child: const Text('确认添加'),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
} |