From 02663d95f4e6592d2e1841a23fa5efab2badcd0b Mon Sep 17 00:00:00 2001
From: zhouyuntao <zz__mx@yeah.net>
Date: Wed, 13 Mar 2019 12:29:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20el-table=20=E8=87=AA?=
 =?UTF-8?q?=E9=80=82=E5=BA=94=E9=AB=98=E5=BA=A6=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/directive/el-table/adaptive.js | 32 ++++++++++++++++++++++++++++++
 src/directive/el-table/index.js    | 14 +++++++++++++
 2 files changed, 46 insertions(+)
 create mode 100644 src/directive/el-table/adaptive.js
 create mode 100644 src/directive/el-table/index.js

diff --git a/src/directive/el-table/adaptive.js b/src/directive/el-table/adaptive.js
new file mode 100644
index 00000000..1ecdb25c
--- /dev/null
+++ b/src/directive/el-table/adaptive.js
@@ -0,0 +1,32 @@
+
+export default{
+  /**
+   * 仅当 el-table :data属性为动态加载（不包括computed）才会触发此事件
+   * @param {*} el
+   * @param {*} binding
+   * binding.value 格式为 {
+   *      table: $refs.table, //  表格对象
+   *      topHeight: 10      //  表格顶边 距离顶部高度，默认值为  10
+   *      footerHeight: 10   //  表格底部 距离底部高度，默认值为  10
+   * }
+   * @param {*} vnode
+   * @param {*} oldVnode
+   */
+  update(el, binding, vnode, oldVnode) {
+    let topHeight = binding.value.topHeight ? binding.value.topHeight : 10
+    let footerHeight = binding.value.footerHeight ? binding.value.footerHeight : 10
+
+    let table = binding.value.table
+
+    let tableHeight = window.innerHeight - el.offsetTop - footerHeight - topHeight;
+    table.layout.setHeight(tableHeight)
+    table.doLayout()
+
+    // 监听窗口大小变化
+    window.addEventListener("resize", () => {
+      tableHeight = window.innerHeight - el.offsetTop - footerHeight - topHeight
+      table.layout.setHeight(tableHeight)
+      table.doLayout()
+    })
+  }
+}
diff --git a/src/directive/el-table/index.js b/src/directive/el-table/index.js
new file mode 100644
index 00000000..d4cf406d
--- /dev/null
+++ b/src/directive/el-table/index.js
@@ -0,0 +1,14 @@
+
+import adaptive from './adaptive'
+
+const install = function(Vue) {
+  Vue.directive('el-height-adaptive-table', adaptive)
+}
+
+if (window.Vue) {
+  window['el-height-adaptive-table'] = adaptive
+  Vue.use(install); // eslint-disable-line
+}
+
+adaptive.install = install
+export default adaptive