From 632f411ea2c82c87b368e31cd196007bf820e877 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 15 Mar 2019 13:11:36 +0800
Subject: [PATCH] refactor

---
 src/directive/el-table/adaptive.js | 72 ++++++++++--------------------
 1 file changed, 23 insertions(+), 49 deletions(-)

diff --git a/src/directive/el-table/adaptive.js b/src/directive/el-table/adaptive.js
index 4db5f3ae..40f0c8d3 100644
--- a/src/directive/el-table/adaptive.js
+++ b/src/directive/el-table/adaptive.js
@@ -1,61 +1,35 @@
 
-import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
+import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event'
 
 /**
- * 用法
- * <el-table height="50" ref="table" v-el-height-adaptive-table="{table: $refs.table}">...</el-table>
- * 必须设置 height,可以任意值
+ * How to use
+ * <el-table height="100px" v-el-height-adaptive-table="{bottomOffset: 30}">...</el-table>
+ * el-table height is must be set
+ *  bottomOffset: 30(default)   // The height of the table from the bottom of the page.
  */
-export default{
-  bind(el, binding, vnode, oldVnode) {
-    el.data = {}
-    el.resizeListener = () => {
-      let data = el.data
+export default {
+  bind(el, binding, vnode) {
+    const { componentInstance: $table } = vnode
+    const { value } = binding
 
-      if (!data.table) {
-        return
-      }
-      let height = window.innerHeight - el.offsetTop - data.bottomHeight - data.topHeight;
-
-      data.table.layout.setHeight(height)
-      data.table.doLayout()
+    if (!$table.height) {
+      throw new Error(`el-$table must set the height. Such as height='100px'`)
     }
+
+    const bottomOffset = (value && value.bottomOffset) || 30
+
+    el.resizeListener = () => {
+      if (!$table) return
+
+      const height = window.innerHeight - el.getBoundingClientRect().top - bottomOffset
+      $table.layout.setHeight(height)
+      $table.doLayout()
+    }
+
     addResizeListener(el, el.resizeListener)
   },
-  /**
-   *
-   * @param {*} el
-   * @param {*} binding
-   * binding.value 格式为 {
-   *      table: $refs.table, //  表格对象
-   *      topHeight: 140      //  表格顶边 距离顶部高度，默认值为  140
-   *      bottomHeight: 120   //  表格底部 距离底部高度，默认值为  120
-   * }
-   * @param {*} vnode
-   * @param {*} oldVnode
-   */
-  update(el, binding, vnode, oldVnode) {
-    if (el.heightInited) {
-      return
-    }
-    let topHeight = binding.value.topHeight ? binding.value.topHeight : 140
-    let bottomHeight = binding.value.bottomHeight ? binding.value.bottomHeight : 120
-
-    let table = binding.value.table
-
-    el.data.table = table
-    el.data.topHeight = topHeight
-    el.data.bottomHeight = bottomHeight
-
-    let height = window.innerHeight - el.offsetTop - bottomHeight - topHeight
-
-    table.layout.setHeight(height)
-    table.doLayout()
-
-    el.heightInited = true;
-
-  },
   unbind(el) {
+    el.data = null
     removeResizeListener(el, el.resizeListener)
   }
 }