fix(ui): 改进模型编辑对话框滚动体验

移除 TextModelEditModal 和 ImageModelEditModal 内部的 NScrollbar，
改用 NModal 原生的全局滚动，用户在任何位置都能滚动表单内容。

Closes #204

Author: linshenkx

packages/ui/src/components/ImageModelEditModal.vue

@@ -9,8 +9,7 @@
     :segmented="true"
     @update:show="(value) => !value && close()"
   >
-    <NScrollbar style="max-height: 68vh;">
-      <form @submit.prevent="save">
+    <form @submit.prevent="save">
         <NForm label-placement="left" label-width="auto" size="small">
           <!-- 基本信息区域 -->
           <NFormItem :label="t('image.config.displayName.label')">
@@ -145,9 +144,8 @@
             @update:paramOverrides="updateParamOverrides"
           />
         </NForm>
-      </form>
-    </NScrollbar>
-    
+    </form>
+
     <template #action>
       <NSpace justify="space-between" align="center" style="width: 100%;">
         <!-- 左侧：连接测试 -->
@@ -216,7 +214,7 @@ import { computed, watch, nextTick } from 'vue'
 
 import { useI18n } from 'vue-i18n'
 import {
-  NModal, NScrollbar, NSpace, NInput, NInputNumber,
+  NModal, NSpace, NInput, NInputNumber,
   NCheckbox, NSelect, NButton, NTag, NTooltip, NText,
   NDivider, NH4, NForm, NFormItem, NImage
 } from 'naive-ui'

packages/ui/src/components/TextModelEditModal.vue

@@ -2,15 +2,14 @@
   <NModal
     :show="show"
     preset="card"
-    :style="{ width: '90vw', maxWidth: '1000px', maxHeight: '90vh' }"
+    :style="{ width: '90vw', maxWidth: '1000px' }"
     :title="modalTitle.value"
     size="large"
     :bordered="false"
     :segmented="true"
     @update:show="handleUpdateShow"
   >
-    <NScrollbar v-if="formReady" style="max-height: 75vh;">
-      <form @submit.prevent="handleSubmit">
+    <form v-if="formReady" @submit.prevent="handleSubmit">
         <NForm label-placement="left" label-width="auto" size="small">
           <NFormItem v-if="!isEditing" :label="t('modelManager.modelKey')">
             <NInput
@@ -139,12 +138,11 @@
           :param-overrides="form.paramOverrides"
           @update:paramOverrides="updateParamOverrides"
         />
-      </form>
-    </NScrollbar>
+    </form>
 
-    <div v-else style="height: 200px; display: flex; align-items: center; justify-content: center;">
+    <NFlex v-else justify="center" align="center" style="height: 200px;">
       <NSpin />
-    </div>
+    </NFlex>
 
     <template #action>
       <NSpace justify="space-between" align="center" style="width: 100%;">
@@ -187,7 +185,6 @@ import { computed, inject, nextTick } from 'vue'
 import { useI18n } from 'vue-i18n'
 import {
   NModal,
-  NScrollbar,
   NForm,
   NFormItem,
   NH4,
@@ -196,6 +193,7 @@ import {
   NCheckbox,
   NSelect,
   NSpace,
+  NFlex,
   NButton,
   NDivider,
   NText,