From 1c709d3ccfbc52cc70c632b16e2515de5b0d51a6 Mon Sep 17 00:00:00 2001
From: xuziqiang <1344691446@qq.com>
Date: Fri, 19 Jul 2024 10:36:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=91=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/component/tree/tree-api.vue | 40 +++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/lib/component/tree/tree-api.vue b/lib/component/tree/tree-api.vue
index e274ba2..4aa9076 100644
--- a/lib/component/tree/tree-api.vue
+++ b/lib/component/tree/tree-api.vue
@@ -1,22 +1,24 @@
 <template>
   <a-spin :spinning="treeState.loading">
-    <div class="ns-tree-form">
-      <div v-if="header" class="ns-tree-title">
-        <ns-icon :name="header.icon" size="14" />
-        <span>{{ header.title }}</span>
+    <div class="ns-tree-container">
+      <div class="ns-tree-form">
+        <div v-if="header" class="ns-tree-title">
+          <ns-icon :name="header.icon" size="14" />
+          <span>{{ header.title }}</span>
+        </div>
+        <div v-if="!formConfig?.schema">
+          <ns-form ref="formElRef" v-bind="formConfig" :model="formModel" @finish="formFinish" />
+        </div>
       </div>
-      <div v-if="!formConfig?.schema">
-        <ns-form ref="formElRef" v-bind="formConfig" :model="formModel" @finish="formFinish" />
-      </div>
-    </div>
 
-    <div style="min-height: 150px; overflow-y: scroll">
-      <ns-tree v-if="treeData?.length" v-bind="getBindValue" v-model:selectedKeys="selectedKeys">
-        <template #[item]="data" v-for="(item, index) in Object.keys($slots)" :key="index">
-          <slot :name="item" v-bind="{ ...data, formModel } || {}"></slot>
-        </template>
-      </ns-tree>
-      <!-- <a-empty v-if="!treeData?.length" /> -->
+      <div style="min-height: 150px">
+        <ns-tree v-if="treeData?.length" v-bind="getBindValue" v-model:selectedKeys="selectedKeys">
+          <template #[item]="data" v-for="(item, index) in Object.keys($slots)" :key="index">
+            <slot :name="item" v-bind="{ ...data, formModel } || {}"></slot>
+          </template>
+        </ns-tree>
+        <!-- <a-empty v-if="!treeData?.length" /> -->
+      </div>
     </div>
   </a-spin>
 </template>
@@ -150,4 +152,12 @@
       width: 100%;
     }
   }
+
+  .ns-tree-container {
+    display: flex;
+    flex-direction: column;
+    &:last-child {
+      flex: 1;
+    }
+  }
 </style>