refine doc

Author: huangshuwei

examples/src/docs/en/ve-table/cell-selection/base.md

@@ -1,12 +1,4 @@
-:::anchor example
-
-You can quickly select cells with the following keys, the selection behavior is like microsoft excel:<br>
-1、Pressing the up arrow key <code>ArrowUp</code>, select the upper cell<br>
-2、Pressing the down arrow key <code>ArrowDown</code>, Select the lower cell<br>
-3、Pressing the left arrow key <code>ArrowLeft</code>,Select the previous cell<br>
-4、Pressing the right arrow key <code>ArrowRight</code>,select the next cell<br>
-5、Pressing the key <code>ArrowLeft</code>,The function is the same as pressing <code>ArrowRight</code><br>
-6、Pressing the key <code>Shift + Tab</code>,The function is the same as pressing <code>ArrowLeft</code>
+:::anchor Basic usage
 
 :::demo
 

examples/src/docs/en/ve-table/cell-selection/main.vue

@@ -2,18 +2,21 @@
     <div>
         <h2>Cell Selection</h2>
         <Explain />
+        <ShortCuts />
         <Base />
     </div>
 </template>
 <script>
 import Explain from "./explain.md";
 import Base from "./base.md";
+import ShortCuts from "./shortcuts.md";
 
 export default {
     name: "cell-selection",
     components: {
         Explain,
         Base,
+        ShortCuts,
     },
 };
 </script>

examples/src/docs/en/ve-table/cell-selection/shortcuts.md

@@ -0,0 +1,14 @@
+:::anchor Shortcuts
+
+Cell selection support the following shortcut keys (refer to excel shortcut keys)：
+
+| Feature                           | Shortcuts         |
+| :-------------------------------- | :---------------- |
+| Move the active cell up           | `↑`               |
+| Move the active cell to the right | `→`               |
+| Move the active cell down         | `↓`               |
+| Move the active cell to the left  | `←`               |
+| Move the active cell down         | `Enter`           |
+| Move the active cell up           | `Shift` + `Enter` |
+| Move the active cell to the right | `Tab`             |
+| Move the active cell to the left  | `Shift` + `Tab`   |

examples/src/docs/zh/ve-table/cell-selection/base.md

@@ -1,12 +1,4 @@
-:::anchor 示例
-
-你可以配合以下按键快速选中单元格，选中行为就像微软的 excel：<br>
-1、当按下方向上键<code>ArrowUp</code>，选中上边单元格；<br>
-2、当按下方向下键<code>ArrowDown</code>，选中下边单元格；<br>
-3、当按下方向左键<code>ArrowLeft</code>，选中左边单元格；<br>
-4、当按下方向右键<code>ArrowRight</code>，选中右边单元格；<br>
-5、当按下键<code>Tab</code>，功能与按下<code>ArrowRight</code>一致；<br>
-6、当按下键<code>Shift + Tab</code>，功能与按下<code>ArrowLeft</code>一致；
+:::anchor 基本用法
 
 :::demo
 

examples/src/docs/zh/ve-table/cell-selection/main.vue

@@ -2,18 +2,21 @@
     <div>
         <h2>单元格选择</h2>
         <Explain />
+        <ShortCuts />
         <Base />
     </div>
 </template>
 <script>
 import Explain from "./explain.md";
 import Base from "./base.md";
+import ShortCuts from "./shortcuts.md";
 
 export default {
     name: "cell-selection",
     components: {
         Explain,
         Base,
+        ShortCuts,
     },
 };
 </script>

examples/src/docs/zh/ve-table/cell-selection/shortcuts.md

@@ -0,0 +1,14 @@
+:::anchor 快捷键
+
+单元格选择支持以下快捷键（参考 excel 快捷键）：
+
+| 功能               | 快捷键            |
+| :----------------- | :---------------- |
+| 向上移动活动单元格 | `↑`               |
+| 向右移动活动单元格 | `→`               |
+| 向下移动活动单元格 | `↓`               |
+| 向左移动活动单元格 | `←`               |
+| 向下移动活动单元格 | `Enter`           |
+| 向上移动活动单元格 | `Shift` + `Enter` |
+| 向右移动活动单元格 | `Tab`             |
+| 向左移动活动单元格 | `Shift` + `Tab`   |