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] = { /******/ exports: {}, /******/ id: moduleId, /******/ loaded: false /******/ }; /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ // Flag the module as loaded /******/ module.loaded = 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; /******/ // __webpack_public_path__ /******/ __webpack_require__.p = "/dist/"; /******/ // Load entry module and return exports /******/ return __webpack_require__(0); /******/ }) /************************************************************************/ /******/ ({ /***/ 0: /***/ function(module, exports, __webpack_require__) { module.exports = __webpack_require__(289); /***/ }, /***/ 3: /***/ function(module, exports) { module.exports = function normalizeComponent ( rawScriptExports, compiledTemplate, scopeId, cssModules ) { var esModule var scriptExports = rawScriptExports = rawScriptExports || {} // ES6 modules interop var type = typeof rawScriptExports.default if (type === 'object' || type === 'function') { esModule = rawScriptExports scriptExports = rawScriptExports.default } // Vue.extend constructor export interop var options = typeof scriptExports === 'function' ? scriptExports.options : scriptExports // render functions if (compiledTemplate) { options.render = compiledTemplate.render options.staticRenderFns = compiledTemplate.staticRenderFns } // scopedId if (scopeId) { options._scopeId = scopeId } // inject cssModules if (cssModules) { var computed = options.computed || (options.computed = {}) Object.keys(cssModules).forEach(function (key) { var module = cssModules[key] computed[key] = function () { return module } }) } return { esModule: esModule, exports: scriptExports, options: options } } /***/ }, /***/ 14: /***/ function(module, exports) { module.exports = require("element-ui/lib/mixins/emitter"); /***/ }, /***/ 80: /***/ function(module, exports) { module.exports = require("element-ui/lib/transitions/collapse-transition"); /***/ }, /***/ 183: /***/ function(module, exports) { 'use strict'; exports.__esModule = true; exports.default = { 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; }, rootMenu: function rootMenu() { var parent = this.$parent; while (parent && parent.$options.componentName !== 'ElMenu') { parent = parent.$parent; } return parent; }, 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; while (parent && parent.$options.componentName !== 'ElMenu') { if (parent.$options.componentName === 'ElSubmenu') { padding += 20; } parent = parent.$parent; } return { paddingLeft: padding + 'px' }; } } }; /***/ }, /***/ 289: /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _submenu = __webpack_require__(290); var _submenu2 = _interopRequireDefault(_submenu); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /* istanbul ignore next */ _submenu2.default.install = function (Vue) { Vue.component(_submenu2.default.name, _submenu2.default); }; exports.default = _submenu2.default; /***/ }, /***/ 290: /***/ function(module, exports, __webpack_require__) { var Component = __webpack_require__(3)( /* script */ __webpack_require__(291), /* template */ __webpack_require__(292), /* scopeId */ null, /* cssModules */ null ) module.exports = Component.exports /***/ }, /***/ 291: /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _menuMixin = __webpack_require__(183); var _menuMixin2 = _interopRequireDefault(_menuMixin); var _emitter = __webpack_require__(14); var _emitter2 = _interopRequireDefault(_emitter); var _collapseTransition = __webpack_require__(80); var _collapseTransition2 = _interopRequireDefault(_collapseTransition); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { name: 'ElSubmenu', componentName: 'ElSubmenu', mixins: [_menuMixin2.default, _emitter2.default], components: { CollapseTransition: _collapseTransition2.default }, props: { index: { type: String, required: true } }, data: function data() { return { timeout: null, items: {}, submenus: {} }; }, computed: { opened: function opened() { return this.rootMenu.openedMenus.indexOf(this.index) > -1; }, active: { cache: false, get: function get() { 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; } } }, methods: { 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() { this.dispatch('ElMenu', 'submenu-click', this); }, handleMouseenter: function handleMouseenter() { var _this = this; clearTimeout(this.timeout); this.timeout = setTimeout(function () { _this.rootMenu.openMenu(_this.index, _this.indexPath); }, 300); }, handleMouseleave: function handleMouseleave() { var _this2 = this; clearTimeout(this.timeout); this.timeout = setTimeout(function () { _this2.rootMenu.closeMenu(_this2.index, _this2.indexPath); }, 300); }, initEvents: function initEvents() { var rootMenu = this.rootMenu, handleMouseenter = this.handleMouseenter, handleMouseleave = this.handleMouseleave, handleClick = this.handleClick; var triggerElm = void 0; if (rootMenu.mode === 'horizontal' && rootMenu.menuTrigger === 'hover') { triggerElm = this.$el; triggerElm.addEventListener('mouseenter', handleMouseenter); triggerElm.addEventListener('mouseleave', handleMouseleave); } else { triggerElm = this.$refs['submenu-title']; triggerElm.addEventListener('click', handleClick); } } }, created: function created() { this.parentMenu.addSubmenu(this); this.rootMenu.addSubmenu(this); }, beforeDestroy: function beforeDestroy() { this.parentMenu.removeSubmenu(this); this.rootMenu.removeSubmenu(this); }, mounted: function mounted() { this.initEvents(); } }; // // // // // // // // // // // // // // // // // // // // // // // // // // // /***/ }, /***/ 292: /***/ function(module, exports) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('li', { class: { 'el-submenu': true, 'is-active': _vm.active, 'is-opened': _vm.opened } }, [_c('div', { ref: "submenu-title", staticClass: "el-submenu__title", style: (_vm.paddingStyle) }, [_vm._t("title"), _c('i', { class: { 'el-submenu__icon-arrow': true, 'el-icon-arrow-down': _vm.rootMenu.mode === 'vertical', 'el-icon-caret-bottom': _vm.rootMenu.mode === 'horizontal' } })], 2), (_vm.rootMenu.mode === 'horizontal') ? [_c('transition', { attrs: { "name": "el-zoom-in-top" } }, [_c('ul', { directives: [{ name: "show", rawName: "v-show", value: (_vm.opened), expression: "opened" }], staticClass: "el-menu" }, [_vm._t("default")], 2)])] : _c('collapse-transition', [_c('ul', { directives: [{ name: "show", rawName: "v-show", value: (_vm.opened), expression: "opened" }], staticClass: "el-menu" }, [_vm._t("default")], 2)])], 2) },staticRenderFns: []} /***/ } /******/ });