From 13fb59bdb1747c163cda62b5f7699f76ce429fb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?w=C5=AB=20y=C4=81ng?= <uyarnchen@gmail.com>
Date: Wed, 16 Aug 2023 17:52:48 +0800
Subject: [PATCH] chore: recover tree base demo (#2451)

---
 src/tree/_example/base.jsx                | 50 +++++++++++++++++++----
 test/snap/__snapshots__/csr.test.jsx.snap |  4 +-
 test/snap/__snapshots__/ssr.test.jsx.snap |  2 +-
 3 files changed, 45 insertions(+), 11 deletions(-)

diff --git a/src/tree/_example/base.jsx b/src/tree/_example/base.jsx
index 2ad017f97..4d96bc8df 100644
--- a/src/tree/_example/base.jsx
+++ b/src/tree/_example/base.jsx
@@ -4,14 +4,48 @@ import { Tree } from 'tdesign-react';
 const items = [
   {
     label: '第一段',
-    children: [],
+    children: [
+      {
+        label: '第二段',
+      },
+      {
+        label: '第二段',
+      },
+    ],
+  },
+  {
+    label: '第一段',
+    children: [
+      {
+        label: '第二段',
+      },
+      {
+        label: '第二段',
+      },
+    ],
+  },
+  {
+    label: '第一段',
+    children: [
+      {
+        label: '第二段',
+      },
+      {
+        label: '第二段',
+      },
+    ],
+  },
+  {
+    label: '第一段',
+    children: [
+      {
+        label: '第二段',
+      },
+      {
+        label: '第二段',
+      },
+    ],
   },
 ];
 
-const render0perations = () => <div>111</div>;
-
-export default () => (
-  <>
-    <Tree data={items} line icon activable expandAll expandParent operations={render0perations} />
-  </>
-);
+export default () => <Tree data={items} activable hover transition />;
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index dffc61a5b..9fc7c1c05 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -281047,7 +281047,7 @@ exports[`csr snapshot test > csr test src/tree/_example/base.jsx 1`] = `
     />
     <div>
       <div
-        class="t-tree t-tree--transition"
+        class="t-tree t-tree--hoverable t-tree--transition"
       >
         Tree Empty Data
       </div>
@@ -281055,7 +281055,7 @@ exports[`csr snapshot test > csr test src/tree/_example/base.jsx 1`] = `
   </body>,
   "container": <div>
     <div
-      class="t-tree t-tree--transition"
+      class="t-tree t-tree--hoverable t-tree--transition"
     >
       Tree Empty Data
     </div>
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index eb3f7962a..73c8e8e0b 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -1064,7 +1064,7 @@ exports[`ssr snapshot test > ssr test src/transfer/_example/tree.jsx 1`] = `"<di
 
 exports[`ssr snapshot test > ssr test src/tree/_example/activable.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120px\\"><label>节点可高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch t-is-checked t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div></div></div><div class=\\"t-form__item\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120px\\"><label>节点可多选高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div></div></div><div class=\\"t-form__item\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120px\\"><label>整个节点可点击</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\">Tree Empty Data</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/tree/_example/base.jsx 1`] = `"<div class=\\"t-tree t-tree--transition\\">Tree Empty Data</div>"`;
+exports[`ssr snapshot test > ssr test src/tree/_example/base.jsx 1`] = `"<div class=\\"t-tree t-tree--hoverable t-tree--transition\\">Tree Empty Data</div>"`;
 
 exports[`ssr snapshot test > ssr test src/tree/_example/checkable.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch t-is-checked t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div></div></div><div class=\\"t-form__item\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>严格模式</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div></div></div><div class=\\"t-form__item t-form-item__valueMode\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>选中值模式</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;onlyLeaf&#x27;\\" checked=\\"\\" value=\\"onlyLeaf\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">onlyLeaf</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;parentFirst&#x27;\\" value=\\"parentFirst\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">parentFirst</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;all&#x27;\\" value=\\"all\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">all</span></label></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\">Tree Empty Data</div></div></div>"`;