From 20d5093ba550dd55e668517506de5c2cefb4c6e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=BD=E5=B0=8F=E6=A2=85?= <425605679@qq.com>
Date: Thu, 24 Mar 2022 16:55:08 +0800
Subject: [PATCH] feat(tree): add transition

---
 example/docs/zh-CN/components/tree.md |  3 ++-
 src/component/tree/TreeNode.vue       | 11 ++++++-----
 src/component/tree/index.vue          |  1 +
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/example/docs/zh-CN/components/tree.md b/example/docs/zh-CN/components/tree.md
index 367fadae..2b7bf1f9 100644
--- a/example/docs/zh-CN/components/tree.md
+++ b/example/docs/zh-CN/components/tree.md
@@ -9,6 +9,7 @@
     :onlyIconControl="iconCtrl"
     :showLine="showLine"
     :showCheckbox="showCheckbox"
+    accordion
     v-model:checkedKeys="checkedKeys"
     @node-click="handleClick"
     :disabled="disabled"
@@ -261,4 +262,4 @@ function handleClick(node) {
 :::
 
 ::: previousNext tree
-:::
\ No newline at end of file
+:::
diff --git a/src/component/tree/TreeNode.vue b/src/component/tree/TreeNode.vue
index b0b8850a..195bfb27 100644
--- a/src/component/tree/TreeNode.vue
+++ b/src/component/tree/TreeNode.vue
@@ -6,13 +6,12 @@ export default {
 
 <script setup lang="ts">
 import { StringOrNumber } from "./tree.type";
-import { Nullable } from "../type";
-
 import LayIcon from "../icon";
 import LayCheckbox from "../checkbox";
 import { Ref } from "vue";
 import { Tree } from "./tree";
-
+import { Nullable } from "../../types";
+import LayTransition from "../transition/index.vue";
 type CustomKey = string | number;
 type CustomString = (() => string) | string;
 
@@ -34,6 +33,7 @@ interface TreeNodeProps {
   nodeList: TreeData[];
   showCheckbox: boolean;
   showLine: boolean;
+  accordion: boolean;
   onlyIconControl: boolean;
 }
 
@@ -136,7 +136,7 @@ function handleTitleClick(node: TreeData) {
         </span>
       </div>
     </div>
-    <transition name="move">
+    <LayTransition :enable="accordion">
       <div
         v-if="node.isLeaf.value"
         class="layui-tree-pack layui-tree-showLine"
@@ -146,12 +146,13 @@ function handleTitleClick(node: TreeData) {
           :node-list="node.children"
           :show-checkbox="showCheckbox"
           :show-line="showLine"
+          :accordion="accordion"
           :tree="tree"
           :only-icon-control="onlyIconControl"
           @node-click="recursiveNodeClick"
         />
       </div>
-    </transition>
+    </LayTransition>
   </div>
 </template>
 
diff --git a/src/component/tree/index.vue b/src/component/tree/index.vue
index 87f5cf99..bee6bb09 100644
--- a/src/component/tree/index.vue
+++ b/src/component/tree/index.vue
@@ -85,6 +85,7 @@ function handleClick(node: TreeData) {
       :node-list="nodeList"
       :show-checkbox="showCheckbox"
       :show-line="showLine"
+      :accordion="accordion"
       :only-icon-control="onlyIconControl"
       @node-click="handleClick"
     />