feat:结构树-动态bufferSize

src/views/components/ElementTree.vue

@@ -10,12 +10,7 @@
       activable
       :expand-parent="true"
       style="padding: 0 4px 8px 8px"
-      :scroll="{
-        // rowHeight: 34,
-        bufferSize: 20,
-        threshold: 80,
-        type: 'virtual',
-      }"
+      :scroll="data.scroll"
     >
       <template #label="{ node }: any">
         <div class="flex middle" :class="{ gray: node.data.visible === false }">
@@ -152,12 +147,19 @@ const data = reactive<any>({
   actived: [],
   groups: [],
   hiddenGroups: [],
+  scroll:{
+    bufferSize: 20,
+    type: 'virtual',
+  }
 });
 const { proxy } = getCurrentInstance();
 const $t = proxy.$t
 
 
 onMounted(() => {
+  if(window.innerHeight>800){
+    data.scroll.bufferSize = 50;
+  }
   meta2d.on('opened', getTree);
   meta2d.on('add', getTree);
   meta2d.on('undo', getTree);