feat: 优化显示效果

apps/web-antd/src/views/system/tenantPackage/index.vue

@@ -6,6 +6,7 @@ import type {
 import type { SystemTenantPackageApi } from '#/api/system/tenant-package';
 
 import { Page, useVbenModal } from '@vben/common-ui';
+import { Plus } from '@vben/icons';
 
 import { Button, message } from 'ant-design-vue';
 

apps/web-antd/src/views/system/tenantPackage/modules/form.vue

@@ -127,21 +127,21 @@ function getAllNodeIds(nodes: any[], ids: number[] = []): number[] {
 </script>
 
 <template>
-  <Modal :title="getTitle">
+  <Modal :title="getTitle" class="w-[40%]">
     <Form class="mx-6">
       <template #menuIds="slotProps">
-        <Spin :spinning="menuLoading" class="w-full">
-          <!-- TODO @芋艿：可优化，使用 antd 的 tree？原因是，更原生 -->
-          <VbenTree
-            :tree-data="menuTree"
-            multiple
-            bordered
-            :expanded="expandedKeys"
-            v-bind="slotProps"
-            value-field="id"
-            label-field="name"
-          />
-        </Spin>
+        <!-- TODO @芋艿：可优化，使用 antd 的 tree？原因是，更原生 -->
+        <VbenTree
+          class="max-h-[400px] overflow-y-auto"
+          :loading="menuLoading"
+          :tree-data="menuTree"
+          multiple
+          bordered
+          :expanded="expandedKeys"
+          v-bind="slotProps"
+          value-field="id"
+          label-field="name"
+        />
       </template>
     </Form>
     <template #prepend-footer>