element-ui
Version:
A Component Library for Vue.js.
386 lines (296 loc) • 9.12 kB
JavaScript
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__(140);
/***/ },
/***/ 3:
/***/ function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// 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,
injectStyles,
scopeId,
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
// ES6 modules interop
var type = typeof rawScriptExports.default
if (type === 'object' || type === 'function') {
esModule = rawScriptExports
scriptExports = rawScriptExports.default
}
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (compiledTemplate) {
options.render = compiledTemplate.render
options.staticRenderFns = compiledTemplate.staticRenderFns
}
// scopedId
if (scopeId) {
options._scopeId = scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context = context || (this.$vnode && this.$vnode.ssrContext)
// 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 (hook) {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
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");
/***/ },
/***/ 140:
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _dropdown = __webpack_require__(141);
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;
/***/ },
/***/ 141:
/***/ function(module, exports, __webpack_require__) {
var Component = __webpack_require__(3)(
/* script */
__webpack_require__(142),
/* template */
null,
/* styles */
null,
/* scopeId */
null,
/* moduleIdentifier (server only) */
null
)
module.exports = Component.exports
/***/ },
/***/ 142:
/***/ 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__(143);
var _button2 = _interopRequireDefault(_button);
var _buttonGroup = __webpack_require__(144);
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);
this.$emit('visible-change', 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 (triggerElm.disabled) return;
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]
);
}
};
/***/ },
/***/ 143:
/***/ function(module, exports) {
module.exports = require("element-ui/lib/button");
/***/ },
/***/ 144:
/***/ function(module, exports) {
module.exports = require("element-ui/lib/button-group");
/***/ }
/******/ });