online demo

Author: lycHub

README-CN.md

@@ -5,6 +5,7 @@
 
 ## [文档 & 示例](https://lychub.github.io/vue-virtual-tree)
 ### [在线demo](https://stackblitz.com/edit/vue-virtual-tree-demos?file=src/App.vue)
+### [在线demo v4](https://stackblitz.com/edit/vue-virtual-tree-demos-bvicgw?file=src/App.vue)
 
 ## 基本使用
 

README.md

@@ -6,6 +6,7 @@ English & [简体中文](README-CN.md)
 
 ## [Docs & Demo](https://lychub.github.io/vue-virtual-tree)
 ### [online demo](https://stackblitz.com/edit/vue-virtual-tree-demos?file=src/App.vue)
+### [online demo v4](https://stackblitz.com/edit/vue-virtual-tree-demos-bvicgw?file=src/App.vue)
 
 
 ## How to use

src/App.vue

@@ -13,7 +13,6 @@
         <a-anchor-link href="#async-dada-demo" title="异步加载" />
         <a-anchor-link href="#custom-node-demo" title="自定义渲染节点" />
         <a-anchor-link href="#custom-icon-demo" title="自定义图标" />
-        <a-anchor-link href="#search-node-demo" title="搜索树" />
         <a-anchor-link href="#api" title="API" />
       </a-anchor>
     </a-layout-content>

src/doc/SearchNodeDemo.vue

@@ -76,13 +76,6 @@
             code-type="customNode">
             <custom-node-demo />
           </demo-box>
-          <demo-box
-            id="search-node-demo"
-            title="搜索树"
-            desc="虽然组件内部没有直接提供，但可以配合render自行实现"
-            code-type="searchNode">
-            <search-node-demo />
-          </demo-box>
         </a-col>
       </a-row>
     </section>
@@ -117,12 +110,11 @@
   import AsyncDataDemo from './AsyncDataDemo.vue';
   import CustomNodeDemo from './CustomNodeDemo.vue';
   import CustomIconDemo from './CustomIconDemo.vue';
-  import SearchNodeDemo from './SearchNodeDemo.vue';
   import { columns, eventData, methodColumns, methodData, nodeOptionData, propData } from './tableData';
 
   export default defineComponent({
     name: 'DocContainer',
-    components: { DemoBox, BaseDemo, CheckboxDemo, AsyncDataDemo, CustomNodeDemo, CustomIconDemo, SearchNodeDemo },
+    components: { DemoBox, BaseDemo, CheckboxDemo, AsyncDataDemo, CustomNodeDemo, CustomIconDemo },
     setup() {
       const rowClsName = (_: any, index: number) => ([5, 6, 7, 8].includes(index) ? 'table-row-abandoned' : null);