feat(全局): MsTree组件传入虚拟滚动参数调整

frontend/src/components/business/ms-case-associate/index.vue

@@ -198,6 +198,9 @@
   const virtualListProps = computed(() => {
     return {
       height: 'calc(100vh - 251px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/components/business/ms-common-script/formApiImportDrawer.vue

@@ -153,6 +153,9 @@
   const virtualListProps = computed(() => {
     return {
       height: 'calc(100vh - 251px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/components/business/ms-link-file/fileTree.vue

@@ -77,6 +77,9 @@
   const virtualListProps = computed(() => {
     return {
       height: 'calc(100vh - 296px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/components/business/ms-tree/index.vue

@@ -82,6 +82,7 @@
   import { mapTree } from '@/utils/index';
 
   import type { MsTreeFieldNames, MsTreeNodeData, MsTreeSelectedData } from './types';
+  import { VirtualListProps } from '@arco-design/web-vue/es/_components/virtual-list-v2/interface';
 
   const props = withDefaults(
     defineProps<{
@@ -102,7 +103,7 @@
       checkable?: boolean; // 是否可选中
       checkedStrategy?: 'all' | 'parent' | 'child'; // 选中节点时的策略
       checkedKeys?: Array<string | number>; // 选中的节点 key
-      virtualListProps?: Record<string, unknown>; // 虚拟滚动列表的属性
+      virtualListProps?: VirtualListProps; // 虚拟滚动列表的属性
       titleTooltipPosition?:
         | 'top'
         | 'tl'

frontend/src/views/api-test/components/requestComposition/index.vue

@@ -745,7 +745,7 @@
           saveLoading.value = true;
           if (requestVModel.value.isNew) {
             // 若是新建的调试，走添加
-            await props.createApi({
+            const res = await props.createApi({
               ...makeRequestParams(),
               ...saveModalForm.value,
               protocol: requestVModel.value.protocol,
@@ -753,6 +753,8 @@
               uploadFileIds: [],
               linkFileIds: [],
             });
+            requestVModel.value.id = res.id;
+            requestVModel.value.isNew = false;
           } else {
             await props.updateApi({
               ...makeRequestParams(),

frontend/src/views/api-test/debug/components/moduleTree.vue

@@ -45,6 +45,9 @@
         :empty-text="t('apiTestDebug.noMatchModule')"
         :virtual-list-props="{
           height: '100%',
+          threshold: 200,
+          fixedSize: true,
+          buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
         }"
         :field-names="{
           title: 'name',

frontend/src/views/api-test/management/components/moduleTree.vue

@@ -209,10 +209,16 @@
     if (props.readOnly) {
       return {
         height: 'calc(60vh - 190px)',
+        threshold: 200,
+        fixedSize: true,
+        buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
       };
     }
     return {
       height: 'calc(100vh - 305px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/views/case-management/caseManagementFeature/components/caseTree.vue

@@ -332,6 +332,9 @@
   const virtualListProps = computed(() => {
     return {
       height: 'calc(100vh - 366px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue

@@ -422,6 +422,9 @@
   const virtualListProps = computed(() => {
     return {
       height: 'calc(100vh - 270px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue

@@ -190,6 +190,9 @@
   const virtualListProps = computed(() => {
     return {
       height: 'calc(100vh - 251px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/views/case-management/caseReview/components/detail/caseTree.vue

@@ -75,6 +75,9 @@
   const virtualListProps = computed(() => {
     return {
       height: 'calc(100vh - 460px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/views/case-management/caseReview/components/index/moduleTree.vue

@@ -128,10 +128,16 @@
     if (props.isModal) {
       return {
         height: 'calc(60vh - 190px)',
+        threshold: 200,
+        fixedSize: true,
+        buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
       };
     }
     return {
       height: 'calc(100vh - 325px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
 

frontend/src/views/project-management/fileManagement/components/folderTree.vue

@@ -105,10 +105,16 @@
     if (props.isModal) {
       return {
         height: 'calc(60vh - 190px)',
+        threshold: 200,
+        fixedSize: true,
+        buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
       };
     }
     return {
       height: 'calc(100vh - 325px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });
   const moduleKeyword = ref('');

frontend/src/views/test-plan/testPlan/components/testPlanTree.vue

@@ -319,6 +319,9 @@
   const virtualListProps = computed(() => {
     return {
       height: 'calc(100vh - 366px)',
+      threshold: 200,
+      fixedSize: true,
+      buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题
     };
   });