From 5e8282976594ba7961ee7f3808bbc93bd6a07410 Mon Sep 17 00:00:00 2001
From: Red <18678918169@163.com>
Date: Mon, 22 Mar 2021 11:28:40 +0800
Subject: [PATCH 1/4] Add

---
 examples/views/my/sample1/index.vue | 99 +++++++++++++++++++++++++++++
 1 file changed, 99 insertions(+)
 create mode 100644 examples/views/my/sample1/index.vue

diff --git a/examples/views/my/sample1/index.vue b/examples/views/my/sample1/index.vue
new file mode 100644
index 000000000..ad910d442
--- /dev/null
+++ b/examples/views/my/sample1/index.vue
@@ -0,0 +1,99 @@
+<template>
+  <div>
+    <p class="tip">键盘移动高亮行，设置 <table-api-link prop="keyboard-config"/>={isArrow: true} 启用方向键功能</p>
+
+    <vxe-table
+      ref="grid"
+      border
+      resizable
+      highlight-current-row
+      height="400"
+      :data="tableData"
+      :keyboard-config="{isArrow: true}"
+      @current-changing="beforeChange">
+      <vxe-table-column type="seq" width="60"></vxe-table-column>
+      <vxe-table-column field="name" title="Name"></vxe-table-column>
+      <vxe-table-column field="sex" title="Sex"></vxe-table-column>
+      <vxe-table-column field="age" title="Age"></vxe-table-column>
+      <vxe-table-column field="address" title="Address" show-overflow></vxe-table-column>
+    </vxe-table>
+
+    <pre>
+      <pre-code>
+        | Arrow Up ↑ | 移动到高亮行的上一行 |
+        | Arrow Down ↓ | 移动到高亮行的下一行 |
+      </pre-code>
+    </pre>
+
+    <p class="demo-code">{{ $t('app.body.button.showCode') }}</p>
+
+    <pre>
+      <pre-code class="xml">{{ demoCodes[0] }}</pre-code>
+      <pre-code class="javascript">{{ demoCodes[1] }}</pre-code>
+    </pre>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    beforeChange (param) {
+      // param.$event.abort = true
+    }
+  },
+  data () {
+    return {
+      tableData: [
+        { id: 10001, name: 'Test1', role: 'Develop', sex: '0', age: 28, amount: 888, address: 'vxe-table 从入门到放弃' },
+        { id: 10002, name: 'Test2', role: 'Test', sex: '1', age: 22, amount: 666, address: 'Guangzhou' },
+        { id: 10003, name: 'Test3', role: 'PM', sex: '1', age: 32, amount: 89, address: 'Shanghai' },
+        { id: 10004, name: 'Test4', role: 'Designer', sex: '0', age: 23, amount: 1000, address: 'vxe-table 从入门到放弃' },
+        { id: 10005, name: 'Test5', role: 'Develop', sex: '0', age: 30, amount: 999, address: 'Shanghai' },
+        { id: 10006, name: 'Test6', role: 'Designer', sex: '0', age: 21, amount: 998, address: 'vxe-table 从入门到放弃' },
+        { id: 10007, name: 'Test7', role: 'Test', sex: '1', age: 29, amount: 2000, address: 'vxe-table 从入门到放弃' },
+        { id: 10008, name: 'Test8', role: 'Develop', sex: '1 ', age: 35, amount: 999, address: 'vxe-table 从入门到放弃' },
+        { id: 10009, name: 'Test9', role: 'Test', sex: '1', age: 26, amount: 2000, address: 'vxe-table 从入门到放弃' },
+        { id: 100010, name: 'Test10', role: 'Develop', sex: '1 ', age: 21, amount: 666, address: 'vxe-table 从入门到放弃' }
+      ],
+      demoCodes: [
+        `
+        <vxe-table
+          border
+          resizable
+          highlight-current-row
+          height="400"
+          :data="tableData"
+          :keyboard-config="{isArrow: true}"
+          :current-change-before="beforeChange">
+          <vxe-table-column type="seq" width="60"></vxe-table-column>
+          <vxe-table-column field="name" title="Name"></vxe-table-column>
+          <vxe-table-column field="sex" title="Sex"></vxe-table-column>
+          <vxe-table-column field="age" title="Age"></vxe-table-column>
+          <vxe-table-column field="address" title="Address" show-overflow></vxe-table-column>
+        </vxe-table>
+        `,
+        `
+        export default {
+          data () {
+            return {
+              tableData: [
+                { id: 10001, name: 'Test1', role: 'Develop', sex: '0', age: 28, amount: 888, address: 'vxe-table 从入门到放弃' },
+                { id: 10002, name: 'Test2', role: 'Test', sex: '1', age: 22, amount: 666, address: 'Guangzhou' },
+                { id: 10003, name: 'Test3', role: 'PM', sex: '1', age: 32, amount: 89, address: 'Shanghai' },
+                { id: 10004, name: 'Test4', role: 'Designer', sex: '0', age: 23, amount: 1000, address: 'vxe-table 从入门到放弃' },
+                { id: 10005, name: 'Test5', role: 'Develop', sex: '0', age: 30, amount: 999, address: 'Shanghai' },
+                { id: 10006, name: 'Test6', role: 'Designer', sex: '0', age: 21, amount: 998, address: 'vxe-table 从入门到放弃' },
+                { id: 10007, name: 'Test7', role: 'Test', sex: '1', age: 29, amount: 2000, address: 'vxe-table 从入门到放弃' },
+                { id: 10008, name: 'Test8', role: 'Develop', sex: '1 ', age: 35, amount: 999, address: 'vxe-table 从入门到放弃' },
+                { id: 10009, name: 'Test9', role: 'Test', sex: '1', age: 26, amount: 2000, address: 'vxe-table 从入门到放弃' },
+                { id: 100010, name: 'Test10', role: 'Develop', sex: '1 ', age: 21, amount: 666, address: 'vxe-table 从入门到放弃' }
+              ]
+            }
+          }
+        }
+        `
+      ]
+    }
+  }
+}
+</script>
-- 
Gitee


From 5131c0ef357b3c51033d8b63cdf5c01333b2640a Mon Sep 17 00:00:00 2001
From: Red <18678918169@163.com>
Date: Mon, 22 Mar 2021 11:31:08 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E6=81=A2=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/i18n/lang/en-US.js | 1 +
 examples/i18n/lang/zh-CN.js | 1 +
 examples/i18n/lang/zh-TC.js | 1 +
 3 files changed, 3 insertions(+)

diff --git a/examples/i18n/lang/en-US.js b/examples/i18n/lang/en-US.js
index 3ca69e4f1..9d0d11a2d 100644
--- a/examples/i18n/lang/en-US.js
+++ b/examples/i18n/lang/en-US.js
@@ -2,6 +2,7 @@ export default {
   app: {
     aside: {
       nav: {
+        mySample1: 'My Sample 1',
         start: 'Development',
         install: 'Global install',
         use: 'Import on demand',
diff --git a/examples/i18n/lang/zh-CN.js b/examples/i18n/lang/zh-CN.js
index 91e34e9f0..b7d4a9080 100644
--- a/examples/i18n/lang/zh-CN.js
+++ b/examples/i18n/lang/zh-CN.js
@@ -2,6 +2,7 @@ export default {
   app: {
     aside: {
       nav: {
+        mySample1: '我的样例-1',
         start: '开发指南',
         install: '全局安装',
         use: '按需加载',
diff --git a/examples/i18n/lang/zh-TC.js b/examples/i18n/lang/zh-TC.js
index 048987536..7faa890ed 100644
--- a/examples/i18n/lang/zh-TC.js
+++ b/examples/i18n/lang/zh-TC.js
@@ -2,6 +2,7 @@ export default {
   app: {
     aside: {
       nav: {
+        mySample1: '我的樣例-1',
         start: '開發指南',
         install: '全局安装',
         use: '按需加载',
-- 
Gitee


From 7efa9526f624eb47fef1dae2454af97648b1b4e6 Mon Sep 17 00:00:00 2001
From: Red <18678918169@163.com>
Date: Mon, 22 Mar 2021 11:36:16 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E9=87=8D=E5=AE=9A=E4=B9=89router=E5=8F=8A?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/App.vue   | 6 ++++++
 examples/router.js | 7 +++++++
 2 files changed, 13 insertions(+)

diff --git a/examples/App.vue b/examples/App.vue
index 57de2f026..dba2f3a41 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -191,6 +191,12 @@ export default {
               locat: {
                 name: 'StartI18n'
               }
+            },
+            {
+              label: 'app.aside.nav.mySample1',
+              locat: {
+                name: 'MySample1'
+              }
             }
           ]
         },
diff --git a/examples/router.js b/examples/router.js
index fb975180e..0eb0bc10a 100644
--- a/examples/router.js
+++ b/examples/router.js
@@ -287,6 +287,8 @@ import Donation from './views/api/Donation.vue'
 import Run from './views/api/Run.vue'
 import Preview from './views/api/Preview.vue'
 
+import MySample1 from './views/my/sample1/index'
+
 Vue.use(Router)
 
 export default new Router({
@@ -335,6 +337,11 @@ export default new Router({
       name: 'StartI18n',
       component: StartI18n
     },
+    {
+      path: '/table/start/mySample',
+      name: 'MySample1',
+      component: MySample1
+    },
     {
       path: '/table/renderer/api',
       name: 'RendererAPI',
-- 
Gitee


From 5bc7d3a1ad0caf639089a6b3c9f3cda7f770fd94 Mon Sep 17 00:00:00 2001
From: Red <18678918169@163.com>
Date: Mon, 22 Mar 2021 12:25:32 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/table/src/methods.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/table/src/methods.js b/packages/table/src/methods.js
index a1ae6e4a1..8a09497c2 100644
--- a/packages/table/src/methods.js
+++ b/packages/table/src/methods.js
@@ -2857,6 +2857,12 @@ const Methods = {
   },
   triggerCurrentRowEvent (evnt, params) {
     const isChange = this.currentRow !== params.row
+    if (isChange) {
+      this.emitEvent('current-changing', params, evnt)
+      if (evnt.abort) {
+        return
+      }
+    }
     this.setCurrentRow(params.row)
     if (isChange) {
       this.emitEvent('current-change', params, evnt)
@@ -2867,6 +2873,12 @@ const Methods = {
    * @param {Row} row 行对象
    */
   setCurrentRow (row) {
+    const params = { $table: this, row: row }
+    const evnt = { abort: false }
+    this.emitEvent('current-changing', params, evnt)
+    if (evnt.abort) {
+      return
+    }
     this.clearCurrentRow()
     this.clearCurrentColumn()
     this.currentRow = row
-- 
Gitee