fix: streamline user selection by removing debounce and optimizing remote search in AddMemberDrawer

Author: wxg0103

ui/src/api/type/role.ts

@@ -69,7 +69,6 @@ interface FormItemModel {
     multiple?: boolean
     clearableFunction?: (e: any) => boolean
     remoteMethod?: (query: string, element: any) => Promise<{ label: string, value: string }[]>
-    remoteSearchDebounce?: number
   }
 }
 

ui/src/views/system/role/component/AddMemberDrawer.vue

@@ -23,12 +23,10 @@
 
 <script setup lang="ts">
 import {onBeforeMount, ref} from 'vue'
-import type {CreateMemberParamsItem, FormItemModel} from '@/api/type/role'
+import type {CreateMemberParamsItem, FormItemModel, RoleItem} from '@/api/type/role'
 import UserApi from '@/api/user/user'
-import WorkspaceApi from '@/api/workspace/workspace'
 import MemberFormContent from './MemberFormContent.vue'
 import {t} from '@/locales'
-import type {RoleItem} from '@/api/type/role'
 import {MsgSuccess} from '@/utils/message'
 import {RoleTypeEnum} from '@/enums/system'
 import {loadPermissionApi} from '@/utils/dynamics-api/permission-api'
@@ -64,8 +62,7 @@ async function getUserFormItem() {
     }
 
     // 初始加载
-    const initialOptions = await fetchUserOptions()
-    userOptions.value = initialOptions
+    userOptions.value = await fetchUserOptions()
 
     userFormItem.value = [
       {
@@ -80,7 +77,6 @@ async function getUserFormItem() {
         selectProps: {
           options: userOptions.value,
           placeholder: `${t('common.selectPlaceholder')}${t('views.role.member.title')}`,
-          remoteSearchDebounce: 300,
           remoteMethod: async (query: string, element: any) => {
             // 关键：直接更新 selectProps.options
             const newOptions = await fetchUserOptions(query)

ui/src/views/system/role/component/MemberFormContent.vue

@@ -108,8 +108,7 @@ async function handleRemoteSearch(query: string, element: any, model: FormItemMo
   loadingStates[key] = true
 
   try {
-    const debounceTime = model.selectProps.remoteSearchDebounce || 300
-    await new Promise(resolve => setTimeout(resolve, debounceTime))
+    await new Promise(resolve => setTimeout(resolve, 100))
 
     element[`_${model.path}_options`] = await model.selectProps.remoteMethod(query, element)
   } catch (error) {