From d542f7cf231f1397a84c395ef2815b81c8f11067 Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Thu, 30 Aug 2018 23:54:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=86=E5=88=86=20CRUD=20=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly afda7e86d003381e89192eb77b7d910c17f247db [formerly 87ab6577e57c5fb40e7fb05d3625b5267b509085]]]]]
Former-commit-id: 8fcc29180fcac3a9cba291a1df22cdc27ec34563
Former-commit-id: cdf9288304e16582aece03599b69ac18b5d89db7
Former-commit-id: 3401e43a9f77898235ff6685c1499eb4e335f9a2 [formerly 7392681409ac9c22b37212bbd6896ffcf25bd049]
Former-commit-id: 3c5687734a7cc58299983f9c7bd37cc620b76b37
Former-commit-id: fac2d3c92ede0d208576bc91bd231bd165e3ae9e
Former-commit-id: 09915cbb35205822417403a1ca32cf7e20a27db5
Former-commit-id: 013e5d09572467fa21a5ce33e5b2fc6daeb00fff
Former-commit-id: da0ec4f303afe242c06eef33069bfdd02334aa62
---
 docs/.vuepress/config.js                      |  1 +
 .../ecosystem-d2-crud/api.md.REMOVED.git-id   |  2 +-
 docs/zh/ecosystem-d2-crud/guide.md            | 42 +++++++++++++++++++
 3 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 docs/zh/ecosystem-d2-crud/guide.md

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 7ebc07a7..55f00bed 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -216,6 +216,7 @@ function sideBarEcosystemD2Crud () {
       collapsable: false,
       children: [
         '',
+        'guide',
         'api',
         'example'
       ]
diff --git a/docs/zh/ecosystem-d2-crud/api.md.REMOVED.git-id b/docs/zh/ecosystem-d2-crud/api.md.REMOVED.git-id
index c3061810..2a76fcf6 100644
--- a/docs/zh/ecosystem-d2-crud/api.md.REMOVED.git-id
+++ b/docs/zh/ecosystem-d2-crud/api.md.REMOVED.git-id
@@ -1 +1 @@
-6fe469a5ac6daa0d67d7bc12a163ed3e3ddd3660
\ No newline at end of file
+fa1e85e2233599575112ce7f8027bea2989047ff
\ No newline at end of file
diff --git a/docs/zh/ecosystem-d2-crud/guide.md b/docs/zh/ecosystem-d2-crud/guide.md
new file mode 100644
index 00000000..49e9cd0e
--- /dev/null
+++ b/docs/zh/ecosystem-d2-crud/guide.md
@@ -0,0 +1,42 @@
+# 使用指南
+
+## 获取表格当前数据
+
+可以通过 `ref` 拿到表格实时数据，也可以通过监听 `@d2-data-change` 事件来获取表格中数据
+``` vue
+<template>
+  <div>
+    <d2-crud
+      ref="d2Crud"
+      :columns="columns"
+      :data="data"
+      @d2-data-change="handleD2DataChange"/>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      columns: [],
+      data: []
+    }
+  },
+  mounted () {
+    console.log(this.$refs.d2Crud.d2Data) // 获取表格数据
+  },
+  methods: {
+    handleD2DataChange (data) {
+      console.log(data)
+    }
+  }
+}
+</script>
+```
+
+## 设置默认尺寸
+
+在 `main.js` 使用 `D2Crud` 时传入 `size` 即可（可选值: `medium` `small` `mini`）
+``` js
+Vue.use(d2Crud, { size: 'small' })
+```
\ No newline at end of file