mazey-element-ui 2.0.1 → 2.15.16

package/lib/tabs.js

@@ -1,107 +1,127 @@
-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 = 278);
-/******/ })
-/************************************************************************/
-/******/ ({
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 2183
+(module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ packages_tabs)
+});
+
+;// ./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 helper_default = /*#__PURE__*/__webpack_require__.n(helper_namespaceObject);
+;// ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/tabs/src/tab-bar.vue?vue&type=template&id=0ec67dad
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", {
+    staticClass: "el-tabs__active-bar",
+    class: "is-" + _vm.rootTabs.tabPosition,
+    style: _vm.barStyle,
+  })
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+;// ./packages/tabs/src/tab-bar.vue?vue&type=template&id=0ec67dad
+
+;// external "mazey-element-ui/lib/utils/util"
+const util_namespaceObject = require("mazey-element-ui/lib/utils/util");
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/tabs/src/tab-bar.vue?vue&type=script&lang=js
+//
+//
+//
 
-/***/ 0:
-/***/ (function(module, exports) {
 
+/* harmony default export */ const tab_barvue_type_script_lang_js = ({
+  name: 'TabBar',
+  props: {
+    tabs: Array
+  },
+  inject: ['rootTabs'],
+  computed: {
+    barStyle: {
+      get: function get() {
+        var _this = this;
+        var style = {};
+        var offset = 0;
+        var tabSize = 0;
+        var sizeName = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
+        var sizeDir = sizeName === 'width' ? 'x' : 'y';
+        var firstUpperCase = function firstUpperCase(str) {
+          return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {
+            return L.toUpperCase();
+          });
+        };
+        this.tabs.every(function (tab, index) {
+          var $el = (0,util_namespaceObject.arrayFind)(_this.$parent.$refs.tabs || [], function (t) {
+            return t.id.replace('tab-', '') === tab.paneName;
+          });
+          if (!$el) {
+            return false;
+          }
+          if (!tab.active) {
+            offset += $el["client" + firstUpperCase(sizeName)];
+            return true;
+          } else {
+            tabSize = $el["client" + firstUpperCase(sizeName)];
+            var tabStyles = window.getComputedStyle($el);
+            if (sizeName === 'width' && _this.tabs.length > 1) {
+              tabSize -= parseFloat(tabStyles.paddingLeft) + parseFloat(tabStyles.paddingRight);
+            }
+            if (sizeName === 'width') {
+              offset += parseFloat(tabStyles.paddingLeft);
+            }
+            return false;
+          }
+        });
+        var transform = "translate" + firstUpperCase(sizeDir) + "(" + offset + "px)";
+        style[sizeName] = tabSize + 'px';
+        style.transform = transform;
+        style.msTransform = transform;
+        style.webkitTransform = transform;
+        return style;
+      }
+    }
+  }
+});
+;// ./packages/tabs/src/tab-bar.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_tab_barvue_type_script_lang_js = (tab_barvue_type_script_lang_js); 
+;// ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
 
-// IMPORTANT: Do NOT use ES2015 features in this file.
+// 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.
 
-module.exports = function normalizeComponent (
-  rawScriptExports,
-  compiledTemplate,
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier /* server only */
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
 ) {
-  var esModule
-  var scriptExports = rawScriptExports = rawScriptExports || {}
-
-  // ES6 modules interop
-  var type = typeof rawScriptExports.default
-  if (type === 'object' || type === 'function') {
-    esModule = rawScriptExports
-    scriptExports = rawScriptExports.default
-  }
-
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
-  if (compiledTemplate) {
-    options.render = compiledTemplate.render
-    options.staticRenderFns = compiledTemplate.staticRenderFns
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
     options._compiled = true
   }
 
@@ -112,11 +132,12 @@ module.exports = function normalizeComponent (
 
   // scopedId
   if (scopeId) {
-    options._scopeId = scopeId
+    options._scopeId = 'data-v-' + scopeId
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -140,396 +161,64 @@ module.exports = function normalizeComponent (
     // never gets called
     options._ssrRegister = hook
   } else if (injectStyles) {
-    hook = injectStyles
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
   }
 
   if (hook) {
-    var functional = options.functional
-    var existing = functional
-      ? options.render
-      : options.beforeCreate
-
-    if (!functional) {
-      // inject component registration as beforeCreate hook
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    } else {
+    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 functioal component in vue file
-      options.render = function renderWithStyleInjection (h, context) {
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
-        return existing(h, context)
+        return originalRender(h, context)
       }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
   return {
-    esModule: esModule,
     exports: scriptExports,
     options: options
   }
 }
 
+;// ./packages/tabs/src/tab-bar.vue
 
-/***/ }),
-
-/***/ 18:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/resize-event");
-
-/***/ }),
-
-/***/ 278:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _tabs = __webpack_require__(279);
-
-var _tabs2 = _interopRequireDefault(_tabs);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* istanbul ignore next */
-_tabs2.default.install = function (Vue) {
-  Vue.component(_tabs2.default.name, _tabs2.default);
-};
 
-exports.default = _tabs2.default;
-
-/***/ }),
-
-/***/ 279:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tabs_vue__ = __webpack_require__(90);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tabs_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tabs_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tabs_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tabs_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-var __vue_template__ = null
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tabs_vue___default.a,
-  __vue_template__,
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
 
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 280:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_nav_vue__ = __webpack_require__(91);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_nav_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_nav_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_nav_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_nav_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-var __vue_template__ = null
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_nav_vue___default.a,
-  __vue_template__,
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
 
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 281:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_bar_vue__ = __webpack_require__(92);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_bar_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_bar_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_bar_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_bar_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_90a60718_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_tab_bar_vue__ = __webpack_require__(282);
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_tab_bar_vue___default.a,
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_90a60718_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_tab_bar_vue__["a" /* default */],
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
+/* normalize component */
+;
+var component = normalizeComponent(
+  src_tab_barvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
 )
 
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 282:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-tabs__active-bar",class:("is-" + (_vm.rootTabs.tabPosition)),style:(_vm.barStyle)})}
-var staticRenderFns = []
-var esExports = { render: render, staticRenderFns: staticRenderFns }
-/* harmony default export */ __webpack_exports__["a"] = (esExports);
-
-/***/ }),
-
-/***/ 90:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _tabNav = __webpack_require__(280);
-
-var _tabNav2 = _interopRequireDefault(_tabNav);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
-  name: 'ElTabs',
-
-  components: {
-    TabNav: _tabNav2.default
-  },
-
-  props: {
-    type: String,
-    activeName: String,
-    closable: Boolean,
-    addable: Boolean,
-    value: {},
-    editable: Boolean,
-    tabPosition: {
-      type: String,
-      default: 'top'
-    },
-    beforeLeave: Function
-  },
-
-  provide: function provide() {
-    return {
-      rootTabs: this
-    };
-  },
-  data: function data() {
-    return {
-      currentName: this.value || this.activeName,
-      panes: []
-    };
-  },
-
-
-  watch: {
-    activeName: function activeName(value) {
-      this.setCurrentName(value);
-    },
-    value: function value(_value) {
-      this.setCurrentName(_value);
-    },
-    currentName: function currentName(value) {
-      var _this = this;
-
-      if (this.$refs.nav) {
-        this.$nextTick(function (_) {
-          _this.$refs.nav.scrollToActiveTab();
-        });
-      }
-    }
-  },
-
-  methods: {
-    handleTabClick: function handleTabClick(tab, tabName, event) {
-      if (tab.disabled) return;
-      this.setCurrentName(tabName);
-      this.$emit('tab-click', tab, event);
-    },
-    handleTabRemove: function handleTabRemove(pane, ev) {
-      if (pane.disabled) return;
-      ev.stopPropagation();
-      this.$emit('edit', pane.name, 'remove');
-      this.$emit('tab-remove', pane.name);
-    },
-    handleTabAdd: function handleTabAdd() {
-      this.$emit('edit', null, 'add');
-      this.$emit('tab-add');
-    },
-    setCurrentName: function setCurrentName(value) {
-      var _this2 = this;
-
-      var changeCurrentName = function changeCurrentName() {
-        _this2.currentName = value;
-        _this2.$emit('input', value);
-      };
-      if (this.currentName !== value && this.beforeLeave) {
-        var before = this.beforeLeave();
-        if (before && before.then) {
-          before.then(function () {
-            changeCurrentName();
-          });
-        } else if (before !== false) {
-          changeCurrentName();
-        }
-      } else {
-        changeCurrentName();
-      }
-    },
-    addPanes: function addPanes(item) {
-      var index = this.$slots.default.filter(function (item) {
-        return item.elm.nodeType === 1 && /\bel-tab-pane\b/.test(item.elm.className);
-      }).indexOf(item.$vnode);
-      this.panes.splice(index, 0, item);
-    },
-    removePanes: function removePanes(item) {
-      var panes = this.panes;
-      var index = panes.indexOf(item);
-      if (index > -1) {
-        panes.splice(index, 1);
-      }
-    }
-  },
-  render: function render(h) {
-    var _ref;
-
-    var type = this.type,
-        handleTabClick = this.handleTabClick,
-        handleTabRemove = this.handleTabRemove,
-        handleTabAdd = this.handleTabAdd,
-        currentName = this.currentName,
-        panes = this.panes,
-        editable = this.editable,
-        addable = this.addable,
-        tabPosition = this.tabPosition;
-
-
-    var newButton = editable || addable ? h(
-      'span',
-      {
-        'class': 'el-tabs__new-tab',
-        on: {
-          'click': handleTabAdd,
-          'keydown': function keydown(ev) {
-            if (ev.keyCode === 13) {
-              handleTabAdd();
-            }
-          }
-        },
-        attrs: {
-          tabindex: '0'
-        }
-      },
-      [h('i', { 'class': 'el-icon-plus' })]
-    ) : null;
-
-    var navData = {
-      props: {
-        currentName: currentName,
-        onTabClick: handleTabClick,
-        onTabRemove: handleTabRemove,
-        editable: editable,
-        type: type,
-        panes: panes
-      },
-      ref: 'nav'
-    };
-    var header = h(
-      'div',
-      { 'class': ['el-tabs__header', 'is-' + tabPosition] },
-      [newButton, h('tab-nav', navData)]
-    );
-    var panels = h(
-      'div',
-      { 'class': 'el-tabs__content' },
-      [this.$slots.default]
-    );
-
-    return h(
-      'div',
-      { 'class': (_ref = {
-          'el-tabs': true,
-          'el-tabs--card': type === 'card'
-        }, _ref['el-tabs--' + tabPosition] = true, _ref['el-tabs--border-card'] = type === 'border-card', _ref) },
-      [tabPosition !== 'bottom' ? [header, panels] : [panels, header]]
-    );
-  },
-  created: function created() {
-    if (!this.currentName) {
-      this.setCurrentName('0');
-    }
-  }
-};
-
-/***/ }),
-
-/***/ 91:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _tabBar = __webpack_require__(281);
-
-var _tabBar2 = _interopRequireDefault(_tabBar);
-
-var _resizeEvent = __webpack_require__(18);
+/* harmony default export */ const tab_bar = (component.exports);
+;// external "mazey-element-ui/lib/utils/resize-event"
+const resize_event_namespaceObject = require("mazey-element-ui/lib/utils/resize-event");
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/tabs/src/tab-nav.vue?vue&type=script&lang=js
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function noop() {}
 var firstUpperCase = function firstUpperCase(str) {
@@ -537,16 +226,12 @@ var firstUpperCase = function firstUpperCase(str) {
     return L.toUpperCase();
   });
 };
-
-exports.default = {
+/* harmony default export */ const tab_navvue_type_script_lang_js = ({
   name: 'TabNav',
-
   components: {
-    TabBar: _tabBar2.default
+    TabBar: tab_bar
   },
-
   inject: ['rootTabs'],
-
   props: {
     panes: Array,
     currentName: String,
@@ -559,9 +244,9 @@ exports.default = {
       type: Function,
       default: noop
     },
-    type: String
+    type: String,
+    stretch: Boolean
   },
-
   data: function data() {
     return {
       scrollable: false,
@@ -570,40 +255,31 @@ exports.default = {
       focusable: true
     };
   },
-
-
   computed: {
     navStyle: function navStyle() {
       var dir = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'X' : 'Y';
       return {
-        transform: 'translate' + dir + '(-' + this.navOffset + 'px)'
+        transform: "translate" + dir + "(-" + this.navOffset + "px)"
       };
     },
     sizeName: function sizeName() {
       return ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
     }
   },
-
   methods: {
     scrollPrev: function scrollPrev() {
-      var containerSize = this.$refs.navScroll['offset' + firstUpperCase(this.sizeName)];
+      var containerSize = this.$refs.navScroll["offset" + firstUpperCase(this.sizeName)];
       var currentOffset = this.navOffset;
-
       if (!currentOffset) return;
-
       var newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
-
       this.navOffset = newOffset;
     },
     scrollNext: function scrollNext() {
-      var navSize = this.$refs.nav['offset' + firstUpperCase(this.sizeName)];
-      var containerSize = this.$refs.navScroll['offset' + firstUpperCase(this.sizeName)];
+      var navSize = this.$refs.nav["offset" + firstUpperCase(this.sizeName)];
+      var containerSize = this.$refs.navScroll["offset" + firstUpperCase(this.sizeName)];
       var currentOffset = this.navOffset;
-
       if (navSize - currentOffset <= containerSize) return;
-
       var newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
-
       this.navOffset = newOffset;
     },
     scrollToActiveTab: function scrollToActiveTab() {
@@ -612,30 +288,36 @@ exports.default = {
       var activeTab = this.$el.querySelector('.is-active');
       if (!activeTab) return;
       var navScroll = this.$refs.navScroll;
+      var isHorizontal = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1;
       var activeTabBounding = activeTab.getBoundingClientRect();
       var navScrollBounding = navScroll.getBoundingClientRect();
-      var navBounding = nav.getBoundingClientRect();
+      var maxOffset = isHorizontal ? nav.offsetWidth - navScrollBounding.width : nav.offsetHeight - navScrollBounding.height;
       var currentOffset = this.navOffset;
       var newOffset = currentOffset;
-
-      if (activeTabBounding.left < navScrollBounding.left) {
-        newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
-      }
-      if (activeTabBounding.right > navScrollBounding.right) {
-        newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
-      }
-      if (navBounding.right < navScrollBounding.right) {
-        newOffset = nav.offsetWidth - navScrollBounding.width;
+      if (isHorizontal) {
+        if (activeTabBounding.left < navScrollBounding.left) {
+          newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
+        }
+        if (activeTabBounding.right > navScrollBounding.right) {
+          newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
+        }
+      } else {
+        if (activeTabBounding.top < navScrollBounding.top) {
+          newOffset = currentOffset - (navScrollBounding.top - activeTabBounding.top);
+        }
+        if (activeTabBounding.bottom > navScrollBounding.bottom) {
+          newOffset = currentOffset + (activeTabBounding.bottom - navScrollBounding.bottom);
+        }
       }
-      this.navOffset = Math.max(newOffset, 0);
+      newOffset = Math.max(newOffset, 0);
+      this.navOffset = Math.min(newOffset, maxOffset);
     },
     update: function update() {
       if (!this.$refs.nav) return;
       var sizeName = this.sizeName;
-      var navSize = this.$refs.nav['offset' + firstUpperCase(sizeName)];
-      var containerSize = this.$refs.navScroll['offset' + firstUpperCase(sizeName)];
+      var navSize = this.$refs.nav["offset" + firstUpperCase(sizeName)];
+      var containerSize = this.$refs.navScroll["offset" + firstUpperCase(sizeName)];
       var currentOffset = this.navOffset;
-
       if (containerSize < navSize) {
         var _currentOffset = this.navOffset;
         this.scrollable = this.scrollable || {};
@@ -653,9 +335,8 @@ exports.default = {
     },
     changeTab: function changeTab(e) {
       var keyCode = e.keyCode;
-      var nextIndex = void 0;
-      var currentIndex = void 0,
-          tabList = void 0;
+      var nextIndex;
+      var currentIndex, tabList;
       if ([37, 38, 39, 40].indexOf(keyCode) !== -1) {
         // 左右上下键更换tab
         tabList = e.currentTarget.querySelectorAll('[role=tab]');
@@ -694,7 +375,6 @@ exports.default = {
     },
     visibilityChangeHandler: function visibilityChangeHandler() {
       var _this = this;
-
       var visibility = document.visibilityState;
       if (visibility === 'hidden') {
         this.focusable = false;
@@ -709,205 +389,454 @@ exports.default = {
     },
     windowFocusHandler: function windowFocusHandler() {
       var _this2 = this;
-
       setTimeout(function () {
         _this2.focusable = true;
       }, 50);
     }
   },
-
   updated: function updated() {
     this.update();
   },
   render: function render(h) {
     var _this3 = this;
-
     var type = this.type,
-        panes = this.panes,
-        editable = this.editable,
-        onTabClick = this.onTabClick,
-        onTabRemove = this.onTabRemove,
-        navStyle = this.navStyle,
-        scrollable = this.scrollable,
-        scrollNext = this.scrollNext,
-        scrollPrev = this.scrollPrev,
-        changeTab = this.changeTab,
-        setFocus = this.setFocus,
-        removeFocus = this.removeFocus;
-
-    var scrollBtn = scrollable ? [h(
-      'span',
-      { 'class': ['el-tabs__nav-prev', scrollable.prev ? '' : 'is-disabled'], on: {
-          'click': scrollPrev
-        }
-      },
-      [h('i', { 'class': 'el-icon-arrow-left' })]
-    ), h(
-      'span',
-      { 'class': ['el-tabs__nav-next', scrollable.next ? '' : 'is-disabled'], on: {
-          'click': scrollNext
-        }
-      },
-      [h('i', { 'class': 'el-icon-arrow-right' })]
-    )] : null;
-
+      panes = this.panes,
+      editable = this.editable,
+      stretch = this.stretch,
+      onTabClick = this.onTabClick,
+      onTabRemove = this.onTabRemove,
+      navStyle = this.navStyle,
+      scrollable = this.scrollable,
+      scrollNext = this.scrollNext,
+      scrollPrev = this.scrollPrev,
+      changeTab = this.changeTab,
+      setFocus = this.setFocus,
+      removeFocus = this.removeFocus;
+    var scrollBtn = scrollable ? [h("span", {
+      "class": ['el-tabs__nav-prev', scrollable.prev ? '' : 'is-disabled'],
+      "on": {
+        "click": scrollPrev
+      }
+    }, [h("i", {
+      "class": "el-icon-arrow-left"
+    })]), h("span", {
+      "class": ['el-tabs__nav-next', scrollable.next ? '' : 'is-disabled'],
+      "on": {
+        "click": scrollNext
+      }
+    }, [h("i", {
+      "class": "el-icon-arrow-right"
+    })])] : null;
     var tabs = this._l(panes, function (pane, index) {
       var _ref;
-
       var tabName = pane.name || pane.index || index;
       var closable = pane.isClosable || editable;
-
-      pane.index = '' + index;
-
-      var btnClose = closable ? h('span', { 'class': 'el-icon-close', on: {
-          'click': function click(ev) {
+      pane.index = "" + index;
+      var btnClose = closable ? h("span", {
+        "class": "el-icon-close",
+        "on": {
+          "click": function click(ev) {
             onTabRemove(pane, ev);
           }
         }
       }) : null;
-
       var tabLabelContent = pane.$slots.label || pane.label;
       var tabindex = pane.active ? 0 : -1;
-      return h(
-        'div',
-        {
-          'class': (_ref = {
-            'el-tabs__item': true
-          }, _ref['is-' + _this3.rootTabs.tabPosition] = true, _ref['is-active'] = pane.active, _ref['is-disabled'] = pane.disabled, _ref['is-closable'] = closable, _ref['is-focus'] = _this3.isFocus, _ref),
-          attrs: { id: 'tab-' + tabName,
-            'aria-controls': 'pane-' + tabName,
-            role: 'tab',
-            'aria-selected': pane.active,
-
-            tabindex: tabindex
+      return h("div", {
+        "class": (_ref = {
+          'el-tabs__item': true
+        }, _ref["is-" + _this3.rootTabs.tabPosition] = true, _ref['is-active'] = pane.active, _ref['is-disabled'] = pane.disabled, _ref['is-closable'] = closable, _ref['is-focus'] = _this3.isFocus, _ref),
+        "attrs": {
+          "id": "tab-" + tabName,
+          "aria-controls": "pane-" + tabName,
+          "role": "tab",
+          "aria-selected": pane.active,
+          "tabindex": tabindex
+        },
+        "key": "tab-" + tabName,
+        "ref": "tabs",
+        "refInFor": true,
+        "on": {
+          "focus": function focus() {
+            setFocus();
+          },
+          "blur": function blur() {
+            removeFocus();
+          },
+          "click": function click(ev) {
+            removeFocus();
+            onTabClick(pane, tabName, ev);
           },
-          ref: 'tabs', refInFor: true,
-          on: {
-            'focus': function focus() {
-              setFocus();
-            },
-            'blur': function blur() {
-              removeFocus();
-            },
-            'click': function click(ev) {
-              removeFocus();onTabClick(pane, tabName, ev);
-            },
-            'keydown': function keydown(ev) {
-              if (closable && (ev.keyCode === 46 || ev.keyCode === 8)) {
-                onTabRemove(pane, ev);
-              }
+          "keydown": function keydown(ev) {
+            if (closable && (ev.keyCode === 46 || ev.keyCode === 8)) {
+              onTabRemove(pane, ev);
             }
           }
-        },
-        [tabLabelContent, btnClose]
-      );
+        }
+      }, [tabLabelContent, btnClose]);
     });
-    return h(
-      'div',
-      { 'class': ['el-tabs__nav-wrap', scrollable ? 'is-scrollable' : '', 'is-' + this.rootTabs.tabPosition] },
-      [scrollBtn, h(
-        'div',
-        { 'class': ['el-tabs__nav-scroll'], ref: 'navScroll' },
-        [h(
-          'div',
-          { 'class': 'el-tabs__nav', ref: 'nav', style: navStyle, attrs: { role: 'tablist' },
-            on: {
-              'keydown': changeTab
-            }
-          },
-          [!type ? h('tab-bar', {
-            attrs: { tabs: panes }
-          }) : null, tabs]
-        )]
-      )]
-    );
+    return h("div", {
+      "class": ['el-tabs__nav-wrap', scrollable ? 'is-scrollable' : '', "is-" + this.rootTabs.tabPosition]
+    }, [scrollBtn, h("div", {
+      "class": ['el-tabs__nav-scroll'],
+      "ref": "navScroll"
+    }, [h("div", {
+      "class": ['el-tabs__nav', "is-" + this.rootTabs.tabPosition, stretch && ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'is-stretch' : ''],
+      "ref": "nav",
+      "style": navStyle,
+      "attrs": {
+        "role": "tablist"
+      },
+      "on": {
+        "keydown": changeTab
+      }
+    }, [!type ? h("tab-bar", {
+      "attrs": {
+        "tabs": panes
+      }
+    }) : null, tabs])])]);
   },
   mounted: function mounted() {
-    (0, _resizeEvent.addResizeListener)(this.$el, this.update);
+    var _this4 = this;
+    (0,resize_event_namespaceObject.addResizeListener)(this.$el, this.update);
     document.addEventListener('visibilitychange', this.visibilityChangeHandler);
     window.addEventListener('blur', this.windowBlurHandler);
     window.addEventListener('focus', this.windowFocusHandler);
+    setTimeout(function () {
+      _this4.scrollToActiveTab();
+    }, 0);
   },
   beforeDestroy: function beforeDestroy() {
-    if (this.$el && this.update) (0, _resizeEvent.removeResizeListener)(this.$el, this.update);
+    if (this.$el && this.update) (0,resize_event_namespaceObject.removeResizeListener)(this.$el, this.update);
     document.removeEventListener('visibilitychange', this.visibilityChangeHandler);
     window.removeEventListener('blur', this.windowBlurHandler);
     window.removeEventListener('focus', this.windowFocusHandler);
   }
-};
-
-/***/ }),
-
-/***/ 92:
-/***/ (function(module, exports, __webpack_require__) {
+});
+;// ./packages/tabs/src/tab-nav.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_tab_navvue_type_script_lang_js = (tab_navvue_type_script_lang_js); 
+;// ./packages/tabs/src/tab-nav.vue
+var tab_nav_render, tab_nav_staticRenderFns
+;
+
+
+
+/* normalize component */
+;
+var tab_nav_component = normalizeComponent(
+  src_tab_navvue_type_script_lang_js,
+  tab_nav_render,
+  tab_nav_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-"use strict";
+/* harmony default export */ const tab_nav = (tab_nav_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/tabs/src/tabs.vue?vue&type=script&lang=js
 
 
-exports.__esModule = true;
-//
-//
-//
-
-exports.default = {
-  name: 'TabBar',
-
+/* harmony default export */ const tabsvue_type_script_lang_js = ({
+  name: 'ElTabs',
+  components: {
+    TabNav: tab_nav
+  },
   props: {
-    tabs: Array
+    type: String,
+    activeName: String,
+    closable: Boolean,
+    addable: Boolean,
+    value: {},
+    editable: Boolean,
+    tabPosition: {
+      type: String,
+      default: 'top'
+    },
+    beforeLeave: Function,
+    stretch: Boolean
   },
-
-  inject: ['rootTabs'],
-
-  computed: {
-    barStyle: {
-      cache: false,
-      get: function get() {
-        var _this = this;
-
-        if (!this.$parent.$refs.tabs) return {};
-        var style = {};
-        var offset = 0;
-        var tabSize = 0;
-        var sizeName = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
-        var sizeDir = sizeName === 'width' ? 'x' : 'y';
-        var firstUpperCase = function firstUpperCase(str) {
-          return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {
-            return L.toUpperCase();
+  provide: function provide() {
+    return {
+      rootTabs: this
+    };
+  },
+  data: function data() {
+    return {
+      currentName: this.value || this.activeName,
+      panes: []
+    };
+  },
+  watch: {
+    activeName: function activeName(value) {
+      this.setCurrentName(value);
+    },
+    value: function value(_value) {
+      this.setCurrentName(_value);
+    },
+    currentName: function currentName(value) {
+      var _this = this;
+      if (this.$refs.nav) {
+        this.$nextTick(function () {
+          _this.$refs.nav.$nextTick(function (_) {
+            _this.$refs.nav.scrollToActiveTab();
           });
-        };
-        this.tabs.every(function (tab, index) {
-          var $el = _this.$parent.$refs.tabs[index];
-          if (!$el) {
-            return false;
-          }
-
-          if (!tab.active) {
-            offset += $el['client' + firstUpperCase(sizeName)];
-            return true;
-          } else {
-            tabSize = $el['client' + firstUpperCase(sizeName)];
-            if (sizeName === 'width' && _this.tabs.length > 1) {
-              tabSize -= index === 0 || index === _this.tabs.length - 1 ? 20 : 40;
-            }
-            return false;
-          }
         });
-
-        if (sizeName === 'width' && offset !== 0) {
-          offset += 20;
+      }
+    }
+  },
+  methods: {
+    calcPaneInstances: function calcPaneInstances(isForceUpdate) {
+      var _this2 = this;
+      if (isForceUpdate === void 0) {
+        isForceUpdate = false;
+      }
+      if (this.$slots.default) {
+        var paneSlots = this.$slots.default.filter(function (vnode) {
+          return vnode.tag && vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'ElTabPane';
+        });
+        // update indeed
+        var panes = paneSlots.map(function (_ref) {
+          var componentInstance = _ref.componentInstance;
+          return componentInstance;
+        });
+        var panesChanged = !(panes.length === this.panes.length && panes.every(function (pane, index) {
+          return pane === _this2.panes[index];
+        }));
+        if (isForceUpdate || panesChanged) {
+          this.panes = panes;
         }
-        var transform = 'translate' + firstUpperCase(sizeDir) + '(' + offset + 'px)';
-        style[sizeName] = tabSize + 'px';
-        style.transform = transform;
-        style.msTransform = transform;
-        style.webkitTransform = transform;
-
-        return style;
+      } else if (this.panes.length !== 0) {
+        this.panes = [];
+      }
+    },
+    handleTabClick: function handleTabClick(tab, tabName, event) {
+      if (tab.disabled) return;
+      this.setCurrentName(tabName);
+      this.$emit('tab-click', tab, event);
+    },
+    handleTabRemove: function handleTabRemove(pane, ev) {
+      if (pane.disabled) return;
+      ev.stopPropagation();
+      this.$emit('edit', pane.name, 'remove');
+      this.$emit('tab-remove', pane.name);
+    },
+    handleTabAdd: function handleTabAdd() {
+      this.$emit('edit', null, 'add');
+      this.$emit('tab-add');
+    },
+    setCurrentName: function setCurrentName(value) {
+      var _this3 = this;
+      var changeCurrentName = function changeCurrentName() {
+        _this3.currentName = value;
+        _this3.$emit('input', value);
+      };
+      if (this.currentName !== value && this.beforeLeave) {
+        var before = this.beforeLeave(value, this.currentName);
+        if (before && before.then) {
+          before.then(function () {
+            changeCurrentName();
+            _this3.$refs.nav && _this3.$refs.nav.removeFocus();
+          }, function () {
+            // https://github.com/ElemeFE/element/pull/14816
+            // ignore promise rejection in `before-leave` hook
+          });
+        } else if (before !== false) {
+          changeCurrentName();
+        }
+      } else {
+        changeCurrentName();
       }
     }
+  },
+  render: function render(h) {
+    var _ref2;
+    var type = this.type,
+      handleTabClick = this.handleTabClick,
+      handleTabRemove = this.handleTabRemove,
+      handleTabAdd = this.handleTabAdd,
+      currentName = this.currentName,
+      panes = this.panes,
+      editable = this.editable,
+      addable = this.addable,
+      tabPosition = this.tabPosition,
+      stretch = this.stretch;
+    var newButton = editable || addable ? h("span", {
+      "class": "el-tabs__new-tab",
+      "on": {
+        "click": handleTabAdd,
+        "keydown": function keydown(ev) {
+          if (ev.keyCode === 13) {
+            handleTabAdd();
+          }
+        }
+      },
+      "attrs": {
+        "tabindex": "0"
+      }
+    }, [h("i", {
+      "class": "el-icon-plus"
+    })]) : null;
+    var navData = {
+      props: {
+        currentName: currentName,
+        onTabClick: handleTabClick,
+        onTabRemove: handleTabRemove,
+        editable: editable,
+        type: type,
+        panes: panes,
+        stretch: stretch
+      },
+      ref: 'nav'
+    };
+    var header = h("div", {
+      "class": ['el-tabs__header', "is-" + tabPosition]
+    }, [newButton, h("tab-nav", helper_default()([{}, navData]))]);
+    var panels = h("div", {
+      "class": "el-tabs__content"
+    }, [this.$slots.default]);
+    return h("div", {
+      "class": (_ref2 = {
+        'el-tabs': true,
+        'el-tabs--card': type === 'card'
+      }, _ref2["el-tabs--" + tabPosition] = true, _ref2['el-tabs--border-card'] = type === 'border-card', _ref2)
+    }, [tabPosition !== 'bottom' ? [header, panels] : [panels, header]]);
+  },
+  created: function created() {
+    if (!this.currentName) {
+      this.setCurrentName('0');
+    }
+    this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
+  },
+  mounted: function mounted() {
+    this.calcPaneInstances();
+  },
+  updated: function updated() {
+    this.calcPaneInstances();
   }
+});
+;// ./packages/tabs/src/tabs.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_tabsvue_type_script_lang_js = (tabsvue_type_script_lang_js); 
+;// ./packages/tabs/src/tabs.vue
+var tabs_render, tabs_staticRenderFns
+;
+
+
+
+/* normalize component */
+;
+var tabs_component = normalizeComponent(
+  src_tabsvue_type_script_lang_js,
+  tabs_render,
+  tabs_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const tabs = (tabs_component.exports);
+;// ./packages/tabs/index.js
+
+
+/* istanbul ignore next */
+tabs.install = function (Vue) {
+  Vue.component(tabs.name, tabs);
 };
+/* harmony default export */ const packages_tabs = (tabs);
 
-/***/ })
+/***/ }
 
-/******/ });
+/******/ 	});
+/************************************************************************/
+/******/ 	// 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__(2183);
+/******/ 	module.exports = __webpack_exports__["default"];
+/******/ 	
+/******/ })()
+;