cy-element-ui 1.0.27 → 1.0.29

package/lib/submenu.js

@@ -82,850 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 199);
+/******/ 	return __webpack_require__(__webpack_require__.s = 138);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("vue");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return on; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return off; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return once; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return hasClass; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addClass; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return removeClass; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getStyle; });
-/* unused harmony export setStyle */
-/* unused harmony export isScroll */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollContainer; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return isInContainer; });
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(16);
-/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(0);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_7__);
-
-
-
-
-
-
-
-/* istanbul ignore next */
-
-
-var isServer = vue__WEBPACK_IMPORTED_MODULE_7___default.a.prototype.$isServer;
-var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
-var MOZ_HACK_REGEXP = /^moz([A-Z])/;
-var ieVersion = isServer ? 0 : Number(document.documentMode);
-
-/* istanbul ignore next */
-var trim = function trim(string) {
-  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
-};
-/* istanbul ignore next */
-var camelCase = function camelCase(name) {
-  return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
-    return offset ? letter.toUpperCase() : letter;
-  }).replace(MOZ_HACK_REGEXP, 'Moz$1');
-};
-
-/* istanbul ignore next */
-var on = function () {
-  if (!isServer && document.addEventListener) {
-    return function (element, event, handler) {
-      if (element && event && handler) {
-        element.addEventListener(event, handler, false);
-      }
-    };
-  } else {
-    return function (element, event, handler) {
-      if (element && event && handler) {
-        element.attachEvent('on' + event, handler);
-      }
-    };
-  }
-}();
-
-/* istanbul ignore next */
-var off = function () {
-  if (!isServer && document.removeEventListener) {
-    return function (element, event, handler) {
-      if (element && event) {
-        element.removeEventListener(event, handler, false);
-      }
-    };
-  } else {
-    return function (element, event, handler) {
-      if (element && event) {
-        element.detachEvent('on' + event, handler);
-      }
-    };
-  }
-}();
-
-/* istanbul ignore next */
-var once = function once(el, event, fn) {
-  var _listener = function listener() {
-    if (fn) {
-      fn.apply(this, arguments);
-    }
-    off(el, event, _listener);
-  };
-  on(el, event, _listener);
-};
-
-/* istanbul ignore next */
-function hasClass(el, cls) {
-  if (!el || !cls) return false;
-  if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
-  if (el.classList) {
-    return el.classList.contains(cls);
-  } else {
-    return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
-  }
-}
-;
-
-/* istanbul ignore next */
-function addClass(el, cls) {
-  if (!el) return;
-  var curClass = el.className;
-  var classes = (cls || '').split(' ');
-  for (var i = 0, j = classes.length; i < j; i++) {
-    var clsName = classes[i];
-    if (!clsName) continue;
-    if (el.classList) {
-      el.classList.add(clsName);
-    } else if (!hasClass(el, clsName)) {
-      curClass += ' ' + clsName;
-    }
-  }
-  if (!el.classList) {
-    el.setAttribute('class', curClass);
-  }
-}
-;
-
-/* istanbul ignore next */
-function removeClass(el, cls) {
-  if (!el || !cls) return;
-  var classes = cls.split(' ');
-  var curClass = ' ' + el.className + ' ';
-  for (var i = 0, j = classes.length; i < j; i++) {
-    var clsName = classes[i];
-    if (!clsName) continue;
-    if (el.classList) {
-      el.classList.remove(clsName);
-    } else if (hasClass(el, clsName)) {
-      curClass = curClass.replace(' ' + clsName + ' ', ' ');
-    }
-  }
-  if (!el.classList) {
-    el.setAttribute('class', trim(curClass));
-  }
-}
-;
-
-/* istanbul ignore next */
-var getStyle = ieVersion < 9 ? function (element, styleName) {
-  if (isServer) return;
-  if (!element || !styleName) return null;
-  styleName = camelCase(styleName);
-  if (styleName === 'float') {
-    styleName = 'styleFloat';
-  }
-  try {
-    switch (styleName) {
-      case 'opacity':
-        try {
-          return element.filters.item('alpha').opacity / 100;
-        } catch (e) {
-          return 1.0;
-        }
-      default:
-        return element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null;
-    }
-  } catch (e) {
-    return element.style[styleName];
-  }
-} : function (element, styleName) {
-  if (isServer) return;
-  if (!element || !styleName) return null;
-  styleName = camelCase(styleName);
-  if (styleName === 'float') {
-    styleName = 'cssFloat';
-  }
-  try {
-    var computed = document.defaultView.getComputedStyle(element, '');
-    return element.style[styleName] || computed ? computed[styleName] : null;
-  } catch (e) {
-    return element.style[styleName];
-  }
-};
-
-/* istanbul ignore next */
-function setStyle(element, styleName, value) {
-  if (!element || !styleName) return;
-  if (typeof styleName === 'object') {
-    for (var prop in styleName) {
-      if (styleName.hasOwnProperty(prop)) {
-        setStyle(element, prop, styleName[prop]);
-      }
-    }
-  } else {
-    styleName = camelCase(styleName);
-    if (styleName === 'opacity' && ieVersion < 9) {
-      element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
-    } else {
-      element.style[styleName] = value;
-    }
-  }
-}
-;
-var isScroll = function isScroll(el, vertical) {
-  if (isServer) return;
-  var determinedDirection = vertical !== null && vertical !== undefined;
-  var overflow = determinedDirection ? vertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x') : getStyle(el, 'overflow');
-  return overflow.match(/(scroll|auto|overlay)/);
-};
-var getScrollContainer = function getScrollContainer(el, vertical) {
-  if (isServer) return;
-  var parent = el;
-  while (parent) {
-    if ([window, document, document.documentElement].includes(parent)) {
-      return window;
-    }
-    if (isScroll(parent, vertical)) {
-      return parent;
-    }
-    parent = parent.parentNode;
-  }
-  return parent;
-};
-var isInContainer = function isInContainer(el, container) {
-  if (isServer || !el || !container) return false;
-  var elRect = el.getBoundingClientRect();
-  var containerRect;
-  if ([window, document, document.documentElement, null, undefined].includes(container)) {
-    containerRect = {
-      top: 0,
-      right: window.innerWidth,
-      bottom: window.innerHeight,
-      left: 0
-    };
-  } else {
-    containerRect = container.getBoundingClientRect();
-  }
-  return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
-};
-
-/***/ }),
-
-/***/ 10:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/web.dom-collections.for-each.js");
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.regexp.to-string.js");
-
-/***/ }),
-
-/***/ 110:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony default export */ __webpack_exports__["a"] = ({
-  inject: ['rootMenu'],
-  computed: {
-    indexPath: function indexPath() {
-      var path = [this.index];
-      var parent = this.$parent;
-      while (parent.$options.componentName !== 'ElMenu') {
-        if (parent.index) {
-          path.unshift(parent.index);
-        }
-        parent = parent.$parent;
-      }
-      return path;
-    },
-    parentMenu: function parentMenu() {
-      var parent = this.$parent;
-      while (parent && ['ElMenu', 'ElSubmenu'].indexOf(parent.$options.componentName) === -1) {
-        parent = parent.$parent;
-      }
-      return parent;
-    },
-    paddingStyle: function paddingStyle() {
-      if (this.rootMenu.mode !== 'vertical') return {};
-      var padding = 20;
-      var parent = this.$parent;
-      if (this.rootMenu.collapse) {
-        padding = 20;
-      } else {
-        while (parent && parent.$options.componentName !== 'ElMenu') {
-          if (parent.$options.componentName === 'ElSubmenu') {
-            padding += 20;
-          }
-          parent = parent.$parent;
-        }
-      }
-      return {
-        paddingLeft: padding + 'px'
-      };
-    }
-  }
-});
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.replace.js");
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.slice.js");
-
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-function _broadcast(componentName, eventName, params) {
-  this.$children.forEach(function (child) {
-    var name = child.$options.componentName;
-    if (name === componentName) {
-      child.$emit.apply(child, [eventName].concat(params));
-    } else {
-      _broadcast.apply(child, [componentName, eventName].concat([params]));
-    }
-  });
-}
-/* harmony default export */ __webpack_exports__["a"] = ({
-  methods: {
-    dispatch: function dispatch(componentName, eventName, params) {
-      var parent = this.$parent || this.$root;
-      var name = parent.$options.componentName;
-      while (parent && (!name || name !== componentName)) {
-        parent = parent.$parent;
-        if (parent) {
-          name = parent.$options.componentName;
-        }
-      }
-      if (parent) {
-        parent.$emit.apply(parent, [eventName].concat(params));
-      }
-    },
-    broadcast: function broadcast(componentName, eventName, params) {
-      _broadcast.call(this, componentName, eventName, params);
-    }
-  }
-});
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony default export */ __webpack_exports__["a"] = (function (target) {
-  for (var i = 1, j = arguments.length; i < j; i++) {
-    var source = arguments[i] || {};
-    for (var prop in source) {
-      if (source.hasOwnProperty(prop)) {
-        var value = source[prop];
-        if (value !== undefined) {
-          target[prop] = value;
-        }
-      }
-    }
-  }
-  return target;
-});
-;
-
-/***/ }),
-
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.match.js");
-
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.object.keys.js");
-
-/***/ }),
-
-/***/ 18:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.filter.js");
-
-/***/ }),
-
-/***/ 199:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
-var es_function_name_js_ = __webpack_require__(5);
-
-// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
-var es_number_constructor_js_ = __webpack_require__(6);
-
-// EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
-var es_object_keys_js_ = __webpack_require__(17);
-
-// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
-var es_object_to_string_js_ = __webpack_require__(3);
-
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
-var web_dom_collections_for_each_js_ = __webpack_require__(10);
-
-// EXTERNAL MODULE: ./src/transitions/collapse-transition.js
-var collapse_transition = __webpack_require__(99);
-
-// EXTERNAL MODULE: ./packages/menu/src/menu-mixin.js
-var menu_mixin = __webpack_require__(110);
-
-// EXTERNAL MODULE: ./src/mixins/emitter.js
-var emitter = __webpack_require__(14);
-
-// EXTERNAL MODULE: ./src/utils/vue-popper.js
-var vue_popper = __webpack_require__(51);
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/submenu.vue?vue&type=script&lang=js
-
-
-
-
-
-
-
-
-
-var poperMixins = {
-  props: {
-    transformOrigin: {
-      type: [Boolean, String],
-      default: false
-    },
-    offset: vue_popper["a" /* default */].props.offset,
-    boundariesPadding: vue_popper["a" /* default */].props.boundariesPadding,
-    popperOptions: vue_popper["a" /* default */].props.popperOptions
-  },
-  data: vue_popper["a" /* default */].data,
-  methods: vue_popper["a" /* default */].methods,
-  beforeDestroy: vue_popper["a" /* default */].beforeDestroy,
-  deactivated: vue_popper["a" /* default */].deactivated
-};
-/* harmony default export */ var submenuvue_type_script_lang_js = ({
-  name: 'ElSubmenu',
-  componentName: 'ElSubmenu',
-  mixins: [menu_mixin["a" /* default */], emitter["a" /* default */], poperMixins],
-  components: {
-    ElCollapseTransition: collapse_transition["a" /* default */]
-  },
-  props: {
-    index: {
-      type: String,
-      required: true
-    },
-    showTimeout: {
-      type: Number,
-      default: 300
-    },
-    hideTimeout: {
-      type: Number,
-      default: 300
-    },
-    popperClass: String,
-    disabled: Boolean,
-    popperAppendToBody: {
-      type: Boolean,
-      default: undefined
-    }
-  },
-  data: function data() {
-    return {
-      popperJS: null,
-      timeout: null,
-      items: {},
-      submenus: {},
-      mouseInChild: false
-    };
-  },
-  watch: {
-    opened: function opened(val) {
-      var _this = this;
-      if (this.isMenuPopup) {
-        this.$nextTick(function (_) {
-          _this.updatePopper();
-        });
-      }
-    }
-  },
-  computed: {
-    // popper option
-    appendToBody: function appendToBody() {
-      return this.popperAppendToBody === undefined ? this.isFirstLevel : this.popperAppendToBody;
-    },
-    menuTransitionName: function menuTransitionName() {
-      return this.rootMenu.collapse ? 'el-zoom-in-left' : 'el-zoom-in-top';
-    },
-    opened: function opened() {
-      return this.rootMenu.openedMenus.indexOf(this.index) > -1;
-    },
-    active: function active() {
-      var isActive = false;
-      var submenus = this.submenus;
-      var items = this.items;
-      Object.keys(items).forEach(function (index) {
-        if (items[index].active) {
-          isActive = true;
-        }
-      });
-      Object.keys(submenus).forEach(function (index) {
-        if (submenus[index].active) {
-          isActive = true;
-        }
-      });
-      return isActive;
-    },
-    hoverBackground: function hoverBackground() {
-      return this.rootMenu.hoverBackground;
-    },
-    backgroundColor: function backgroundColor() {
-      return this.rootMenu.backgroundColor || '';
-    },
-    activeTextColor: function activeTextColor() {
-      return this.rootMenu.activeTextColor || '';
-    },
-    textColor: function textColor() {
-      return this.rootMenu.textColor || '';
-    },
-    mode: function mode() {
-      return this.rootMenu.mode;
-    },
-    isMenuPopup: function isMenuPopup() {
-      return this.rootMenu.isMenuPopup;
-    },
-    titleStyle: function titleStyle() {
-      if (this.mode !== 'horizontal') {
-        return {
-          color: this.textColor
-        };
-      }
-      return {
-        borderBottomColor: this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent',
-        color: this.active ? this.activeTextColor : this.textColor
-      };
-    },
-    isFirstLevel: function isFirstLevel() {
-      var isFirstLevel = true;
-      var parent = this.$parent;
-      while (parent && parent !== this.rootMenu) {
-        if (['ElSubmenu', 'ElMenuItemGroup'].indexOf(parent.$options.componentName) > -1) {
-          isFirstLevel = false;
-          break;
-        } else {
-          parent = parent.$parent;
-        }
-      }
-      return isFirstLevel;
-    }
-  },
-  methods: {
-    handleCollapseToggle: function handleCollapseToggle(value) {
-      if (value) {
-        this.initPopper();
-      } else {
-        this.doDestroy();
-      }
-    },
-    addItem: function addItem(item) {
-      this.$set(this.items, item.index, item);
-    },
-    removeItem: function removeItem(item) {
-      delete this.items[item.index];
-    },
-    addSubmenu: function addSubmenu(item) {
-      this.$set(this.submenus, item.index, item);
-    },
-    removeSubmenu: function removeSubmenu(item) {
-      delete this.submenus[item.index];
-    },
-    handleClick: function handleClick() {
-      var rootMenu = this.rootMenu,
-        disabled = this.disabled;
-      if (rootMenu.menuTrigger === 'hover' && rootMenu.mode === 'horizontal' || rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
-        return;
-      }
-      this.dispatch('ElMenu', 'submenu-click', this);
-    },
-    handleMouseenter: function handleMouseenter(event, showTimeout) {
-      var _this2 = this;
-      if (showTimeout === void 0) {
-        showTimeout = this.showTimeout;
-      }
-      if (!('ActiveXObject' in window) && event.type === 'focus' && !event.relatedTarget) {
-        return;
-      }
-      var rootMenu = this.rootMenu,
-        disabled = this.disabled;
-      if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
-        return;
-      }
-      this.dispatch('ElSubmenu', 'mouse-enter-child');
-      clearTimeout(this.timeout);
-      this.timeout = setTimeout(function () {
-        _this2.rootMenu.openMenu(_this2.index, _this2.indexPath);
-      }, showTimeout);
-      if (this.appendToBody) {
-        this.$parent.$el.dispatchEvent(new MouseEvent('mouseenter'));
-      }
-    },
-    handleMouseleave: function handleMouseleave(deepDispatch) {
-      var _this3 = this;
-      if (deepDispatch === void 0) {
-        deepDispatch = false;
-      }
-      var rootMenu = this.rootMenu;
-      if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical') {
-        return;
-      }
-      this.dispatch('ElSubmenu', 'mouse-leave-child');
-      clearTimeout(this.timeout);
-      this.timeout = setTimeout(function () {
-        !_this3.mouseInChild && _this3.rootMenu.closeMenu(_this3.index);
-      }, this.hideTimeout);
-      if (this.appendToBody && deepDispatch) {
-        if (this.$parent.$options.name === 'ElSubmenu') {
-          this.$parent.handleMouseleave(true);
-        }
-      }
-    },
-    handleTitleMouseenter: function handleTitleMouseenter() {
-      if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
-      var title = this.$refs['submenu-title'];
-      title && (title.style.backgroundColor = this.rootMenu.hoverBackground);
-    },
-    handleTitleMouseleave: function handleTitleMouseleave() {
-      if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
-      var title = this.$refs['submenu-title'];
-      title && (title.style.backgroundColor = this.rootMenu.backgroundColor || '');
-    },
-    updatePlacement: function updatePlacement() {
-      this.currentPlacement = this.mode === 'horizontal' && this.isFirstLevel ? 'bottom-start' : 'right-start';
-    },
-    initPopper: function initPopper() {
-      this.referenceElm = this.$el;
-      this.popperElm = this.$refs.menu;
-      this.updatePlacement();
-    }
-  },
-  created: function created() {
-    var _this4 = this;
-    this.$on('toggle-collapse', this.handleCollapseToggle);
-    this.$on('mouse-enter-child', function () {
-      _this4.mouseInChild = true;
-      clearTimeout(_this4.timeout);
-    });
-    this.$on('mouse-leave-child', function () {
-      _this4.mouseInChild = false;
-      clearTimeout(_this4.timeout);
-    });
-  },
-  mounted: function mounted() {
-    this.parentMenu.addSubmenu(this);
-    this.rootMenu.addSubmenu(this);
-    this.initPopper();
-  },
-  beforeDestroy: function beforeDestroy() {
-    this.parentMenu.removeSubmenu(this);
-    this.rootMenu.removeSubmenu(this);
-  },
-  render: function render(h) {
-    var _this5 = this;
-    var active = this.active,
-      opened = this.opened,
-      paddingStyle = this.paddingStyle,
-      titleStyle = this.titleStyle,
-      backgroundColor = this.backgroundColor,
-      rootMenu = this.rootMenu,
-      currentPlacement = this.currentPlacement,
-      menuTransitionName = this.menuTransitionName,
-      mode = this.mode,
-      disabled = this.disabled,
-      popperClass = this.popperClass,
-      $slots = this.$slots,
-      isFirstLevel = this.isFirstLevel;
-    var popupMenu = h("transition", {
-      "attrs": {
-        "name": menuTransitionName
-      }
-    }, [h("div", {
-      "ref": "menu",
-      "directives": [{
-        name: "show",
-        value: opened
-      }],
-      "class": ["el-menu--" + mode, popperClass],
-      "on": {
-        "mouseenter": function mouseenter($event) {
-          return _this5.handleMouseenter($event, 100);
-        },
-        "mouseleave": function mouseleave() {
-          return _this5.handleMouseleave(true);
-        },
-        "focus": function focus($event) {
-          return _this5.handleMouseenter($event, 100);
-        }
-      }
-    }, [h("ul", {
-      "attrs": {
-        "role": "menu"
-      },
-      "class": ['el-menu el-menu--popup', "el-menu--popup-" + currentPlacement],
-      "style": {
-        backgroundColor: rootMenu.backgroundColor || ''
-      }
-    }, [$slots.default])])]);
-    var inlineMenu = h("el-collapse-transition", [h("ul", {
-      "attrs": {
-        "role": "menu"
-      },
-      "class": "el-menu el-menu--inline",
-      "directives": [{
-        name: "show",
-        value: opened
-      }],
-      "style": {
-        backgroundColor: rootMenu.backgroundColor || ''
-      }
-    }, [$slots.default])]);
-    var submenuTitleIcon = rootMenu.mode === 'horizontal' && isFirstLevel || rootMenu.mode === 'vertical' && !rootMenu.collapse ? 'el-icon-arrow-down' : 'el-icon-arrow-right';
-    return h("li", {
-      "class": {
-        'el-submenu': true,
-        'is-active': active,
-        'is-opened': opened,
-        'is-disabled': disabled
-      },
-      "attrs": {
-        "role": "menuitem",
-        "aria-haspopup": "true",
-        "aria-expanded": opened
-      },
-      "on": {
-        "mouseenter": this.handleMouseenter,
-        "mouseleave": function mouseleave() {
-          return _this5.handleMouseleave(false);
-        },
-        "focus": this.handleMouseenter
-      }
-    }, [h("div", {
-      "class": "el-submenu__title",
-      "ref": "submenu-title",
-      "on": {
-        "click": this.handleClick,
-        "mouseenter": this.handleTitleMouseenter,
-        "mouseleave": this.handleTitleMouseleave
-      },
-      "style": [paddingStyle, titleStyle, {
-        backgroundColor: backgroundColor
-      }]
-    }, [$slots.title, h("i", {
-      "class": ['el-submenu__icon-arrow', submenuTitleIcon]
-    })]), this.isMenuPopup ? popupMenu : inlineMenu]);
-  }
-});
-// CONCATENATED MODULE: ./packages/menu/src/submenu.vue?vue&type=script&lang=js
- /* harmony default export */ var src_submenuvue_type_script_lang_js = (submenuvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(2);
-
-// CONCATENATED MODULE: ./packages/menu/src/submenu.vue
-var render, staticRenderFns
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  src_submenuvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var submenu = (component.exports);
-// CONCATENATED MODULE: ./packages/submenu/index.js
-
-
-
-/* istanbul ignore next */
-submenu.install = function (Vue) {
-  Vue.component(submenu.name, submenu);
-};
-/* harmony default export */ var packages_submenu = __webpack_exports__["default"] = (submenu);
-
-/***/ }),
-
-/***/ 2:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1030,2109 +192,508 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 20:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.map.js");
-
-/***/ }),
-
-/***/ 21:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.concat.js");
-
-/***/ }),
-
-/***/ 22:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.splice.js");
-
-/***/ }),
-
-/***/ 23:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-
-var scrollBarWidth;
-/* harmony default export */ __webpack_exports__["a"] = (function () {
-  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return 0;
-  if (scrollBarWidth !== undefined) return scrollBarWidth;
-  var outer = document.createElement('div');
-  outer.className = 'el-scrollbar__wrap';
-  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;
-});
-;
-
-/***/ }),
-
-/***/ 24:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ 138:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ popup_manager; });
-
-// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
-var es_number_constructor_js_ = __webpack_require__(6);
-
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(0);
-var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
-
-// EXTERNAL MODULE: ./src/utils/merge.js
-var merge = __webpack_require__(15);
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
-var es_array_splice_js_ = __webpack_require__(22);
-
-// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
-var es_object_to_string_js_ = __webpack_require__(3);
-
-// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
-var es_regexp_exec_js_ = __webpack_require__(7);
-
-// EXTERNAL MODULE: external "core-js/modules/es.string.split.js"
-var es_string_split_js_ = __webpack_require__(59);
-
-// EXTERNAL MODULE: external "core-js/modules/es.string.trim.js"
-var es_string_trim_js_ = __webpack_require__(56);
-
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
-var web_dom_collections_for_each_js_ = __webpack_require__(10);
+// EXTERNAL MODULE: external "element-ui/lib/transitions/collapse-transition"
+var collapse_transition_ = __webpack_require__(28);
+var collapse_transition_default = /*#__PURE__*/__webpack_require__.n(collapse_transition_);
 
-// EXTERNAL MODULE: ./src/utils/dom.js
-var utils_dom = __webpack_require__(1);
+// EXTERNAL MODULE: ./packages/menu/src/menu-mixin.js
+var menu_mixin = __webpack_require__(37);
 
-// CONCATENATED MODULE: ./src/utils/popup/popup-manager.js
+// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
+var emitter_ = __webpack_require__(4);
+var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
+// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper"
+var vue_popper_ = __webpack_require__(5);
+var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
 
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/submenu.vue?vue&type=script&lang=js
 
 
 
 
 
 
-var hasModal = false;
-var hasInitZIndex = false;
-var popup_manager_zIndex;
-var popup_manager_getModal = function getModal() {
-  if (external_vue_default.a.prototype.$isServer) return;
-  var modalDom = PopupManager.modalDom;
-  if (modalDom) {
-    hasModal = true;
-  } else {
-    hasModal = false;
-    modalDom = document.createElement('div');
-    PopupManager.modalDom = modalDom;
-    modalDom.addEventListener('touchmove', function (event) {
-      event.preventDefault();
-      event.stopPropagation();
-    });
-    modalDom.addEventListener('click', function () {
-      PopupManager.doOnModalClick && PopupManager.doOnModalClick();
-    });
-  }
-  return modalDom;
-};
-var instances = {};
-var PopupManager = {
-  modalFade: true,
-  getInstance: function getInstance(id) {
-    return instances[id];
-  },
-  register: function register(id, instance) {
-    if (id && instance) {
-      instances[id] = instance;
-    }
-  },
-  deregister: function deregister(id) {
-    if (id) {
-      instances[id] = null;
-      delete instances[id];
-    }
-  },
-  nextZIndex: function nextZIndex() {
-    return PopupManager.zIndex++;
-  },
-  modalStack: [],
-  doOnModalClick: function doOnModalClick() {
-    var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
-    if (!topItem) return;
-    var instance = PopupManager.getInstance(topItem.id);
-    if (instance && instance.closeOnClickModal) {
-      instance.close();
-    }
-  },
-  openModal: function openModal(id, zIndex, dom, modalClass, modalFade) {
-    if (external_vue_default.a.prototype.$isServer) return;
-    if (!id || zIndex === undefined) return;
-    this.modalFade = modalFade;
-    var modalStack = this.modalStack;
-    for (var i = 0, j = modalStack.length; i < j; i++) {
-      var item = modalStack[i];
-      if (item.id === id) {
-        return;
-      }
-    }
-    var modalDom = popup_manager_getModal();
-    Object(utils_dom["a" /* addClass */])(modalDom, 'v-modal');
-    if (this.modalFade && !hasModal) {
-      Object(utils_dom["a" /* addClass */])(modalDom, 'v-modal-enter');
-    }
-    if (modalClass) {
-      var classArr = modalClass.trim().split(/\s+/);
-      classArr.forEach(function (item) {
-        return Object(utils_dom["a" /* addClass */])(modalDom, item);
-      });
-    }
-    setTimeout(function () {
-      Object(utils_dom["i" /* removeClass */])(modalDom, 'v-modal-enter');
-    }, 200);
-    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
-      dom.parentNode.appendChild(modalDom);
-    } else {
-      document.body.appendChild(modalDom);
-    }
-    if (zIndex) {
-      modalDom.style.zIndex = zIndex;
-    }
-    modalDom.tabIndex = 0;
-    modalDom.style.display = '';
-    this.modalStack.push({
-      id: id,
-      zIndex: zIndex,
-      modalClass: modalClass
-    });
-  },
-  closeModal: function closeModal(id) {
-    var modalStack = this.modalStack;
-    var modalDom = popup_manager_getModal();
-    if (modalStack.length > 0) {
-      var topItem = modalStack[modalStack.length - 1];
-      if (topItem.id === id) {
-        if (topItem.modalClass) {
-          var classArr = topItem.modalClass.trim().split(/\s+/);
-          classArr.forEach(function (item) {
-            return Object(utils_dom["i" /* removeClass */])(modalDom, item);
-          });
-        }
-        modalStack.pop();
-        if (modalStack.length > 0) {
-          modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
-        }
-      } else {
-        for (var i = modalStack.length - 1; i >= 0; i--) {
-          if (modalStack[i].id === id) {
-            modalStack.splice(i, 1);
-            break;
-          }
-        }
-      }
-    }
-    if (modalStack.length === 0) {
-      if (this.modalFade) {
-        Object(utils_dom["a" /* addClass */])(modalDom, 'v-modal-leave');
-      }
-      setTimeout(function () {
-        if (modalStack.length === 0) {
-          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
-          modalDom.style.display = 'none';
-          PopupManager.modalDom = undefined;
-        }
-        Object(utils_dom["i" /* removeClass */])(modalDom, 'v-modal-leave');
-      }, 200);
-    }
-  }
-};
-Object.defineProperty(PopupManager, 'zIndex', {
-  configurable: true,
-  get: function get() {
-    if (!hasInitZIndex) {
-      popup_manager_zIndex = popup_manager_zIndex || (external_vue_default.a.prototype.$ELEMENT || {}).zIndex || 2000;
-      hasInitZIndex = true;
-    }
-    return popup_manager_zIndex;
-  },
-  set: function set(value) {
-    popup_manager_zIndex = value;
-  }
-});
-var popup_manager_getTopPopup = function getTopPopup() {
-  if (external_vue_default.a.prototype.$isServer) return;
-  if (PopupManager.modalStack.length > 0) {
-    var topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
-    if (!topPopup) return;
-    var instance = PopupManager.getInstance(topPopup.id);
-    return instance;
-  }
+var poperMixins = {
+	props: {
+		transformOrigin: {
+			type: [Boolean, String],
+			default: false
+		},
+		offset: vue_popper_default.a.props.offset,
+		boundariesPadding: vue_popper_default.a.props.boundariesPadding,
+		popperOptions: vue_popper_default.a.props.popperOptions
+	},
+	data: vue_popper_default.a.data,
+	methods: vue_popper_default.a.methods,
+	beforeDestroy: vue_popper_default.a.beforeDestroy,
+	deactivated: vue_popper_default.a.deactivated
 };
-if (!external_vue_default.a.prototype.$isServer) {
-  // handle `esc` key when the popup is shown
-  window.addEventListener('keydown', function (event) {
-    if (event.keyCode === 27) {
-      var topPopup = popup_manager_getTopPopup();
-      if (topPopup && topPopup.closeOnPressEscape) {
-        topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close();
-      }
-    }
-  });
-}
-/* harmony default export */ var popup_manager = (PopupManager);
-// EXTERNAL MODULE: ./src/utils/scrollbar-width.js
-var scrollbar_width = __webpack_require__(23);
-
-// CONCATENATED MODULE: ./src/utils/popup/index.js
-
-
-
-
-
-
-var idSeed = 1;
-var scrollBarWidth;
-/* harmony default export */ var popup = __webpack_exports__["b"] = ({
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    openDelay: {},
-    closeDelay: {},
-    zIndex: {},
-    modal: {
-      type: Boolean,
-      default: false
-    },
-    modalFade: {
-      type: Boolean,
-      default: true
-    },
-    modalClass: {},
-    modalAppendToBody: {
-      type: Boolean,
-      default: false
-    },
-    lockScroll: {
-      type: Boolean,
-      default: true
-    },
-    closeOnPressEscape: {
-      type: Boolean,
-      default: false
-    },
-    closeOnClickModal: {
-      type: Boolean,
-      default: false
-    }
-  },
-  beforeMount: function beforeMount() {
-    this._popupId = 'popup-' + idSeed++;
-    popup_manager.register(this._popupId, this);
-  },
-  beforeDestroy: function beforeDestroy() {
-    popup_manager.deregister(this._popupId);
-    popup_manager.closeModal(this._popupId);
-    this.restoreBodyStyle();
-  },
-  data: function data() {
-    return {
-      opened: false,
-      bodyPaddingRight: null,
-      computedBodyPaddingRight: 0,
-      withoutHiddenClass: true,
-      rendered: false
-    };
-  },
-  watch: {
-    visible: function visible(val) {
-      var _this = this;
-      if (val) {
-        if (this._opening) return;
-        if (!this.rendered) {
-          this.rendered = true;
-          external_vue_default.a.nextTick(function () {
-            _this.open();
-          });
-        } else {
-          this.open();
-        }
-      } else {
-        this.close();
-      }
-    }
-  },
-  methods: {
-    open: function open(options) {
-      var _this2 = this;
-      if (!this.rendered) {
-        this.rendered = true;
-      }
-      var props = Object(merge["a" /* default */])({}, this.$props || this, options);
-      if (this._closeTimer) {
-        clearTimeout(this._closeTimer);
-        this._closeTimer = null;
-      }
-      clearTimeout(this._openTimer);
-      var openDelay = Number(props.openDelay);
-      if (openDelay > 0) {
-        this._openTimer = setTimeout(function () {
-          _this2._openTimer = null;
-          _this2.doOpen(props);
-        }, openDelay);
-      } else {
-        this.doOpen(props);
-      }
-    },
-    doOpen: function doOpen(props) {
-      if (this.$isServer) return;
-      if (this.willOpen && !this.willOpen()) return;
-      if (this.opened) return;
-      this._opening = true;
-      var dom = this.$el;
-      var modal = props.modal;
-      var zIndex = props.zIndex;
-      if (zIndex) {
-        popup_manager.zIndex = zIndex;
-      }
-      if (modal) {
-        if (this._closing) {
-          popup_manager.closeModal(this._popupId);
-          this._closing = false;
-        }
-        popup_manager.openModal(this._popupId, popup_manager.nextZIndex(), this.modalAppendToBody ? undefined : dom, props.modalClass, props.modalFade);
-        if (props.lockScroll) {
-          this.withoutHiddenClass = !Object(utils_dom["d" /* hasClass */])(document.body, 'el-popup-parent--hidden');
-          if (this.withoutHiddenClass) {
-            this.bodyPaddingRight = document.body.style.paddingRight;
-            this.computedBodyPaddingRight = parseInt(Object(utils_dom["c" /* getStyle */])(document.body, 'paddingRight'), 10);
-          }
-          scrollBarWidth = Object(scrollbar_width["a" /* default */])();
-          var bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-          var bodyOverflowY = Object(utils_dom["c" /* getStyle */])(document.body, 'overflowY');
-          if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === 'scroll') && this.withoutHiddenClass) {
-            document.body.style.paddingRight = this.computedBodyPaddingRight + scrollBarWidth + 'px';
-          }
-          Object(utils_dom["a" /* addClass */])(document.body, 'el-popup-parent--hidden');
-        }
-      }
-      if (getComputedStyle(dom).position === 'static') {
-        dom.style.position = 'absolute';
-      }
-      dom.style.zIndex = popup_manager.nextZIndex();
-      this.opened = true;
-      this.onOpen && this.onOpen();
-      this.doAfterOpen();
-    },
-    doAfterOpen: function doAfterOpen() {
-      this._opening = false;
-    },
-    close: function close() {
-      var _this3 = this;
-      if (this.willClose && !this.willClose()) return;
-      if (this._openTimer !== null) {
-        clearTimeout(this._openTimer);
-        this._openTimer = null;
-      }
-      clearTimeout(this._closeTimer);
-      var closeDelay = Number(this.closeDelay);
-      if (closeDelay > 0) {
-        this._closeTimer = setTimeout(function () {
-          _this3._closeTimer = null;
-          _this3.doClose();
-        }, closeDelay);
-      } else {
-        this.doClose();
-      }
-    },
-    doClose: function doClose() {
-      this._closing = true;
-      this.onClose && this.onClose();
-      if (this.lockScroll) {
-        setTimeout(this.restoreBodyStyle, 200);
-      }
-      this.opened = false;
-      this.doAfterClose();
-    },
-    doAfterClose: function doAfterClose() {
-      popup_manager.closeModal(this._popupId);
-      this._closing = false;
-    },
-    restoreBodyStyle: function restoreBodyStyle() {
-      if (this.modal && this.withoutHiddenClass) {
-        document.body.style.paddingRight = this.bodyPaddingRight;
-        Object(utils_dom["i" /* removeClass */])(document.body, 'el-popup-parent--hidden');
-      }
-      this.withoutHiddenClass = true;
-    }
-  }
-});
-
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.object.to-string.js");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.function.name.js");
-
-/***/ }),
-
-/***/ 51:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
 
+/* harmony default export */ var submenuvue_type_script_lang_js = ({
+	name: 'ElSubmenu',
+
+	componentName: 'ElSubmenu',
+
+	mixins: [menu_mixin["a" /* default */], emitter_default.a, poperMixins],
+
+	components: { ElCollapseTransition: collapse_transition_default.a },
+
+	props: {
+		index: {
+			type: String,
+			required: true
+		},
+		showTimeout: {
+			type: Number,
+			default: 300
+		},
+		hideTimeout: {
+			type: Number,
+			default: 300
+		},
+		popperClass: String,
+		disabled: Boolean,
+		popperAppendToBody: {
+			type: Boolean,
+			default: undefined
+		}
+	},
+
+	data: function data() {
+		return {
+			popperJS: null,
+			timeout: null,
+			items: {},
+			submenus: {},
+			mouseInChild: false
+		};
+	},
+
+	watch: {
+		opened: function opened(val) {
+			var _this = this;
+
+			if (this.isMenuPopup) {
+				this.$nextTick(function (_) {
+					_this.updatePopper();
+				});
+			}
+		}
+	},
+	computed: {
+		// popper option
+		appendToBody: function appendToBody() {
+			return this.popperAppendToBody === undefined ? this.isFirstLevel : this.popperAppendToBody;
+		},
+		menuTransitionName: function menuTransitionName() {
+			return this.rootMenu.collapse ? 'el-zoom-in-left' : 'el-zoom-in-top';
+		},
+		opened: function opened() {
+			return this.rootMenu.openedMenus.indexOf(this.index) > -1;
+		},
+		active: function active() {
+			var isActive = false;
+			var submenus = this.submenus;
+			var items = this.items;
+
+			Object.keys(items).forEach(function (index) {
+				if (items[index].active) {
+					isActive = true;
+				}
+			});
+
+			Object.keys(submenus).forEach(function (index) {
+				if (submenus[index].active) {
+					isActive = true;
+				}
+			});
+
+			return isActive;
+		},
+		hoverBackground: function hoverBackground() {
+			return this.rootMenu.hoverBackground;
+		},
+		backgroundColor: function backgroundColor() {
+			return this.rootMenu.backgroundColor || '';
+		},
+		activeTextColor: function activeTextColor() {
+			return this.rootMenu.activeTextColor || '';
+		},
+		textColor: function textColor() {
+			return this.rootMenu.textColor || '';
+		},
+		mode: function mode() {
+			return this.rootMenu.mode;
+		},
+		isMenuPopup: function isMenuPopup() {
+			return this.rootMenu.isMenuPopup;
+		},
+		titleStyle: function titleStyle() {
+			if (this.mode !== 'horizontal') {
+				return {
+					color: this.textColor
+				};
+			}
+			return {
+				borderBottomColor: this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent',
+				color: this.active ? this.activeTextColor : this.textColor
+			};
+		},
+		isFirstLevel: function isFirstLevel() {
+			var isFirstLevel = true;
+			var parent = this.$parent;
+			while (parent && parent !== this.rootMenu) {
+				if (['ElSubmenu', 'ElMenuItemGroup'].indexOf(parent.$options.componentName) > -1) {
+					isFirstLevel = false;
+					break;
+				} else {
+					parent = parent.$parent;
+				}
+			}
+			return isFirstLevel;
+		}
+	},
+	methods: {
+		handleCollapseToggle: function handleCollapseToggle(value) {
+			if (value) {
+				this.initPopper();
+			} else {
+				this.doDestroy();
+			}
+		},
+		addItem: function addItem(item) {
+			this.$set(this.items, item.index, item);
+		},
+		removeItem: function removeItem(item) {
+			delete this.items[item.index];
+		},
+		addSubmenu: function addSubmenu(item) {
+			this.$set(this.submenus, item.index, item);
+		},
+		removeSubmenu: function removeSubmenu(item) {
+			delete this.submenus[item.index];
+		},
+		handleClick: function handleClick() {
+			var rootMenu = this.rootMenu,
+			    disabled = this.disabled;
+
+			if (rootMenu.menuTrigger === 'hover' && rootMenu.mode === 'horizontal' || rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
+				return;
+			}
+			this.dispatch('ElMenu', 'submenu-click', this);
+		},
+		handleMouseenter: function handleMouseenter(event) {
+			var _this2 = this;
 
+			var showTimeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.showTimeout;
 
+			if (!('ActiveXObject' in window) && event.type === 'focus' && !event.relatedTarget) {
+				return;
+			}
+			var rootMenu = this.rootMenu,
+			    disabled = this.disabled;
 
+			if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
+				return;
+			}
+			this.dispatch('ElSubmenu', 'mouse-enter-child');
+			clearTimeout(this.timeout);
+			this.timeout = setTimeout(function () {
+				_this2.rootMenu.openMenu(_this2.index, _this2.indexPath);
+			}, showTimeout);
+
+			if (this.appendToBody) {
+				this.$parent.$el.dispatchEvent(new MouseEvent('mouseenter'));
+			}
+		},
+		handleMouseleave: function handleMouseleave() {
+			var _this3 = this;
 
-var PopperJS = vue__WEBPACK_IMPORTED_MODULE_3___default.a.prototype.$isServer ? function () {} : __webpack_require__(71);
-var stop = function stop(e) {
-  return e.stopPropagation();
-};
+			var deepDispatch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+			var rootMenu = this.rootMenu;
 
-/**
- * @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.
- * @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper.
- * @param {String} [placement=button] - Placement of the popper accepted values: top(-start, -end), right(-start, -end), bottom(-start, -end), left(-start, -end)
- * @param {Number} [offset=0] - Amount of pixels the popper will be shifted (can be negative).
- * @param {Boolean} [visible=false] Visibility of the popup element.
- * @param {Boolean} [visible-arrow=false] Visibility of the arrow, no style.
- */
-/* harmony default export */ __webpack_exports__["a"] = ({
-  props: {
-    transformOrigin: {
-      type: [Boolean, String],
-      default: true
-    },
-    placement: {
-      type: String,
-      default: 'bottom'
-    },
-    boundariesPadding: {
-      type: Number,
-      default: 5
-    },
-    reference: {},
-    popper: {},
-    offset: {
-      default: 0
-    },
-    value: Boolean,
-    visibleArrow: Boolean,
-    arrowOffset: {
-      type: Number,
-      default: 35
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    },
-    popperOptions: {
-      type: Object,
-      default: function _default() {
-        return {
-          gpuAcceleration: false
-        };
-      }
-    }
-  },
-  data: function data() {
-    return {
-      showPopper: false,
-      currentPlacement: ''
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler: function handler(val) {
-        this.showPopper = val;
-        this.$emit('input', val);
-      }
-    },
-    showPopper: function showPopper(val) {
-      if (this.disabled) return;
-      val ? this.updatePopper() : this.destroyPopper();
-      this.$emit('input', val);
-    }
-  },
-  methods: {
-    createPopper: function createPopper() {
-      var _this = this;
-      if (this.$isServer) return;
-      this.currentPlacement = this.currentPlacement || this.placement;
-      if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) {
-        return;
-      }
-      var options = this.popperOptions;
-      var popper = this.popperElm = this.popperElm || this.popper || this.$refs.popper;
-      var reference = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference;
-      if (!reference && this.$slots.reference && this.$slots.reference[0]) {
-        reference = this.referenceElm = this.$slots.reference[0].elm;
-      }
-      if (!popper || !reference) return;
-      if (this.visibleArrow) this.appendArrow(popper);
-      if (this.appendToBody) document.body.appendChild(this.popperElm);
-      if (this.popperJS && this.popperJS.destroy) {
-        this.popperJS.destroy();
-      }
-      options.placement = this.currentPlacement;
-      options.offset = this.offset;
-      options.arrowOffset = this.arrowOffset;
-      this.popperJS = new PopperJS(reference, popper, options);
-      this.popperJS.onCreate(function (_) {
-        _this.$emit('created', _this);
-        _this.resetTransformOrigin();
-        _this.$nextTick(_this.updatePopper);
-      });
-      if (typeof options.onUpdate === 'function') {
-        this.popperJS.onUpdate(options.onUpdate);
-      }
-      this.popperJS._popper.style.zIndex = _popup__WEBPACK_IMPORTED_MODULE_4__[/* PopupManager */ "a"].nextZIndex();
-      this.popperElm.addEventListener('click', stop);
-    },
-    updatePopper: function updatePopper() {
-      var popperJS = this.popperJS;
-      if (popperJS) {
-        popperJS.update();
-        if (popperJS._popper) {
-          popperJS._popper.style.zIndex = _popup__WEBPACK_IMPORTED_MODULE_4__[/* PopupManager */ "a"].nextZIndex();
-        }
-      } else {
-        this.createPopper();
-      }
-    },
-    doDestroy: function doDestroy(forceDestroy) {
-      /* istanbul ignore if */
-      if (!this.popperJS || this.showPopper && !forceDestroy) return;
-      this.popperJS.destroy();
-      this.popperJS = null;
-    },
-    destroyPopper: function destroyPopper() {
-      if (this.popperJS) {
-        this.resetTransformOrigin();
-      }
-    },
-    resetTransformOrigin: function resetTransformOrigin() {
-      if (!this.transformOrigin) return;
-      var placementMap = {
-        top: 'bottom',
-        bottom: 'top',
-        left: 'right',
-        right: 'left'
-      };
-      var placement = this.popperJS._popper.getAttribute('x-placement').split('-')[0];
-      var origin = placementMap[placement];
-      this.popperJS._popper.style.transformOrigin = typeof this.transformOrigin === 'string' ? this.transformOrigin : ['top', 'bottom'].indexOf(placement) > -1 ? "center " + origin : origin + " center";
-    },
-    appendArrow: function appendArrow(element) {
-      var hash;
-      if (this.appended) {
-        return;
-      }
-      this.appended = true;
-      for (var item in element.attributes) {
-        if (/^_v-/.test(element.attributes[item].name)) {
-          hash = element.attributes[item].name;
-          break;
-        }
-      }
-      var arrow = document.createElement('div');
-      if (hash) {
-        arrow.setAttribute(hash, '');
-      }
-      arrow.setAttribute('x-arrow', '');
-      arrow.className = 'popper__arrow';
-      element.appendChild(arrow);
-    }
-  },
-  beforeDestroy: function beforeDestroy() {
-    this.doDestroy(true);
-    if (this.popperElm && this.popperElm.parentNode === document.body) {
-      this.popperElm.removeEventListener('click', stop);
-      document.body.removeChild(this.popperElm);
-    }
-  },
-  // call destroy in keep-alive mode
-  deactivated: function deactivated() {
-    this.$options.beforeDestroy[0].call(this);
-  }
+			if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical') {
+				return;
+			}
+			this.dispatch('ElSubmenu', 'mouse-leave-child');
+			clearTimeout(this.timeout);
+			this.timeout = setTimeout(function () {
+				!_this3.mouseInChild && _this3.rootMenu.closeMenu(_this3.index);
+			}, this.hideTimeout);
+
+			if (this.appendToBody && deepDispatch) {
+				if (this.$parent.$options.name === 'ElSubmenu') {
+					this.$parent.handleMouseleave(true);
+				}
+			}
+		},
+		handleTitleMouseenter: function handleTitleMouseenter() {
+			if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
+			var title = this.$refs['submenu-title'];
+			title && (title.style.backgroundColor = this.rootMenu.hoverBackground);
+		},
+		handleTitleMouseleave: function handleTitleMouseleave() {
+			if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
+			var title = this.$refs['submenu-title'];
+			title && (title.style.backgroundColor = this.rootMenu.backgroundColor || '');
+		},
+		updatePlacement: function updatePlacement() {
+			this.currentPlacement = this.mode === 'horizontal' && this.isFirstLevel ? 'bottom-start' : 'right-start';
+		},
+		initPopper: function initPopper() {
+			this.referenceElm = this.$el;
+			this.popperElm = this.$refs.menu;
+			this.updatePlacement();
+		}
+	},
+	created: function created() {
+		var _this4 = this;
+
+		this.$on('toggle-collapse', this.handleCollapseToggle);
+		this.$on('mouse-enter-child', function () {
+			_this4.mouseInChild = true;
+			clearTimeout(_this4.timeout);
+		});
+		this.$on('mouse-leave-child', function () {
+			_this4.mouseInChild = false;
+			clearTimeout(_this4.timeout);
+		});
+	},
+	mounted: function mounted() {
+		this.parentMenu.addSubmenu(this);
+		this.rootMenu.addSubmenu(this);
+		this.initPopper();
+	},
+	beforeDestroy: function beforeDestroy() {
+		this.parentMenu.removeSubmenu(this);
+		this.rootMenu.removeSubmenu(this);
+	},
+	render: function render(h) {
+		var _this5 = this;
+
+		var active = this.active,
+		    opened = this.opened,
+		    paddingStyle = this.paddingStyle,
+		    titleStyle = this.titleStyle,
+		    backgroundColor = this.backgroundColor,
+		    rootMenu = this.rootMenu,
+		    currentPlacement = this.currentPlacement,
+		    menuTransitionName = this.menuTransitionName,
+		    mode = this.mode,
+		    disabled = this.disabled,
+		    popperClass = this.popperClass,
+		    $slots = this.$slots,
+		    isFirstLevel = this.isFirstLevel;
+
+
+		var popupMenu = h(
+			'transition',
+			{
+				attrs: { name: menuTransitionName }
+			},
+			[h(
+				'div',
+				{
+					ref: 'menu',
+					directives: [{
+						name: 'show',
+						value: opened
+					}],
+
+					'class': ['el-menu--' + mode, popperClass],
+					on: {
+						'mouseenter': function mouseenter($event) {
+							return _this5.handleMouseenter($event, 100);
+						},
+						'mouseleave': function mouseleave() {
+							return _this5.handleMouseleave(true);
+						},
+						'focus': function focus($event) {
+							return _this5.handleMouseenter($event, 100);
+						}
+					}
+				},
+				[h(
+					'ul',
+					{
+						attrs: {
+							role: 'menu'
+						},
+						'class': ['el-menu el-menu--popup', 'el-menu--popup-' + currentPlacement],
+						style: { backgroundColor: rootMenu.backgroundColor || '' } },
+					[$slots.default]
+				)]
+			)]
+		);
+
+		var inlineMenu = h('el-collapse-transition', [h(
+			'ul',
+			{
+				attrs: {
+					role: 'menu'
+				},
+				'class': 'el-menu el-menu--inline',
+				directives: [{
+					name: 'show',
+					value: opened
+				}],
+
+				style: { backgroundColor: rootMenu.backgroundColor || '' } },
+			[$slots.default]
+		)]);
+
+		var submenuTitleIcon = rootMenu.mode === 'horizontal' && isFirstLevel || rootMenu.mode === 'vertical' && !rootMenu.collapse ? 'el-icon-arrow-down' : 'el-icon-arrow-right';
+
+		return h(
+			'li',
+			{
+				'class': {
+					'el-submenu': true,
+					'is-active': active,
+					'is-opened': opened,
+					'is-disabled': disabled
+				},
+				attrs: { role: 'menuitem',
+					'aria-haspopup': 'true',
+					'aria-expanded': opened
+				},
+				on: {
+					'mouseenter': this.handleMouseenter,
+					'mouseleave': function mouseleave() {
+						return _this5.handleMouseleave(false);
+					},
+					'focus': this.handleMouseenter
+				}
+			},
+			[h(
+				'div',
+				{
+					'class': 'el-submenu__title',
+					ref: 'submenu-title',
+					on: {
+						'click': this.handleClick,
+						'mouseenter': this.handleTitleMouseenter,
+						'mouseleave': this.handleTitleMouseleave
+					},
+
+					style: [paddingStyle, titleStyle, { backgroundColor: backgroundColor }]
+				},
+				[$slots.title, h('i', { 'class': ['el-submenu__icon-arrow', submenuTitleIcon] })]
+			), this.isMenuPopup ? popupMenu : inlineMenu]
+		);
+	}
 });
+// CONCATENATED MODULE: ./packages/menu/src/submenu.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_submenuvue_type_script_lang_js = (submenuvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
 
-/***/ }),
-
-/***/ 53:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.includes.js");
-
-/***/ }),
-
-/***/ 56:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.trim.js");
+// CONCATENATED MODULE: ./packages/menu/src/submenu.vue
+var render, staticRenderFns
 
-/***/ }),
 
-/***/ 59:
-/***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.string.split.js");
 
-/***/ }),
+/* normalize component */
 
-/***/ 6:
-/***/ (function(module, exports) {
+var component = Object(componentNormalizer["a" /* default */])(
+  src_submenuvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-module.exports = require("core-js/modules/es.number.constructor.js");
+/* harmony default export */ var submenu = (component.exports);
+// CONCATENATED MODULE: ./packages/submenu/index.js
 
-/***/ }),
 
-/***/ 60:
-/***/ (function(module, exports) {
+/* istanbul ignore next */
+submenu.install = function (Vue) {
+	Vue.component(submenu.name, submenu);
+};
 
-module.exports = require("core-js/modules/es.object.assign.js");
+/* harmony default export */ var packages_submenu = __webpack_exports__["default"] = (submenu);
 
 /***/ }),
 
-/***/ 7:
+/***/ 28:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.regexp.exec.js");
+module.exports = require("element-ui/lib/transitions/collapse-transition");
 
 /***/ }),
 
-/***/ 71:
+/***/ 37:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-__webpack_require__.r(__webpack_exports__);
-/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13);
-/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60);
-/* harmony import */ var core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(73);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(17);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(11);
-/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(12);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(10);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__);
-
-
-
-
-
-
-
-
-
-
-
-/**
- * @fileOverview Kickass library to create and place poppers near their reference elements.
- * @version {{version}}
- * @license
- * Copyright (c) 2016 Federico Zivolo and contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-//
-// Cross module loader
-// Supported: Node, AMD, Browser globals
-//
-;
-(function (root, factory) {
-  if (typeof define === 'function' && __webpack_require__(74)) {
-    // AMD. Register as an anonymous module.
-    define(factory);
-  } else if ( true && module.exports) {
-    // Node. Does not work with strict CommonJS, but
-    // only CommonJS-like environments that support module.exports,
-    // like Node.
-    module.exports = factory();
-  } else {
-    // Browser globals (root is window)
-    root.Popper = factory();
-  }
-})(undefined, function () {
-  'use strict';
-
-  var root = window;
-
-  // default options
-  var DEFAULTS = {
-    // placement of the popper
-    placement: 'bottom',
-    gpuAcceleration: true,
-    // shift popper from its origin by the given amount of pixels (can be negative)
-    offset: 0,
-    // the element which will act as boundary of the popper
-    boundariesElement: 'viewport',
-    // amount of pixel used to define a minimum distance between the boundaries and the popper
-    boundariesPadding: 5,
-    // popper will try to prevent overflow following this order,
-    // by default, then, it could overflow on the left and on top of the boundariesElement
-    preventOverflowOrder: ['left', 'right', 'top', 'bottom'],
-    // the behavior used by flip to change the placement of the popper
-    flipBehavior: 'flip',
-    arrowElement: '[x-arrow]',
-    arrowOffset: 0,
-    // list of functions used to modify the offsets before they are applied to the popper
-    modifiers: ['shift', 'offset', 'preventOverflow', 'keepTogether', 'arrow', 'flip', 'applyStyle'],
-    modifiersIgnored: [],
-    forceAbsolute: false
-  };
-
-  /**
-   * Create a new Popper.js instance
-   * @constructor Popper
-   * @param {HTMLElement} reference - The reference element used to position the popper
-   * @param {HTMLElement|Object} popper
-   *      The HTML element used as popper, or a configuration used to generate the popper.
-   * @param {String} [popper.tagName='div'] The tag name of the generated popper.
-   * @param {Array} [popper.classNames=['popper']] Array of classes to apply to the generated popper.
-   * @param {Array} [popper.attributes] Array of attributes to apply, specify `attr:value` to assign a value to it.
-   * @param {HTMLElement|String} [popper.parent=window.document.body] The parent element, given as HTMLElement or as query string.
-   * @param {String} [popper.content=''] The content of the popper, it can be text, html, or node; if it is not text, set `contentType` to `html` or `node`.
-   * @param {String} [popper.contentType='text'] If `html`, the `content` will be parsed as HTML. If `node`, it will be appended as-is.
-   * @param {String} [popper.arrowTagName='div'] Same as `popper.tagName` but for the arrow element.
-   * @param {Array} [popper.arrowClassNames='popper__arrow'] Same as `popper.classNames` but for the arrow element.
-   * @param {String} [popper.arrowAttributes=['x-arrow']] Same as `popper.attributes` but for the arrow element.
-   * @param {Object} options
-   * @param {String} [options.placement=bottom]
-   *      Placement of the popper accepted values: `top(-start, -end), right(-start, -end), bottom(-start, -right),
-   *      left(-start, -end)`
-   *
-   * @param {HTMLElement|String} [options.arrowElement='[x-arrow]']
-   *      The DOM Node used as arrow for the popper, or a CSS selector used to get the DOM node. It must be child of
-   *      its parent Popper. Popper.js will apply to the given element the style required to align the arrow with its
-   *      reference element.
-   *      By default, it will look for a child node of the popper with the `x-arrow` attribute.
-   *
-   * @param {Boolean} [options.gpuAcceleration=true]
-   *      When this property is set to true, the popper position will be applied using CSS3 translate3d, allowing the
-   *      browser to use the GPU to accelerate the rendering.
-   *      If set to false, the popper will be placed using `top` and `left` properties, not using the GPU.
-   *
-   * @param {Number} [options.offset=0]
-   *      Amount of pixels the popper will be shifted (can be negative).
-   *
-   * @param {String|Element} [options.boundariesElement='viewport']
-   *      The element which will define the boundaries of the popper position, the popper will never be placed outside
-   *      of the defined boundaries (except if `keepTogether` is enabled)
-   *
-   * @param {Number} [options.boundariesPadding=5]
-   *      Additional padding for the boundaries
-   *
-   * @param {Array} [options.preventOverflowOrder=['left', 'right', 'top', 'bottom']]
-   *      Order used when Popper.js tries to avoid overflows from the boundaries, they will be checked in order,
-   *      this means that the last ones will never overflow
-   *
-   * @param {String|Array} [options.flipBehavior='flip']
-   *      The behavior used by the `flip` modifier to change the placement of the popper when the latter is trying to
-   *      overlap its reference element. Defining `flip` as value, the placement will be flipped on
-   *      its axis (`right - left`, `top - bottom`).
-   *      You can even pass an array of placements (eg: `['right', 'left', 'top']` ) to manually specify
-   *      how alter the placement when a flip is needed. (eg. in the above example, it would first flip from right to left,
-   *      then, if even in its new placement, the popper is overlapping its reference element, it will be moved to top)
-   *
-   * @param {Array} [options.modifiers=[ 'shift', 'offset', 'preventOverflow', 'keepTogether', 'arrow', 'flip', 'applyStyle']]
-   *      List of functions used to modify the data before they are applied to the popper, add your custom functions
-   *      to this array to edit the offsets and placement.
-   *      The function should reflect the @params and @returns of preventOverflow
-   *
-   * @param {Array} [options.modifiersIgnored=[]]
-   *      Put here any built-in modifier name you want to exclude from the modifiers list
-   *      The function should reflect the @params and @returns of preventOverflow
-   *
-   * @param {Boolean} [options.removeOnDestroy=false]
-   *      Set to true if you want to automatically remove the popper when you call the `destroy` method.
-   */
-  function Popper(reference, popper, options) {
-    this._reference = reference.jquery ? reference[0] : reference;
-    this.state = {};
-
-    // if the popper variable is a configuration object, parse it to generate an HTMLElement
-    // generate a default popper if is not defined
-    var isNotDefined = typeof popper === 'undefined' || popper === null;
-    var isConfig = popper && Object.prototype.toString.call(popper) === '[object Object]';
-    if (isNotDefined || isConfig) {
-      this._popper = this.parse(isConfig ? popper : {});
-    }
-    // otherwise, use the given HTMLElement as popper
-    else {
-      this._popper = popper.jquery ? popper[0] : popper;
-    }
-
-    // with {} we create a new object with the options inside it
-    this._options = Object.assign({}, DEFAULTS, options);
-
-    // refactoring modifiers' list
-    this._options.modifiers = this._options.modifiers.map(function (modifier) {
-      // remove ignored modifiers
-      if (this._options.modifiersIgnored.indexOf(modifier) !== -1) return;
-
-      // set the x-placement attribute before everything else because it could be used to add margins to the popper
-      // margins needs to be calculated to get the correct popper offsets
-      if (modifier === 'applyStyle') {
-        this._popper.setAttribute('x-placement', this._options.placement);
-      }
-
-      // return predefined modifier identified by string or keep the custom one
-      return this.modifiers[modifier] || modifier;
-    }.bind(this));
-
-    // make sure to apply the popper position before any computation
-    this.state.position = this._getPosition(this._popper, this._reference);
-    setStyle(this._popper, {
-      position: this.state.position,
-      top: 0
-    });
-
-    // fire the first update to position the popper in the right place
-    this.update();
-
-    // setup event listeners, they will take care of update the position in specific situations
-    this._setupEventListeners();
-    return this;
-  }
-
-  //
-  // Methods
-  //
-  /**
-   * Destroy the popper
-   * @method
-   * @memberof Popper
-   */
-  Popper.prototype.destroy = function () {
-    this._popper.removeAttribute('x-placement');
-    this._popper.style.left = '';
-    this._popper.style.position = '';
-    this._popper.style.top = '';
-    this._popper.style[getSupportedPropertyName('transform')] = '';
-    this._removeEventListeners();
-
-    // remove the popper if user explicity asked for the deletion on destroy
-    if (this._options.removeOnDestroy) {
-      this._popper.remove();
-    }
-    return this;
-  };
-
-  /**
-   * Updates the position of the popper, computing the new offsets and applying the new style
-   * @method
-   * @memberof Popper
-   */
-  Popper.prototype.update = function () {
-    var data = {
-      instance: this,
-      styles: {}
-    };
-
-    // store placement inside the data object, modifiers will be able to edit `placement` if needed
-    // and refer to _originalPlacement to know the original value
-    data.placement = this._options.placement;
-    data._originalPlacement = this._options.placement;
-
-    // compute the popper and reference offsets and put them inside data.offsets
-    data.offsets = this._getOffsets(this._popper, this._reference, data.placement);
-
-    // get boundaries
-    data.boundaries = this._getBoundaries(data, this._options.boundariesPadding, this._options.boundariesElement);
-    data = this.runModifiers(data, this._options.modifiers);
-    if (typeof this.state.updateCallback === 'function') {
-      this.state.updateCallback(data);
-    }
-  };
-
-  /**
-   * If a function is passed, it will be executed after the initialization of popper with as first argument the Popper instance.
-   * @method
-   * @memberof Popper
-   * @param {Function} callback
-   */
-  Popper.prototype.onCreate = function (callback) {
-    // the createCallbacks return as first argument the popper instance
-    callback(this);
-    return this;
-  };
-
-  /**
-   * If a function is passed, it will be executed after each update of popper with as first argument the set of coordinates and informations
-   * used to style popper and its arrow.
-   * NOTE: it doesn't get fired on the first call of the `Popper.update()` method inside the `Popper` constructor!
-   * @method
-   * @memberof Popper
-   * @param {Function} callback
-   */
-  Popper.prototype.onUpdate = function (callback) {
-    this.state.updateCallback = callback;
-    return this;
-  };
-
-  /**
-   * Helper used to generate poppers from a configuration file
-   * @method
-   * @memberof Popper
-   * @param config {Object} configuration
-   * @returns {HTMLElement} popper
-   */
-  Popper.prototype.parse = function (config) {
-    var defaultConfig = {
-      tagName: 'div',
-      classNames: ['popper'],
-      attributes: [],
-      parent: root.document.body,
-      content: '',
-      contentType: 'text',
-      arrowTagName: 'div',
-      arrowClassNames: ['popper__arrow'],
-      arrowAttributes: ['x-arrow']
-    };
-    config = Object.assign({}, defaultConfig, config);
-    var d = root.document;
-    var popper = d.createElement(config.tagName);
-    addClassNames(popper, config.classNames);
-    addAttributes(popper, config.attributes);
-    if (config.contentType === 'node') {
-      popper.appendChild(config.content.jquery ? config.content[0] : config.content);
-    } else if (config.contentType === 'html') {
-      popper.innerHTML = config.content;
-    } else {
-      popper.textContent = config.content;
-    }
-    if (config.arrowTagName) {
-      var arrow = d.createElement(config.arrowTagName);
-      addClassNames(arrow, config.arrowClassNames);
-      addAttributes(arrow, config.arrowAttributes);
-      popper.appendChild(arrow);
-    }
-    var parent = config.parent.jquery ? config.parent[0] : config.parent;
-
-    // if the given parent is a string, use it to match an element
-    // if more than one element is matched, the first one will be used as parent
-    // if no elements are matched, the script will throw an error
-    if (typeof parent === 'string') {
-      parent = d.querySelectorAll(config.parent);
-      if (parent.length > 1) {
-        console.warn('WARNING: the given `parent` query(' + config.parent + ') matched more than one element, the first one will be used');
-      }
-      if (parent.length === 0) {
-        throw 'ERROR: the given `parent` doesn\'t exists!';
-      }
-      parent = parent[0];
-    }
-    // if the given parent is a DOM nodes list or an array of nodes with more than one element,
-    // the first one will be used as parent
-    if (parent.length > 1 && parent instanceof Element === false) {
-      console.warn('WARNING: you have passed as parent a list of elements, the first one will be used');
-      parent = parent[0];
-    }
-
-    // append the generated popper to its parent
-    parent.appendChild(popper);
-    return popper;
-
-    /**
-     * Adds class names to the given element
-     * @function
-     * @ignore
-     * @param {HTMLElement} target
-     * @param {Array} classes
-     */
-    function addClassNames(element, classNames) {
-      classNames.forEach(function (className) {
-        element.classList.add(className);
-      });
-    }
-
-    /**
-     * Adds attributes to the given element
-     * @function
-     * @ignore
-     * @param {HTMLElement} target
-     * @param {Array} attributes
-     * @example
-     * addAttributes(element, [ 'data-info:foobar' ]);
-     */
-    function addAttributes(element, attributes) {
-      attributes.forEach(function (attribute) {
-        element.setAttribute(attribute.split(':')[0], attribute.split(':')[1] || '');
-      });
-    }
-  };
-
-  /**
-   * Helper used to get the position which will be applied to the popper
-   * @method
-   * @memberof Popper
-   * @param config {HTMLElement} popper element
-   * @param reference {HTMLElement} reference element
-   * @returns {String} position
-   */
-  Popper.prototype._getPosition = function (popper, reference) {
-    var container = getOffsetParent(reference);
-    if (this._options.forceAbsolute) {
-      return 'absolute';
-    }
-
-    // Decide if the popper will be fixed
-    // If the reference element is inside a fixed context, the popper will be fixed as well to allow them to scroll together
-    var isParentFixed = isFixed(reference, container);
-    return isParentFixed ? 'fixed' : 'absolute';
-  };
-
-  /**
-   * Get offsets to the popper
-   * @method
-   * @memberof Popper
-   * @access private
-   * @param {Element} popper - the popper element
-   * @param {Element} reference - the reference element (the popper will be relative to this)
-   * @returns {Object} An object containing the offsets which will be applied to the popper
-   */
-  Popper.prototype._getOffsets = function (popper, reference, placement) {
-    placement = placement.split('-')[0];
-    var popperOffsets = {};
-    popperOffsets.position = this.state.position;
-    var isParentFixed = popperOffsets.position === 'fixed';
-
-    //
-    // Get reference element position
-    //
-    var referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
-
-    //
-    // Get popper sizes
-    //
-    var popperRect = getOuterSizes(popper);
-
-    //
-    // Compute offsets of popper
-    //
-
-    // depending by the popper placement we have to compute its offsets slightly differently
-    if (['right', 'left'].indexOf(placement) !== -1) {
-      popperOffsets.top = referenceOffsets.top + referenceOffsets.height / 2 - popperRect.height / 2;
-      if (placement === 'left') {
-        popperOffsets.left = referenceOffsets.left - popperRect.width;
-      } else {
-        popperOffsets.left = referenceOffsets.right;
-      }
-    } else {
-      popperOffsets.left = referenceOffsets.left + referenceOffsets.width / 2 - popperRect.width / 2;
-      if (placement === 'top') {
-        popperOffsets.top = referenceOffsets.top - popperRect.height;
-      } else {
-        popperOffsets.top = referenceOffsets.bottom;
-      }
-    }
-
-    // Add width and height to our offsets object
-    popperOffsets.width = popperRect.width;
-    popperOffsets.height = popperRect.height;
-    return {
-      popper: popperOffsets,
-      reference: referenceOffsets
-    };
-  };
-
-  /**
-   * Setup needed event listeners used to update the popper position
-   * @method
-   * @memberof Popper
-   * @access private
-   */
-  Popper.prototype._setupEventListeners = function () {
-    // NOTE: 1 DOM access here
-    this.state.updateBound = this.update.bind(this);
-    root.addEventListener('resize', this.state.updateBound);
-    // if the boundariesElement is window we don't need to listen for the scroll event
-    if (this._options.boundariesElement !== 'window') {
-      var target = getScrollParent(this._reference);
-      // here it could be both `body` or `documentElement` thanks to Firefox, we then check both
-      if (target === root.document.body || target === root.document.documentElement) {
-        target = root;
-      }
-      target.addEventListener('scroll', this.state.updateBound);
-      this.state.scrollTarget = target;
-    }
-  };
-
-  /**
-   * Remove event listeners used to update the popper position
-   * @method
-   * @memberof Popper
-   * @access private
-   */
-  Popper.prototype._removeEventListeners = function () {
-    // NOTE: 1 DOM access here
-    root.removeEventListener('resize', this.state.updateBound);
-    if (this._options.boundariesElement !== 'window' && this.state.scrollTarget) {
-      this.state.scrollTarget.removeEventListener('scroll', this.state.updateBound);
-      this.state.scrollTarget = null;
-    }
-    this.state.updateBound = null;
-  };
-
-  /**
-   * Computed the boundaries limits and return them
-   * @method
-   * @memberof Popper
-   * @access private
-   * @param {Object} data - Object containing the property "offsets" generated by `_getOffsets`
-   * @param {Number} padding - Boundaries padding
-   * @param {Element} boundariesElement - Element used to define the boundaries
-   * @returns {Object} Coordinates of the boundaries
-   */
-  Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
-    // NOTE: 1 DOM access here
-    var boundaries = {};
-    var width, height;
-    if (boundariesElement === 'window') {
-      var body = root.document.body,
-        html = root.document.documentElement;
-      height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-      width = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
-      boundaries = {
-        top: 0,
-        right: width,
-        bottom: height,
-        left: 0
-      };
-    } else if (boundariesElement === 'viewport') {
-      var offsetParent = getOffsetParent(this._popper);
-      var scrollParent = getScrollParent(this._popper);
-      var offsetParentRect = getOffsetRect(offsetParent);
-
-      // Thanks the fucking native API, `document.body.scrollTop` & `document.documentElement.scrollTop`
-      var getScrollTopValue = function getScrollTopValue(element) {
-        return element == document.body ? Math.max(document.documentElement.scrollTop, document.body.scrollTop) : element.scrollTop;
-      };
-      var getScrollLeftValue = function getScrollLeftValue(element) {
-        return element == document.body ? Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) : element.scrollLeft;
-      };
-
-      // if the popper is fixed we don't have to substract scrolling from the boundaries
-      var scrollTop = data.offsets.popper.position === 'fixed' ? 0 : getScrollTopValue(scrollParent);
-      var scrollLeft = data.offsets.popper.position === 'fixed' ? 0 : getScrollLeftValue(scrollParent);
-      boundaries = {
-        top: 0 - (offsetParentRect.top - scrollTop),
-        right: root.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),
-        bottom: root.document.documentElement.clientHeight - (offsetParentRect.top - scrollTop),
-        left: 0 - (offsetParentRect.left - scrollLeft)
-      };
-    } else {
-      if (getOffsetParent(this._popper) === boundariesElement) {
-        boundaries = {
-          top: 0,
-          left: 0,
-          right: boundariesElement.clientWidth,
-          bottom: boundariesElement.clientHeight
-        };
-      } else {
-        boundaries = getOffsetRect(boundariesElement);
-      }
-    }
-    boundaries.left += padding;
-    boundaries.right -= padding;
-    boundaries.top = boundaries.top + padding;
-    boundaries.bottom = boundaries.bottom - padding;
-    return boundaries;
-  };
-
-  /**
-   * Loop trough the list of modifiers and run them in order, each of them will then edit the data object
-   * @method
-   * @memberof Popper
-   * @access public
-   * @param {Object} data
-   * @param {Array} modifiers
-   * @param {Function} ends
-   */
-  Popper.prototype.runModifiers = function (data, modifiers, ends) {
-    var modifiersToRun = modifiers.slice();
-    if (ends !== undefined) {
-      modifiersToRun = this._options.modifiers.slice(0, getArrayKeyIndex(this._options.modifiers, ends));
-    }
-    modifiersToRun.forEach(function (modifier) {
-      if (isFunction(modifier)) {
-        data = modifier.call(this, data);
-      }
-    }.bind(this));
-    return data;
-  };
-
-  /**
-   * Helper used to know if the given modifier depends from another one.
-   * @method
-   * @memberof Popper
-   * @param {String} requesting - name of requesting modifier
-   * @param {String} requested - name of requested modifier
-   * @returns {Boolean}
-   */
-  Popper.prototype.isModifierRequired = function (requesting, requested) {
-    var index = getArrayKeyIndex(this._options.modifiers, requesting);
-    return !!this._options.modifiers.slice(0, index).filter(function (modifier) {
-      return modifier === requested;
-    }).length;
-  };
-
-  //
-  // Modifiers
-  //
-
-  /**
-   * Modifiers list
-   * @namespace Popper.modifiers
-   * @memberof Popper
-   * @type {Object}
-   */
-  Popper.prototype.modifiers = {};
-
-  /**
-   * Apply the computed styles to the popper element
-   * @method
-   * @memberof Popper.modifiers
-   * @argument {Object} data - The data object generated by `update` method
-   * @returns {Object} The same data object
-   */
-  Popper.prototype.modifiers.applyStyle = function (data) {
-    // apply the final offsets to the popper
-    // NOTE: 1 DOM access here
-    var styles = {
-      position: data.offsets.popper.position
-    };
-
-    // round top and left to avoid blurry text
-    var left = Math.round(data.offsets.popper.left);
-    var top = Math.round(data.offsets.popper.top);
-
-    // if gpuAcceleration is set to true and transform is supported, we use `translate3d` to apply the position to the popper
-    // we automatically use the supported prefixed version if needed
-    var prefixedProperty;
-    if (this._options.gpuAcceleration && (prefixedProperty = getSupportedPropertyName('transform'))) {
-      styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
-      styles.top = 0;
-      styles.left = 0;
-    }
-    // othwerise, we use the standard `left` and `top` properties
-    else {
-      styles.left = left;
-      styles.top = top;
-    }
-
-    // any property present in `data.styles` will be applied to the popper,
-    // in this way we can make the 3rd party modifiers add custom styles to it
-    // Be aware, modifiers could override the properties defined in the previous
-    // lines of this modifier!
-    Object.assign(styles, data.styles);
-    setStyle(this._popper, styles);
-
-    // set an attribute which will be useful to style the tooltip (use it to properly position its arrow)
-    // NOTE: 1 DOM access here
-    this._popper.setAttribute('x-placement', data.placement);
-
-    // if the arrow modifier is required and the arrow style has been computed, apply the arrow style
-    if (this.isModifierRequired(this.modifiers.applyStyle, this.modifiers.arrow) && data.offsets.arrow) {
-      setStyle(data.arrowElement, data.offsets.arrow);
-    }
-    return data;
-  };
-
-  /**
-   * Modifier used to shift the popper on the start or end of its reference element side
-   * @method
-   * @memberof Popper.modifiers
-   * @argument {Object} data - The data object generated by `update` method
-   * @returns {Object} The data object, properly modified
-   */
-  Popper.prototype.modifiers.shift = function (data) {
-    var placement = data.placement;
-    var basePlacement = placement.split('-')[0];
-    var shiftVariation = placement.split('-')[1];
-
-    // if shift shiftVariation is specified, run the modifier
-    if (shiftVariation) {
-      var reference = data.offsets.reference;
-      var popper = getPopperClientRect(data.offsets.popper);
-      var shiftOffsets = {
-        y: {
-          start: {
-            top: reference.top
-          },
-          end: {
-            top: reference.top + reference.height - popper.height
-          }
-        },
-        x: {
-          start: {
-            left: reference.left
-          },
-          end: {
-            left: reference.left + reference.width - popper.width
-          }
-        }
-      };
-      var axis = ['bottom', 'top'].indexOf(basePlacement) !== -1 ? 'x' : 'y';
-      data.offsets.popper = Object.assign(popper, shiftOffsets[axis][shiftVariation]);
-    }
-    return data;
-  };
-
-  /**
-   * Modifier used to make sure the popper does not overflows from it's boundaries
-   * @method
-   * @memberof Popper.modifiers
-   * @argument {Object} data - The data object generated by `update` method
-   * @returns {Object} The data object, properly modified
-   */
-  Popper.prototype.modifiers.preventOverflow = function (data) {
-    var order = this._options.preventOverflowOrder;
-    var popper = getPopperClientRect(data.offsets.popper);
-    var check = {
-      left: function left() {
-        var left = popper.left;
-        if (popper.left < data.boundaries.left) {
-          left = Math.max(popper.left, data.boundaries.left);
-        }
-        return {
-          left: left
-        };
-      },
-      right: function right() {
-        var left = popper.left;
-        if (popper.right > data.boundaries.right) {
-          left = Math.min(popper.left, data.boundaries.right - popper.width);
-        }
-        return {
-          left: left
-        };
-      },
-      top: function top() {
-        var top = popper.top;
-        if (popper.top < data.boundaries.top) {
-          top = Math.max(popper.top, data.boundaries.top);
-        }
-        return {
-          top: top
-        };
-      },
-      bottom: function bottom() {
-        var top = popper.top;
-        if (popper.bottom > data.boundaries.bottom) {
-          top = Math.min(popper.top, data.boundaries.bottom - popper.height);
-        }
-        return {
-          top: top
-        };
-      }
-    };
-    order.forEach(function (direction) {
-      data.offsets.popper = Object.assign(popper, check[direction]());
-    });
-    return data;
-  };
-
-  /**
-   * Modifier used to make sure the popper is always near its reference
-   * @method
-   * @memberof Popper.modifiers
-   * @argument {Object} data - The data object generated by _update method
-   * @returns {Object} The data object, properly modified
-   */
-  Popper.prototype.modifiers.keepTogether = function (data) {
-    var popper = getPopperClientRect(data.offsets.popper);
-    var reference = data.offsets.reference;
-    var f = Math.floor;
-    if (popper.right < f(reference.left)) {
-      data.offsets.popper.left = f(reference.left) - popper.width;
-    }
-    if (popper.left > f(reference.right)) {
-      data.offsets.popper.left = f(reference.right);
-    }
-    if (popper.bottom < f(reference.top)) {
-      data.offsets.popper.top = f(reference.top) - popper.height;
-    }
-    if (popper.top > f(reference.bottom)) {
-      data.offsets.popper.top = f(reference.bottom);
-    }
-    return data;
-  };
-
-  /**
-   * Modifier used to flip the placement of the popper when the latter is starting overlapping its reference element.
-   * Requires the `preventOverflow` modifier before it in order to work.
-   * **NOTE:** This modifier will run all its previous modifiers everytime it tries to flip the popper!
-   * @method
-   * @memberof Popper.modifiers
-   * @argument {Object} data - The data object generated by _update method
-   * @returns {Object} The data object, properly modified
-   */
-  Popper.prototype.modifiers.flip = function (data) {
-    // check if preventOverflow is in the list of modifiers before the flip modifier.
-    // otherwise flip would not work as expected.
-    if (!this.isModifierRequired(this.modifiers.flip, this.modifiers.preventOverflow)) {
-      console.warn('WARNING: preventOverflow modifier is required by flip modifier in order to work, be sure to include it before flip!');
-      return data;
-    }
-    if (data.flipped && data.placement === data._originalPlacement) {
-      // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides
-      return data;
-    }
-    var placement = data.placement.split('-')[0];
-    var placementOpposite = getOppositePlacement(placement);
-    var variation = data.placement.split('-')[1] || '';
-    var flipOrder = [];
-    if (this._options.flipBehavior === 'flip') {
-      flipOrder = [placement, placementOpposite];
-    } else {
-      flipOrder = this._options.flipBehavior;
-    }
-    flipOrder.forEach(function (step, index) {
-      if (placement !== step || flipOrder.length === index + 1) {
-        return;
-      }
-      placement = data.placement.split('-')[0];
-      placementOpposite = getOppositePlacement(placement);
-      var popperOffsets = getPopperClientRect(data.offsets.popper);
-
-      // this boolean is used to distinguish right and bottom from top and left
-      // they need different computations to get flipped
-      var a = ['right', 'bottom'].indexOf(placement) !== -1;
-
-      // using Math.floor because the reference offsets may contain decimals we are not going to consider here
-      if (a && Math.floor(data.offsets.reference[placement]) > Math.floor(popperOffsets[placementOpposite]) || !a && Math.floor(data.offsets.reference[placement]) < Math.floor(popperOffsets[placementOpposite])) {
-        // we'll use this boolean to detect any flip loop
-        data.flipped = true;
-        data.placement = flipOrder[index + 1];
-        if (variation) {
-          data.placement += '-' + variation;
-        }
-        data.offsets.popper = this._getOffsets(this._popper, this._reference, data.placement).popper;
-        data = this.runModifiers(data, this._options.modifiers, this._flip);
-      }
-    }.bind(this));
-    return data;
-  };
-
-  /**
-   * Modifier used to add an offset to the popper, useful if you more granularity positioning your popper.
-   * The offsets will shift the popper on the side of its reference element.
-   * @method
-   * @memberof Popper.modifiers
-   * @argument {Object} data - The data object generated by _update method
-   * @returns {Object} The data object, properly modified
-   */
-  Popper.prototype.modifiers.offset = function (data) {
-    var offset = this._options.offset;
-    var popper = data.offsets.popper;
-    if (data.placement.indexOf('left') !== -1) {
-      popper.top -= offset;
-    } else if (data.placement.indexOf('right') !== -1) {
-      popper.top += offset;
-    } else if (data.placement.indexOf('top') !== -1) {
-      popper.left -= offset;
-    } else if (data.placement.indexOf('bottom') !== -1) {
-      popper.left += offset;
-    }
-    return data;
-  };
-
-  /**
-   * Modifier used to move the arrows on the edge of the popper to make sure them are always between the popper and the reference element
-   * It will use the CSS outer size of the arrow element to know how many pixels of conjuction are needed
-   * @method
-   * @memberof Popper.modifiers
-   * @argument {Object} data - The data object generated by _update method
-   * @returns {Object} The data object, properly modified
-   */
-  Popper.prototype.modifiers.arrow = function (data) {
-    var arrow = this._options.arrowElement;
-    var arrowOffset = this._options.arrowOffset;
-
-    // if the arrowElement is a string, suppose it's a CSS selector
-    if (typeof arrow === 'string') {
-      arrow = this._popper.querySelector(arrow);
-    }
-
-    // if arrow element is not found, don't run the modifier
-    if (!arrow) {
-      return data;
-    }
-
-    // the arrow element must be child of its popper
-    if (!this._popper.contains(arrow)) {
-      console.warn('WARNING: `arrowElement` must be child of its popper element!');
-      return data;
-    }
-
-    // arrow depends on keepTogether in order to work
-    if (!this.isModifierRequired(this.modifiers.arrow, this.modifiers.keepTogether)) {
-      console.warn('WARNING: keepTogether modifier is required by arrow modifier in order to work, be sure to include it before arrow!');
-      return data;
-    }
-    var arrowStyle = {};
-    var placement = data.placement.split('-')[0];
-    var popper = getPopperClientRect(data.offsets.popper);
-    var reference = data.offsets.reference;
-    var isVertical = ['left', 'right'].indexOf(placement) !== -1;
-    var len = isVertical ? 'height' : 'width';
-    var side = isVertical ? 'top' : 'left';
-    var translate = isVertical ? 'translateY' : 'translateX';
-    var altSide = isVertical ? 'left' : 'top';
-    var opSide = isVertical ? 'bottom' : 'right';
-    var arrowSize = getOuterSizes(arrow)[len];
-
-    //
-    // extends keepTogether behavior making sure the popper and its reference have enough pixels in conjuction
-    //
-
-    // top/left side
-    if (reference[opSide] - arrowSize < popper[side]) {
-      data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowSize);
-    }
-    // bottom/right side
-    if (reference[side] + arrowSize > popper[opSide]) {
-      data.offsets.popper[side] += reference[side] + arrowSize - popper[opSide];
-    }
-
-    // compute center of the popper
-    var center = reference[side] + (arrowOffset || reference[len] / 2 - arrowSize / 2);
-    var sideValue = center - popper[side];
-
-    // prevent arrow from being placed not contiguously to its popper
-    sideValue = Math.max(Math.min(popper[len] - arrowSize - 8, sideValue), 8);
-    arrowStyle[side] = sideValue;
-    arrowStyle[altSide] = ''; // make sure to remove any old style from the arrow
-
-    data.offsets.arrow = arrowStyle;
-    data.arrowElement = arrow;
-    return data;
-  };
-
-  //
-  // Helpers
-  //
-
-  /**
-   * Get the outer sizes of the given element (offset size + margins)
-   * @function
-   * @ignore
-   * @argument {Element} element
-   * @returns {Object} object containing width and height properties
-   */
-  function getOuterSizes(element) {
-    // NOTE: 1 DOM access here
-    var _display = element.style.display,
-      _visibility = element.style.visibility;
-    element.style.display = 'block';
-    element.style.visibility = 'hidden';
-    var calcWidthToForceRepaint = element.offsetWidth;
-
-    // original method
-    var styles = root.getComputedStyle(element);
-    var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
-    var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
-    var result = {
-      width: element.offsetWidth + y,
-      height: element.offsetHeight + x
-    };
-
-    // reset element styles
-    element.style.display = _display;
-    element.style.visibility = _visibility;
-    return result;
-  }
-
-  /**
-   * Get the opposite placement of the given one/
-   * @function
-   * @ignore
-   * @argument {String} placement
-   * @returns {String} flipped placement
-   */
-  function getOppositePlacement(placement) {
-    var hash = {
-      left: 'right',
-      right: 'left',
-      bottom: 'top',
-      top: 'bottom'
-    };
-    return placement.replace(/left|right|bottom|top/g, function (matched) {
-      return hash[matched];
-    });
-  }
-
-  /**
-   * Given the popper offsets, generate an output similar to getBoundingClientRect
-   * @function
-   * @ignore
-   * @argument {Object} popperOffsets
-   * @returns {Object} ClientRect like output
-   */
-  function getPopperClientRect(popperOffsets) {
-    var offsets = Object.assign({}, popperOffsets);
-    offsets.right = offsets.left + offsets.width;
-    offsets.bottom = offsets.top + offsets.height;
-    return offsets;
-  }
-
-  /**
-   * Given an array and the key to find, returns its index
-   * @function
-   * @ignore
-   * @argument {Array} arr
-   * @argument keyToFind
-   * @returns index or null
-   */
-  function getArrayKeyIndex(arr, keyToFind) {
-    var i = 0,
-      key;
-    for (key in arr) {
-      if (arr[key] === keyToFind) {
-        return i;
-      }
-      i++;
-    }
-    return null;
-  }
-
-  /**
-   * Get CSS computed property of the given element
-   * @function
-   * @ignore
-   * @argument {Eement} element
-   * @argument {String} property
-   */
-  function getStyleComputedProperty(element, property) {
-    // NOTE: 1 DOM access here
-    var css = root.getComputedStyle(element, null);
-    return css[property];
-  }
-
-  /**
-   * Returns the offset parent of the given element
-   * @function
-   * @ignore
-   * @argument {Element} element
-   * @returns {Element} offset parent
-   */
-  function getOffsetParent(element) {
-    // NOTE: 1 DOM access here
-    var offsetParent = element.offsetParent;
-    return offsetParent === root.document.body || !offsetParent ? root.document.documentElement : offsetParent;
-  }
-
-  /**
-   * Returns the scrolling parent of the given element
-   * @function
-   * @ignore
-   * @argument {Element} element
-   * @returns {Element} offset parent
-   */
-  function getScrollParent(element) {
-    var parent = element.parentNode;
-    if (!parent) {
-      return element;
-    }
-    if (parent === root.document) {
-      // Firefox puts the scrollTOp value on `documentElement` instead of `body`, we then check which of them is
-      // greater than 0 and return the proper element
-      if (root.document.body.scrollTop || root.document.body.scrollLeft) {
-        return root.document.body;
-      } else {
-        return root.document.documentElement;
-      }
-    }
-
-    // Firefox want us to check `-x` and `-y` variations as well
-    if (['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow')) !== -1 || ['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow-x')) !== -1 || ['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow-y')) !== -1) {
-      // If the detected scrollParent is body, we perform an additional check on its parentNode
-      // in this way we'll get body if the browser is Chrome-ish, or documentElement otherwise
-      // fixes issue #65
-      return parent;
-    }
-    return getScrollParent(element.parentNode);
-  }
-
-  /**
-   * Check if the given element is fixed or is inside a fixed parent
-   * @function
-   * @ignore
-   * @argument {Element} element
-   * @argument {Element} customContainer
-   * @returns {Boolean} answer to "isFixed?"
-   */
-  function isFixed(element) {
-    if (element === root.document.body) {
-      return false;
-    }
-    if (getStyleComputedProperty(element, 'position') === 'fixed') {
-      return true;
-    }
-    return element.parentNode ? isFixed(element.parentNode) : element;
-  }
-
-  /**
-   * Set the style to the given popper
-   * @function
-   * @ignore
-   * @argument {Element} element - Element to apply the style to
-   * @argument {Object} styles - Object with a list of properties and values which will be applied to the element
-   */
-  function setStyle(element, styles) {
-    function is_numeric(n) {
-      return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
-    }
-    Object.keys(styles).forEach(function (prop) {
-      var unit = '';
-      // add unit if the value is numeric and is one of the following
-      if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && is_numeric(styles[prop])) {
-        unit = 'px';
-      }
-      element.style[prop] = styles[prop] + unit;
-    });
-  }
-
-  /**
-   * Check if the given variable is a function
-   * @function
-   * @ignore
-   * @argument {*} functionToCheck - variable to check
-   * @returns {Boolean} answer to: is a function?
-   */
-  function isFunction(functionToCheck) {
-    var getType = {};
-    return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-  }
-
-  /**
-   * Get the position of the given element, relative to its offset parent
-   * @function
-   * @ignore
-   * @param {Element} element
-   * @return {Object} position - Coordinates of the element and its `scrollTop`
-   */
-  function getOffsetRect(element) {
-    var elementRect = {
-      width: element.offsetWidth,
-      height: element.offsetHeight,
-      left: element.offsetLeft,
-      top: element.offsetTop
-    };
-    elementRect.right = elementRect.left + elementRect.width;
-    elementRect.bottom = elementRect.top + elementRect.height;
-
-    // position
-    return elementRect;
-  }
-
-  /**
-   * Get bounding client rect of given element
-   * @function
-   * @ignore
-   * @param {HTMLElement} element
-   * @return {Object} client rect
-   */
-  function getBoundingClientRect(element) {
-    var rect = element.getBoundingClientRect();
-
-    // whether the IE version is lower than 11
-    var isIE = navigator.userAgent.indexOf("MSIE") != -1;
-
-    // fix ie document bounding top always 0 bug
-    var rectTop = isIE && element.tagName === 'HTML' ? -element.scrollTop : rect.top;
-    return {
-      left: rect.left,
-      top: rectTop,
-      right: rect.right,
-      bottom: rect.bottom,
-      width: rect.right - rect.left,
-      height: rect.bottom - rectTop
-    };
-  }
-
-  /**
-   * Given an element and one of its parents, return the offset
-   * @function
-   * @ignore
-   * @param {HTMLElement} element
-   * @param {HTMLElement} parent
-   * @return {Object} rect
-   */
-  function getOffsetRectRelativeToCustomParent(element, parent, fixed) {
-    var elementRect = getBoundingClientRect(element);
-    var parentRect = getBoundingClientRect(parent);
-    if (fixed) {
-      var scrollParent = getScrollParent(parent);
-      parentRect.top += scrollParent.scrollTop;
-      parentRect.bottom += scrollParent.scrollTop;
-      parentRect.left += scrollParent.scrollLeft;
-      parentRect.right += scrollParent.scrollLeft;
-    }
-    var rect = {
-      top: elementRect.top - parentRect.top,
-      left: elementRect.left - parentRect.left,
-      bottom: elementRect.top - parentRect.top + elementRect.height,
-      right: elementRect.left - parentRect.left + elementRect.width,
-      width: elementRect.width,
-      height: elementRect.height
-    };
-    return rect;
-  }
-
-  /**
-   * Get the prefixed supported property name
-   * @function
-   * @ignore
-   * @argument {String} property (camelCase)
-   * @returns {String} prefixed property (camelCase)
-   */
-  function getSupportedPropertyName(property) {
-    var prefixes = ['', 'ms', 'webkit', 'moz', 'o'];
-    for (var i = 0; i < prefixes.length; i++) {
-      var toCheck = prefixes[i] ? prefixes[i] + property.charAt(0).toUpperCase() + property.slice(1) : property;
-      if (typeof root.document.body.style[toCheck] !== 'undefined') {
-        return toCheck;
-      }
-    }
-    return null;
-  }
-
-  /**
-   * The Object.assign() method is used to copy the values of all enumerable own properties from one or more source
-   * objects to a target object. It will return the target object.
-   * This polyfill doesn't support symbol properties, since ES5 doesn't have symbols anyway
-   * Source: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
-   * @function
-   * @ignore
-   */
-  if (!Object.assign) {
-    Object.defineProperty(Object, 'assign', {
-      enumerable: false,
-      configurable: true,
-      writable: true,
-      value: function value(target) {
-        if (target === undefined || target === null) {
-          throw new TypeError('Cannot convert first argument to object');
-        }
-        var to = Object(target);
-        for (var i = 1; i < arguments.length; i++) {
-          var nextSource = arguments[i];
-          if (nextSource === undefined || nextSource === null) {
-            continue;
-          }
-          nextSource = Object(nextSource);
-          var keysArray = Object.keys(nextSource);
-          for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
-            var nextKey = keysArray[nextIndex];
-            var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
-            if (desc !== undefined && desc.enumerable) {
-              to[nextKey] = nextSource[nextKey];
-            }
-          }
-        }
-        return to;
-      }
-    });
-  }
-  return Popper;
-});
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(72)(module)))
-
-/***/ }),
-
-/***/ 72:
-/***/ (function(module, exports) {
-
-module.exports = function(originalModule) {
-	if (!originalModule.webpackPolyfill) {
-		var module = Object.create(originalModule);
-		// module.parent = undefined by default
-		if (!module.children) module.children = [];
-		Object.defineProperty(module, "loaded", {
-			enumerable: true,
-			get: function() {
-				return module.l;
+/* harmony default export */ __webpack_exports__["a"] = ({
+	inject: ['rootMenu'],
+	computed: {
+		indexPath: function indexPath() {
+			var path = [this.index];
+			var parent = this.$parent;
+			while (parent.$options.componentName !== 'ElMenu') {
+				if (parent.index) {
+					path.unshift(parent.index);
+				}
+				parent = parent.$parent;
 			}
-		});
-		Object.defineProperty(module, "id", {
-			enumerable: true,
-			get: function() {
-				return module.i;
+			return path;
+		},
+		parentMenu: function parentMenu() {
+			var parent = this.$parent;
+			while (parent && ['ElMenu', 'ElSubmenu'].indexOf(parent.$options.componentName) === -1) {
+				parent = parent.$parent;
 			}
-		});
-		Object.defineProperty(module, "exports", {
-			enumerable: true
-		});
-		module.webpackPolyfill = 1;
+			return parent;
+		},
+		paddingStyle: function paddingStyle() {
+			if (this.rootMenu.mode !== 'vertical') return {};
+
+			var padding = 20;
+			var parent = this.$parent;
+
+			if (this.rootMenu.collapse) {
+				padding = 20;
+			} else {
+				while (parent && parent.$options.componentName !== 'ElMenu') {
+					if (parent.$options.componentName === 'ElSubmenu') {
+						padding += 20;
+					}
+					parent = parent.$parent;
+				}
+			}
+			return { paddingLeft: padding + 'px' };
+		}
 	}
-	return module;
-};
-
+});
 
 /***/ }),
 
-/***/ 73:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.object.get-own-property-descriptor.js");
+module.exports = require("element-ui/lib/mixins/emitter");
 
 /***/ }),
 
-/***/ 74:
+/***/ 5:
 /***/ (function(module, exports) {
 
-/* WEBPACK VAR INJECTION */(function(__webpack_amd_options__) {/* globals __webpack_amd_options__ */
-module.exports = __webpack_amd_options__;
-
-/* WEBPACK VAR INJECTION */}.call(this, {}))
-
-/***/ }),
-
-/***/ 99:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-
-var Transition = /*#__PURE__*/function () {
-  function Transition() {}
-  var _proto = Transition.prototype;
-  _proto.beforeEnter = function beforeEnter(el) {
-    Object(_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* addClass */ "a"])(el, 'collapse-transition');
-    if (!el.dataset) el.dataset = {};
-    el.dataset.oldPaddingTop = el.style.paddingTop;
-    el.dataset.oldPaddingBottom = el.style.paddingBottom;
-    el.style.height = '0';
-    el.style.paddingTop = 0;
-    el.style.paddingBottom = 0;
-  };
-  _proto.enter = function enter(el) {
-    el.dataset.oldOverflow = el.style.overflow;
-    if (el.scrollHeight !== 0) {
-      el.style.height = el.scrollHeight + 'px';
-      el.style.paddingTop = el.dataset.oldPaddingTop;
-      el.style.paddingBottom = el.dataset.oldPaddingBottom;
-    } else {
-      el.style.height = '';
-      el.style.paddingTop = el.dataset.oldPaddingTop;
-      el.style.paddingBottom = el.dataset.oldPaddingBottom;
-    }
-    el.style.overflow = 'hidden';
-  };
-  _proto.afterEnter = function afterEnter(el) {
-    // for safari: remove class then reset height is necessary
-    Object(_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* removeClass */ "i"])(el, 'collapse-transition');
-    el.style.height = '';
-    el.style.overflow = el.dataset.oldOverflow;
-  };
-  _proto.beforeLeave = function beforeLeave(el) {
-    if (!el.dataset) el.dataset = {};
-    el.dataset.oldPaddingTop = el.style.paddingTop;
-    el.dataset.oldPaddingBottom = el.style.paddingBottom;
-    el.dataset.oldOverflow = el.style.overflow;
-    el.style.height = el.scrollHeight + 'px';
-    el.style.overflow = 'hidden';
-  };
-  _proto.leave = function leave(el) {
-    if (el.scrollHeight !== 0) {
-      // for safari: add class after set height, or it will jump to zero height suddenly, weired
-      Object(_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* addClass */ "a"])(el, 'collapse-transition');
-      el.style.height = 0;
-      el.style.paddingTop = 0;
-      el.style.paddingBottom = 0;
-    }
-  };
-  _proto.afterLeave = function afterLeave(el) {
-    Object(_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* removeClass */ "i"])(el, 'collapse-transition');
-    el.style.height = '';
-    el.style.overflow = el.dataset.oldOverflow;
-    el.style.paddingTop = el.dataset.oldPaddingTop;
-    el.style.paddingBottom = el.dataset.oldPaddingBottom;
-  };
-  return Transition;
-}();
-/* harmony default export */ __webpack_exports__["a"] = ({
-  name: 'ElCollapseTransition',
-  functional: true,
-  render: function render(h, _ref) {
-    var children = _ref.children;
-    var data = {
-      on: new Transition()
-    };
-    return h('transition', data, children);
-  }
-});
+module.exports = require("element-ui/lib/utils/vue-popper");
 
 /***/ })