mazey-element-ui 2.0.1 → 2.15.16

package/lib/table-column.js

@@ -1,128 +1,28 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 233);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/checkbox");
-
-/***/ }),
-
-/***/ 233:
-/***/ (function(module, exports, __webpack_require__) {
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
 
-"use strict";
+/***/ 7668
+(module, __webpack_exports__, __webpack_require__) {
 
 
-exports.__esModule = true;
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ packages_table_column)
+});
 
-var _tableColumn = __webpack_require__(234);
+;// ./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js
+var helper_namespaceObject = /*#__PURE__*/__webpack_require__.cjs(function(module, exports) {
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var normalMerge=["attrs","props","domProps"],toArrayMerge=["class","style","directives"],functionalMerge=["on","nativeOn"],mergeJsxProps=function(a){return a.reduce(function(c,a){for(var b in a)if(!c[b])c[b]=a[b];else if(-1!==normalMerge.indexOf(b))c[b]=_extends({},c[b],a[b]);else if(-1!==toArrayMerge.indexOf(b)){var d=c[b]instanceof Array?c[b]:[c[b]],e=a[b]instanceof Array?a[b]:[a[b]];c[b]=[].concat(d,e)}else if(-1!==functionalMerge.indexOf(b)){for(var f in a[b])if(c[b][f]){var g=c[b][f]instanceof Array?c[b][f]:[c[b][f]],h=a[b][f]instanceof Array?a[b][f]:[a[b][f]];c[b][f]=[].concat(g,h)}else c[b][f]=a[b][f];}else if("hook"===b)for(var i in a[b])c[b][i]=c[b][i]?mergeFn(c[b][i],a[b][i]):a[b][i];else c[b]=a[b];return c},{})},mergeFn=function(a,b){return function(){a&&a.apply(this,arguments),b&&b.apply(this,arguments)}};module.exports=mergeJsxProps;
 
-var _tableColumn2 = _interopRequireDefault(_tableColumn);
+});
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var helper_default = /*#__PURE__*/__webpack_require__.n(helper_namespaceObject);
+;// external "mazey-element-ui/lib/utils/util"
+const util_namespaceObject = require("mazey-element-ui/lib/utils/util");
+;// ./packages/table/src/config.js
 
-/* istanbul ignore next */
-_tableColumn2.default.install = function (Vue) {
-  Vue.component(_tableColumn2.default.name, _tableColumn2.default);
-};
-
-exports.default = _tableColumn2.default;
-
-/***/ }),
-
-/***/ 234:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _checkbox = __webpack_require__(16);
-
-var _checkbox2 = _interopRequireDefault(_checkbox);
-
-var _tag = __webpack_require__(27);
-
-var _tag2 = _interopRequireDefault(_tag);
-
-var _merge = __webpack_require__(9);
-
-var _merge2 = _interopRequireDefault(_merge);
-
-var _util = __webpack_require__(3);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var columnIdSeed = 1;
-
-var defaults = {
+var cellStarts = {
   default: {
     order: ''
   },
@@ -147,40 +47,40 @@ var defaults = {
   }
 };
 
-var forced = {
+// 这些选项不应该被覆盖
+var cellForced = {
   selection: {
     renderHeader: function renderHeader(h, _ref) {
       var store = _ref.store;
-
-      return h('el-checkbox', {
-        attrs: {
-          disabled: store.states.data && store.states.data.length === 0,
-          indeterminate: store.states.selection.length > 0 && !this.isAllSelected,
-
-          value: this.isAllSelected },
-        nativeOn: {
-          'click': this.toggleAllSelection
+      return h("el-checkbox", {
+        "attrs": {
+          "disabled": store.states.data && store.states.data.length === 0,
+          "indeterminate": store.states.selection.length > 0 && !this.isAllSelected,
+          "value": this.isAllSelected
+        },
+        "on": {
+          "input": this.toggleAllSelection
         }
       });
     },
     renderCell: function renderCell(h, _ref2) {
       var row = _ref2.row,
-          column = _ref2.column,
-          store = _ref2.store,
-          $index = _ref2.$index;
-
-      return h('el-checkbox', {
-        nativeOn: {
-          'click': function click(event) {
+        column = _ref2.column,
+        isSelected = _ref2.isSelected,
+        store = _ref2.store,
+        $index = _ref2.$index;
+      return h("el-checkbox", {
+        "nativeOn": {
+          "click": function click(event) {
             return event.stopPropagation();
           }
         },
-        attrs: {
-          value: store.isSelected(row),
-          disabled: column.selectable ? !column.selectable.call(null, row, $index) : false
+        "attrs": {
+          "value": isSelected,
+          "disabled": column.selectable ? !column.selectable.call(null, row, $index) : false
         },
-        on: {
-          'input': function input() {
+        "on": {
+          "input": function input() {
             store.commit('rowSelectedChanged', row);
           }
         }
@@ -192,92 +92,250 @@ var forced = {
   index: {
     renderHeader: function renderHeader(h, _ref3) {
       var column = _ref3.column;
-
       return column.label || '#';
     },
     renderCell: function renderCell(h, _ref4) {
       var $index = _ref4.$index,
-          column = _ref4.column;
-
+        column = _ref4.column;
       var i = $index + 1;
       var index = column.index;
-
       if (typeof index === 'number') {
         i = $index + index;
       } else if (typeof index === 'function') {
         i = index($index);
       }
-
-      return h('div', [i]);
+      return h("div", [i]);
     },
     sortable: false
   },
   expand: {
     renderHeader: function renderHeader(h, _ref5) {
       var column = _ref5.column;
-
       return column.label || '';
     },
-    renderCell: function renderCell(h, _ref6, proxy) {
+    renderCell: function renderCell(h, _ref6) {
       var row = _ref6.row,
-          store = _ref6.store;
-
-      var expanded = store.states.expandRows.indexOf(row) > -1;
-      return h(
-        'div',
-        { 'class': 'el-table__expand-icon ' + (expanded ? 'el-table__expand-icon--expanded' : ''),
-          on: {
-            'click': function click(e) {
-              return proxy.handleExpandClick(row, e);
-            }
-          }
-        },
-        [h('i', { 'class': 'el-icon el-icon-arrow-right' })]
-      );
+        store = _ref6.store,
+        isExpanded = _ref6.isExpanded;
+      var classes = ['el-table__expand-icon'];
+      if (isExpanded) {
+        classes.push('el-table__expand-icon--expanded');
+      }
+      var callback = function callback(e) {
+        e.stopPropagation();
+        store.toggleRowExpansion(row);
+      };
+      return h("div", {
+        "class": classes,
+        "on": {
+          "click": callback
+        }
+      }, [h("i", {
+        "class": 'el-icon el-icon-arrow-right'
+      })]);
     },
     sortable: false,
     resizable: false,
     className: 'el-table__expand-column'
   }
 };
-
-var getDefaultColumn = function getDefaultColumn(type, options) {
-  var column = {};
-
-  (0, _merge2.default)(column, defaults[type || 'default']);
-
-  for (var name in options) {
-    if (options.hasOwnProperty(name)) {
-      var value = options[name];
-      if (typeof value !== 'undefined') {
-        column[name] = value;
+function defaultRenderCell(h, _ref7) {
+  var row = _ref7.row,
+    column = _ref7.column,
+    $index = _ref7.$index;
+  var property = column.property;
+  var value = property && (0,util_namespaceObject.getPropByPath)(row, property).v;
+  if (column && column.formatter) {
+    return column.formatter(row, column, value, $index);
+  }
+  return value;
+}
+function treeCellPrefix(h, _ref8) {
+  var row = _ref8.row,
+    treeNode = _ref8.treeNode,
+    store = _ref8.store;
+  if (!treeNode) return null;
+  var ele = [];
+  var callback = function callback(e) {
+    e.stopPropagation();
+    store.loadOrToggle(row);
+  };
+  if (treeNode.indent) {
+    ele.push(h("span", {
+      "class": "el-table__indent",
+      "style": {
+        'padding-left': treeNode.indent + 'px'
+      }
+    }));
+  }
+  if (typeof treeNode.expanded === 'boolean' && !treeNode.noLazyChildren) {
+    var expandClasses = ['el-table__expand-icon', treeNode.expanded ? 'el-table__expand-icon--expanded' : ''];
+    var iconClasses = ['el-icon-arrow-right'];
+    if (treeNode.loading) {
+      iconClasses = ['el-icon-loading'];
+    }
+    ele.push(h("div", {
+      "class": expandClasses,
+      "on": {
+        "click": callback
       }
+    }, [h("i", {
+      "class": iconClasses
+    })]));
+  } else {
+    ele.push(h("span", {
+      "class": "el-table__placeholder"
+    }));
+  }
+  return ele;
+}
+;// ./packages/table/src/util.js
+/* unused harmony import specifier */ var getValueByPath;
+
+var getCell = function getCell(event) {
+  var cell = event.target;
+  while (cell && cell.tagName.toUpperCase() !== 'HTML') {
+    if (cell.tagName.toUpperCase() === 'TD') {
+      return cell;
     }
+    cell = cell.parentNode;
   }
-
-  if (!column.minWidth) {
-    column.minWidth = 80;
+  return null;
+};
+var isObject = function isObject(obj) {
+  return obj !== null && typeof obj === 'object';
+};
+var orderBy = function orderBy(array, sortKey, reverse, sortMethod, sortBy) {
+  if (!sortKey && !sortMethod && (!sortBy || Array.isArray(sortBy) && !sortBy.length)) {
+    return array;
   }
-
-  column.realWidth = column.width === undefined ? column.minWidth : column.width;
-
+  if (typeof reverse === 'string') {
+    reverse = reverse === 'descending' ? -1 : 1;
+  } else {
+    reverse = reverse && reverse < 0 ? -1 : 1;
+  }
+  var getKey = sortMethod ? null : function (value, index) {
+    if (sortBy) {
+      if (!Array.isArray(sortBy)) {
+        sortBy = [sortBy];
+      }
+      return sortBy.map(function (by) {
+        if (typeof by === 'string') {
+          return getValueByPath(value, by);
+        } else {
+          return by(value, index, array);
+        }
+      });
+    }
+    if (sortKey !== '$key') {
+      if (isObject(value) && '$value' in value) value = value.$value;
+    }
+    return [isObject(value) ? getValueByPath(value, sortKey) : value];
+  };
+  var compare = function compare(a, b) {
+    if (sortMethod) {
+      return sortMethod(a.value, b.value);
+    }
+    for (var i = 0, len = a.key.length; i < len; i++) {
+      if (a.key[i] < b.key[i]) {
+        return -1;
+      }
+      if (a.key[i] > b.key[i]) {
+        return 1;
+      }
+    }
+    return 0;
+  };
+  return array.map(function (value, index) {
+    return {
+      value: value,
+      index: index,
+      key: getKey ? getKey(value, index) : null
+    };
+  }).sort(function (a, b) {
+    var order = compare(a, b);
+    if (!order) {
+      // make stable https://en.wikipedia.org/wiki/Sorting_algorithm#Stability
+      order = a.index - b.index;
+    }
+    return order * reverse;
+  }).map(function (item) {
+    return item.value;
+  });
+};
+var getColumnById = function getColumnById(table, columnId) {
+  var column = null;
+  table.columns.forEach(function (item) {
+    if (item.id === columnId) {
+      column = item;
+    }
+  });
   return column;
 };
-
-var DEFAULT_RENDER_CELL = function DEFAULT_RENDER_CELL(h, _ref7) {
-  var row = _ref7.row,
-      column = _ref7.column,
-      $index = _ref7.$index;
-
-  var property = column.property;
-  var value = property && (0, _util.getPropByPath)(row, property).v;
-  if (column && column.formatter) {
-    return column.formatter(row, column, value, $index);
+var getColumnByKey = function getColumnByKey(table, columnKey) {
+  var column = null;
+  for (var i = 0; i < table.columns.length; i++) {
+    var item = table.columns[i];
+    if (item.columnKey === columnKey) {
+      column = item;
+      break;
+    }
   }
-  return value;
+  return column;
 };
-
-var parseWidth = function parseWidth(width) {
+var getColumnByCell = function getColumnByCell(table, cell) {
+  var matches = (cell.className || '').match(/el-table_[^\s]+/gm);
+  if (matches) {
+    return getColumnById(table, matches[0]);
+  }
+  return null;
+};
+var getRowIdentity = function getRowIdentity(row, rowKey) {
+  if (!row) throw new Error('row is required when get row identity');
+  if (typeof rowKey === 'string') {
+    if (rowKey.indexOf('.') < 0) {
+      return row[rowKey];
+    }
+    var key = rowKey.split('.');
+    var current = row;
+    for (var i = 0; i < key.length; i++) {
+      current = current[key[i]];
+    }
+    return current;
+  } else if (typeof rowKey === 'function') {
+    return rowKey.call(null, row);
+  }
+};
+var getKeysMap = function getKeysMap(array, rowKey) {
+  var arrayMap = {};
+  (array || []).forEach(function (row, index) {
+    arrayMap[getRowIdentity(row, rowKey)] = {
+      row: row,
+      index: index
+    };
+  });
+  return arrayMap;
+};
+function hasOwn(obj, key) {
+  return Object.prototype.hasOwnProperty.call(obj, key);
+}
+function mergeOptions(defaults, config) {
+  var options = {};
+  var key;
+  for (key in defaults) {
+    options[key] = defaults[key];
+  }
+  for (key in config) {
+    if (hasOwn(config, key)) {
+      var value = config[key];
+      if (typeof value !== 'undefined') {
+        options[key] = value;
+      }
+    }
+  }
+  return options;
+}
+function parseWidth(width) {
   if (width !== undefined) {
     width = parseInt(width, 10);
     if (isNaN(width)) {
@@ -285,21 +343,140 @@ var parseWidth = function parseWidth(width) {
     }
   }
   return width;
-};
-
-var parseMinWidth = function parseMinWidth(minWidth) {
-  if (minWidth !== undefined) {
-    minWidth = parseInt(minWidth, 10);
+}
+function parseMinWidth(minWidth) {
+  if (typeof minWidth !== 'undefined') {
+    minWidth = parseWidth(minWidth);
     if (isNaN(minWidth)) {
       minWidth = 80;
     }
   }
   return minWidth;
+}
+;
+function parseHeight(height) {
+  if (typeof height === 'number') {
+    return height;
+  }
+  if (typeof height === 'string') {
+    if (/^\d+(?:px)?$/.test(height)) {
+      return parseInt(height, 10);
+    } else {
+      return height;
+    }
+  }
+  return null;
+}
+
+// https://github.com/reduxjs/redux/blob/master/src/compose.js
+function compose() {
+  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
+    funcs[_key] = arguments[_key];
+  }
+  if (funcs.length === 0) {
+    return function (arg) {
+      return arg;
+    };
+  }
+  if (funcs.length === 1) {
+    return funcs[0];
+  }
+  return funcs.reduce(function (a, b) {
+    return function () {
+      return a(b.apply(void 0, arguments));
+    };
+  });
+}
+function toggleRowStatus(statusArr, row, newVal) {
+  var changed = false;
+  var index = statusArr.indexOf(row);
+  var included = index !== -1;
+  var addRow = function addRow() {
+    statusArr.push(row);
+    changed = true;
+  };
+  var removeRow = function removeRow() {
+    statusArr.splice(index, 1);
+    changed = true;
+  };
+  if (typeof newVal === 'boolean') {
+    if (newVal && !included) {
+      addRow();
+    } else if (!newVal && included) {
+      removeRow();
+    }
+  } else {
+    if (included) {
+      removeRow();
+    } else {
+      addRow();
+    }
+  }
+  return changed;
+}
+function walkTreeNode(root, cb, childrenKey, lazyKey) {
+  if (childrenKey === void 0) {
+    childrenKey = 'children';
+  }
+  if (lazyKey === void 0) {
+    lazyKey = 'hasChildren';
+  }
+  var isNil = function isNil(array) {
+    return !(Array.isArray(array) && array.length);
+  };
+  function _walker(parent, children, level) {
+    cb(parent, children, level);
+    children.forEach(function (item) {
+      if (item[lazyKey]) {
+        cb(item, null, level + 1);
+        return;
+      }
+      var children = item[childrenKey];
+      if (!isNil(children)) {
+        _walker(item, children, level + 1);
+      }
+    });
+  }
+  root.forEach(function (item) {
+    if (item[lazyKey]) {
+      cb(item, null, 0);
+      return;
+    }
+    var children = item[childrenKey];
+    if (!isNil(children)) {
+      _walker(item, children, 0);
+    }
+  });
+}
+var objectEquals = function objectEquals(objectA, objectB) {
+  // 取对象a和b的属性名
+  var aProps = Object.getOwnPropertyNames(objectA);
+  var bProps = Object.getOwnPropertyNames(objectB);
+  // 判断属性名的length是否一致
+  if (aProps.length !== bProps.length) {
+    return false;
+  }
+  // 循环取出属性名，再判断属性值是否一致
+  for (var i = 0; i < aProps.length; i++) {
+    var propName = aProps[i];
+    if (objectA[propName] !== objectB[propName]) {
+      return false;
+    }
+  }
+  return true;
 };
+;// external "mazey-element-ui/lib/checkbox"
+const checkbox_namespaceObject = require("mazey-element-ui/lib/checkbox");
+var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_namespaceObject);
+;// ./packages/table/src/table-column.js
 
-exports.default = {
-  name: 'ElTableColumn',
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+;
 
+
+var columnIdSeed = 1;
+/* harmony default export */ const table_column = ({
+  name: 'ElTableColumn',
   props: {
     type: {
       type: String,
@@ -314,7 +491,7 @@ exports.default = {
     minWidth: {},
     renderHeader: Function,
     sortable: {
-      type: [String, Boolean],
+      type: [Boolean, String],
       default: false
     },
     sortMethod: Function,
@@ -323,7 +500,6 @@ exports.default = {
       type: Boolean,
       default: true
     },
-    context: {},
     columnKey: String,
     align: String,
     headerAlign: String,
@@ -354,25 +530,12 @@ exports.default = {
       }
     }
   },
-
   data: function data() {
     return {
       isSubColumn: false,
       columns: []
     };
   },
-  beforeCreate: function beforeCreate() {
-    this.row = {};
-    this.column = {};
-    this.$index = 0;
-  },
-
-
-  components: {
-    ElCheckbox: _checkbox2.default,
-    ElTag: _tag2.default
-  },
-
   computed: {
     owner: function owner() {
       var parent = this.$parent;
@@ -387,230 +550,320 @@ exports.default = {
         parent = parent.$parent;
       }
       return parent;
-    }
-  },
-
-  created: function created() {
-    var _this = this;
-
-    var h = this.$createElement;
-
-    this.customRender = this.$options.render;
-    this.$options.render = function (h) {
-      return h('div', _this.$slots.default);
-    };
-
-    var parent = this.columnOrTableParent;
-    var owner = this.owner;
-    this.isSubColumn = owner !== parent;
-    this.columnId = (parent.tableId || parent.columnId) + '_column_' + columnIdSeed++;
-
-    var type = this.type;
-
-    var width = parseWidth(this.width);
-    var minWidth = parseMinWidth(this.minWidth);
-
-    var isColumnGroup = false;
-
-    var column = getDefaultColumn(type, {
-      id: this.columnId,
-      columnKey: this.columnKey,
-      label: this.label,
-      className: this.className,
-      labelClassName: this.labelClassName,
-      property: this.prop || this.property,
-      type: type,
-      renderCell: null,
-      renderHeader: this.renderHeader,
-      minWidth: minWidth,
-      width: width,
-      isColumnGroup: isColumnGroup,
-      context: this.context,
-      align: this.align ? 'is-' + this.align : null,
-      headerAlign: this.headerAlign ? 'is-' + this.headerAlign : this.align ? 'is-' + this.align : null,
-      sortable: this.sortable === '' ? true : this.sortable,
-      sortMethod: this.sortMethod,
-      sortBy: this.sortBy,
-      resizable: this.resizable,
-      showOverflowTooltip: this.showOverflowTooltip || this.showTooltipWhenOverflow,
-      formatter: this.formatter,
-      selectable: this.selectable,
-      reserveSelection: this.reserveSelection,
-      fixed: this.fixed === '' ? true : this.fixed,
-      filterMethod: this.filterMethod,
-      filters: this.filters,
-      filterable: this.filters || this.filterMethod,
-      filterMultiple: this.filterMultiple,
-      filterOpened: false,
-      filteredValue: this.filteredValue || [],
-      filterPlacement: this.filterPlacement || '',
-      index: this.index,
-      sortOrders: this.sortOrders
-    });
-
-    (0, _merge2.default)(column, forced[type] || {});
-
-    this.columnConfig = column;
-
-    var renderCell = column.renderCell;
-    var _self = this;
-
-    if (type === 'expand') {
-      owner.renderExpanded = function (h, data) {
-        return _self.$scopedSlots.default ? _self.$scopedSlots.default(data) : _self.$slots.default;
-      };
-
-      column.renderCell = function (h, data) {
-        return h(
-          'div',
-          { 'class': 'cell' },
-          [renderCell(h, data, this._renderProxy)]
-        );
-      };
-
-      return;
-    }
-
-    column.renderCell = function (h, data) {
-      if (_self.$scopedSlots.default) {
-        renderCell = function renderCell() {
-          return _self.$scopedSlots.default(data);
-        };
-      }
-
-      if (!renderCell) {
-        renderCell = DEFAULT_RENDER_CELL;
-      }
-
-      return _self.showOverflowTooltip || _self.showTooltipWhenOverflow ? h(
-        'div',
-        { 'class': 'cell el-tooltip', style: { width: (data.column.realWidth || data.column.width) - 1 + 'px' } },
-        [renderCell(h, data)]
-      ) : h(
-        'div',
-        { 'class': 'cell' },
-        [renderCell(h, data)]
-      );
-    };
-  },
-  destroyed: function destroyed() {
-    if (!this.$parent) return;
-    var parent = this.$parent;
-    this.owner.store.commit('removeColumn', this.columnConfig, this.isSubColumn ? parent.columnConfig : null);
-  },
-
-
-  watch: {
-    label: function label(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.label = newVal;
-      }
     },
-    prop: function prop(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.property = newVal;
-      }
+    realWidth: function realWidth() {
+      return parseWidth(this.width);
     },
-    property: function property(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.property = newVal;
-      }
+    realMinWidth: function realMinWidth() {
+      return parseMinWidth(this.minWidth);
     },
-    filters: function filters(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.filters = newVal;
-      }
+    realAlign: function realAlign() {
+      return this.align ? 'is-' + this.align : null;
     },
-    filterMultiple: function filterMultiple(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.filterMultiple = newVal;
+    realHeaderAlign: function realHeaderAlign() {
+      return this.headerAlign ? 'is-' + this.headerAlign : this.realAlign;
+    }
+  },
+  methods: {
+    getPropsData: function getPropsData() {
+      var _this = this;
+      for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+        props[_key] = arguments[_key];
       }
-    },
-    align: function align(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.align = newVal ? 'is-' + newVal : null;
-
-        if (!this.headerAlign) {
-          this.columnConfig.headerAlign = newVal ? 'is-' + newVal : null;
+      return props.reduce(function (prev, cur) {
+        if (Array.isArray(cur)) {
+          cur.forEach(function (key) {
+            prev[key] = _this[key];
+          });
         }
-      }
+        return prev;
+      }, {});
     },
-    headerAlign: function headerAlign(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.headerAlign = 'is-' + (newVal ? newVal : this.align);
-      }
+    getColumnElIndex: function getColumnElIndex(children, child) {
+      return [].indexOf.call(children, child);
     },
-    width: function width(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.width = parseWidth(newVal);
-        this.owner.store.scheduleLayout();
+    setColumnWidth: function setColumnWidth(column) {
+      if (this.realWidth) {
+        column.width = this.realWidth;
       }
-    },
-    minWidth: function minWidth(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.minWidth = parseMinWidth(newVal);
-        this.owner.store.scheduleLayout();
+      if (this.realMinWidth) {
+        column.minWidth = this.realMinWidth;
       }
-    },
-    fixed: function fixed(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.fixed = newVal;
-        this.owner.store.scheduleLayout(true);
+      if (!column.minWidth) {
+        column.minWidth = 80;
       }
+      column.realWidth = column.width === undefined ? column.minWidth : column.width;
+      return column;
     },
-    sortable: function sortable(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.sortable = newVal;
-      }
+    setColumnForcedProps: function setColumnForcedProps(column) {
+      // 对于特定类型的 column，某些属性不允许设置
+      var type = column.type;
+      var source = cellForced[type] || {};
+      Object.keys(source).forEach(function (prop) {
+        var value = source[prop];
+        if (value !== undefined) {
+          column[prop] = prop === 'className' ? column[prop] + " " + value : value;
+        }
+      });
+      return column;
     },
-    index: function index(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.index = newVal;
+    setColumnRenders: function setColumnRenders(column) {
+      var _this2 = this;
+      var h = this.$createElement;
+      // renderHeader 属性不推荐使用。
+      if (this.renderHeader) {
+        console.warn('[Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.');
+      } else if (column.type !== 'selection') {
+        column.renderHeader = function (h, scope) {
+          var renderHeader = _this2.$scopedSlots.header;
+          return renderHeader ? renderHeader(scope) : column.label;
+        };
       }
-    },
-    formatter: function formatter(newVal) {
-      if (this.columnConfig) {
-        this.columnConfig.formatter = newVal;
+      var originRenderCell = column.renderCell;
+      // TODO: 这里的实现调整
+      if (column.type === 'expand') {
+        // 对于展开行，renderCell 不允许配置的。在上一步中已经设置过，这里需要简单封装一下。
+        column.renderCell = function (h, data) {
+          return h("div", {
+            "class": "cell"
+          }, [originRenderCell(h, data)]);
+        };
+        this.owner.renderExpanded = function (h, data) {
+          return _this2.$scopedSlots.default ? _this2.$scopedSlots.default(data) : _this2.$slots.default;
+        };
+      } else {
+        originRenderCell = originRenderCell || defaultRenderCell;
+        // 对 renderCell 进行包装
+        column.renderCell = function (h, data) {
+          var children = null;
+          if (_this2.$scopedSlots.default) {
+            children = _this2.$scopedSlots.default(data);
+          } else {
+            children = originRenderCell(h, data);
+          }
+          var prefix = treeCellPrefix(h, data);
+          var props = {
+            class: 'cell',
+            style: {}
+          };
+          if (column.showOverflowTooltip) {
+            props.class += ' el-tooltip';
+            props.style = {
+              width: (data.column.realWidth || data.column.width) - 1 + 'px'
+            };
+          }
+          return h("div", helper_default()([{}, props]), [prefix, children]);
+        };
       }
+      return column;
+    },
+    registerNormalWatchers: function registerNormalWatchers() {
+      var _this3 = this;
+      var props = ['label', 'property', 'filters', 'filterMultiple', 'sortable', 'index', 'formatter', 'className', 'labelClassName', 'showOverflowTooltip'];
+      // 一些属性具有别名
+      var aliases = {
+        prop: 'property',
+        realAlign: 'align',
+        realHeaderAlign: 'headerAlign',
+        realWidth: 'width'
+      };
+      var allAliases = props.reduce(function (prev, cur) {
+        prev[cur] = cur;
+        return prev;
+      }, aliases);
+      Object.keys(allAliases).forEach(function (key) {
+        var columnKey = aliases[key];
+        _this3.$watch(key, function (newVal) {
+          _this3.columnConfig[columnKey] = newVal;
+        });
+      });
+    },
+    registerComplexWatchers: function registerComplexWatchers() {
+      var _this4 = this;
+      var props = ['fixed'];
+      var aliases = {
+        realWidth: 'width',
+        realMinWidth: 'minWidth'
+      };
+      var allAliases = props.reduce(function (prev, cur) {
+        prev[cur] = cur;
+        return prev;
+      }, aliases);
+      Object.keys(allAliases).forEach(function (key) {
+        var columnKey = aliases[key];
+        _this4.$watch(key, function (newVal) {
+          _this4.columnConfig[columnKey] = newVal;
+          var updateColumns = columnKey === 'fixed';
+          _this4.owner.store.scheduleLayout(updateColumns);
+        });
+      });
     }
   },
+  components: {
+    ElCheckbox: (checkbox_default())
+  },
+  beforeCreate: function beforeCreate() {
+    this.row = {};
+    this.column = {};
+    this.$index = 0;
+    this.columnId = '';
+  },
+  created: function created() {
+    var parent = this.columnOrTableParent;
+    this.isSubColumn = this.owner !== parent;
+    this.columnId = (parent.tableId || parent.columnId) + '_column_' + columnIdSeed++;
+    var type = this.type || 'default';
+    var sortable = this.sortable === '' ? true : this.sortable;
+    var defaults = _extends({}, cellStarts[type], {
+      id: this.columnId,
+      type: type,
+      property: this.prop || this.property,
+      align: this.realAlign,
+      headerAlign: this.realHeaderAlign,
+      showOverflowTooltip: this.showOverflowTooltip || this.showTooltipWhenOverflow,
+      // filter 相关属性
+      filterable: this.filters || this.filterMethod,
+      filteredValue: [],
+      filterPlacement: '',
+      isColumnGroup: false,
+      filterOpened: false,
+      // sort 相关属性
+      sortable: sortable,
+      // index 列
+      index: this.index
+    });
+    var basicProps = ['columnKey', 'label', 'className', 'labelClassName', 'type', 'renderHeader', 'formatter', 'fixed', 'resizable'];
+    var sortProps = ['sortMethod', 'sortBy', 'sortOrders'];
+    var selectProps = ['selectable', 'reserveSelection'];
+    var filterProps = ['filterMethod', 'filters', 'filterMultiple', 'filterOpened', 'filteredValue', 'filterPlacement'];
+    var column = this.getPropsData(basicProps, sortProps, selectProps, filterProps);
+    column = mergeOptions(defaults, column);
+
+    // 注意 compose 中函数执行的顺序是从右到左
+    var chains = compose(this.setColumnRenders, this.setColumnWidth, this.setColumnForcedProps);
+    column = chains(column);
+    this.columnConfig = column;
 
+    // 注册 watcher
+    this.registerNormalWatchers();
+    this.registerComplexWatchers();
+  },
   mounted: function mounted() {
     var owner = this.owner;
     var parent = this.columnOrTableParent;
-    var columnIndex = void 0;
-
-    if (!this.isSubColumn) {
-      columnIndex = [].indexOf.call(parent.$refs.hiddenColumns.children, this.$el);
-    } else {
-      columnIndex = [].indexOf.call(parent.$el.children, this.$el);
-    }
-
+    var children = this.isSubColumn ? parent.$el.children : parent.$refs.hiddenColumns.children;
+    var columnIndex = this.getColumnElIndex(children, this.$el);
     owner.store.commit('insertColumn', this.columnConfig, columnIndex, this.isSubColumn ? parent.columnConfig : null);
+  },
+  destroyed: function destroyed() {
+    if (!this.$parent) return;
+    var parent = this.$parent;
+    this.owner.store.commit('removeColumn', this.columnConfig, this.isSubColumn ? parent.columnConfig : null);
+  },
+  render: function render(h) {
+    // slots 也要渲染，需要计算合并表头
+    return h('div', this.$slots.default);
   }
-};
-
-/***/ }),
+});
+;// ./packages/table-column/index.js
 
-/***/ 27:
-/***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/tag");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/util");
-
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/merge");
+/* istanbul ignore next */
+table_column.install = function (Vue) {
+  Vue.component(table_column.name, table_column);
+};
+/* harmony default export */ const packages_table_column = (table_column);
 
-/***/ })
+/***/ }
 
-/******/ });
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	const __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		const cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		const module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			const getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter/value functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/wrap commonjs module */
+/******/ 	(() => {
+/******/ 		// execute a CommonJS module body with real module/exports objects, returning the final exports
+/******/ 		__webpack_require__.cjs = (body) => {
+/******/ 			const mod = { exports: {} };
+/******/ 			body.call(mod.exports, mod, mod.exports);
+/******/ 			return mod.exports;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module used 'module' so it can't be inlined
+/******/ 	let __webpack_exports__ = __webpack_require__(7668);
+/******/ 	module.exports = __webpack_exports__["default"];
+/******/ 	
+/******/ })()
+;