feat: improved form validation and model addition functionality

src/renderer/src/pages/settings/ProviderSettings/AddModelPopup.tsx

@@ -41,22 +41,39 @@ const PopupContainer: React.FC<Props> = ({ title, provider, resolve }) => {
     resolve({})
   }
 
-  const onFinish: FormProps<FieldType>['onFinish'] = (values) => {
+  const onAddModel = (values: FieldType) => {
-    if (find(models, { id: values.id })) {
+    const id = values.id.trim()
-      Modal.error({ title: 'Error', content: 'Model ID already exists' })
+
+    if (find(models, { id })) {
+      window.message.error('Model ID already exists')
       return
     }
 
     const model: Model = {
+      id,
       provider: provider.id,
-      id: values.id,
+      name: values.name ? values.name : id.toUpperCase(),
-      name: values.name ? values.name : values.id.toUpperCase(),
+      group: getDefaultGroupName(values.group || id)
-      group: getDefaultGroupName(values.group || values.id)
     }
 
     addModel(model)
 
-    resolve(model)
+    return true
+  }
+
+  const onFinish: FormProps<FieldType>['onFinish'] = (values) => {
+    const id = values.id.trim().replaceAll('，', ',')
+
+    if (id.includes(',')) {
+      const ids = id.split(',')
+      ids.forEach((id) => onAddModel({ id, name: id } as FieldType))
+      resolve({})
+      return
+    }
+
+    if (onAddModel(values)) {
+      resolve({})
+    }
   }
 
   return (