@mdsfe/mds-ui 0.2.0

package/dist/slottable.js

@@ -0,0 +1,1414 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("./_util/proptype"), require("./_mixin/tooltip"));
+	else if(typeof define === 'function' && define.amd)
+		define(["./_util/proptype", "./_mixin/tooltip"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("./_util/proptype"), require("./_mixin/tooltip")) : factory(root["./_util/proptype"], root["./_mixin/tooltip"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__3__, __WEBPACK_EXTERNAL_MODULE__16__) {
+return /******/ (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, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// 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 = 110);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent (
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier, /* server only */
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+        injectStyles.call(
+          this,
+          (options.functional ? this.parent : this).$root.$options.shadowRoot
+        )
+      }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 1:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/defineProperty");
+
+/***/ }),
+
+/***/ 110:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./components/style/index.less
+var style = __webpack_require__(131);
+
+// EXTERNAL MODULE: ./components/slot-table/style/index.less
+var slot_table_style = __webpack_require__(215);
+
+// CONCATENATED MODULE: ./components/slot-table/style/index.js
+
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/slot-table/src/table.vue?vue&type=template&id=0d34df4e&
+var tablevue_type_template_id_0d34df4e_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "mds-slot-table-block" },
+    [
+      _c(
+        "mds-loading",
+        {
+          staticClass: "mds-slot-table-loading",
+          style:
+            "opacity: " +
+            (_vm.loading ? 1 : 0) +
+            ";z-index: " +
+            (_vm.loading ? 2000 : -1),
+          attrs: {
+            isLoading: "",
+            type: _vm.loadingType,
+            color: _vm.loadingColor,
+            loadingText: _vm.loadingText,
+            maskColor: _vm.loadingMaskColor,
+          },
+        },
+        [_vm._t("loading")],
+        2
+      ),
+      _c("div", { staticClass: "mds-slot-table-slot" }, [_vm._t("default")], 2),
+      _c(
+        "div",
+        { ref: "tableHeader", staticClass: "mds-slot-table-header" },
+        [
+          _c("mds-slot-table-header", {
+            ref: "head",
+            attrs: {
+              showHeader: _vm.showHeader,
+              headerRowClassName: _vm.headerRowClassName,
+              headerRowStyle: _vm.headerRowStyle,
+              headerCellClassName: _vm.headerCellClassName,
+              headerCellStyle: _vm.headerCellStyle,
+              tableSize: _vm.tableSize,
+              columns: _vm.columns,
+              width: _vm.doWidth,
+              border: _vm.border,
+              "has-gutter": _vm.hasGutter,
+              "gutter-width": _vm.scrollWidth,
+            },
+            on: {
+              "col-resize": _vm.thColResize,
+              headerInit: _vm.handleHeaderInit,
+            },
+          }),
+        ],
+        1
+      ),
+      _c(
+        "div",
+        {
+          ref: "tableBody",
+          staticClass: "mds-slot-table-body",
+          style: {
+            height: _vm.bodyHeight,
+            maxHeight: _vm.bodyMaxHeight,
+          },
+          on: { scroll: _vm.onscroll },
+        },
+        [
+          _c(
+            "mds-slot-table-body",
+            _vm._g(
+              {
+                attrs: {
+                  tableSize: _vm.tableSize,
+                  stripe: _vm.stripe,
+                  border: _vm.border,
+                  width: _vm.doWidth,
+                  rowClassName: _vm.rowClassName,
+                  rowStyle: _vm.rowStyle,
+                  columns: _vm.columns,
+                  data: _vm.data,
+                },
+              },
+              _vm.$listeners
+            )
+          ),
+          _vm.data.length === 0
+            ? _c(
+                "div",
+                { staticClass: "mds-slot-table-void" },
+                [
+                  _vm.hasCustomEmpty
+                    ? [_vm._t("customEmpty")]
+                    : [
+                        _c(
+                          "mds-empty",
+                          {
+                            attrs: {
+                              desc: _vm.emptyDesc,
+                              size: _vm.emptySize,
+                              image: _vm.emptyImage,
+                              imageStyle: _vm.emptyImageStyle,
+                            },
+                          },
+                          [
+                            _c(
+                              "template",
+                              { slot: "custom" },
+                              [_vm._t("empty")],
+                              2
+                            ),
+                          ],
+                          2
+                        ),
+                      ],
+                ],
+                2
+              )
+            : _vm._e(),
+        ],
+        1
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+tablevue_type_template_id_0d34df4e_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/slot-table/src/table.vue?vue&type=template&id=0d34df4e&
+
+// EXTERNAL MODULE: external "babel-runtime/helpers/extends"
+var extends_ = __webpack_require__(19);
+var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
+
+// CONCATENATED MODULE: ./components/slot-table/src/util.js
+
+// 转化长宽
+function toPxNumber(val) {
+  if (val !== undefined) {
+    val = parseInt(val, 10);
+    if (isNaN(val)) {
+      val = null;
+    }
+  }
+  return val;
+}
+
+function addAlignClass(col, type) {
+  var name = '';
+  switch (col[type]) {
+    case 'center':
+      name = 'is-center';
+      break;
+    case 'right':
+      name = 'is-right';
+      break;
+    default:
+      name = col.index ? 'is-center' : 'is-left';
+  }
+  return name;
+}
+
+var scrollBarWidth = void 0;
+function getScrollBarWidth() {
+  if (scrollBarWidth !== undefined) return scrollBarWidth;
+  var outer = document.createElement('div');
+  outer.style.visibility = 'hidden';
+  outer.style.width = '100px';
+  outer.style.position = 'absolute';
+  outer.style.top = '-9999px';
+  document.body.appendChild(outer);
+  var widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = 'scroll';
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  outer.appendChild(inner);
+  var widthWithScroll = inner.offsetWidth;
+  outer.parentNode.removeChild(outer);
+  scrollBarWidth = widthNoScroll - widthWithScroll;
+  return scrollBarWidth;
+}
+
+function toCamelCase(str) {
+  var arr = str.split('-');
+  for (var i = 1; i < arr.length; i++) {
+    arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substring(1);
+  }
+  return arr.join('');
+}
+
+function handleRowFunctionOrString(val, row, rowIndex) {
+  return typeof val === 'function' ? val({ row: extends_default()({}, row), rowIndex: rowIndex }) : val;
+}
+
+function handleCellFunctionOrString(val, row, column, rowIndex, columnIndex) {
+  return typeof val === 'function' ? val({ row: extends_default()({}, row), column: extends_default()({}, column), rowIndex: rowIndex, columnIndex: columnIndex }) : val;
+}
+// EXTERNAL MODULE: external "babel-runtime/helpers/defineProperty"
+var defineProperty_ = __webpack_require__(1);
+var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_);
+
+// EXTERNAL MODULE: external "babel-runtime/helpers/toConsumableArray"
+var toConsumableArray_ = __webpack_require__(17);
+var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray_);
+
+// CONCATENATED MODULE: ./components/slot-table/src/table-header.js
+
+
+
+
+
+/* harmony default export */ var table_header = ({
+  name: 'MdsSlotTableHeader',
+  props: {
+    tableSize: String,
+    showHeader: Boolean,
+    headerRowClassName: [String, Function],
+    headerRowStyle: [Object, Function],
+    headerCellClassName: [String, Function],
+    headerCellStyle: [Object, Function],
+    columns: Array,
+    width: [String, Number],
+    border: Boolean,
+    hasGutter: Boolean,
+    gutterWidth: [String, Number]
+  },
+  methods: {
+    cellClass: function cellClass(col, index) {
+      var align = addAlignClass(col, col.headerAlign ? 'headerAlign' : 'align');
+      var tableSzie = 'mds-slot-table-' + this.tableSize;
+      var elli = col.elli ? 'elli' : '';
+      var thClass = typeof col.labelClassName === 'function' ? col.labelClassName({ column: extends_default()({}, col), index: index }) : col.labelClassName;
+      return [align, tableSzie, elli, thClass];
+    },
+
+
+    // 定制列宽，距离小于10的时候出现resize标识
+    thMouseMove: function thMouseMove(e) {
+      var offsetRight = e.target.offsetWidth - e.offsetX;
+      if (offsetRight < 10) {
+        e.target.style.cursor = 'col-resize';
+      } else {
+        e.target.style.cursor = '';
+      }
+    },
+    thMouseDown: function thMouseDown(e, index) {
+      var offsetRight = e.target.offsetWidth - e.offsetX;
+      if (offsetRight > 10) return null;
+      this.$emit('col-resize', {
+        event: e,
+        column: this.columns[index]
+      });
+    }
+    // setCol() {
+    //   // 注释节点不进行判断
+    //   if (this.$el.nodeType === 8) { return }
+    //   let childs = this.$el.querySelectorAll('thead > th')
+    //   let len = childs.length
+    //   if (!len) return
+    //   for (let i = 0; i < len; i++) {
+    //     const th = childs[i]
+    //     if (th.className.indexOf('gutter') === -1) {
+    //       debugger
+    //       this.columns[i].width = th.offsetWidth
+    //     }
+    //   }
+    // }
+
+  },
+
+  mounted: function mounted() {
+    if (this.$ready) return;
+    // this.setCol()
+    this.$ready = true;
+    this.$emit('headerInit');
+  },
+  render: function render() {
+    var _this = this;
+
+    var h = arguments[0];
+
+    if (this.showHeader) {
+      return h(
+        'table',
+        {
+          'class': {
+            'mds-slot-table': true,
+            'mds-slot-table-head': true,
+            'mds-slot-table__border': this.border
+          },
+          style: {
+            width: this.width
+          }
+        },
+        [h('colgroup', [this.columns.map(function (column, index) {
+          return h('col', {
+            key: column.label + index,
+            attrs: { width: toPxNumber(column.width)
+            }
+          });
+        }), this.hasGutter ? h('col', {
+          attrs: { name: 'gutter', width: this.gutterWidth },
+          style: '' }) : null]), h(
+          'thead',
+          { ref: 'thead' },
+          [h(
+            'tr',
+            {
+              'class': ['mds-slot-table-head-tr', handleRowFunctionOrString(this.headerRowClassName, undefined, 0)],
+              style: handleRowFunctionOrString(this.headerRowStyle, undefined, 0)
+            },
+            [this.columns.map(function (column, index) {
+              return h(
+                'th',
+                {
+                  attrs: {
+                    colspan: '1',
+                    rowspan: '1'
+                  },
+                  key: column.label + index,
+                  style: extends_default()({
+                    width: column.width
+                  }, handleCellFunctionOrString(_this.headerCellStyle, undefined, column, 0, index)),
+                  'class': ['mds-slot-table-column'].concat(toConsumableArray_default()(_this.cellClass(column, index)), [handleCellFunctionOrString(_this.headerCellClassName, undefined, column, 0, index)]),
+                  on: {
+                    'mousemove': _this.thMouseMove,
+                    'mousedown': function mousedown($event) {
+                      return _this.thMouseDown($event, index);
+                    }
+                  }
+                },
+                [column.label]
+              );
+            }), this.hasGutter ? h('th', defineProperty_default()({
+              'class': 'gutter'
+            }, 'class', 'mds-slot-table-column mds-slot-table-th-gutter')) : null]
+          )]
+        )]
+      );
+    }
+  }
+});
+// CONCATENATED MODULE: ./components/slot-table/src/table-body.js
+
+
+
+/* harmony default export */ var table_body = ({
+  name: 'MdsSlotTableBody',
+  props: {
+    tableSize: String,
+    columns: {
+      type: Array,
+      default: []
+    },
+    data: {
+      type: Array,
+      default: []
+    },
+    stripe: Boolean,
+    border: Boolean,
+    width: String,
+    rowClassName: [String, Function],
+    rowStyle: [Object, Function]
+  },
+
+  methods: {
+    cellClass: function cellClass(col, row, rindex, cindex) {
+      var align = addAlignClass(col, 'align');
+      var tableSzie = 'mds-slot-table-' + this.tableSize;
+      var light = col.light ? 'mds-slot-table-column--light' : '';
+      var hoverlight = col.hoverlight ? 'mds-slot-table-column--hoverlight' : '';
+      var cell = typeof col.className === 'function' ? col.className({
+        column: extends_default()({}, col),
+        row: extends_default()({}, row),
+        rindex: rindex,
+        cindex: cindex
+      }) : col.className;
+      return ['mds-slot-table-column', align, tableSzie, light, hoverlight, cell];
+    }
+  },
+  render: function render() {
+    var _this = this;
+
+    var h = arguments[0];
+
+    return h(
+      'table',
+      {
+        ref: 'table',
+        'class': {
+          'mds-slot-table': true,
+          'mds-slot-table__stripe': this.stripe,
+          'mds-slot-table__border': this.border
+        },
+        style: {
+          width: this.width
+        }
+      },
+      [h('colgroup', [this.columns.map(function (column, index) {
+        return h('col', {
+          key: column.label + index,
+          attrs: { width: toPxNumber(column.width)
+          }
+        });
+      })]), h('tbody', [this.data.map(function (row, rindex) {
+        return h(
+          'tr',
+          {
+            'class': ['mds-slot-table-row', handleRowFunctionOrString(_this.rowClassName, row, rindex)],
+            style: handleRowFunctionOrString(_this.rowStyle, row, rindex),
+            key: rindex,
+            on: {
+              'click': function click(event) {
+                return _this.$emit('row-click', { event: event, row: row, index: rindex });
+              },
+              'mouseover': function mouseover(event) {
+                return _this.$emit('row-hover', { event: event, row: row, index: rindex });
+              }
+            }
+          },
+          [_this.columns.map(function (column, cindex) {
+            return h(
+              'td',
+              {
+                key: rindex + '-' + cindex,
+                'class': _this.cellClass(column, row, rindex, cindex)
+              },
+              [column.renderCell({
+                row: row,
+                column: column,
+                rowIndex: rindex,
+                columnIndex: cindex
+              })]
+            );
+          })]
+        );
+      })])]
+    );
+  }
+});
+// EXTERNAL MODULE: ./components/empty/empty.vue + 4 modules
+var empty = __webpack_require__(31);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/slot-table/src/table.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+// 用于生成table key
+var tableIdSeed = 1;
+
+/* harmony default export */ var tablevue_type_script_lang_js_ = ({
+  name: 'MdsSlotTable',
+  componentName: 'MdsSlotTable',
+  components: {
+    MdsSlotTableHeader: table_header,
+    MdsSlotTableBody: table_body,
+    MdsEmpty: empty["a" /* default */]
+  },
+  props: {
+    size: {
+      type: String,
+      default: 'normal'
+    },
+    data: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    stripe: Boolean,
+    border: Boolean,
+    rowClassName: [String, Function],
+    rowStyle: [Object, Function],
+    height: [String, Number],
+    maxHeight: [String, Number],
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
+    headerRowClassName: [String, Function],
+    headerRowStyle: [Object, Function],
+    headerCellClassName: [String, Function],
+    headerCellStyle: [Object, Function],
+
+    // 空状态相关属性
+    emptyDesc: String,
+    emptySize: String,
+    emptyImage: String,
+    emptyImageStyle: Object,
+    // loading相关属性
+    loading: Boolean,
+    loadingType: {
+      type: String,
+      default: 'ball-pulse'
+    },
+    loadingColor: String,
+    loadingMaskColor: String,
+    loadingText: {
+      type: String,
+      default: '加载中...'
+    }
+  },
+  data: function data() {
+    return {
+      columns: [],
+      isColResize: false,
+      startOffsetX: 0,
+      startWidth: 0,
+      currentColumn: null,
+      tableWidth: null,
+      scrollTop: 0,
+      scrollLeft: 0,
+      hasGutter: false,
+      // 滚动条宽度
+      scrollWidth: null,
+      bodyHeight: null,
+      bodyMaxHeight: null
+    };
+  },
+
+  watch: {
+    scrollLeft: function scrollLeft(val) {
+      this.$refs.tableHeader.scrollLeft = val;
+    }
+  },
+  computed: {
+    hasCustomEmpty: function hasCustomEmpty() {
+      return !!this.$slots.customEmpty;
+    },
+    tableSize: function tableSize() {
+      var sizeObj = {
+        normal: 'normal',
+        mini: 'mini'
+      };
+      return sizeObj[this.size] ? sizeObj[this.size] : 'normal';
+    },
+    doWidth: function doWidth() {
+      return this.tableWidth ? this.tableWidth + 'px' : null;
+    }
+  },
+  methods: {
+    handleHeaderInit: function handleHeaderInit() {
+      var _this = this;
+
+      this.$nextTick(function () {
+        if (_this.height) {
+          _this.handleHeaderHeight('height');
+        }
+        if (_this.maxHeight) {
+          _this.handleHeaderHeight('maxHeight');
+        }
+      });
+    },
+    handleHeaderHeight: function handleHeaderHeight(key) {
+      var val = toPxNumber(this[key]);
+      var headerHeight = this.$refs['tableHeader'].offsetHeight;
+      this[toCamelCase('body-' + key)] = val - headerHeight + 'px';
+    },
+
+    // header更改列宽时初始化计算数据
+    thColResize: function thColResize(params) {
+      var event = params.event,
+          column = params.column;
+
+      this.isColResize = true;
+      this.startOffsetX = event.clientX;
+      this.startWidth = event.target.offsetWidth;
+      this.currentColumn = column;
+      this.oldTableWidth = this.$refs.tableBody.offsetWidth;
+    },
+    colResizeMouseUp: function colResizeMouseUp(e) {
+      // EventBus.$emit('ChangeColumnWidth', {colId: this.currentColumn.id, tableId: this.tableId})
+      this.isColResize = false;
+    },
+
+
+    // 拖拽列宽时改变表格宽度
+    colResizeMouseMove: function colResizeMouseMove(e) {
+      if (this.isColResize) {
+        var width = this.startWidth + e.clientX - this.startOffsetX;
+        // 默认index列最新40，其他80
+        var minWidth = parseInt(this.currentColumn.minWidth) || (this.currentColumn.index ? 40 : 80);
+
+        if (width >= minWidth) {
+          this.currentColumn.width = width;
+          this.tableWidth = this.oldTableWidth + e.clientX - this.startOffsetX;
+        }
+      }
+    },
+    onscroll: function onscroll(e) {
+      this.scrollLeft = e.target.scrollLeft;
+      this.scrollTop = e.target.scrollTop;
+    },
+
+
+    // body有滚动条的情况下设置header宽度
+    setGutter: function setGutter() {
+      var _this2 = this;
+
+      var tableBody = this.$refs.tableBody;
+      setTimeout(function () {
+        if (tableBody.offsetHeight < tableBody.scrollHeight) {
+          _this2.hasGutter = true;
+        } else {
+          _this2.hasGutter = false;
+        }
+      });
+    },
+    addListener: function addListener() {
+      this.$refs.tableHeader.addEventListener('mousemove', this.colResizeMouseMove);
+      this.$refs.tableHeader.addEventListener('mouseup', this.colResizeMouseUp);
+    },
+    removeListener: function removeListener() {
+      this.$refs.tableHeader.removeEventListener('mousemove', this.colResizeMouseMove);
+      this.$refs.tableHeader.removeEventListener('mouseup', this.colResizeMouseUp);
+    }
+  },
+  created: function created() {
+    this.scrollWidth = getScrollBarWidth();
+    this.toPxNumber = toPxNumber;
+    this.tableId = 'mds-slot-table_' + tableIdSeed++;
+  },
+  updated: function updated() {
+    this.setGutter();
+  },
+  mounted: function mounted() {
+    this.addListener();
+    this.setGutter();
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.removeListener();
+  }
+});
+// CONCATENATED MODULE: ./components/slot-table/src/table.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tablevue_type_script_lang_js_ = (tablevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./components/slot-table/src/table.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_tablevue_type_script_lang_js_,
+  tablevue_type_template_id_0d34df4e_render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "components/slot-table/src/table.vue"
+/* harmony default export */ var table = (component.exports);
+// EXTERNAL MODULE: external "babel-runtime/core-js/object/keys"
+var keys_ = __webpack_require__(12);
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
+
+// EXTERNAL MODULE: ./components/tooltip/index.js + 1 modules
+var tooltip = __webpack_require__(36);
+
+// CONCATENATED MODULE: ./components/slot-table/src/table-column.js
+
+
+
+
+
+/* harmony default export */ var table_column = ({
+  name: 'MdsSlotTableColumn',
+  componentName: 'MdsSlotTableColumn',
+  components: {
+    MdsTooltip: tooltip["default"]
+  },
+  props: {
+    prop: String,
+    label: String,
+    align: String,
+    width: [Number, String],
+    // 标记是不是index列(暂未实现)
+    index: Boolean,
+    // 默认高亮
+    light: Boolean,
+    // hover高亮
+    hoverlight: Boolean,
+    // 是否溢出打点
+    elli: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示toopTip
+    tooltip: Boolean,
+    minWidth: [Number, String],
+    className: [String, Function],
+    labelClassName: [String, Function],
+    headerAlign: String
+  },
+
+  methods: {
+    // 递归寻找table节点
+    getParent: function getParent(name) {
+      var parent = this.$parent;
+      while (parent) {
+        if (parent.$options.componentName !== name) {
+          parent = parent.$parent;
+        } else {
+          return parent;
+        }
+      }
+      return null;
+    },
+
+
+    // 设置要传给table的column实例
+    setColumnRender: function setColumnRender() {
+      var _this = this;
+
+      var h = this.$createElement;
+
+      var column = extends_default()({}, this.$props);
+      column.renderCell = function (data) {
+        var cellId = 'row_' + data.rowindex + '_col_' + data.columnIndex;
+        var render = void 0;
+        // 返回插槽内容,不响应一般内容的额外属性
+        if (_this.$scopedSlots.default) {
+          render = function render() {
+            return _this.$scopedSlots.default(data);
+          };
+          return render();
+        }
+
+        render = function render(data) {
+          return column.index ? data.rowindex + 1 : data.row[column.prop];
+        };
+
+        var tempTemplete = void 0;
+        if (column.tooltip && column.elli) {
+          var _ref;
+
+          tempTemplete = h(
+            'mds-tooltip',
+            {
+              attrs: {
+                effect: 'light',
+                placement: 'bottom',
+                title: data.row[column.prop],
+                className: 'mds-slot-table-tooltip'
+              }
+            },
+            [h(
+              'div',
+              {
+                'class': (_ref = { cell: true }, defineProperty_default()(_ref, cellId, true), defineProperty_default()(_ref, 'elli', column.elli), _ref),
+                ref: 'cell-' + cellId
+              },
+              [render(data)]
+            )]
+          );
+        } else {
+          var _ref2;
+
+          tempTemplete = h(
+            'div',
+            {
+              'class': (_ref2 = { cell: true }, defineProperty_default()(_ref2, cellId, true), defineProperty_default()(_ref2, 'elli', column.elli), _ref2),
+              ref: 'cell-' + cellId
+            },
+            [render(data)]
+          );
+        }
+        return tempTemplete;
+      };
+      return column;
+    },
+
+
+    // 注册watcher
+    registerWatchers: function registerWatchers() {
+      var _this2 = this;
+
+      keys_default()(this.$props).forEach(function (key) {
+        _this2.$watch(key, function (newVal, oldVal) {
+          _this2.column[key] = newVal;
+        });
+      });
+    }
+  },
+
+  created: function created() {
+    this.column = {};
+    this.parent = this.getParent('MdsSlotTable');
+    this.column = this.setColumnRender();
+  },
+  mounted: function mounted() {
+    this.column.id = this.parent.columns.length;
+    this.parent.columns.push(this.column);
+    this.registerWatchers();
+  },
+  destroyed: function destroyed() {
+    if (this.parent) {
+      var index = this.parent.columns.map(function (e) {
+        return e.id;
+      }).indexOf(this.column.id);
+
+      if (index > -1) {
+        this.parent.columns.splice(index, 1);
+      }
+    }
+  },
+  render: function render(h) {
+    return null;
+  }
+});
+// CONCATENATED MODULE: ./components/slot-table/index.js
+
+
+
+
+/* istanbul ignore next */
+table.install = function (Vue) {
+  Vue.component(table.name, table);
+  Vue.component(table_column.name, table_column);
+};
+
+/* harmony default export */ var slot_table = __webpack_exports__["default"] = (table);
+
+/***/ }),
+
+/***/ 12:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/object/keys");
+
+/***/ }),
+
+/***/ 131:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__16__;
+
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/toConsumableArray");
+
+/***/ }),
+
+/***/ 177:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 19:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/extends");
+
+/***/ }),
+
+/***/ 215:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__3__;
+
+/***/ }),
+
+/***/ 31:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/empty/empty.vue?vue&type=template&id=4c25cea0&
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { class: _vm.classes }, [
+    _c("div", { class: _vm.prefixCls + "-image", style: _vm.imageStyle }, [
+      _vm.image
+        ? _c("img", {
+            class: _vm.prefixCls + "-img",
+            attrs: { src: _vm.imageSrc },
+          })
+        : _vm._e(),
+    ]),
+    _c("div", { class: _vm.prefixCls + "-info" }, [
+      _vm.desc
+        ? _c("div", { class: _vm.prefixCls + "-desc" }, [
+            _vm._v(_vm._s(_vm.desc)),
+          ])
+        : _vm._e(),
+      _vm.$slots.custom
+        ? _c("div", { class: _vm.prefixCls + "-custom" }, [_vm._t("custom")], 2)
+        : _vm._e(),
+    ]),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/empty/empty.vue?vue&type=template&id=4c25cea0&
+
+// EXTERNAL MODULE: external "babel-runtime/helpers/defineProperty"
+var defineProperty_ = __webpack_require__(1);
+var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_);
+
+// EXTERNAL MODULE: external "./_util/proptype"
+var proptype_ = __webpack_require__(3);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/empty/empty.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+var basicImg = '//j1.58cdn.com.cn/matrix/static/images/nodata_basic@2x.png';
+var mediumImg = '//j1.58cdn.com.cn/matrix/static/images/nodata_medium@2x.png';
+var largeImg = '//j1.58cdn.com.cn/matrix/static/images/nodata_large@2x.png';
+/* harmony default export */ var emptyvue_type_script_lang_js_ = ({
+    name: 'MdsEmpty',
+    props: {
+        prefixCls: {
+            type: String,
+            default: 'mds-empty'
+        },
+        desc: {
+            type: String,
+            default: '暂无数据'
+        },
+        size: {
+            validator: function validator(value) {
+                return Object(proptype_["oneOf"])(value, ['small', 'medium', 'large']);
+            },
+            default: 'small'
+        },
+        image: {
+            type: String,
+            default: basicImg
+        },
+        imageStyle: {
+            type: Object
+        }
+    },
+    computed: {
+        imageSrc: function imageSrc() {
+            var src = this.image;
+            // 传尺寸时如果没有传图片路径则展示不同尺寸的默认路径，如果传了图片路径则显示该图片路径
+            if (this.size) {
+                src = this.image !== basicImg ? this.image : this.sizeDefaultImg[this.size];
+            }
+            return src;
+        },
+        classes: function classes() {
+            var prefixCls = this.prefixCls;
+            var size = this.size;
+            return ['' + prefixCls, defineProperty_default()({}, prefixCls + '-' + size, !!size)];
+        }
+    },
+    data: function data() {
+        return {
+            sizeDefaultImg: {
+                'large': largeImg,
+                'medium': mediumImg,
+                'small': basicImg
+            }
+        };
+    }
+});
+// CONCATENATED MODULE: ./components/empty/empty.vue?vue&type=script&lang=js&
+ /* harmony default export */ var empty_emptyvue_type_script_lang_js_ = (emptyvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./components/empty/empty.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  empty_emptyvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "components/empty/empty.vue"
+/* harmony default export */ var empty = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ 35:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(131);
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_index_less__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(177);
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_less__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
+/***/ }),
+
+/***/ 36:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./components/tooltip/style/index.js
+var style = __webpack_require__(35);
+
+// EXTERNAL MODULE: external "./_mixin/tooltip"
+var tooltip_ = __webpack_require__(16);
+var tooltip_default = /*#__PURE__*/__webpack_require__.n(tooltip_);
+
+// CONCATENATED MODULE: ./components/tooltip/tooltip.js
+
+
+/* harmony default export */ var tooltip = ({
+  name: 'MdsTooltip',
+  mixins: [tooltip_default.a],
+  props: {
+    prefixCls: {
+      type: String,
+      default: 'mds-tooltip'
+    }
+  },
+  components: {
+    /**
+     * 定义函数化组件用于插入到popperVM
+     * 实际浮层显示的内容
+     */
+    MdsTooltipContent: tooltip_["MdsTooltipContent"]
+  }
+});
+// CONCATENATED MODULE: ./components/tooltip/index.js
+
+
+/* istanbul ignore next */
+tooltip.install = function (Vue) {
+  Vue.component(tooltip.name, tooltip);
+};
+/* harmony default export */ var components_tooltip = __webpack_exports__["default"] = (tooltip);
+
+/***/ })
+
+/******/ });
+});