From 3caabb6014d1deb1619c66bdb8f93264b72b37e9 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Wed, 26 Feb 2020 15:04:41 +0800
Subject: [PATCH] docs: add tree demo

---
 components/tree/demo/index.vue        |  2 ++
 components/tree/demo/switcher-icon.md | 44 +++++++++++++++++++++++++++
 2 files changed, 46 insertions(+)
 create mode 100644 components/tree/demo/switcher-icon.md

diff --git a/components/tree/demo/index.vue b/components/tree/demo/index.vue
index 53cb48a10..246c0c1d5 100644
--- a/components/tree/demo/index.vue
+++ b/components/tree/demo/index.vue
@@ -8,6 +8,7 @@ import Line from './line';
 import Search from './search';
 import Directory from './directory';
 import ReplaceFields from './replaceFields';
+import SwitcherIcon from './switcher-icon';
 
 import CN from '../index.zh-CN.md';
 import US from '../index.en-US.md';
@@ -45,6 +46,7 @@ export default {
         <Line />
         <Search />
         <Directory />
+        <SwitcherIcon />
         <api>
           <template slot="cn">
             <CN />
diff --git a/components/tree/demo/switcher-icon.md b/components/tree/demo/switcher-icon.md
new file mode 100644
index 000000000..aa05146e8
--- /dev/null
+++ b/components/tree/demo/switcher-icon.md
@@ -0,0 +1,44 @@
+<cn>
+#### 自定义展开/折叠图标
+自定义展开/折叠图标。
+</cn>
+
+<us>
+#### Customize collapse/expand icon
+customize collapse/expand icon of tree node
+</us>
+
+```tpl
+<template>
+  <a-tree
+    showLine
+    :defaultExpandedKeys="['0-0-0']"
+    @select="onSelect"
+  >
+    <a-icon slot="switcherIcon" type="down" />
+    <a-tree-node title="parent 1" key="0-0">
+      <a-tree-node title="parent 1-0" key="0-0-0">
+        <a-tree-node title="leaf" key="0-0-0-0" />
+        <a-tree-node title="leaf" key="0-0-0-1" />
+        <a-tree-node title="leaf" key="0-0-0-2" />
+      </a-tree-node>
+      <a-tree-node title="parent 1-1" key="0-0-1">
+        <a-tree-node title="leaf" key="0-0-1-0" />
+      </a-tree-node>
+      <a-tree-node title="parent 1-2" key="0-0-2">
+        <a-tree-node title="leaf" key="0-0-2-0" />
+        <a-tree-node title="leaf" key="0-0-2-1" />
+      </a-tree-node>
+    </a-tree-node>
+  </a-tree>
+</template>
+<script>
+  export default {
+    methods: {
+      onSelect(selectedKeys, info) {
+        console.log('selected', selectedKeys, info);
+      },
+    },
+  };
+</script>
+```