mazey-element-ui 2.0.1 → 2.15.16

package/lib/menu.js

@@ -1,330 +1,271 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	const __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			const getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter/value functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
+/******/ 				}
+/******/ 			}
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 163);
-/******/ })
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file.
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-module.exports = function normalizeComponent (
-  rawScriptExports,
-  compiledTemplate,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */
-) {
-  var esModule
-  var scriptExports = rawScriptExports = rawScriptExports || {}
+let __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ packages_menu)
+});
+
+;// external "mazey-element-ui/lib/mixins/emitter"
+const emitter_namespaceObject = require("mazey-element-ui/lib/mixins/emitter");
+var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_namespaceObject);
+;// external "mazey-element-ui/lib/mixins/migrating"
+const migrating_namespaceObject = require("mazey-element-ui/lib/mixins/migrating");
+var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_namespaceObject);
+;// ./src/utils/aria-utils.js
+var aria = aria || {};
+aria.Utils = aria.Utils || {};
 
-  // ES6 modules interop
-  var type = typeof rawScriptExports.default
-  if (type === 'object' || type === 'function') {
-    esModule = rawScriptExports
-    scriptExports = rawScriptExports.default
+/**
+ * @desc Set focus on descendant nodes until the first focusable element is
+ *       found.
+ * @param element
+ *          DOM node for which to find the first focusable descendant.
+ * @returns
+ *  true if a focusable element is found and focus is set.
+ */
+aria.Utils.focusFirstDescendant = function (element) {
+  for (var i = 0; i < element.childNodes.length; i++) {
+    var child = element.childNodes[i];
+    if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
+      return true;
+    }
   }
+  return false;
+};
 
-  // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+/**
+ * @desc Find the last descendant node that is focusable.
+ * @param element
+ *          DOM node for which to find the last focusable descendant.
+ * @returns
+ *  true if a focusable element is found and focus is set.
+ */
 
-  // render functions
-  if (compiledTemplate) {
-    options.render = compiledTemplate.render
-    options.staticRenderFns = compiledTemplate.staticRenderFns
-    options._compiled = true
+aria.Utils.focusLastDescendant = function (element) {
+  for (var i = element.childNodes.length - 1; i >= 0; i--) {
+    var child = element.childNodes[i];
+    if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
+      return true;
+    }
   }
+  return false;
+};
 
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
+/**
+ * @desc Set Attempt to set focus on the current node.
+ * @param element
+ *          The node to attempt to focus on.
+ * @returns
+ *  true if element is focused.
+ */
+aria.Utils.attemptFocus = function (element) {
+  if (!aria.Utils.isFocusable(element)) {
+    return false;
   }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = scopeId
+  aria.Utils.IgnoreUtilFocusChanges = true;
+  try {
+    element.focus();
+  } catch (e) {}
+  aria.Utils.IgnoreUtilFocusChanges = false;
+  return document.activeElement === element;
+};
+aria.Utils.isFocusable = function (element) {
+  if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
+    return true;
   }
-
-  var hook
-  if (moduleIdentifier) { // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = injectStyles
+  if (element.disabled) {
+    return false;
   }
-
-  if (hook) {
-    var functional = options.functional
-    var existing = functional
-      ? options.render
-      : options.beforeCreate
-
-    if (!functional) {
-      // inject component registration as beforeCreate hook
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    } else {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functioal component in vue file
-      options.render = function renderWithStyleInjection (h, context) {
-        hook.call(context)
-        return existing(h, context)
-      }
-    }
+  switch (element.nodeName) {
+    case 'A':
+      return !!element.href && element.rel !== 'ignore';
+    case 'INPUT':
+      return element.type !== 'hidden' && element.type !== 'file';
+    case 'BUTTON':
+    case 'SELECT':
+    case 'TEXTAREA':
+      return true;
+    default:
+      return false;
   }
+};
 
-  return {
-    esModule: esModule,
-    exports: scriptExports,
-    options: options
+/**
+ * 触发一个事件
+ * mouseenter, mouseleave, mouseover, keyup, change, click 等
+ * @param  {Element} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
+aria.Utils.triggerEvent = function (elm, name) {
+  var eventName;
+  if (/^mouse|click/.test(name)) {
+    eventName = 'MouseEvents';
+  } else if (/^key/.test(name)) {
+    eventName = 'KeyboardEvent';
+  } else {
+    eventName = 'HTMLEvents';
   }
-}
-
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/mixins/emitter");
-
-/***/ }),
-
-/***/ 163:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _menu = __webpack_require__(164);
-
-var _menu2 = _interopRequireDefault(_menu);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* istanbul ignore next */
-_menu2.default.install = function (Vue) {
-  Vue.component(_menu2.default.name, _menu2.default);
+  var evt = document.createEvent(eventName);
+  for (var _len = arguments.length, opts = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    opts[_key - 2] = arguments[_key];
+  }
+  evt.initEvent.apply(evt, [name].concat(opts));
+  elm.dispatchEvent ? elm.dispatchEvent(evt) : elm.fireEvent('on' + name, evt);
+  return elm;
 };
+aria.Utils.keys = {
+  tab: 9,
+  enter: 13,
+  space: 32,
+  left: 37,
+  up: 38,
+  right: 39,
+  down: 40,
+  esc: 27
+};
+/* harmony default export */ const aria_utils = (aria.Utils);
+;// ./src/utils/menu/aria-submenu.js
 
-exports.default = _menu2.default;
-
-/***/ }),
-
-/***/ 164:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_menu_vue__ = __webpack_require__(54);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_menu_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_menu_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_menu_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_menu_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-var __vue_template__ = null
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_menu_vue___default.a,
-  __vue_template__,
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
-
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 165:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _ariaMenuitem = __webpack_require__(166);
-
-var _ariaMenuitem2 = _interopRequireDefault(_ariaMenuitem);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Menu = function Menu(domNode) {
+var SubMenu = function SubMenu(parent, domNode) {
   this.domNode = domNode;
+  this.parent = parent;
+  this.subMenuItems = [];
+  this.subIndex = 0;
   this.init();
 };
-
-Menu.prototype.init = function () {
-  var menuChildren = this.domNode.childNodes;
-  [].filter.call(menuChildren, function (child) {
-    return child.nodeType === 1;
-  }).forEach(function (child) {
-    new _ariaMenuitem2.default(child); // eslint-disable-line
+SubMenu.prototype.init = function () {
+  this.subMenuItems = this.domNode.querySelectorAll('li');
+  this.addListeners();
+};
+SubMenu.prototype.gotoSubIndex = function (idx) {
+  if (idx === this.subMenuItems.length) {
+    idx = 0;
+  } else if (idx < 0) {
+    idx = this.subMenuItems.length - 1;
+  }
+  this.subMenuItems[idx].focus();
+  this.subIndex = idx;
+};
+SubMenu.prototype.addListeners = function () {
+  var _this = this;
+  var keys = aria_utils.keys;
+  var parentNode = this.parent.domNode;
+  Array.prototype.forEach.call(this.subMenuItems, function (el) {
+    el.addEventListener('keydown', function (event) {
+      var prevDef = false;
+      switch (event.keyCode) {
+        case keys.down:
+          _this.gotoSubIndex(_this.subIndex + 1);
+          prevDef = true;
+          break;
+        case keys.up:
+          _this.gotoSubIndex(_this.subIndex - 1);
+          prevDef = true;
+          break;
+        case keys.tab:
+          aria_utils.triggerEvent(parentNode, 'mouseleave');
+          break;
+        case keys.enter:
+        case keys.space:
+          prevDef = true;
+          event.currentTarget.click();
+          break;
+      }
+      if (prevDef) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      return false;
+    });
   });
 };
-exports.default = Menu;
-
-/***/ }),
-
-/***/ 166:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
+/* harmony default export */ const aria_submenu = (SubMenu);
+;// ./src/utils/menu/aria-menuitem.js
 
 
-exports.__esModule = true;
-
-var _ariaUtils = __webpack_require__(55);
-
-var _ariaUtils2 = _interopRequireDefault(_ariaUtils);
-
-var _ariaSubmenu = __webpack_require__(167);
-
-var _ariaSubmenu2 = _interopRequireDefault(_ariaSubmenu);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var MenuItem = function MenuItem(domNode) {
   this.domNode = domNode;
   this.submenu = null;
   this.init();
 };
-
 MenuItem.prototype.init = function () {
   this.domNode.setAttribute('tabindex', '0');
   var menuChild = this.domNode.querySelector('.el-menu');
   if (menuChild) {
-    this.submenu = new _ariaSubmenu2.default(this, menuChild);
+    this.submenu = new aria_submenu(this, menuChild);
   }
   this.addListeners();
 };
-
 MenuItem.prototype.addListeners = function () {
   var _this = this;
-
-  var keys = _ariaUtils2.default.keys;
+  var keys = aria_utils.keys;
   this.domNode.addEventListener('keydown', function (event) {
     var prevDef = false;
     switch (event.keyCode) {
       case keys.down:
-        _ariaUtils2.default.triggerEvent(event.currentTarget, 'mouseenter');
+        aria_utils.triggerEvent(event.currentTarget, 'mouseenter');
         _this.submenu && _this.submenu.gotoSubIndex(0);
         prevDef = true;
         break;
       case keys.up:
-        _ariaUtils2.default.triggerEvent(event.currentTarget, 'mouseenter');
+        aria_utils.triggerEvent(event.currentTarget, 'mouseenter');
         _this.submenu && _this.submenu.gotoSubIndex(_this.submenu.subMenuItems.length - 1);
         prevDef = true;
         break;
       case keys.tab:
-        _ariaUtils2.default.triggerEvent(event.currentTarget, 'mouseleave');
+        aria_utils.triggerEvent(event.currentTarget, 'mouseleave');
         break;
       case keys.enter:
       case keys.space:
@@ -332,163 +273,64 @@ MenuItem.prototype.addListeners = function () {
         event.currentTarget.click();
         break;
     }
-    if (prevDef) {
-      event.preventDefault();
-    }
-  });
-};
-
-exports.default = MenuItem;
-
-/***/ }),
-
-/***/ 167:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _ariaUtils = __webpack_require__(55);
-
-var _ariaUtils2 = _interopRequireDefault(_ariaUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var SubMenu = function SubMenu(parent, domNode) {
-  this.domNode = domNode;
-  this.parent = parent;
-  this.subMenuItems = [];
-  this.subIndex = 0;
-  this.init();
-};
-
-SubMenu.prototype.init = function () {
-  this.subMenuItems = this.domNode.querySelectorAll('li');
-  this.addListeners();
-};
-
-SubMenu.prototype.gotoSubIndex = function (idx) {
-  if (idx === this.subMenuItems.length) {
-    idx = 0;
-  } else if (idx < 0) {
-    idx = this.subMenuItems.length - 1;
-  }
-  this.subMenuItems[idx].focus();
-  this.subIndex = idx;
+    if (prevDef) {
+      event.preventDefault();
+    }
+  });
 };
+/* harmony default export */ const aria_menuitem = (MenuItem);
+;// ./src/utils/menu/aria-menubar.js
 
-SubMenu.prototype.addListeners = function () {
-  var _this = this;
-
-  var keys = _ariaUtils2.default.keys;
-  var parentNode = this.parent.domNode;
-  Array.prototype.forEach.call(this.subMenuItems, function (el) {
-    el.addEventListener('keydown', function (event) {
-      var prevDef = false;
-      switch (event.keyCode) {
-        case keys.down:
-          _this.gotoSubIndex(_this.subIndex + 1);
-          prevDef = true;
-          break;
-        case keys.up:
-          _this.gotoSubIndex(_this.subIndex - 1);
-          prevDef = true;
-          break;
-        case keys.tab:
-          _ariaUtils2.default.triggerEvent(parentNode, 'mouseleave');
-          break;
-        case keys.enter:
-        case keys.space:
-          prevDef = true;
-          event.currentTarget.click();
-          break;
-      }
-      if (prevDef) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-      return false;
-    });
+var Menu = function Menu(domNode) {
+  this.domNode = domNode;
+  this.init();
+};
+Menu.prototype.init = function () {
+  var menuChildren = this.domNode.childNodes;
+  [].filter.call(menuChildren, function (child) {
+    return child.nodeType === 1;
+  }).forEach(function (child) {
+    new aria_menuitem(child); // eslint-disable-line
   });
 };
+/* harmony default export */ const aria_menubar = (Menu);
+;// external "mazey-element-ui/lib/utils/dom"
+const dom_namespaceObject = require("mazey-element-ui/lib/utils/dom");
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/menu/src/menu.vue?vue&type=script&lang=js
 
-exports.default = SubMenu;
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/dom");
-
-/***/ }),
-
-/***/ 54:
-/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
 
 
-exports.__esModule = true;
-
-var _emitter = __webpack_require__(1);
-
-var _emitter2 = _interopRequireDefault(_emitter);
-
-var _migrating = __webpack_require__(8);
-
-var _migrating2 = _interopRequireDefault(_migrating);
-
-var _ariaMenubar = __webpack_require__(165);
-
-var _ariaMenubar2 = _interopRequireDefault(_ariaMenubar);
-
-var _dom = __webpack_require__(2);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
+/* harmony default export */ const menuvue_type_script_lang_js = ({
   name: 'ElMenu',
-
   render: function render(h) {
-    var component = h(
-      'ul',
-      {
-        attrs: {
-          role: 'menubar'
-        },
-        key: +this.collapse,
-        style: { backgroundColor: this.backgroundColor || '' },
-        'class': {
-          'el-menu--horizontal': this.mode === 'horizontal',
-          'el-menu--collapse': this.collapse,
-          "el-menu": true
-        }
+    var component = h("ul", {
+      "attrs": {
+        "role": "menubar"
       },
-      [this.$slots.default]
-    );
-
+      "key": +this.collapse,
+      "style": {
+        backgroundColor: this.backgroundColor || ''
+      },
+      "class": {
+        'el-menu--horizontal': this.mode === 'horizontal',
+        'el-menu--collapse': this.collapse,
+        "el-menu": true
+      }
+    }, [this.$slots.default]);
     if (this.collapseTransition) {
-      return h('el-menu-collapse-transition', [component]);
+      return h("el-menu-collapse-transition", [component]);
     } else {
       return component;
     }
   },
-
-
   componentName: 'ElMenu',
-
-  mixins: [_emitter2.default, _migrating2.default],
-
+  mixins: [(emitter_default()), (migrating_default())],
   provide: function provide() {
     return {
       rootMenu: this
     };
   },
-
-
   components: {
     'el-menu-collapse-transition': {
       functional: true,
@@ -502,33 +344,31 @@ exports.default = {
               el.style.opacity = 0.2;
             },
             enter: function enter(el) {
-              (0, _dom.addClass)(el, 'el-opacity-transition');
+              (0,dom_namespaceObject.addClass)(el, 'el-opacity-transition');
               el.style.opacity = 1;
             },
             afterEnter: function afterEnter(el) {
-              (0, _dom.removeClass)(el, 'el-opacity-transition');
+              (0,dom_namespaceObject.removeClass)(el, 'el-opacity-transition');
               el.style.opacity = '';
             },
             beforeLeave: function beforeLeave(el) {
               if (!el.dataset) el.dataset = {};
-
-              if ((0, _dom.hasClass)(el, 'el-menu--collapse')) {
-                (0, _dom.removeClass)(el, 'el-menu--collapse');
+              if ((0,dom_namespaceObject.hasClass)(el, 'el-menu--collapse')) {
+                (0,dom_namespaceObject.removeClass)(el, 'el-menu--collapse');
                 el.dataset.oldOverflow = el.style.overflow;
                 el.dataset.scrollWidth = el.clientWidth;
-                (0, _dom.addClass)(el, 'el-menu--collapse');
+                (0,dom_namespaceObject.addClass)(el, 'el-menu--collapse');
               } else {
-                (0, _dom.addClass)(el, 'el-menu--collapse');
+                (0,dom_namespaceObject.addClass)(el, 'el-menu--collapse');
                 el.dataset.oldOverflow = el.style.overflow;
                 el.dataset.scrollWidth = el.clientWidth;
-                (0, _dom.removeClass)(el, 'el-menu--collapse');
+                (0,dom_namespaceObject.removeClass)(el, 'el-menu--collapse');
               }
-
               el.style.width = el.scrollWidth + 'px';
               el.style.overflow = 'hidden';
             },
             leave: function leave(el) {
-              (0, _dom.addClass)(el, 'horizontal-collapse-transition');
+              (0,dom_namespaceObject.addClass)(el, 'horizontal-collapse-transition');
               el.style.width = el.dataset.scrollWidth + 'px';
             }
           }
@@ -537,7 +377,6 @@ exports.default = {
       }
     }
   },
-
   props: {
     mode: {
       type: String,
@@ -571,7 +410,6 @@ exports.default = {
       submenus: {}
     };
   },
-
   computed: {
     hoverBackground: function hoverBackground() {
       return this.backgroundColor ? this.mixColor(this.backgroundColor, 0.2) : '';
@@ -581,8 +419,12 @@ exports.default = {
     }
   },
   watch: {
-    defaultActive: 'updateActiveIndex',
-
+    defaultActive: function defaultActive(value) {
+      if (!this.items[value]) {
+        this.activeIndex = null;
+      }
+      this.updateActiveIndex(value);
+    },
     defaultOpeneds: function defaultOpeneds(value) {
       if (!this.collapse) {
         this.openedMenus = value;
@@ -594,8 +436,8 @@ exports.default = {
     }
   },
   methods: {
-    updateActiveIndex: function updateActiveIndex() {
-      var item = this.items[this.defaultActive];
+    updateActiveIndex: function updateActiveIndex(val) {
+      var item = this.items[val] || this.items[this.activeIndex] || this.items[this.defaultActive];
       if (item) {
         this.activeIndex = item.index;
         this.initOpenedMenu();
@@ -634,11 +476,10 @@ exports.default = {
       }
     },
     mixColor: function mixColor(color, percent) {
-      var _getColorChannels = this.getColorChannels(color),
-          red = _getColorChannels.red,
-          green = _getColorChannels.green,
-          blue = _getColorChannels.blue;
-
+      var _this$getColorChannel = this.getColorChannels(color),
+        red = _this$getColorChannel.red,
+        green = _this$getColorChannel.green,
+        blue = _this$getColorChannel.blue;
       if (percent > 0) {
         // shade given color
         red *= 1 - percent;
@@ -650,7 +491,7 @@ exports.default = {
         green += (255 - green) * percent;
         blue += (255 - blue) * percent;
       }
-      return 'rgb(' + Math.round(red) + ', ' + Math.round(green) + ', ' + Math.round(blue) + ')';
+      return "rgb(" + Math.round(red) + ", " + Math.round(green) + ", " + Math.round(blue) + ")";
     },
     addItem: function addItem(item) {
       this.$set(this.items, item.index, item);
@@ -684,10 +525,8 @@ exports.default = {
     },
     handleSubmenuClick: function handleSubmenuClick(submenu) {
       var index = submenu.index,
-          indexPath = submenu.indexPath;
-
+        indexPath = submenu.indexPath;
       var isOpened = this.openedMenus.indexOf(index) !== -1;
-
       if (isOpened) {
         this.closeMenu(index);
         this.$emit('close', index, indexPath);
@@ -698,36 +537,36 @@ exports.default = {
     },
     handleItemClick: function handleItemClick(item) {
       var _this = this;
-
       var index = item.index,
-          indexPath = item.indexPath;
-
+        indexPath = item.indexPath;
       var oldActiveIndex = this.activeIndex;
-
-      this.activeIndex = item.index;
+      var hasIndex = item.index !== null;
+      if (hasIndex) {
+        this.activeIndex = item.index;
+      }
       this.$emit('select', index, indexPath, item);
-
       if (this.mode === 'horizontal' || this.collapse) {
         this.openedMenus = [];
       }
-
-      if (this.router) {
+      if (this.router && hasIndex) {
         this.routeToItem(item, function (error) {
           _this.activeIndex = oldActiveIndex;
-          if (error) console.error(error);
+          if (error) {
+            // vue-router 3.1.0+ push/replace cause NavigationDuplicated error 
+            // https://github.com/ElemeFE/element/issues/17044
+            if (error.name === 'NavigationDuplicated') return;
+            console.error(error);
+          }
         });
       }
     },
-
     // 初始化展开菜单
     // initialize opened menu
     initOpenedMenu: function initOpenedMenu() {
       var _this2 = this;
-
       var index = this.activeIndex;
       var activeItem = this.items[index];
       if (!activeItem || this.mode === 'horizontal' || this.collapse) return;
-
       var indexPath = activeItem.indexPath;
 
       // 展开该菜单项的路径上所有子菜单
@@ -747,9 +586,7 @@ exports.default = {
     },
     open: function open(index) {
       var _this3 = this;
-
       var indexPath = this.submenus[index.toString()].indexPath;
-
       indexPath.forEach(function (i) {
         return _this3.openMenu(i, indexPath);
       });
@@ -763,151 +600,139 @@ exports.default = {
     this.$on('item-click', this.handleItemClick);
     this.$on('submenu-click', this.handleSubmenuClick);
     if (this.mode === 'horizontal') {
-      new _ariaMenubar2.default(this.$el); // eslint-disable-line
+      new aria_menubar(this.$el); // eslint-disable-line
     }
     this.$watch('items', this.updateActiveIndex);
   }
-};
-
-/***/ }),
-
-/***/ 55:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-var aria = aria || {};
-
-aria.Utils = aria.Utils || {};
-
-/**
- * @desc Set focus on descendant nodes until the first focusable element is
- *       found.
- * @param element
- *          DOM node for which to find the first focusable descendant.
- * @returns
- *  true if a focusable element is found and focus is set.
- */
-aria.Utils.focusFirstDescendant = function (element) {
-  for (var i = 0; i < element.childNodes.length; i++) {
-    var child = element.childNodes[i];
-    if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
-      return true;
-    }
-  }
-  return false;
-};
+});
+;// ./packages/menu/src/menu.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_menuvue_type_script_lang_js = (menuvue_type_script_lang_js); 
+;// ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
 
-/**
- * @desc Find the last descendant node that is focusable.
- * @param element
- *          DOM node for which to find the last focusable descendant.
- * @returns
- *  true if a focusable element is found and focus is set.
- */
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
 
-aria.Utils.focusLastDescendant = function (element) {
-  for (var i = element.childNodes.length - 1; i >= 0; i--) {
-    var child = element.childNodes[i];
-    if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
-      return true;
-    }
-  }
-  return false;
-};
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
-/**
- * @desc Set Attempt to set focus on the current node.
- * @param element
- *          The node to attempt to focus on.
- * @returns
- *  true if element is focused.
- */
-aria.Utils.attemptFocus = function (element) {
-  if (!aria.Utils.isFocusable(element)) {
-    return false;
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
   }
-  aria.Utils.IgnoreUtilFocusChanges = true;
-  try {
-    element.focus();
-  } catch (e) {}
-  aria.Utils.IgnoreUtilFocusChanges = false;
-  return document.activeElement === element;
-};
 
-aria.Utils.isFocusable = function (element) {
-  if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
-    return true;
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
   }
 
-  if (element.disabled) {
-    return false;
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
   }
 
-  switch (element.nodeName) {
-    case 'A':
-      return !!element.href && element.rel !== 'ignore';
-    case 'INPUT':
-      return element.type !== 'hidden' && element.type !== 'file';
-    case 'BUTTON':
-    case 'SELECT':
-    case 'TEXTAREA':
-      return true;
-    default:
-      return false;
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
   }
-};
-
-/**
- * 触发一个事件
- * mouseenter, mouseleave, mouseover, keyup, change, click 等
- * @param  {Element} elm
- * @param  {String} name
- * @param  {*} opts
- */
-aria.Utils.triggerEvent = function (elm, name) {
-  var eventName = void 0;
 
-  if (/^mouse|click/.test(name)) {
-    eventName = 'MouseEvents';
-  } else if (/^key/.test(name)) {
-    eventName = 'KeyboardEvent';
-  } else {
-    eventName = 'HTMLEvents';
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
   }
-  var evt = document.createEvent(eventName);
 
-  for (var _len = arguments.length, opts = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    opts[_key - 2] = arguments[_key];
+  return {
+    exports: scriptExports,
+    options: options
   }
+}
 
-  evt.initEvent.apply(evt, [name].concat(opts));
-  elm.dispatchEvent ? elm.dispatchEvent(evt) : elm.fireEvent('on' + name, evt);
-
-  return elm;
-};
-
-aria.Utils.keys = {
-  tab: 9,
-  enter: 13,
-  space: 32,
-  left: 37,
-  up: 38,
-  right: 39,
-  down: 40
-};
+;// ./packages/menu/src/menu.vue
+var render, staticRenderFns
+;
 
-exports.default = aria.Utils;
 
-/***/ }),
 
-/***/ 8:
-/***/ (function(module, exports) {
+/* normalize component */
+;
+var component = normalizeComponent(
+  src_menuvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-module.exports = require("element-ui/lib/mixins/migrating");
+/* harmony default export */ const menu = (component.exports);
+;// ./packages/menu/index.js
 
-/***/ })
 
-/******/ });
+/* istanbul ignore next */
+menu.install = function (Vue) {
+  Vue.component(menu.name, menu);
+};
+/* harmony default export */ const packages_menu = (menu);
+module.exports = __webpack_exports__["default"];
+/******/ })()
+;