doc

Author: lycHub

src/assets/styles/index.scss

@@ -1,2 +1,6 @@
 @import "reset";
 @import "highlight.github.css";
+
+.table-row-abandoned {
+  text-decoration: line-through;
+}

src/components/VirtualTree/types.ts

@@ -12,7 +12,6 @@ interface TreeNodeOptions {
   hasChildren?: boolean;
   children?: TreeNodeOptions[];
   parentKey?: NodeKey | null;
-  // [key: string]: any;
 }
 
 interface TreeInstance {

src/doc/BaseDemo.vue

@@ -47,10 +47,6 @@
       const defaultSelectedKey = ref('0-0-1-0');
       const defaultDisabledKeys = ref(['0-0-1']);
 
-      setTimeout(() => {
-        defaultDisabledKeys.value = ['0-1', '0-0-2'];
-      }, 5000);
-
       onMounted(() => {
         list.value = recursion();
       });

src/doc/index.vue

@@ -42,7 +42,7 @@
           <demo-box
             id="base-demo"
             title="基本用法"
-            desc="展开、选中、禁用的基本功能aa"
+            desc="展开、选中、禁用的基本功能"
             code-type="base">
             <base-demo />
           </demo-box>
@@ -98,7 +98,13 @@
       <a-table :columns="methodColumns" :data-source="methodData" rowKey="argument" :pagination="false" />
       <br />
       <a-typography-title :level="4">TreeNodeOptions</a-typography-title>
-      <a-table :columns="columns" :data-source="nodeOptionData" rowKey="argument" :pagination="false" />
+      <a-table
+        :columns="columns"
+        :data-source="nodeOptionData"
+        rowKey="argument"
+        :pagination="false"
+        :row-class-name="rowClsName"
+      />
     </section>
   </div>
 </template>
@@ -117,14 +123,17 @@
   export default defineComponent({
     name: 'DocContainer',
     components: { DemoBox, BaseDemo, CheckboxDemo, AsyncDataDemo, CustomNodeDemo, CustomIconDemo, SearchNodeDemo },
-    setup(prop, {emit}) {
+    setup() {
+      const rowClsName = (_: any, index: number) => ([5, 6, 7, 8].includes(index) ? 'table-row-abandoned' : null);
+
       return {
         propData,
         eventData,
         methodData,
         nodeOptionData,
         columns,
-        methodColumns
+        methodColumns,
+        rowClsName
       }
     }
   });
@@ -149,4 +158,5 @@
       }
     }
   }
+
 </style>

src/doc/tableData.ts

@@ -14,6 +14,10 @@ const columns = [
   {
     title: '默认值',
     dataIndex: 'defaultValue'
+  },
+  {
+    title: '版本号',
+    dataIndex: 'version'
   }
 ];
 const methodColumns = [
@@ -28,6 +32,10 @@ const methodColumns = [
   {
     title: '参数',
     dataIndex: 'type'
+  },
+  {
+    title: '版本号',
+    dataIndex: 'version'
   }
 ];
 
@@ -73,7 +81,35 @@ const propData = [
     description: '自定义渲染节点',
     type: '() => JSX.Element',
     defaultValue: 'undefined'
-  }
+  },
+  {
+    argument: 'defaultExpandedKeys',
+    description: '默认展开的nodeKey数组',
+    type: 'Array<string | number>',
+    defaultValue: '[]',
+    version: '2.0.0'
+  },
+  {
+    argument: 'defaultDisabledKeys',
+    description: '默认禁用的nodeKey数组',
+    type: 'Array<string | number>',
+    defaultValue: '[]',
+    version: '2.0.0'
+  },
+  {
+    argument: 'defaultCheckedKeys',
+    description: '默认勾选的nodeKey数组',
+    type: 'Array<string | number>',
+    defaultValue: '[]',
+    version: '2.0.0'
+  },
+  {
+    argument: 'defaultSelectedKey',
+    description: '默认选中的nodeKey',
+    type: 'string | number',
+    defaultValue: '',
+    version: '2.0.0'
+  },
 ];
 const eventData = [
   {
@@ -96,17 +132,23 @@ const methodData = [
   {
     name: 'getSelectedNode',
     description: '获取选中的节点',
-    type: '() => TreeNodeOptions | undefined;'
+    type: '() => TreeNodeOptions | undefined'
   },
   {
     name: 'getCheckedNodes',
     description: '获取已勾选的节点',
-    type: '() => TreeNodeOptions;'
+    type: '() => TreeNodeOptions'
   },
   {
     name: 'getHalfCheckedNodes',
     description: '获取半勾选的节点',
-    type: '() => TreeNodeOptions;'
+    type: '() => TreeNodeOptions'
+  },
+  {
+    name: 'getExpandedKeys',
+    description: '获取已展开的nodeKeys',
+    type: '() => Array<string | number>',
+    version: '2.0.0'
   }
 ];
 const nodeOptionData = [
@@ -140,25 +182,29 @@ const nodeOptionData = [
     argument: 'disabled',
     description: '是否禁用',
     type: 'boolean',
-    defaultValue: 'false'
+    defaultValue: 'false',
+    version: '2.0.0已废弃'
   },
   {
     argument: 'expanded',
     description: '是否展开',
     type: 'boolean',
-    defaultValue: 'false'
+    defaultValue: 'false',
+    version: '2.0.0已废弃'
   },
   {
     argument: 'selected',
     description: '是否选中',
     type: 'boolean',
-    defaultValue: 'false'
+    defaultValue: 'false',
+    version: '2.0.0已废弃'
   },
   {
     argument: 'checked',
     description: '是否勾选',
     type: 'boolean',
-    defaultValue: 'false'
+    defaultValue: 'false',
+    version: '2.0.0已废弃'
   },
   {
     argument: 'children',