Function LLMConfigForm

src/renderer/src/components/settings/LLMSettings.tsx:42–240

({ open, config, onSave, onCancel }: LLMConfigFormProps)

}

function LLMConfigForm({ open, config, onSave, onCancel }: LLMConfigFormProps) {
  const [form] = Form.useForm()
  const [loading, setLoading] = useState(false)
  const [modelLoading, setModelLoading] = useState(false)
  const [models, setModels] = useState<string[]>([])
  const { message } = App.useApp()
  const { settings } = useSettingsStore()

  // 当 config 变化时，更新表单值
  useEffect(() => {
    if (open) {
      if (config) {
        form.setFieldsValue(config)
      } else {
        form.resetFields()
      }
      setModels([])
    }
  }, [open, config, form])

  const handleSave = async () => {
    try {
      setLoading(true)
      const values = await form.validateFields()

      const newConfig: LLMConfig = {
        id: config?.id || uuidv4(),
        name: values.name,
        apiHost: values.apiHost,
        apiKey: values.apiKey,
        modelName: values.modelName,
        createdAt: config?.createdAt || Date.now(),
        modelConfigId: values.modelConfigId
      }

      onSave(newConfig)
      form.resetFields()
    } catch (error) {
      message.error('请检查输入内容')
    } finally {
      setLoading(false)
    }
  }

  const fetchModels = async () => {
    try {
      const apiHost = form.getFieldValue('apiHost')
      const apiKey = form.getFieldValue('apiKey')

      if (!apiHost || !apiKey) {
        message.warning('请先输入 API Host 和 API Key')
        return
      }

      setModelLoading(true)
      const result = await window.api.ai.getModels({
        apiHost,
        apiKey,