style(系统设置): 用户组&插件样式优化

frontend/src/components/business/ms-user-selector/index.vue

@@ -4,7 +4,7 @@
     mode="remote"
     :options="[]"
     :placeholder="props.placeholder || 'common.pleaseSelectMember'"
-    multiple
+    :multiple="true"
     :value-key="props.valueKey"
     :disabled="props.disabled"
     :at-least-one="props.atLeastOne"
@@ -21,7 +21,7 @@
       value: val,
     })"
     :object-value="true"
-    :should-calculate-max-tag="false"
+    :should-calculate-max-tag="true"
     @remote-search="handleRemoteSearch"
   >
   </MsSelect>

frontend/src/views/project-management/projectAndPermission/member/components/addMemberModal.vue

@@ -29,9 +29,18 @@
           asterisk-position="end"
           :rules="[{ required: true, message: t('project.member.selectUserEmptyTip') }]"
         >
-          <a-select v-model="form.roleIds" multiple allow-clear :placeholder="t('project.member.selectUserScope')">
-            <a-option v-for="item of props.userGroupOptions" :key="item.id" :value="item.id">{{ item.name }}</a-option>
-          </a-select>
+          <MsSelect
+            v-model:model-value="form.roleIds"
+            :options="props.userGroupOptions"
+            :allow-search="true"
+            allow-clear
+            :search-keys="['name']"
+            value-key="id"
+            label-key="name"
+            class="w-full"
+            :multiple="true"
+            :placeholder="t('project.member.selectUserScope')"
+          />
         </a-form-item>
       </a-form>
     </div>
@@ -43,6 +52,7 @@
   import { FormInstance, Message } from '@arco-design/web-vue';
 
   import MsDialog from '@/components/pure/ms-dialog/index.vue';
+  import MsSelect from '@/components/business/ms-select';
   import MsUserSelector from '@/components/business/ms-user-selector/index.vue';
   import { UserRequestTypeEnum } from '@/components/business/ms-user-selector/utils';
 

frontend/src/views/setting/organization/member/components/addMemberModal.vue

@@ -47,14 +47,18 @@
           asterisk-position="end"
           :rules="[{ required: true, message: t('organization.member.selectUserEmptyTip') }]"
         >
-          <a-select
-            v-model="form.userRoleIds"
-            multiple
+          <MsSelect
+            v-model:model-value="form.userRoleIds"
+            :options="props.userGroupOptions"
+            :allow-search="true"
             allow-clear
+            :search-keys="['name']"
+            value-key="id"
+            label-key="name"
+            class="w-full"
+            :multiple="true"
             :placeholder="t('organization.member.selectUserScope')"
-          >
-            <a-option v-for="item of props.userGroupOptions" :key="item.id" :value="item.id">{{ item.name }}</a-option>
-          </a-select>
+          />
         </a-form-item>
       </a-form>
     </div>
@@ -71,6 +75,7 @@
   import { ref, watch, watchEffect } from 'vue';
   import { FormInstance, Message, ValidatedError } from '@arco-design/web-vue';
 
+  import MsSelect from '@/components/business/ms-select';
   import MsUserSelector from '@/components/business/ms-user-selector/index.vue';
   import { UserRequestTypeEnum } from '@/components/business/ms-user-selector/utils';
 

frontend/src/views/setting/system/pluginManager/components/pluginTable.vue

@@ -255,7 +255,7 @@
     scroll: { x: '100%' },
     selectable: false,
     showPagination: false,
-    heightUsed: 288,
+    heightUsed: 280,
     showSetting: true,
     size: 'default',
   });