From 5abb0f2b37b35aab211ea17b262c20b4a7dbaea1 Mon Sep 17 00:00:00 2001
From: MrAlenZhong <wdlnydhcg@users.noreply.github.com>
Date: Thu, 29 Sep 2022 10:10:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AF=B9BaseTree=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9EtreeWrapperClassName=E5=B1=9E=E6=80=A7=20(#22?=
 =?UTF-8?q?17)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Tree/src/BasicTree.vue      | 2 +-
 src/components/Tree/src/types/tree.ts      | 1 +
 src/views/demo/system/account/DeptTree.vue | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Tree/src/BasicTree.vue b/src/components/Tree/src/BasicTree.vue
index a4af4aed..d4ff6b66 100644
--- a/src/components/Tree/src/BasicTree.vue
+++ b/src/components/Tree/src/BasicTree.vue
@@ -437,7 +437,7 @@
                 {extendSlots(slots)}
               </TreeHeader>
             )}
-            <Spin spinning={unref(props.loading)} tip="加载中...">
+            <Spin wrapperClassName={unref(props.treeWrapperClassName)} spinning={unref(props.loading)} tip="加载中...">
               <ScrollContainer style={scrollStyle} v-show={!unref(getNotFound)}>
                 <Tree {...unref(getBindValues)} showIcon={false} treeData={treeData.value} />
               </ScrollContainer>
diff --git a/src/components/Tree/src/types/tree.ts b/src/components/Tree/src/types/tree.ts
index 03fe57fe..0b68b4b4 100644
--- a/src/components/Tree/src/types/tree.ts
+++ b/src/components/Tree/src/types/tree.ts
@@ -134,6 +134,7 @@ export const treeProps = buildProps({
     type: Boolean,
     default: false,
   },
+  treeWrapperClassName: String
 });
 
 export type TreeProps = ExtractPropTypes<typeof treeProps>;
diff --git a/src/views/demo/system/account/DeptTree.vue b/src/views/demo/system/account/DeptTree.vue
index b67b4f00..81f082a9 100644
--- a/src/views/demo/system/account/DeptTree.vue
+++ b/src/views/demo/system/account/DeptTree.vue
@@ -4,6 +4,7 @@
       title="部门列表"
       toolbar
       search
+      treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"
       :clickRowToExpand="false"
       :treeData="treeData"
       :fieldNames="{ key: 'id', title: 'deptName' }"