From 0030e875044877628ee0b35b09038bfe8e5a1650 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E6=98=8A=E7=BF=94?= <673686754@qq.com>
Date: Tue, 28 Aug 2018 09:17:30 +0800
Subject: [PATCH] =?UTF-8?q?d2-crud=20=E5=A4=9A=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: 03eb3705b1f66c57db9012a345116d1f38828d1f [formerly 03eb3705b1f66c57db9012a345116d1f38828d1f [formerly 03eb3705b1f66c57db9012a345116d1f38828d1f [formerly 03eb3705b1f66c57db9012a345116d1f38828d1f [formerly 95e7fa332cda6f867f92f47137c8c4c94e03c6e7 [formerly 51c3e521e4f6e68486fd59ea1e035063b6ec8d85]]]]]
Former-commit-id: 8dfd3b99c8d2aeaa82b2e6c173d1295fb4ca2012
Former-commit-id: 8b14e630aefa470c1ce99e5655ea1ef7c9e141f6
Former-commit-id: 80a47cc1021961a83fbc0604acba1c1c3d067df4 [formerly 3afe605e0c1770916086fed8b964f8f2c9aca2cd]
Former-commit-id: cae4ccd332a7ff38cad19c5339a24e0693a87c36
Former-commit-id: e634a3efc2466b2058835c703fd87d02b1adc05d
Former-commit-id: 5da1bbe8d1991c7e1cb66e7d42690ffd82a7a8ba
Former-commit-id: 01f44332a5592df69e26812678f92df1f7137a2e
Former-commit-id: 017fe99ac8d9194cc8959c90d28393035ed78436
---
 docs/zh/ecosystem-d2-crud/example.md    |  2 +
 src/menu/modules/demo-d2-crud.js        |  3 +-
 src/pages/demo/d2-crud/demo10/code.js   | 59 +++++++++++++++++
 src/pages/demo/d2-crud/demo10/doc.md    |  1 +
 src/pages/demo/d2-crud/demo10/index.vue | 85 +++++++++++++++++++++++++
 src/router/routes.js.REMOVED.git-id     |  2 +-
 6 files changed, 150 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/demo/d2-crud/demo10/code.js
 create mode 100644 src/pages/demo/d2-crud/demo10/doc.md
 create mode 100644 src/pages/demo/d2-crud/demo10/index.vue

diff --git a/docs/zh/ecosystem-d2-crud/example.md b/docs/zh/ecosystem-d2-crud/example.md
index e06d38fa..6f45fd3f 100644
--- a/docs/zh/ecosystem-d2-crud/example.md
+++ b/docs/zh/ecosystem-d2-crud/example.md
@@ -10,3 +10,5 @@
 | 固定列 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo6) |
 | 流体高度 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo7) |
 | 多级表头 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo8) |
+| 单选 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo9) |
+| 多选 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo10) |
diff --git a/src/menu/modules/demo-d2-crud.js b/src/menu/modules/demo-d2-crud.js
index 8a698fd5..3acdc8c2 100644
--- a/src/menu/modules/demo-d2-crud.js
+++ b/src/menu/modules/demo-d2-crud.js
@@ -12,6 +12,7 @@ export default {
     { path: `${pre}demo6`, title: '固定列' },
     { path: `${pre}demo7`, title: '流体高度' },
     { path: `${pre}demo8`, title: '多级表头' },
-    { path: `${pre}demo9`, title: '单选' }
+    { path: `${pre}demo9`, title: '单选' },
+    { path: `${pre}demo10`, title: '多选' }
   ])('/demo/d2-crud/')
 }
diff --git a/src/pages/demo/d2-crud/demo10/code.js b/src/pages/demo/d2-crud/demo10/code.js
new file mode 100644
index 00000000..08c9cae8
--- /dev/null
+++ b/src/pages/demo/d2-crud/demo10/code.js
@@ -0,0 +1,59 @@
+export default `<template>
+  <div>
+    <d2-crud
+      :columns="columns"
+      :data="data"
+      selection-row
+      @selection-change="handleSelectionChange"/>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      columns: [
+        {
+          title: '日期',
+          key: 'date'
+        },
+        {
+          title: '姓名',
+          key: 'name'
+        },
+        {
+          title: '地址',
+          key: 'address'
+        }
+      ],
+      data: [
+        {
+          date: '2016-05-02',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        },
+        {
+          date: '2016-05-04',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1517 弄'
+        },
+        {
+          date: '2016-05-01',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1519 弄'
+        },
+        {
+          date: '2016-05-03',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1516 弄'
+        }
+      ]
+    }
+  },
+  methods: {
+    handleSelectionChange (selection) {
+      console.log(selection)
+    }
+  }
+}
+</script>`
diff --git a/src/pages/demo/d2-crud/demo10/doc.md b/src/pages/demo/d2-crud/demo10/doc.md
new file mode 100644
index 00000000..ae132c77
--- /dev/null
+++ b/src/pages/demo/d2-crud/demo10/doc.md
@@ -0,0 +1 @@
+`D2 Crud` 组件提供了多选的支持，只需要配置 `selection-row` 属性即可实现多选。之后由 `selection-change` 事件来管理选择项发生变化时触发的事件，它会传入 `selection` 。代码如下：
diff --git a/src/pages/demo/d2-crud/demo10/index.vue b/src/pages/demo/d2-crud/demo10/index.vue
new file mode 100644
index 00000000..85b7b10b
--- /dev/null
+++ b/src/pages/demo/d2-crud/demo10/index.vue
@@ -0,0 +1,85 @@
+<template>
+  <d2-container>
+    <template slot="header">多选</template>
+    <d2-crud
+      :columns="columns"
+      :data="data"
+      selection-row
+      @selection-change="handleSelectionChange">
+    </d2-crud>
+    <el-card shadow="never" class="d2-mb">
+      <d2-markdown :source="doc"/>
+    </el-card>
+    <el-card shadow="never" class="d2-mb">
+      <d2-highlight :code="code"/>
+    </el-card>
+    <template slot="footer">
+      <d2-link-btn title="D2 CRUD" link="https://github.com/d2-projects/d2-crud"/>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import doc from './doc.md'
+import code from './code.js'
+
+export default {
+  data () {
+    return {
+      doc,
+      code,
+      columns: [
+        {
+          title: '日期',
+          key: 'date'
+        },
+        {
+          title: '姓名',
+          key: 'name'
+        },
+        {
+          title: '地址',
+          key: 'address'
+        }
+      ],
+      data: [
+        {
+          date: '2016-05-02',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        },
+        {
+          date: '2016-05-04',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1517 弄'
+        },
+        {
+          date: '2016-05-01',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1519 弄'
+        },
+        {
+          date: '2016-05-03',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1516 弄'
+        }
+      ]
+    }
+  },
+  methods: {
+    handleSelectionChange (selection) {
+      console.log(selection)
+    }
+  }
+}
+</script>
+
+<style>
+.el-table .warning-row {
+  background: oldlace;
+}
+
+.el-table .success-row {
+  background: #f0f9eb;
+}
+</style>
diff --git a/src/router/routes.js.REMOVED.git-id b/src/router/routes.js.REMOVED.git-id
index 85d33efa..9c74607a 100644
--- a/src/router/routes.js.REMOVED.git-id
+++ b/src/router/routes.js.REMOVED.git-id
@@ -1 +1 @@
-b8b55dc98d4d6c94c6fc66cd1e953f7637936ed4
\ No newline at end of file
+2f4b1ce7274521abba33ad6509f239a4fc7ede76
\ No newline at end of file