docs: beta

Author: phphe

docs/.vitepress/config.ts

@@ -9,21 +9,22 @@ export default defineConfig({
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: "Home", link: "/" },
-      { text: "Examples", link: "/markdown-examples" },
+      { text: "Guide", link: "/v1/guide" },
+      { text: "API", link: "/v1/api" },
     ],
 
-    sidebar: [
-      {
-        text: "Examples",
-        items: [
-          { text: "Markdown Examples", link: "/markdown-examples" },
-          { text: "Runtime API Examples", link: "/api-examples" },
-        ],
-      },
-    ],
+    // sidebar: [
+    //   {
+    //     text: "Examples",
+    //     items: [
+    //       { text: "Markdown Examples", link: "/markdown-examples" },
+    //       { text: "Runtime API Examples", link: "/api-examples" },
+    //     ],
+    //   },
+    // ],
 
     socialLinks: [
-      { icon: "github", link: "https://github.com/vuejs/vitepress" },
+      { icon: "github", link: "https://github.com/phphe/he-tree-react" },
     ],
   },
   markdown: {

docs/api-examples.md

@@ -4,22 +4,21 @@ layout: home
 
 hero:
   name: "He Tree React"
-  text: "A VitePress Site"
-  tagline: My great project tagline
+  # text: ""
+  tagline: React draggable sortable tree component
   actions:
     - theme: brand
-      text: Markdown Examples
-      link: /markdown-examples
+      text: Get started
+      link: ./v1/guide
     - theme: alt
-      text: API Examples
-      link: /api-examples
+      text: API
+      link: ./v1/api
 
 features:
-  - title: Feature A
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
-  - title: Feature B
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
-  - title: Feature C
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - title: Draggable
+    details: When drag, show a placeholder to help user.
+  - title: High-performance
+    details: Supports virtual list to handle large data calmly.
+  - title: Easy to customize
+    details: Simple structure, few built-in style, so the style and UI can be easily customized.
 ---
-

docs/index.md

@@ -0,0 +1,24 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: "He Tree React"
+  # text: ""
+  tagline: React 可拖拽树组件
+  actions:
+    - theme: brand
+      text: 开始使用
+      link: ./v1/guide
+    - theme: alt
+      text: API
+      link: ./v1/api
+
+features:
+  - title: 可拖拽
+    details: 拖拽时显示占位框辅助用户选择位置.
+  - title: 高性能
+    details: 支持虚拟列表, 从容处理大量数据.
+  - title: 易定制
+    details: 结构简单, 很少内置样式, 可以容易的修改样式和UI.
+---