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__(134); /***/ }, /***/ 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 } } /***/ }, /***/ 10: /***/ function(module, exports) { module.exports = require("element-ui/lib/utils/clickoutside"); /***/ }, /***/ 14: /***/ function(module, exports) { module.exports = require("element-ui/lib/mixins/emitter"); /***/ }, /***/ 134: /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _dropdown = __webpack_require__(135); var _dropdown2 = _interopRequireDefault(_dropdown); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /* istanbul ignore next */ _dropdown2.default.install = function (Vue) { Vue.component(_dropdown2.default.name, _dropdown2.default); }; exports.default = _dropdown2.default; /***/ }, /***/ 135: /***/ function(module, exports, __webpack_require__) { var Component = __webpack_require__(3)( /* script */ __webpack_require__(136), /* template */ null, /* scopeId */ null, /* cssModules */ null ) module.exports = Component.exports /***/ }, /***/ 136: /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _clickoutside = __webpack_require__(10); var _clickoutside2 = _interopRequireDefault(_clickoutside); var _emitter = __webpack_require__(14); var _emitter2 = _interopRequireDefault(_emitter); var _button = __webpack_require__(137); var _button2 = _interopRequireDefault(_button); var _buttonGroup = __webpack_require__(138); var _buttonGroup2 = _interopRequireDefault(_buttonGroup); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { name: 'ElDropdown', componentName: 'ElDropdown', mixins: [_emitter2.default], directives: { Clickoutside: _clickoutside2.default }, components: { ElButton: _button2.default, ElButtonGroup: _buttonGroup2.default }, props: { trigger: { type: String, default: 'hover' }, menuAlign: { type: String, default: 'end' }, type: String, size: String, splitButton: Boolean, hideOnClick: { type: Boolean, default: true } }, data: function data() { return { timeout: null, visible: false }; }, mounted: function mounted() { this.$on('menu-item-click', this.handleMenuItemClick); this.initEvent(); }, watch: { visible: function visible(val) { this.broadcast('ElDropdownMenu', 'visible', val); } }, methods: { show: function show() { var _this = this; clearTimeout(this.timeout); this.timeout = setTimeout(function () { _this.visible = true; }, 250); }, hide: function hide() { var _this2 = this; clearTimeout(this.timeout); this.timeout = setTimeout(function () { _this2.visible = false; }, 150); }, handleClick: function handleClick() { this.visible = !this.visible; }, initEvent: function initEvent() { var trigger = this.trigger, show = this.show, hide = this.hide, handleClick = this.handleClick, splitButton = this.splitButton; var triggerElm = splitButton ? this.$refs.trigger.$el : this.$slots.default[0].elm; if (trigger === 'hover') { triggerElm.addEventListener('mouseenter', show); triggerElm.addEventListener('mouseleave', hide); var dropdownElm = this.$slots.dropdown[0].elm; dropdownElm.addEventListener('mouseenter', show); dropdownElm.addEventListener('mouseleave', hide); } else if (trigger === 'click') { triggerElm.addEventListener('click', handleClick); } }, handleMenuItemClick: function handleMenuItemClick(command, instance) { if (this.hideOnClick) { this.visible = false; } this.$emit('command', command, instance); } }, render: function render(h) { var _this3 = this; var hide = this.hide, splitButton = this.splitButton, type = this.type, size = this.size; var handleClick = function handleClick(_) { _this3.$emit('click'); }; var triggerElm = !splitButton ? this.$slots.default : h( 'el-button-group', null, [h( 'el-button', { attrs: { type: type, size: size }, nativeOn: { 'click': handleClick } }, [this.$slots.default] ), h( 'el-button', { ref: 'trigger', attrs: { type: type, size: size }, 'class': 'el-dropdown__caret-button' }, [h( 'i', { 'class': 'el-dropdown__icon el-icon-caret-bottom' }, [] )] )] ); return h( 'div', { 'class': 'el-dropdown', directives: [{ name: 'clickoutside', value: hide }] }, [triggerElm, this.$slots.dropdown] ); } }; /***/ }, /***/ 137: /***/ function(module, exports) { module.exports = require("element-ui/lib/button"); /***/ }, /***/ 138: /***/ function(module, exports) { module.exports = require("element-ui/lib/button-group"); /***/ } /******/ });