UNPKG

element-ui

Version:

A Component Library for Vue.js.

2,130 lines (1,703 loc) 627 kB
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__(1); /***/ }, /* 1 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _pagination = __webpack_require__(2); var _pagination2 = _interopRequireDefault(_pagination); var _dialog = __webpack_require__(11); var _dialog2 = _interopRequireDefault(_dialog); var _autocomplete = __webpack_require__(16); var _autocomplete2 = _interopRequireDefault(_autocomplete); var _dropdown = __webpack_require__(27); var _dropdown2 = _interopRequireDefault(_dropdown); var _dropdownMenu = __webpack_require__(32); var _dropdownMenu2 = _interopRequireDefault(_dropdownMenu); var _dropdownItem = __webpack_require__(36); var _dropdownItem2 = _interopRequireDefault(_dropdownItem); var _menu = __webpack_require__(40); var _menu2 = _interopRequireDefault(_menu); var _submenu = __webpack_require__(44); var _submenu2 = _interopRequireDefault(_submenu); var _menuItem = __webpack_require__(50); var _menuItem2 = _interopRequireDefault(_menuItem); var _menuItemGroup = __webpack_require__(54); var _menuItemGroup2 = _interopRequireDefault(_menuItemGroup); var _input = __webpack_require__(58); var _input2 = _interopRequireDefault(_input); var _inputNumber = __webpack_require__(64); var _inputNumber2 = _interopRequireDefault(_inputNumber); var _radio = __webpack_require__(69); var _radio2 = _interopRequireDefault(_radio); var _radioGroup = __webpack_require__(73); var _radioGroup2 = _interopRequireDefault(_radioGroup); var _radioButton = __webpack_require__(77); var _radioButton2 = _interopRequireDefault(_radioButton); var _checkbox = __webpack_require__(81); var _checkbox2 = _interopRequireDefault(_checkbox); var _checkboxGroup = __webpack_require__(85); var _checkboxGroup2 = _interopRequireDefault(_checkboxGroup); var _switch = __webpack_require__(89); var _switch2 = _interopRequireDefault(_switch); var _select = __webpack_require__(93); var _select2 = _interopRequireDefault(_select); var _option = __webpack_require__(108); var _option2 = _interopRequireDefault(_option); var _optionGroup = __webpack_require__(109); var _optionGroup2 = _interopRequireDefault(_optionGroup); var _button = __webpack_require__(113); var _button2 = _interopRequireDefault(_button); var _buttonGroup = __webpack_require__(117); var _buttonGroup2 = _interopRequireDefault(_buttonGroup); var _table = __webpack_require__(121); var _table2 = _interopRequireDefault(_table); var _tableColumn = __webpack_require__(139); var _tableColumn2 = _interopRequireDefault(_tableColumn); var _datePicker = __webpack_require__(141); var _datePicker2 = _interopRequireDefault(_datePicker); var _timeSelect = __webpack_require__(169); var _timeSelect2 = _interopRequireDefault(_timeSelect); var _timePicker = __webpack_require__(174); var _timePicker2 = _interopRequireDefault(_timePicker); var _popover = __webpack_require__(179); var _popover2 = _interopRequireDefault(_popover); var _tooltip = __webpack_require__(184); var _tooltip2 = _interopRequireDefault(_tooltip); var _messageBox = __webpack_require__(187); var _messageBox2 = _interopRequireDefault(_messageBox); var _breadcrumb = __webpack_require__(192); var _breadcrumb2 = _interopRequireDefault(_breadcrumb); var _breadcrumbItem = __webpack_require__(196); var _breadcrumbItem2 = _interopRequireDefault(_breadcrumbItem); var _form = __webpack_require__(200); var _form2 = _interopRequireDefault(_form); var _formItem = __webpack_require__(204); var _formItem2 = _interopRequireDefault(_formItem); var _tabs = __webpack_require__(209); var _tabs2 = _interopRequireDefault(_tabs); var _tabPane = __webpack_require__(217); var _tabPane2 = _interopRequireDefault(_tabPane); var _tag = __webpack_require__(221); var _tag2 = _interopRequireDefault(_tag); var _tree = __webpack_require__(225); var _tree2 = _interopRequireDefault(_tree); var _alert = __webpack_require__(235); var _alert2 = _interopRequireDefault(_alert); var _notification = __webpack_require__(239); var _notification2 = _interopRequireDefault(_notification); var _slider = __webpack_require__(244); var _slider2 = _interopRequireDefault(_slider); var _loading = __webpack_require__(253); var _loading2 = _interopRequireDefault(_loading); var _icon = __webpack_require__(259); var _icon2 = _interopRequireDefault(_icon); var _row = __webpack_require__(263); var _row2 = _interopRequireDefault(_row); var _col = __webpack_require__(267); var _col2 = _interopRequireDefault(_col); var _upload = __webpack_require__(269); var _upload2 = _interopRequireDefault(_upload); var _progress = __webpack_require__(285); var _progress2 = _interopRequireDefault(_progress); var _spinner = __webpack_require__(289); var _spinner2 = _interopRequireDefault(_spinner); var _message = __webpack_require__(293); var _message2 = _interopRequireDefault(_message); var _badge = __webpack_require__(303); var _badge2 = _interopRequireDefault(_badge); var _card = __webpack_require__(307); var _card2 = _interopRequireDefault(_card); var _rate = __webpack_require__(311); var _rate2 = _interopRequireDefault(_rate); var _steps = __webpack_require__(315); var _steps2 = _interopRequireDefault(_steps); var _step = __webpack_require__(319); var _step2 = _interopRequireDefault(_step); var _carousel = __webpack_require__(323); var _carousel2 = _interopRequireDefault(_carousel); var _scrollbar = __webpack_require__(327); var _scrollbar2 = _interopRequireDefault(_scrollbar); var _carouselItem = __webpack_require__(332); var _carouselItem2 = _interopRequireDefault(_carouselItem); var _collapse = __webpack_require__(336); var _collapse2 = _interopRequireDefault(_collapse); var _collapseItem = __webpack_require__(340); var _collapseItem2 = _interopRequireDefault(_collapseItem); var _cascader = __webpack_require__(344); var _cascader2 = _interopRequireDefault(_cascader); var _colorPicker = __webpack_require__(351); var _colorPicker2 = _interopRequireDefault(_colorPicker); var _locale = __webpack_require__(106); var _locale2 = _interopRequireDefault(_locale); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var components = [_pagination2.default, _dialog2.default, _autocomplete2.default, _dropdown2.default, _dropdownMenu2.default, _dropdownItem2.default, _menu2.default, _submenu2.default, _menuItem2.default, _menuItemGroup2.default, _input2.default, _inputNumber2.default, _radio2.default, _radioGroup2.default, _radioButton2.default, _checkbox2.default, _checkboxGroup2.default, _switch2.default, _select2.default, _option2.default, _optionGroup2.default, _button2.default, _buttonGroup2.default, _table2.default, _tableColumn2.default, _datePicker2.default, _timeSelect2.default, _timePicker2.default, _popover2.default, _tooltip2.default, _breadcrumb2.default, _breadcrumbItem2.default, _form2.default, _formItem2.default, _tabs2.default, _tabPane2.default, _tag2.default, _tree2.default, _alert2.default, _slider2.default, _icon2.default, _row2.default, _col2.default, _upload2.default, _progress2.default, _spinner2.default, _badge2.default, _card2.default, _rate2.default, _steps2.default, _step2.default, _carousel2.default, _scrollbar2.default, _carouselItem2.default, _collapse2.default, _collapseItem2.default, _cascader2.default, _colorPicker2.default]; /* Automatic generated by './build/bin/build-entry.js' */ var install = function install(Vue) { var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; /* istanbul ignore if */ if (install.installed) return; _locale2.default.use(opts.locale); _locale2.default.i18n(opts.i18n); components.map(function (component) { Vue.component(component.name, component); }); Vue.use(_loading2.default.directive); Vue.prototype.$loading = _loading2.default.service; Vue.prototype.$msgbox = _messageBox2.default; Vue.prototype.$alert = _messageBox2.default.alert; Vue.prototype.$confirm = _messageBox2.default.confirm; Vue.prototype.$prompt = _messageBox2.default.prompt; Vue.prototype.$notify = _notification2.default; Vue.prototype.$message = _message2.default; }; /* istanbul ignore if */ if (typeof window !== 'undefined' && window.Vue) { install(window.Vue); }; module.exports = { version: '1.2.2', locale: _locale2.default.use, i18n: _locale2.default.i18n, install: install, Loading: _loading2.default, Pagination: _pagination2.default, Dialog: _dialog2.default, Autocomplete: _autocomplete2.default, Dropdown: _dropdown2.default, DropdownMenu: _dropdownMenu2.default, DropdownItem: _dropdownItem2.default, Menu: _menu2.default, Submenu: _submenu2.default, MenuItem: _menuItem2.default, MenuItemGroup: _menuItemGroup2.default, Input: _input2.default, InputNumber: _inputNumber2.default, Radio: _radio2.default, RadioGroup: _radioGroup2.default, RadioButton: _radioButton2.default, Checkbox: _checkbox2.default, CheckboxGroup: _checkboxGroup2.default, Switch: _switch2.default, Select: _select2.default, Option: _option2.default, OptionGroup: _optionGroup2.default, Button: _button2.default, ButtonGroup: _buttonGroup2.default, Table: _table2.default, TableColumn: _tableColumn2.default, DatePicker: _datePicker2.default, TimeSelect: _timeSelect2.default, TimePicker: _timePicker2.default, Popover: _popover2.default, Tooltip: _tooltip2.default, MessageBox: _messageBox2.default, Breadcrumb: _breadcrumb2.default, BreadcrumbItem: _breadcrumbItem2.default, Form: _form2.default, FormItem: _formItem2.default, Tabs: _tabs2.default, TabPane: _tabPane2.default, Tag: _tag2.default, Tree: _tree2.default, Alert: _alert2.default, Notification: _notification2.default, Slider: _slider2.default, Icon: _icon2.default, Row: _row2.default, Col: _col2.default, Upload: _upload2.default, Progress: _progress2.default, Spinner: _spinner2.default, Message: _message2.default, Badge: _badge2.default, Card: _card2.default, Rate: _rate2.default, Steps: _steps2.default, Step: _step2.default, Carousel: _carousel2.default, Scrollbar: _scrollbar2.default, CarouselItem: _carouselItem2.default, Collapse: _collapse2.default, CollapseItem: _collapseItem2.default, Cascader: _cascader2.default, ColorPicker: _colorPicker2.default }; /***/ }, /* 2 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _pagination = __webpack_require__(3); var _pagination2 = _interopRequireDefault(_pagination); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /* istanbul ignore next */ _pagination2.default.install = function (Vue) { Vue.component(_pagination2.default.name, _pagination2.default); }; exports.default = _pagination2.default; /***/ }, /* 3 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _pager = __webpack_require__(4); var _pager2 = _interopRequireDefault(_pager); var _select = __webpack_require__(8); var _select2 = _interopRequireDefault(_select); var _option = __webpack_require__(9); var _option2 = _interopRequireDefault(_option); var _locale = __webpack_require__(10); var _locale2 = _interopRequireDefault(_locale); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { name: 'ElPagination', props: { pageSize: { type: Number, default: 10 }, small: Boolean, total: Number, pageCount: Number, currentPage: { type: Number, default: 1 }, layout: { default: 'prev, pager, next, jumper, ->, total' }, pageSizes: { type: Array, default: function _default() { return [10, 20, 30, 40, 50, 100]; } } }, data: function data() { return { internalCurrentPage: 1, internalPageSize: 0 }; }, render: function render(h) { var template = h( 'div', { 'class': 'el-pagination' }, [] ); var layout = this.layout || ''; if (!layout) return; var TEMPLATE_MAP = { prev: h( 'prev', null, [] ), jumper: h( 'jumper', null, [] ), pager: h( 'pager', { attrs: { currentPage: this.internalCurrentPage, pageCount: this.internalPageCount }, on: { 'change': this.handleCurrentChange } }, [] ), next: h( 'next', null, [] ), sizes: h( 'sizes', { attrs: { pageSizes: this.pageSizes } }, [] ), slot: h( 'my-slot', null, [] ), total: h( 'total', null, [] ) }; var components = layout.split(',').map(function (item) { return item.trim(); }); var rightWrapper = h( 'div', { 'class': 'el-pagination__rightwrapper' }, [] ); var haveRightWrapper = false; if (this.small) { template.data.class += ' el-pagination--small'; } components.forEach(function (compo) { if (compo === '->') { haveRightWrapper = true; return; } if (!haveRightWrapper) { template.children.push(TEMPLATE_MAP[compo]); } else { rightWrapper.children.push(TEMPLATE_MAP[compo]); } }); if (haveRightWrapper) { template.children.push(rightWrapper); } return template; }, components: { MySlot: { render: function render(h) { return this.$parent.$slots.default ? this.$parent.$slots.default[0] : ''; } }, Prev: { render: function render(h) { return h( 'button', { attrs: { type: 'button' }, 'class': ['btn-prev', { disabled: this.$parent.internalCurrentPage <= 1 }], on: { 'click': this.$parent.prev } }, [h( 'i', { 'class': 'el-icon el-icon-arrow-left' }, [] )] ); } }, Next: { render: function render(h) { return h( 'button', { attrs: { type: 'button' }, 'class': ['btn-next', { disabled: this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0 }], on: { 'click': this.$parent.next } }, [h( 'i', { 'class': 'el-icon el-icon-arrow-right' }, [] )] ); } }, Sizes: { mixins: [_locale2.default], props: { pageSizes: Array }, watch: { pageSizes: { immediate: true, handler: function handler(value) { if (Array.isArray(value)) { this.$parent.internalPageSize = value.indexOf(this.$parent.pageSize) > -1 ? this.$parent.pageSize : this.pageSizes[0]; } } } }, render: function render(h) { var _this = this; return h( 'span', { 'class': 'el-pagination__sizes' }, [h( 'el-select', { attrs: { value: this.$parent.internalPageSize }, on: { 'input': this.handleChange } }, [this.pageSizes.map(function (item) { return h( 'el-option', { attrs: { value: item, label: item + ' ' + _this.t('el.pagination.pagesize') } }, [] ); })] )] ); }, components: { ElSelect: _select2.default, ElOption: _option2.default }, methods: { handleChange: function handleChange(val) { if (val !== this.$parent.internalPageSize) { this.$parent.internalPageSize = val = parseInt(val, 10); this.$parent.$emit('size-change', val); } } } }, Jumper: { mixins: [_locale2.default], data: function data() { return { oldValue: null }; }, methods: { handleFocus: function handleFocus(event) { this.oldValue = event.target.value; }, handleChange: function handleChange(_ref) { var target = _ref.target; this.$parent.internalCurrentPage = this.$parent.getValidCurrentPage(target.value); this.oldValue = null; } }, render: function render(h) { return h( 'span', { 'class': 'el-pagination__jump' }, [this.t('el.pagination.goto'), h( 'input', { 'class': 'el-pagination__editor', attrs: { type: 'number', min: 1, max: this.internalPageCount, number: true }, domProps: { 'value': this.$parent.internalCurrentPage }, on: { 'change': this.handleChange, 'focus': this.handleFocus }, style: { width: '30px' } }, [] ), this.t('el.pagination.pageClassifier')] ); } }, Total: { mixins: [_locale2.default], render: function render(h) { return typeof this.$parent.total === 'number' ? h( 'span', { 'class': 'el-pagination__total' }, [this.t('el.pagination.total', { total: this.$parent.total })] ) : ''; } }, Pager: _pager2.default }, methods: { handleCurrentChange: function handleCurrentChange(val) { this.internalCurrentPage = this.getValidCurrentPage(val); }, prev: function prev() { var newVal = this.internalCurrentPage - 1; this.internalCurrentPage = this.getValidCurrentPage(newVal); }, next: function next() { var newVal = this.internalCurrentPage + 1; this.internalCurrentPage = this.getValidCurrentPage(newVal); }, getValidCurrentPage: function getValidCurrentPage(value) { value = parseInt(value, 10); var havePageCount = typeof this.internalPageCount === 'number'; var resetValue = void 0; if (!havePageCount) { if (isNaN(value) || value < 1) resetValue = 1; } else { if (value < 1) { resetValue = 1; } else if (value > this.internalPageCount) { resetValue = this.internalPageCount; } } if (resetValue === undefined && isNaN(value)) { resetValue = 1; } else if (resetValue === 0) { resetValue = 1; } return resetValue === undefined ? value : resetValue; } }, computed: { internalPageCount: function internalPageCount() { if (typeof this.total === 'number') { return Math.ceil(this.total / this.internalPageSize); } else if (typeof this.pageCount === 'number') { return this.pageCount; } return null; } }, watch: { currentPage: { immediate: true, handler: function handler(val) { this.internalCurrentPage = val; } }, pageSize: { immediate: true, handler: function handler(val) { this.internalPageSize = val; } }, internalCurrentPage: function internalCurrentPage(newVal, oldVal) { var _this2 = this; newVal = parseInt(newVal, 10); /* istanbul ignore if */ if (isNaN(newVal)) { newVal = oldVal || 1; } else { newVal = this.getValidCurrentPage(newVal); } if (newVal !== undefined) { this.$nextTick(function () { _this2.internalCurrentPage = newVal; if (oldVal !== newVal) { _this2.$emit('current-change', _this2.internalCurrentPage); } }); } else { this.$emit('current-change', this.internalCurrentPage); } }, internalPageCount: function internalPageCount(newVal) { /* istanbul ignore if */ var oldPage = this.internalCurrentPage; if (newVal > 0 && oldPage === 0) { this.internalCurrentPage = 1; } else if (oldPage > newVal) { this.internalCurrentPage = newVal === 0 ? 1 : newVal; } } } }; /***/ }, /* 4 */ /***/ function(module, exports, __webpack_require__) { var Component = __webpack_require__(5)( /* script */ __webpack_require__(6), /* template */ __webpack_require__(7), /* scopeId */ null, /* cssModules */ null ) module.exports = Component.exports /***/ }, /* 5 */ /***/ 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 } } /***/ }, /* 6 */ /***/ function(module, exports) { 'use strict'; exports.__esModule = true; // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // exports.default = { name: 'ElPager', props: { currentPage: Number, pageCount: Number }, watch: { showPrevMore: function showPrevMore(val) { if (!val) this.quickprevIconClass = 'el-icon-more'; }, showNextMore: function showNextMore(val) { if (!val) this.quicknextIconClass = 'el-icon-more'; } }, methods: { onPagerClick: function onPagerClick(event) { var target = event.target; if (target.tagName === 'UL') { return; } var newPage = Number(event.target.textContent); var pageCount = this.pageCount; var currentPage = this.currentPage; if (target.className.indexOf('more') !== -1) { if (target.className.indexOf('quickprev') !== -1) { newPage = currentPage - 5; } else if (target.className.indexOf('quicknext') !== -1) { newPage = currentPage + 5; } } /* istanbul ignore if */ if (!isNaN(newPage)) { if (newPage < 1) { newPage = 1; } if (newPage > pageCount) { newPage = pageCount; } } if (newPage !== currentPage) { this.$emit('change', newPage); } } }, computed: { pagers: function pagers() { var pagerCount = 7; var currentPage = Number(this.currentPage); var pageCount = Number(this.pageCount); var showPrevMore = false; var showNextMore = false; if (pageCount > pagerCount) { if (currentPage > pagerCount - 2) { showPrevMore = true; } if (currentPage < pageCount - 2) { showNextMore = true; } } var array = []; if (showPrevMore && !showNextMore) { var startPage = pageCount - (pagerCount - 2); for (var i = startPage; i < pageCount; i++) { array.push(i); } } else if (!showPrevMore && showNextMore) { for (var _i = 2; _i < pagerCount; _i++) { array.push(_i); } } else if (showPrevMore && showNextMore) { var offset = Math.floor(pagerCount / 2) - 1; for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) { array.push(_i2); } } else { for (var _i3 = 2; _i3 < pageCount; _i3++) { array.push(_i3); } } this.showPrevMore = showPrevMore; this.showNextMore = showNextMore; return array; } }, data: function data() { return { current: null, showPrevMore: false, showNextMore: false, quicknextIconClass: 'el-icon-more', quickprevIconClass: 'el-icon-more' }; } }; /***/ }, /* 7 */ /***/ function(module, exports) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('ul', { staticClass: "el-pager", on: { "click": _vm.onPagerClick } }, [(_vm.pageCount > 0) ? _c('li', { staticClass: "number", class: { active: _vm.currentPage === 1 } }, [_vm._v("1")]) : _vm._e(), (_vm.showPrevMore) ? _c('li', { staticClass: "el-icon more btn-quickprev", class: [_vm.quickprevIconClass], on: { "mouseenter": function($event) { _vm.quickprevIconClass = 'el-icon-d-arrow-left' }, "mouseleave": function($event) { _vm.quickprevIconClass = 'el-icon-more' } } }) : _vm._e(), _vm._l((_vm.pagers), function(pager) { return _c('li', { staticClass: "number", class: { active: _vm.currentPage === pager } }, [_vm._v(_vm._s(pager))]) }), (_vm.showNextMore) ? _c('li', { staticClass: "el-icon more btn-quicknext", class: [_vm.quicknextIconClass], on: { "mouseenter": function($event) { _vm.quicknextIconClass = 'el-icon-d-arrow-right' }, "mouseleave": function($event) { _vm.quicknextIconClass = 'el-icon-more' } } }) : _vm._e(), (_vm.pageCount > 1) ? _c('li', { staticClass: "number", class: { active: _vm.currentPage === _vm.pageCount } }, [_vm._v(_vm._s(_vm.pageCount))]) : _vm._e()], 2) },staticRenderFns: []} /***/ }, /* 8 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/select"); /***/ }, /* 9 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/option"); /***/ }, /* 10 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/mixins/locale"); /***/ }, /* 11 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _component = __webpack_require__(12); var _component2 = _interopRequireDefault(_component); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /* istanbul ignore next */ _component2.default.install = function (Vue) { Vue.component(_component2.default.name, _component2.default); }; exports.default = _component2.default; /***/ }, /* 12 */ /***/ function(module, exports, __webpack_require__) { var Component = __webpack_require__(5)( /* script */ __webpack_require__(13), /* template */ __webpack_require__(15), /* scopeId */ null, /* cssModules */ null ) module.exports = Component.exports /***/ }, /* 13 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _popup = __webpack_require__(14); var _popup2 = _interopRequireDefault(_popup); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { name: 'ElDialog', mixins: [_popup2.default], props: { title: { type: String, default: '' }, modal: { type: Boolean, default: true }, modalAppendToBody: { type: Boolean, default: true }, lockScroll: { type: Boolean, default: true }, closeOnClickModal: { type: Boolean, default: true }, closeOnPressEscape: { type: Boolean, default: true }, showClose: { type: Boolean, default: true }, size: { type: String, default: 'small' }, customClass: { type: String, default: '' }, top: { type: String, default: '15%' } }, data: function data() { return { visible: false }; }, watch: { value: function value(val) { this.visible = val; }, visible: function visible(val) { var _this = this; this.$emit('input', val); if (val) { this.$emit('open'); this.$nextTick(function () { _this.$refs.dialog.scrollTop = 0; }); } else { this.$emit('close'); } } }, computed: { sizeClass: function sizeClass() { return 'el-dialog--' + this.size; }, style: function style() { return this.size === 'full' ? {} : { 'margin-bottom': '50px', 'top': this.top }; } }, methods: { handleWrapperClick: function handleWrapperClick() { if (this.closeOnClickModal) { this.close(); } } }, mounted: function mounted() { if (this.value) { this.rendered = true; this.open(); } } }; // // // // // // // // // // // // // // // // // // // // // // // // // /***/ }, /* 14 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/utils/popup"); /***/ }, /* 15 */ /***/ function(module, exports) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('transition', { attrs: { "name": "dialog-fade" } }, [_c('div', { directives: [{ name: "show", rawName: "v-show", value: (_vm.visible), expression: "visible" }], staticClass: "el-dialog__wrapper", on: { "click": function($event) { if ($event.target !== $event.currentTarget) { return; } _vm.handleWrapperClick($event) } } }, [_c('div', { ref: "dialog", staticClass: "el-dialog", class: [_vm.sizeClass, _vm.customClass], style: (_vm.style) }, [_c('div', { staticClass: "el-dialog__header" }, [_vm._t("title", [_c('span', { staticClass: "el-dialog__title" }, [_vm._v(_vm._s(_vm.title))])]), _c('div', { staticClass: "el-dialog__headerbtn" }, [(_vm.showClose) ? _c('i', { staticClass: "el-dialog__close el-icon el-icon-close", on: { "click": function($event) { _vm.close() } } }) : _vm._e()])], 2), (_vm.rendered) ? _c('div', { staticClass: "el-dialog__body" }, [_vm._t("default")], 2) : _vm._e(), (_vm.$slots.footer) ? _c('div', { staticClass: "el-dialog__footer" }, [_vm._t("footer")], 2) : _vm._e()])])]) },staticRenderFns: []} /***/ }, /* 16 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _autocomplete = __webpack_require__(17); var _autocomplete2 = _interopRequireDefault(_autocomplete); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /* istanbul ignore next */ _autocomplete2.default.install = function (Vue) { Vue.component(_autocomplete2.default.name, _autocomplete2.default); }; exports.default = _autocomplete2.default; /***/ }, /* 17 */ /***/ function(module, exports, __webpack_require__) { var Component = __webpack_require__(5)( /* script */ __webpack_require__(18), /* template */ __webpack_require__(26), /* scopeId */ null, /* cssModules */ null ) module.exports = Component.exports /***/ }, /* 18 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _input = __webpack_require__(19); var _input2 = _interopRequireDefault(_input); var _clickoutside = __webpack_require__(20); var _clickoutside2 = _interopRequireDefault(_clickoutside); var _autocompleteSuggestions = __webpack_require__(21); var _autocompleteSuggestions2 = _interopRequireDefault(_autocompleteSuggestions); var _emitter = __webpack_require__(24); var _emitter2 = _interopRequireDefault(_emitter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // exports.default = { name: 'ElAutocomplete', mixins: [_emitter2.default], componentName: 'ElAutocomplete', components: { ElInput: _input2.default, ElAutocompleteSuggestions: _autocompleteSuggestions2.default }, directives: { Clickoutside: _clickoutside2.default }, props: { popperClass: String, placeholder: String, disabled: Boolean, name: String, size: String, value: String, autofocus: Boolean, fetchSuggestions: Function, triggerOnFocus: { type: Boolean, default: true }, customItem: String, icon: String, onIconClick: Function }, data: function data() { return { isFocus: false, suggestions: [], loading: false, highlightedIndex: -1 }; }, computed: { suggestionVisible: function suggestionVisible() { var suggestions = this.suggestions; var isValidData = Array.isArray(suggestions) && suggestions.length > 0; return (isValidData || this.loading) && this.isFocus; } }, watch: { suggestionVisible: function suggestionVisible(val) { this.broadcast('ElAutocompleteSuggestions', 'visible', [val, this.$refs.input.$refs.input.offsetWidth]); } }, methods: { getData: function getData(queryString) { var _this = this; this.loading = true; this.fetchSuggestions(queryString, function (suggestions) { _this.loading = false; if (Array.isArray(suggestions)) { _this.suggestions = suggestions; } else { console.error('autocomplete suggestions must be an array'); } }); }, handleChange: function handleChange(value) { this.$emit('input', value); if (!this.triggerOnFocus && !value) { this.suggestions = []; return; } this.getData(value); }, handleFocus: function handleFocus() { this.isFocus = true; if (this.triggerOnFocus) { this.getData(this.value); } }, handleBlur: function handleBlur() { var _this2 = this; // 因为 blur 事件处理优先于 select 事件执行 setTimeout(function (_) { _this2.isFocus = false; }, 100); }, handleKeyEnter: function handleKeyEnter() { if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) { this.select(this.suggestions[this.highlightedIndex]); } }, handleClickoutside: function handleClickoutside() { this.isFocus = false; }, select: function select(item) { var _this3 = this; this.$emit('input', item.value); this.$emit('select', item); this.$nextTick(function (_) { _this3.suggestions = []; }); }, highlight: function highlight(index) { if (!this.suggestionVisible || this.loading) { return; } if (index < 0) index = 0; if (index >= this.suggestions.length) { index = this.suggestions.length - 1; } var suggestion = this.$refs.suggestions.$el.querySelector('.el-autocomplete-suggestion__wrap'); var suggestionList = suggestion.querySelectorAll('.el-autocomplete-suggestion__list li'); var highlightItem = suggestionList[index]; var scrollTop = suggestion.scrollTop; var offsetTop = highlightItem.offsetTop; if (offsetTop + highlightItem.scrollHeight > scrollTop + suggestion.clientHeight) { suggestion.scrollTop += highlightItem.scrollHeight; } if (offsetTop < scrollTop) { suggestion.scrollTop -= highlightItem.scrollHeight; } this.highlightedIndex = index; } }, mounted: function mounted() { var _this4 = this; this.$on('item-click', function (item) { _this4.select(item); }); }, beforeDestroy: function beforeDestroy() { this.$refs.suggestions.$destroy(); } }; /***/ }, /* 19 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/input"); /***/ }, /* 20 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/utils/clickoutside"); /***/ }, /* 21 */ /***/ function(module, exports, __webpack_require__) { var Component = __webpack_require__(5)( /* script */ __webpack_require__(22), /* template */ __webpack_require__(25), /* scopeId */ null, /* cssModules */ null ) module.exports = Component.exports /***/ }, /* 22 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _vuePopper = __webpack_require__(23); var _vuePopper2 = _interopRequireDefault(_vuePopper); var _emitter = __webpack_require__(24); var _emitter2 = _interopRequireDefault(_emitter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // exports.default = { mixins: [_vuePopper2.default, _emitter2.default], componentName: 'ElAutocompleteSuggestions', data: function data() { return { parent: this.$parent, dropdownWidth: '' }; }, props: { suggestions: Array, options: { default: function _default() { return { forceAbsolute: true, gpuAcceleration: false }; } } }, methods: { select: function select(item) { this.dispatch('ElAutocomplete', 'item-click', item); } }, updated: function updated() { var _this = this; this.$nextTick(function (_) { _this.updatePopper(); }); }, mounted: function mounted() { this.popperElm = this.$el; this.referenceElm = this.$parent.$refs.input.$refs.input; }, created: function created() { var _this2 = this; this.$on('visible', function (val, inputWidth) { _this2.dropdownWidth = inputWidth + 'px'; _this2.showPopper = val; }); } }; /***/ }, /* 23 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/utils/vue-popper"); /***/ }, /* 24 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/mixins/emitter"); /***/ }, /* 25 */ /***/ function(module, exports) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('transition', { attrs: { "name": "el-zoom-in-top" }, on: { "after-leave": _vm.doDestroy } }, [_c('div', { directives: [{ name: "show", rawName: "v-show", value: (_vm.showPopper), expression: "showPopper" }], staticClass: "el-autocomplete-suggestion", class: { 'is-loading': _vm.parent.loading }, style: ({ width: _vm.dropdownWidth }) }, [_c('el-scrollbar', { attrs: { "tag": "ul", "wrap-class": "el-autocomplete-suggestion__wrap", "view-class": "el-autocomplete-suggestion__list" } }, [(_vm.parent.loading) ? _c('li', [_c('i', { staticClass: "el-icon-loading" })]) : _vm._l((_vm.suggestions), function(item, index) { return [(!_vm.parent.customItem) ? _c('li', { class: { 'highlighted': _vm.parent.highlightedIndex === index }, on: { "click": function($event) { _vm.select(item) } } }, [_vm._v("\n " + _vm._s(item.value) + "\n ")]) : _c(_vm.parent.customItem, { tag: "component", class: { 'highlighted': _vm.parent.highlightedIndex === index }, attrs: { "item": item, "index": index }, on: { "click": function($event) { _vm.select(item) } } })] })], 2)], 1)]) },staticRenderFns: []} /***/ }, /* 26 */ /***/ function(module, exports) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('div', { directives: [{ name: "clickoutside", rawName: "v-clickoutside", value: (_vm.handleClickoutside), expression: "handleClickoutside" }], staticClass: "el-autocomplete" }, [_c('el-input', { ref: "input", attrs: { "value": _vm.value, "disabled": _vm.disabled, "placeholder": _vm.placeholder, "name": _vm.name, "size": _vm.size, "icon": _vm.icon, "on-icon-click": _vm.onIconClick }, on: { "change": _vm.handleChange, "focus": _vm.handleFocus, "blur": _vm.handleBlur }, nativeOn: { "keydown": [function($event) { if (_vm._k($event.keyCode, "up", 38)) { return; } $event.preventDefault(); _vm.highlight(_vm.highlightedIndex - 1) }, function($event) { if (_vm._k($event.keyCode, "down", 40)) { return; } $event.preventDefault(); _vm.highlight(_vm.highlightedIndex + 1) }, function($event) { if (_vm._k($event.keyCode, "enter", 13)) { return; } $event.stopPropagation(); _vm.handleKeyEnter($event) }] } }, [(_vm.$slots.prepend) ? _c('template', { slot: "prepend" }, [_vm._t("prepend")], 2) : _vm._e(), (_vm.$slots.append) ? _c('template', { slot: "append" }, [_vm._t("append")], 2) : _vm._e()], 2), _c('el-autocomplete-suggestions', { ref: "suggestions", class: [_vm.popperClass ? _vm.popperClass : ''], attrs: { "suggestions": _vm.suggestions } })], 1) },staticRenderFns: []} /***/ }, /* 27 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _dropdown = __webpack_require__(28); 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; /***/ }, /* 28 */ /***/ function(module, exports, __webpack_require__) { var Component = __webpack_require__(5)( /* script */ __webpack_require__(29), /* template */ null, /* scopeId */ null, /* cssModules */ null ) module.exports = Component.exports /***/ }, /* 29 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var _clickoutside = __webpack_require__(20); var _clickoutside2 = _interopRequireDefault(_clickoutside); var _emitter = __webpack_require__(24); var _emitter2 = _interopRequireDefault(_emitter); var _button = __webpack_require__(30); var _button2 = _interopRequireDefault(_button); var _buttonGroup = __webpack_require__(31); 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] ); } }; /***/ }, /* 30 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/button"); /***/ }, /* 31 */ /***/ function(module, exports) { module.exports = require("element-ui/lib/button-group"); /***/ }, /* 32 */ /***/ function(module, exports, __webpack_require__) { 'use st