diff --git a/.gitignore b/.gitignore index a9b3749c717..4e97a25b755 100644 --- a/.gitignore +++ b/.gitignore @@ -8,7 +8,6 @@ npm-debug.log.* yarn-debug.log.* yarn-error.log.* lerna-debug.log.* -lib .idea .vscode examples/element-ui diff --git a/examples/docs/zh-CN/cascader.md b/examples/docs/zh-CN/cascader.md index 017d43e4a41..862cebc458b 100644 --- a/examples/docs/zh-CN/cascader.md +++ b/examples/docs/zh-CN/cascader.md @@ -905,7 +905,7 @@ export default { data() { return { - props: { multiple: true }, + props: { multiple: true, onlyLeafMulti: true }, options: [{ value: 1, label: '东南', @@ -978,7 +978,8 @@ 多选选择任意一级选项 @@ -986,6 +987,7 @@ export default { data() { return { + value: [['zhinan', 'daohang', 'cexiangdaohang'], ['zhinan', 'daohang', 'dingbudaohang']], options: [{ value: 'zhinan', label: '指南', diff --git a/examples/versions.json b/examples/versions.json index 05fb9b684a1..657f4975236 100644 --- a/examples/versions.json +++ b/examples/versions.json @@ -1 +1 @@ -{"1.4.13":"1.4","2.0.11":"2.0","2.1.0":"2.1","2.2.2":"2.2","2.3.9":"2.3","2.4.11":"2.4","2.5.4":"2.5","2.6.3":"2.6","2.7.2":"2.7","2.8.2":"2.8","2.9.2":"2.9","2.10.1":"2.10","2.11.1":"2.11","2.12.0":"2.12","2.13.2":"2.13","2.14.1":"2.14"} \ No newline at end of file +{"1.4.13":"1.4","2.0.11":"2.0","2.1.0":"2.1","2.2.2":"2.2","2.3.9":"2.3","2.4.11":"2.4","2.5.4":"2.5","2.6.3":"2.6","2.7.2":"2.7","2.8.2":"2.8","2.9.2":"2.9","2.10.1":"2.10","2.11.1":"2.11","2.12.0":"2.12","2.13.2":"2.13","2.14.2":"2.14"} \ No newline at end of file diff --git a/lib/alert.js b/lib/alert.js new file mode 100644 index 00000000000..f6054926457 --- /dev/null +++ b/lib/alert.js @@ -0,0 +1,419 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 100); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 100: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/alert/src/main.vue?vue&type=template&id=6e53341b& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("transition", { attrs: { name: "el-alert-fade" } }, [ + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.visible, + expression: "visible" + } + ], + staticClass: "el-alert", + class: [ + _vm.typeClass, + _vm.center ? "is-center" : "", + "is-" + _vm.effect + ], + attrs: { role: "alert" } + }, + [ + _vm.showIcon + ? _c("i", { + staticClass: "el-alert__icon", + class: [_vm.iconClass, _vm.isBigIcon] + }) + : _vm._e(), + _c("div", { staticClass: "el-alert__content" }, [ + _vm.title || _vm.$slots.title + ? _c( + "span", + { staticClass: "el-alert__title", class: [_vm.isBoldTitle] }, + [_vm._t("title", [_vm._v(_vm._s(_vm.title))])], + 2 + ) + : _vm._e(), + _vm.$slots.default && !_vm.description + ? _c( + "p", + { staticClass: "el-alert__description" }, + [_vm._t("default")], + 2 + ) + : _vm._e(), + _vm.description && !_vm.$slots.default + ? _c("p", { staticClass: "el-alert__description" }, [ + _vm._v(_vm._s(_vm.description)) + ]) + : _vm._e(), + _c( + "i", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.closable, + expression: "closable" + } + ], + staticClass: "el-alert__closebtn", + class: { + "is-customed": _vm.closeText !== "", + "el-icon-close": _vm.closeText === "" + }, + on: { + click: function($event) { + _vm.close() + } + } + }, + [_vm._v(_vm._s(_vm.closeText))] + ) + ]) + ] + ) + ]) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/alert/src/main.vue?vue&type=template&id=6e53341b& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/alert/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +var TYPE_CLASSES_MAP = { + 'success': 'el-icon-success', + 'warning': 'el-icon-warning', + 'error': 'el-icon-error' +}; +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElAlert', + + props: { + title: { + type: String, + default: '' + }, + description: { + type: String, + default: '' + }, + type: { + type: String, + default: 'info' + }, + closable: { + type: Boolean, + default: true + }, + closeText: { + type: String, + default: '' + }, + showIcon: Boolean, + center: Boolean, + effect: { + type: String, + default: 'light', + validator: function validator(value) { + return ['light', 'dark'].indexOf(value) !== -1; + } + } + }, + + data: function data() { + return { + visible: true + }; + }, + + + methods: { + close: function close() { + this.visible = false; + this.$emit('close'); + } + }, + + computed: { + typeClass: function typeClass() { + return 'el-alert--' + this.type; + }, + iconClass: function iconClass() { + return TYPE_CLASSES_MAP[this.type] || 'el-icon-info'; + }, + isBigIcon: function isBigIcon() { + return this.description || this.$slots.default ? 'is-big' : ''; + }, + isBoldTitle: function isBoldTitle() { + return this.description || this.$slots.default ? 'is-bold' : ''; + } + } +}); +// CONCATENATED MODULE: ./packages/alert/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/alert/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/alert/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/alert/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var packages_alert = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/aside.js b/lib/aside.js new file mode 100644 index 00000000000..1a87e0b31f5 --- /dev/null +++ b/lib/aside.js @@ -0,0 +1,276 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 104); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 104: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/aside/src/main.vue?vue&type=template&id=03411dbf& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "aside", + { staticClass: "el-aside", style: { width: _vm.width } }, + [_vm._t("default")], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/aside/src/main.vue?vue&type=template&id=03411dbf& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/aside/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElAside', + + componentName: 'ElAside', + + props: { + width: { + type: String, + default: '300px' + } + } +}); +// CONCATENATED MODULE: ./packages/aside/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/aside/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/aside/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/aside/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var aside = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/autocomplete.js b/lib/autocomplete.js new file mode 100644 index 00000000000..0f110133bbd --- /dev/null +++ b/lib/autocomplete.js @@ -0,0 +1,952 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 65); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 10: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/input"); + +/***/ }), + +/***/ 11: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/migrating"); + +/***/ }), + +/***/ 12: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/clickoutside"); + +/***/ }), + +/***/ 14: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/scrollbar"); + +/***/ }), + +/***/ 17: +/***/ (function(module, exports) { + +module.exports = require("throttle-debounce/debounce"); + +/***/ }), + +/***/ 22: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/focus"); + +/***/ }), + +/***/ 3: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/util"); + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 5: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/vue-popper"); + +/***/ }), + +/***/ 65: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete.vue?vue&type=template&id=152f2ee6& +var 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.close, + expression: "close" + } + ], + staticClass: "el-autocomplete", + attrs: { + "aria-haspopup": "listbox", + role: "combobox", + "aria-expanded": _vm.suggestionVisible, + "aria-owns": _vm.id + } + }, + [ + _c( + "el-input", + _vm._b( + { + ref: "input", + on: { + input: _vm.handleInput, + change: _vm.handleChange, + focus: _vm.handleFocus, + blur: _vm.handleBlur, + clear: _vm.handleClear + }, + nativeOn: { + keydown: [ + function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "up", 38, $event.key, [ + "Up", + "ArrowUp" + ]) + ) { + return null + } + $event.preventDefault() + _vm.highlight(_vm.highlightedIndex - 1) + }, + function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "down", 40, $event.key, [ + "Down", + "ArrowDown" + ]) + ) { + return null + } + $event.preventDefault() + _vm.highlight(_vm.highlightedIndex + 1) + }, + function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "enter", 13, $event.key, "Enter") + ) { + return null + } + return _vm.handleKeyEnter($event) + }, + function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "tab", 9, $event.key, "Tab") + ) { + return null + } + return _vm.close($event) + } + ] + } + }, + "el-input", + [_vm.$props, _vm.$attrs], + false + ), + [ + _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(), + _vm.$slots.prefix + ? _c("template", { slot: "prefix" }, [_vm._t("prefix")], 2) + : _vm._e(), + _vm.$slots.suffix + ? _c("template", { slot: "suffix" }, [_vm._t("suffix")], 2) + : _vm._e() + ], + 2 + ), + _c( + "el-autocomplete-suggestions", + { + ref: "suggestions", + class: [_vm.popperClass ? _vm.popperClass : ""], + attrs: { + "visible-arrow": "", + "popper-options": _vm.popperOptions, + "append-to-body": _vm.popperAppendToBody, + placement: _vm.placement, + id: _vm.id + } + }, + _vm._l(_vm.suggestions, function(item, index) { + return _c( + "li", + { + key: index, + class: { highlighted: _vm.highlightedIndex === index }, + attrs: { + id: _vm.id + "-item-" + index, + role: "option", + "aria-selected": _vm.highlightedIndex === index + }, + on: { + click: function($event) { + _vm.select(item) + } + } + }, + [ + _vm._t( + "default", + [ + _vm._v("\n " + _vm._s(item[_vm.valueKey]) + "\n ") + ], + { item: item } + ) + ], + 2 + ) + }), + 0 + ) + ], + 1 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue?vue&type=template&id=152f2ee6& + +// EXTERNAL MODULE: external "throttle-debounce/debounce" +var debounce_ = __webpack_require__(17); +var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_); + +// EXTERNAL MODULE: external "element-ui/lib/input" +var input_ = __webpack_require__(10); +var input_default = /*#__PURE__*/__webpack_require__.n(input_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside" +var clickoutside_ = __webpack_require__(12); +var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=template&id=cd10dcf0& +var autocomplete_suggestionsvue_type_template_id_cd10dcf0_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 el-popper", + class: { + "is-loading": !_vm.parent.hideLoading && _vm.parent.loading + }, + style: { width: _vm.dropdownWidth }, + attrs: { role: "region" } + }, + [ + _c( + "el-scrollbar", + { + attrs: { + tag: "ul", + "wrap-class": "el-autocomplete-suggestion__wrap", + "view-class": "el-autocomplete-suggestion__list" + } + }, + [ + !_vm.parent.hideLoading && _vm.parent.loading + ? _c("li", [_c("i", { staticClass: "el-icon-loading" })]) + : _vm._t("default") + ], + 2 + ) + ], + 1 + ) + ] + ) +} +var autocomplete_suggestionsvue_type_template_id_cd10dcf0_staticRenderFns = [] +autocomplete_suggestionsvue_type_template_id_cd10dcf0_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=template&id=cd10dcf0& + +// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper" +var vue_popper_ = __webpack_require__(5); +var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// EXTERNAL MODULE: external "element-ui/lib/scrollbar" +var scrollbar_ = __webpack_require__(14); +var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var autocomplete_suggestionsvue_type_script_lang_js_ = ({ + components: { ElScrollbar: scrollbar_default.a }, + mixins: [vue_popper_default.a, emitter_default.a], + + componentName: 'ElAutocompleteSuggestions', + + data: function data() { + return { + parent: this.$parent, + dropdownWidth: '' + }; + }, + + + props: { + options: { + default: function _default() { + return { + gpuAcceleration: false + }; + } + }, + id: String + }, + + methods: { + select: function select(item) { + this.dispatch('ElAutocomplete', 'item-click', item); + } + }, + + updated: function updated() { + var _this = this; + + this.$nextTick(function (_) { + _this.popperJS && _this.updatePopper(); + }); + }, + mounted: function mounted() { + this.$parent.popperElm = this.popperElm = this.$el; + this.referenceElm = this.$parent.$refs.input.$refs.input || this.$parent.$refs.input.$refs.textarea; + this.referenceList = this.$el.querySelector('.el-autocomplete-suggestion__list'); + this.referenceList.setAttribute('role', 'listbox'); + this.referenceList.setAttribute('id', this.id); + }, + created: function created() { + var _this2 = this; + + this.$on('visible', function (val, inputWidth) { + _this2.dropdownWidth = inputWidth + 'px'; + _this2.showPopper = val; + }); + } +}); +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=script&lang=js& + /* harmony default export */ var src_autocomplete_suggestionsvue_type_script_lang_js_ = (autocomplete_suggestionsvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_autocomplete_suggestionsvue_type_script_lang_js_, + autocomplete_suggestionsvue_type_template_id_cd10dcf0_render, + autocomplete_suggestionsvue_type_template_id_cd10dcf0_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/autocomplete/src/autocomplete-suggestions.vue" +/* harmony default export */ var autocomplete_suggestions = (component.exports); +// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating" +var migrating_ = __webpack_require__(11); +var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/util" +var util_ = __webpack_require__(3); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/focus" +var focus_ = __webpack_require__(22); +var focus_default = /*#__PURE__*/__webpack_require__.n(focus_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + + + +/* harmony default export */ var autocompletevue_type_script_lang_js_ = ({ + name: 'ElAutocomplete', + + mixins: [emitter_default.a, focus_default()('input'), migrating_default.a], + + inheritAttrs: false, + + componentName: 'ElAutocomplete', + + components: { + ElInput: input_default.a, + ElAutocompleteSuggestions: autocomplete_suggestions + }, + + directives: { Clickoutside: clickoutside_default.a }, + + props: { + valueKey: { + type: String, + default: 'value' + }, + popperClass: String, + popperOptions: Object, + placeholder: String, + clearable: { + type: Boolean, + default: false + }, + disabled: Boolean, + name: String, + size: String, + value: String, + maxlength: Number, + minlength: Number, + autofocus: Boolean, + fetchSuggestions: Function, + triggerOnFocus: { + type: Boolean, + default: true + }, + customItem: String, + selectWhenUnmatched: { + type: Boolean, + default: false + }, + prefixIcon: String, + suffixIcon: String, + label: String, + debounce: { + type: Number, + default: 300 + }, + placement: { + type: String, + default: 'bottom-start' + }, + hideLoading: Boolean, + popperAppendToBody: { + type: Boolean, + default: true + }, + highlightFirstItem: { + type: Boolean, + default: false + } + }, + data: function data() { + return { + activated: false, + suggestions: [], + loading: false, + highlightedIndex: -1, + suggestionDisabled: false + }; + }, + + computed: { + suggestionVisible: function suggestionVisible() { + var suggestions = this.suggestions; + var isValidData = Array.isArray(suggestions) && suggestions.length > 0; + return (isValidData || this.loading) && this.activated; + }, + id: function id() { + return 'el-autocomplete-' + Object(util_["generateId"])(); + } + }, + watch: { + suggestionVisible: function suggestionVisible(val) { + var $input = this.getInput(); + if ($input) { + this.broadcast('ElAutocompleteSuggestions', 'visible', [val, $input.offsetWidth]); + } + } + }, + methods: { + getMigratingConfig: function getMigratingConfig() { + return { + props: { + 'custom-item': 'custom-item is removed, use scoped slot instead.', + 'props': 'props is removed, use value-key instead.' + } + }; + }, + getData: function getData(queryString) { + var _this = this; + + if (this.suggestionDisabled) { + return; + } + this.loading = true; + this.fetchSuggestions(queryString, function (suggestions) { + _this.loading = false; + if (_this.suggestionDisabled) { + return; + } + if (Array.isArray(suggestions)) { + _this.suggestions = suggestions; + _this.highlightedIndex = _this.highlightFirstItem ? 0 : -1; + } else { + console.error('[Element Error][Autocomplete]autocomplete suggestions must be an array'); + } + }); + }, + handleInput: function handleInput(value) { + this.$emit('input', value); + this.suggestionDisabled = false; + if (!this.triggerOnFocus && !value) { + this.suggestionDisabled = true; + this.suggestions = []; + return; + } + this.debouncedGetData(value); + }, + handleChange: function handleChange(value) { + this.$emit('change', value); + }, + handleFocus: function handleFocus(event) { + this.activated = true; + this.$emit('focus', event); + if (this.triggerOnFocus) { + this.debouncedGetData(this.value); + } + }, + handleBlur: function handleBlur(event) { + this.$emit('blur', event); + }, + handleClear: function handleClear() { + this.activated = false; + this.$emit('clear'); + }, + close: function close(e) { + this.activated = false; + }, + handleKeyEnter: function handleKeyEnter(e) { + var _this2 = this; + + if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) { + e.preventDefault(); + this.select(this.suggestions[this.highlightedIndex]); + } else if (this.selectWhenUnmatched) { + this.$emit('select', { value: this.value }); + this.$nextTick(function (_) { + _this2.suggestions = []; + _this2.highlightedIndex = -1; + }); + } + }, + select: function select(item) { + var _this3 = this; + + this.$emit('input', item[this.valueKey]); + this.$emit('select', item); + this.$nextTick(function (_) { + _this3.suggestions = []; + _this3.highlightedIndex = -1; + }); + }, + highlight: function highlight(index) { + if (!this.suggestionVisible || this.loading) { + return; + } + if (index < 0) { + this.highlightedIndex = -1; + return; + } + 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; + var $input = this.getInput(); + $input.setAttribute('aria-activedescendant', this.id + '-item-' + this.highlightedIndex); + }, + getInput: function getInput() { + return this.$refs.input.getInput(); + } + }, + mounted: function mounted() { + var _this4 = this; + + this.debouncedGetData = debounce_default()(this.debounce, this.getData); + this.$on('item-click', function (item) { + _this4.select(item); + }); + var $input = this.getInput(); + $input.setAttribute('role', 'textbox'); + $input.setAttribute('aria-autocomplete', 'list'); + $input.setAttribute('aria-controls', 'id'); + $input.setAttribute('aria-activedescendant', this.id + '-item-' + this.highlightedIndex); + }, + beforeDestroy: function beforeDestroy() { + this.$refs.suggestions.$destroy(); + } +}); +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue?vue&type=script&lang=js& + /* harmony default export */ var src_autocompletevue_type_script_lang_js_ = (autocompletevue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue + + + + + +/* normalize component */ + +var autocomplete_component = Object(componentNormalizer["a" /* default */])( + src_autocompletevue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var autocomplete_api; } +autocomplete_component.options.__file = "packages/autocomplete/src/autocomplete.vue" +/* harmony default export */ var autocomplete = (autocomplete_component.exports); +// CONCATENATED MODULE: ./packages/autocomplete/index.js + + +/* istanbul ignore next */ +autocomplete.install = function (Vue) { + Vue.component(autocomplete.name, autocomplete); +}; + +/* harmony default export */ var packages_autocomplete = __webpack_exports__["default"] = (autocomplete); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/avatar.js b/lib/avatar.js new file mode 100644 index 00000000000..b05a2f620b2 --- /dev/null +++ b/lib/avatar.js @@ -0,0 +1,362 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 125); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 125: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/avatar/src/main.vue?vue&type=script&lang=js& + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElAvatar', + + props: { + size: { + type: [Number, String], + validator: function validator(val) { + if (typeof val === 'string') { + return ['large', 'medium', 'small'].includes(val); + } + return typeof val === 'number'; + } + }, + shape: { + type: String, + default: 'circle', + validator: function validator(val) { + return ['circle', 'square'].includes(val); + } + }, + icon: String, + src: String, + alt: String, + srcSet: String, + error: Function, + fit: { + type: String, + default: 'cover' + } + }, + + data: function data() { + return { + isImageExist: true + }; + }, + + + computed: { + avatarClass: function avatarClass() { + var size = this.size, + icon = this.icon, + shape = this.shape; + + var classList = ['el-avatar']; + + if (size && typeof size === 'string') { + classList.push('el-avatar--' + size); + } + + if (icon) { + classList.push('el-avatar--icon'); + } + + if (shape) { + classList.push('el-avatar--' + shape); + } + + return classList.join(' '); + } + }, + + methods: { + handleError: function handleError() { + var error = this.error; + + var errorFlag = error ? error() : undefined; + if (errorFlag !== false) { + this.isImageExist = false; + } + }, + renderAvatar: function renderAvatar() { + var h = this.$createElement; + var icon = this.icon, + src = this.src, + alt = this.alt, + isImageExist = this.isImageExist, + srcSet = this.srcSet, + fit = this.fit; + + + if (isImageExist && src) { + return h('img', { + attrs: { + src: src, + + alt: alt, + srcSet: srcSet + }, + on: { + 'error': this.handleError + }, + style: { 'object-fit': fit } }); + } + + if (icon) { + return h('i', { 'class': icon }); + } + + return this.$slots.default; + } + }, + + render: function render() { + var h = arguments[0]; + var avatarClass = this.avatarClass, + size = this.size; + + + var sizeStyle = typeof size === 'number' ? { + height: size + 'px', + width: size + 'px', + lineHeight: size + 'px' + } : {}; + + return h( + 'span', + { 'class': avatarClass, style: sizeStyle }, + [this.renderAvatar()] + ); + } +}); +// CONCATENATED MODULE: ./packages/avatar/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/avatar/src/main.vue +var render, staticRenderFns + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/avatar/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/avatar/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var avatar = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/backtop.js b/lib/backtop.js new file mode 100644 index 00000000000..ae8b4dc820a --- /dev/null +++ b/lib/backtop.js @@ -0,0 +1,401 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 108); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 108: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/backtop/src/main.vue?vue&type=template&id=257dd4a9& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("transition", { attrs: { name: "el-fade-in" } }, [ + _vm.visible + ? _c( + "div", + { + staticClass: "el-backtop", + style: { + right: _vm.styleRight, + bottom: _vm.styleBottom + }, + on: { + click: function($event) { + $event.stopPropagation() + return _vm.handleClick($event) + } + } + }, + [ + _vm._t("default", [_c("el-icon", { attrs: { name: "caret-top" } })]) + ], + 2 + ) + : _vm._e() + ]) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/backtop/src/main.vue?vue&type=template&id=257dd4a9& + +// EXTERNAL MODULE: external "throttle-debounce/throttle" +var throttle_ = __webpack_require__(25); +var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/backtop/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +var cubic = function cubic(value) { + return Math.pow(value, 3); +}; +var easeInOutCubic = function easeInOutCubic(value) { + return value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2; +}; + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElBacktop', + + props: { + visibilityHeight: { + type: Number, + default: 200 + }, + target: [String], + right: { + type: Number, + default: 40 + }, + bottom: { + type: Number, + default: 40 + } + }, + + data: function data() { + return { + el: null, + container: null, + visible: false + }; + }, + + + computed: { + styleBottom: function styleBottom() { + return this.bottom + 'px'; + }, + styleRight: function styleRight() { + return this.right + 'px'; + } + }, + + mounted: function mounted() { + this.init(); + this.throttledScrollHandler = throttle_default()(300, this.onScroll); + this.container.addEventListener('scroll', this.throttledScrollHandler); + }, + + + methods: { + init: function init() { + this.container = document; + this.el = document.documentElement; + if (this.target) { + this.el = document.querySelector(this.target); + if (!this.el) { + throw new Error('target is not existed: ' + this.target); + } + this.container = this.el; + } + }, + onScroll: function onScroll() { + var scrollTop = this.el.scrollTop; + this.visible = scrollTop >= this.visibilityHeight; + }, + handleClick: function handleClick(e) { + this.scrollToTop(); + this.$emit('click', e); + }, + scrollToTop: function scrollToTop() { + var el = this.el; + var beginTime = Date.now(); + var beginValue = el.scrollTop; + var rAF = window.requestAnimationFrame || function (func) { + return setTimeout(func, 16); + }; + var frameFunc = function frameFunc() { + var progress = (Date.now() - beginTime) / 500; + if (progress < 1) { + el.scrollTop = beginValue * (1 - easeInOutCubic(progress)); + rAF(frameFunc); + } else { + el.scrollTop = 0; + } + }; + rAF(frameFunc); + } + }, + + beforeDestroy: function beforeDestroy() { + this.container.removeEventListener('scroll', this.throttledScrollHandler); + } +}); +// CONCATENATED MODULE: ./packages/backtop/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/backtop/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/backtop/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/backtop/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var backtop = __webpack_exports__["default"] = (main); + +/***/ }), + +/***/ 25: +/***/ (function(module, exports) { + +module.exports = require("throttle-debounce/throttle"); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/badge.js b/lib/badge.js new file mode 100644 index 00000000000..cd94e9525a5 --- /dev/null +++ b/lib/badge.js @@ -0,0 +1,333 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 107); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 107: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/badge/src/main.vue?vue&type=template&id=7ccb6598& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { staticClass: "el-badge" }, + [ + _vm._t("default"), + _c("transition", { attrs: { name: "el-zoom-in-center" } }, [ + _c("sup", { + directives: [ + { + name: "show", + rawName: "v-show", + value: + !_vm.hidden && (_vm.content || _vm.content === 0 || _vm.isDot), + expression: "!hidden && (content || content === 0 || isDot)" + } + ], + staticClass: "el-badge__content", + class: [ + "el-badge__content--" + _vm.type, + { + "is-fixed": _vm.$slots.default, + "is-dot": _vm.isDot + } + ], + domProps: { textContent: _vm._s(_vm.content) } + }) + ]) + ], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/badge/src/main.vue?vue&type=template&id=7ccb6598& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/badge/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElBadge', + + props: { + value: [String, Number], + max: Number, + isDot: Boolean, + hidden: Boolean, + type: { + type: String, + validator: function validator(val) { + return ['primary', 'success', 'warning', 'info', 'danger'].indexOf(val) > -1; + } + } + }, + + computed: { + content: function content() { + if (this.isDot) return; + + var value = this.value; + var max = this.max; + + if (typeof value === 'number' && typeof max === 'number') { + return max < value ? max + '+' : value; + } + + return value; + } + } +}); +// CONCATENATED MODULE: ./packages/badge/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/badge/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/badge/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/badge/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var badge = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/breadcrumb-item.js b/lib/breadcrumb-item.js new file mode 100644 index 00000000000..d0d6de8b32b --- /dev/null +++ b/lib/breadcrumb-item.js @@ -0,0 +1,321 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 122); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 122: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=fcf9eaac& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("span", { staticClass: "el-breadcrumb__item" }, [ + _c( + "span", + { + ref: "link", + class: ["el-breadcrumb__inner", _vm.to ? "is-link" : ""], + attrs: { role: "link" } + }, + [_vm._t("default")], + 2 + ), + _vm.separatorClass + ? _c("i", { + staticClass: "el-breadcrumb__separator", + class: _vm.separatorClass + }) + : _c( + "span", + { + staticClass: "el-breadcrumb__separator", + attrs: { role: "presentation" } + }, + [_vm._v(_vm._s(_vm.separator))] + ) + ]) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=fcf9eaac& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/breadcrumb/src/breadcrumb-item.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// + +/* harmony default export */ var breadcrumb_itemvue_type_script_lang_js_ = ({ + name: 'ElBreadcrumbItem', + props: { + to: {}, + replace: Boolean + }, + data: function data() { + return { + separator: '', + separatorClass: '' + }; + }, + + + inject: ['elBreadcrumb'], + + mounted: function mounted() { + var _this = this; + + this.separator = this.elBreadcrumb.separator; + this.separatorClass = this.elBreadcrumb.separatorClass; + var link = this.$refs.link; + link.setAttribute('role', 'link'); + link.addEventListener('click', function (_) { + var to = _this.to, + $router = _this.$router; + + if (!to || !$router) return; + _this.replace ? $router.replace(to) : $router.push(to); + }); + } +}); +// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb-item.vue?vue&type=script&lang=js& + /* harmony default export */ var src_breadcrumb_itemvue_type_script_lang_js_ = (breadcrumb_itemvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb-item.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_breadcrumb_itemvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/breadcrumb/src/breadcrumb-item.vue" +/* harmony default export */ var breadcrumb_item = (component.exports); +// CONCATENATED MODULE: ./packages/breadcrumb-item/index.js + + +/* istanbul ignore next */ +breadcrumb_item.install = function (Vue) { + Vue.component(breadcrumb_item.name, breadcrumb_item); +}; + +/* harmony default export */ var packages_breadcrumb_item = __webpack_exports__["default"] = (breadcrumb_item); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/breadcrumb.js b/lib/breadcrumb.js new file mode 100644 index 00000000000..83e75483d85 --- /dev/null +++ b/lib/breadcrumb.js @@ -0,0 +1,292 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 110); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 110: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/breadcrumb/src/breadcrumb.vue?vue&type=template&id=4b464c06& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-breadcrumb", + attrs: { "aria-label": "Breadcrumb", role: "navigation" } + }, + [_vm._t("default")], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb.vue?vue&type=template&id=4b464c06& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/breadcrumb/src/breadcrumb.vue?vue&type=script&lang=js& +// +// +// +// +// + +/* harmony default export */ var breadcrumbvue_type_script_lang_js_ = ({ + name: 'ElBreadcrumb', + + props: { + separator: { + type: String, + default: '/' + }, + separatorClass: { + type: String, + default: '' + } + }, + + provide: function provide() { + return { + elBreadcrumb: this + }; + }, + mounted: function mounted() { + var items = this.$el.querySelectorAll('.el-breadcrumb__item'); + if (items.length) { + items[items.length - 1].setAttribute('aria-current', 'page'); + } + } +}); +// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb.vue?vue&type=script&lang=js& + /* harmony default export */ var src_breadcrumbvue_type_script_lang_js_ = (breadcrumbvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_breadcrumbvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/breadcrumb/src/breadcrumb.vue" +/* harmony default export */ var breadcrumb = (component.exports); +// CONCATENATED MODULE: ./packages/breadcrumb/index.js + + +/* istanbul ignore next */ +breadcrumb.install = function (Vue) { + Vue.component(breadcrumb.name, breadcrumb); +}; + +/* harmony default export */ var packages_breadcrumb = __webpack_exports__["default"] = (breadcrumb); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/button-group.js b/lib/button-group.js new file mode 100644 index 00000000000..53f3272f85f --- /dev/null +++ b/lib/button-group.js @@ -0,0 +1,261 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 99); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 99: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button-group.vue?vue&type=template&id=3d8661d0& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("div", { staticClass: "el-button-group" }, [_vm._t("default")], 2) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/button/src/button-group.vue?vue&type=template&id=3d8661d0& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button-group.vue?vue&type=script&lang=js& +// +// +// +// +// + +/* harmony default export */ var button_groupvue_type_script_lang_js_ = ({ + name: 'ElButtonGroup' +}); +// CONCATENATED MODULE: ./packages/button/src/button-group.vue?vue&type=script&lang=js& + /* harmony default export */ var src_button_groupvue_type_script_lang_js_ = (button_groupvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/button/src/button-group.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_button_groupvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/button/src/button-group.vue" +/* harmony default export */ var button_group = (component.exports); +// CONCATENATED MODULE: ./packages/button-group/index.js + + +/* istanbul ignore next */ +button_group.install = function (Vue) { + Vue.component(button_group.name, button_group); +}; + +/* harmony default export */ var packages_button_group = __webpack_exports__["default"] = (button_group); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/button.js b/lib/button.js new file mode 100644 index 00000000000..b6546421400 --- /dev/null +++ b/lib/button.js @@ -0,0 +1,356 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 97); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 97: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=template&id=ca859fb4& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "button", + { + staticClass: "el-button", + class: [ + _vm.type ? "el-button--" + _vm.type : "", + _vm.buttonSize ? "el-button--" + _vm.buttonSize : "", + { + "is-disabled": _vm.buttonDisabled, + "is-loading": _vm.loading, + "is-plain": _vm.plain, + "is-round": _vm.round, + "is-circle": _vm.circle + } + ], + attrs: { + disabled: _vm.buttonDisabled || _vm.loading, + autofocus: _vm.autofocus, + type: _vm.nativeType + }, + on: { click: _vm.handleClick } + }, + [ + _vm.loading ? _c("i", { staticClass: "el-icon-loading" }) : _vm._e(), + _vm.icon && !_vm.loading ? _c("i", { class: _vm.icon }) : _vm._e(), + _vm.$slots.default ? _c("span", [_vm._t("default")], 2) : _vm._e() + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=template&id=ca859fb4& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +/* harmony default export */ var buttonvue_type_script_lang_js_ = ({ + name: 'ElButton', + + inject: { + elForm: { + default: '' + }, + elFormItem: { + default: '' + } + }, + + props: { + type: { + type: String, + default: 'default' + }, + size: String, + icon: { + type: String, + default: '' + }, + nativeType: { + type: String, + default: 'button' + }, + loading: Boolean, + disabled: Boolean, + plain: Boolean, + autofocus: Boolean, + round: Boolean, + circle: Boolean + }, + + computed: { + _elFormItemSize: function _elFormItemSize() { + return (this.elFormItem || {}).elFormItemSize; + }, + buttonSize: function buttonSize() { + return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; + }, + buttonDisabled: function buttonDisabled() { + return this.disabled || (this.elForm || {}).disabled; + } + }, + + methods: { + handleClick: function handleClick(evt) { + this.$emit('click', evt); + } + } +}); +// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=script&lang=js& + /* harmony default export */ var src_buttonvue_type_script_lang_js_ = (buttonvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/button/src/button.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_buttonvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/button/src/button.vue" +/* harmony default export */ var src_button = (component.exports); +// CONCATENATED MODULE: ./packages/button/index.js + + +/* istanbul ignore next */ +src_button.install = function (Vue) { + Vue.component(src_button.name, src_button); +}; + +/* harmony default export */ var packages_button = __webpack_exports__["default"] = (src_button); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/calendar.js b/lib/calendar.js new file mode 100644 index 00000000000..a9530c4aedd --- /dev/null +++ b/lib/calendar.js @@ -0,0 +1,938 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 66); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 1: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/date-util"); + +/***/ }), + +/***/ 13: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/button"); + +/***/ }), + +/***/ 24: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/date"); + +/***/ }), + +/***/ 36: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/button-group"); + +/***/ }), + +/***/ 6: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/locale"); + +/***/ }), + +/***/ 66: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=template&id=6d9756be& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("div", { staticClass: "el-calendar" }, [ + _c("div", { staticClass: "el-calendar__header" }, [ + _c("div", { staticClass: "el-calendar__title" }, [ + _vm._v("\n " + _vm._s(_vm.i18nDate) + "\n ") + ]), + _vm.validatedRange.length === 0 + ? _c( + "div", + { staticClass: "el-calendar__button-group" }, + [ + _c( + "el-button-group", + [ + _c( + "el-button", + { + attrs: { type: "plain", size: "mini" }, + on: { + click: function($event) { + _vm.selectDate("prev-month") + } + } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.datepicker.prevMonth")) + + "\n " + ) + ] + ), + _c( + "el-button", + { + attrs: { type: "plain", size: "mini" }, + on: { + click: function($event) { + _vm.selectDate("today") + } + } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.datepicker.today")) + + "\n " + ) + ] + ), + _c( + "el-button", + { + attrs: { type: "plain", size: "mini" }, + on: { + click: function($event) { + _vm.selectDate("next-month") + } + } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.datepicker.nextMonth")) + + "\n " + ) + ] + ) + ], + 1 + ) + ], + 1 + ) + : _vm._e() + ]), + _vm.validatedRange.length === 0 + ? _c( + "div", + { key: "no-range", staticClass: "el-calendar__body" }, + [ + _c("date-table", { + attrs: { + date: _vm.date, + "selected-day": _vm.realSelectedDay, + "first-day-of-week": _vm.realFirstDayOfWeek + }, + on: { pick: _vm.pickDay } + }) + ], + 1 + ) + : _c( + "div", + { key: "has-range", staticClass: "el-calendar__body" }, + _vm._l(_vm.validatedRange, function(range, index) { + return _c("date-table", { + key: index, + attrs: { + date: range[0], + "selected-day": _vm.realSelectedDay, + range: range, + "hide-header": index !== 0, + "first-day-of-week": _vm.realFirstDayOfWeek + }, + on: { pick: _vm.pickDay } + }) + }), + 1 + ) + ]) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=template&id=6d9756be& + +// EXTERNAL MODULE: external "element-ui/lib/mixins/locale" +var locale_ = __webpack_require__(6); +var locale_default = /*#__PURE__*/__webpack_require__.n(locale_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/date" +var date_ = __webpack_require__(24); +var date_default = /*#__PURE__*/__webpack_require__.n(date_); + +// EXTERNAL MODULE: external "element-ui/lib/button" +var button_ = __webpack_require__(13); +var button_default = /*#__PURE__*/__webpack_require__.n(button_); + +// EXTERNAL MODULE: external "element-ui/lib/button-group" +var button_group_ = __webpack_require__(36); +var button_group_default = /*#__PURE__*/__webpack_require__.n(button_group_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/date-util" +var date_util_ = __webpack_require__(1); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/date-table.vue?vue&type=script&lang=js& + + + + +/* harmony default export */ var date_tablevue_type_script_lang_js_ = ({ + props: { + selectedDay: String, // formated date yyyy-MM-dd + range: { + type: Array, + validator: function validator(val) { + if (!(val && val.length)) return true; + var start = val[0], + end = val[1]; + + return Object(date_util_["validateRangeInOneMonth"])(start, end); + } + }, + date: Date, + hideHeader: Boolean, + firstDayOfWeek: Number + }, + + inject: ['elCalendar'], + + data: function data() { + return { + WEEK_DAYS: Object(date_util_["getI18nSettings"])().dayNames + }; + }, + + + methods: { + toNestedArr: function toNestedArr(days) { + return Object(date_util_["range"])(days.length / 7).map(function (_, index) { + var start = index * 7; + return days.slice(start, start + 7); + }); + }, + getFormateDate: function getFormateDate(day, type) { + if (!day || ['prev', 'current', 'next'].indexOf(type) === -1) { + throw new Error('invalid day or type'); + } + var prefix = this.curMonthDatePrefix; + if (type === 'prev') { + prefix = this.prevMonthDatePrefix; + } else if (type === 'next') { + prefix = this.nextMonthDatePrefix; + } + day = ('00' + day).slice(-2); + return prefix + '-' + day; + }, + getCellClass: function getCellClass(_ref) { + var text = _ref.text, + type = _ref.type; + + var classes = [type]; + if (type === 'current') { + var date = this.getFormateDate(text, type); + if (date === this.selectedDay) { + classes.push('is-selected'); + } + if (date === this.formatedToday) { + classes.push('is-today'); + } + } + return classes; + }, + pickDay: function pickDay(_ref2) { + var text = _ref2.text, + type = _ref2.type; + + var date = this.getFormateDate(text, type); + this.$emit('pick', date); + }, + cellRenderProxy: function cellRenderProxy(_ref3) { + var text = _ref3.text, + type = _ref3.type; + var h = this.$createElement; + + var render = this.elCalendar.$scopedSlots.dateCell; + if (!render) return h('span', [text]); + + var day = this.getFormateDate(text, type); + var date = new Date(day); + var data = { + isSelected: this.selectedDay === day, + type: type + '-month', + day: day + }; + return render({ date: date, data: data }); + } + }, + + computed: { + prevMonthDatePrefix: function prevMonthDatePrefix() { + var temp = new Date(this.date.getTime()); + temp.setDate(0); + return date_default.a.format(temp, 'yyyy-MM'); + }, + curMonthDatePrefix: function curMonthDatePrefix() { + return date_default.a.format(this.date, 'yyyy-MM'); + }, + nextMonthDatePrefix: function nextMonthDatePrefix() { + var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1); + return date_default.a.format(temp, 'yyyy-MM'); + }, + formatedToday: function formatedToday() { + return this.elCalendar.formatedToday; + }, + isInRange: function isInRange() { + return this.range && this.range.length; + }, + rows: function rows() { + var days = []; + // if range exists, should render days in range. + if (this.isInRange) { + var _range = this.range, + start = _range[0], + end = _range[1]; + + var currentMonthRange = Object(date_util_["range"])(end.getDate() - start.getDate() + 1).map(function (_, index) { + return { + text: start.getDate() + index, + type: 'current' + }; + }); + var remaining = currentMonthRange.length % 7; + remaining = remaining === 0 ? 0 : 7 - remaining; + var nextMonthRange = Object(date_util_["range"])(remaining).map(function (_, index) { + return { + text: index + 1, + type: 'next' + }; + }); + days = currentMonthRange.concat(nextMonthRange); + } else { + var date = this.date; + var firstDay = Object(date_util_["getFirstDayOfMonth"])(date); + firstDay = firstDay === 0 ? 7 : firstDay; + var firstDayOfWeek = typeof this.firstDayOfWeek === 'number' ? this.firstDayOfWeek : 1; + var prevMonthDays = Object(date_util_["getPrevMonthLastDays"])(date, firstDay - firstDayOfWeek).map(function (day) { + return { + text: day, + type: 'prev' + }; + }); + var currentMonthDays = Object(date_util_["getMonthDays"])(date).map(function (day) { + return { + text: day, + type: 'current' + }; + }); + days = [].concat(prevMonthDays, currentMonthDays); + var nextMonthDays = Object(date_util_["range"])(42 - days.length).map(function (_, index) { + return { + text: index + 1, + type: 'next' + }; + }); + days = days.concat(nextMonthDays); + } + return this.toNestedArr(days); + }, + weekDays: function weekDays() { + var start = this.firstDayOfWeek; + var WEEK_DAYS = this.WEEK_DAYS; + + + if (typeof start !== 'number' || start === 0) { + return WEEK_DAYS.slice(); + } else { + return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start)); + } + } + }, + + render: function render() { + var _this = this; + + var h = arguments[0]; + + var thead = this.hideHeader ? null : h('thead', [this.weekDays.map(function (day) { + return h( + 'th', + { key: day }, + [day] + ); + })]); + return h( + 'table', + { + 'class': { + 'el-calendar-table': true, + 'is-range': this.isInRange + }, + attrs: { cellspacing: '0', + cellpadding: '0' } + }, + [thead, h('tbody', [this.rows.map(function (row, index) { + return h( + 'tr', + { + 'class': { + 'el-calendar-table__row': true, + 'el-calendar-table__row--hide-border': index === 0 && _this.hideHeader + }, + key: index }, + [row.map(function (cell, key) { + return h( + 'td', + { key: key, + 'class': _this.getCellClass(cell), + on: { + 'click': _this.pickDay.bind(_this, cell) + } + }, + [h( + 'div', + { 'class': 'el-calendar-day' }, + [_this.cellRenderProxy(cell)] + )] + ); + })] + ); + })])] + ); + } +}); +// CONCATENATED MODULE: ./packages/calendar/src/date-table.vue?vue&type=script&lang=js& + /* harmony default export */ var src_date_tablevue_type_script_lang_js_ = (date_tablevue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/calendar/src/date-table.vue +var date_table_render, date_table_staticRenderFns + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_date_tablevue_type_script_lang_js_, + date_table_render, + date_table_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/calendar/src/date-table.vue" +/* harmony default export */ var date_table = (component.exports); +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + +var validTypes = ['prev-month', 'today', 'next-month']; +var weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; +var oneDay = 86400000; + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElCalendar', + + mixins: [locale_default.a], + + components: { + DateTable: date_table, + ElButton: button_default.a, + ElButtonGroup: button_group_default.a + }, + + props: { + value: [Date, String, Number], + range: { + type: Array, + validator: function validator(range) { + if (Array.isArray(range)) { + return range.length === 2 && range.every(function (item) { + return typeof item === 'string' || typeof item === 'number' || item instanceof Date; + }); + } else { + return true; + } + } + }, + firstDayOfWeek: { + type: Number, + default: 1 + } + }, + + provide: function provide() { + return { + elCalendar: this + }; + }, + + + methods: { + pickDay: function pickDay(day) { + this.realSelectedDay = day; + }, + selectDate: function selectDate(type) { + if (validTypes.indexOf(type) === -1) { + throw new Error('invalid type ' + type); + } + var day = ''; + if (type === 'prev-month') { + day = this.prevMonthDatePrefix + '-01'; + } else if (type === 'next-month') { + day = this.nextMonthDatePrefix + '-01'; + } else { + day = this.formatedToday; + } + + if (day === this.formatedDate) return; + this.pickDay(day); + }, + toDate: function toDate(val) { + if (!val) { + throw new Error('invalid val'); + } + return val instanceof Date ? val : new Date(val); + }, + rangeValidator: function rangeValidator(date, isStart) { + var firstDayOfWeek = this.realFirstDayOfWeek; + var expected = isStart ? firstDayOfWeek : firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1; + var message = (isStart ? 'start' : 'end') + ' of range should be ' + weekDays[expected] + '.'; + if (date.getDay() !== expected) { + console.warn('[ElementCalendar]', message, 'Invalid range will be ignored.'); + return false; + } + return true; + } + }, + + computed: { + prevMonthDatePrefix: function prevMonthDatePrefix() { + var temp = new Date(this.date.getTime()); + temp.setDate(0); + return date_default.a.format(temp, 'yyyy-MM'); + }, + curMonthDatePrefix: function curMonthDatePrefix() { + return date_default.a.format(this.date, 'yyyy-MM'); + }, + nextMonthDatePrefix: function nextMonthDatePrefix() { + var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1); + return date_default.a.format(temp, 'yyyy-MM'); + }, + formatedDate: function formatedDate() { + return date_default.a.format(this.date, 'yyyy-MM-dd'); + }, + i18nDate: function i18nDate() { + var year = this.date.getFullYear(); + var month = this.date.getMonth() + 1; + return year + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + month); + }, + formatedToday: function formatedToday() { + return date_default.a.format(this.now, 'yyyy-MM-dd'); + }, + + + realSelectedDay: { + get: function get() { + if (!this.value) return this.selectedDay; + return this.formatedDate; + }, + set: function set(val) { + this.selectedDay = val; + var date = new Date(val); + this.$emit('input', date); + } + }, + + date: function date() { + if (!this.value) { + if (this.realSelectedDay) { + var d = this.selectedDay.split('-'); + return new Date(d[0], d[1] - 1, d[2]); + } else if (this.validatedRange.length) { + return this.validatedRange[0][0]; + } + return this.now; + } else { + return this.toDate(this.value); + } + }, + + + // if range is valid, we get a two-digit array + validatedRange: function validatedRange() { + var _this = this; + + var range = this.range; + if (!range) return []; + range = range.reduce(function (prev, val, index) { + var date = _this.toDate(val); + if (_this.rangeValidator(date, index === 0)) { + prev = prev.concat(date); + } + return prev; + }, []); + if (range.length === 2) { + var _range = range, + start = _range[0], + end = _range[1]; + + if (start > end) { + console.warn('[ElementCalendar]end time should be greater than start time'); + return []; + } + // start time and end time in one month + if (Object(date_util_["validateRangeInOneMonth"])(start, end)) { + return [[start, end]]; + } + var data = []; + var startDay = new Date(start.getFullYear(), start.getMonth() + 1, 1); + var lastDay = this.toDate(startDay.getTime() - oneDay); + if (!Object(date_util_["validateRangeInOneMonth"])(startDay, end)) { + console.warn('[ElementCalendar]start time and end time interval must not exceed two months'); + return []; + } + // 第一个月的时间范围 + data.push([start, lastDay]); + // 下一月的时间范围，需要计算一下该月的第一个周起始日 + var firstDayOfWeek = this.realFirstDayOfWeek; + var nextMontFirstDay = startDay.getDay(); + var interval = 0; + if (nextMontFirstDay !== firstDayOfWeek) { + if (firstDayOfWeek === 0) { + interval = 7 - nextMontFirstDay; + } else { + interval = firstDayOfWeek - nextMontFirstDay; + interval = interval > 0 ? interval : 7 + interval; + } + } + startDay = this.toDate(startDay.getTime() + interval * oneDay); + if (startDay.getDate() < end.getDate()) { + data.push([startDay, end]); + } + return data; + } + return []; + }, + realFirstDayOfWeek: function realFirstDayOfWeek() { + if (this.firstDayOfWeek < 1 || this.firstDayOfWeek > 6) { + return 0; + } + return Math.floor(this.firstDayOfWeek); + } + }, + + data: function data() { + return { + selectedDay: '', + now: new Date() + }; + } +}); +// CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/calendar/src/main.vue + + + + + +/* normalize component */ + +var main_component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var main_api; } +main_component.options.__file = "packages/calendar/src/main.vue" +/* harmony default export */ var main = (main_component.exports); +// CONCATENATED MODULE: ./packages/calendar/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var calendar = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/card.js b/lib/card.js new file mode 100644 index 00000000000..6ea0130bce5 --- /dev/null +++ b/lib/card.js @@ -0,0 +1,296 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 103); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 103: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/card/src/main.vue?vue&type=template&id=59a4a40f& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-card", + class: _vm.shadow ? "is-" + _vm.shadow + "-shadow" : "is-always-shadow" + }, + [ + _vm.$slots.header || _vm.header + ? _c( + "div", + { staticClass: "el-card__header" }, + [_vm._t("header", [_vm._v(_vm._s(_vm.header))])], + 2 + ) + : _vm._e(), + _c( + "div", + { staticClass: "el-card__body", style: _vm.bodyStyle }, + [_vm._t("default")], + 2 + ) + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/card/src/main.vue?vue&type=template&id=59a4a40f& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/card/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElCard', + props: { + header: {}, + bodyStyle: {}, + shadow: { + type: String + } + } +}); +// CONCATENATED MODULE: ./packages/card/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/card/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/card/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/card/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var card = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/carousel-item.js b/lib/carousel-item.js new file mode 100644 index 00000000000..e211d8276b7 --- /dev/null +++ b/lib/carousel-item.js @@ -0,0 +1,432 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 111); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 111: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/item.vue?vue&type=template&id=1801ae19& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.ready, + expression: "ready" + } + ], + staticClass: "el-carousel__item", + class: { + "is-active": _vm.active, + "el-carousel__item--card": _vm.$parent.type === "card", + "is-in-stage": _vm.inStage, + "is-hover": _vm.hover, + "is-animating": _vm.animating + }, + style: _vm.itemStyle, + on: { click: _vm.handleItemClick } + }, + [ + _vm.$parent.type === "card" + ? _c("div", { + directives: [ + { + name: "show", + rawName: "v-show", + value: !_vm.active, + expression: "!active" + } + ], + staticClass: "el-carousel__mask" + }) + : _vm._e(), + _vm._t("default") + ], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/carousel/src/item.vue?vue&type=template&id=1801ae19& + +// EXTERNAL MODULE: external "element-ui/lib/utils/util" +var util_ = __webpack_require__(3); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/item.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + +var CARD_SCALE = 0.83; +/* harmony default export */ var itemvue_type_script_lang_js_ = ({ + name: 'ElCarouselItem', + + props: { + name: String, + label: { + type: [String, Number], + default: '' + } + }, + + data: function data() { + return { + hover: false, + translate: 0, + scale: 1, + active: false, + ready: false, + inStage: false, + animating: false + }; + }, + + + methods: { + processIndex: function processIndex(index, activeIndex, length) { + if (activeIndex === 0 && index === length - 1) { + return -1; + } else if (activeIndex === length - 1 && index === 0) { + return length; + } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) { + return length + 1; + } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) { + return -2; + } + return index; + }, + calcCardTranslate: function calcCardTranslate(index, activeIndex) { + var parentWidth = this.$parent.$el.offsetWidth; + if (this.inStage) { + return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4; + } else if (index < activeIndex) { + return -(1 + CARD_SCALE) * parentWidth / 4; + } else { + return (3 + CARD_SCALE) * parentWidth / 4; + } + }, + calcTranslate: function calcTranslate(index, activeIndex, isVertical) { + var distance = this.$parent.$el[isVertical ? 'offsetHeight' : 'offsetWidth']; + return distance * (index - activeIndex); + }, + translateItem: function translateItem(index, activeIndex, oldIndex) { + var parentType = this.$parent.type; + var parentDirection = this.parentDirection; + var length = this.$parent.items.length; + if (parentType !== 'card' && oldIndex !== undefined) { + this.animating = index === activeIndex || index === oldIndex; + } + if (index !== activeIndex && length > 2 && this.$parent.loop) { + index = this.processIndex(index, activeIndex, length); + } + if (parentType === 'card') { + if (parentDirection === 'vertical') { + console.warn('[Element Warn][Carousel]vertical direction is not supported in card mode'); + } + this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1; + this.active = index === activeIndex; + this.translate = this.calcCardTranslate(index, activeIndex); + this.scale = this.active ? 1 : CARD_SCALE; + } else { + this.active = index === activeIndex; + var isVertical = parentDirection === 'vertical'; + this.translate = this.calcTranslate(index, activeIndex, isVertical); + } + this.ready = true; + }, + handleItemClick: function handleItemClick() { + var parent = this.$parent; + if (parent && parent.type === 'card') { + var index = parent.items.indexOf(this); + parent.setActiveItem(index); + } + } + }, + + computed: { + parentDirection: function parentDirection() { + return this.$parent.direction; + }, + itemStyle: function itemStyle() { + var translateType = this.parentDirection === 'vertical' ? 'translateY' : 'translateX'; + var value = translateType + '(' + this.translate + 'px) scale(' + this.scale + ')'; + var style = { + transform: value + }; + return Object(util_["autoprefixer"])(style); + } + }, + + created: function created() { + this.$parent && this.$parent.updateItems(); + }, + destroyed: function destroyed() { + this.$parent && this.$parent.updateItems(); + } +}); +// CONCATENATED MODULE: ./packages/carousel/src/item.vue?vue&type=script&lang=js& + /* harmony default export */ var src_itemvue_type_script_lang_js_ = (itemvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/carousel/src/item.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_itemvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/carousel/src/item.vue" +/* harmony default export */ var item = (component.exports); +// CONCATENATED MODULE: ./packages/carousel-item/index.js + + +/* istanbul ignore next */ +item.install = function (Vue) { + Vue.component(item.name, item); +}; + +/* harmony default export */ var carousel_item = __webpack_exports__["default"] = (item); + +/***/ }), + +/***/ 3: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/util"); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/carousel.js b/lib/carousel.js new file mode 100644 index 00000000000..dc82324c6c8 --- /dev/null +++ b/lib/carousel.js @@ -0,0 +1,697 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 85); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 16: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/resize-event"); + +/***/ }), + +/***/ 25: +/***/ (function(module, exports) { + +module.exports = require("throttle-debounce/throttle"); + +/***/ }), + +/***/ 85: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=template&id=5d5d1482& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + class: _vm.carouselClasses, + on: { + mouseenter: function($event) { + $event.stopPropagation() + return _vm.handleMouseEnter($event) + }, + mouseleave: function($event) { + $event.stopPropagation() + return _vm.handleMouseLeave($event) + } + } + }, + [ + _c( + "div", + { + staticClass: "el-carousel__container", + style: { height: _vm.height } + }, + [ + _vm.arrowDisplay + ? _c("transition", { attrs: { name: "carousel-arrow-left" } }, [ + _c( + "button", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: + (_vm.arrow === "always" || _vm.hover) && + (_vm.loop || _vm.activeIndex > 0), + expression: + "(arrow === 'always' || hover) && (loop || activeIndex > 0)" + } + ], + staticClass: "el-carousel__arrow el-carousel__arrow--left", + attrs: { type: "button" }, + on: { + mouseenter: function($event) { + _vm.handleButtonEnter("left") + }, + mouseleave: _vm.handleButtonLeave, + click: function($event) { + $event.stopPropagation() + _vm.throttledArrowClick(_vm.activeIndex - 1) + } + } + }, + [_c("i", { staticClass: "el-icon-arrow-left" })] + ) + ]) + : _vm._e(), + _vm.arrowDisplay + ? _c("transition", { attrs: { name: "carousel-arrow-right" } }, [ + _c( + "button", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: + (_vm.arrow === "always" || _vm.hover) && + (_vm.loop || _vm.activeIndex < _vm.items.length - 1), + expression: + "(arrow === 'always' || hover) && (loop || activeIndex < items.length - 1)" + } + ], + staticClass: "el-carousel__arrow el-carousel__arrow--right", + attrs: { type: "button" }, + on: { + mouseenter: function($event) { + _vm.handleButtonEnter("right") + }, + mouseleave: _vm.handleButtonLeave, + click: function($event) { + $event.stopPropagation() + _vm.throttledArrowClick(_vm.activeIndex + 1) + } + } + }, + [_c("i", { staticClass: "el-icon-arrow-right" })] + ) + ]) + : _vm._e(), + _vm._t("default") + ], + 2 + ), + _vm.indicatorPosition !== "none" + ? _c( + "ul", + { class: _vm.indicatorsClasses }, + _vm._l(_vm.items, function(item, index) { + return _c( + "li", + { + key: index, + class: [ + "el-carousel__indicator", + "el-carousel__indicator--" + _vm.direction, + { "is-active": index === _vm.activeIndex } + ], + on: { + mouseenter: function($event) { + _vm.throttledIndicatorHover(index) + }, + click: function($event) { + $event.stopPropagation() + _vm.handleIndicatorClick(index) + } + } + }, + [ + _c("button", { staticClass: "el-carousel__button" }, [ + _vm.hasLabel + ? _c("span", [_vm._v(_vm._s(item.label))]) + : _vm._e() + ]) + ] + ) + }), + 0 + ) + : _vm._e() + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=template&id=5d5d1482& + +// EXTERNAL MODULE: external "throttle-debounce/throttle" +var throttle_ = __webpack_require__(25); +var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/resize-event" +var resize_event_ = __webpack_require__(16); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElCarousel', + + props: { + initialIndex: { + type: Number, + default: 0 + }, + height: String, + trigger: { + type: String, + default: 'hover' + }, + autoplay: { + type: Boolean, + default: true + }, + interval: { + type: Number, + default: 3000 + }, + indicatorPosition: String, + indicator: { + type: Boolean, + default: true + }, + arrow: { + type: String, + default: 'hover' + }, + type: String, + loop: { + type: Boolean, + default: true + }, + direction: { + type: String, + default: 'horizontal', + validator: function validator(val) { + return ['horizontal', 'vertical'].indexOf(val) !== -1; + } + } + }, + + data: function data() { + return { + items: [], + activeIndex: -1, + containerWidth: 0, + timer: null, + hover: false + }; + }, + + + computed: { + arrowDisplay: function arrowDisplay() { + return this.arrow !== 'never' && this.direction !== 'vertical'; + }, + hasLabel: function hasLabel() { + return this.items.some(function (item) { + return item.label.toString().length > 0; + }); + }, + carouselClasses: function carouselClasses() { + var classes = ['el-carousel', 'el-carousel--' + this.direction]; + if (this.type === 'card') { + classes.push('el-carousel--card'); + } + return classes; + }, + indicatorsClasses: function indicatorsClasses() { + var classes = ['el-carousel__indicators', 'el-carousel__indicators--' + this.direction]; + if (this.hasLabel) { + classes.push('el-carousel__indicators--labels'); + } + if (this.indicatorPosition === 'outside' || this.type === 'card') { + classes.push('el-carousel__indicators--outside'); + } + return classes; + } + }, + + watch: { + items: function items(val) { + if (val.length > 0) this.setActiveItem(this.initialIndex); + }, + activeIndex: function activeIndex(val, oldVal) { + this.resetItemPosition(oldVal); + if (oldVal > -1) { + this.$emit('change', val, oldVal); + } + }, + autoplay: function autoplay(val) { + val ? this.startTimer() : this.pauseTimer(); + }, + loop: function loop() { + this.setActiveItem(this.activeIndex); + } + }, + + methods: { + handleMouseEnter: function handleMouseEnter() { + this.hover = true; + this.pauseTimer(); + }, + handleMouseLeave: function handleMouseLeave() { + this.hover = false; + this.startTimer(); + }, + itemInStage: function itemInStage(item, index) { + var length = this.items.length; + if (index === length - 1 && item.inStage && this.items[0].active || item.inStage && this.items[index + 1] && this.items[index + 1].active) { + return 'left'; + } else if (index === 0 && item.inStage && this.items[length - 1].active || item.inStage && this.items[index - 1] && this.items[index - 1].active) { + return 'right'; + } + return false; + }, + handleButtonEnter: function handleButtonEnter(arrow) { + var _this = this; + + if (this.direction === 'vertical') return; + this.items.forEach(function (item, index) { + if (arrow === _this.itemInStage(item, index)) { + item.hover = true; + } + }); + }, + handleButtonLeave: function handleButtonLeave() { + if (this.direction === 'vertical') return; + this.items.forEach(function (item) { + item.hover = false; + }); + }, + updateItems: function updateItems() { + this.items = this.$children.filter(function (child) { + return child.$options.name === 'ElCarouselItem'; + }); + }, + resetItemPosition: function resetItemPosition(oldIndex) { + var _this2 = this; + + this.items.forEach(function (item, index) { + item.translateItem(index, _this2.activeIndex, oldIndex); + }); + }, + playSlides: function playSlides() { + if (this.activeIndex < this.items.length - 1) { + this.activeIndex++; + } else if (this.loop) { + this.activeIndex = 0; + } + }, + pauseTimer: function pauseTimer() { + if (this.timer) { + clearInterval(this.timer); + this.timer = null; + } + }, + startTimer: function startTimer() { + if (this.interval <= 0 || !this.autoplay || this.timer) return; + this.timer = setInterval(this.playSlides, this.interval); + }, + setActiveItem: function setActiveItem(index) { + if (typeof index === 'string') { + var filteredItems = this.items.filter(function (item) { + return item.name === index; + }); + if (filteredItems.length > 0) { + index = this.items.indexOf(filteredItems[0]); + } + } + index = Number(index); + if (isNaN(index) || index !== Math.floor(index)) { + console.warn('[Element Warn][Carousel]index must be an integer.'); + return; + } + var length = this.items.length; + var oldIndex = this.activeIndex; + if (index < 0) { + this.activeIndex = this.loop ? length - 1 : 0; + } else if (index >= length) { + this.activeIndex = this.loop ? 0 : length - 1; + } else { + this.activeIndex = index; + } + if (oldIndex === this.activeIndex) { + this.resetItemPosition(oldIndex); + } + }, + prev: function prev() { + this.setActiveItem(this.activeIndex - 1); + }, + next: function next() { + this.setActiveItem(this.activeIndex + 1); + }, + handleIndicatorClick: function handleIndicatorClick(index) { + this.activeIndex = index; + }, + handleIndicatorHover: function handleIndicatorHover(index) { + if (this.trigger === 'hover' && index !== this.activeIndex) { + this.activeIndex = index; + } + } + }, + + created: function created() { + var _this3 = this; + + this.throttledArrowClick = throttle_default()(300, true, function (index) { + _this3.setActiveItem(index); + }); + this.throttledIndicatorHover = throttle_default()(300, function (index) { + _this3.handleIndicatorHover(index); + }); + }, + mounted: function mounted() { + var _this4 = this; + + this.updateItems(); + this.$nextTick(function () { + Object(resize_event_["addResizeListener"])(_this4.$el, _this4.resetItemPosition); + if (_this4.initialIndex < _this4.items.length && _this4.initialIndex >= 0) { + _this4.activeIndex = _this4.initialIndex; + } + _this4.startTimer(); + }); + }, + beforeDestroy: function beforeDestroy() { + if (this.$el) Object(resize_event_["removeResizeListener"])(this.$el, this.resetItemPosition); + this.pauseTimer(); + } +}); +// CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/carousel/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/carousel/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/carousel/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var carousel = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/cascader-panel.js b/lib/cascader-panel.js new file mode 100644 index 00000000000..31ad7df48df --- /dev/null +++ b/lib/cascader-panel.js @@ -0,0 +1,1661 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 59); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 14: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/scrollbar"); + +/***/ }), + +/***/ 18: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/checkbox"); + +/***/ }), + +/***/ 21: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/shared"); + +/***/ }), + +/***/ 26: +/***/ (function(module, exports) { + +module.exports = require("babel-helper-vue-jsx-merge-props"); + +/***/ }), + +/***/ 3: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/util"); + +/***/ }), + +/***/ 31: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/scroll-into-view"); + +/***/ }), + +/***/ 32: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/aria-utils"); + +/***/ }), + +/***/ 51: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/radio"); + +/***/ }), + +/***/ 59: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-panel.vue?vue&type=template&id=34932346& +var cascader_panelvue_type_template_id_34932346_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + class: ["el-cascader-panel", _vm.border && "is-bordered"], + on: { keydown: _vm.handleKeyDown } + }, + _vm._l(_vm.menus, function(menu, index) { + return _c("cascader-menu", { + key: index, + ref: "menu", + refInFor: true, + attrs: { index: index, nodes: menu } + }) + }), + 1 + ) +} +var staticRenderFns = [] +cascader_panelvue_type_template_id_34932346_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-panel.vue?vue&type=template&id=34932346& + +// EXTERNAL MODULE: external "babel-helper-vue-jsx-merge-props" +var external_babel_helper_vue_jsx_merge_props_ = __webpack_require__(26); +var external_babel_helper_vue_jsx_merge_props_default = /*#__PURE__*/__webpack_require__.n(external_babel_helper_vue_jsx_merge_props_); + +// EXTERNAL MODULE: external "element-ui/lib/scrollbar" +var scrollbar_ = __webpack_require__(14); +var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_); + +// EXTERNAL MODULE: external "element-ui/lib/checkbox" +var checkbox_ = __webpack_require__(18); +var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_); + +// EXTERNAL MODULE: external "element-ui/lib/radio" +var radio_ = __webpack_require__(51); +var radio_default = /*#__PURE__*/__webpack_require__.n(radio_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/util" +var util_ = __webpack_require__(3); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-node.vue?vue&type=script&lang=js& + + + + + + +var stopPropagation = function stopPropagation(e) { + return e.stopPropagation(); +}; + +/* harmony default export */ var cascader_nodevue_type_script_lang_js_ = ({ + inject: ['panel'], + + components: { + ElCheckbox: checkbox_default.a, + ElRadio: radio_default.a + }, + + props: { + node: { + required: true + }, + nodeId: String + }, + + computed: { + config: function config() { + return this.panel.config; + }, + isLeaf: function isLeaf() { + return this.node.isLeaf; + }, + isDisabled: function isDisabled() { + return this.node.isDisabled; + }, + checkedValue: function checkedValue() { + return this.panel.checkedValue; + }, + isChecked: function isChecked() { + return this.node.isSameNode(this.checkedValue); + }, + inActivePath: function inActivePath() { + return this.isInPath(this.panel.activePath); + }, + inCheckedPath: function inCheckedPath() { + var _this = this; + + if (!this.config.checkStrictly) return false; + + return this.panel.checkedNodePaths.some(function (checkedPath) { + return _this.isInPath(checkedPath); + }); + }, + value: function value() { + return this.node.getValueByOption(); + } + }, + + watch: { + isChecked: function isChecked(val) { + if (this.config.onlyLeafMulti) { + var panel = this.panel; + + panel.clearNotInCurrentPathNodes(this.node); + } + } + }, + + methods: { + handleExpand: function handleExpand() { + var _this2 = this; + + var panel = this.panel, + node = this.node, + isDisabled = this.isDisabled, + config = this.config; + var multiple = config.multiple, + checkStrictly = config.checkStrictly; + + + if (!checkStrictly && isDisabled || node.loading) return; + + if (config.lazy && !node.loaded) { + panel.lazyLoad(node, function () { + // do not use cached leaf value here, invoke this.isLeaf to get new value. + var isLeaf = _this2.isLeaf; + + + if (!isLeaf) _this2.handleExpand(); + if (multiple) { + // if leaf sync checked state, else clear checked state + var checked = isLeaf ? node.checked : false; + _this2.handleMultiCheckChange(checked); + } + }); + } else { + panel.handleExpand(node); + } + }, + handleCheckChange: function handleCheckChange() { + var panel = this.panel, + value = this.value, + node = this.node; + + panel.handleCheckChange(value); + panel.handleExpand(node); + }, + handleMultiCheckChange: function handleMultiCheckChange(checked) { + this.node.doCheck(checked); + this.panel.calculateMultiCheckedValue(); + }, + isInPath: function isInPath(pathNodes) { + var node = this.node; + + var selectedPathNode = pathNodes[node.level - 1] || {}; + return selectedPathNode.uid === node.uid; + }, + renderPrefix: function renderPrefix(h) { + var isLeaf = this.isLeaf, + isChecked = this.isChecked, + config = this.config; + var checkStrictly = config.checkStrictly, + multiple = config.multiple, + onlyLeafMulti = config.onlyLeafMulti; + + + if (onlyLeafMulti && isLeaf && multiple) { + return this.renderCheckbox(h); + } else if (onlyLeafMulti && !isLeaf && multiple) { + return null; + } else if (multiple) { + return this.renderCheckbox(h); + } else if (checkStrictly) { + return this.renderRadio(h); + } else if (isLeaf && isChecked) { + return this.renderCheckIcon(h); + } + + return null; + }, + renderNumber: function renderNumber(h) { + var isLeaf = this.isLeaf, + config = this.config; + var multiple = config.multiple, + onlyLeafMulti = config.onlyLeafMulti; + + if (!isLeaf && multiple && onlyLeafMulti) { + return this.renderNumberIcon(h); + } + return null; + }, + renderPostfix: function renderPostfix(h) { + var node = this.node, + isLeaf = this.isLeaf; + + + if (node.loading) { + return this.renderLoadingIcon(h); + } else if (!isLeaf) { + return this.renderExpandIcon(h); + } + + return null; + }, + renderCheckbox: function renderCheckbox(h) { + var node = this.node, + config = this.config, + isDisabled = this.isDisabled; + + var events = { + on: { change: this.handleMultiCheckChange }, + nativeOn: {} + }; + + if (config.checkStrictly || config.onlyLeafMulti) { + // when every node is selectable, click event should not trigger expand event. + events.nativeOn.click = stopPropagation; + } + + return h('el-checkbox', external_babel_helper_vue_jsx_merge_props_default()([{ + attrs: { + value: node.checked, + indeterminate: node.indeterminate, + disabled: isDisabled + }, + 'class': 'pl-checkbox-radis' + }, events])); + }, + renderRadio: function renderRadio(h) { + var checkedValue = this.checkedValue, + value = this.value, + isDisabled = this.isDisabled; + + // to keep same reference if value cause radio's checked state is calculated by reference comparision; + + if (Object(util_["isEqual"])(value, checkedValue)) { + value = checkedValue; + } + + return h( + 'el-radio', + { + attrs: { + value: checkedValue, + label: value, + + disabled: isDisabled + }, + 'class': 'pl-checkbox-radis', on: { + 'change': this.handleCheckChange + }, + nativeOn: { + 'click': stopPropagation + } + }, + [h('span')] + ); + }, + renderCheckIcon: function renderCheckIcon(h) { + return h('i', { 'class': 'el-icon-check el-cascader-node__prefix' }); + }, + renderLoadingIcon: function renderLoadingIcon(h) { + return h('i', { 'class': 'el-icon-loading el-cascader-node__postfix' }); + }, + renderExpandIcon: function renderExpandIcon(h) { + return h('i', { 'class': 'el-icon-arrow-right el-cascader-node__postfix' }); + }, + renderNumberIcon: function renderNumberIcon(h) { + var node = this.node; + + var count = node.calculateCheckedLeaf(node); + return count > 0 ? h( + 'div', + { 'class': 'selected-number' }, + [count] + ) : ''; + }, + renderContent: function renderContent(h) { + var panel = this.panel, + node = this.node; + + var render = panel.renderLabelFn; + var vnode = render ? render({ node: node, data: node.data }) : null; + + return h( + 'span', + { 'class': 'el-cascader-node__label' }, + [vnode || node.label] + ); + } + }, + + render: function render(h) { + var _this3 = this; + + var inActivePath = this.inActivePath, + inCheckedPath = this.inCheckedPath, + isChecked = this.isChecked, + isLeaf = this.isLeaf, + isDisabled = this.isDisabled, + config = this.config, + nodeId = this.nodeId, + node = this.node; + var expandTrigger = config.expandTrigger, + checkStrictly = config.checkStrictly, + multiple = config.multiple, + onlyLeafMulti = config.onlyLeafMulti; + + var disabled = !checkStrictly && isDisabled; + var events = { on: {} }; + + if (expandTrigger === 'click') { + events.on.click = this.handleExpand; + } else { + events.on.mouseenter = function (e) { + _this3.handleExpand(); + _this3.$emit('expand', e); + }; + events.on.focus = function (e) { + _this3.handleExpand(); + _this3.$emit('expand', e); + }; + } + if (isLeaf && !isDisabled && !checkStrictly && !multiple) { + events.on.click = this.handleCheckChange; + } + if (isLeaf && !isDisabled && !checkStrictly && multiple && onlyLeafMulti) { + events.on.click = function (e) { + _this3.handleMultiCheckChange(!node.checked); + }; + } + + return h( + 'li', + external_babel_helper_vue_jsx_merge_props_default()([{ + attrs: { + role: 'menuitem', + id: nodeId, + 'aria-expanded': inActivePath, + tabindex: disabled ? null : -1 + }, + 'class': { + 'el-cascader-node': true, + 'is-selectable': checkStrictly, + 'in-active-path': inActivePath, + 'in-checked-path': inCheckedPath, + 'is-active': isChecked, + 'is-disabled': disabled + } + }, events]), + [this.renderPrefix(h), this.renderContent(h), this.renderNumber(h), this.renderPostfix(h)] + ); + } +}); +// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-node.vue?vue&type=script&lang=js& + /* harmony default export */ var src_cascader_nodevue_type_script_lang_js_ = (cascader_nodevue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-node.vue +var cascader_node_render, cascader_node_staticRenderFns + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_cascader_nodevue_type_script_lang_js_, + cascader_node_render, + cascader_node_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/cascader-panel/src/cascader-node.vue" +/* harmony default export */ var cascader_node = (component.exports); +// EXTERNAL MODULE: external "element-ui/lib/mixins/locale" +var locale_ = __webpack_require__(6); +var locale_default = /*#__PURE__*/__webpack_require__.n(locale_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-menu.vue?vue&type=script&lang=js& + + + + + + + +/* harmony default export */ var cascader_menuvue_type_script_lang_js_ = ({ + name: 'ElCascaderMenu', + + mixins: [locale_default.a], + + inject: ['panel'], + + components: { + ElScrollbar: scrollbar_default.a, + CascaderNode: cascader_node + }, + + props: { + // 该子菜单列表的 node 列表 + nodes: { + type: Array, + required: true + }, + index: Number + }, + + data: function data() { + return { + activeNode: null, + hoverTimer: null, + id: Object(util_["generateId"])() + }; + }, + + + computed: { + isEmpty: function isEmpty() { + return !this.nodes.length; + }, + menuId: function menuId() { + return 'cascader-menu-' + this.id + '-' + this.index; + } + }, + + methods: { + handleExpand: function handleExpand(e) { + this.activeNode = e.target; + }, + handleMouseMove: function handleMouseMove(e) { + var activeNode = this.activeNode, + hoverTimer = this.hoverTimer; + var hoverZone = this.$refs.hoverZone; + + + if (!activeNode || !hoverZone) return; + + if (activeNode.contains(e.target)) { + clearTimeout(hoverTimer); + + var _$el$getBoundingClien = this.$el.getBoundingClientRect(), + left = _$el$getBoundingClien.left; + + var startX = e.clientX - left; + var _$el = this.$el, + offsetWidth = _$el.offsetWidth, + offsetHeight = _$el.offsetHeight; + + var top = activeNode.offsetTop; + var bottom = top + activeNode.offsetHeight; + + hoverZone.innerHTML = '\n \n \n '; + } else if (!hoverTimer) { + this.hoverTimer = setTimeout(this.clearHoverZone, this.panel.config.hoverThreshold); + } + }, + clearHoverZone: function clearHoverZone() { + var hoverZone = this.$refs.hoverZone; + + if (!hoverZone) return; + hoverZone.innerHTML = ''; + }, + renderEmptyText: function renderEmptyText(h) { + return h( + 'div', + { 'class': 'el-cascader-menu__empty-text' }, + [this.t('el.cascader.noData')] + ); + }, + renderNodeList: function renderNodeList(h) { + var menuId = this.menuId; + var isHoverMenu = this.panel.isHoverMenu; + + var events = { on: {} }; + + if (isHoverMenu) { + events.on.expand = this.handleExpand; + } + + var nodes = this.nodes.map(function (node, index) { + var hasChildren = node.hasChildren; + + return h('cascader-node', external_babel_helper_vue_jsx_merge_props_default()([{ + key: node.uid, + attrs: { node: node, + 'node-id': menuId + '-' + index, + 'aria-haspopup': hasChildren, + 'aria-owns': hasChildren ? menuId : null + } + }, events])); + }); + + return [].concat(nodes, [isHoverMenu ? h('svg', { ref: 'hoverZone', 'class': 'el-cascader-menu__hover-zone' }) : null]); + } + }, + + render: function render(h) { + var isEmpty = this.isEmpty, + menuId = this.menuId; + + var events = { nativeOn: {} }; + + // optimize hover to expand experience (#8010) + if (this.panel.isHoverMenu) { + events.nativeOn.mousemove = this.handleMouseMove; + // events.nativeOn.mouseleave = this.clearHoverZone; + } + + return h( + 'el-scrollbar', + external_babel_helper_vue_jsx_merge_props_default()([{ + attrs: { + tag: 'ul', + role: 'menu', + id: menuId, + + 'wrap-class': 'el-cascader-menu__wrap', + 'view-class': { + 'el-cascader-menu__list': true, + 'is-empty': isEmpty + } + }, + 'class': 'el-cascader-menu' }, events]), + [isEmpty ? this.renderEmptyText(h) : this.renderNodeList(h)] + ); + } +}); +// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-menu.vue?vue&type=script&lang=js& + /* harmony default export */ var src_cascader_menuvue_type_script_lang_js_ = (cascader_menuvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-menu.vue +var cascader_menu_render, cascader_menu_staticRenderFns + + + + +/* normalize component */ + +var cascader_menu_component = Object(componentNormalizer["a" /* default */])( + src_cascader_menuvue_type_script_lang_js_, + cascader_menu_render, + cascader_menu_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var cascader_menu_api; } +cascader_menu_component.options.__file = "packages/cascader-panel/src/cascader-menu.vue" +/* harmony default export */ var cascader_menu = (cascader_menu_component.exports); +// EXTERNAL MODULE: external "element-ui/lib/utils/shared" +var shared_ = __webpack_require__(21); + +// CONCATENATED MODULE: ./packages/cascader-panel/src/node.js +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + + + + +var uid = 0; + +var node_Node = function () { + function Node(data, config, parentNode) { + _classCallCheck(this, Node); + + this.data = data; + this.config = config; + this.parent = parentNode || null; + this.level = !this.parent ? 1 : this.parent.level + 1; + this.uid = uid++; + + this.initState(); + this.initChildren(); + } + + Node.prototype.initState = function initState() { + var _config = this.config, + valueKey = _config.value, + labelKey = _config.label; + + + this.value = this.data[valueKey]; + this.label = this.data[labelKey]; + this.pathNodes = this.calculatePathNodes(); + this.path = this.pathNodes.map(function (node) { + return node.value; + }); + this.pathLabels = this.pathNodes.map(function (node) { + return node.label; + }); + + // lazy load + this.loading = false; + this.loaded = false; + }; + + Node.prototype.initChildren = function initChildren() { + var _this = this; + + var config = this.config; + + var childrenKey = config.children; + var childrenData = this.data[childrenKey]; + this.hasChildren = Array.isArray(childrenData); + this.children = (childrenData || []).map(function (child) { + return new Node(child, config, _this); + }); + }; + + Node.prototype.calculateCheckedLeaf = function calculateCheckedLeaf(nodes) { + var hasChildren = this.hasChildren; + + if (!hasChildren) return 0; + var count = 0; + count = this.numbAndPath(nodes.children, count); + return count; + }; + + // 递归被选中的叶子节点个数 + + + Node.prototype.numbAndPath = function numbAndPath(nodes, resData) { + var this_ = this; + if (Array.isArray(nodes) && nodes.length > 0) { + nodes.forEach(function (v, i) { + if (v.hasChildren) { + resData = this_.numbAndPath(v.children, resData); + } else { + resData += v.checked ? 1 : 0; + } + }); + } + return resData; + }; + + Node.prototype.calculatePathNodes = function calculatePathNodes() { + var nodes = [this]; + var parent = this.parent; + + while (parent) { + nodes.unshift(parent); + parent = parent.parent; + } + + return nodes; + }; + + Node.prototype.getPath = function getPath() { + return this.path; + }; + + Node.prototype.getValue = function getValue() { + return this.value; + }; + + Node.prototype.getValueByOption = function getValueByOption() { + return this.config.emitPath ? this.getPath() : this.getValue(); + }; + + Node.prototype.getText = function getText(allLevels, separator) { + return allLevels ? this.pathLabels.join(separator) : this.label; + }; + + Node.prototype.isSameNode = function isSameNode(checkedValue) { + var value = this.getValueByOption(); + return (this.config.multiple || this.config.onlyLeafMulti) && Array.isArray(checkedValue) ? checkedValue.some(function (val) { + return Object(util_["isEqual"])(val, value); + }) : Object(util_["isEqual"])(checkedValue, value); + }; + + Node.prototype.broadcast = function broadcast(event) { + for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + var handlerName = 'onParent' + Object(util_["capitalize"])(event); + + this.children.forEach(function (child) { + if (child) { + // bottom up + child.broadcast.apply(child, [event].concat(args)); + child[handlerName] && child[handlerName].apply(child, args); + } + }); + }; + + Node.prototype.emit = function emit(event) { + var parent = this.parent; + + var handlerName = 'onChild' + Object(util_["capitalize"])(event); + if (parent) { + for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { + args[_key2 - 1] = arguments[_key2]; + } + + parent[handlerName] && parent[handlerName].apply(parent, args); + parent.emit.apply(parent, [event].concat(args)); + } + }; + + Node.prototype.onParentCheck = function onParentCheck(checked) { + if (!this.isDisabled) { + this.setCheckState(checked); + } + }; + + Node.prototype.onChildCheck = function onChildCheck() { + var children = this.children; + + var validChildren = children.filter(function (child) { + return !child.isDisabled; + }); + var checked = validChildren.length ? validChildren.every(function (child) { + return child.checked; + }) : false; + + this.setCheckState(checked); + }; + + Node.prototype.setCheckState = function setCheckState(checked) { + var totalNum = this.children.length; + var checkedNum = this.children.reduce(function (c, p) { + var num = p.checked ? 1 : p.indeterminate ? 0.5 : 0; + return c + num; + }, 0); + + this.checked = checked; + this.indeterminate = checkedNum !== totalNum && checkedNum > 0; + }; + + Node.prototype.syncCheckState = function syncCheckState(checkedValue) { + var value = this.getValueByOption(); + var checked = this.isSameNode(checkedValue, value); + this.doCheck(checked); + }; + + Node.prototype.doCheck = function doCheck(checked) { + if (this.checked !== checked) { + if (this.config.checkStrictly) { + this.checked = checked; + } else { + // bottom up to unify the calculation of the indeterminate state + this.broadcast('check', checked); + this.setCheckState(checked); + this.emit('check'); + } + } + }; + + _createClass(Node, [{ + key: 'isDisabled', + get: function get() { + var data = this.data, + parent = this.parent, + config = this.config; + + var disabledKey = config.disabled; + var checkStrictly = config.checkStrictly; + + return data[disabledKey] || !checkStrictly && parent && parent.isDisabled; + } + }, { + key: 'isLeaf', + get: function get() { + var data = this.data, + loaded = this.loaded, + hasChildren = this.hasChildren, + children = this.children; + var _config2 = this.config, + lazy = _config2.lazy, + leafKey = _config2.leaf; + + if (lazy) { + var isLeaf = Object(shared_["isDef"])(data[leafKey]) ? data[leafKey] : loaded ? !children.length : false; + this.hasChildren = !isLeaf; + return isLeaf; + } + return !hasChildren; + } + }]); + + return Node; +}(); + +/* harmony default export */ var src_node = (node_Node); +// CONCATENATED MODULE: ./packages/cascader-panel/src/store.js +function store_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + + + + +var flatNodes = function flatNodes(data, leafOnly) { + return data.reduce(function (res, node) { + if (node.isLeaf) { + res.push(node); + } else { + !leafOnly && res.push(node); + res = res.concat(flatNodes(node.children, leafOnly)); + } + return res; + }, []); +}; + +var store_Store = function () { + function Store(data, config) { + store_classCallCheck(this, Store); + + this.config = config; + this.initNodes(data); + } + + Store.prototype.initNodes = function initNodes(data) { + var _this = this; + + data = Object(util_["coerceTruthyValueToArray"])(data); + this.nodes = data.map(function (nodeData) { + return new src_node(nodeData, _this.config); + }); + this.flattedNodes = this.getFlattedNodes(false, false); + this.leafNodes = this.getFlattedNodes(true, false); + }; + + Store.prototype.appendNode = function appendNode(nodeData, parentNode) { + var node = new src_node(nodeData, this.config, parentNode); + var children = parentNode ? parentNode.children : this.nodes; + + children.push(node); + }; + + Store.prototype.appendNodes = function appendNodes(nodeDataList, parentNode) { + var _this2 = this; + + nodeDataList = Object(util_["coerceTruthyValueToArray"])(nodeDataList); + nodeDataList.forEach(function (nodeData) { + return _this2.appendNode(nodeData, parentNode); + }); + }; + + Store.prototype.getNodes = function getNodes() { + return this.nodes; + }; + + Store.prototype.getFlattedNodes = function getFlattedNodes(leafOnly) { + var cached = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; + + var cachedNodes = leafOnly ? this.leafNodes : this.flattedNodes; + return cached ? cachedNodes : flatNodes(this.nodes, leafOnly); + }; + + Store.prototype.getNodeByValue = function getNodeByValue(value) { + if (value) { + var nodes = this.getFlattedNodes(false, !this.config.lazy).filter(function (node) { + return Object(util_["valueEquals"])(node.path, value) || node.value === value; + }); + return nodes && nodes.length ? nodes[0] : null; + } + return null; + }; + + return Store; +}(); + +/* harmony default export */ var src_store = (store_Store); +// EXTERNAL MODULE: external "element-ui/lib/utils/merge" +var merge_ = __webpack_require__(9); +var merge_default = /*#__PURE__*/__webpack_require__.n(merge_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/aria-utils" +var aria_utils_ = __webpack_require__(32); +var aria_utils_default = /*#__PURE__*/__webpack_require__.n(aria_utils_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/scroll-into-view" +var scroll_into_view_ = __webpack_require__(31); +var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_view_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-panel.vue?vue&type=script&lang=js& +var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; + +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + +var KeyCode = aria_utils_default.a.keys; + +var DefaultProps = { + expandTrigger: 'click', // or hover + multiple: false, + checkStrictly: false, // whether all nodes can be selected + emitPath: true, // wether to emit an array of all levels value in which node is located + lazy: false, + lazyLoad: util_["noop"], + value: 'value', + label: 'label', + children: 'children', + leaf: 'leaf', + disabled: 'disabled', + hoverThreshold: 500, + onlyLeafMulti: false +}; + +var cascader_panelvue_type_script_lang_js_isLeaf = function isLeaf(el) { + return !el.getAttribute('aria-owns'); +}; + +var getSibling = function getSibling(el, distance) { + var parentNode = el.parentNode; + + if (parentNode) { + var siblings = parentNode.querySelectorAll('.el-cascader-node[tabindex="-1"]'); + var index = Array.prototype.indexOf.call(siblings, el); + return siblings[index + distance] || null; + } + return null; +}; + +var getMenuIndex = function getMenuIndex(el, distance) { + if (!el) return; + var pieces = el.id.split('-'); + return Number(pieces[pieces.length - 2]); +}; + +var focusNode = function focusNode(el) { + if (!el) return; + el.focus(); + !cascader_panelvue_type_script_lang_js_isLeaf(el) && el.click(); +}; + +var checkNode = function checkNode(el) { + if (!el) return; + + var input = el.querySelector('input'); + if (input) { + input.click(); + } else if (cascader_panelvue_type_script_lang_js_isLeaf(el)) { + el.click(); + } +}; + +/* harmony default export */ var cascader_panelvue_type_script_lang_js_ = ({ + name: 'ElCascaderPanel', + + components: { + CascaderMenu: cascader_menu + }, + + props: { + value: {}, + options: Array, + props: Object, + border: { + type: Boolean, + default: true + }, + renderLabel: Function + }, + + provide: function provide() { + return { + panel: this + }; + }, + data: function data() { + return { + checkedValue: null, + checkedNodePaths: [], + store: [], + menus: [], + activePath: [], + loadCount: 0 + }; + }, + + + computed: { + config: function config() { + return merge_default()(_extends({}, DefaultProps), this.props || {}); + }, + multiple: function multiple() { + return this.config.multiple || this.config.onlyLeafMulti; + }, + checkStrictly: function checkStrictly() { + return this.config.checkStrictly; + }, + leafOnly: function leafOnly() { + return !this.checkStrictly; + }, + isHoverMenu: function isHoverMenu() { + return this.config.expandTrigger === 'hover'; + }, + renderLabelFn: function renderLabelFn() { + return this.renderLabel || this.$scopedSlots.default; + } + }, + + watch: { + options: { + handler: function handler() { + this.initStore(); + }, + immediate: true, + deep: true + }, + value: function value() { + this.syncCheckedValue(); + this.checkStrictly && this.calculateCheckedNodePaths(); + }, + checkedValue: function checkedValue(val) { + if (!Object(util_["isEqual"])(val, this.value)) { + this.checkStrictly && this.calculateCheckedNodePaths(); + this.$emit('input', val); + this.$emit('change', val); + } + } + }, + + mounted: function mounted() { + if (!Object(util_["isEmpty"])(this.value)) { + this.syncCheckedValue(); + } + if (this.config.onlyLeafMulti) { + // onlyLeafMulit 模式下，下拉菜单默认展开两级 + var allN = this.getFlattedNodes(false); + if (!Object(util_["isEmpty"])(allN)) { + this.handleExpand(allN[0]); + } + } + }, + + + methods: { + initStore: function initStore() { + var config = this.config, + options = this.options; + + if (config.lazy && Object(util_["isEmpty"])(options)) { + this.lazyLoad(); + } else { + this.store = new src_store(options, config); + this.menus = [this.store.getNodes()]; + this.syncMenuState(); + } + }, + syncCheckedValue: function syncCheckedValue() { + var value = this.value, + checkedValue = this.checkedValue; + + if (!Object(util_["isEqual"])(value, checkedValue)) { + this.checkedValue = value; + this.syncMenuState(); + } + }, + syncMenuState: function syncMenuState() { + var multiple = this.multiple, + checkStrictly = this.checkStrictly; + + this.syncActivePath(); + multiple && this.syncMultiCheckState(); + checkStrictly && this.calculateCheckedNodePaths(); + this.$nextTick(this.scrollIntoView); + }, + syncMultiCheckState: function syncMultiCheckState() { + var _this = this; + + var nodes = this.getFlattedNodes(this.leafOnly); + + nodes.forEach(function (node) { + node.syncCheckState(_this.checkedValue); + }); + }, + syncActivePath: function syncActivePath() { + var _this2 = this; + + var store = this.store, + multiple = this.multiple, + activePath = this.activePath, + checkedValue = this.checkedValue; + + + if (!Object(util_["isEmpty"])(activePath)) { + var nodes = activePath.map(function (node) { + return _this2.getNodeByValue(node.getValue()); + }); + this.expandNodes(nodes); + } else if (!Object(util_["isEmpty"])(checkedValue)) { + var value = multiple ? checkedValue[0] : checkedValue; + var checkedNode = this.getNodeByValue(value) || {}; + var _nodes = (checkedNode.pathNodes || []).slice(0, -1); + this.expandNodes(_nodes); + } else { + this.activePath = []; + this.menus = [store.getNodes()]; + } + }, + expandNodes: function expandNodes(nodes) { + var _this3 = this; + + nodes.forEach(function (node) { + return _this3.handleExpand(node, true /* silent */); + }); + }, + calculateCheckedNodePaths: function calculateCheckedNodePaths() { + var _this4 = this; + + var checkedValue = this.checkedValue, + multiple = this.multiple; + + var checkedValues = multiple ? Object(util_["coerceTruthyValueToArray"])(checkedValue) : [checkedValue]; + this.checkedNodePaths = checkedValues.map(function (v) { + var checkedNode = _this4.getNodeByValue(v); + return checkedNode ? checkedNode.pathNodes : []; + }); + }, + handleKeyDown: function handleKeyDown(e) { + var target = e.target, + keyCode = e.keyCode; + + + switch (keyCode) { + case KeyCode.up: + var prev = getSibling(target, -1); + focusNode(prev); + break; + case KeyCode.down: + var next = getSibling(target, 1); + focusNode(next); + break; + case KeyCode.left: + var preMenu = this.$refs.menu[getMenuIndex(target) - 1]; + if (preMenu) { + var expandedNode = preMenu.$el.querySelector('.el-cascader-node[aria-expanded="true"]'); + focusNode(expandedNode); + } + break; + case KeyCode.right: + var nextMenu = this.$refs.menu[getMenuIndex(target) + 1]; + if (nextMenu) { + var firstNode = nextMenu.$el.querySelector('.el-cascader-node[tabindex="-1"]'); + focusNode(firstNode); + } + break; + case KeyCode.enter: + checkNode(target); + break; + case KeyCode.esc: + case KeyCode.tab: + this.$emit('close'); + break; + default: + return; + } + }, + handleExpand: function handleExpand(node, silent) { + var activePath = this.activePath; + var level = node.level; + + var path = activePath.slice(0, level - 1); + var menus = this.menus.slice(0, level); + + if (!node.isLeaf) { + path.push(node); + menus.push(node.children); + } + + this.activePath = path; + this.menus = menus; + + if (!silent) { + var pathValues = path.map(function (node) { + return node.getValue(); + }); + var activePathValues = activePath.map(function (node) { + return node.getValue(); + }); + if (!Object(util_["valueEquals"])(pathValues, activePathValues)) { + this.$emit('active-item-change', pathValues); // Deprecated + this.$emit('expand-change', pathValues); // menu 展开下级 + } + } + }, + handleCheckChange: function handleCheckChange(value) { + this.checkedValue = value; + }, + lazyLoad: function lazyLoad(node, onFullfiled) { + var _this5 = this; + + var config = this.config; + + if (!node) { + node = node || { root: true, level: 0 }; + this.store = new src_store([], config); + this.menus = [this.store.getNodes()]; + } + node.loading = true; + var resolve = function resolve(dataList) { + var parent = node.root ? null : node; + dataList && dataList.length && _this5.store.appendNodes(dataList, parent); + node.loading = false; + node.loaded = true; + + // dispose default value on lazy load mode + if (Array.isArray(_this5.checkedValue)) { + var nodeValue = _this5.checkedValue[_this5.loadCount++]; + var valueKey = _this5.config.value; + var leafKey = _this5.config.leaf; + + if (Array.isArray(dataList) && dataList.filter(function (item) { + return item[valueKey] === nodeValue; + }).length > 0) { + var checkedNode = _this5.store.getNodeByValue(nodeValue); + + if (!checkedNode.data[leafKey]) { + _this5.lazyLoad(checkedNode, function () { + _this5.handleExpand(checkedNode); + }); + } + + if (_this5.loadCount === _this5.checkedValue.length) { + _this5.$parent.computePresentText(); + } + } + } + + onFullfiled && onFullfiled(dataList); + }; + config.lazyLoad(node, resolve); + }, + + + /** + * public methods + */ + calculateMultiCheckedValue: function calculateMultiCheckedValue() { + this.checkedValue = this.getCheckedNodes(this.leafOnly).map(function (node) { + return node.getValueByOption(); + }); + }, + scrollIntoView: function scrollIntoView() { + if (this.$isServer) return; + + var menus = this.$refs.menu || []; + menus.forEach(function (menu) { + var menuElement = menu.$el; + if (menuElement) { + var container = menuElement.querySelector('.el-scrollbar__wrap'); + var activeNode = menuElement.querySelector('.el-cascader-node.is-active') || menuElement.querySelector('.el-cascader-node.in-active-path'); + scroll_into_view_default()(container, activeNode); + } + }); + }, + getNodeByValue: function getNodeByValue(val) { + return this.store.getNodeByValue(val); + }, + getFlattedNodes: function getFlattedNodes(leafOnly) { + var cached = !this.config.lazy; + return this.store.getFlattedNodes(leafOnly, cached); + }, + getCheckedNodes: function getCheckedNodes(leafOnly) { + var checkedValue = this.checkedValue, + multiple = this.multiple; + + if (multiple) { + var nodes = this.getFlattedNodes(leafOnly); // leafOnly = true 时，拿到的全是叶子 node 信息(包含不同路径下的叶子节点) + return nodes.filter(function (node) { + return node.checked; + }); + } else { + return Object(util_["isEmpty"])(checkedValue) ? [] : [this.getNodeByValue(checkedValue)]; + } + }, + clearCheckedNodes: function clearCheckedNodes() { + var config = this.config, + leafOnly = this.leafOnly; + var multiple = config.multiple, + emitPath = config.emitPath; + + if (multiple) { + this.getCheckedNodes(leafOnly).filter(function (node) { + return !node.isDisabled; + }).forEach(function (node) { + return node.doCheck(false); + }); + this.calculateMultiCheckedValue(); + } else { + this.checkedValue = emitPath ? [] : null; + } + }, + + // onlyLeafMulti = true 时，选中不同分支上的叶子节点时，清空之前分支上的叶子节点 + clearNotInCurrentPathNodes: function clearNotInCurrentPathNodes(node) { + var _this6 = this; + + if (node.checked === false) return; + var path = node.parent ? node.parent.path : node.path; + var allNodes = this.getFlattedNodes(false); + allNodes.filter(function (n) { + return n.value !== node.value; + }).forEach(function (compareNode) { + if (compareNode.value !== node.value) { + if (!compareNode.hasChildren) { + var comparePath = compareNode.parent ? compareNode.parent.path : compareNode.path; + var isSamePath = Object(util_["isEqual"])(comparePath, path); + if (compareNode.checked && !isSamePath) { + compareNode.doCheck(false); + } + }; + } + }); + this.$nextTick(function () { + _this6.calculateMultiCheckedValue(); // update panel.checkedValue [] + _this6.syncActivePath(); + _this6.calculateCheckedNodePaths(); + }); + } + } +}); +// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-panel.vue?vue&type=script&lang=js& + /* harmony default export */ var src_cascader_panelvue_type_script_lang_js_ = (cascader_panelvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-panel.vue + + + + + +/* normalize component */ + +var cascader_panel_component = Object(componentNormalizer["a" /* default */])( + src_cascader_panelvue_type_script_lang_js_, + cascader_panelvue_type_template_id_34932346_render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var cascader_panel_api; } +cascader_panel_component.options.__file = "packages/cascader-panel/src/cascader-panel.vue" +/* harmony default export */ var cascader_panel = (cascader_panel_component.exports); +// CONCATENATED MODULE: ./packages/cascader-panel/index.js + + +/* istanbul ignore next */ +cascader_panel.install = function (Vue) { + Vue.component(cascader_panel.name, cascader_panel); +}; + +/* harmony default export */ var packages_cascader_panel = __webpack_exports__["default"] = (cascader_panel); + +/***/ }), + +/***/ 6: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/locale"); + +/***/ }), + +/***/ 9: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/merge"); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/cascader.js b/lib/cascader.js new file mode 100644 index 00000000000..58813e69a60 --- /dev/null +++ b/lib/cascader.js @@ -0,0 +1,1423 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 78); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 10: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/input"); + +/***/ }), + +/***/ 11: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/migrating"); + +/***/ }), + +/***/ 12: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/clickoutside"); + +/***/ }), + +/***/ 14: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/scrollbar"); + +/***/ }), + +/***/ 16: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/resize-event"); + +/***/ }), + +/***/ 17: +/***/ (function(module, exports) { + +module.exports = require("throttle-debounce/debounce"); + +/***/ }), + +/***/ 19: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/locale"); + +/***/ }), + +/***/ 20: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/types"); + +/***/ }), + +/***/ 21: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/shared"); + +/***/ }), + +/***/ 3: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/util"); + +/***/ }), + +/***/ 32: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/aria-utils"); + +/***/ }), + +/***/ 38: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/tag"); + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 5: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/vue-popper"); + +/***/ }), + +/***/ 50: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/cascader-panel"); + +/***/ }), + +/***/ 6: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/locale"); + +/***/ }), + +/***/ 78: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/cascader.vue?vue&type=template&id=032537a6& +var 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: function() { + return _vm.toggleDropDownVisible(false) + }, + expression: "() => toggleDropDownVisible(false)" + } + ], + ref: "reference", + class: [ + "el-cascader", + _vm.realSize && "el-cascader--" + _vm.realSize, + { "is-disabled": _vm.isDisabled } + ], + on: { + mouseenter: function($event) { + _vm.inputHover = true + }, + mouseleave: function($event) { + _vm.inputHover = false + }, + click: function() { + return _vm.toggleDropDownVisible(_vm.readonly ? undefined : true) + }, + keydown: _vm.handleKeyDown + } + }, + [ + _c( + "el-input", + { + ref: "input", + class: { "is-focus": _vm.dropDownVisible }, + attrs: { + size: _vm.realSize, + placeholder: _vm.placeholder, + readonly: _vm.readonly, + disabled: _vm.isDisabled, + "validate-event": false + }, + on: { + focus: _vm.handleFocus, + blur: _vm.handleBlur, + input: _vm.handleInput + }, + model: { + value: _vm.multiple ? _vm.presentText : _vm.inputValue, + callback: function($$v) { + _vm.multiple ? _vm.presentText : (_vm.inputValue = $$v) + }, + expression: "multiple ? presentText : inputValue" + } + }, + [ + _c("template", { slot: "suffix" }, [ + _vm.clearBtnVisible + ? _c("i", { + key: "clear", + staticClass: "el-input__icon el-icon-circle-close", + on: { + click: function($event) { + $event.stopPropagation() + return _vm.handleClear($event) + } + } + }) + : _c("i", { + key: "arrow-down", + class: [ + "el-input__icon", + "el-icon-arrow-down", + _vm.dropDownVisible && "is-reverse" + ], + on: { + click: function($event) { + $event.stopPropagation() + _vm.toggleDropDownVisible() + } + } + }) + ]) + ], + 2 + ), + _vm.multiple + ? _c( + "div", + { staticClass: "el-cascader__tags" }, + [ + _vm._l(_vm.presentTags, function(tag, index) { + return _c( + "el-tag", + { + key: tag.key, + attrs: { + type: "info", + size: _vm.tagSize, + hit: tag.hitState, + closable: tag.closable, + "disable-transitions": "" + }, + on: { + close: function($event) { + _vm.deleteTag(index) + } + } + }, + [_c("span", [_vm._v(_vm._s(tag.text))])] + ) + }), + _vm.filterable && !_vm.isDisabled + ? _c("input", { + directives: [ + { + name: "model", + rawName: "v-model.trim", + value: _vm.inputValue, + expression: "inputValue", + modifiers: { trim: true } + } + ], + staticClass: "el-cascader__search-input", + attrs: { + type: "text", + placeholder: _vm.presentTags.length ? "" : _vm.placeholder + }, + domProps: { value: _vm.inputValue }, + on: { + input: [ + function($event) { + if ($event.target.composing) { + return + } + _vm.inputValue = $event.target.value.trim() + }, + function(e) { + return _vm.handleInput(_vm.inputValue, e) + } + ], + click: function($event) { + $event.stopPropagation() + _vm.toggleDropDownVisible(true) + }, + keydown: function($event) { + if ( + !("button" in $event) && + _vm._k( + $event.keyCode, + "delete", + [8, 46], + $event.key, + ["Backspace", "Delete", "Del"] + ) + ) { + return null + } + return _vm.handleDelete($event) + }, + blur: function($event) { + _vm.$forceUpdate() + } + } + }) + : _vm._e() + ], + 2 + ) + : _vm._e(), + _c( + "transition", + { + attrs: { name: "el-zoom-in-top" }, + on: { "after-leave": _vm.handleDropdownLeave } + }, + [ + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.dropDownVisible, + expression: "dropDownVisible" + } + ], + ref: "popper", + class: ["el-popper", "el-cascader__dropdown", _vm.popperClass] + }, + [ + _c("el-cascader-panel", { + directives: [ + { + name: "show", + rawName: "v-show", + value: !_vm.filtering, + expression: "!filtering" + } + ], + ref: "panel", + attrs: { + options: _vm.options, + props: _vm.config, + border: false, + "render-label": _vm.$scopedSlots.default + }, + on: { + "expand-change": _vm.handleExpandChange, + close: function($event) { + _vm.toggleDropDownVisible(false) + } + }, + model: { + value: _vm.checkedValue, + callback: function($$v) { + _vm.checkedValue = $$v + }, + expression: "checkedValue" + } + }), + _vm.filterable + ? _c( + "el-scrollbar", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.filtering, + expression: "filtering" + } + ], + ref: "suggestionPanel", + staticClass: "el-cascader__suggestion-panel", + attrs: { + tag: "ul", + "view-class": "el-cascader__suggestion-list" + }, + nativeOn: { + keydown: function($event) { + return _vm.handleSuggestionKeyDown($event) + } + } + }, + [ + _vm.suggestions.length + ? _vm._l(_vm.suggestions, function(item, index) { + return _c( + "li", + { + key: item.uid, + class: [ + "el-cascader__suggestion-item", + item.checked && "is-checked" + ], + attrs: { tabindex: -1 }, + on: { + click: function($event) { + _vm.handleSuggestionClick(index) + } + } + }, + [ + _c("span", [_vm._v(_vm._s(item.text))]), + item.checked + ? _c("i", { staticClass: "el-icon-check" }) + : _vm._e() + ] + ) + }) + : _vm._t("empty", [ + _c( + "li", + { staticClass: "el-cascader__empty-text" }, + [_vm._v(_vm._s(_vm.t("el.cascader.noMatch")))] + ) + ]) + ], + 2 + ) + : _vm._e() + ], + 1 + ) + ] + ) + ], + 1 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=template&id=032537a6& + +// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper" +var vue_popper_ = __webpack_require__(5); +var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside" +var clickoutside_ = __webpack_require__(12); +var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/locale" +var locale_ = __webpack_require__(6); +var locale_default = /*#__PURE__*/__webpack_require__.n(locale_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating" +var migrating_ = __webpack_require__(11); +var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_); + +// EXTERNAL MODULE: external "element-ui/lib/input" +var input_ = __webpack_require__(10); +var input_default = /*#__PURE__*/__webpack_require__.n(input_); + +// EXTERNAL MODULE: external "element-ui/lib/tag" +var tag_ = __webpack_require__(38); +var tag_default = /*#__PURE__*/__webpack_require__.n(tag_); + +// EXTERNAL MODULE: external "element-ui/lib/scrollbar" +var scrollbar_ = __webpack_require__(14); +var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_); + +// EXTERNAL MODULE: external "element-ui/lib/cascader-panel" +var cascader_panel_ = __webpack_require__(50); +var cascader_panel_default = /*#__PURE__*/__webpack_require__.n(cascader_panel_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/aria-utils" +var aria_utils_ = __webpack_require__(32); +var aria_utils_default = /*#__PURE__*/__webpack_require__.n(aria_utils_); + +// EXTERNAL MODULE: external "element-ui/lib/locale" +var lib_locale_ = __webpack_require__(19); + +// EXTERNAL MODULE: external "element-ui/lib/utils/util" +var util_ = __webpack_require__(3); + +// EXTERNAL MODULE: external "element-ui/lib/utils/types" +var types_ = __webpack_require__(20); + +// EXTERNAL MODULE: external "element-ui/lib/utils/shared" +var shared_ = __webpack_require__(21); + +// EXTERNAL MODULE: external "element-ui/lib/utils/resize-event" +var resize_event_ = __webpack_require__(16); + +// EXTERNAL MODULE: external "throttle-debounce/debounce" +var debounce_ = __webpack_require__(17); +var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/cascader.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + + + + + + + + + + + +var KeyCode = aria_utils_default.a.keys; + +var MigratingProps = { + expandTrigger: { + newProp: 'expandTrigger', + type: String + }, + changeOnSelect: { + newProp: 'checkStrictly', + type: Boolean + }, + hoverThreshold: { + newProp: 'hoverThreshold', + type: Number + } +}; + +var PopperMixin = { + props: { + placement: { + type: String, + default: 'bottom-start' + }, + appendToBody: vue_popper_default.a.props.appendToBody, + visibleArrow: { + type: Boolean, + default: true + }, + arrowOffset: vue_popper_default.a.props.arrowOffset, + offset: vue_popper_default.a.props.offset, + boundariesPadding: vue_popper_default.a.props.boundariesPadding, + popperOptions: vue_popper_default.a.props.popperOptions + }, + methods: vue_popper_default.a.methods, + data: vue_popper_default.a.data, + beforeDestroy: vue_popper_default.a.beforeDestroy +}; + +var InputSizeMap = { + medium: 36, + small: 32, + mini: 28 +}; + +/* harmony default export */ var cascadervue_type_script_lang_js_ = ({ + name: 'ElCascader', + + directives: { Clickoutside: clickoutside_default.a }, + + mixins: [PopperMixin, emitter_default.a, locale_default.a, migrating_default.a], + + inject: { + elForm: { + default: '' + }, + elFormItem: { + default: '' + } + }, + + components: { + ElInput: input_default.a, + ElTag: tag_default.a, + ElScrollbar: scrollbar_default.a, + ElCascaderPanel: cascader_panel_default.a + }, + + props: { + value: {}, + options: Array, + props: Object, + size: String, + placeholder: { + type: String, + default: function _default() { + return Object(lib_locale_["t"])('el.cascader.placeholder'); + } + }, + disabled: Boolean, + clearable: Boolean, + filterable: Boolean, + filterMethod: Function, + separator: { + type: String, + default: ' / ' + }, + showAllLevels: { + type: Boolean, + default: true + }, + collapseTags: Boolean, + debounce: { + type: Number, + default: 300 + }, + beforeFilter: { + type: Function, + default: function _default() { + return function () {}; + } + }, + popperClass: String + }, + + data: function data() { + return { + dropDownVisible: false, + checkedValue: this.value || null, + inputHover: false, + inputValue: null, // 单选时，v-model 展示选中结果, 多选时，该值为空(不走这个) + presentText: null, // 多选时，presentText 也为空(则不会出现两个 placeholder 内容叠加) + presentTags: [], + checkedNodes: [], + filtering: false, + suggestions: [], + inputInitialHeight: 0, + pressDeleteCount: 0 + }; + }, + + + computed: { + realSize: function realSize() { + var _elFormItemSize = (this.elFormItem || {}).elFormItemSize; + return this.size || _elFormItemSize || (this.$ELEMENT || {}).size; + }, + tagSize: function tagSize() { + return ['small', 'mini'].indexOf(this.realSize) > -1 ? 'mini' : 'small'; + }, + isDisabled: function isDisabled() { + return this.disabled || (this.elForm || {}).disabled; + }, + config: function config() { + var config = this.props || {}; + var $attrs = this.$attrs; + + + Object.keys(MigratingProps).forEach(function (oldProp) { + var _MigratingProps$oldPr = MigratingProps[oldProp], + newProp = _MigratingProps$oldPr.newProp, + type = _MigratingProps$oldPr.type; + + var oldValue = $attrs[oldProp] || $attrs[Object(util_["kebabCase"])(oldProp)]; + if (Object(shared_["isDef"])(oldProp) && !Object(shared_["isDef"])(config[newProp])) { + if (type === Boolean && oldValue === '') { + oldValue = true; + } + config[newProp] = oldValue; + } + }); + + return config; + }, + multiple: function multiple() { + return this.config.multiple; + }, + leafOnly: function leafOnly() { + return !this.config.checkStrictly; + }, + readonly: function readonly() { + return !this.filterable || this.multiple; + }, + clearBtnVisible: function clearBtnVisible() { + if (!this.clearable || this.isDisabled || this.filtering || !this.inputHover) { + return false; + } + + return this.multiple ? !!this.checkedNodes.filter(function (node) { + return !node.isDisabled; + }).length : !!this.presentText; + }, + panel: function panel() { + return this.$refs.panel; + } + }, + + watch: { + disabled: function disabled() { + this.computePresentContent(); + }, + value: function value(val) { + if (!Object(util_["isEqual"])(val, this.checkedValue)) { + this.checkedValue = val; + this.computePresentContent(); + } + }, + checkedValue: function checkedValue(val) { + var value = this.value, + dropDownVisible = this.dropDownVisible; + var _config = this.config, + checkStrictly = _config.checkStrictly, + multiple = _config.multiple; + + + if (!Object(util_["isEqual"])(val, value) || Object(types_["isUndefined"])(value)) { + this.computePresentContent(); + // hide dropdown when single mode + if (!multiple && !checkStrictly && dropDownVisible) { + this.toggleDropDownVisible(false); + } + + this.$emit('input', val); + this.$emit('change', val); + this.dispatch('ElFormItem', 'el.form.change', [val]); + } + }, + + options: { + handler: function handler() { + this.$nextTick(this.computePresentContent); + }, + deep: true + }, + presentText: function presentText(val) { + this.inputValue = val; + }, + presentTags: function presentTags(val, oldVal) { + if (this.multiple && (val.length || oldVal.length)) { + this.$nextTick(this.updateStyle); + } + }, + filtering: function filtering(val) { + this.$nextTick(this.updatePopper); + } + }, + + mounted: function mounted() { + var _this = this; + + var input = this.$refs.input; + + if (input && input.$el) { + this.inputInitialHeight = input.$el.offsetHeight || InputSizeMap[this.realSize] || 40; + } + + if (!Object(util_["isEmpty"])(this.value)) { + this.computePresentContent(); + } + + this.filterHandler = debounce_default()(this.debounce, function () { + var inputValue = _this.inputValue; + + + if (!inputValue) { + _this.filtering = false; + return; + } + + var before = _this.beforeFilter(inputValue); + if (before && before.then) { + before.then(_this.getSuggestions); + } else if (before !== false) { + _this.getSuggestions(); + } else { + _this.filtering = false; + } + }); + + Object(resize_event_["addResizeListener"])(this.$el, this.updateStyle); + }, + beforeDestroy: function beforeDestroy() { + Object(resize_event_["removeResizeListener"])(this.$el, this.updateStyle); + }, + + + methods: { + getMigratingConfig: function getMigratingConfig() { + return { + props: { + 'expand-trigger': 'expand-trigger is removed, use `props.expandTrigger` instead.', + 'change-on-select': 'change-on-select is removed, use `props.checkStrictly` instead.', + 'hover-threshold': 'hover-threshold is removed, use `props.hoverThreshold` instead' + }, + events: { + 'active-item-change': 'active-item-change is renamed to expand-change' + } + }; + }, + toggleDropDownVisible: function toggleDropDownVisible(visible) { + var _this2 = this; + + if (this.isDisabled) return; + + var dropDownVisible = this.dropDownVisible; + var input = this.$refs.input; + + visible = Object(shared_["isDef"])(visible) ? visible : !dropDownVisible; + if (visible !== dropDownVisible) { + this.dropDownVisible = visible; + if (visible) { + this.$nextTick(function () { + _this2.updatePopper(); + _this2.panel.scrollIntoView(); + }); + } + input.$refs.input.setAttribute('aria-expanded', visible); + this.$emit('visible-change', visible); + } + }, + handleDropdownLeave: function handleDropdownLeave() { + this.filtering = false; + this.inputValue = this.presentText; + }, + handleKeyDown: function handleKeyDown(event) { + switch (event.keyCode) { + case KeyCode.enter: + this.toggleDropDownVisible(); + break; + case KeyCode.down: + this.toggleDropDownVisible(true); + this.focusFirstNode(); + event.preventDefault(); + break; + case KeyCode.esc: + case KeyCode.tab: + this.toggleDropDownVisible(false); + break; + } + }, + handleFocus: function handleFocus(e) { + this.$emit('focus', e); + }, + handleBlur: function handleBlur(e) { + this.$emit('blur', e); + }, + handleInput: function handleInput(val, event) { + !this.dropDownVisible && this.toggleDropDownVisible(true); + + if (event && event.isComposing) return; + if (val) { + this.filterHandler(); + } else { + this.filtering = false; + } + }, + handleClear: function handleClear() { + this.presentText = ''; + this.panel.clearCheckedNodes(); + }, + handleExpandChange: function handleExpandChange(value) { + this.$nextTick(this.updatePopper.bind(this)); + this.$emit('expand-change', value); + this.$emit('active-item-change', value); // Deprecated + }, + focusFirstNode: function focusFirstNode() { + var _this3 = this; + + this.$nextTick(function () { + var filtering = _this3.filtering; + var _$refs = _this3.$refs, + popper = _$refs.popper, + suggestionPanel = _$refs.suggestionPanel; + + var firstNode = null; + + if (filtering && suggestionPanel) { + firstNode = suggestionPanel.$el.querySelector('.el-cascader__suggestion-item'); + } else { + var firstMenu = popper.querySelector('.el-cascader-menu'); + firstNode = firstMenu.querySelector('.el-cascader-node[tabindex="-1"]'); + } + + if (firstNode) { + firstNode.focus(); + !filtering && firstNode.click(); + } + }); + }, + computePresentContent: function computePresentContent() { + var _this4 = this; + + // nextTick is required, because checked nodes may not change right now + this.$nextTick(function () { + if (_this4.config.multiple) { + _this4.computePresentTags(); + _this4.presentText = _this4.presentTags.length ? ' ' : null; + } else { + _this4.computePresentText(); + } + }); + }, + computePresentText: function computePresentText() { + var checkedValue = this.checkedValue, + config = this.config; + + if (!Object(util_["isEmpty"])(checkedValue)) { + var node = this.panel.getNodeByValue(checkedValue); + if (node && (config.checkStrictly || node.isLeaf)) { + this.presentText = node.getText(this.showAllLevels, this.separator); + return; + } + } + this.presentText = null; + }, + computePresentTags: function computePresentTags() { + var isDisabled = this.isDisabled, + leafOnly = this.leafOnly, + showAllLevels = this.showAllLevels, + separator = this.separator, + collapseTags = this.collapseTags; + + var checkedNodes = this.getCheckedNodes(leafOnly); + var tags = []; + + var genTag = function genTag(node) { + return { + node: node, + key: node.uid, + text: node.getText(showAllLevels, separator), + hitState: false, + closable: !isDisabled && !node.isDisabled + }; + }; + + if (checkedNodes.length) { + var first = checkedNodes[0], + rest = checkedNodes.slice(1); + + var restCount = rest.length; + tags.push(genTag(first)); + + if (restCount) { + if (collapseTags) { + tags.push({ + key: -1, + text: '+ ' + restCount, + closable: false + }); + } else { + rest.forEach(function (node) { + return tags.push(genTag(node)); + }); + } + } + } + + this.checkedNodes = checkedNodes; + this.presentTags = tags; + }, + getSuggestions: function getSuggestions() { + var _this5 = this; + + var filterMethod = this.filterMethod; + + + if (!Object(types_["isFunction"])(filterMethod)) { + filterMethod = function filterMethod(node, keyword) { + return node.text.includes(keyword); + }; + } + + var suggestions = this.panel.getFlattedNodes(this.leafOnly).filter(function (node) { + if (node.isDisabled) return false; + node.text = node.getText(_this5.showAllLevels, _this5.separator) || ''; + return filterMethod(node, _this5.inputValue); + }); + + if (this.multiple) { + this.presentTags.forEach(function (tag) { + tag.hitState = false; + }); + } else { + suggestions.forEach(function (node) { + node.checked = Object(util_["isEqual"])(_this5.checkedValue, node.getValueByOption()); + }); + } + + this.filtering = true; + this.suggestions = suggestions; + this.$nextTick(this.updatePopper); + }, + handleSuggestionKeyDown: function handleSuggestionKeyDown(event) { + var keyCode = event.keyCode, + target = event.target; + + switch (keyCode) { + case KeyCode.enter: + target.click(); + break; + case KeyCode.up: + var prev = target.previousElementSibling; + prev && prev.focus(); + break; + case KeyCode.down: + var next = target.nextElementSibling; + next && next.focus(); + break; + case KeyCode.esc: + case KeyCode.tab: + this.toggleDropDownVisible(false); + break; + } + }, + handleDelete: function handleDelete() { + var inputValue = this.inputValue, + pressDeleteCount = this.pressDeleteCount, + presentTags = this.presentTags; + + var lastIndex = presentTags.length - 1; + var lastTag = presentTags[lastIndex]; + this.pressDeleteCount = inputValue ? 0 : pressDeleteCount + 1; + + if (!lastTag) return; + + if (this.pressDeleteCount) { + if (lastTag.hitState) { + this.deleteTag(lastIndex); + } else { + lastTag.hitState = true; + } + } + }, + handleSuggestionClick: function handleSuggestionClick(index) { + var multiple = this.multiple; + + var targetNode = this.suggestions[index]; + + if (multiple) { + var checked = targetNode.checked; + + targetNode.doCheck(!checked); + this.panel.calculateMultiCheckedValue(); + } else { + this.checkedValue = targetNode.getValueByOption(); + this.toggleDropDownVisible(false); + } + }, + deleteTag: function deleteTag(index) { + var checkedValue = this.checkedValue; + + var val = checkedValue[index]; + this.checkedValue = checkedValue.filter(function (n, i) { + return i !== index; + }); + this.$emit('remove-tag', val); + }, + updateStyle: function updateStyle() { + var $el = this.$el, + inputInitialHeight = this.inputInitialHeight; + + if (this.$isServer || !$el) return; + + var suggestionPanel = this.$refs.suggestionPanel; + + var inputInner = $el.querySelector('.el-input__inner'); + + if (!inputInner) return; + + var tags = $el.querySelector('.el-cascader__tags'); + var suggestionPanelEl = null; + + if (suggestionPanel && (suggestionPanelEl = suggestionPanel.$el)) { + var suggestionList = suggestionPanelEl.querySelector('.el-cascader__suggestion-list'); + suggestionList.style.minWidth = inputInner.offsetWidth + 'px'; + } + + if (tags) { + var offsetHeight = tags.offsetHeight; + + var height = Math.max(offsetHeight + 6, inputInitialHeight) + 'px'; + inputInner.style.height = height; + this.updatePopper(); + } + }, + + + /** + * public methods + */ + getCheckedNodes: function getCheckedNodes(leafOnly) { + return this.panel.getCheckedNodes(leafOnly); + } + } +}); +// CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=script&lang=js& + /* harmony default export */ var src_cascadervue_type_script_lang_js_ = (cascadervue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/cascader/src/cascader.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_cascadervue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/cascader/src/cascader.vue" +/* harmony default export */ var cascader = (component.exports); +// CONCATENATED MODULE: ./packages/cascader/index.js + + +/* istanbul ignore next */ +cascader.install = function (Vue) { + Vue.component(cascader.name, cascader); +}; + +/* harmony default export */ var packages_cascader = __webpack_exports__["default"] = (cascader); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/checkbox-button.js b/lib/checkbox-button.js new file mode 100644 index 00000000000..0cb4219ad67 --- /dev/null +++ b/lib/checkbox-button.js @@ -0,0 +1,582 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 84); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 84: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-button.vue?vue&type=template&id=478e906e& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "label", + { + staticClass: "el-checkbox-button", + class: [ + _vm.size ? "el-checkbox-button--" + _vm.size : "", + { "is-disabled": _vm.isDisabled }, + { "is-checked": _vm.isChecked }, + { "is-focus": _vm.focus } + ], + attrs: { + role: "checkbox", + "aria-checked": _vm.isChecked, + "aria-disabled": _vm.isDisabled + } + }, + [ + _vm.trueLabel || _vm.falseLabel + ? _c("input", { + directives: [ + { + name: "model", + rawName: "v-model", + value: _vm.model, + expression: "model" + } + ], + staticClass: "el-checkbox-button__original", + attrs: { + type: "checkbox", + name: _vm.name, + disabled: _vm.isDisabled, + "true-value": _vm.trueLabel, + "false-value": _vm.falseLabel + }, + domProps: { + checked: Array.isArray(_vm.model) + ? _vm._i(_vm.model, null) > -1 + : _vm._q(_vm.model, _vm.trueLabel) + }, + on: { + change: [ + function($event) { + var $$a = _vm.model, + $$el = $event.target, + $$c = $$el.checked ? _vm.trueLabel : _vm.falseLabel + if (Array.isArray($$a)) { + var $$v = null, + $$i = _vm._i($$a, $$v) + if ($$el.checked) { + $$i < 0 && (_vm.model = $$a.concat([$$v])) + } else { + $$i > -1 && + (_vm.model = $$a + .slice(0, $$i) + .concat($$a.slice($$i + 1))) + } + } else { + _vm.model = $$c + } + }, + _vm.handleChange + ], + focus: function($event) { + _vm.focus = true + }, + blur: function($event) { + _vm.focus = false + } + } + }) + : _c("input", { + directives: [ + { + name: "model", + rawName: "v-model", + value: _vm.model, + expression: "model" + } + ], + staticClass: "el-checkbox-button__original", + attrs: { + type: "checkbox", + name: _vm.name, + disabled: _vm.isDisabled + }, + domProps: { + value: _vm.label, + checked: Array.isArray(_vm.model) + ? _vm._i(_vm.model, _vm.label) > -1 + : _vm.model + }, + on: { + change: [ + function($event) { + var $$a = _vm.model, + $$el = $event.target, + $$c = $$el.checked ? true : false + if (Array.isArray($$a)) { + var $$v = _vm.label, + $$i = _vm._i($$a, $$v) + if ($$el.checked) { + $$i < 0 && (_vm.model = $$a.concat([$$v])) + } else { + $$i > -1 && + (_vm.model = $$a + .slice(0, $$i) + .concat($$a.slice($$i + 1))) + } + } else { + _vm.model = $$c + } + }, + _vm.handleChange + ], + focus: function($event) { + _vm.focus = true + }, + blur: function($event) { + _vm.focus = false + } + } + }), + _vm.$slots.default || _vm.label + ? _c( + "span", + { + staticClass: "el-checkbox-button__inner", + style: _vm.isChecked ? _vm.activeStyle : null + }, + [_vm._t("default", [_vm._v(_vm._s(_vm.label))])], + 2 + ) + : _vm._e() + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-button.vue?vue&type=template&id=478e906e& + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-button.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +/* harmony default export */ var checkbox_buttonvue_type_script_lang_js_ = ({ + name: 'ElCheckboxButton', + + mixins: [emitter_default.a], + + inject: { + elForm: { + default: '' + }, + elFormItem: { + default: '' + } + }, + + data: function data() { + return { + selfModel: false, + focus: false, + isLimitExceeded: false + }; + }, + + + props: { + value: {}, + label: {}, + disabled: Boolean, + checked: Boolean, + name: String, + trueLabel: [String, Number], + falseLabel: [String, Number] + }, + computed: { + model: { + get: function get() { + return this._checkboxGroup ? this.store : this.value !== undefined ? this.value : this.selfModel; + }, + set: function set(val) { + if (this._checkboxGroup) { + this.isLimitExceeded = false; + this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (this.isLimitExceeded = true); + + this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (this.isLimitExceeded = true); + + this.isLimitExceeded === false && this.dispatch('ElCheckboxGroup', 'input', [val]); + } else if (this.value !== undefined) { + this.$emit('input', val); + } else { + this.selfModel = val; + } + } + }, + + isChecked: function isChecked() { + if ({}.toString.call(this.model) === '[object Boolean]') { + return this.model; + } else if (Array.isArray(this.model)) { + return this.model.indexOf(this.label) > -1; + } else if (this.model !== null && this.model !== undefined) { + return this.model === this.trueLabel; + } + }, + _checkboxGroup: function _checkboxGroup() { + var parent = this.$parent; + while (parent) { + if (parent.$options.componentName !== 'ElCheckboxGroup') { + parent = parent.$parent; + } else { + return parent; + } + } + return false; + }, + store: function store() { + return this._checkboxGroup ? this._checkboxGroup.value : this.value; + }, + activeStyle: function activeStyle() { + return { + backgroundColor: this._checkboxGroup.fill || '', + borderColor: this._checkboxGroup.fill || '', + color: this._checkboxGroup.textColor || '', + 'box-shadow': '-1px 0 0 0 ' + this._checkboxGroup.fill + + }; + }, + _elFormItemSize: function _elFormItemSize() { + return (this.elFormItem || {}).elFormItemSize; + }, + size: function size() { + return this._checkboxGroup.checkboxGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size; + }, + + + /* used to make the isDisabled judgment under max/min props */ + isLimitDisabled: function isLimitDisabled() { + var _checkboxGroup2 = this._checkboxGroup, + max = _checkboxGroup2.max, + min = _checkboxGroup2.min; + + return !!(max || min) && this.model.length >= max && !this.isChecked || this.model.length <= min && this.isChecked; + }, + isDisabled: function isDisabled() { + return this._checkboxGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled : this.disabled || (this.elForm || {}).disabled; + } + }, + methods: { + addToStore: function addToStore() { + if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) { + this.model.push(this.label); + } else { + this.model = this.trueLabel || true; + } + }, + handleChange: function handleChange(ev) { + var _this = this; + + if (this.isLimitExceeded) return; + var value = void 0; + if (ev.target.checked) { + value = this.trueLabel === undefined ? true : this.trueLabel; + } else { + value = this.falseLabel === undefined ? false : this.falseLabel; + } + this.$emit('change', value, ev); + this.$nextTick(function () { + if (_this._checkboxGroup) { + _this.dispatch('ElCheckboxGroup', 'change', [_this._checkboxGroup.value]); + } + }); + } + }, + + created: function created() { + this.checked && this.addToStore(); + } +}); +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-button.vue?vue&type=script&lang=js& + /* harmony default export */ var src_checkbox_buttonvue_type_script_lang_js_ = (checkbox_buttonvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-button.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_checkbox_buttonvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/checkbox/src/checkbox-button.vue" +/* harmony default export */ var checkbox_button = (component.exports); +// CONCATENATED MODULE: ./packages/checkbox-button/index.js + + +/* istanbul ignore next */ +checkbox_button.install = function (Vue) { + Vue.component(checkbox_button.name, checkbox_button); +}; + +/* harmony default export */ var packages_checkbox_button = __webpack_exports__["default"] = (checkbox_button); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/checkbox-group.js b/lib/checkbox-group.js new file mode 100644 index 00000000000..8d6f0849582 --- /dev/null +++ b/lib/checkbox-group.js @@ -0,0 +1,312 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 86); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 86: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=7289a290& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-checkbox-group", + attrs: { role: "group", "aria-label": "checkbox-group" } + }, + [_vm._t("default")], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=7289a290& + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-group.vue?vue&type=script&lang=js& + + + +/* harmony default export */ var checkbox_groupvue_type_script_lang_js_ = ({ + name: 'ElCheckboxGroup', + + componentName: 'ElCheckboxGroup', + + mixins: [emitter_default.a], + + inject: { + elFormItem: { + default: '' + } + }, + + props: { + value: {}, + disabled: Boolean, + min: Number, + max: Number, + size: String, + fill: String, + textColor: String + }, + + computed: { + _elFormItemSize: function _elFormItemSize() { + return (this.elFormItem || {}).elFormItemSize; + }, + checkboxGroupSize: function checkboxGroupSize() { + return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; + } + }, + + watch: { + value: function value(_value) { + this.dispatch('ElFormItem', 'el.form.change', [_value]); + } + } +}); +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=script&lang=js& + /* harmony default export */ var src_checkbox_groupvue_type_script_lang_js_ = (checkbox_groupvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_checkbox_groupvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/checkbox/src/checkbox-group.vue" +/* harmony default export */ var checkbox_group = (component.exports); +// CONCATENATED MODULE: ./packages/checkbox-group/index.js + + +/* istanbul ignore next */ +checkbox_group.install = function (Vue) { + Vue.component(checkbox_group.name, checkbox_group); +}; + +/* harmony default export */ var packages_checkbox_group = __webpack_exports__["default"] = (checkbox_group); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/checkbox.js b/lib/checkbox.js new file mode 100644 index 00000000000..24758142950 --- /dev/null +++ b/lib/checkbox.js @@ -0,0 +1,626 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 83); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 83: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox.vue?vue&type=template&id=d0387074& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "label", + { + staticClass: "el-checkbox", + class: [ + _vm.border && _vm.checkboxSize + ? "el-checkbox--" + _vm.checkboxSize + : "", + { "is-disabled": _vm.isDisabled }, + { "is-bordered": _vm.border }, + { "is-checked": _vm.isChecked } + ], + attrs: { id: _vm.id } + }, + [ + _c( + "span", + { + staticClass: "el-checkbox__input", + class: { + "is-disabled": _vm.isDisabled, + "is-checked": _vm.isChecked, + "is-indeterminate": _vm.indeterminate, + "is-focus": _vm.focus + }, + attrs: { + tabindex: _vm.indeterminate ? 0 : false, + role: _vm.indeterminate ? "checkbox" : false, + "aria-checked": _vm.indeterminate ? "mixed" : false + } + }, + [ + _c("span", { staticClass: "el-checkbox__inner" }), + _vm.trueLabel || _vm.falseLabel + ? _c("input", { + directives: [ + { + name: "model", + rawName: "v-model", + value: _vm.model, + expression: "model" + } + ], + staticClass: "el-checkbox__original", + attrs: { + type: "checkbox", + "aria-hidden": _vm.indeterminate ? "true" : "false", + name: _vm.name, + disabled: _vm.isDisabled, + "true-value": _vm.trueLabel, + "false-value": _vm.falseLabel + }, + domProps: { + checked: Array.isArray(_vm.model) + ? _vm._i(_vm.model, null) > -1 + : _vm._q(_vm.model, _vm.trueLabel) + }, + on: { + change: [ + function($event) { + var $$a = _vm.model, + $$el = $event.target, + $$c = $$el.checked ? _vm.trueLabel : _vm.falseLabel + if (Array.isArray($$a)) { + var $$v = null, + $$i = _vm._i($$a, $$v) + if ($$el.checked) { + $$i < 0 && (_vm.model = $$a.concat([$$v])) + } else { + $$i > -1 && + (_vm.model = $$a + .slice(0, $$i) + .concat($$a.slice($$i + 1))) + } + } else { + _vm.model = $$c + } + }, + _vm.handleChange + ], + focus: function($event) { + _vm.focus = true + }, + blur: function($event) { + _vm.focus = false + } + } + }) + : _c("input", { + directives: [ + { + name: "model", + rawName: "v-model", + value: _vm.model, + expression: "model" + } + ], + staticClass: "el-checkbox__original", + attrs: { + type: "checkbox", + "aria-hidden": _vm.indeterminate ? "true" : "false", + disabled: _vm.isDisabled, + name: _vm.name + }, + domProps: { + value: _vm.label, + checked: Array.isArray(_vm.model) + ? _vm._i(_vm.model, _vm.label) > -1 + : _vm.model + }, + on: { + change: [ + function($event) { + var $$a = _vm.model, + $$el = $event.target, + $$c = $$el.checked ? true : false + if (Array.isArray($$a)) { + var $$v = _vm.label, + $$i = _vm._i($$a, $$v) + if ($$el.checked) { + $$i < 0 && (_vm.model = $$a.concat([$$v])) + } else { + $$i > -1 && + (_vm.model = $$a + .slice(0, $$i) + .concat($$a.slice($$i + 1))) + } + } else { + _vm.model = $$c + } + }, + _vm.handleChange + ], + focus: function($event) { + _vm.focus = true + }, + blur: function($event) { + _vm.focus = false + } + } + }) + ] + ), + _vm.$slots.default || _vm.label + ? _c( + "span", + { staticClass: "el-checkbox__label" }, + [ + _vm._t("default"), + !_vm.$slots.default ? [_vm._v(_vm._s(_vm.label))] : _vm._e() + ], + 2 + ) + : _vm._e() + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=template&id=d0387074& + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +/* harmony default export */ var checkboxvue_type_script_lang_js_ = ({ + name: 'ElCheckbox', + + mixins: [emitter_default.a], + + inject: { + elForm: { + default: '' + }, + elFormItem: { + default: '' + } + }, + + componentName: 'ElCheckbox', + + data: function data() { + return { + selfModel: false, + focus: false, + isLimitExceeded: false + }; + }, + + + computed: { + model: { + get: function get() { + return this.isGroup ? this.store : this.value !== undefined ? this.value : this.selfModel; + }, + set: function set(val) { + if (this.isGroup) { + this.isLimitExceeded = false; + this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (this.isLimitExceeded = true); + + this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (this.isLimitExceeded = true); + + this.isLimitExceeded === false && this.dispatch('ElCheckboxGroup', 'input', [val]); + } else { + this.$emit('input', val); + this.selfModel = val; + } + } + }, + + isChecked: function isChecked() { + if ({}.toString.call(this.model) === '[object Boolean]') { + return this.model; + } else if (Array.isArray(this.model)) { + return this.model.indexOf(this.label) > -1; + } else if (this.model !== null && this.model !== undefined) { + return this.model === this.trueLabel; + } + }, + isGroup: function isGroup() { + var parent = this.$parent; + while (parent) { + if (parent.$options.componentName !== 'ElCheckboxGroup') { + parent = parent.$parent; + } else { + this._checkboxGroup = parent; + return true; + } + } + return false; + }, + store: function store() { + return this._checkboxGroup ? this._checkboxGroup.value : this.value; + }, + + + /* used to make the isDisabled judgment under max/min props */ + isLimitDisabled: function isLimitDisabled() { + var _checkboxGroup = this._checkboxGroup, + max = _checkboxGroup.max, + min = _checkboxGroup.min; + + return !!(max || min) && this.model.length >= max && !this.isChecked || this.model.length <= min && this.isChecked; + }, + isDisabled: function isDisabled() { + return this.isGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled : this.disabled || (this.elForm || {}).disabled; + }, + _elFormItemSize: function _elFormItemSize() { + return (this.elFormItem || {}).elFormItemSize; + }, + checkboxSize: function checkboxSize() { + var temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; + return this.isGroup ? this._checkboxGroup.checkboxGroupSize || temCheckboxSize : temCheckboxSize; + } + }, + + props: { + value: {}, + label: {}, + indeterminate: Boolean, + disabled: Boolean, + checked: Boolean, + name: String, + trueLabel: [String, Number], + falseLabel: [String, Number], + id: String, /* 当indeterminate为真时，为controls提供相关连的checkbox的id，表明元素间的控制关系*/ + controls: String, /* 当indeterminate为真时，为controls提供相关连的checkbox的id，表明元素间的控制关系*/ + border: Boolean, + size: String + }, + + methods: { + addToStore: function addToStore() { + if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) { + this.model.push(this.label); + } else { + this.model = this.trueLabel || true; + } + }, + handleChange: function handleChange(ev) { + var _this = this; + + if (this.isLimitExceeded) return; + var value = void 0; + if (ev.target.checked) { + value = this.trueLabel === undefined ? true : this.trueLabel; + } else { + value = this.falseLabel === undefined ? false : this.falseLabel; + } + this.$emit('change', value, ev); + this.$nextTick(function () { + if (_this.isGroup) { + _this.dispatch('ElCheckboxGroup', 'change', [_this._checkboxGroup.value]); + } + }); + } + }, + + created: function created() { + this.checked && this.addToStore(); + }, + mounted: function mounted() { + // 为indeterminate元素 添加aria-controls 属性 + if (this.indeterminate) { + this.$el.setAttribute('aria-controls', this.controls); + } + }, + + + watch: { + value: function value(_value) { + this.dispatch('ElFormItem', 'el.form.change', _value); + } + } +}); +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=script&lang=js& + /* harmony default export */ var src_checkboxvue_type_script_lang_js_ = (checkboxvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_checkboxvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/checkbox/src/checkbox.vue" +/* harmony default export */ var src_checkbox = (component.exports); +// CONCATENATED MODULE: ./packages/checkbox/index.js + + +/* istanbul ignore next */ +src_checkbox.install = function (Vue) { + Vue.component(src_checkbox.name, src_checkbox); +}; + +/* harmony default export */ var packages_checkbox = __webpack_exports__["default"] = (src_checkbox); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/col.js b/lib/col.js new file mode 100644 index 00000000000..c54662b2d6d --- /dev/null +++ b/lib/col.js @@ -0,0 +1,176 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 134); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 134: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./packages/col/src/col.js +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +/* harmony default export */ var col = ({ + name: 'ElCol', + + props: { + span: { + type: Number, + default: 24 + }, + tag: { + type: String, + default: 'div' + }, + offset: Number, + pull: Number, + push: Number, + xs: [Number, Object], + sm: [Number, Object], + md: [Number, Object], + lg: [Number, Object], + xl: [Number, Object] + }, + + computed: { + gutter: function gutter() { + var parent = this.$parent; + while (parent && parent.$options.componentName !== 'ElRow') { + parent = parent.$parent; + } + return parent ? parent.gutter : 0; + } + }, + render: function render(h) { + var _this = this; + + var classList = []; + var style = {}; + + if (this.gutter) { + style.paddingLeft = this.gutter / 2 + 'px'; + style.paddingRight = style.paddingLeft; + } + + ['span', 'offset', 'pull', 'push'].forEach(function (prop) { + if (_this[prop] || _this[prop] === 0) { + classList.push(prop !== 'span' ? 'el-col-' + prop + '-' + _this[prop] : 'el-col-' + _this[prop]); + } + }); + + ['xs', 'sm', 'md', 'lg', 'xl'].forEach(function (size) { + if (typeof _this[size] === 'number') { + classList.push('el-col-' + size + '-' + _this[size]); + } else if (_typeof(_this[size]) === 'object') { + var props = _this[size]; + Object.keys(props).forEach(function (prop) { + classList.push(prop !== 'span' ? 'el-col-' + size + '-' + prop + '-' + props[prop] : 'el-col-' + size + '-' + props[prop]); + }); + } + }); + + return h(this.tag, { + class: ['el-col', classList], + style: style + }, this.$slots.default); + } +}); +// CONCATENATED MODULE: ./packages/col/index.js + + +/* istanbul ignore next */ +col.install = function (Vue) { + Vue.component(col.name, col); +}; + +/* harmony default export */ var packages_col = __webpack_exports__["default"] = (col); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/collapse-item.js b/lib/collapse-item.js new file mode 100644 index 00000000000..9953ad758ba --- /dev/null +++ b/lib/collapse-item.js @@ -0,0 +1,496 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 91); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 28: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/transitions/collapse-transition"); + +/***/ }), + +/***/ 3: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/util"); + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 91: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/collapse/src/collapse-item.vue?vue&type=template&id=2d05faac& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-collapse-item", + class: { "is-active": _vm.isActive, "is-disabled": _vm.disabled } + }, + [ + _c( + "div", + { + attrs: { + role: "tab", + "aria-expanded": _vm.isActive, + "aria-controls": "el-collapse-content-" + _vm.id, + "aria-describedby": "el-collapse-content-" + _vm.id + } + }, + [ + _c( + "div", + { + staticClass: "el-collapse-item__header", + class: { + focusing: _vm.focusing, + "is-active": _vm.isActive + }, + attrs: { + role: "button", + id: "el-collapse-head-" + _vm.id, + tabindex: _vm.disabled ? undefined : 0 + }, + on: { + click: _vm.handleHeaderClick, + keyup: function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "space", 32, $event.key, [ + " ", + "Spacebar" + ]) && + _vm._k($event.keyCode, "enter", 13, $event.key, "Enter") + ) { + return null + } + $event.stopPropagation() + return _vm.handleEnterClick($event) + }, + focus: _vm.handleFocus, + blur: function($event) { + _vm.focusing = false + } + } + }, + [ + _vm._t("title", [_vm._v(_vm._s(_vm.title))]), + _c("i", { + staticClass: "el-collapse-item__arrow el-icon-arrow-right", + class: { "is-active": _vm.isActive } + }) + ], + 2 + ) + ] + ), + _c("el-collapse-transition", [ + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.isActive, + expression: "isActive" + } + ], + staticClass: "el-collapse-item__wrap", + attrs: { + role: "tabpanel", + "aria-hidden": !_vm.isActive, + "aria-labelledby": "el-collapse-head-" + _vm.id, + id: "el-collapse-content-" + _vm.id + } + }, + [ + _c( + "div", + { staticClass: "el-collapse-item__content" }, + [_vm._t("default")], + 2 + ) + ] + ) + ]) + ], + 1 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/collapse/src/collapse-item.vue?vue&type=template&id=2d05faac& + +// EXTERNAL MODULE: external "element-ui/lib/transitions/collapse-transition" +var collapse_transition_ = __webpack_require__(28); +var collapse_transition_default = /*#__PURE__*/__webpack_require__.n(collapse_transition_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/util" +var util_ = __webpack_require__(3); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/collapse/src/collapse-item.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var collapse_itemvue_type_script_lang_js_ = ({ + name: 'ElCollapseItem', + + componentName: 'ElCollapseItem', + + mixins: [emitter_default.a], + + components: { ElCollapseTransition: collapse_transition_default.a }, + + data: function data() { + return { + contentWrapStyle: { + height: 'auto', + display: 'block' + }, + contentHeight: 0, + focusing: false, + isClick: false, + id: Object(util_["generateId"])() + }; + }, + + + inject: ['collapse'], + + props: { + title: String, + name: { + type: [String, Number], + default: function _default() { + return this._uid; + } + }, + disabled: Boolean + }, + + computed: { + isActive: function isActive() { + return this.collapse.activeNames.indexOf(this.name) > -1; + } + }, + + methods: { + handleFocus: function handleFocus() { + var _this = this; + + setTimeout(function () { + if (!_this.isClick) { + _this.focusing = true; + } else { + _this.isClick = false; + } + }, 50); + }, + handleHeaderClick: function handleHeaderClick() { + if (this.disabled) return; + this.dispatch('ElCollapse', 'item-click', this); + this.focusing = false; + this.isClick = true; + }, + handleEnterClick: function handleEnterClick() { + this.dispatch('ElCollapse', 'item-click', this); + } + } +}); +// CONCATENATED MODULE: ./packages/collapse/src/collapse-item.vue?vue&type=script&lang=js& + /* harmony default export */ var src_collapse_itemvue_type_script_lang_js_ = (collapse_itemvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/collapse/src/collapse-item.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_collapse_itemvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/collapse/src/collapse-item.vue" +/* harmony default export */ var collapse_item = (component.exports); +// CONCATENATED MODULE: ./packages/collapse-item/index.js + + +/* istanbul ignore next */ +collapse_item.install = function (Vue) { + Vue.component(collapse_item.name, collapse_item); +}; + +/* harmony default export */ var packages_collapse_item = __webpack_exports__["default"] = (collapse_item); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/collapse.js b/lib/collapse.js new file mode 100644 index 00000000000..5bc43eb3d6a --- /dev/null +++ b/lib/collapse.js @@ -0,0 +1,328 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 92); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 92: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/collapse/src/collapse.vue?vue&type=template&id=461d57f4& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-collapse", + attrs: { role: "tablist", "aria-multiselectable": "true" } + }, + [_vm._t("default")], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/collapse/src/collapse.vue?vue&type=template&id=461d57f4& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/collapse/src/collapse.vue?vue&type=script&lang=js& +// +// +// +// +// + +/* harmony default export */ var collapsevue_type_script_lang_js_ = ({ + name: 'ElCollapse', + + componentName: 'ElCollapse', + + props: { + accordion: Boolean, + value: { + type: [Array, String, Number], + default: function _default() { + return []; + } + } + }, + + data: function data() { + return { + activeNames: [].concat(this.value) + }; + }, + provide: function provide() { + return { + collapse: this + }; + }, + + + watch: { + value: function value(_value) { + this.activeNames = [].concat(_value); + } + }, + + methods: { + setActiveNames: function setActiveNames(activeNames) { + activeNames = [].concat(activeNames); + var value = this.accordion ? activeNames[0] : activeNames; + this.activeNames = activeNames; + this.$emit('input', value); + this.$emit('change', value); + }, + handleItemClick: function handleItemClick(item) { + if (this.accordion) { + this.setActiveNames((this.activeNames[0] || this.activeNames[0] === 0) && this.activeNames[0] === item.name ? '' : item.name); + } else { + var activeNames = this.activeNames.slice(0); + var index = activeNames.indexOf(item.name); + + if (index > -1) { + activeNames.splice(index, 1); + } else { + activeNames.push(item.name); + } + this.setActiveNames(activeNames); + } + } + }, + + created: function created() { + this.$on('item-click', this.handleItemClick); + } +}); +// CONCATENATED MODULE: ./packages/collapse/src/collapse.vue?vue&type=script&lang=js& + /* harmony default export */ var src_collapsevue_type_script_lang_js_ = (collapsevue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/collapse/src/collapse.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_collapsevue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/collapse/src/collapse.vue" +/* harmony default export */ var collapse = (component.exports); +// CONCATENATED MODULE: ./packages/collapse/index.js + + +/* istanbul ignore next */ +collapse.install = function (Vue) { + Vue.component(collapse.name, collapse); +}; + +/* harmony default export */ var packages_collapse = __webpack_exports__["default"] = (collapse); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/color-picker.js b/lib/color-picker.js new file mode 100644 index 00000000000..5839e889909 --- /dev/null +++ b/lib/color-picker.js @@ -0,0 +1,1957 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 54); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 10: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/input"); + +/***/ }), + +/***/ 12: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/clickoutside"); + +/***/ }), + +/***/ 13: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/button"); + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 5: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/vue-popper"); + +/***/ }), + +/***/ 54: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/main.vue?vue&type=template&id=55c8ade7& +var 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.hide, + expression: "hide" + } + ], + class: [ + "el-color-picker", + _vm.colorDisabled ? "is-disabled" : "", + _vm.colorSize ? "el-color-picker--" + _vm.colorSize : "" + ] + }, + [ + _vm.colorDisabled + ? _c("div", { staticClass: "el-color-picker__mask" }) + : _vm._e(), + _c( + "div", + { + staticClass: "el-color-picker__trigger", + on: { click: _vm.handleTrigger } + }, + [ + _c( + "span", + { + staticClass: "el-color-picker__color", + class: { "is-alpha": _vm.showAlpha } + }, + [ + _c("span", { + staticClass: "el-color-picker__color-inner", + style: { + backgroundColor: _vm.displayedColor + } + }), + !_vm.value && !_vm.showPanelColor + ? _c("span", { + staticClass: "el-color-picker__empty el-icon-close" + }) + : _vm._e() + ] + ), + _c("span", { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.value || _vm.showPanelColor, + expression: "value || showPanelColor" + } + ], + staticClass: "el-color-picker__icon el-icon-arrow-down" + }) + ] + ), + _c("picker-dropdown", { + ref: "dropdown", + class: ["el-color-picker__panel", _vm.popperClass || ""], + attrs: { + color: _vm.color, + "show-alpha": _vm.showAlpha, + predefine: _vm.predefine + }, + on: { pick: _vm.confirmValue, clear: _vm.clearValue }, + model: { + value: _vm.showPicker, + callback: function($$v) { + _vm.showPicker = $$v + }, + expression: "showPicker" + } + }) + ], + 1 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/color-picker/src/main.vue?vue&type=template&id=55c8ade7& + +// CONCATENATED MODULE: ./packages/color-picker/src/color.js +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +var hsv2hsl = function hsv2hsl(hue, sat, val) { + return [hue, sat * val / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue) || 0, hue / 2]; +}; + +// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 +// +var isOnePointZero = function isOnePointZero(n) { + return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1; +}; + +var isPercentage = function isPercentage(n) { + return typeof n === 'string' && n.indexOf('%') !== -1; +}; + +// Take input from [0, n] and return it as [0, 1] +var bound01 = function bound01(value, max) { + if (isOnePointZero(value)) value = '100%'; + + var processPercent = isPercentage(value); + value = Math.min(max, Math.max(0, parseFloat(value))); + + // Automatically convert percentage into number + if (processPercent) { + value = parseInt(value * max, 10) / 100; + } + + // Handle floating point rounding errors + if (Math.abs(value - max) < 0.000001) { + return 1; + } + + // Convert into [0, 1] range if it isn't already + return value % max / parseFloat(max); +}; + +var INT_HEX_MAP = { 10: 'A', 11: 'B', 12: 'C', 13: 'D', 14: 'E', 15: 'F' }; + +var toHex = function toHex(_ref) { + var r = _ref.r, + g = _ref.g, + b = _ref.b; + + var hexOne = function hexOne(value) { + value = Math.min(Math.round(value), 255); + var high = Math.floor(value / 16); + var low = value % 16; + return '' + (INT_HEX_MAP[high] || high) + (INT_HEX_MAP[low] || low); + }; + + if (isNaN(r) || isNaN(g) || isNaN(b)) return ''; + + return '#' + hexOne(r) + hexOne(g) + hexOne(b); +}; + +var HEX_INT_MAP = { A: 10, B: 11, C: 12, D: 13, E: 14, F: 15 }; + +var parseHexChannel = function parseHexChannel(hex) { + if (hex.length === 2) { + return (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 + (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]); + } + + return HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]; +}; + +var hsl2hsv = function hsl2hsv(hue, sat, light) { + sat = sat / 100; + light = light / 100; + var smin = sat; + var lmin = Math.max(light, 0.01); + var sv = void 0; + var v = void 0; + + light *= 2; + sat *= light <= 1 ? light : 2 - light; + smin *= lmin <= 1 ? lmin : 2 - lmin; + v = (light + sat) / 2; + sv = light === 0 ? 2 * smin / (lmin + smin) : 2 * sat / (light + sat); + + return { + h: hue, + s: sv * 100, + v: v * 100 + }; +}; + +// `rgbToHsv` +// Converts an RGB color value to HSV +// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] +// *Returns:* { h, s, v } in [0,1] +var rgb2hsv = function rgb2hsv(r, g, b) { + r = bound01(r, 255); + g = bound01(g, 255); + b = bound01(b, 255); + + var max = Math.max(r, g, b); + var min = Math.min(r, g, b); + var h = void 0, + s = void 0; + var v = max; + + var d = max - min; + s = max === 0 ? 0 : d / max; + + if (max === min) { + h = 0; // achromatic + } else { + switch (max) { + case r: + h = (g - b) / d + (g < b ? 6 : 0); + break; + case g: + h = (b - r) / d + 2; + break; + case b: + h = (r - g) / d + 4; + break; + } + h /= 6; + } + + return { h: h * 360, s: s * 100, v: v * 100 }; +}; + +// `hsvToRgb` +// Converts an HSV color value to RGB. +// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] +// *Returns:* { r, g, b } in the set [0, 255] +var hsv2rgb = function hsv2rgb(h, s, v) { + h = bound01(h, 360) * 6; + s = bound01(s, 100); + v = bound01(v, 100); + + var i = Math.floor(h); + var f = h - i; + var p = v * (1 - s); + var q = v * (1 - f * s); + var t = v * (1 - (1 - f) * s); + var mod = i % 6; + var r = [v, q, p, p, t, v][mod]; + var g = [t, v, v, q, p, p][mod]; + var b = [p, p, t, v, v, q][mod]; + + return { + r: Math.round(r * 255), + g: Math.round(g * 255), + b: Math.round(b * 255) + }; +}; + +var Color = function () { + function Color(options) { + _classCallCheck(this, Color); + + this._hue = 0; + this._saturation = 100; + this._value = 100; + this._alpha = 100; + + this.enableAlpha = false; + this.format = 'hex'; + this.value = ''; + + options = options || {}; + + for (var option in options) { + if (options.hasOwnProperty(option)) { + this[option] = options[option]; + } + } + + this.doOnChange(); + } + + Color.prototype.set = function set(prop, value) { + if (arguments.length === 1 && (typeof prop === 'undefined' ? 'undefined' : _typeof(prop)) === 'object') { + for (var p in prop) { + if (prop.hasOwnProperty(p)) { + this.set(p, prop[p]); + } + } + + return; + } + + this['_' + prop] = value; + this.doOnChange(); + }; + + Color.prototype.get = function get(prop) { + return this['_' + prop]; + }; + + Color.prototype.toRgb = function toRgb() { + return hsv2rgb(this._hue, this._saturation, this._value); + }; + + Color.prototype.fromString = function fromString(value) { + var _this = this; + + if (!value) { + this._hue = 0; + this._saturation = 100; + this._value = 100; + + this.doOnChange(); + return; + } + + var fromHSV = function fromHSV(h, s, v) { + _this._hue = Math.max(0, Math.min(360, h)); + _this._saturation = Math.max(0, Math.min(100, s)); + _this._value = Math.max(0, Math.min(100, v)); + + _this.doOnChange(); + }; + + if (value.indexOf('hsl') !== -1) { + var parts = value.replace(/hsla|hsl|\(|\)/gm, '').split(/\s|,/g).filter(function (val) { + return val !== ''; + }).map(function (val, index) { + return index > 2 ? parseFloat(val) : parseInt(val, 10); + }); + + if (parts.length === 4) { + this._alpha = Math.floor(parseFloat(parts[3]) * 100); + } else if (parts.length === 3) { + this._alpha = 100; + } + if (parts.length >= 3) { + var _hsl2hsv = hsl2hsv(parts[0], parts[1], parts[2]), + h = _hsl2hsv.h, + s = _hsl2hsv.s, + v = _hsl2hsv.v; + + fromHSV(h, s, v); + } + } else if (value.indexOf('hsv') !== -1) { + var _parts = value.replace(/hsva|hsv|\(|\)/gm, '').split(/\s|,/g).filter(function (val) { + return val !== ''; + }).map(function (val, index) { + return index > 2 ? parseFloat(val) : parseInt(val, 10); + }); + + if (_parts.length === 4) { + this._alpha = Math.floor(parseFloat(_parts[3]) * 100); + } else if (_parts.length === 3) { + this._alpha = 100; + } + if (_parts.length >= 3) { + fromHSV(_parts[0], _parts[1], _parts[2]); + } + } else if (value.indexOf('rgb') !== -1) { + var _parts2 = value.replace(/rgba|rgb|\(|\)/gm, '').split(/\s|,/g).filter(function (val) { + return val !== ''; + }).map(function (val, index) { + return index > 2 ? parseFloat(val) : parseInt(val, 10); + }); + + if (_parts2.length === 4) { + this._alpha = Math.floor(parseFloat(_parts2[3]) * 100); + } else if (_parts2.length === 3) { + this._alpha = 100; + } + if (_parts2.length >= 3) { + var _rgb2hsv = rgb2hsv(_parts2[0], _parts2[1], _parts2[2]), + _h = _rgb2hsv.h, + _s = _rgb2hsv.s, + _v = _rgb2hsv.v; + + fromHSV(_h, _s, _v); + } + } else if (value.indexOf('#') !== -1) { + var hex = value.replace('#', '').trim(); + if (!/^(?:[0-9a-fA-F]{3}){1,2}$/.test(hex)) return; + var r = void 0, + g = void 0, + b = void 0; + + if (hex.length === 3) { + r = parseHexChannel(hex[0] + hex[0]); + g = parseHexChannel(hex[1] + hex[1]); + b = parseHexChannel(hex[2] + hex[2]); + } else if (hex.length === 6 || hex.length === 8) { + r = parseHexChannel(hex.substring(0, 2)); + g = parseHexChannel(hex.substring(2, 4)); + b = parseHexChannel(hex.substring(4, 6)); + } + + if (hex.length === 8) { + this._alpha = Math.floor(parseHexChannel(hex.substring(6)) / 255 * 100); + } else if (hex.length === 3 || hex.length === 6) { + this._alpha = 100; + } + + var _rgb2hsv2 = rgb2hsv(r, g, b), + _h2 = _rgb2hsv2.h, + _s2 = _rgb2hsv2.s, + _v2 = _rgb2hsv2.v; + + fromHSV(_h2, _s2, _v2); + } + }; + + Color.prototype.compare = function compare(color) { + return Math.abs(color._hue - this._hue) < 2 && Math.abs(color._saturation - this._saturation) < 1 && Math.abs(color._value - this._value) < 1 && Math.abs(color._alpha - this._alpha) < 1; + }; + + Color.prototype.doOnChange = function doOnChange() { + var _hue = this._hue, + _saturation = this._saturation, + _value = this._value, + _alpha = this._alpha, + format = this.format; + + + if (this.enableAlpha) { + switch (format) { + case 'hsl': + var hsl = hsv2hsl(_hue, _saturation / 100, _value / 100); + this.value = 'hsla(' + _hue + ', ' + Math.round(hsl[1] * 100) + '%, ' + Math.round(hsl[2] * 100) + '%, ' + _alpha / 100 + ')'; + break; + case 'hsv': + this.value = 'hsva(' + _hue + ', ' + Math.round(_saturation) + '%, ' + Math.round(_value) + '%, ' + _alpha / 100 + ')'; + break; + default: + var _hsv2rgb = hsv2rgb(_hue, _saturation, _value), + r = _hsv2rgb.r, + g = _hsv2rgb.g, + b = _hsv2rgb.b; + + this.value = 'rgba(' + r + ', ' + g + ', ' + b + ', ' + _alpha / 100 + ')'; + } + } else { + switch (format) { + case 'hsl': + var _hsl = hsv2hsl(_hue, _saturation / 100, _value / 100); + this.value = 'hsl(' + _hue + ', ' + Math.round(_hsl[1] * 100) + '%, ' + Math.round(_hsl[2] * 100) + '%)'; + break; + case 'hsv': + this.value = 'hsv(' + _hue + ', ' + Math.round(_saturation) + '%, ' + Math.round(_value) + '%)'; + break; + case 'rgb': + var _hsv2rgb2 = hsv2rgb(_hue, _saturation, _value), + _r = _hsv2rgb2.r, + _g = _hsv2rgb2.g, + _b = _hsv2rgb2.b; + + this.value = 'rgb(' + _r + ', ' + _g + ', ' + _b + ')'; + break; + default: + this.value = toHex(hsv2rgb(_hue, _saturation, _value)); + } + } + }; + + return Color; +}(); + +/* harmony default export */ var src_color = (Color); +; +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/picker-dropdown.vue?vue&type=template&id=06601625& +var picker_dropdownvue_type_template_id_06601625_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-color-dropdown" + }, + [ + _c( + "div", + { staticClass: "el-color-dropdown__main-wrapper" }, + [ + _c("hue-slider", { + ref: "hue", + staticStyle: { float: "right" }, + attrs: { color: _vm.color, vertical: "" } + }), + _c("sv-panel", { ref: "sl", attrs: { color: _vm.color } }) + ], + 1 + ), + _vm.showAlpha + ? _c("alpha-slider", { ref: "alpha", attrs: { color: _vm.color } }) + : _vm._e(), + _vm.predefine + ? _c("predefine", { + attrs: { color: _vm.color, colors: _vm.predefine } + }) + : _vm._e(), + _c( + "div", + { staticClass: "el-color-dropdown__btns" }, + [ + _c( + "span", + { staticClass: "el-color-dropdown__value" }, + [ + _c("el-input", { + attrs: { "validate-event": false, size: "mini" }, + on: { blur: _vm.handleConfirm }, + nativeOn: { + keyup: function($event) { + if ( + !("button" in $event) && + _vm._k( + $event.keyCode, + "enter", + 13, + $event.key, + "Enter" + ) + ) { + return null + } + return _vm.handleConfirm($event) + } + }, + model: { + value: _vm.customInput, + callback: function($$v) { + _vm.customInput = $$v + }, + expression: "customInput" + } + }) + ], + 1 + ), + _c( + "el-button", + { + staticClass: "el-color-dropdown__link-btn", + attrs: { size: "mini", type: "text" }, + on: { + click: function($event) { + _vm.$emit("clear") + } + } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.colorpicker.clear")) + + "\n " + ) + ] + ), + _c( + "el-button", + { + staticClass: "el-color-dropdown__btn", + attrs: { plain: "", size: "mini" }, + on: { click: _vm.confirmValue } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.colorpicker.confirm")) + + "\n " + ) + ] + ) + ], + 1 + ) + ], + 1 + ) + ] + ) +} +var picker_dropdownvue_type_template_id_06601625_staticRenderFns = [] +picker_dropdownvue_type_template_id_06601625_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue?vue&type=template&id=06601625& + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/sv-panel.vue?vue&type=template&id=d8583596& +var sv_panelvue_type_template_id_d8583596_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-color-svpanel", + style: { + backgroundColor: _vm.background + } + }, + [ + _c("div", { staticClass: "el-color-svpanel__white" }), + _c("div", { staticClass: "el-color-svpanel__black" }), + _c( + "div", + { + staticClass: "el-color-svpanel__cursor", + style: { + top: _vm.cursorTop + "px", + left: _vm.cursorLeft + "px" + } + }, + [_c("div")] + ) + ] + ) +} +var sv_panelvue_type_template_id_d8583596_staticRenderFns = [] +sv_panelvue_type_template_id_d8583596_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue?vue&type=template&id=d8583596& + +// EXTERNAL MODULE: external "vue" +var external_vue_ = __webpack_require__(7); +var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_); + +// CONCATENATED MODULE: ./packages/color-picker/src/draggable.js + +var isDragging = false; + +/* harmony default export */ var draggable = (function (element, options) { + if (external_vue_default.a.prototype.$isServer) return; + var moveFn = function moveFn(event) { + if (options.drag) { + options.drag(event); + } + }; + var upFn = function upFn(event) { + document.removeEventListener('mousemove', moveFn); + document.removeEventListener('mouseup', upFn); + document.onselectstart = null; + document.ondragstart = null; + + isDragging = false; + + if (options.end) { + options.end(event); + } + }; + element.addEventListener('mousedown', function (event) { + if (isDragging) return; + document.onselectstart = function () { + return false; + }; + document.ondragstart = function () { + return false; + }; + + document.addEventListener('mousemove', moveFn); + document.addEventListener('mouseup', upFn); + isDragging = true; + + if (options.start) { + options.start(event); + } + }); +}); +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/sv-panel.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +/* harmony default export */ var sv_panelvue_type_script_lang_js_ = ({ + name: 'el-sl-panel', + + props: { + color: { + required: true + } + }, + + computed: { + colorValue: function colorValue() { + var hue = this.color.get('hue'); + var value = this.color.get('value'); + return { hue: hue, value: value }; + } + }, + + watch: { + colorValue: function colorValue() { + this.update(); + } + }, + + methods: { + update: function update() { + var saturation = this.color.get('saturation'); + var value = this.color.get('value'); + + var el = this.$el; + var width = el.clientWidth, + height = el.clientHeight; + + + this.cursorLeft = saturation * width / 100; + this.cursorTop = (100 - value) * height / 100; + + this.background = 'hsl(' + this.color.get('hue') + ', 100%, 50%)'; + }, + handleDrag: function handleDrag(event) { + var el = this.$el; + var rect = el.getBoundingClientRect(); + + var left = event.clientX - rect.left; + var top = event.clientY - rect.top; + left = Math.max(0, left); + left = Math.min(left, rect.width); + + top = Math.max(0, top); + top = Math.min(top, rect.height); + + this.cursorLeft = left; + this.cursorTop = top; + this.color.set({ + saturation: left / rect.width * 100, + value: 100 - top / rect.height * 100 + }); + } + }, + + mounted: function mounted() { + var _this = this; + + draggable(this.$el, { + drag: function drag(event) { + _this.handleDrag(event); + }, + end: function end(event) { + _this.handleDrag(event); + } + }); + + this.update(); + }, + data: function data() { + return { + cursorTop: 0, + cursorLeft: 0, + background: 'hsl(0, 100%, 50%)' + }; + } +}); +// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue?vue&type=script&lang=js& + /* harmony default export */ var components_sv_panelvue_type_script_lang_js_ = (sv_panelvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + components_sv_panelvue_type_script_lang_js_, + sv_panelvue_type_template_id_d8583596_render, + sv_panelvue_type_template_id_d8583596_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/color-picker/src/components/sv-panel.vue" +/* harmony default export */ var sv_panel = (component.exports); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/hue-slider.vue?vue&type=template&id=5cdc43b1& +var hue_slidervue_type_template_id_5cdc43b1_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-color-hue-slider", + class: { "is-vertical": _vm.vertical } + }, + [ + _c("div", { + ref: "bar", + staticClass: "el-color-hue-slider__bar", + on: { click: _vm.handleClick } + }), + _c("div", { + ref: "thumb", + staticClass: "el-color-hue-slider__thumb", + style: { + left: _vm.thumbLeft + "px", + top: _vm.thumbTop + "px" + } + }) + ] + ) +} +var hue_slidervue_type_template_id_5cdc43b1_staticRenderFns = [] +hue_slidervue_type_template_id_5cdc43b1_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue?vue&type=template&id=5cdc43b1& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/hue-slider.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +/* harmony default export */ var hue_slidervue_type_script_lang_js_ = ({ + name: 'el-color-hue-slider', + + props: { + color: { + required: true + }, + + vertical: Boolean + }, + + data: function data() { + return { + thumbLeft: 0, + thumbTop: 0 + }; + }, + + + computed: { + hueValue: function hueValue() { + var hue = this.color.get('hue'); + return hue; + } + }, + + watch: { + hueValue: function hueValue() { + this.update(); + } + }, + + methods: { + handleClick: function handleClick(event) { + var thumb = this.$refs.thumb; + var target = event.target; + + if (target !== thumb) { + this.handleDrag(event); + } + }, + handleDrag: function handleDrag(event) { + var rect = this.$el.getBoundingClientRect(); + var thumb = this.$refs.thumb; + + var hue = void 0; + + if (!this.vertical) { + var left = event.clientX - rect.left; + left = Math.min(left, rect.width - thumb.offsetWidth / 2); + left = Math.max(thumb.offsetWidth / 2, left); + + hue = Math.round((left - thumb.offsetWidth / 2) / (rect.width - thumb.offsetWidth) * 360); + } else { + var top = event.clientY - rect.top; + top = Math.min(top, rect.height - thumb.offsetHeight / 2); + top = Math.max(thumb.offsetHeight / 2, top); + + hue = Math.round((top - thumb.offsetHeight / 2) / (rect.height - thumb.offsetHeight) * 360); + } + + this.color.set('hue', hue); + }, + getThumbLeft: function getThumbLeft() { + if (this.vertical) return 0; + var el = this.$el; + var hue = this.color.get('hue'); + + if (!el) return 0; + var thumb = this.$refs.thumb; + return Math.round(hue * (el.offsetWidth - thumb.offsetWidth / 2) / 360); + }, + getThumbTop: function getThumbTop() { + if (!this.vertical) return 0; + var el = this.$el; + var hue = this.color.get('hue'); + + if (!el) return 0; + var thumb = this.$refs.thumb; + return Math.round(hue * (el.offsetHeight - thumb.offsetHeight / 2) / 360); + }, + update: function update() { + this.thumbLeft = this.getThumbLeft(); + this.thumbTop = this.getThumbTop(); + } + }, + + mounted: function mounted() { + var _this = this; + + var _$refs = this.$refs, + bar = _$refs.bar, + thumb = _$refs.thumb; + + + var dragConfig = { + drag: function drag(event) { + _this.handleDrag(event); + }, + end: function end(event) { + _this.handleDrag(event); + } + }; + + draggable(bar, dragConfig); + draggable(thumb, dragConfig); + this.update(); + } +}); +// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue?vue&type=script&lang=js& + /* harmony default export */ var components_hue_slidervue_type_script_lang_js_ = (hue_slidervue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue + + + + + +/* normalize component */ + +var hue_slider_component = Object(componentNormalizer["a" /* default */])( + components_hue_slidervue_type_script_lang_js_, + hue_slidervue_type_template_id_5cdc43b1_render, + hue_slidervue_type_template_id_5cdc43b1_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var hue_slider_api; } +hue_slider_component.options.__file = "packages/color-picker/src/components/hue-slider.vue" +/* harmony default export */ var hue_slider = (hue_slider_component.exports); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/alpha-slider.vue?vue&type=template&id=068c66cb& +var alpha_slidervue_type_template_id_068c66cb_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-color-alpha-slider", + class: { "is-vertical": _vm.vertical } + }, + [ + _c("div", { + ref: "bar", + staticClass: "el-color-alpha-slider__bar", + style: { + background: _vm.background + }, + on: { click: _vm.handleClick } + }), + _c("div", { + ref: "thumb", + staticClass: "el-color-alpha-slider__thumb", + style: { + left: _vm.thumbLeft + "px", + top: _vm.thumbTop + "px" + } + }) + ] + ) +} +var alpha_slidervue_type_template_id_068c66cb_staticRenderFns = [] +alpha_slidervue_type_template_id_068c66cb_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue?vue&type=template&id=068c66cb& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/alpha-slider.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +/* harmony default export */ var alpha_slidervue_type_script_lang_js_ = ({ + name: 'el-color-alpha-slider', + + props: { + color: { + required: true + }, + vertical: Boolean + }, + + watch: { + 'color._alpha': function color_alpha() { + this.update(); + }, + 'color.value': function colorValue() { + this.update(); + } + }, + + methods: { + handleClick: function handleClick(event) { + var thumb = this.$refs.thumb; + var target = event.target; + + if (target !== thumb) { + this.handleDrag(event); + } + }, + handleDrag: function handleDrag(event) { + var rect = this.$el.getBoundingClientRect(); + var thumb = this.$refs.thumb; + + + if (!this.vertical) { + var left = event.clientX - rect.left; + left = Math.max(thumb.offsetWidth / 2, left); + left = Math.min(left, rect.width - thumb.offsetWidth / 2); + + this.color.set('alpha', Math.round((left - thumb.offsetWidth / 2) / (rect.width - thumb.offsetWidth) * 100)); + } else { + var top = event.clientY - rect.top; + top = Math.max(thumb.offsetHeight / 2, top); + top = Math.min(top, rect.height - thumb.offsetHeight / 2); + + this.color.set('alpha', Math.round((top - thumb.offsetHeight / 2) / (rect.height - thumb.offsetHeight) * 100)); + } + }, + getThumbLeft: function getThumbLeft() { + if (this.vertical) return 0; + var el = this.$el; + var alpha = this.color._alpha; + + if (!el) return 0; + var thumb = this.$refs.thumb; + return Math.round(alpha * (el.offsetWidth - thumb.offsetWidth / 2) / 100); + }, + getThumbTop: function getThumbTop() { + if (!this.vertical) return 0; + var el = this.$el; + var alpha = this.color._alpha; + + if (!el) return 0; + var thumb = this.$refs.thumb; + return Math.round(alpha * (el.offsetHeight - thumb.offsetHeight / 2) / 100); + }, + getBackground: function getBackground() { + if (this.color && this.color.value) { + var _color$toRgb = this.color.toRgb(), + r = _color$toRgb.r, + g = _color$toRgb.g, + b = _color$toRgb.b; + + return 'linear-gradient(to right, rgba(' + r + ', ' + g + ', ' + b + ', 0) 0%, rgba(' + r + ', ' + g + ', ' + b + ', 1) 100%)'; + } + return null; + }, + update: function update() { + this.thumbLeft = this.getThumbLeft(); + this.thumbTop = this.getThumbTop(); + this.background = this.getBackground(); + } + }, + + data: function data() { + return { + thumbLeft: 0, + thumbTop: 0, + background: null + }; + }, + mounted: function mounted() { + var _this = this; + + var _$refs = this.$refs, + bar = _$refs.bar, + thumb = _$refs.thumb; + + + var dragConfig = { + drag: function drag(event) { + _this.handleDrag(event); + }, + end: function end(event) { + _this.handleDrag(event); + } + }; + + draggable(bar, dragConfig); + draggable(thumb, dragConfig); + this.update(); + } +}); +// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue?vue&type=script&lang=js& + /* harmony default export */ var components_alpha_slidervue_type_script_lang_js_ = (alpha_slidervue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue + + + + + +/* normalize component */ + +var alpha_slider_component = Object(componentNormalizer["a" /* default */])( + components_alpha_slidervue_type_script_lang_js_, + alpha_slidervue_type_template_id_068c66cb_render, + alpha_slidervue_type_template_id_068c66cb_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var alpha_slider_api; } +alpha_slider_component.options.__file = "packages/color-picker/src/components/alpha-slider.vue" +/* harmony default export */ var alpha_slider = (alpha_slider_component.exports); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/predefine.vue?vue&type=template&id=06e03093& +var predefinevue_type_template_id_06e03093_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("div", { staticClass: "el-color-predefine" }, [ + _c( + "div", + { staticClass: "el-color-predefine__colors" }, + _vm._l(_vm.rgbaColors, function(item, index) { + return _c( + "div", + { + key: _vm.colors[index], + staticClass: "el-color-predefine__color-selector", + class: { selected: item.selected, "is-alpha": item._alpha < 100 }, + on: { + click: function($event) { + _vm.handleSelect(index) + } + } + }, + [_c("div", { style: { "background-color": item.value } })] + ) + }), + 0 + ) + ]) +} +var predefinevue_type_template_id_06e03093_staticRenderFns = [] +predefinevue_type_template_id_06e03093_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue?vue&type=template&id=06e03093& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/predefine.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +/* harmony default export */ var predefinevue_type_script_lang_js_ = ({ + props: { + colors: { type: Array, required: true }, + color: { required: true } + }, + data: function data() { + return { + rgbaColors: this.parseColors(this.colors, this.color) + }; + }, + + methods: { + handleSelect: function handleSelect(index) { + this.color.fromString(this.colors[index]); + }, + parseColors: function parseColors(colors, color) { + return colors.map(function (value) { + var c = new src_color(); + c.enableAlpha = true; + c.format = 'rgba'; + c.fromString(value); + c.selected = c.value === color.value; + return c; + }); + } + }, + watch: { + '$parent.currentColor': function $parentCurrentColor(val) { + var color = new src_color(); + color.fromString(val); + + this.rgbaColors.forEach(function (item) { + item.selected = color.compare(item); + }); + }, + colors: function colors(newVal) { + this.rgbaColors = this.parseColors(newVal, this.color); + }, + color: function color(newVal) { + this.rgbaColors = this.parseColors(this.colors, newVal); + } + } +}); +// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue?vue&type=script&lang=js& + /* harmony default export */ var components_predefinevue_type_script_lang_js_ = (predefinevue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue + + + + + +/* normalize component */ + +var predefine_component = Object(componentNormalizer["a" /* default */])( + components_predefinevue_type_script_lang_js_, + predefinevue_type_template_id_06e03093_render, + predefinevue_type_template_id_06e03093_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var predefine_api; } +predefine_component.options.__file = "packages/color-picker/src/components/predefine.vue" +/* harmony default export */ var predefine = (predefine_component.exports); +// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper" +var vue_popper_ = __webpack_require__(5); +var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/locale" +var locale_ = __webpack_require__(6); +var locale_default = /*#__PURE__*/__webpack_require__.n(locale_); + +// EXTERNAL MODULE: external "element-ui/lib/input" +var input_ = __webpack_require__(10); +var input_default = /*#__PURE__*/__webpack_require__.n(input_); + +// EXTERNAL MODULE: external "element-ui/lib/button" +var button_ = __webpack_require__(13); +var button_default = /*#__PURE__*/__webpack_require__.n(button_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/picker-dropdown.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + + + +/* harmony default export */ var picker_dropdownvue_type_script_lang_js_ = ({ + name: 'el-color-picker-dropdown', + + mixins: [vue_popper_default.a, locale_default.a], + + components: { + SvPanel: sv_panel, + HueSlider: hue_slider, + AlphaSlider: alpha_slider, + ElInput: input_default.a, + ElButton: button_default.a, + Predefine: predefine + }, + + props: { + color: { + required: true + }, + showAlpha: Boolean, + predefine: Array + }, + + data: function data() { + return { + customInput: '' + }; + }, + + + computed: { + currentColor: function currentColor() { + var parent = this.$parent; + return !parent.value && !parent.showPanelColor ? '' : parent.color.value; + } + }, + + methods: { + confirmValue: function confirmValue() { + this.$emit('pick'); + }, + handleConfirm: function handleConfirm() { + this.color.fromString(this.customInput); + } + }, + + mounted: function mounted() { + this.$parent.popperElm = this.popperElm = this.$el; + this.referenceElm = this.$parent.$el; + }, + + + watch: { + showPopper: function showPopper(val) { + var _this = this; + + if (val === true) { + this.$nextTick(function () { + var _$refs = _this.$refs, + sl = _$refs.sl, + hue = _$refs.hue, + alpha = _$refs.alpha; + + sl && sl.update(); + hue && hue.update(); + alpha && alpha.update(); + }); + } + }, + + + currentColor: { + immediate: true, + handler: function handler(val) { + this.customInput = val; + } + } + } +}); +// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue?vue&type=script&lang=js& + /* harmony default export */ var components_picker_dropdownvue_type_script_lang_js_ = (picker_dropdownvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue + + + + + +/* normalize component */ + +var picker_dropdown_component = Object(componentNormalizer["a" /* default */])( + components_picker_dropdownvue_type_script_lang_js_, + picker_dropdownvue_type_template_id_06601625_render, + picker_dropdownvue_type_template_id_06601625_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var picker_dropdown_api; } +picker_dropdown_component.options.__file = "packages/color-picker/src/components/picker-dropdown.vue" +/* harmony default export */ var picker_dropdown = (picker_dropdown_component.exports); +// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside" +var clickoutside_ = __webpack_require__(12); +var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElColorPicker', + + mixins: [emitter_default.a], + + props: { + value: String, + showAlpha: Boolean, + colorFormat: String, + disabled: Boolean, + size: String, + popperClass: String, + predefine: Array + }, + + inject: { + elForm: { + default: '' + }, + elFormItem: { + default: '' + } + }, + + directives: { Clickoutside: clickoutside_default.a }, + + computed: { + displayedColor: function displayedColor() { + if (!this.value && !this.showPanelColor) { + return 'transparent'; + } + + return this.displayedRgb(this.color, this.showAlpha); + }, + _elFormItemSize: function _elFormItemSize() { + return (this.elFormItem || {}).elFormItemSize; + }, + colorSize: function colorSize() { + return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; + }, + colorDisabled: function colorDisabled() { + return this.disabled || (this.elForm || {}).disabled; + } + }, + + watch: { + value: function value(val) { + if (!val) { + this.showPanelColor = false; + } else if (val && val !== this.color.value) { + this.color.fromString(val); + } + }, + + color: { + deep: true, + handler: function handler() { + this.showPanelColor = true; + } + }, + displayedColor: function displayedColor(val) { + if (!this.showPicker) return; + var currentValueColor = new src_color({ + enableAlpha: this.showAlpha, + format: this.colorFormat + }); + currentValueColor.fromString(this.value); + + var currentValueColorRgb = this.displayedRgb(currentValueColor, this.showAlpha); + if (val !== currentValueColorRgb) { + this.$emit('active-change', val); + } + } + }, + + methods: { + handleTrigger: function handleTrigger() { + if (this.colorDisabled) return; + this.showPicker = !this.showPicker; + }, + confirmValue: function confirmValue() { + var value = this.color.value; + this.$emit('input', value); + this.$emit('change', value); + this.dispatch('ElFormItem', 'el.form.change', value); + this.showPicker = false; + }, + clearValue: function clearValue() { + this.$emit('input', null); + this.$emit('change', null); + if (this.value !== null) { + this.dispatch('ElFormItem', 'el.form.change', null); + } + this.showPanelColor = false; + this.showPicker = false; + this.resetColor(); + }, + hide: function hide() { + this.showPicker = false; + this.resetColor(); + }, + resetColor: function resetColor() { + var _this = this; + + this.$nextTick(function (_) { + if (_this.value) { + _this.color.fromString(_this.value); + } else { + _this.showPanelColor = false; + } + }); + }, + displayedRgb: function displayedRgb(color, showAlpha) { + if (!(color instanceof src_color)) { + throw Error('color should be instance of Color Class'); + } + + var _color$toRgb = color.toRgb(), + r = _color$toRgb.r, + g = _color$toRgb.g, + b = _color$toRgb.b; + + return showAlpha ? 'rgba(' + r + ', ' + g + ', ' + b + ', ' + color.get('alpha') / 100 + ')' : 'rgb(' + r + ', ' + g + ', ' + b + ')'; + } + }, + + mounted: function mounted() { + var value = this.value; + if (value) { + this.color.fromString(value); + } + this.popperElm = this.$refs.dropdown.$el; + }, + data: function data() { + var color = new src_color({ + enableAlpha: this.showAlpha, + format: this.colorFormat + }); + + return { + color: color, + showPicker: false, + showPanelColor: false + }; + }, + + + components: { + PickerDropdown: picker_dropdown + } +}); +// CONCATENATED MODULE: ./packages/color-picker/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/color-picker/src/main.vue + + + + + +/* normalize component */ + +var main_component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var main_api; } +main_component.options.__file = "packages/color-picker/src/main.vue" +/* harmony default export */ var main = (main_component.exports); +// CONCATENATED MODULE: ./packages/color-picker/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var color_picker = __webpack_exports__["default"] = (main); + +/***/ }), + +/***/ 6: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/locale"); + +/***/ }), + +/***/ 7: +/***/ (function(module, exports) { + +module.exports = require("vue"); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/container.js b/lib/container.js new file mode 100644 index 00000000000..3628caad622 --- /dev/null +++ b/lib/container.js @@ -0,0 +1,287 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 94); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 94: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/container/src/main.vue?vue&type=template&id=5bf181d4& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "section", + { staticClass: "el-container", class: { "is-vertical": _vm.isVertical } }, + [_vm._t("default")], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/container/src/main.vue?vue&type=template&id=5bf181d4& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/container/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElContainer', + + componentName: 'ElContainer', + + props: { + direction: String + }, + + computed: { + isVertical: function isVertical() { + if (this.direction === 'vertical') { + return true; + } else if (this.direction === 'horizontal') { + return false; + } + return this.$slots && this.$slots.default ? this.$slots.default.some(function (vnode) { + var tag = vnode.componentOptions && vnode.componentOptions.tag; + return tag === 'el-header' || tag === 'el-footer'; + }) : false; + } + } +}); +// CONCATENATED MODULE: ./packages/container/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/container/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/container/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/container/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var container = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/date-picker.js b/lib/date-picker.js new file mode 100644 index 00000000000..4c3ec52a809 --- /dev/null +++ b/lib/date-picker.js @@ -0,0 +1,6270 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 55); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), +/* 1 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/date-util"); + +/***/ }), +/* 2 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/dom"); + +/***/ }), +/* 3 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/util"); + +/***/ }), +/* 4 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), +/* 5 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/vue-popper"); + +/***/ }), +/* 6 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/locale"); + +/***/ }), +/* 7 */ +/***/ (function(module, exports) { + +module.exports = require("vue"); + +/***/ }), +/* 8 */, +/* 9 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/merge"); + +/***/ }), +/* 10 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/input"); + +/***/ }), +/* 11 */, +/* 12 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/clickoutside"); + +/***/ }), +/* 13 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/button"); + +/***/ }), +/* 14 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/scrollbar"); + +/***/ }), +/* 15 */, +/* 16 */, +/* 17 */, +/* 18 */, +/* 19 */, +/* 20 */, +/* 21 */, +/* 22 */, +/* 23 */, +/* 24 */, +/* 25 */, +/* 26 */, +/* 27 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time.vue?vue&type=template&id=3d939089& +var 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": function($event) { + _vm.$emit("dodestroy") + } + } + }, + [ + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.visible, + expression: "visible" + } + ], + staticClass: "el-time-panel el-popper", + class: _vm.popperClass + }, + [ + _c( + "div", + { + staticClass: "el-time-panel__content", + class: { "has-seconds": _vm.showSeconds } + }, + [ + _c("time-spinner", { + ref: "spinner", + attrs: { + "arrow-control": _vm.useArrow, + "show-seconds": _vm.showSeconds, + "am-pm-mode": _vm.amPmMode, + date: _vm.date + }, + on: { + change: _vm.handleChange, + "select-range": _vm.setSelectionRange + } + }) + ], + 1 + ), + _c("div", { staticClass: "el-time-panel__footer" }, [ + _c( + "button", + { + staticClass: "el-time-panel__btn cancel", + attrs: { type: "button" }, + on: { click: _vm.handleCancel } + }, + [_vm._v(_vm._s(_vm.t("el.datepicker.cancel")))] + ), + _c( + "button", + { + staticClass: "el-time-panel__btn", + class: { confirm: !_vm.disabled }, + attrs: { type: "button" }, + on: { + click: function($event) { + _vm.handleConfirm() + } + } + }, + [_vm._v(_vm._s(_vm.t("el.datepicker.confirm")))] + ) + ]) + ] + ) + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/panel/time.vue?vue&type=template&id=3d939089& + +// EXTERNAL MODULE: external "element-ui/lib/utils/date-util" +var date_util_ = __webpack_require__(1); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/locale" +var locale_ = __webpack_require__(6); +var locale_default = /*#__PURE__*/__webpack_require__.n(locale_); + +// EXTERNAL MODULE: ./packages/date-picker/src/basic/time-spinner.vue + 4 modules +var time_spinner = __webpack_require__(35); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var timevue_type_script_lang_js_ = ({ + mixins: [locale_default.a], + + components: { + TimeSpinner: time_spinner["a" /* default */] + }, + + props: { + visible: Boolean, + timeArrowControl: Boolean + }, + + watch: { + visible: function visible(val) { + var _this = this; + + if (val) { + this.oldValue = this.value; + this.$nextTick(function () { + return _this.$refs.spinner.emitSelectRange('hours'); + }); + } else { + this.needInitAdjust = true; + } + }, + value: function value(newVal) { + var _this2 = this; + + var date = void 0; + if (newVal instanceof Date) { + date = Object(date_util_["limitTimeRange"])(newVal, this.selectableRange, this.format); + } else if (!newVal) { + date = this.defaultValue ? new Date(this.defaultValue) : new Date(); + } + + this.date = date; + if (this.visible && this.needInitAdjust) { + this.$nextTick(function (_) { + return _this2.adjustSpinners(); + }); + this.needInitAdjust = false; + } + }, + selectableRange: function selectableRange(val) { + this.$refs.spinner.selectableRange = val; + }, + defaultValue: function defaultValue(val) { + if (!Object(date_util_["isDate"])(this.value)) { + this.date = val ? new Date(val) : new Date(); + } + } + }, + + data: function data() { + return { + popperClass: '', + format: 'HH:mm:ss', + value: '', + defaultValue: null, + date: new Date(), + oldValue: new Date(), + selectableRange: [], + selectionRange: [0, 2], + disabled: false, + arrowControl: false, + needInitAdjust: true + }; + }, + + + computed: { + showSeconds: function showSeconds() { + return (this.format || '').indexOf('ss') !== -1; + }, + useArrow: function useArrow() { + return this.arrowControl || this.timeArrowControl || false; + }, + amPmMode: function amPmMode() { + if ((this.format || '').indexOf('A') !== -1) return 'A'; + if ((this.format || '').indexOf('a') !== -1) return 'a'; + return ''; + } + }, + + methods: { + handleCancel: function handleCancel() { + this.$emit('pick', this.oldValue, false); + }, + handleChange: function handleChange(date) { + // this.visible avoids edge cases, when use scrolls during panel closing animation + if (this.visible) { + this.date = Object(date_util_["clearMilliseconds"])(date); + // if date is out of range, do not emit + if (this.isValidValue(this.date)) { + this.$emit('pick', this.date, true); + } + } + }, + setSelectionRange: function setSelectionRange(start, end) { + this.$emit('select-range', start, end); + this.selectionRange = [start, end]; + }, + handleConfirm: function handleConfirm() { + var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + var first = arguments[1]; + + if (first) return; + var date = Object(date_util_["clearMilliseconds"])(Object(date_util_["limitTimeRange"])(this.date, this.selectableRange, this.format)); + this.$emit('pick', date, visible, first); + }, + handleKeydown: function handleKeydown(event) { + var keyCode = event.keyCode; + var mapping = { 38: -1, 40: 1, 37: -1, 39: 1 }; + + // Left or Right + if (keyCode === 37 || keyCode === 39) { + var step = mapping[keyCode]; + this.changeSelectionRange(step); + event.preventDefault(); + return; + } + + // Up or Down + if (keyCode === 38 || keyCode === 40) { + var _step = mapping[keyCode]; + this.$refs.spinner.scrollDown(_step); + event.preventDefault(); + return; + } + }, + isValidValue: function isValidValue(date) { + return Object(date_util_["timeWithinRange"])(date, this.selectableRange, this.format); + }, + adjustSpinners: function adjustSpinners() { + return this.$refs.spinner.adjustSpinners(); + }, + changeSelectionRange: function changeSelectionRange(step) { + var list = [0, 3].concat(this.showSeconds ? [6] : []); + var mapping = ['hours', 'minutes'].concat(this.showSeconds ? ['seconds'] : []); + var index = list.indexOf(this.selectionRange[0]); + var next = (index + step + list.length) % list.length; + this.$refs.spinner.emitSelectRange(mapping[next]); + } + }, + + mounted: function mounted() { + var _this3 = this; + + this.$nextTick(function () { + return _this3.handleConfirm(true, true); + }); + this.$emit('mounted'); + } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/panel/time.vue?vue&type=script&lang=js& + /* harmony default export */ var panel_timevue_type_script_lang_js_ = (timevue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/date-picker/src/panel/time.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + panel_timevue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/date-picker/src/panel/time.vue" +/* harmony default export */ var time = __webpack_exports__["a"] = (component.exports); + +/***/ }), +/* 28 */, +/* 29 */, +/* 30 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); +/* harmony import */ var element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__); + + +/* harmony default export */ __webpack_exports__["a"] = ({ + bind: function bind(el, binding, vnode) { + var interval = null; + var startTime = void 0; + var handler = function handler() { + return vnode.context[binding.expression].apply(); + }; + var clear = function clear() { + if (Date.now() - startTime < 100) { + handler(); + } + clearInterval(interval); + interval = null; + }; + + Object(element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__["on"])(el, 'mousedown', function (e) { + if (e.button !== 0) return; + startTime = Date.now(); + Object(element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__["once"])(document, 'mouseup', clear); + clearInterval(interval); + interval = setInterval(handler, 100); + }); + } +}); + +/***/ }), +/* 31 */, +/* 32 */, +/* 33 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/picker.vue?vue&type=template&id=79ae069f& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return !_vm.ranged + ? _c( + "el-input", + _vm._b( + { + directives: [ + { + name: "clickoutside", + rawName: "v-clickoutside", + value: _vm.handleClose, + expression: "handleClose" + } + ], + ref: "reference", + staticClass: "el-date-editor", + class: "el-date-editor--" + _vm.type, + attrs: { + readonly: + !_vm.editable || + _vm.readonly || + _vm.type === "dates" || + _vm.type === "week", + disabled: _vm.pickerDisabled, + size: _vm.pickerSize, + name: _vm.name, + placeholder: _vm.placeholder, + value: _vm.displayValue, + validateEvent: false + }, + on: { + focus: _vm.handleFocus, + input: function(value) { + return (_vm.userInput = value) + }, + change: _vm.handleChange + }, + nativeOn: { + keydown: function($event) { + return _vm.handleKeydown($event) + }, + mouseenter: function($event) { + return _vm.handleMouseEnter($event) + }, + mouseleave: function($event) { + _vm.showClose = false + } + } + }, + "el-input", + _vm.firstInputId, + false + ), + [ + _c("i", { + staticClass: "el-input__icon", + class: _vm.triggerClass, + attrs: { slot: "prefix" }, + on: { click: _vm.handleFocus }, + slot: "prefix" + }), + _vm.haveTrigger + ? _c("i", { + staticClass: "el-input__icon", + class: [_vm.showClose ? "" + _vm.clearIcon : ""], + attrs: { slot: "suffix" }, + on: { click: _vm.handleClickIcon }, + slot: "suffix" + }) + : _vm._e() + ] + ) + : _c( + "div", + { + directives: [ + { + name: "clickoutside", + rawName: "v-clickoutside", + value: _vm.handleClose, + expression: "handleClose" + } + ], + ref: "reference", + staticClass: "el-date-editor el-range-editor el-input__inner", + class: [ + "el-date-editor--" + _vm.type, + _vm.pickerSize ? "el-range-editor--" + _vm.pickerSize : "", + _vm.pickerDisabled ? "is-disabled" : "", + _vm.pickerVisible ? "is-active" : "" + ], + on: { + click: _vm.handleRangeClick, + mouseenter: _vm.handleMouseEnter, + mouseleave: function($event) { + _vm.showClose = false + }, + keydown: _vm.handleKeydown + } + }, + [ + _c("i", { + class: ["el-input__icon", "el-range__icon", _vm.triggerClass] + }), + _c( + "input", + _vm._b( + { + staticClass: "el-range-input", + attrs: { + autocomplete: "off", + placeholder: _vm.startPlaceholder, + disabled: _vm.pickerDisabled, + readonly: !_vm.editable || _vm.readonly, + name: _vm.name && _vm.name[0] + }, + domProps: { value: _vm.displayValue && _vm.displayValue[0] }, + on: { + input: _vm.handleStartInput, + change: _vm.handleStartChange, + focus: _vm.handleFocus + } + }, + "input", + _vm.firstInputId, + false + ) + ), + _vm._t("range-separator", [ + _c("span", { staticClass: "el-range-separator" }, [ + _vm._v(_vm._s(_vm.rangeSeparator)) + ]) + ]), + _c( + "input", + _vm._b( + { + staticClass: "el-range-input", + attrs: { + autocomplete: "off", + placeholder: _vm.endPlaceholder, + disabled: _vm.pickerDisabled, + readonly: !_vm.editable || _vm.readonly, + name: _vm.name && _vm.name[1] + }, + domProps: { value: _vm.displayValue && _vm.displayValue[1] }, + on: { + input: _vm.handleEndInput, + change: _vm.handleEndChange, + focus: _vm.handleFocus + } + }, + "input", + _vm.secondInputId, + false + ) + ), + _vm.haveTrigger + ? _c("i", { + staticClass: "el-input__icon el-range__close-icon", + class: [_vm.showClose ? "" + _vm.clearIcon : ""], + on: { click: _vm.handleClickIcon } + }) + : _vm._e() + ], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/picker.vue?vue&type=template&id=79ae069f& + +// EXTERNAL MODULE: external "vue" +var external_vue_ = __webpack_require__(7); +var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside" +var clickoutside_ = __webpack_require__(12); +var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/date-util" +var date_util_ = __webpack_require__(1); + +// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper" +var vue_popper_ = __webpack_require__(5); +var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// EXTERNAL MODULE: external "element-ui/lib/input" +var input_ = __webpack_require__(10); +var input_default = /*#__PURE__*/__webpack_require__.n(input_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/merge" +var merge_ = __webpack_require__(9); +var merge_default = /*#__PURE__*/__webpack_require__.n(merge_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/picker.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + + +var NewPopper = { + props: { + appendToBody: vue_popper_default.a.props.appendToBody, + offset: vue_popper_default.a.props.offset, + boundariesPadding: vue_popper_default.a.props.boundariesPadding, + arrowOffset: vue_popper_default.a.props.arrowOffset + }, + methods: vue_popper_default.a.methods, + data: function data() { + return merge_default()({ visibleArrow: true }, vue_popper_default.a.data); + }, + + beforeDestroy: vue_popper_default.a.beforeDestroy +}; + +var DEFAULT_FORMATS = { + date: 'yyyy-MM-dd', + month: 'yyyy-MM', + datetime: 'yyyy-MM-dd HH:mm:ss', + time: 'HH:mm:ss', + week: 'yyyywWW', + timerange: 'HH:mm:ss', + daterange: 'yyyy-MM-dd', + monthrange: 'yyyy-MM', + datetimerange: 'yyyy-MM-dd HH:mm:ss', + year: 'yyyy' +}; +var HAVE_TRIGGER_TYPES = ['date', 'datetime', 'time', 'time-select', 'week', 'month', 'year', 'daterange', 'monthrange', 'timerange', 'datetimerange', 'dates']; +var pickervue_type_script_lang_js_DATE_FORMATTER = function DATE_FORMATTER(value, format) { + if (format === 'timestamp') return value.getTime(); + return Object(date_util_["formatDate"])(value, format); +}; +var pickervue_type_script_lang_js_DATE_PARSER = function DATE_PARSER(text, format) { + if (format === 'timestamp') return new Date(Number(text)); + return Object(date_util_["parseDate"])(text, format); +}; +var RANGE_FORMATTER = function RANGE_FORMATTER(value, format) { + if (Array.isArray(value) && value.length === 2) { + var start = value[0]; + var end = value[1]; + + if (start && end) { + return [pickervue_type_script_lang_js_DATE_FORMATTER(start, format), pickervue_type_script_lang_js_DATE_FORMATTER(end, format)]; + } + } + return ''; +}; +var RANGE_PARSER = function RANGE_PARSER(array, format, separator) { + if (!Array.isArray(array)) { + array = array.split(separator); + } + if (array.length === 2) { + var range1 = array[0]; + var range2 = array[1]; + + return [pickervue_type_script_lang_js_DATE_PARSER(range1, format), pickervue_type_script_lang_js_DATE_PARSER(range2, format)]; + } + return []; +}; +var TYPE_VALUE_RESOLVER_MAP = { + default: { + formatter: function formatter(value) { + if (!value) return ''; + return '' + value; + }, + parser: function parser(text) { + if (text === undefined || text === '') return null; + return text; + } + }, + week: { + formatter: function formatter(value, format) { + var week = Object(date_util_["getWeekNumber"])(value); + var month = value.getMonth(); + var trueDate = new Date(value); + if (week === 1 && month === 11) { + trueDate.setHours(0, 0, 0, 0); + trueDate.setDate(trueDate.getDate() + 3 - (trueDate.getDay() + 6) % 7); + } + var date = Object(date_util_["formatDate"])(trueDate, format); + + date = /WW/.test(date) ? date.replace(/WW/, week < 10 ? '0' + week : week) : date.replace(/W/, week); + return date; + }, + parser: function parser(text, format) { + // parse as if a normal date + return TYPE_VALUE_RESOLVER_MAP.date.parser(text, format); + } + }, + date: { + formatter: pickervue_type_script_lang_js_DATE_FORMATTER, + parser: pickervue_type_script_lang_js_DATE_PARSER + }, + datetime: { + formatter: pickervue_type_script_lang_js_DATE_FORMATTER, + parser: pickervue_type_script_lang_js_DATE_PARSER + }, + daterange: { + formatter: RANGE_FORMATTER, + parser: RANGE_PARSER + }, + monthrange: { + formatter: RANGE_FORMATTER, + parser: RANGE_PARSER + }, + datetimerange: { + formatter: RANGE_FORMATTER, + parser: RANGE_PARSER + }, + timerange: { + formatter: RANGE_FORMATTER, + parser: RANGE_PARSER + }, + time: { + formatter: pickervue_type_script_lang_js_DATE_FORMATTER, + parser: pickervue_type_script_lang_js_DATE_PARSER + }, + month: { + formatter: pickervue_type_script_lang_js_DATE_FORMATTER, + parser: pickervue_type_script_lang_js_DATE_PARSER + }, + year: { + formatter: pickervue_type_script_lang_js_DATE_FORMATTER, + parser: pickervue_type_script_lang_js_DATE_PARSER + }, + number: { + formatter: function formatter(value) { + if (!value) return ''; + return '' + value; + }, + parser: function parser(text) { + var result = Number(text); + + if (!isNaN(text)) { + return result; + } else { + return null; + } + } + }, + dates: { + formatter: function formatter(value, format) { + return value.map(function (date) { + return pickervue_type_script_lang_js_DATE_FORMATTER(date, format); + }); + }, + parser: function parser(value, format) { + return (typeof value === 'string' ? value.split(', ') : value).map(function (date) { + return date instanceof Date ? date : pickervue_type_script_lang_js_DATE_PARSER(date, format); + }); + } + } +}; +var PLACEMENT_MAP = { + left: 'bottom-start', + center: 'bottom', + right: 'bottom-end' +}; + +var parseAsFormatAndType = function parseAsFormatAndType(value, customFormat, type) { + var rangeSeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '-'; + + if (!value) return null; + var parser = (TYPE_VALUE_RESOLVER_MAP[type] || TYPE_VALUE_RESOLVER_MAP['default']).parser; + var format = customFormat || DEFAULT_FORMATS[type]; + return parser(value, format, rangeSeparator); +}; + +var formatAsFormatAndType = function formatAsFormatAndType(value, customFormat, type) { + if (!value) return null; + var formatter = (TYPE_VALUE_RESOLVER_MAP[type] || TYPE_VALUE_RESOLVER_MAP['default']).formatter; + var format = customFormat || DEFAULT_FORMATS[type]; + return formatter(value, format); +}; + +/* + * Considers: + * 1. Date object + * 2. date string + * 3. array of 1 or 2 + */ +var valueEquals = function valueEquals(a, b) { + // considers Date object and string + var dateEquals = function dateEquals(a, b) { + var aIsDate = a instanceof Date; + var bIsDate = b instanceof Date; + if (aIsDate && bIsDate) { + return a.getTime() === b.getTime(); + } + if (!aIsDate && !bIsDate) { + return a === b; + } + return false; + }; + + var aIsArray = a instanceof Array; + var bIsArray = b instanceof Array; + if (aIsArray && bIsArray) { + if (a.length !== b.length) { + return false; + } + return a.every(function (item, index) { + return dateEquals(item, b[index]); + }); + } + if (!aIsArray && !bIsArray) { + return dateEquals(a, b); + } + return false; +}; + +var isString = function isString(val) { + return typeof val === 'string' || val instanceof String; +}; + +var validator = function validator(val) { + // either: String, Array of String, null / undefined + return val === null || val === undefined || isString(val) || Array.isArray(val) && val.length === 2 && val.every(isString); +}; + +/* harmony default export */ var pickervue_type_script_lang_js_ = ({ + mixins: [emitter_default.a, NewPopper], + + inject: { + elForm: { + default: '' + }, + elFormItem: { + default: '' + } + }, + + props: { + size: String, + format: String, + valueFormat: String, + readonly: Boolean, + placeholder: String, + startPlaceholder: String, + endPlaceholder: String, + prefixIcon: String, + clearIcon: { + type: String, + default: 'el-icon-circle-close' + }, + name: { + default: '', + validator: validator + }, + disabled: Boolean, + clearable: { + type: Boolean, + default: true + }, + id: { + default: '', + validator: validator + }, + popperClass: String, + editable: { + type: Boolean, + default: true + }, + align: { + type: String, + default: 'left' + }, + value: {}, + defaultValue: {}, + defaultTime: {}, + rangeSeparator: { + default: '-' + }, + pickerOptions: {}, + unlinkPanels: Boolean, + validateEvent: { + type: Boolean, + default: true + } + }, + + components: { ElInput: input_default.a }, + + directives: { Clickoutside: clickoutside_default.a }, + + data: function data() { + return { + pickerVisible: false, + showClose: false, + userInput: null, + valueOnOpen: null, // value when picker opens, used to determine whether to emit change + unwatchPickerOptions: null + }; + }, + + + watch: { + pickerVisible: function pickerVisible(val) { + if (this.readonly || this.pickerDisabled) return; + if (val) { + this.showPicker(); + this.valueOnOpen = Array.isArray(this.value) ? [].concat(this.value) : this.value; + } else { + this.hidePicker(); + this.emitChange(this.value); + this.userInput = null; + if (this.validateEvent) { + this.dispatch('ElFormItem', 'el.form.blur'); + } + this.$emit('blur', this); + this.blur(); + } + }, + + parsedValue: { + immediate: true, + handler: function handler(val) { + if (this.picker) { + this.picker.value = val; + } + } + }, + defaultValue: function defaultValue(val) { + // NOTE: should eventually move to jsx style picker + panel ? + if (this.picker) { + this.picker.defaultValue = val; + } + }, + value: function value(val, oldVal) { + if (!valueEquals(val, oldVal) && !this.pickerVisible && this.validateEvent) { + this.dispatch('ElFormItem', 'el.form.change', val); + } + } + }, + + computed: { + ranged: function ranged() { + return this.type.indexOf('range') > -1; + }, + reference: function reference() { + var reference = this.$refs.reference; + return reference.$el || reference; + }, + refInput: function refInput() { + if (this.reference) { + return [].slice.call(this.reference.querySelectorAll('input')); + } + return []; + }, + valueIsEmpty: function valueIsEmpty() { + var val = this.value; + if (Array.isArray(val)) { + for (var i = 0, len = val.length; i < len; i++) { + if (val[i]) { + return false; + } + } + } else { + if (val) { + return false; + } + } + return true; + }, + triggerClass: function triggerClass() { + return this.prefixIcon || (this.type.indexOf('time') !== -1 ? 'el-icon-time' : 'el-icon-date'); + }, + selectionMode: function selectionMode() { + if (this.type === 'week') { + return 'week'; + } else if (this.type === 'month') { + return 'month'; + } else if (this.type === 'year') { + return 'year'; + } else if (this.type === 'dates') { + return 'dates'; + } + + return 'day'; + }, + haveTrigger: function haveTrigger() { + if (typeof this.showTrigger !== 'undefined') { + return this.showTrigger; + } + return HAVE_TRIGGER_TYPES.indexOf(this.type) !== -1; + }, + displayValue: function displayValue() { + var formattedValue = formatAsFormatAndType(this.parsedValue, this.format, this.type, this.rangeSeparator); + if (Array.isArray(this.userInput)) { + return [this.userInput[0] || formattedValue && formattedValue[0] || '', this.userInput[1] || formattedValue && formattedValue[1] || '']; + } else if (this.userInput !== null) { + return this.userInput; + } else if (formattedValue) { + return this.type === 'dates' ? formattedValue.join(', ') : formattedValue; + } else { + return ''; + } + }, + parsedValue: function parsedValue() { + if (!this.value) return this.value; // component value is not set + if (this.type === 'time-select') return this.value; // time-select does not require parsing, this might change in next major version + + var valueIsDateObject = Object(date_util_["isDateObject"])(this.value) || Array.isArray(this.value) && this.value.every(date_util_["isDateObject"]); + if (valueIsDateObject) { + return this.value; + } + + if (this.valueFormat) { + return parseAsFormatAndType(this.value, this.valueFormat, this.type, this.rangeSeparator) || this.value; + } + + // NOTE: deal with common but incorrect usage, should remove in next major version + // user might provide string / timestamp without value-format, coerce them into date (or array of date) + return Array.isArray(this.value) ? this.value.map(function (val) { + return new Date(val); + }) : new Date(this.value); + }, + _elFormItemSize: function _elFormItemSize() { + return (this.elFormItem || {}).elFormItemSize; + }, + pickerSize: function pickerSize() { + return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; + }, + pickerDisabled: function pickerDisabled() { + return this.disabled || (this.elForm || {}).disabled; + }, + firstInputId: function firstInputId() { + var obj = {}; + var id = void 0; + if (this.ranged) { + id = this.id && this.id[0]; + } else { + id = this.id; + } + if (id) obj.id = id; + return obj; + }, + secondInputId: function secondInputId() { + var obj = {}; + var id = void 0; + if (this.ranged) { + id = this.id && this.id[1]; + } + if (id) obj.id = id; + return obj; + } + }, + + created: function created() { + // vue-popper + this.popperOptions = { + boundariesPadding: 0, + gpuAcceleration: false + }; + this.placement = PLACEMENT_MAP[this.align] || PLACEMENT_MAP.left; + + this.$on('fieldReset', this.handleFieldReset); + }, + + + methods: { + focus: function focus() { + if (!this.ranged) { + this.$refs.reference.focus(); + } else { + this.handleFocus(); + } + }, + blur: function blur() { + this.refInput.forEach(function (input) { + return input.blur(); + }); + }, + + + // {parse, formatTo} Value deals maps component value with internal Date + parseValue: function parseValue(value) { + var isParsed = Object(date_util_["isDateObject"])(value) || Array.isArray(value) && value.every(date_util_["isDateObject"]); + if (this.valueFormat && !isParsed) { + return parseAsFormatAndType(value, this.valueFormat, this.type, this.rangeSeparator) || value; + } else { + return value; + } + }, + formatToValue: function formatToValue(date) { + var isFormattable = Object(date_util_["isDateObject"])(date) || Array.isArray(date) && date.every(date_util_["isDateObject"]); + if (this.valueFormat && isFormattable) { + return formatAsFormatAndType(date, this.valueFormat, this.type, this.rangeSeparator); + } else { + return date; + } + }, + + + // {parse, formatTo} String deals with user input + parseString: function parseString(value) { + var type = Array.isArray(value) ? this.type : this.type.replace('range', ''); + return parseAsFormatAndType(value, this.format, type); + }, + formatToString: function formatToString(value) { + var type = Array.isArray(value) ? this.type : this.type.replace('range', ''); + return formatAsFormatAndType(value, this.format, type); + }, + handleMouseEnter: function handleMouseEnter() { + if (this.readonly || this.pickerDisabled) return; + if (!this.valueIsEmpty && this.clearable) { + this.showClose = true; + } + }, + handleChange: function handleChange() { + if (this.userInput) { + var value = this.parseString(this.displayValue); + if (value) { + this.picker.value = value; + if (this.isValidValue(value)) { + this.emitInput(value); + this.userInput = null; + } + } + } + if (this.userInput === '') { + this.emitInput(null); + this.emitChange(null); + this.userInput = null; + } + }, + handleStartInput: function handleStartInput(event) { + if (this.userInput) { + this.userInput = [event.target.value, this.userInput[1]]; + } else { + this.userInput = [event.target.value, null]; + } + }, + handleEndInput: function handleEndInput(event) { + if (this.userInput) { + this.userInput = [this.userInput[0], event.target.value]; + } else { + this.userInput = [null, event.target.value]; + } + }, + handleStartChange: function handleStartChange(event) { + var value = this.parseString(this.userInput && this.userInput[0]); + if (value) { + this.userInput = [this.formatToString(value), this.displayValue[1]]; + var newValue = [value, this.picker.value && this.picker.value[1]]; + this.picker.value = newValue; + if (this.isValidValue(newValue)) { + this.emitInput(newValue); + this.userInput = null; + } + } + }, + handleEndChange: function handleEndChange(event) { + var value = this.parseString(this.userInput && this.userInput[1]); + if (value) { + this.userInput = [this.displayValue[0], this.formatToString(value)]; + var newValue = [this.picker.value && this.picker.value[0], value]; + this.picker.value = newValue; + if (this.isValidValue(newValue)) { + this.emitInput(newValue); + this.userInput = null; + } + } + }, + handleClickIcon: function handleClickIcon(event) { + if (this.readonly || this.pickerDisabled) return; + if (this.showClose) { + this.valueOnOpen = this.value; + event.stopPropagation(); + this.emitInput(null); + this.emitChange(null); + this.showClose = false; + if (this.picker && typeof this.picker.handleClear === 'function') { + this.picker.handleClear(); + } + } else { + this.pickerVisible = !this.pickerVisible; + } + }, + handleClose: function handleClose() { + if (!this.pickerVisible) return; + this.pickerVisible = false; + + if (this.type === 'dates') { + // restore to former value + var oldValue = parseAsFormatAndType(this.valueOnOpen, this.valueFormat, this.type, this.rangeSeparator) || this.valueOnOpen; + this.emitInput(oldValue); + } + }, + handleFieldReset: function handleFieldReset(initialValue) { + this.userInput = initialValue === '' ? null : initialValue; + }, + handleFocus: function handleFocus() { + var type = this.type; + + if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) { + this.pickerVisible = true; + } + this.$emit('focus', this); + }, + handleKeydown: function handleKeydown(event) { + var _this = this; + + var keyCode = event.keyCode; + + // ESC + if (keyCode === 27) { + this.pickerVisible = false; + event.stopPropagation(); + return; + } + + // Tab + if (keyCode === 9) { + if (!this.ranged) { + this.handleChange(); + this.pickerVisible = this.picker.visible = false; + this.blur(); + event.stopPropagation(); + } else { + // user may change focus between two input + setTimeout(function () { + if (_this.refInput.indexOf(document.activeElement) === -1) { + _this.pickerVisible = false; + _this.blur(); + event.stopPropagation(); + } + }, 0); + } + return; + } + + // Enter + if (keyCode === 13) { + if (this.userInput === '' || this.isValidValue(this.parseString(this.displayValue))) { + this.handleChange(); + this.pickerVisible = this.picker.visible = false; + this.blur(); + } + event.stopPropagation(); + return; + } + + // if user is typing, do not let picker handle key input + if (this.userInput) { + event.stopPropagation(); + return; + } + + // delegate other keys to panel + if (this.picker && this.picker.handleKeydown) { + this.picker.handleKeydown(event); + } + }, + handleRangeClick: function handleRangeClick() { + var type = this.type; + + if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) { + this.pickerVisible = true; + } + this.$emit('focus', this); + }, + hidePicker: function hidePicker() { + if (this.picker) { + this.picker.resetView && this.picker.resetView(); + this.pickerVisible = this.picker.visible = false; + this.destroyPopper(); + } + }, + showPicker: function showPicker() { + var _this2 = this; + + if (this.$isServer) return; + if (!this.picker) { + this.mountPicker(); + } + this.pickerVisible = this.picker.visible = true; + + this.updatePopper(); + + this.picker.value = this.parsedValue; + this.picker.resetView && this.picker.resetView(); + + this.$nextTick(function () { + _this2.picker.adjustSpinners && _this2.picker.adjustSpinners(); + }); + }, + mountPicker: function mountPicker() { + var _this3 = this; + + this.picker = new external_vue_default.a(this.panel).$mount(); + this.picker.defaultValue = this.defaultValue; + this.picker.defaultTime = this.defaultTime; + this.picker.popperClass = this.popperClass; + this.popperElm = this.picker.$el; + this.picker.width = this.reference.getBoundingClientRect().width; + this.picker.showTime = this.type === 'datetime' || this.type === 'datetimerange'; + this.picker.selectionMode = this.selectionMode; + this.picker.unlinkPanels = this.unlinkPanels; + this.picker.arrowControl = this.arrowControl || this.timeArrowControl || false; + this.$watch('format', function (format) { + _this3.picker.format = format; + }); + + var updateOptions = function updateOptions() { + var options = _this3.pickerOptions; + + if (options && options.selectableRange) { + var ranges = options.selectableRange; + var parser = TYPE_VALUE_RESOLVER_MAP.datetimerange.parser; + var format = DEFAULT_FORMATS.timerange; + + ranges = Array.isArray(ranges) ? ranges : [ranges]; + _this3.picker.selectableRange = ranges.map(function (range) { + return parser(range, format, _this3.rangeSeparator); + }); + } + + for (var option in options) { + if (options.hasOwnProperty(option) && + // 忽略 time-picker 的该配置项 + option !== 'selectableRange') { + _this3.picker[option] = options[option]; + } + } + + // main format must prevail over undocumented pickerOptions.format + if (_this3.format) { + _this3.picker.format = _this3.format; + } + }; + updateOptions(); + this.unwatchPickerOptions = this.$watch('pickerOptions', function () { + return updateOptions(); + }, { deep: true }); + this.$el.appendChild(this.picker.$el); + this.picker.resetView && this.picker.resetView(); + + this.picker.$on('dodestroy', this.doDestroy); + this.picker.$on('pick', function () { + var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + + _this3.userInput = null; + _this3.pickerVisible = _this3.picker.visible = visible; + _this3.emitInput(date); + _this3.picker.resetView && _this3.picker.resetView(); + }); + + this.picker.$on('select-range', function (start, end, pos) { + if (_this3.refInput.length === 0) return; + if (!pos || pos === 'min') { + _this3.refInput[0].setSelectionRange(start, end); + _this3.refInput[0].focus(); + } else if (pos === 'max') { + _this3.refInput[1].setSelectionRange(start, end); + _this3.refInput[1].focus(); + } + }); + }, + unmountPicker: function unmountPicker() { + if (this.picker) { + this.picker.$destroy(); + this.picker.$off(); + if (typeof this.unwatchPickerOptions === 'function') { + this.unwatchPickerOptions(); + } + this.picker.$el.parentNode.removeChild(this.picker.$el); + } + }, + emitChange: function emitChange(val) { + // determine user real change only + if (!valueEquals(val, this.valueOnOpen)) { + this.$emit('change', val); + this.valueOnOpen = val; + if (this.validateEvent) { + this.dispatch('ElFormItem', 'el.form.change', val); + } + } + }, + emitInput: function emitInput(val) { + var formatted = this.formatToValue(val); + if (!valueEquals(this.value, formatted)) { + this.$emit('input', formatted); + } + }, + isValidValue: function isValidValue(value) { + if (!this.picker) { + this.mountPicker(); + } + if (this.picker.isValidValue) { + return value && this.picker.isValidValue(value); + } else { + return true; + } + } + } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/picker.vue?vue&type=script&lang=js& + /* harmony default export */ var src_pickervue_type_script_lang_js_ = (pickervue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/date-picker/src/picker.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_pickervue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/date-picker/src/picker.vue" +/* harmony default export */ var picker = __webpack_exports__["a"] = (component.exports); + +/***/ }), +/* 34 */, +/* 35 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/time-spinner.vue?vue&type=template&id=1facadeb& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: "el-time-spinner", + class: { "has-seconds": _vm.showSeconds } + }, + [ + !_vm.arrowControl + ? [ + _c( + "el-scrollbar", + { + ref: "hours", + staticClass: "el-time-spinner__wrapper", + attrs: { + "wrap-style": "max-height: inherit;", + "view-class": "el-time-spinner__list", + noresize: "", + tag: "ul" + }, + nativeOn: { + mouseenter: function($event) { + _vm.emitSelectRange("hours") + }, + mousemove: function($event) { + _vm.adjustCurrentSpinner("hours") + } + } + }, + _vm._l(_vm.hoursList, function(disabled, hour) { + return _c( + "li", + { + key: hour, + staticClass: "el-time-spinner__item", + class: { active: hour === _vm.hours, disabled: disabled }, + on: { + click: function($event) { + _vm.handleClick("hours", { + value: hour, + disabled: disabled + }) + } + } + }, + [ + _vm._v( + _vm._s( + ("0" + (_vm.amPmMode ? hour % 12 || 12 : hour)).slice( + -2 + ) + ) + _vm._s(_vm.amPm(hour)) + ) + ] + ) + }), + 0 + ), + _c( + "el-scrollbar", + { + ref: "minutes", + staticClass: "el-time-spinner__wrapper", + attrs: { + "wrap-style": "max-height: inherit;", + "view-class": "el-time-spinner__list", + noresize: "", + tag: "ul" + }, + nativeOn: { + mouseenter: function($event) { + _vm.emitSelectRange("minutes") + }, + mousemove: function($event) { + _vm.adjustCurrentSpinner("minutes") + } + } + }, + _vm._l(_vm.minutesList, function(enabled, key) { + return _c( + "li", + { + key: key, + staticClass: "el-time-spinner__item", + class: { active: key === _vm.minutes, disabled: !enabled }, + on: { + click: function($event) { + _vm.handleClick("minutes", { + value: key, + disabled: false + }) + } + } + }, + [_vm._v(_vm._s(("0" + key).slice(-2)))] + ) + }), + 0 + ), + _c( + "el-scrollbar", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.showSeconds, + expression: "showSeconds" + } + ], + ref: "seconds", + staticClass: "el-time-spinner__wrapper", + attrs: { + "wrap-style": "max-height: inherit;", + "view-class": "el-time-spinner__list", + noresize: "", + tag: "ul" + }, + nativeOn: { + mouseenter: function($event) { + _vm.emitSelectRange("seconds") + }, + mousemove: function($event) { + _vm.adjustCurrentSpinner("seconds") + } + } + }, + _vm._l(60, function(second, key) { + return _c( + "li", + { + key: key, + staticClass: "el-time-spinner__item", + class: { active: key === _vm.seconds }, + on: { + click: function($event) { + _vm.handleClick("seconds", { + value: key, + disabled: false + }) + } + } + }, + [_vm._v(_vm._s(("0" + key).slice(-2)))] + ) + }), + 0 + ) + ] + : _vm._e(), + _vm.arrowControl + ? [ + _c( + "div", + { + staticClass: "el-time-spinner__wrapper is-arrow", + on: { + mouseenter: function($event) { + _vm.emitSelectRange("hours") + } + } + }, + [ + _c("i", { + directives: [ + { + name: "repeat-click", + rawName: "v-repeat-click", + value: _vm.decrease, + expression: "decrease" + } + ], + staticClass: "el-time-spinner__arrow el-icon-arrow-up" + }), + _c("i", { + directives: [ + { + name: "repeat-click", + rawName: "v-repeat-click", + value: _vm.increase, + expression: "increase" + } + ], + staticClass: "el-time-spinner__arrow el-icon-arrow-down" + }), + _c( + "ul", + { ref: "hours", staticClass: "el-time-spinner__list" }, + _vm._l(_vm.arrowHourList, function(hour, key) { + return _c( + "li", + { + key: key, + staticClass: "el-time-spinner__item", + class: { + active: hour === _vm.hours, + disabled: _vm.hoursList[hour] + } + }, + [ + _vm._v( + _vm._s( + hour === undefined + ? "" + : ( + "0" + (_vm.amPmMode ? hour % 12 || 12 : hour) + ).slice(-2) + _vm.amPm(hour) + ) + ) + ] + ) + }), + 0 + ) + ] + ), + _c( + "div", + { + staticClass: "el-time-spinner__wrapper is-arrow", + on: { + mouseenter: function($event) { + _vm.emitSelectRange("minutes") + } + } + }, + [ + _c("i", { + directives: [ + { + name: "repeat-click", + rawName: "v-repeat-click", + value: _vm.decrease, + expression: "decrease" + } + ], + staticClass: "el-time-spinner__arrow el-icon-arrow-up" + }), + _c("i", { + directives: [ + { + name: "repeat-click", + rawName: "v-repeat-click", + value: _vm.increase, + expression: "increase" + } + ], + staticClass: "el-time-spinner__arrow el-icon-arrow-down" + }), + _c( + "ul", + { ref: "minutes", staticClass: "el-time-spinner__list" }, + _vm._l(_vm.arrowMinuteList, function(minute, key) { + return _c( + "li", + { + key: key, + staticClass: "el-time-spinner__item", + class: { active: minute === _vm.minutes } + }, + [ + _vm._v( + "\n " + + _vm._s( + minute === undefined + ? "" + : ("0" + minute).slice(-2) + ) + + "\n " + ) + ] + ) + }), + 0 + ) + ] + ), + _vm.showSeconds + ? _c( + "div", + { + staticClass: "el-time-spinner__wrapper is-arrow", + on: { + mouseenter: function($event) { + _vm.emitSelectRange("seconds") + } + } + }, + [ + _c("i", { + directives: [ + { + name: "repeat-click", + rawName: "v-repeat-click", + value: _vm.decrease, + expression: "decrease" + } + ], + staticClass: "el-time-spinner__arrow el-icon-arrow-up" + }), + _c("i", { + directives: [ + { + name: "repeat-click", + rawName: "v-repeat-click", + value: _vm.increase, + expression: "increase" + } + ], + staticClass: "el-time-spinner__arrow el-icon-arrow-down" + }), + _c( + "ul", + { ref: "seconds", staticClass: "el-time-spinner__list" }, + _vm._l(_vm.arrowSecondList, function(second, key) { + return _c( + "li", + { + key: key, + staticClass: "el-time-spinner__item", + class: { active: second === _vm.seconds } + }, + [ + _vm._v( + "\n " + + _vm._s( + second === undefined + ? "" + : ("0" + second).slice(-2) + ) + + "\n " + ) + ] + ) + }), + 0 + ) + ] + ) + : _vm._e() + ] + : _vm._e() + ], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/basic/time-spinner.vue?vue&type=template&id=1facadeb& + +// EXTERNAL MODULE: external "element-ui/lib/utils/date-util" +var date_util_ = __webpack_require__(1); + +// EXTERNAL MODULE: external "element-ui/lib/scrollbar" +var scrollbar_ = __webpack_require__(14); +var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_); + +// EXTERNAL MODULE: ./src/directives/repeat-click.js +var repeat_click = __webpack_require__(30); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/time-spinner.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var time_spinnervue_type_script_lang_js_ = ({ + components: { ElScrollbar: scrollbar_default.a }, + + directives: { + repeatClick: repeat_click["a" /* default */] + }, + + props: { + date: {}, + defaultValue: {}, // reserved for future use + showSeconds: { + type: Boolean, + default: true + }, + arrowControl: Boolean, + amPmMode: { + type: String, + default: '' // 'a': am/pm; 'A': AM/PM + } + }, + + computed: { + hours: function hours() { + return this.date.getHours(); + }, + minutes: function minutes() { + return this.date.getMinutes(); + }, + seconds: function seconds() { + return this.date.getSeconds(); + }, + hoursList: function hoursList() { + return Object(date_util_["getRangeHours"])(this.selectableRange); + }, + minutesList: function minutesList() { + return Object(date_util_["getRangeMinutes"])(this.selectableRange, this.hours); + }, + arrowHourList: function arrowHourList() { + var hours = this.hours; + return [hours > 0 ? hours - 1 : undefined, hours, hours < 23 ? hours + 1 : undefined]; + }, + arrowMinuteList: function arrowMinuteList() { + var minutes = this.minutes; + return [minutes > 0 ? minutes - 1 : undefined, minutes, minutes < 59 ? minutes + 1 : undefined]; + }, + arrowSecondList: function arrowSecondList() { + var seconds = this.seconds; + return [seconds > 0 ? seconds - 1 : undefined, seconds, seconds < 59 ? seconds + 1 : undefined]; + } + }, + + data: function data() { + return { + selectableRange: [], + currentScrollbar: null + }; + }, + mounted: function mounted() { + var _this = this; + + this.$nextTick(function () { + !_this.arrowControl && _this.bindScrollEvent(); + }); + }, + + + methods: { + increase: function increase() { + this.scrollDown(1); + }, + decrease: function decrease() { + this.scrollDown(-1); + }, + modifyDateField: function modifyDateField(type, value) { + switch (type) { + case 'hours': + this.$emit('change', Object(date_util_["modifyTime"])(this.date, value, this.minutes, this.seconds));break; + case 'minutes': + this.$emit('change', Object(date_util_["modifyTime"])(this.date, this.hours, value, this.seconds));break; + case 'seconds': + this.$emit('change', Object(date_util_["modifyTime"])(this.date, this.hours, this.minutes, value));break; + } + }, + handleClick: function handleClick(type, _ref) { + var value = _ref.value, + disabled = _ref.disabled; + + if (!disabled) { + this.modifyDateField(type, value); + this.emitSelectRange(type); + this.adjustSpinner(type, value); + } + }, + emitSelectRange: function emitSelectRange(type) { + if (type === 'hours') { + this.$emit('select-range', 0, 2); + } else if (type === 'minutes') { + this.$emit('select-range', 3, 5); + } else if (type === 'seconds') { + this.$emit('select-range', 6, 8); + } + this.currentScrollbar = type; + }, + bindScrollEvent: function bindScrollEvent() { + var _this2 = this; + + var bindFuntion = function bindFuntion(type) { + _this2.$refs[type].wrap.onscroll = function (e) { + // TODO: scroll is emitted when set scrollTop programatically + // should find better solutions in the future! + _this2.handleScroll(type, e); + }; + }; + bindFuntion('hours'); + bindFuntion('minutes'); + bindFuntion('seconds'); + }, + handleScroll: function handleScroll(type) { + var value = Math.min(Math.round((this.$refs[type].wrap.scrollTop - (this.scrollBarHeight(type) * 0.5 - 10) / this.typeItemHeight(type) + 3) / this.typeItemHeight(type)), type === 'hours' ? 23 : 59); + this.modifyDateField(type, value); + }, + + + // NOTE: used by datetime / date-range panel + // renamed from adjustScrollTop + // should try to refactory it + adjustSpinners: function adjustSpinners() { + this.adjustSpinner('hours', this.hours); + this.adjustSpinner('minutes', this.minutes); + this.adjustSpinner('seconds', this.seconds); + }, + adjustCurrentSpinner: function adjustCurrentSpinner(type) { + this.adjustSpinner(type, this[type]); + }, + adjustSpinner: function adjustSpinner(type, value) { + if (this.arrowControl) return; + var el = this.$refs[type].wrap; + if (el) { + el.scrollTop = Math.max(0, value * this.typeItemHeight(type)); + } + }, + scrollDown: function scrollDown(step) { + var _this3 = this; + + if (!this.currentScrollbar) { + this.emitSelectRange('hours'); + } + + var label = this.currentScrollbar; + var hoursList = this.hoursList; + var now = this[label]; + + if (this.currentScrollbar === 'hours') { + var total = Math.abs(step); + step = step > 0 ? 1 : -1; + var length = hoursList.length; + while (length-- && total) { + now = (now + step + hoursList.length) % hoursList.length; + if (hoursList[now]) { + continue; + } + total--; + } + if (hoursList[now]) return; + } else { + now = (now + step + 60) % 60; + } + + this.modifyDateField(label, now); + this.adjustSpinner(label, now); + this.$nextTick(function () { + return _this3.emitSelectRange(_this3.currentScrollbar); + }); + }, + amPm: function amPm(hour) { + var shouldShowAmPm = this.amPmMode.toLowerCase() === 'a'; + if (!shouldShowAmPm) return ''; + var isCapital = this.amPmMode === 'A'; + var content = hour < 12 ? ' am' : ' pm'; + if (isCapital) content = content.toUpperCase(); + return content; + }, + typeItemHeight: function typeItemHeight(type) { + return this.$refs[type].$el.querySelector('li').offsetHeight; + }, + scrollBarHeight: function scrollBarHeight(type) { + return this.$refs[type].$el.offsetHeight; + } + } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/basic/time-spinner.vue?vue&type=script&lang=js& + /* harmony default export */ var basic_time_spinnervue_type_script_lang_js_ = (time_spinnervue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/date-picker/src/basic/time-spinner.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + basic_time_spinnervue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/date-picker/src/basic/time-spinner.vue" +/* harmony default export */ var time_spinner = __webpack_exports__["a"] = (component.exports); + +/***/ }), +/* 36 */, +/* 37 */, +/* 38 */, +/* 39 */, +/* 40 */, +/* 41 */, +/* 42 */, +/* 43 */, +/* 44 */, +/* 45 */, +/* 46 */, +/* 47 */, +/* 48 */, +/* 49 */, +/* 50 */, +/* 51 */, +/* 52 */, +/* 53 */, +/* 54 */, +/* 55 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// EXTERNAL MODULE: ./packages/date-picker/src/picker.vue + 4 modules +var picker = __webpack_require__(33); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date.vue?vue&type=template&id=2440d4ea& +var 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-enter": _vm.handleEnter, "after-leave": _vm.handleLeave } + }, + [ + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.visible, + expression: "visible" + } + ], + staticClass: "el-picker-panel el-date-picker el-popper", + class: [ + { + "has-sidebar": _vm.$slots.sidebar || _vm.shortcuts, + "has-time": _vm.showTime + }, + _vm.popperClass + ] + }, + [ + _c( + "div", + { staticClass: "el-picker-panel__body-wrapper" }, + [ + _vm._t("sidebar"), + _vm.shortcuts + ? _c( + "div", + { staticClass: "el-picker-panel__sidebar" }, + _vm._l(_vm.shortcuts, function(shortcut, key) { + return _c( + "button", + { + key: key, + staticClass: "el-picker-panel__shortcut", + attrs: { type: "button" }, + on: { + click: function($event) { + _vm.handleShortcutClick(shortcut) + } + } + }, + [_vm._v(_vm._s(shortcut.text))] + ) + }), + 0 + ) + : _vm._e(), + _c("div", { staticClass: "el-picker-panel__body" }, [ + _vm.showTime + ? _c("div", { staticClass: "el-date-picker__time-header" }, [ + _c( + "span", + { staticClass: "el-date-picker__editor-wrap" }, + [ + _c("el-input", { + attrs: { + placeholder: _vm.t("el.datepicker.selectDate"), + value: _vm.visibleDate, + size: "small" + }, + on: { + input: function(val) { + return (_vm.userInputDate = val) + }, + change: _vm.handleVisibleDateChange + } + }) + ], + 1 + ), + _c( + "span", + { + directives: [ + { + name: "clickoutside", + rawName: "v-clickoutside", + value: _vm.handleTimePickClose, + expression: "handleTimePickClose" + } + ], + staticClass: "el-date-picker__editor-wrap" + }, + [ + _c("el-input", { + ref: "input", + attrs: { + placeholder: _vm.t("el.datepicker.selectTime"), + value: _vm.visibleTime, + size: "small" + }, + on: { + focus: function($event) { + _vm.timePickerVisible = true + }, + input: function(val) { + return (_vm.userInputTime = val) + }, + change: _vm.handleVisibleTimeChange + } + }), + _c("time-picker", { + ref: "timepicker", + attrs: { + "time-arrow-control": _vm.arrowControl, + visible: _vm.timePickerVisible + }, + on: { + pick: _vm.handleTimePick, + mounted: _vm.proxyTimePickerDataProperties + } + }) + ], + 1 + ) + ]) + : _vm._e(), + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.currentView !== "time", + expression: "currentView !== 'time'" + } + ], + staticClass: "el-date-picker__header", + class: { + "el-date-picker__header--bordered": + _vm.currentView === "year" || + _vm.currentView === "month" + } + }, + [ + _c("button", { + staticClass: + "el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left", + attrs: { + type: "button", + "aria-label": _vm.t("el.datepicker.prevYear") + }, + on: { click: _vm.prevYear } + }), + _c("button", { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.currentView === "date", + expression: "currentView === 'date'" + } + ], + staticClass: + "el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-arrow-left", + attrs: { + type: "button", + "aria-label": _vm.t("el.datepicker.prevMonth") + }, + on: { click: _vm.prevMonth } + }), + _c( + "span", + { + staticClass: "el-date-picker__header-label", + attrs: { role: "button" }, + on: { click: _vm.showYearPicker } + }, + [_vm._v(_vm._s(_vm.yearLabel))] + ), + _c( + "span", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.currentView === "date", + expression: "currentView === 'date'" + } + ], + staticClass: "el-date-picker__header-label", + class: { active: _vm.currentView === "month" }, + attrs: { role: "button" }, + on: { click: _vm.showMonthPicker } + }, + [ + _vm._v( + _vm._s(_vm.t("el.datepicker.month" + (_vm.month + 1))) + ) + ] + ), + _c("button", { + staticClass: + "el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right", + attrs: { + type: "button", + "aria-label": _vm.t("el.datepicker.nextYear") + }, + on: { click: _vm.nextYear } + }), + _c("button", { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.currentView === "date", + expression: "currentView === 'date'" + } + ], + staticClass: + "el-picker-panel__icon-btn el-date-picker__next-btn el-icon-arrow-right", + attrs: { + type: "button", + "aria-label": _vm.t("el.datepicker.nextMonth") + }, + on: { click: _vm.nextMonth } + }) + ] + ), + _c( + "div", + { staticClass: "el-picker-panel__content" }, + [ + _c("date-table", { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.currentView === "date", + expression: "currentView === 'date'" + } + ], + attrs: { + "selection-mode": _vm.selectionMode, + "first-day-of-week": _vm.firstDayOfWeek, + value: _vm.value, + "default-value": _vm.defaultValue + ? new Date(_vm.defaultValue) + : null, + date: _vm.date, + "cell-class-name": _vm.cellClassName, + "disabled-date": _vm.disabledDate + }, + on: { pick: _vm.handleDatePick } + }), + _c("year-table", { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.currentView === "year", + expression: "currentView === 'year'" + } + ], + attrs: { + value: _vm.value, + "default-value": _vm.defaultValue + ? new Date(_vm.defaultValue) + : null, + date: _vm.date, + "disabled-date": _vm.disabledDate + }, + on: { pick: _vm.handleYearPick } + }), + _c("month-table", { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.currentView === "month", + expression: "currentView === 'month'" + } + ], + attrs: { + value: _vm.value, + "default-value": _vm.defaultValue + ? new Date(_vm.defaultValue) + : null, + date: _vm.date, + "disabled-date": _vm.disabledDate + }, + on: { pick: _vm.handleMonthPick } + }) + ], + 1 + ) + ]) + ], + 2 + ), + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.footerVisible && _vm.currentView === "date", + expression: "footerVisible && currentView === 'date'" + } + ], + staticClass: "el-picker-panel__footer" + }, + [ + _c( + "el-button", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.selectionMode !== "dates", + expression: "selectionMode !== 'dates'" + } + ], + staticClass: "el-picker-panel__link-btn", + attrs: { size: "mini", type: "text" }, + on: { click: _vm.changeToNow } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.datepicker.now")) + + "\n " + ) + ] + ), + _c( + "el-button", + { + staticClass: "el-picker-panel__link-btn", + attrs: { plain: "", size: "mini" }, + on: { click: _vm.confirm } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.datepicker.confirm")) + + "\n " + ) + ] + ) + ], + 1 + ) + ] + ) + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/panel/date.vue?vue&type=template&id=2440d4ea& + +// EXTERNAL MODULE: external "element-ui/lib/utils/date-util" +var date_util_ = __webpack_require__(1); + +// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside" +var clickoutside_ = __webpack_require__(12); +var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/locale" +var locale_ = __webpack_require__(6); +var locale_default = /*#__PURE__*/__webpack_require__.n(locale_); + +// EXTERNAL MODULE: external "element-ui/lib/input" +var input_ = __webpack_require__(10); +var input_default = /*#__PURE__*/__webpack_require__.n(input_); + +// EXTERNAL MODULE: external "element-ui/lib/button" +var button_ = __webpack_require__(13); +var button_default = /*#__PURE__*/__webpack_require__.n(button_); + +// EXTERNAL MODULE: ./packages/date-picker/src/panel/time.vue + 4 modules +var panel_time = __webpack_require__(27); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/year-table.vue?vue&type=template&id=c86ab5e0& +var year_tablevue_type_template_id_c86ab5e0_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "table", + { staticClass: "el-year-table", on: { click: _vm.handleYearTableClick } }, + [ + _c("tbody", [ + _c("tr", [ + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 0) + }, + [_c("a", { staticClass: "cell" }, [_vm._v(_vm._s(_vm.startYear))])] + ), + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 1) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 1)) + ]) + ] + ), + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 2) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 2)) + ]) + ] + ), + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 3) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 3)) + ]) + ] + ) + ]), + _c("tr", [ + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 4) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 4)) + ]) + ] + ), + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 5) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 5)) + ]) + ] + ), + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 6) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 6)) + ]) + ] + ), + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 7) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 7)) + ]) + ] + ) + ]), + _c("tr", [ + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 8) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 8)) + ]) + ] + ), + _c( + "td", + { + staticClass: "available", + class: _vm.getCellStyle(_vm.startYear + 9) + }, + [ + _c("a", { staticClass: "cell" }, [ + _vm._v(_vm._s(_vm.startYear + 9)) + ]) + ] + ), + _c("td"), + _c("td") + ]) + ]) + ] + ) +} +var year_tablevue_type_template_id_c86ab5e0_staticRenderFns = [] +year_tablevue_type_template_id_c86ab5e0_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/basic/year-table.vue?vue&type=template&id=c86ab5e0& + +// EXTERNAL MODULE: external "element-ui/lib/utils/dom" +var dom_ = __webpack_require__(2); + +// EXTERNAL MODULE: external "element-ui/lib/utils/util" +var util_ = __webpack_require__(3); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/year-table.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +var year_tablevue_type_script_lang_js_datesInYear = function datesInYear(year) { + var numOfDays = Object(date_util_["getDayCountOfYear"])(year); + var firstDay = new Date(year, 0, 1); + return Object(date_util_["range"])(numOfDays).map(function (n) { + return Object(date_util_["nextDate"])(firstDay, n); + }); +}; + +/* harmony default export */ var year_tablevue_type_script_lang_js_ = ({ + props: { + disabledDate: {}, + value: {}, + defaultValue: { + validator: function validator(val) { + // null or valid Date Object + return val === null || val instanceof Date && Object(date_util_["isDate"])(val); + } + }, + date: {} + }, + + computed: { + startYear: function startYear() { + return Math.floor(this.date.getFullYear() / 10) * 10; + } + }, + + methods: { + getCellStyle: function getCellStyle(year) { + var style = {}; + var today = new Date(); + + style.disabled = typeof this.disabledDate === 'function' ? year_tablevue_type_script_lang_js_datesInYear(year).every(this.disabledDate) : false; + style.current = Object(util_["arrayFindIndex"])(Object(util_["coerceTruthyValueToArray"])(this.value), function (date) { + return date.getFullYear() === year; + }) >= 0; + style.today = today.getFullYear() === year; + style.default = this.defaultValue && this.defaultValue.getFullYear() === year; + + return style; + }, + handleYearTableClick: function handleYearTableClick(event) { + var target = event.target; + if (target.tagName === 'A') { + if (Object(dom_["hasClass"])(target.parentNode, 'disabled')) return; + var year = target.textContent || target.innerText; + this.$emit('pick', Number(year)); + } + } + } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/basic/year-table.vue?vue&type=script&lang=js& + /* harmony default export */ var basic_year_tablevue_type_script_lang_js_ = (year_tablevue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/date-picker/src/basic/year-table.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + basic_year_tablevue_type_script_lang_js_, + year_tablevue_type_template_id_c86ab5e0_render, + year_tablevue_type_template_id_c86ab5e0_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/date-picker/src/basic/year-table.vue" +/* harmony default export */ var year_table = (component.exports); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/month-table.vue?vue&type=template&id=654d4f42& +var month_tablevue_type_template_id_654d4f42_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "table", + { + staticClass: "el-month-table", + on: { click: _vm.handleMonthTableClick, mousemove: _vm.handleMouseMove } + }, + [ + _c( + "tbody", + _vm._l(_vm.rows, function(row, key) { + return _c( + "tr", + { key: key }, + _vm._l(row, function(cell, key) { + return _c("td", { key: key, class: _vm.getCellStyle(cell) }, [ + _c("div", [ + _c("a", { staticClass: "cell" }, [ + _vm._v( + _vm._s( + _vm.t("el.datepicker.months." + _vm.months[cell.text]) + ) + ) + ]) + ]) + ]) + }), + 0 + ) + }), + 0 + ) + ] + ) +} +var month_tablevue_type_template_id_654d4f42_staticRenderFns = [] +month_tablevue_type_template_id_654d4f42_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/basic/month-table.vue?vue&type=template&id=654d4f42& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/month-table.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + +var month_tablevue_type_script_lang_js_datesInMonth = function datesInMonth(year, month) { + var numOfDays = Object(date_util_["getDayCountOfMonth"])(year, month); + var firstDay = new Date(year, month, 1); + return Object(date_util_["range"])(numOfDays).map(function (n) { + return Object(date_util_["nextDate"])(firstDay, n); + }); +}; + +var clearDate = function clearDate(date) { + return new Date(date.getFullYear(), date.getMonth()); +}; + +var getMonthTimestamp = function getMonthTimestamp(time) { + if (typeof time === 'number' || typeof time === 'string') { + return clearDate(new Date(time)).getTime(); + } else if (time instanceof Date) { + return clearDate(time).getTime(); + } else { + return NaN; + } +}; +/* harmony default export */ var month_tablevue_type_script_lang_js_ = ({ + props: { + disabledDate: {}, + value: {}, + selectionMode: { + default: 'month' + }, + minDate: {}, + + maxDate: {}, + defaultValue: { + validator: function validator(val) { + // null or valid Date Object + return val === null || Object(date_util_["isDate"])(val) || Array.isArray(val) && val.every(date_util_["isDate"]); + } + }, + date: {}, + rangeState: { + default: function _default() { + return { + endDate: null, + selecting: false + }; + } + } + }, + + mixins: [locale_default.a], + + watch: { + 'rangeState.endDate': function rangeStateEndDate(newVal) { + this.markRange(this.minDate, newVal); + }, + minDate: function minDate(newVal, oldVal) { + if (getMonthTimestamp(newVal) !== getMonthTimestamp(oldVal)) { + this.markRange(this.minDate, this.maxDate); + } + }, + maxDate: function maxDate(newVal, oldVal) { + if (getMonthTimestamp(newVal) !== getMonthTimestamp(oldVal)) { + this.markRange(this.minDate, this.maxDate); + } + } + }, + + data: function data() { + return { + months: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'], + tableRows: [[], [], []], + lastRow: null, + lastColumn: null + }; + }, + + + methods: { + cellMatchesDate: function cellMatchesDate(cell, date) { + var value = new Date(date); + return this.date.getFullYear() === value.getFullYear() && Number(cell.text) === value.getMonth(); + }, + getCellStyle: function getCellStyle(cell) { + var _this = this; + + var style = {}; + var year = this.date.getFullYear(); + var today = new Date(); + var month = cell.text; + var defaultValue = this.defaultValue ? Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue] : []; + style.disabled = typeof this.disabledDate === 'function' ? month_tablevue_type_script_lang_js_datesInMonth(year, month).every(this.disabledDate) : false; + style.current = Object(util_["arrayFindIndex"])(Object(util_["coerceTruthyValueToArray"])(this.value), function (date) { + return date.getFullYear() === year && date.getMonth() === month; + }) >= 0; + style.today = today.getFullYear() === year && today.getMonth() === month; + style.default = defaultValue.some(function (date) { + return _this.cellMatchesDate(cell, date); + }); + + if (cell.inRange) { + style['in-range'] = true; + + if (cell.start) { + style['start-date'] = true; + } + + if (cell.end) { + style['end-date'] = true; + } + } + return style; + }, + getMonthOfCell: function getMonthOfCell(month) { + var year = this.date.getFullYear(); + return new Date(year, month, 1); + }, + markRange: function markRange(minDate, maxDate) { + minDate = getMonthTimestamp(minDate); + maxDate = getMonthTimestamp(maxDate) || minDate; + var _ref = [Math.min(minDate, maxDate), Math.max(minDate, maxDate)]; + minDate = _ref[0]; + maxDate = _ref[1]; + + var rows = this.rows; + for (var i = 0, k = rows.length; i < k; i++) { + var row = rows[i]; + for (var j = 0, l = row.length; j < l; j++) { + + var cell = row[j]; + var index = i * 4 + j; + var time = new Date(this.date.getFullYear(), index).getTime(); + + cell.inRange = minDate && time >= minDate && time <= maxDate; + cell.start = minDate && time === minDate; + cell.end = maxDate && time === maxDate; + } + } + }, + handleMouseMove: function handleMouseMove(event) { + if (!this.rangeState.selecting) return; + + var target = event.target; + if (target.tagName === 'A') { + target = target.parentNode.parentNode; + } + if (target.tagName === 'DIV') { + target = target.parentNode; + } + if (target.tagName !== 'TD') return; + + var row = target.parentNode.rowIndex; + var column = target.cellIndex; + // can not select disabled date + if (this.rows[row][column].disabled) return; + + // only update rangeState when mouse moves to a new cell + // this avoids frequent Date object creation and improves performance + if (row !== this.lastRow || column !== this.lastColumn) { + this.lastRow = row; + this.lastColumn = column; + this.$emit('changerange', { + minDate: this.minDate, + maxDate: this.maxDate, + rangeState: { + selecting: true, + endDate: this.getMonthOfCell(row * 4 + column) + } + }); + } + }, + handleMonthTableClick: function handleMonthTableClick(event) { + var target = event.target; + if (target.tagName === 'A') { + target = target.parentNode.parentNode; + } + if (target.tagName === 'DIV') { + target = target.parentNode; + } + if (target.tagName !== 'TD') return; + if (Object(dom_["hasClass"])(target, 'disabled')) return; + var column = target.cellIndex; + var row = target.parentNode.rowIndex; + var month = row * 4 + column; + var newDate = this.getMonthOfCell(month); + if (this.selectionMode === 'range') { + if (!this.rangeState.selecting) { + this.$emit('pick', { minDate: newDate, maxDate: null }); + this.rangeState.selecting = true; + } else { + if (newDate >= this.minDate) { + this.$emit('pick', { minDate: this.minDate, maxDate: newDate }); + } else { + this.$emit('pick', { minDate: newDate, maxDate: this.minDate }); + } + this.rangeState.selecting = false; + } + } else { + this.$emit('pick', month); + } + } + }, + + computed: { + rows: function rows() { + var _this2 = this; + + // TODO: refactory rows / getCellClasses + var rows = this.tableRows; + var disabledDate = this.disabledDate; + var selectedDate = []; + var now = getMonthTimestamp(new Date()); + + for (var i = 0; i < 3; i++) { + var row = rows[i]; + + var _loop = function _loop(j) { + var cell = row[j]; + if (!cell) { + cell = { row: i, column: j, type: 'normal', inRange: false, start: false, end: false }; + } + + cell.type = 'normal'; + + var index = i * 4 + j; + var time = new Date(_this2.date.getFullYear(), index).getTime(); + cell.inRange = time >= getMonthTimestamp(_this2.minDate) && time <= getMonthTimestamp(_this2.maxDate); + cell.start = _this2.minDate && time === getMonthTimestamp(_this2.minDate); + cell.end = _this2.maxDate && time === getMonthTimestamp(_this2.maxDate); + var isToday = time === now; + + if (isToday) { + cell.type = 'today'; + } + cell.text = index; + var cellDate = new Date(time); + cell.disabled = typeof disabledDate === 'function' && disabledDate(cellDate); + cell.selected = Object(util_["arrayFind"])(selectedDate, function (date) { + return date.getTime() === cellDate.getTime(); + }); + + _this2.$set(row, j, cell); + }; + + for (var j = 0; j < 4; j++) { + _loop(j); + } + } + return rows; + } + } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/basic/month-table.vue?vue&type=script&lang=js& + /* harmony default export */ var basic_month_tablevue_type_script_lang_js_ = (month_tablevue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/date-picker/src/basic/month-table.vue + + + + + +/* normalize component */ + +var month_table_component = Object(componentNormalizer["a" /* default */])( + basic_month_tablevue_type_script_lang_js_, + month_tablevue_type_template_id_654d4f42_render, + month_tablevue_type_template_id_654d4f42_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var month_table_api; } +month_table_component.options.__file = "packages/date-picker/src/basic/month-table.vue" +/* harmony default export */ var month_table = (month_table_component.exports); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/date-table.vue?vue&type=template&id=5d1f3341& +var date_tablevue_type_template_id_5d1f3341_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "table", + { + staticClass: "el-date-table", + class: { "is-week-mode": _vm.selectionMode === "week" }, + attrs: { cellspacing: "0", cellpadding: "0" }, + on: { click: _vm.handleClick, mousemove: _vm.handleMouseMove } + }, + [ + _c( + "tbody", + [ + _c( + "tr", + [ + _vm.showWeekNumber + ? _c("th", [_vm._v(_vm._s(_vm.t("el.datepicker.week")))]) + : _vm._e(), + _vm._l(_vm.WEEKS, function(week, key) { + return _c("th", { key: key }, [ + _vm._v(_vm._s(_vm.t("el.datepicker.weeks." + week))) + ]) + }) + ], + 2 + ), + _vm._l(_vm.rows, function(row, key) { + return _c( + "tr", + { + key: key, + staticClass: "el-date-table__row", + class: { current: _vm.isWeekActive(row[1]) } + }, + _vm._l(row, function(cell, key) { + return _c("td", { key: key, class: _vm.getCellClasses(cell) }, [ + _c("div", [ + _c("span", [ + _vm._v("\n " + _vm._s(cell.text) + "\n ") + ]) + ]) + ]) + }), + 0 + ) + }) + ], + 2 + ) + ] + ) +} +var date_tablevue_type_template_id_5d1f3341_staticRenderFns = [] +date_tablevue_type_template_id_5d1f3341_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/basic/date-table.vue?vue&type=template&id=5d1f3341& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/date-table.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +var _WEEKS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat']; +var date_tablevue_type_script_lang_js_getDateTimestamp = function getDateTimestamp(time) { + if (typeof time === 'number' || typeof time === 'string') { + return Object(date_util_["clearTime"])(new Date(time)).getTime(); + } else if (time instanceof Date) { + return Object(date_util_["clearTime"])(time).getTime(); + } else { + return NaN; + } +}; + +// remove the first element that satisfies `pred` from arr +// return a new array if modification occurs +// return the original array otherwise +var date_tablevue_type_script_lang_js_removeFromArray = function removeFromArray(arr, pred) { + var idx = typeof pred === 'function' ? Object(util_["arrayFindIndex"])(arr, pred) : arr.indexOf(pred); + return idx >= 0 ? [].concat(arr.slice(0, idx), arr.slice(idx + 1)) : arr; +}; + +/* harmony default export */ var date_tablevue_type_script_lang_js_ = ({ + mixins: [locale_default.a], + + props: { + firstDayOfWeek: { + default: 7, + type: Number, + validator: function validator(val) { + return val >= 1 && val <= 7; + } + }, + + value: {}, + + defaultValue: { + validator: function validator(val) { + // either: null, valid Date object, Array of valid Date objects + return val === null || Object(date_util_["isDate"])(val) || Array.isArray(val) && val.every(date_util_["isDate"]); + } + }, + + date: {}, + + selectionMode: { + default: 'day' + }, + + showWeekNumber: { + type: Boolean, + default: false + }, + + disabledDate: {}, + + cellClassName: {}, + + minDate: {}, + + maxDate: {}, + + rangeState: { + default: function _default() { + return { + endDate: null, + selecting: false + }; + } + } + }, + + computed: { + offsetDay: function offsetDay() { + var week = this.firstDayOfWeek; + // 周日为界限，左右偏移的天数，3217654 例如周一就是 -1，目的是调整前两行日期的位置 + return week > 3 ? 7 - week : -week; + }, + WEEKS: function WEEKS() { + var week = this.firstDayOfWeek; + return _WEEKS.concat(_WEEKS).slice(week, week + 7); + }, + year: function year() { + return this.date.getFullYear(); + }, + month: function month() { + return this.date.getMonth(); + }, + startDate: function startDate() { + return Object(date_util_["getStartDateOfMonth"])(this.year, this.month); + }, + rows: function rows() { + var _this = this; + + // TODO: refactory rows / getCellClasses + var date = new Date(this.year, this.month, 1); + var day = Object(date_util_["getFirstDayOfMonth"])(date); // day of first day + var dateCountOfMonth = Object(date_util_["getDayCountOfMonth"])(date.getFullYear(), date.getMonth()); + var dateCountOfLastMonth = Object(date_util_["getDayCountOfMonth"])(date.getFullYear(), date.getMonth() === 0 ? 11 : date.getMonth() - 1); + + day = day === 0 ? 7 : day; + + var offset = this.offsetDay; + var rows = this.tableRows; + var count = 1; + + var startDate = this.startDate; + var disabledDate = this.disabledDate; + var cellClassName = this.cellClassName; + var selectedDate = this.selectionMode === 'dates' ? Object(util_["coerceTruthyValueToArray"])(this.value) : []; + var now = date_tablevue_type_script_lang_js_getDateTimestamp(new Date()); + + for (var i = 0; i < 6; i++) { + var row = rows[i]; + + if (this.showWeekNumber) { + if (!row[0]) { + row[0] = { type: 'week', text: Object(date_util_["getWeekNumber"])(Object(date_util_["nextDate"])(startDate, i * 7 + 1)) }; + } + } + + var _loop = function _loop(j) { + var cell = row[_this.showWeekNumber ? j + 1 : j]; + if (!cell) { + cell = { row: i, column: j, type: 'normal', inRange: false, start: false, end: false }; + } + + cell.type = 'normal'; + + var index = i * 7 + j; + var time = Object(date_util_["nextDate"])(startDate, index - offset).getTime(); + cell.inRange = time >= date_tablevue_type_script_lang_js_getDateTimestamp(_this.minDate) && time <= date_tablevue_type_script_lang_js_getDateTimestamp(_this.maxDate); + cell.start = _this.minDate && time === date_tablevue_type_script_lang_js_getDateTimestamp(_this.minDate); + cell.end = _this.maxDate && time === date_tablevue_type_script_lang_js_getDateTimestamp(_this.maxDate); + var isToday = time === now; + + if (isToday) { + cell.type = 'today'; + } + + if (i >= 0 && i <= 1) { + var numberOfDaysFromPreviousMonth = day + offset < 0 ? 7 + day + offset : day + offset; + + if (j + i * 7 >= numberOfDaysFromPreviousMonth) { + cell.text = count++; + } else { + cell.text = dateCountOfLastMonth - (numberOfDaysFromPreviousMonth - j % 7) + 1 + i * 7; + cell.type = 'prev-month'; + } + } else { + if (count <= dateCountOfMonth) { + cell.text = count++; + } else { + cell.text = count++ - dateCountOfMonth; + cell.type = 'next-month'; + } + } + + var cellDate = new Date(time); + cell.disabled = typeof disabledDate === 'function' && disabledDate(cellDate); + cell.selected = Object(util_["arrayFind"])(selectedDate, function (date) { + return date.getTime() === cellDate.getTime(); + }); + cell.customClass = typeof cellClassName === 'function' && cellClassName(cellDate); + _this.$set(row, _this.showWeekNumber ? j + 1 : j, cell); + }; + + for (var j = 0; j < 7; j++) { + _loop(j); + } + + if (this.selectionMode === 'week') { + var start = this.showWeekNumber ? 1 : 0; + var end = this.showWeekNumber ? 7 : 6; + var isWeekActive = this.isWeekActive(row[start + 1]); + + row[start].inRange = isWeekActive; + row[start].start = isWeekActive; + row[end].inRange = isWeekActive; + row[end].end = isWeekActive; + } + } + + return rows; + } + }, + + watch: { + 'rangeState.endDate': function rangeStateEndDate(newVal) { + this.markRange(this.minDate, newVal); + }, + minDate: function minDate(newVal, oldVal) { + if (date_tablevue_type_script_lang_js_getDateTimestamp(newVal) !== date_tablevue_type_script_lang_js_getDateTimestamp(oldVal)) { + this.markRange(this.minDate, this.maxDate); + } + }, + maxDate: function maxDate(newVal, oldVal) { + if (date_tablevue_type_script_lang_js_getDateTimestamp(newVal) !== date_tablevue_type_script_lang_js_getDateTimestamp(oldVal)) { + this.markRange(this.minDate, this.maxDate); + } + } + }, + + data: function data() { + return { + tableRows: [[], [], [], [], [], []], + lastRow: null, + lastColumn: null + }; + }, + + + methods: { + cellMatchesDate: function cellMatchesDate(cell, date) { + var value = new Date(date); + return this.year === value.getFullYear() && this.month === value.getMonth() && Number(cell.text) === value.getDate(); + }, + getCellClasses: function getCellClasses(cell) { + var _this2 = this; + + var selectionMode = this.selectionMode; + var defaultValue = this.defaultValue ? Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue] : []; + + var classes = []; + if ((cell.type === 'normal' || cell.type === 'today') && !cell.disabled) { + classes.push('available'); + if (cell.type === 'today') { + classes.push('today'); + } + } else { + classes.push(cell.type); + } + + if (cell.type === 'normal' && defaultValue.some(function (date) { + return _this2.cellMatchesDate(cell, date); + })) { + classes.push('default'); + } + + if (selectionMode === 'day' && (cell.type === 'normal' || cell.type === 'today') && this.cellMatchesDate(cell, this.value)) { + classes.push('current'); + } + + if (cell.inRange && (cell.type === 'normal' || cell.type === 'today' || this.selectionMode === 'week')) { + classes.push('in-range'); + + if (cell.start) { + classes.push('start-date'); + } + + if (cell.end) { + classes.push('end-date'); + } + } + + if (cell.disabled) { + classes.push('disabled'); + } + + if (cell.selected) { + classes.push('selected'); + } + + if (cell.customClass) { + classes.push(cell.customClass); + } + + return classes.join(' '); + }, + getDateOfCell: function getDateOfCell(row, column) { + var offsetFromStart = row * 7 + (column - (this.showWeekNumber ? 1 : 0)) - this.offsetDay; + return Object(date_util_["nextDate"])(this.startDate, offsetFromStart); + }, + isWeekActive: function isWeekActive(cell) { + if (this.selectionMode !== 'week') return false; + var newDate = new Date(this.year, this.month, 1); + var year = newDate.getFullYear(); + var month = newDate.getMonth(); + + if (cell.type === 'prev-month') { + newDate.setMonth(month === 0 ? 11 : month - 1); + newDate.setFullYear(month === 0 ? year - 1 : year); + } + + if (cell.type === 'next-month') { + newDate.setMonth(month === 11 ? 0 : month + 1); + newDate.setFullYear(month === 11 ? year + 1 : year); + } + + newDate.setDate(parseInt(cell.text, 10)); + + if (Object(date_util_["isDate"])(this.value)) { + var dayOffset = (this.value.getDay() - this.firstDayOfWeek + 7) % 7 - 1; + var weekDate = Object(date_util_["prevDate"])(this.value, dayOffset); + return weekDate.getTime() === newDate.getTime(); + } + return false; + }, + markRange: function markRange(minDate, maxDate) { + minDate = date_tablevue_type_script_lang_js_getDateTimestamp(minDate); + maxDate = date_tablevue_type_script_lang_js_getDateTimestamp(maxDate) || minDate; + var _ref = [Math.min(minDate, maxDate), Math.max(minDate, maxDate)]; + minDate = _ref[0]; + maxDate = _ref[1]; + + + var startDate = this.startDate; + var rows = this.rows; + for (var i = 0, k = rows.length; i < k; i++) { + var row = rows[i]; + for (var j = 0, l = row.length; j < l; j++) { + if (this.showWeekNumber && j === 0) continue; + + var _cell = row[j]; + var index = i * 7 + j + (this.showWeekNumber ? -1 : 0); + var time = Object(date_util_["nextDate"])(startDate, index - this.offsetDay).getTime(); + + _cell.inRange = minDate && time >= minDate && time <= maxDate; + _cell.start = minDate && time === minDate; + _cell.end = maxDate && time === maxDate; + } + } + }, + handleMouseMove: function handleMouseMove(event) { + if (!this.rangeState.selecting) return; + + var target = event.target; + if (target.tagName === 'SPAN') { + target = target.parentNode.parentNode; + } + if (target.tagName === 'DIV') { + target = target.parentNode; + } + if (target.tagName !== 'TD') return; + + var row = target.parentNode.rowIndex - 1; + var column = target.cellIndex; + + // can not select disabled date + if (this.rows[row][column].disabled) return; + + // only update rangeState when mouse moves to a new cell + // this avoids frequent Date object creation and improves performance + if (row !== this.lastRow || column !== this.lastColumn) { + this.lastRow = row; + this.lastColumn = column; + this.$emit('changerange', { + minDate: this.minDate, + maxDate: this.maxDate, + rangeState: { + selecting: true, + endDate: this.getDateOfCell(row, column) + } + }); + } + }, + handleClick: function handleClick(event) { + var target = event.target; + if (target.tagName === 'SPAN') { + target = target.parentNode.parentNode; + } + if (target.tagName === 'DIV') { + target = target.parentNode; + } + + if (target.tagName !== 'TD') return; + + var row = target.parentNode.rowIndex - 1; + var column = this.selectionMode === 'week' ? 1 : target.cellIndex; + var cell = this.rows[row][column]; + + if (cell.disabled || cell.type === 'week') return; + + var newDate = this.getDateOfCell(row, column); + + if (this.selectionMode === 'range') { + if (!this.rangeState.selecting) { + this.$emit('pick', { minDate: newDate, maxDate: null }); + this.rangeState.selecting = true; + } else { + if (newDate >= this.minDate) { + this.$emit('pick', { minDate: this.minDate, maxDate: newDate }); + } else { + this.$emit('pick', { minDate: newDate, maxDate: this.minDate }); + } + this.rangeState.selecting = false; + } + } else if (this.selectionMode === 'day') { + this.$emit('pick', newDate); + } else if (this.selectionMode === 'week') { + var weekNumber = Object(date_util_["getWeekNumber"])(newDate); + var value = newDate.getFullYear() + 'w' + weekNumber; + this.$emit('pick', { + year: newDate.getFullYear(), + week: weekNumber, + value: value, + date: newDate + }); + } else if (this.selectionMode === 'dates') { + var _value = this.value || []; + var newValue = cell.selected ? date_tablevue_type_script_lang_js_removeFromArray(_value, function (date) { + return date.getTime() === newDate.getTime(); + }) : [].concat(_value, [newDate]); + this.$emit('pick', newValue); + } + } + } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/basic/date-table.vue?vue&type=script&lang=js& + /* harmony default export */ var basic_date_tablevue_type_script_lang_js_ = (date_tablevue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/date-picker/src/basic/date-table.vue + + + + + +/* normalize component */ + +var date_table_component = Object(componentNormalizer["a" /* default */])( + basic_date_tablevue_type_script_lang_js_, + date_tablevue_type_template_id_5d1f3341_render, + date_tablevue_type_template_id_5d1f3341_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var date_table_api; } +date_table_component.options.__file = "packages/date-picker/src/basic/date-table.vue" +/* harmony default export */ var date_table = (date_table_component.exports); +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + + + + +/* harmony default export */ var datevue_type_script_lang_js_ = ({ + mixins: [locale_default.a], + + directives: { Clickoutside: clickoutside_default.a }, + + watch: { + showTime: function showTime(val) { + var _this = this; + + /* istanbul ignore if */ + if (!val) return; + this.$nextTick(function (_) { + var inputElm = _this.$refs.input.$el; + if (inputElm) { + _this.pickerWidth = inputElm.getBoundingClientRect().width + 10; + } + }); + }, + value: function value(val) { + if (this.selectionMode === 'dates' && this.value) return; + if (Object(date_util_["isDate"])(val)) { + this.date = new Date(val); + } else { + this.date = this.getDefaultValue(); + } + }, + defaultValue: function defaultValue(val) { + if (!Object(date_util_["isDate"])(this.value)) { + this.date = val ? new Date(val) : new Date(); + } + }, + timePickerVisible: function timePickerVisible(val) { + var _this2 = this; + + if (val) this.$nextTick(function () { + return _this2.$refs.timepicker.adjustSpinners(); + }); + }, + selectionMode: function selectionMode(newVal) { + if (newVal === 'month') { + /* istanbul ignore next */ + if (this.currentView !== 'year' || this.currentView !== 'month') { + this.currentView = 'month'; + } + } else if (newVal === 'dates') { + this.currentView = 'date'; + } + } + }, + + methods: { + proxyTimePickerDataProperties: function proxyTimePickerDataProperties() { + var _this3 = this; + + var format = function format(timeFormat) { + _this3.$refs.timepicker.format = timeFormat; + }; + var value = function value(_value) { + _this3.$refs.timepicker.value = _value; + }; + var date = function date(_date) { + _this3.$refs.timepicker.date = _date; + }; + var selectableRange = function selectableRange(_selectableRange) { + _this3.$refs.timepicker.selectableRange = _selectableRange; + }; + + this.$watch('value', value); + this.$watch('date', date); + this.$watch('selectableRange', selectableRange); + + format(this.timeFormat); + value(this.value); + date(this.date); + selectableRange(this.selectableRange); + }, + handleClear: function handleClear() { + this.date = this.getDefaultValue(); + this.$emit('pick', null); + }, + emit: function emit(value) { + var _this4 = this; + + for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + if (!value) { + this.$emit.apply(this, ['pick', value].concat(args)); + } else if (Array.isArray(value)) { + var dates = value.map(function (date) { + return _this4.showTime ? Object(date_util_["clearMilliseconds"])(date) : Object(date_util_["clearTime"])(date); + }); + this.$emit.apply(this, ['pick', dates].concat(args)); + } else { + this.$emit.apply(this, ['pick', this.showTime ? Object(date_util_["clearMilliseconds"])(value) : Object(date_util_["clearTime"])(value)].concat(args)); + } + this.userInputDate = null; + this.userInputTime = null; + }, + + + // resetDate() { + // this.date = new Date(this.date); + // }, + + showMonthPicker: function showMonthPicker() { + this.currentView = 'month'; + }, + showYearPicker: function showYearPicker() { + this.currentView = 'year'; + }, + + + // XXX: 没用到 + // handleLabelClick() { + // if (this.currentView === 'date') { + // this.showMonthPicker(); + // } else if (this.currentView === 'month') { + // this.showYearPicker(); + // } + // }, + + prevMonth: function prevMonth() { + this.date = Object(date_util_["prevMonth"])(this.date); + }, + nextMonth: function nextMonth() { + this.date = Object(date_util_["nextMonth"])(this.date); + }, + prevYear: function prevYear() { + if (this.currentView === 'year') { + this.date = Object(date_util_["prevYear"])(this.date, 10); + } else { + this.date = Object(date_util_["prevYear"])(this.date); + } + }, + nextYear: function nextYear() { + if (this.currentView === 'year') { + this.date = Object(date_util_["nextYear"])(this.date, 10); + } else { + this.date = Object(date_util_["nextYear"])(this.date); + } + }, + handleShortcutClick: function handleShortcutClick(shortcut) { + if (shortcut.onClick) { + shortcut.onClick(this); + } + }, + handleTimePick: function handleTimePick(value, visible, first) { + if (Object(date_util_["isDate"])(value)) { + var newDate = this.value ? Object(date_util_["modifyTime"])(this.value, value.getHours(), value.getMinutes(), value.getSeconds()) : Object(date_util_["modifyWithTimeString"])(this.getDefaultValue(), this.defaultTime); + this.date = newDate; + this.emit(this.date, true); + } else { + this.emit(value, true); + } + if (!first) { + this.timePickerVisible = visible; + } + }, + handleTimePickClose: function handleTimePickClose() { + this.timePickerVisible = false; + }, + handleMonthPick: function handleMonthPick(month) { + if (this.selectionMode === 'month') { + this.date = Object(date_util_["modifyDate"])(this.date, this.year, month, 1); + this.emit(this.date); + } else { + this.date = Object(date_util_["changeYearMonthAndClampDate"])(this.date, this.year, month); + // TODO: should emit intermediate value ?? + // this.emit(this.date); + this.currentView = 'date'; + } + }, + handleDatePick: function handleDatePick(value) { + if (this.selectionMode === 'day') { + var newDate = this.value ? Object(date_util_["modifyDate"])(this.value, value.getFullYear(), value.getMonth(), value.getDate()) : Object(date_util_["modifyWithTimeString"])(value, this.defaultTime); + // change default time while out of selectableRange + if (!this.checkDateWithinRange(newDate)) { + newDate = Object(date_util_["modifyDate"])(this.selectableRange[0][0], value.getFullYear(), value.getMonth(), value.getDate()); + } + this.date = newDate; + this.emit(this.date, this.showTime); + } else if (this.selectionMode === 'week') { + this.emit(value.date); + } else if (this.selectionMode === 'dates') { + this.emit(value, true); // set false to keep panel open + } + }, + handleYearPick: function handleYearPick(year) { + if (this.selectionMode === 'year') { + this.date = Object(date_util_["modifyDate"])(this.date, year, 0, 1); + this.emit(this.date); + } else { + this.date = Object(date_util_["changeYearMonthAndClampDate"])(this.date, year, this.month); + // TODO: should emit intermediate value ?? + // this.emit(this.date, true); + this.currentView = 'month'; + } + }, + changeToNow: function changeToNow() { + // NOTE: not a permanent solution + // consider disable "now" button in the future + if ((!this.disabledDate || !this.disabledDate(new Date())) && this.checkDateWithinRange(new Date())) { + this.date = new Date(); + this.emit(this.date); + } + }, + confirm: function confirm() { + if (this.selectionMode === 'dates') { + this.emit(this.value); + } else { + // value were emitted in handle{Date,Time}Pick, nothing to update here + // deal with the scenario where: user opens the picker, then confirm without doing anything + var value = this.value ? this.value : Object(date_util_["modifyWithTimeString"])(this.getDefaultValue(), this.defaultTime); + this.date = new Date(value); // refresh date + this.emit(value); + } + }, + resetView: function resetView() { + if (this.selectionMode === 'month') { + this.currentView = 'month'; + } else if (this.selectionMode === 'year') { + this.currentView = 'year'; + } else { + this.currentView = 'date'; + } + }, + handleEnter: function handleEnter() { + document.body.addEventListener('keydown', this.handleKeydown); + }, + handleLeave: function handleLeave() { + this.$emit('dodestroy'); + document.body.removeEventListener('keydown', this.handleKeydown); + }, + handleKeydown: function handleKeydown(event) { + var keyCode = event.keyCode; + var list = [38, 40, 37, 39]; + if (this.visible && !this.timePickerVisible) { + if (list.indexOf(keyCode) !== -1) { + this.handleKeyControl(keyCode); + event.stopPropagation(); + event.preventDefault(); + } + if (keyCode === 13 && this.userInputDate === null && this.userInputTime === null) { + // Enter + this.emit(this.date, false); + } + } + }, + handleKeyControl: function handleKeyControl(keyCode) { + var mapping = { + 'year': { + 38: -4, 40: 4, 37: -1, 39: 1, offset: function offset(date, step) { + return date.setFullYear(date.getFullYear() + step); + } + }, + 'month': { + 38: -4, 40: 4, 37: -1, 39: 1, offset: function offset(date, step) { + return date.setMonth(date.getMonth() + step); + } + }, + 'week': { + 38: -1, 40: 1, 37: -1, 39: 1, offset: function offset(date, step) { + return date.setDate(date.getDate() + step * 7); + } + }, + 'day': { + 38: -7, 40: 7, 37: -1, 39: 1, offset: function offset(date, step) { + return date.setDate(date.getDate() + step); + } + } + }; + var mode = this.selectionMode; + var year = 3.1536e10; + var now = this.date.getTime(); + var newDate = new Date(this.date.getTime()); + while (Math.abs(now - newDate.getTime()) <= year) { + var map = mapping[mode]; + map.offset(newDate, map[keyCode]); + if (typeof this.disabledDate === 'function' && this.disabledDate(newDate)) { + continue; + } + this.date = newDate; + this.$emit('pick', newDate, true); + break; + } + }, + handleVisibleTimeChange: function handleVisibleTimeChange(value) { + var time = Object(date_util_["parseDate"])(value, this.timeFormat); + if (time && this.checkDateWithinRange(time)) { + this.date = Object(date_util_["modifyDate"])(time, this.year, this.month, this.monthDate); + this.userInputTime = null; + this.$refs.timepicker.value = this.date; + this.timePickerVisible = false; + this.emit(this.date, true); + } + }, + handleVisibleDateChange: function handleVisibleDateChange(value) { + var date = Object(date_util_["parseDate"])(value, this.dateFormat); + if (date) { + if (typeof this.disabledDate === 'function' && this.disabledDate(date)) { + return; + } + this.date = Object(date_util_["modifyTime"])(date, this.date.getHours(), this.date.getMinutes(), this.date.getSeconds()); + this.userInputDate = null; + this.resetView(); + this.emit(this.date, true); + } + }, + isValidValue: function isValidValue(value) { + return value && !isNaN(value) && (typeof this.disabledDate === 'function' ? !this.disabledDate(value) : true) && this.checkDateWithinRange(value); + }, + getDefaultValue: function getDefaultValue() { + // if default-value is set, return it + // otherwise, return now (the moment this method gets called) + return this.defaultValue ? new Date(this.defaultValue) : new Date(); + }, + checkDateWithinRange: function checkDateWithinRange(date) { + return this.selectableRange.length > 0 ? Object(date_util_["timeWithinRange"])(date, this.selectableRange, this.format || 'HH:mm:ss') : true; + } + }, + + components: { + TimePicker: panel_time["a" /* default */], YearTable: year_table, MonthTable: month_table, DateTable: date_table, ElInput: input_default.a, ElButton: button_default.a + }, + + data: function data() { + return { + popperClass: '', + date: new Date(), + value: '', + defaultValue: null, // use getDefaultValue() for time computation + defaultTime: null, + showTime: false, + selectionMode: 'day', + shortcuts: '', + visible: false, + currentView: 'date', + disabledDate: '', + cellClassName: '', + selectableRange: [], + firstDayOfWeek: 7, + showWeekNumber: false, + timePickerVisible: false, + format: '', + arrowControl: false, + userInputDate: null, + userInputTime: null + }; + }, + + + computed: { + year: function year() { + return this.date.getFullYear(); + }, + month: function month() { + return this.date.getMonth(); + }, + week: function week() { + return Object(date_util_["getWeekNumber"])(this.date); + }, + monthDate: function monthDate() { + return this.date.getDate(); + }, + footerVisible: function footerVisible() { + return this.showTime || this.selectionMode === 'dates'; + }, + visibleTime: function visibleTime() { + if (this.userInputTime !== null) { + return this.userInputTime; + } else { + return Object(date_util_["formatDate"])(this.value || this.defaultValue, this.timeFormat); + } + }, + visibleDate: function visibleDate() { + if (this.userInputDate !== null) { + return this.userInputDate; + } else { + return Object(date_util_["formatDate"])(this.value || this.defaultValue, this.dateFormat); + } + }, + yearLabel: function yearLabel() { + var yearTranslation = this.t('el.datepicker.year'); + if (this.currentView === 'year') { + var startYear = Math.floor(this.year / 10) * 10; + if (yearTranslation) { + return startYear + ' ' + yearTranslation + ' - ' + (startYear + 9) + ' ' + yearTranslation; + } + return startYear + ' - ' + (startYear + 9); + } + return this.year + ' ' + yearTranslation; + }, + timeFormat: function timeFormat() { + if (this.format) { + return Object(date_util_["extractTimeFormat"])(this.format); + } else { + return 'HH:mm:ss'; + } + }, + dateFormat: function dateFormat() { + if (this.format) { + return Object(date_util_["extractDateFormat"])(this.format); + } else { + return 'yyyy-MM-dd'; + } + } + } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/panel/date.vue?vue&type=script&lang=js& + /* harmony default export */ var panel_datevue_type_script_lang_js_ = (datevue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/date-picker/src/panel/date.vue + + + + + +/* normalize component */ + +var date_component = Object(componentNormalizer["a" /* default */])( + panel_datevue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var date_api; } +date_component.options.__file = "packages/date-picker/src/panel/date.vue" +/* harmony default export */ var panel_date = (date_component.exports); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date-range.vue?vue&type=template&id=2652849a& +var date_rangevue_type_template_id_2652849a_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": function($event) { + _vm.$emit("dodestroy") + } + } + }, + [ + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.visible, + expression: "visible" + } + ], + staticClass: "el-picker-panel el-date-range-picker el-popper", + class: [ + { + "has-sidebar": _vm.$slots.sidebar || _vm.shortcuts, + "has-time": _vm.showTime + }, + _vm.popperClass + ] + }, + [ + _c( + "div", + { staticClass: "el-picker-panel__body-wrapper" }, + [ + _vm._t("sidebar"), + _vm.shortcuts + ? _c( + "div", + { staticClass: "el-picker-panel__sidebar" }, + _vm._l(_vm.shortcuts, function(shortcut, key) { + return _c( + "button", + { + key: key, + staticClass: "el-picker-panel__shortcut", + attrs: { type: "button" }, + on: { + click: function($event) { + _vm.handleShortcutClick(shortcut) + } + } + }, + [_vm._v(_vm._s(shortcut.text))] + ) + }), + 0 + ) + : _vm._e(), + _c("div", { staticClass: "el-picker-panel__body" }, [ + _vm.showTime + ? _c( + "div", + { staticClass: "el-date-range-picker__time-header" }, + [ + _c( + "span", + { staticClass: "el-date-range-picker__editors-wrap" }, + [ + _c( + "span", + { + staticClass: + "el-date-range-picker__time-picker-wrap" + }, + [ + _c("el-input", { + ref: "minInput", + staticClass: "el-date-range-picker__editor", + attrs: { + size: "small", + disabled: _vm.rangeState.selecting, + placeholder: _vm.t( + "el.datepicker.startDate" + ), + value: _vm.minVisibleDate + }, + on: { + input: function(val) { + return _vm.handleDateInput(val, "min") + }, + change: function(val) { + return _vm.handleDateChange(val, "min") + } + } + }) + ], + 1 + ), + _c( + "span", + { + directives: [ + { + name: "clickoutside", + rawName: "v-clickoutside", + value: _vm.handleMinTimeClose, + expression: "handleMinTimeClose" + } + ], + staticClass: + "el-date-range-picker__time-picker-wrap" + }, + [ + _c("el-input", { + staticClass: "el-date-range-picker__editor", + attrs: { + size: "small", + disabled: _vm.rangeState.selecting, + placeholder: _vm.t( + "el.datepicker.startTime" + ), + value: _vm.minVisibleTime + }, + on: { + focus: function($event) { + _vm.minTimePickerVisible = true + }, + input: function(val) { + return _vm.handleTimeInput(val, "min") + }, + change: function(val) { + return _vm.handleTimeChange(val, "min") + } + } + }), + _c("time-picker", { + ref: "minTimePicker", + attrs: { + "time-arrow-control": _vm.arrowControl, + visible: _vm.minTimePickerVisible + }, + on: { + pick: _vm.handleMinTimePick, + mounted: function($event) { + _vm.$refs.minTimePicker.format = + _vm.timeFormat + } + } + }) + ], + 1 + ) + ] + ), + _c("span", { staticClass: "el-icon-arrow-right" }), + _c( + "span", + { + staticClass: + "el-date-range-picker__editors-wrap is-right" + }, + [ + _c( + "span", + { + staticClass: + "el-date-range-picker__time-picker-wrap" + }, + [ + _c("el-input", { + staticClass: "el-date-range-picker__editor", + attrs: { + size: "small", + disabled: _vm.rangeState.selecting, + placeholder: _vm.t("el.datepicker.endDate"), + value: _vm.maxVisibleDate, + readonly: !_vm.minDate + }, + on: { + input: function(val) { + return _vm.handleDateInput(val, "max") + }, + change: function(val) { + return _vm.handleDateChange(val, "max") + } + } + }) + ], + 1 + ), + _c( + "span", + { + directives: [ + { + name: "clickoutside", + rawName: "v-clickoutside", + value: _vm.handleMaxTimeClose, + expression: "handleMaxTimeClose" + } + ], + staticClass: + "el-date-range-picker__time-picker-wrap" + }, + [ + _c("el-input", { + staticClass: "el-date-range-picker__editor", + attrs: { + size: "small", + disabled: _vm.rangeState.selecting, + placeholder: _vm.t("el.datepicker.endTime"), + value: _vm.maxVisibleTime, + readonly: !_vm.minDate + }, + on: { + focus: function($event) { + _vm.minDate && + (_vm.maxTimePickerVisible = true) + }, + input: function(val) { + return _vm.handleTimeInput(val, "max") + }, + change: function(val) { + return _vm.handleTimeChange(val, "max") + } + } + }), + _c("time-picker", { + ref: "maxTimePicker", + attrs: { + "time-arrow-control": _vm.arrowControl, + visible: _vm.maxTimePickerVisible + }, + on: { + pick: _vm.handleMaxTimePick, + mounted: function($event) { + _vm.$refs.maxTimePicker.format = + _vm.timeFormat + } + } + }) + ], + 1 + ) + ] + ) + ] + ) + : _vm._e(), + _c( + "div", + { + staticClass: + "el-picker-panel__content el-date-range-picker__content is-left" + }, + [ + _c("div", { staticClass: "el-date-range-picker__header" }, [ + _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-d-arrow-left", + attrs: { type: "button" }, + on: { click: _vm.leftPrevYear } + }), + _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-arrow-left", + attrs: { type: "button" }, + on: { click: _vm.leftPrevMonth } + }), + _vm.unlinkPanels + ? _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-d-arrow-right", + class: { "is-disabled": !_vm.enableYearArrow }, + attrs: { + type: "button", + disabled: !_vm.enableYearArrow + }, + on: { click: _vm.leftNextYear } + }) + : _vm._e(), + _vm.unlinkPanels + ? _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-arrow-right", + class: { "is-disabled": !_vm.enableMonthArrow }, + attrs: { + type: "button", + disabled: !_vm.enableMonthArrow + }, + on: { click: _vm.leftNextMonth } + }) + : _vm._e(), + _c("div", [_vm._v(_vm._s(_vm.leftLabel))]) + ]), + _c("date-table", { + attrs: { + "selection-mode": "range", + date: _vm.leftDate, + "default-value": _vm.defaultValue, + "min-date": _vm.minDate, + "max-date": _vm.maxDate, + "range-state": _vm.rangeState, + "disabled-date": _vm.disabledDate, + "cell-class-name": _vm.cellClassName, + "first-day-of-week": _vm.firstDayOfWeek + }, + on: { + changerange: _vm.handleChangeRange, + pick: _vm.handleRangePick + } + }) + ], + 1 + ), + _c( + "div", + { + staticClass: + "el-picker-panel__content el-date-range-picker__content is-right" + }, + [ + _c("div", { staticClass: "el-date-range-picker__header" }, [ + _vm.unlinkPanels + ? _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-d-arrow-left", + class: { "is-disabled": !_vm.enableYearArrow }, + attrs: { + type: "button", + disabled: !_vm.enableYearArrow + }, + on: { click: _vm.rightPrevYear } + }) + : _vm._e(), + _vm.unlinkPanels + ? _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-arrow-left", + class: { "is-disabled": !_vm.enableMonthArrow }, + attrs: { + type: "button", + disabled: !_vm.enableMonthArrow + }, + on: { click: _vm.rightPrevMonth } + }) + : _vm._e(), + _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-d-arrow-right", + attrs: { type: "button" }, + on: { click: _vm.rightNextYear } + }), + _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-arrow-right", + attrs: { type: "button" }, + on: { click: _vm.rightNextMonth } + }), + _c("div", [_vm._v(_vm._s(_vm.rightLabel))]) + ]), + _c("date-table", { + attrs: { + "selection-mode": "range", + date: _vm.rightDate, + "default-value": _vm.defaultValue, + "min-date": _vm.minDate, + "max-date": _vm.maxDate, + "range-state": _vm.rangeState, + "disabled-date": _vm.disabledDate, + "cell-class-name": _vm.cellClassName, + "first-day-of-week": _vm.firstDayOfWeek + }, + on: { + changerange: _vm.handleChangeRange, + pick: _vm.handleRangePick + } + }) + ], + 1 + ) + ]) + ], + 2 + ), + _vm.showTime + ? _c( + "div", + { staticClass: "el-picker-panel__footer" }, + [ + _c( + "el-button", + { + staticClass: "el-picker-panel__link-btn", + attrs: { size: "mini", type: "text" }, + on: { click: _vm.handleClear } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.datepicker.clear")) + + "\n " + ) + ] + ), + _c( + "el-button", + { + staticClass: "el-picker-panel__link-btn", + attrs: { + plain: "", + size: "mini", + disabled: _vm.btnDisabled + }, + on: { + click: function($event) { + _vm.handleConfirm(false) + } + } + }, + [ + _vm._v( + "\n " + + _vm._s(_vm.t("el.datepicker.confirm")) + + "\n " + ) + ] + ) + ], + 1 + ) + : _vm._e() + ] + ) + ] + ) +} +var date_rangevue_type_template_id_2652849a_staticRenderFns = [] +date_rangevue_type_template_id_2652849a_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/panel/date-range.vue?vue&type=template&id=2652849a& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date-range.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + + +var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultValue(defaultValue) { + if (Array.isArray(defaultValue)) { + return [new Date(defaultValue[0]), new Date(defaultValue[1])]; + } else if (defaultValue) { + return [new Date(defaultValue), Object(date_util_["nextDate"])(new Date(defaultValue), 1)]; + } else { + return [new Date(), Object(date_util_["nextDate"])(new Date(), 1)]; + } +}; + +/* harmony default export */ var date_rangevue_type_script_lang_js_ = ({ + mixins: [locale_default.a], + + directives: { Clickoutside: clickoutside_default.a }, + + computed: { + btnDisabled: function btnDisabled() { + return !(this.minDate && this.maxDate && !this.selecting && this.isValidValue([this.minDate, this.maxDate])); + }, + leftLabel: function leftLabel() { + return this.leftDate.getFullYear() + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + (this.leftDate.getMonth() + 1)); + }, + rightLabel: function rightLabel() { + return this.rightDate.getFullYear() + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + (this.rightDate.getMonth() + 1)); + }, + leftYear: function leftYear() { + return this.leftDate.getFullYear(); + }, + leftMonth: function leftMonth() { + return this.leftDate.getMonth(); + }, + leftMonthDate: function leftMonthDate() { + return this.leftDate.getDate(); + }, + rightYear: function rightYear() { + return this.rightDate.getFullYear(); + }, + rightMonth: function rightMonth() { + return this.rightDate.getMonth(); + }, + rightMonthDate: function rightMonthDate() { + return this.rightDate.getDate(); + }, + minVisibleDate: function minVisibleDate() { + if (this.dateUserInput.min !== null) return this.dateUserInput.min; + if (this.minDate) return Object(date_util_["formatDate"])(this.minDate, this.dateFormat); + return ''; + }, + maxVisibleDate: function maxVisibleDate() { + if (this.dateUserInput.max !== null) return this.dateUserInput.max; + if (this.maxDate || this.minDate) return Object(date_util_["formatDate"])(this.maxDate || this.minDate, this.dateFormat); + return ''; + }, + minVisibleTime: function minVisibleTime() { + if (this.timeUserInput.min !== null) return this.timeUserInput.min; + if (this.minDate) return Object(date_util_["formatDate"])(this.minDate, this.timeFormat); + return ''; + }, + maxVisibleTime: function maxVisibleTime() { + if (this.timeUserInput.max !== null) return this.timeUserInput.max; + if (this.maxDate || this.minDate) return Object(date_util_["formatDate"])(this.maxDate || this.minDate, this.timeFormat); + return ''; + }, + timeFormat: function timeFormat() { + if (this.format) { + return Object(date_util_["extractTimeFormat"])(this.format); + } else { + return 'HH:mm:ss'; + } + }, + dateFormat: function dateFormat() { + if (this.format) { + return Object(date_util_["extractDateFormat"])(this.format); + } else { + return 'yyyy-MM-dd'; + } + }, + enableMonthArrow: function enableMonthArrow() { + var nextMonth = (this.leftMonth + 1) % 12; + var yearOffset = this.leftMonth + 1 >= 12 ? 1 : 0; + return this.unlinkPanels && new Date(this.leftYear + yearOffset, nextMonth) < new Date(this.rightYear, this.rightMonth); + }, + enableYearArrow: function enableYearArrow() { + return this.unlinkPanels && this.rightYear * 12 + this.rightMonth - (this.leftYear * 12 + this.leftMonth + 1) >= 12; + } + }, + + data: function data() { + return { + popperClass: '', + value: [], + defaultValue: null, + defaultTime: null, + minDate: '', + maxDate: '', + leftDate: new Date(), + rightDate: Object(date_util_["nextMonth"])(new Date()), + rangeState: { + endDate: null, + selecting: false, + row: null, + column: null + }, + showTime: false, + shortcuts: '', + visible: '', + disabledDate: '', + cellClassName: '', + firstDayOfWeek: 7, + minTimePickerVisible: false, + maxTimePickerVisible: false, + format: '', + arrowControl: false, + unlinkPanels: false, + dateUserInput: { + min: null, + max: null + }, + timeUserInput: { + min: null, + max: null + } + }; + }, + + + watch: { + minDate: function minDate(val) { + var _this = this; + + this.dateUserInput.min = null; + this.timeUserInput.min = null; + this.$nextTick(function () { + if (_this.$refs.maxTimePicker && _this.maxDate && _this.maxDate < _this.minDate) { + var format = 'HH:mm:ss'; + _this.$refs.maxTimePicker.selectableRange = [[Object(date_util_["parseDate"])(Object(date_util_["formatDate"])(_this.minDate, format), format), Object(date_util_["parseDate"])('23:59:59', format)]]; + } + }); + if (val && this.$refs.minTimePicker) { + this.$refs.minTimePicker.date = val; + this.$refs.minTimePicker.value = val; + } + }, + maxDate: function maxDate(val) { + this.dateUserInput.max = null; + this.timeUserInput.max = null; + if (val && this.$refs.maxTimePicker) { + this.$refs.maxTimePicker.date = val; + this.$refs.maxTimePicker.value = val; + } + }, + minTimePickerVisible: function minTimePickerVisible(val) { + var _this2 = this; + + if (val) { + this.$nextTick(function () { + _this2.$refs.minTimePicker.date = _this2.minDate; + _this2.$refs.minTimePicker.value = _this2.minDate; + _this2.$refs.minTimePicker.adjustSpinners(); + }); + } + }, + maxTimePickerVisible: function maxTimePickerVisible(val) { + var _this3 = this; + + if (val) { + this.$nextTick(function () { + _this3.$refs.maxTimePicker.date = _this3.maxDate; + _this3.$refs.maxTimePicker.value = _this3.maxDate; + _this3.$refs.maxTimePicker.adjustSpinners(); + }); + } + }, + value: function value(newVal) { + if (!newVal) { + this.minDate = null; + this.maxDate = null; + } else if (Array.isArray(newVal)) { + this.minDate = Object(date_util_["isDate"])(newVal[0]) ? new Date(newVal[0]) : null; + this.maxDate = Object(date_util_["isDate"])(newVal[1]) ? new Date(newVal[1]) : null; + if (this.minDate) { + this.leftDate = this.minDate; + if (this.unlinkPanels && this.maxDate) { + var minDateYear = this.minDate.getFullYear(); + var minDateMonth = this.minDate.getMonth(); + var maxDateYear = this.maxDate.getFullYear(); + var maxDateMonth = this.maxDate.getMonth(); + this.rightDate = minDateYear === maxDateYear && minDateMonth === maxDateMonth ? Object(date_util_["nextMonth"])(this.maxDate) : this.maxDate; + } else { + this.rightDate = Object(date_util_["nextMonth"])(this.leftDate); + } + } else { + this.leftDate = date_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0]; + this.rightDate = Object(date_util_["nextMonth"])(this.leftDate); + } + } + }, + defaultValue: function defaultValue(val) { + if (!Array.isArray(this.value)) { + var _calcDefaultValue = date_rangevue_type_script_lang_js_calcDefaultValue(val), + left = _calcDefaultValue[0], + right = _calcDefaultValue[1]; + + this.leftDate = left; + this.rightDate = val && val[1] && this.unlinkPanels ? right : Object(date_util_["nextMonth"])(this.leftDate); + } + } + }, + + methods: { + handleClear: function handleClear() { + this.minDate = null; + this.maxDate = null; + this.leftDate = date_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0]; + this.rightDate = Object(date_util_["nextMonth"])(this.leftDate); + this.$emit('pick', null); + }, + handleChangeRange: function handleChangeRange(val) { + this.minDate = val.minDate; + this.maxDate = val.maxDate; + this.rangeState = val.rangeState; + }, + handleDateInput: function handleDateInput(value, type) { + this.dateUserInput[type] = value; + if (value.length !== this.dateFormat.length) return; + var parsedValue = Object(date_util_["parseDate"])(value, this.dateFormat); + + if (parsedValue) { + if (typeof this.disabledDate === 'function' && this.disabledDate(new Date(parsedValue))) { + return; + } + if (type === 'min') { + this.minDate = Object(date_util_["modifyDate"])(this.minDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate()); + this.leftDate = new Date(parsedValue); + if (!this.unlinkPanels) { + this.rightDate = Object(date_util_["nextMonth"])(this.leftDate); + } + } else { + this.maxDate = Object(date_util_["modifyDate"])(this.maxDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate()); + this.rightDate = new Date(parsedValue); + if (!this.unlinkPanels) { + this.leftDate = Object(date_util_["prevMonth"])(parsedValue); + } + } + } + }, + handleDateChange: function handleDateChange(value, type) { + var parsedValue = Object(date_util_["parseDate"])(value, this.dateFormat); + if (parsedValue) { + if (type === 'min') { + this.minDate = Object(date_util_["modifyDate"])(this.minDate, parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate()); + if (this.minDate > this.maxDate) { + this.maxDate = this.minDate; + } + } else { + this.maxDate = Object(date_util_["modifyDate"])(this.maxDate, parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate()); + if (this.maxDate < this.minDate) { + this.minDate = this.maxDate; + } + } + } + }, + handleTimeInput: function handleTimeInput(value, type) { + var _this4 = this; + + this.timeUserInput[type] = value; + if (value.length !== this.timeFormat.length) return; + var parsedValue = Object(date_util_["parseDate"])(value, this.timeFormat); + + if (parsedValue) { + if (type === 'min') { + this.minDate = Object(date_util_["modifyTime"])(this.minDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds()); + this.$nextTick(function (_) { + return _this4.$refs.minTimePicker.adjustSpinners(); + }); + } else { + this.maxDate = Object(date_util_["modifyTime"])(this.maxDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds()); + this.$nextTick(function (_) { + return _this4.$refs.maxTimePicker.adjustSpinners(); + }); + } + } + }, + handleTimeChange: function handleTimeChange(value, type) { + var parsedValue = Object(date_util_["parseDate"])(value, this.timeFormat); + if (parsedValue) { + if (type === 'min') { + this.minDate = Object(date_util_["modifyTime"])(this.minDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds()); + if (this.minDate > this.maxDate) { + this.maxDate = this.minDate; + } + this.$refs.minTimePicker.value = this.minDate; + this.minTimePickerVisible = false; + } else { + this.maxDate = Object(date_util_["modifyTime"])(this.maxDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds()); + if (this.maxDate < this.minDate) { + this.minDate = this.maxDate; + } + this.$refs.maxTimePicker.value = this.minDate; + this.maxTimePickerVisible = false; + } + } + }, + handleRangePick: function handleRangePick(val) { + var _this5 = this; + + var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; + + var defaultTime = this.defaultTime || []; + var minDate = Object(date_util_["modifyWithTimeString"])(val.minDate, defaultTime[0]); + var maxDate = Object(date_util_["modifyWithTimeString"])(val.maxDate, defaultTime[1]); + + if (this.maxDate === maxDate && this.minDate === minDate) { + return; + } + this.onPick && this.onPick(val); + this.maxDate = maxDate; + this.minDate = minDate; + + // workaround for https://github.com/ElemeFE/element/issues/7539, should remove this block when we don't have to care about Chromium 55 - 57 + setTimeout(function () { + _this5.maxDate = maxDate; + _this5.minDate = minDate; + }, 10); + if (!close || this.showTime) return; + this.handleConfirm(); + }, + handleShortcutClick: function handleShortcutClick(shortcut) { + if (shortcut.onClick) { + shortcut.onClick(this); + } + }, + handleMinTimePick: function handleMinTimePick(value, visible, first) { + this.minDate = this.minDate || new Date(); + if (value) { + this.minDate = Object(date_util_["modifyTime"])(this.minDate, value.getHours(), value.getMinutes(), value.getSeconds()); + } + + if (!first) { + this.minTimePickerVisible = visible; + } + + if (!this.maxDate || this.maxDate && this.maxDate.getTime() < this.minDate.getTime()) { + this.maxDate = new Date(this.minDate); + } + }, + handleMinTimeClose: function handleMinTimeClose() { + this.minTimePickerVisible = false; + }, + handleMaxTimePick: function handleMaxTimePick(value, visible, first) { + if (this.maxDate && value) { + this.maxDate = Object(date_util_["modifyTime"])(this.maxDate, value.getHours(), value.getMinutes(), value.getSeconds()); + } + + if (!first) { + this.maxTimePickerVisible = visible; + } + + if (this.maxDate && this.minDate && this.minDate.getTime() > this.maxDate.getTime()) { + this.minDate = new Date(this.maxDate); + } + }, + handleMaxTimeClose: function handleMaxTimeClose() { + this.maxTimePickerVisible = false; + }, + + + // leftPrev*, rightNext* need to take care of `unlinkPanels` + leftPrevYear: function leftPrevYear() { + this.leftDate = Object(date_util_["prevYear"])(this.leftDate); + if (!this.unlinkPanels) { + this.rightDate = Object(date_util_["nextMonth"])(this.leftDate); + } + }, + leftPrevMonth: function leftPrevMonth() { + this.leftDate = Object(date_util_["prevMonth"])(this.leftDate); + if (!this.unlinkPanels) { + this.rightDate = Object(date_util_["nextMonth"])(this.leftDate); + } + }, + rightNextYear: function rightNextYear() { + if (!this.unlinkPanels) { + this.leftDate = Object(date_util_["nextYear"])(this.leftDate); + this.rightDate = Object(date_util_["nextMonth"])(this.leftDate); + } else { + this.rightDate = Object(date_util_["nextYear"])(this.rightDate); + } + }, + rightNextMonth: function rightNextMonth() { + if (!this.unlinkPanels) { + this.leftDate = Object(date_util_["nextMonth"])(this.leftDate); + this.rightDate = Object(date_util_["nextMonth"])(this.leftDate); + } else { + this.rightDate = Object(date_util_["nextMonth"])(this.rightDate); + } + }, + + + // leftNext*, rightPrev* are called when `unlinkPanels` is true + leftNextYear: function leftNextYear() { + this.leftDate = Object(date_util_["nextYear"])(this.leftDate); + }, + leftNextMonth: function leftNextMonth() { + this.leftDate = Object(date_util_["nextMonth"])(this.leftDate); + }, + rightPrevYear: function rightPrevYear() { + this.rightDate = Object(date_util_["prevYear"])(this.rightDate); + }, + rightPrevMonth: function rightPrevMonth() { + this.rightDate = Object(date_util_["prevMonth"])(this.rightDate); + }, + handleConfirm: function handleConfirm() { + var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + + if (this.isValidValue([this.minDate, this.maxDate])) { + this.$emit('pick', [this.minDate, this.maxDate], visible); + } + }, + isValidValue: function isValidValue(value) { + return Array.isArray(value) && value && value[0] && value[1] && Object(date_util_["isDate"])(value[0]) && Object(date_util_["isDate"])(value[1]) && value[0].getTime() <= value[1].getTime() && (typeof this.disabledDate === 'function' ? !this.disabledDate(value[0]) && !this.disabledDate(value[1]) : true); + }, + resetView: function resetView() { + // NOTE: this is a hack to reset {min, max}Date on picker open. + // TODO: correct way of doing so is to refactor {min, max}Date to be dependent on value and internal selection state + // an alternative would be resetView whenever picker becomes visible, should also investigate date-panel's resetView + if (this.minDate && this.maxDate == null) this.rangeState.selecting = false; + this.minDate = this.value && Object(date_util_["isDate"])(this.value[0]) ? new Date(this.value[0]) : null; + this.maxDate = this.value && Object(date_util_["isDate"])(this.value[0]) ? new Date(this.value[1]) : null; + } + }, + + components: { TimePicker: panel_time["a" /* default */], DateTable: date_table, ElInput: input_default.a, ElButton: button_default.a } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/panel/date-range.vue?vue&type=script&lang=js& + /* harmony default export */ var panel_date_rangevue_type_script_lang_js_ = (date_rangevue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/date-picker/src/panel/date-range.vue + + + + + +/* normalize component */ + +var date_range_component = Object(componentNormalizer["a" /* default */])( + panel_date_rangevue_type_script_lang_js_, + date_rangevue_type_template_id_2652849a_render, + date_rangevue_type_template_id_2652849a_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var date_range_api; } +date_range_component.options.__file = "packages/date-picker/src/panel/date-range.vue" +/* harmony default export */ var date_range = (date_range_component.exports); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/month-range.vue?vue&type=template&id=f2645fb8& +var month_rangevue_type_template_id_f2645fb8_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": function($event) { + _vm.$emit("dodestroy") + } + } + }, + [ + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.visible, + expression: "visible" + } + ], + staticClass: "el-picker-panel el-date-range-picker el-popper", + class: [ + { + "has-sidebar": _vm.$slots.sidebar || _vm.shortcuts + }, + _vm.popperClass + ] + }, + [ + _c( + "div", + { staticClass: "el-picker-panel__body-wrapper" }, + [ + _vm._t("sidebar"), + _vm.shortcuts + ? _c( + "div", + { staticClass: "el-picker-panel__sidebar" }, + _vm._l(_vm.shortcuts, function(shortcut, key) { + return _c( + "button", + { + key: key, + staticClass: "el-picker-panel__shortcut", + attrs: { type: "button" }, + on: { + click: function($event) { + _vm.handleShortcutClick(shortcut) + } + } + }, + [_vm._v(_vm._s(shortcut.text))] + ) + }), + 0 + ) + : _vm._e(), + _c("div", { staticClass: "el-picker-panel__body" }, [ + _c( + "div", + { + staticClass: + "el-picker-panel__content el-date-range-picker__content is-left" + }, + [ + _c("div", { staticClass: "el-date-range-picker__header" }, [ + _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-d-arrow-left", + attrs: { type: "button" }, + on: { click: _vm.leftPrevYear } + }), + _vm.unlinkPanels + ? _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-d-arrow-right", + class: { "is-disabled": !_vm.enableYearArrow }, + attrs: { + type: "button", + disabled: !_vm.enableYearArrow + }, + on: { click: _vm.leftNextYear } + }) + : _vm._e(), + _c("div", [_vm._v(_vm._s(_vm.leftLabel))]) + ]), + _c("month-table", { + attrs: { + "selection-mode": "range", + date: _vm.leftDate, + "default-value": _vm.defaultValue, + "min-date": _vm.minDate, + "max-date": _vm.maxDate, + "range-state": _vm.rangeState, + "disabled-date": _vm.disabledDate + }, + on: { + changerange: _vm.handleChangeRange, + pick: _vm.handleRangePick + } + }) + ], + 1 + ), + _c( + "div", + { + staticClass: + "el-picker-panel__content el-date-range-picker__content is-right" + }, + [ + _c("div", { staticClass: "el-date-range-picker__header" }, [ + _vm.unlinkPanels + ? _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-d-arrow-left", + class: { "is-disabled": !_vm.enableYearArrow }, + attrs: { + type: "button", + disabled: !_vm.enableYearArrow + }, + on: { click: _vm.rightPrevYear } + }) + : _vm._e(), + _c("button", { + staticClass: + "el-picker-panel__icon-btn el-icon-d-arrow-right", + attrs: { type: "button" }, + on: { click: _vm.rightNextYear } + }), + _c("div", [_vm._v(_vm._s(_vm.rightLabel))]) + ]), + _c("month-table", { + attrs: { + "selection-mode": "range", + date: _vm.rightDate, + "default-value": _vm.defaultValue, + "min-date": _vm.minDate, + "max-date": _vm.maxDate, + "range-state": _vm.rangeState, + "disabled-date": _vm.disabledDate + }, + on: { + changerange: _vm.handleChangeRange, + pick: _vm.handleRangePick + } + }) + ], + 1 + ) + ]) + ], + 2 + ) + ] + ) + ] + ) +} +var month_rangevue_type_template_id_f2645fb8_staticRenderFns = [] +month_rangevue_type_template_id_f2645fb8_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/date-picker/src/panel/month-range.vue?vue&type=template&id=f2645fb8& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/month-range.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + +var month_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultValue(defaultValue) { + if (Array.isArray(defaultValue)) { + return [new Date(defaultValue[0]), new Date(defaultValue[1])]; + } else if (defaultValue) { + return [new Date(defaultValue), Object(date_util_["nextMonth"])(new Date(defaultValue))]; + } else { + return [new Date(), Object(date_util_["nextMonth"])(new Date())]; + } +}; +/* harmony default export */ var month_rangevue_type_script_lang_js_ = ({ + mixins: [locale_default.a], + + directives: { Clickoutside: clickoutside_default.a }, + + computed: { + btnDisabled: function btnDisabled() { + return !(this.minDate && this.maxDate && !this.selecting && this.isValidValue([this.minDate, this.maxDate])); + }, + leftLabel: function leftLabel() { + return this.leftDate.getFullYear() + ' ' + this.t('el.datepicker.year'); + }, + rightLabel: function rightLabel() { + return this.rightDate.getFullYear() + ' ' + this.t('el.datepicker.year'); + }, + leftYear: function leftYear() { + return this.leftDate.getFullYear(); + }, + rightYear: function rightYear() { + return this.rightDate.getFullYear() === this.leftDate.getFullYear() ? this.leftDate.getFullYear() + 1 : this.rightDate.getFullYear(); + }, + enableYearArrow: function enableYearArrow() { + return this.unlinkPanels && this.rightYear > this.leftYear + 1; + } + }, + + data: function data() { + return { + popperClass: '', + value: [], + defaultValue: null, + defaultTime: null, + minDate: '', + maxDate: '', + leftDate: new Date(), + rightDate: Object(date_util_["nextYear"])(new Date()), + rangeState: { + endDate: null, + selecting: false, + row: null, + column: null + }, + shortcuts: '', + visible: '', + disabledDate: '', + format: '', + arrowControl: false, + unlinkPanels: false + }; + }, + + + watch: { + value: function value(newVal) { + if (!newVal) { + this.minDate = null; + this.maxDate = null; + } else if (Array.isArray(newVal)) { + this.minDate = Object(date_util_["isDate"])(newVal[0]) ? new Date(newVal[0]) : null; + this.maxDate = Object(date_util_["isDate"])(newVal[1]) ? new Date(newVal[1]) : null; + if (this.minDate) { + this.leftDate = this.minDate; + if (this.unlinkPanels && this.maxDate) { + var minDateYear = this.minDate.getFullYear(); + var maxDateYear = this.maxDate.getFullYear(); + this.rightDate = minDateYear === maxDateYear ? Object(date_util_["nextYear"])(this.maxDate) : this.maxDate; + } else { + this.rightDate = Object(date_util_["nextYear"])(this.leftDate); + } + } else { + this.leftDate = month_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0]; + this.rightDate = Object(date_util_["nextYear"])(this.leftDate); + } + } + }, + defaultValue: function defaultValue(val) { + if (!Array.isArray(this.value)) { + var _calcDefaultValue = month_rangevue_type_script_lang_js_calcDefaultValue(val), + left = _calcDefaultValue[0], + right = _calcDefaultValue[1]; + + this.leftDate = left; + this.rightDate = val && val[1] && left.getFullYear() !== right.getFullYear() && this.unlinkPanels ? right : Object(date_util_["nextYear"])(this.leftDate); + } + } + }, + + methods: { + handleClear: function handleClear() { + this.minDate = null; + this.maxDate = null; + this.leftDate = month_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0]; + this.rightDate = Object(date_util_["nextYear"])(this.leftDate); + this.$emit('pick', null); + }, + handleChangeRange: function handleChangeRange(val) { + this.minDate = val.minDate; + this.maxDate = val.maxDate; + this.rangeState = val.rangeState; + }, + handleRangePick: function handleRangePick(val) { + var _this = this; + + var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; + + var defaultTime = this.defaultTime || []; + var minDate = Object(date_util_["modifyWithTimeString"])(val.minDate, defaultTime[0]); + var maxDate = Object(date_util_["modifyWithTimeString"])(val.maxDate, defaultTime[1]); + if (this.maxDate === maxDate && this.minDate === minDate) { + return; + } + this.onPick && this.onPick(val); + this.maxDate = maxDate; + this.minDate = minDate; + + // workaround for https://github.com/ElemeFE/element/issues/7539, should remove this block when we don't have to care about Chromium 55 - 57 + setTimeout(function () { + _this.maxDate = maxDate; + _this.minDate = minDate; + }, 10); + if (!close) return; + this.handleConfirm(); + }, + handleShortcutClick: function handleShortcutClick(shortcut) { + if (shortcut.onClick) { + shortcut.onClick(this); + } + }, + + + // leftPrev*, rightNext* need to take care of `unlinkPanels` + leftPrevYear: function leftPrevYear() { + this.leftDate = Object(date_util_["prevYear"])(this.leftDate); + if (!this.unlinkPanels) { + this.rightDate = Object(date_util_["prevYear"])(this.rightDate); + } + }, + rightNextYear: function rightNextYear() { + if (!this.unlinkPanels) { + this.leftDate = Object(date_util_["nextYear"])(this.leftDate); + } + this.rightDate = Object(date_util_["nextYear"])(this.rightDate); + }, + + + // leftNext*, rightPrev* are called when `unlinkPanels` is true + leftNextYear: function leftNextYear() { + this.leftDate = Object(date_util_["nextYear"])(this.leftDate); + }, + rightPrevYear: function rightPrevYear() { + this.rightDate = Object(date_util_["prevYear"])(this.rightDate); + }, + handleConfirm: function handleConfirm() { + var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + + if (this.isValidValue([this.minDate, this.maxDate])) { + this.$emit('pick', [this.minDate, this.maxDate], visible); + } + }, + isValidValue: function isValidValue(value) { + return Array.isArray(value) && value && value[0] && value[1] && Object(date_util_["isDate"])(value[0]) && Object(date_util_["isDate"])(value[1]) && value[0].getTime() <= value[1].getTime() && (typeof this.disabledDate === 'function' ? !this.disabledDate(value[0]) && !this.disabledDate(value[1]) : true); + }, + resetView: function resetView() { + // NOTE: this is a hack to reset {min, max}Date on picker open. + // TODO: correct way of doing so is to refactor {min, max}Date to be dependent on value and internal selection state + // an alternative would be resetView whenever picker becomes visible, should also investigate date-panel's resetView + this.minDate = this.value && Object(date_util_["isDate"])(this.value[0]) ? new Date(this.value[0]) : null; + this.maxDate = this.value && Object(date_util_["isDate"])(this.value[0]) ? new Date(this.value[1]) : null; + } + }, + + components: { MonthTable: month_table, ElInput: input_default.a, ElButton: button_default.a } +}); +// CONCATENATED MODULE: ./packages/date-picker/src/panel/month-range.vue?vue&type=script&lang=js& + /* harmony default export */ var panel_month_rangevue_type_script_lang_js_ = (month_rangevue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/date-picker/src/panel/month-range.vue + + + + + +/* normalize component */ + +var month_range_component = Object(componentNormalizer["a" /* default */])( + panel_month_rangevue_type_script_lang_js_, + month_rangevue_type_template_id_f2645fb8_render, + month_rangevue_type_template_id_f2645fb8_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var month_range_api; } +month_range_component.options.__file = "packages/date-picker/src/panel/month-range.vue" +/* harmony default export */ var month_range = (month_range_component.exports); +// CONCATENATED MODULE: ./packages/date-picker/src/picker/date-picker.js + + + + + +var date_picker_getPanel = function getPanel(type) { + if (type === 'daterange' || type === 'datetimerange') { + return date_range; + } else if (type === 'monthrange') { + return month_range; + } + return panel_date; +}; + +/* harmony default export */ var date_picker = ({ + mixins: [picker["a" /* default */]], + + name: 'ElDatePicker', + + props: { + type: { + type: String, + default: 'date' + }, + timeArrowControl: Boolean + }, + + watch: { + type: function type(_type) { + if (this.picker) { + this.unmountPicker(); + this.panel = date_picker_getPanel(_type); + this.mountPicker(); + } else { + this.panel = date_picker_getPanel(_type); + } + } + }, + + created: function created() { + this.panel = date_picker_getPanel(this.type); + } +}); +// CONCATENATED MODULE: ./packages/date-picker/index.js + + +/* istanbul ignore next */ +date_picker.install = function install(Vue) { + Vue.component(date_picker.name, date_picker); +}; + +/* harmony default export */ var packages_date_picker = __webpack_exports__["default"] = (date_picker); + +/***/ }) +/******/ ]); \ No newline at end of file diff --git a/lib/dialog.js b/lib/dialog.js new file mode 100644 index 00000000000..8a0478fb043 --- /dev/null +++ b/lib/dialog.js @@ -0,0 +1,597 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 89); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 11: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/migrating"); + +/***/ }), + +/***/ 15: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/popup"); + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 89: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dialog/src/component.vue?vue&type=template&id=60140e62& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "transition", + { + attrs: { name: "dialog-fade" }, + on: { "after-enter": _vm.afterEnter, "after-leave": _vm.afterLeave } + }, + [ + _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 null + } + return _vm.handleWrapperClick($event) + } + } + }, + [ + _c( + "div", + { + key: _vm.key, + ref: "dialog", + class: [ + "el-dialog", + { + "is-fullscreen": _vm.fullscreen, + "el-dialog--center": _vm.center + }, + _vm.customClass + ], + style: _vm.style, + attrs: { + role: "dialog", + "aria-modal": "true", + "aria-label": _vm.title || "dialog" + } + }, + [ + _c( + "div", + { staticClass: "el-dialog__header" }, + [ + _vm._t("title", [ + _c("span", { staticClass: "el-dialog__title" }, [ + _vm._v(_vm._s(_vm.title)) + ]) + ]), + _vm.showClose + ? _c( + "button", + { + staticClass: "el-dialog__headerbtn", + attrs: { type: "button", "aria-label": "Close" }, + on: { click: _vm.handleClose } + }, + [ + _c("i", { + staticClass: + "el-dialog__close el-icon el-icon-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() + ] + ) + ] + ) + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/dialog/src/component.vue?vue&type=template&id=60140e62& + +// EXTERNAL MODULE: external "element-ui/lib/utils/popup" +var popup_ = __webpack_require__(15); +var popup_default = /*#__PURE__*/__webpack_require__.n(popup_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating" +var migrating_ = __webpack_require__(11); +var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dialog/src/component.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var componentvue_type_script_lang_js_ = ({ + name: 'ElDialog', + + mixins: [popup_default.a, emitter_default.a, migrating_default.a], + + props: { + title: { + type: String, + default: '' + }, + + modal: { + type: Boolean, + default: true + }, + + modalAppendToBody: { + type: Boolean, + default: true + }, + + appendToBody: { + type: Boolean, + default: false + }, + + lockScroll: { + type: Boolean, + default: true + }, + + closeOnClickModal: { + type: Boolean, + default: true + }, + + closeOnPressEscape: { + type: Boolean, + default: true + }, + + showClose: { + type: Boolean, + default: true + }, + + width: String, + + fullscreen: Boolean, + + customClass: { + type: String, + default: '' + }, + + top: { + type: String, + default: '15vh' + }, + beforeClose: Function, + center: { + type: Boolean, + default: false + }, + + destroyOnClose: Boolean + }, + + data: function data() { + return { + closed: false, + key: 0 + }; + }, + + + watch: { + visible: function visible(val) { + var _this = this; + + if (val) { + this.closed = false; + this.$emit('open'); + this.$el.addEventListener('scroll', this.updatePopper); + this.$nextTick(function () { + _this.$refs.dialog.scrollTop = 0; + }); + if (this.appendToBody) { + document.body.appendChild(this.$el); + } + } else { + this.$el.removeEventListener('scroll', this.updatePopper); + if (!this.closed) this.$emit('close'); + if (this.destroyOnClose) { + this.$nextTick(function () { + _this.key++; + }); + } + } + } + }, + + computed: { + style: function style() { + var style = {}; + if (!this.fullscreen) { + style.marginTop = this.top; + if (this.width) { + style.width = this.width; + } + } + return style; + } + }, + + methods: { + getMigratingConfig: function getMigratingConfig() { + return { + props: { + 'size': 'size is removed.' + } + }; + }, + handleWrapperClick: function handleWrapperClick() { + if (!this.closeOnClickModal) return; + this.handleClose(); + }, + handleClose: function handleClose() { + if (typeof this.beforeClose === 'function') { + this.beforeClose(this.hide); + } else { + this.hide(); + } + }, + hide: function hide(cancel) { + if (cancel !== false) { + this.$emit('update:visible', false); + this.$emit('close'); + this.closed = true; + } + }, + updatePopper: function updatePopper() { + this.broadcast('ElSelectDropdown', 'updatePopper'); + this.broadcast('ElDropdownMenu', 'updatePopper'); + }, + afterEnter: function afterEnter() { + this.$emit('opened'); + }, + afterLeave: function afterLeave() { + this.$emit('closed'); + } + }, + + mounted: function mounted() { + if (this.visible) { + this.rendered = true; + this.open(); + if (this.appendToBody) { + document.body.appendChild(this.$el); + } + } + }, + destroyed: function destroyed() { + // if appendToBody is true, remove DOM node after destroy + if (this.appendToBody && this.$el && this.$el.parentNode) { + this.$el.parentNode.removeChild(this.$el); + } + } +}); +// CONCATENATED MODULE: ./packages/dialog/src/component.vue?vue&type=script&lang=js& + /* harmony default export */ var src_componentvue_type_script_lang_js_ = (componentvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/dialog/src/component.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_componentvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/dialog/src/component.vue" +/* harmony default export */ var src_component = (component.exports); +// CONCATENATED MODULE: ./packages/dialog/index.js + + +/* istanbul ignore next */ +src_component.install = function (Vue) { + Vue.component(src_component.name, src_component); +}; + +/* harmony default export */ var dialog = __webpack_exports__["default"] = (src_component); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/directives/mousewheel.js b/lib/directives/mousewheel.js new file mode 100644 index 00000000000..3a2fa1a0215 --- /dev/null +++ b/lib/directives/mousewheel.js @@ -0,0 +1,26 @@ +'use strict'; + +exports.__esModule = true; + +var _normalizeWheel = require('normalize-wheel'); + +var _normalizeWheel2 = _interopRequireDefault(_normalizeWheel); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1; + +var mousewheel = function mousewheel(element, callback) { + if (element && element.addEventListener) { + element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (event) { + var normalized = (0, _normalizeWheel2.default)(event); + callback && callback.apply(this, [event, normalized]); + }); + } +}; + +exports.default = { + bind: function bind(el, binding) { + mousewheel(el, binding.value); + } +}; \ No newline at end of file diff --git a/lib/directives/repeat-click.js b/lib/directives/repeat-click.js new file mode 100644 index 00000000000..a8e7280413b --- /dev/null +++ b/lib/directives/repeat-click.js @@ -0,0 +1,30 @@ +'use strict'; + +exports.__esModule = true; + +var _dom = require('element-ui/lib/utils/dom'); + +exports.default = { + bind: function bind(el, binding, vnode) { + var interval = null; + var startTime = void 0; + var handler = function handler() { + return vnode.context[binding.expression].apply(); + }; + var clear = function clear() { + if (Date.now() - startTime < 100) { + handler(); + } + clearInterval(interval); + interval = null; + }; + + (0, _dom.on)(el, 'mousedown', function (e) { + if (e.button !== 0) return; + startTime = Date.now(); + (0, _dom.once)(document, 'mouseup', clear); + clearInterval(interval); + interval = setInterval(handler, 100); + }); + } +}; \ No newline at end of file diff --git a/lib/divider.js b/lib/divider.js new file mode 100644 index 00000000000..fdffd22cc56 --- /dev/null +++ b/lib/divider.js @@ -0,0 +1,312 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 118); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 118: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/divider/src/main.vue?vue&type=template&id=7fa02a7e&functional=true& +var render = function(_h, _vm) { + var _c = _vm._c + return _c( + "div", + _vm._g( + _vm._b( + { + class: [ + _vm.data.staticClass, + "el-divider", + "el-divider--" + _vm.props.direction + ] + }, + "div", + _vm.data.attrs, + false + ), + _vm.listeners + ), + [ + _vm.slots().default && _vm.props.direction !== "vertical" + ? _c( + "div", + { class: ["el-divider__text", "is-" + _vm.props.contentPosition] }, + [_vm._t("default")], + 2 + ) + : _vm._e() + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/divider/src/main.vue?vue&type=template&id=7fa02a7e&functional=true& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/divider/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElDivider', + props: { + direction: { + type: String, + default: 'horizontal', + validator: function validator(val) { + return ['horizontal', 'vertical'].indexOf(val) !== -1; + } + }, + contentPosition: { + type: String, + default: 'center', + validator: function validator(val) { + return ['left', 'center', 'right'].indexOf(val) !== -1; + } + } + } +}); +// CONCATENATED MODULE: ./packages/divider/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/divider/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + true, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/divider/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/divider/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var divider = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/drawer.js b/lib/drawer.js new file mode 100644 index 00000000000..827e7aa3f76 --- /dev/null +++ b/lib/drawer.js @@ -0,0 +1,601 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 96); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 15: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/popup"); + +/***/ }), + +/***/ 32: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/aria-utils"); + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 96: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/drawer/src/main.vue?vue&type=template&id=a4885264& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "transition", + { + attrs: { name: "el-drawer-fade" }, + on: { "after-enter": _vm.afterEnter, "after-leave": _vm.afterLeave } + }, + [ + _c( + "div", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.visible, + expression: "visible" + } + ], + staticClass: "el-drawer__wrapper", + attrs: { tabindex: "-1" } + }, + [ + _c( + "div", + { + staticClass: "el-drawer__container", + class: _vm.visible && "el-drawer__open", + attrs: { role: "document", tabindex: "-1" }, + on: { + click: function($event) { + if ($event.target !== $event.currentTarget) { + return null + } + return _vm.handleWrapperClick($event) + } + } + }, + [ + _c( + "div", + { + ref: "drawer", + staticClass: "el-drawer", + class: [_vm.direction, _vm.customClass], + style: _vm.isHorizontal + ? "width: " + _vm.size + : "height: " + _vm.size, + attrs: { + "aria-modal": "true", + "aria-labelledby": "el-drawer__title", + "aria-label": _vm.title, + role: "dialog", + tabindex: "-1" + } + }, + [ + _vm.withHeader + ? _c( + "header", + { + staticClass: "el-drawer__header", + attrs: { id: "el-drawer__title" } + }, + [ + _vm._t("title", [ + _c( + "span", + { + attrs: { + role: "heading", + tabindex: "0", + title: _vm.title + } + }, + [_vm._v(_vm._s(_vm.title))] + ) + ]), + _vm.showClose + ? _c( + "button", + { + staticClass: "el-drawer__close-btn", + attrs: { + "aria-label": + "close " + (_vm.title || "drawer"), + type: "button" + }, + on: { click: _vm.closeDrawer } + }, + [ + _c("i", { + staticClass: + "el-dialog__close el-icon el-icon-close" + }) + ] + ) + : _vm._e() + ], + 2 + ) + : _vm._e(), + _vm.rendered + ? _c( + "section", + { staticClass: "el-drawer__body" }, + [_vm._t("default")], + 2 + ) + : _vm._e() + ] + ) + ] + ) + ] + ) + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/drawer/src/main.vue?vue&type=template&id=a4885264& + +// EXTERNAL MODULE: external "element-ui/lib/utils/popup" +var popup_ = __webpack_require__(15); +var popup_default = /*#__PURE__*/__webpack_require__.n(popup_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/aria-utils" +var aria_utils_ = __webpack_require__(32); +var aria_utils_default = /*#__PURE__*/__webpack_require__.n(aria_utils_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/drawer/src/main.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var mainvue_type_script_lang_js_ = ({ + name: 'ElDrawer', + mixins: [popup_default.a, emitter_default.a], + props: { + appendToBody: { + type: Boolean, + default: false + }, + beforeClose: { + type: Function + }, + customClass: { + type: String, + default: '' + }, + closeOnPressEscape: { + type: Boolean, + default: true + }, + destroyOnClose: { + type: Boolean, + default: false + }, + modal: { + type: Boolean, + default: true + }, + direction: { + type: String, + default: 'rtl', + validator: function validator(val) { + return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1; + } + }, + modalAppendToBody: { + type: Boolean, + default: true + }, + showClose: { + type: Boolean, + default: true + }, + size: { + type: String, + default: '30%' + }, + title: { + type: String, + default: '' + }, + visible: { + type: Boolean + }, + wrapperClosable: { + type: Boolean, + default: true + }, + withHeader: { + type: Boolean, + default: true + } + }, + computed: { + isHorizontal: function isHorizontal() { + return this.direction === 'rtl' || this.direction === 'ltr'; + } + }, + data: function data() { + return { + closed: false, + prevActiveElement: null + }; + }, + + watch: { + visible: function visible(val) { + var _this = this; + + if (val) { + this.closed = false; + this.$emit('open'); + if (this.appendToBody) { + document.body.appendChild(this.$el); + } + this.prevActiveElement = document.activeElement; + this.$nextTick(function () { + aria_utils_default.a.focusFirstDescendant(_this.$refs.drawer); + }); + } else { + if (!this.closed) this.$emit('close'); + this.$nextTick(function () { + if (_this.prevActiveElement) { + _this.prevActiveElement.focus(); + } + }); + } + } + }, + methods: { + afterEnter: function afterEnter() { + this.$emit('opened'); + }, + afterLeave: function afterLeave() { + this.$emit('closed'); + }, + hide: function hide(cancel) { + if (cancel !== false) { + this.$emit('update:visible', false); + this.$emit('close'); + if (this.destroyOnClose === true) { + this.rendered = false; + } + this.closed = true; + } + }, + handleWrapperClick: function handleWrapperClick() { + if (this.wrapperClosable) { + this.closeDrawer(); + } + }, + closeDrawer: function closeDrawer() { + if (typeof this.beforeClose === 'function') { + this.beforeClose(this.hide); + } else { + this.hide(); + } + }, + handleClose: function handleClose() { + // This method here will be called by PopupManger, when the `closeOnPressEscape` was set to true + // pressing `ESC` will call this method, and also close the drawer. + // This method also calls `beforeClose` if there was one. + this.closeDrawer(); + } + }, + mounted: function mounted() { + if (this.visible) { + this.rendered = true; + this.open(); + } + }, + destroyed: function destroyed() { + // if appendToBody is true, remove DOM node after destroy + if (this.appendToBody && this.$el && this.$el.parentNode) { + this.$el.parentNode.removeChild(this.$el); + } + } +}); +// CONCATENATED MODULE: ./packages/drawer/src/main.vue?vue&type=script&lang=js& + /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/drawer/src/main.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_mainvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/drawer/src/main.vue" +/* harmony default export */ var main = (component.exports); +// CONCATENATED MODULE: ./packages/drawer/index.js + + +/* istanbul ignore next */ +main.install = function (Vue) { + Vue.component(main.name, main); +}; + +/* harmony default export */ var drawer = __webpack_exports__["default"] = (main); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/dropdown-item.js b/lib/dropdown-item.js new file mode 100644 index 00000000000..cf2047b2cb6 --- /dev/null +++ b/lib/dropdown-item.js @@ -0,0 +1,315 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 87); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), + +/***/ 87: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-item.vue?vue&type=template&id=6359102a& +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "li", + { + staticClass: "el-dropdown-menu__item", + class: { + "is-disabled": _vm.disabled, + "el-dropdown-menu__item--divided": _vm.divided + }, + attrs: { + "aria-disabled": _vm.disabled, + tabindex: _vm.disabled ? null : -1 + }, + on: { click: _vm.handleClick } + }, + [_vm.icon ? _c("i", { class: _vm.icon }) : _vm._e(), _vm._t("default")], + 2 + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue?vue&type=template&id=6359102a& + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-item.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +/* harmony default export */ var dropdown_itemvue_type_script_lang_js_ = ({ + name: 'ElDropdownItem', + + mixins: [emitter_default.a], + + props: { + command: {}, + disabled: Boolean, + divided: Boolean, + icon: String + }, + + methods: { + handleClick: function handleClick(e) { + this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]); + } + } +}); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue?vue&type=script&lang=js& + /* harmony default export */ var src_dropdown_itemvue_type_script_lang_js_ = (dropdown_itemvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_dropdown_itemvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/dropdown/src/dropdown-item.vue" +/* harmony default export */ var dropdown_item = (component.exports); +// CONCATENATED MODULE: ./packages/dropdown-item/index.js + + +/* istanbul ignore next */ +dropdown_item.install = function (Vue) { + Vue.component(dropdown_item.name, dropdown_item); +}; + +/* harmony default export */ var packages_dropdown_item = __webpack_exports__["default"] = (dropdown_item); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/dropdown-menu.js b/lib/dropdown-menu.js new file mode 100644 index 00000000000..a0f024426b8 --- /dev/null +++ b/lib/dropdown-menu.js @@ -0,0 +1,350 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 82); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 5: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/vue-popper"); + +/***/ }), + +/***/ 82: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-menu.vue?vue&type=template&id=0da6b714& +var 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( + "ul", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.showPopper, + expression: "showPopper" + } + ], + staticClass: "el-dropdown-menu el-popper", + class: [_vm.size && "el-dropdown-menu--" + _vm.size] + }, + [_vm._t("default")], + 2 + ) + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue?vue&type=template&id=0da6b714& + +// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper" +var vue_popper_ = __webpack_require__(5); +var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-menu.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// + + + +/* harmony default export */ var dropdown_menuvue_type_script_lang_js_ = ({ + name: 'ElDropdownMenu', + + componentName: 'ElDropdownMenu', + + mixins: [vue_popper_default.a], + + props: { + visibleArrow: { + type: Boolean, + default: true + }, + arrowOffset: { + type: Number, + default: 0 + } + }, + + data: function data() { + return { + size: this.dropdown.dropdownSize + }; + }, + + + inject: ['dropdown'], + + created: function created() { + var _this = this; + + this.$on('updatePopper', function () { + if (_this.showPopper) _this.updatePopper(); + }); + this.$on('visible', function (val) { + _this.showPopper = val; + }); + }, + mounted: function mounted() { + this.dropdown.popperElm = this.popperElm = this.$el; + this.referenceElm = this.dropdown.$el; + // compatible with 2.6 new v-slot syntax + // issue link https://github.com/ElemeFE/element/issues/14345 + this.dropdown.initDomOperation(); + }, + + + watch: { + 'dropdown.placement': { + immediate: true, + handler: function handler(val) { + this.currentPlacement = val; + } + } + } +}); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue?vue&type=script&lang=js& + /* harmony default export */ var src_dropdown_menuvue_type_script_lang_js_ = (dropdown_menuvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue + + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_dropdown_menuvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/dropdown/src/dropdown-menu.vue" +/* harmony default export */ var dropdown_menu = (component.exports); +// CONCATENATED MODULE: ./packages/dropdown-menu/index.js + + +/* istanbul ignore next */ +dropdown_menu.install = function (Vue) { + Vue.component(dropdown_menu.name, dropdown_menu); +}; + +/* harmony default export */ var packages_dropdown_menu = __webpack_exports__["default"] = (dropdown_menu); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/dropdown.js b/lib/dropdown.js new file mode 100644 index 00000000000..010a518f103 --- /dev/null +++ b/lib/dropdown.js @@ -0,0 +1,622 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 128); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; }); +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + + +/***/ }), + +/***/ 11: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/migrating"); + +/***/ }), + +/***/ 12: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/clickoutside"); + +/***/ }), + +/***/ 128: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside" +var clickoutside_ = __webpack_require__(12); +var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(4); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating" +var migrating_ = __webpack_require__(11); +var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_); + +// EXTERNAL MODULE: external "element-ui/lib/button" +var button_ = __webpack_require__(13); +var button_default = /*#__PURE__*/__webpack_require__.n(button_); + +// EXTERNAL MODULE: external "element-ui/lib/button-group" +var button_group_ = __webpack_require__(36); +var button_group_default = /*#__PURE__*/__webpack_require__.n(button_group_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/util" +var util_ = __webpack_require__(3); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js& + + + + + + + + +/* harmony default export */ var dropdownvue_type_script_lang_js_ = ({ + name: 'ElDropdown', + + componentName: 'ElDropdown', + + mixins: [emitter_default.a, migrating_default.a], + + directives: { Clickoutside: clickoutside_default.a }, + + components: { + ElButton: button_default.a, + ElButtonGroup: button_group_default.a + }, + + provide: function provide() { + return { + dropdown: this + }; + }, + + + props: { + trigger: { + type: String, + default: 'hover' + }, + type: String, + size: { + type: String, + default: '' + }, + splitButton: Boolean, + hideOnClick: { + type: Boolean, + default: true + }, + placement: { + type: String, + default: 'bottom-end' + }, + visibleArrow: { + default: true + }, + showTimeout: { + type: Number, + default: 250 + }, + hideTimeout: { + type: Number, + default: 150 + }, + tabindex: { + type: Number, + default: 0 + } + }, + + data: function data() { + return { + timeout: null, + visible: false, + triggerElm: null, + menuItems: null, + menuItemsArray: null, + dropdownElm: null, + focusing: false, + listId: 'dropdown-menu-' + Object(util_["generateId"])() + }; + }, + + + computed: { + dropdownSize: function dropdownSize() { + return this.size || (this.$ELEMENT || {}).size; + } + }, + + mounted: function mounted() { + this.$on('menu-item-click', this.handleMenuItemClick); + }, + + + watch: { + visible: function visible(val) { + this.broadcast('ElDropdownMenu', 'visible', val); + this.$emit('visible-change', val); + }, + focusing: function focusing(val) { + var selfDefine = this.$el.querySelector('.el-dropdown-selfdefine'); + if (selfDefine) { + // 自定义 + if (val) { + selfDefine.className += ' focusing'; + } else { + selfDefine.className = selfDefine.className.replace('focusing', ''); + } + } + } + }, + + methods: { + getMigratingConfig: function getMigratingConfig() { + return { + props: { + 'menu-align': 'menu-align is renamed to placement.' + } + }; + }, + show: function show() { + var _this = this; + + if (this.triggerElm.disabled) return; + clearTimeout(this.timeout); + this.timeout = setTimeout(function () { + _this.visible = true; + }, this.trigger === 'click' ? 0 : this.showTimeout); + }, + hide: function hide() { + var _this2 = this; + + if (this.triggerElm.disabled) return; + this.removeTabindex(); + if (this.tabindex >= 0) { + this.resetTabindex(this.triggerElm); + } + clearTimeout(this.timeout); + this.timeout = setTimeout(function () { + _this2.visible = false; + }, this.trigger === 'click' ? 0 : this.hideTimeout); + }, + handleClick: function handleClick() { + if (this.triggerElm.disabled) return; + if (this.visible) { + this.hide(); + } else { + this.show(); + } + }, + handleTriggerKeyDown: function handleTriggerKeyDown(ev) { + var keyCode = ev.keyCode; + if ([38, 40].indexOf(keyCode) > -1) { + // up/down + this.removeTabindex(); + this.resetTabindex(this.menuItems[0]); + this.menuItems[0].focus(); + ev.preventDefault(); + ev.stopPropagation(); + } else if (keyCode === 13) { + // space enter选中 + this.handleClick(); + } else if ([9, 27].indexOf(keyCode) > -1) { + // tab || esc + this.hide(); + } + }, + handleItemKeyDown: function handleItemKeyDown(ev) { + var keyCode = ev.keyCode; + var target = ev.target; + var currentIndex = this.menuItemsArray.indexOf(target); + var max = this.menuItemsArray.length - 1; + var nextIndex = void 0; + if ([38, 40].indexOf(keyCode) > -1) { + // up/down + if (keyCode === 38) { + // up + nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0; + } else { + // down + nextIndex = currentIndex < max ? currentIndex + 1 : max; + } + this.removeTabindex(); + this.resetTabindex(this.menuItems[nextIndex]); + this.menuItems[nextIndex].focus(); + ev.preventDefault(); + ev.stopPropagation(); + } else if (keyCode === 13) { + // enter选中 + this.triggerElmFocus(); + target.click(); + if (this.hideOnClick) { + // click关闭 + this.visible = false; + } + } else if ([9, 27].indexOf(keyCode) > -1) { + // tab // esc + this.hide(); + this.triggerElmFocus(); + } + }, + resetTabindex: function resetTabindex(ele) { + // 下次tab时组件聚焦元素 + this.removeTabindex(); + ele.setAttribute('tabindex', '0'); // 下次期望的聚焦元素 + }, + removeTabindex: function removeTabindex() { + this.triggerElm.setAttribute('tabindex', '-1'); + this.menuItemsArray.forEach(function (item) { + item.setAttribute('tabindex', '-1'); + }); + }, + initAria: function initAria() { + this.dropdownElm.setAttribute('id', this.listId); + this.triggerElm.setAttribute('aria-haspopup', 'list'); + this.triggerElm.setAttribute('aria-controls', this.listId); + + if (!this.splitButton) { + // 自定义 + this.triggerElm.setAttribute('role', 'button'); + this.triggerElm.setAttribute('tabindex', this.tabindex); + this.triggerElm.setAttribute('class', (this.triggerElm.getAttribute('class') || '') + ' el-dropdown-selfdefine'); // 控制 + } + }, + initEvent: function initEvent() { + var _this3 = this; + + var trigger = this.trigger, + show = this.show, + hide = this.hide, + handleClick = this.handleClick, + splitButton = this.splitButton, + handleTriggerKeyDown = this.handleTriggerKeyDown, + handleItemKeyDown = this.handleItemKeyDown; + + this.triggerElm = splitButton ? this.$refs.trigger.$el : this.$slots.default[0].elm; + + var dropdownElm = this.dropdownElm; + + this.triggerElm.addEventListener('keydown', handleTriggerKeyDown); // triggerElm keydown + dropdownElm.addEventListener('keydown', handleItemKeyDown, true); // item keydown + // 控制自定义元素的样式 + if (!splitButton) { + this.triggerElm.addEventListener('focus', function () { + _this3.focusing = true; + }); + this.triggerElm.addEventListener('blur', function () { + _this3.focusing = false; + }); + this.triggerElm.addEventListener('click', function () { + _this3.focusing = false; + }); + } + if (trigger === 'hover') { + this.triggerElm.addEventListener('mouseenter', show); + this.triggerElm.addEventListener('mouseleave', hide); + dropdownElm.addEventListener('mouseenter', show); + dropdownElm.addEventListener('mouseleave', hide); + } else if (trigger === 'click') { + this.triggerElm.addEventListener('click', handleClick); + } + }, + handleMenuItemClick: function handleMenuItemClick(command, instance) { + if (this.hideOnClick) { + this.visible = false; + } + this.$emit('command', command, instance); + }, + triggerElmFocus: function triggerElmFocus() { + this.triggerElm.focus && this.triggerElm.focus(); + }, + initDomOperation: function initDomOperation() { + this.dropdownElm = this.popperElm; + this.menuItems = this.dropdownElm.querySelectorAll("[tabindex='-1']"); + this.menuItemsArray = [].slice.call(this.menuItems); + + this.initEvent(); + this.initAria(); + } + }, + + render: function render(h) { + var _this4 = this; + + var hide = this.hide, + splitButton = this.splitButton, + type = this.type, + dropdownSize = this.dropdownSize; + + + var handleMainButtonClick = function handleMainButtonClick(event) { + _this4.$emit('click', event); + hide(); + }; + + var triggerElm = !splitButton ? this.$slots.default : h('el-button-group', [h( + 'el-button', + { + attrs: { type: type, size: dropdownSize }, + nativeOn: { + 'click': handleMainButtonClick + } + }, + [this.$slots.default] + ), h( + 'el-button', + { ref: 'trigger', attrs: { type: type, size: dropdownSize }, + 'class': 'el-dropdown__caret-button' }, + [h('i', { 'class': 'el-dropdown__icon el-icon-arrow-down' })] + )]); + + return h( + 'div', + { 'class': 'el-dropdown', directives: [{ + name: 'clickoutside', + value: hide + }] + }, + [triggerElm, this.$slots.dropdown] + ); + } +}); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js& + /* harmony default export */ var src_dropdownvue_type_script_lang_js_ = (dropdownvue_type_script_lang_js_); +// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +var componentNormalizer = __webpack_require__(0); + +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown.vue +var render, staticRenderFns + + + + +/* normalize component */ + +var component = Object(componentNormalizer["a" /* default */])( + src_dropdownvue_type_script_lang_js_, + render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/dropdown/src/dropdown.vue" +/* harmony default export */ var dropdown = (component.exports); +// CONCATENATED MODULE: ./packages/dropdown/index.js + + +/* istanbul ignore next */ +dropdown.install = function (Vue) { + Vue.component(dropdown.name, dropdown); +}; + +/* harmony default export */ var packages_dropdown = __webpack_exports__["default"] = (dropdown); + +/***/ }), + +/***/ 13: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/button"); + +/***/ }), + +/***/ 3: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/util"); + +/***/ }), + +/***/ 36: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/button-group"); + +/***/ }), + +/***/ 4: +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/lib/element-ui.common.js b/lib/element-ui.common.js new file mode 100644 index 00000000000..2f484457af3 --- /dev/null +++ b/lib/element-ui.common.js @@ -0,0 +1,41725 @@ +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: {} +/******/ }; +/******/ +/******/ // 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, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // 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 = 45); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/date-util"); + +/***/ }), +/* 1 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/dom"); + +/***/ }), +/* 2 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/util"); + +/***/ }), +/* 3 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/emitter"); + +/***/ }), +/* 4 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/locale"); + +/***/ }), +/* 5 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/vue-popper"); + +/***/ }), +/* 6 */ +/***/ (function(module, exports) { + +module.exports = require("vue"); + +/***/ }), +/* 7 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/merge"); + +/***/ }), +/* 8 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/input"); + +/***/ }), +/* 9 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/migrating"); + +/***/ }), +/* 10 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/clickoutside"); + +/***/ }), +/* 11 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/locale"); + +/***/ }), +/* 12 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/button"); + +/***/ }), +/* 13 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/resize-event"); + +/***/ }), +/* 14 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/popup"); + +/***/ }), +/* 15 */ +/***/ (function(module, exports) { + +module.exports = require("throttle-debounce/debounce"); + +/***/ }), +/* 16 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/checkbox"); + +/***/ }), +/* 17 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/scrollbar"); + +/***/ }), +/* 18 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/types"); + +/***/ }), +/* 19 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/shared"); + +/***/ }), +/* 20 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/date"); + +/***/ }), +/* 21 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/transitions/collapse-transition"); + +/***/ }), +/* 22 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/mixins/focus"); + +/***/ }), +/* 23 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/vdom"); + +/***/ }), +/* 24 */ +/***/ (function(module, exports) { + +module.exports = require("babel-helper-vue-jsx-merge-props"); + +/***/ }), +/* 25 */ +/***/ (function(module, exports) { + +module.exports = require("throttle-debounce/throttle"); + +/***/ }), +/* 26 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/tooltip"); + +/***/ }), +/* 27 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/scroll-into-view"); + +/***/ }), +/* 28 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/aria-utils"); + +/***/ }), +/* 29 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/button-group"); + +/***/ }), +/* 30 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/tag"); + +/***/ }), +/* 31 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/scrollbar-width"); + +/***/ }), +/* 32 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/checkbox-group"); + +/***/ }), +/* 33 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/after-leave"); + +/***/ }), +/* 34 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/progress"); + +/***/ }), +/* 35 */ +/***/ (function(module, exports) { + +module.exports = require("throttle-debounce"); + +/***/ }), +/* 36 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/select"); + +/***/ }), +/* 37 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/option"); + +/***/ }), +/* 38 */ +/***/ (function(module, exports) { + +module.exports = require("normalize-wheel"); + +/***/ }), +/* 39 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/utils/aria-dialog"); + +/***/ }), +/* 40 */ +/***/ (function(module, exports) { + +module.exports = require("async-validator"); + +/***/ }), +/* 41 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/input-number"); + +/***/ }), +/* 42 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/cascader-panel"); + +/***/ }), +/* 43 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/radio"); + +/***/ }), +/* 44 */ +/***/ (function(module, exports) { + +module.exports = require("element-ui/lib/popover"); + +/***/ }), +/* 45 */ +/***/ (function(module, exports, __webpack_require__) { + +module.exports = __webpack_require__(46); + + +/***/ }), +/* 46 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/pagination/src/pager.vue?vue&type=template&id=7274f267& +var pagervue_type_template_id_7274f267_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, disabled: _vm.disabled } + }, + [_vm._v("1")] + ) + : _vm._e(), + _vm.showPrevMore + ? _c("li", { + staticClass: "el-icon more btn-quickprev", + class: [_vm.quickprevIconClass, { disabled: _vm.disabled }], + on: { + mouseenter: function($event) { + _vm.onMouseenter("left") + }, + mouseleave: function($event) { + _vm.quickprevIconClass = "el-icon-more" + } + } + }) + : _vm._e(), + _vm._l(_vm.pagers, function(pager) { + return _c( + "li", + { + key: pager, + staticClass: "number", + class: { active: _vm.currentPage === pager, disabled: _vm.disabled } + }, + [_vm._v(_vm._s(pager))] + ) + }), + _vm.showNextMore + ? _c("li", { + staticClass: "el-icon more btn-quicknext", + class: [_vm.quicknextIconClass, { disabled: _vm.disabled }], + on: { + mouseenter: function($event) { + _vm.onMouseenter("right") + }, + mouseleave: function($event) { + _vm.quicknextIconClass = "el-icon-more" + } + } + }) + : _vm._e(), + _vm.pageCount > 1 + ? _c( + "li", + { + staticClass: "number", + class: { + active: _vm.currentPage === _vm.pageCount, + disabled: _vm.disabled + } + }, + [_vm._v(_vm._s(_vm.pageCount))] + ) + : _vm._e() + ], + 2 + ) +} +var staticRenderFns = [] +pagervue_type_template_id_7274f267_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/pagination/src/pager.vue?vue&type=template&id=7274f267& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pagination/src/pager.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +/* harmony default export */ var pagervue_type_script_lang_js_ = ({ + name: 'ElPager', + + props: { + currentPage: Number, + + pageCount: Number, + + pagerCount: Number, + + disabled: Boolean + }, + + 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' || this.disabled) { + return; + } + + var newPage = Number(event.target.textContent); + var pageCount = this.pageCount; + var currentPage = this.currentPage; + var pagerCountOffset = this.pagerCount - 2; + + if (target.className.indexOf('more') !== -1) { + if (target.className.indexOf('quickprev') !== -1) { + newPage = currentPage - pagerCountOffset; + } else if (target.className.indexOf('quicknext') !== -1) { + newPage = currentPage + pagerCountOffset; + } + } + + /* istanbul ignore if */ + if (!isNaN(newPage)) { + if (newPage < 1) { + newPage = 1; + } + + if (newPage > pageCount) { + newPage = pageCount; + } + } + + if (newPage !== currentPage) { + this.$emit('change', newPage); + } + }, + onMouseenter: function onMouseenter(direction) { + if (this.disabled) return; + if (direction === 'left') { + this.quickprevIconClass = 'el-icon-d-arrow-left'; + } else { + this.quicknextIconClass = 'el-icon-d-arrow-right'; + } + } + }, + + computed: { + pagers: function pagers() { + var pagerCount = this.pagerCount; + var halfPagerCount = (pagerCount - 1) / 2; + + var currentPage = Number(this.currentPage); + var pageCount = Number(this.pageCount); + + var showPrevMore = false; + var showNextMore = false; + + if (pageCount > pagerCount) { + if (currentPage > pagerCount - halfPagerCount) { + showPrevMore = true; + } + + if (currentPage < pageCount - halfPagerCount) { + 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' + }; + } +}); +// CONCATENATED MODULE: ./packages/pagination/src/pager.vue?vue&type=script&lang=js& + /* harmony default export */ var src_pagervue_type_script_lang_js_ = (pagervue_type_script_lang_js_); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js +/* globals __VUE_SSR_CONTEXT__ */ + +// 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. + +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 + + // render functions + if (render) { + options.render = render + options.staticRenderFns = staticRenderFns + options._compiled = true + } + + // functional template + if (functionalTemplate) { + options.functional = true + } + + // scopedId + if (scopeId) { + options._scopeId = 'data-v-' + scopeId + } + + 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, this.$root.$options.shadowRoot) } + : injectStyles + } + + 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 functioal 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] + } + } + + return { + exports: scriptExports, + options: options + } +} + +// CONCATENATED MODULE: ./packages/pagination/src/pager.vue + + + + + +/* normalize component */ + +var component = normalizeComponent( + src_pagervue_type_script_lang_js_, + pagervue_type_template_id_7274f267_render, + staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "packages/pagination/src/pager.vue" +/* harmony default export */ var pager = (component.exports); +// EXTERNAL MODULE: external "element-ui/lib/select" +var select_ = __webpack_require__(36); +var select_default = /*#__PURE__*/__webpack_require__.n(select_); + +// EXTERNAL MODULE: external "element-ui/lib/option" +var option_ = __webpack_require__(37); +var option_default = /*#__PURE__*/__webpack_require__.n(option_); + +// EXTERNAL MODULE: external "element-ui/lib/input" +var input_ = __webpack_require__(8); +var input_default = /*#__PURE__*/__webpack_require__.n(input_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/locale" +var locale_ = __webpack_require__(4); +var locale_default = /*#__PURE__*/__webpack_require__.n(locale_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/util" +var util_ = __webpack_require__(2); + +// CONCATENATED MODULE: ./packages/pagination/src/pagination.js + + + + + + + +/* harmony default export */ var pagination = ({ + name: 'ElPagination', + + props: { + pageSize: { + type: Number, + default: 10 + }, + + small: Boolean, + + total: Number, + + pageCount: Number, + + pagerCount: { + type: Number, + validator: function validator(value) { + return (value | 0) === value && value > 4 && value < 22 && value % 2 === 1; + }, + + default: 7 + }, + + 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]; + } + }, + + popperClass: String, + + prevText: String, + + nextText: String, + + background: Boolean, + + disabled: Boolean, + + hideOnSinglePage: Boolean + }, + + data: function data() { + return { + internalCurrentPage: 1, + internalPageSize: 0, + lastEmittedPage: -1, + userChangePageSize: false + }; + }, + render: function render(h) { + var layout = this.layout; + if (!layout) return null; + if (this.hideOnSinglePage && (!this.internalPageCount || this.internalPageCount === 1)) return null; + + var template = h('div', { 'class': ['el-pagination', { + 'is-background': this.background, + 'el-pagination--small': this.small + }] }); + var TEMPLATE_MAP = { + prev: h('prev'), + jumper: h('jumper'), + pager: h('pager', { + attrs: { currentPage: this.internalCurrentPage, pageCount: this.internalPageCount, pagerCount: this.pagerCount, disabled: this.disabled }, + on: { + 'change': this.handleCurrentChange + } + }), + next: h('next'), + sizes: h('sizes', { + attrs: { pageSizes: this.pageSizes } + }), + slot: h('slot', [this.$slots.default ? this.$slots.default : '']), + total: h('total') + }; + var components = layout.split(',').map(function (item) { + return item.trim(); + }); + var rightWrapper = h('div', { 'class': 'el-pagination__rightwrapper' }); + var haveRightWrapper = false; + + template.children = template.children || []; + rightWrapper.children = rightWrapper.children || []; + 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.unshift(rightWrapper); + } + + return template; + }, + + + components: { + Prev: { + render: function render(h) { + return h( + 'button', + { + attrs: { + type: 'button', + + disabled: this.$parent.disabled || this.$parent.internalCurrentPage <= 1 + }, + 'class': 'btn-prev', on: { + 'click': this.$parent.prev + } + }, + [this.$parent.prevText ? h('span', [this.$parent.prevText]) : h('i', { 'class': 'el-icon el-icon-arrow-left' })] + ); + } + }, + + Next: { + render: function render(h) { + return h( + 'button', + { + attrs: { + type: 'button', + + disabled: this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0 + }, + 'class': 'btn-next', on: { + 'click': this.$parent.next + } + }, + [this.$parent.nextText ? h('span', [this.$parent.nextText]) : h('i', { 'class': 'el-icon el-icon-arrow-right' })] + ); + } + }, + + Sizes: { + mixins: [locale_default.a], + + props: { + pageSizes: Array + }, + + watch: { + pageSizes: { + immediate: true, + handler: function handler(newVal, oldVal) { + if (Object(util_["valueEquals"])(newVal, oldVal)) return; + if (Array.isArray(newVal)) { + this.$parent.internalPageSize = newVal.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, + popperClass: this.$parent.popperClass || '', + size: 'mini', + + disabled: this.$parent.disabled }, + 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: select_default.a, + ElOption: option_default.a + }, + + methods: { + handleChange: function handleChange(val) { + if (val !== this.$parent.internalPageSize) { + this.$parent.internalPageSize = val = parseInt(val, 10); + this.$parent.userChangePageSize = true; + this.$parent.$emit('update:pageSize', val); + this.$parent.$emit('size-change', val); + } + } + } + }, + + Jumper: { + mixins: [locale_default.a], + + components: { ElInput: input_default.a }, + + data: function data() { + return { + userInput: null + }; + }, + + + watch: { + '$parent.internalCurrentPage': function $parentInternalCurrentPage() { + this.userInput = null; + } + }, + + methods: { + handleKeyup: function handleKeyup(_ref) { + var keyCode = _ref.keyCode, + target = _ref.target; + + // Chrome, Safari, Firefox triggers change event on Enter + // Hack for IE: https://github.com/ElemeFE/element/issues/11710 + // Drop this method when we no longer supports IE + if (keyCode === 13) { + this.handleChange(target.value); + } + }, + handleInput: function handleInput(value) { + this.userInput = value; + }, + handleChange: function handleChange(value) { + this.$parent.internalCurrentPage = this.$parent.getValidCurrentPage(value); + this.$parent.emitChange(); + this.userInput = null; + } + }, + + render: function render(h) { + return h( + 'span', + { 'class': 'el-pagination__jump' }, + [this.t('el.pagination.goto'), h('el-input', { + 'class': 'el-pagination__editor is-in-pagination', + attrs: { min: 1, + max: this.$parent.internalPageCount, + value: this.userInput !== null ? this.userInput : this.$parent.internalCurrentPage, + type: 'number', + disabled: this.$parent.disabled + }, + nativeOn: { + 'keyup': this.handleKeyup + }, + on: { + 'input': this.handleInput, + 'change': this.handleChange + } + }), this.t('el.pagination.pageClassifier')] + ); + } + }, + + Total: { + mixins: [locale_default.a], + + 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: pager + }, + + methods: { + handleCurrentChange: function handleCurrentChange(val) { + this.internalCurrentPage = this.getValidCurrentPage(val); + this.userChangePageSize = true; + this.emitChange(); + }, + prev: function prev() { + if (this.disabled) return; + var newVal = this.internalCurrentPage - 1; + this.internalCurrentPage = this.getValidCurrentPage(newVal); + this.$emit('prev-click', this.internalCurrentPage); + this.emitChange(); + }, + next: function next() { + if (this.disabled) return; + var newVal = this.internalCurrentPage + 1; + this.internalCurrentPage = this.getValidCurrentPage(newVal); + this.$emit('next-click', this.internalCurrentPage); + this.emitChange(); + }, + 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; + }, + emitChange: function emitChange() { + var _this2 = this; + + this.$nextTick(function () { + if (_this2.internalCurrentPage !== _this2.lastEmittedPage || _this2.userChangePageSize) { + _this2.$emit('current-change', _this2.internalCurrentPage); + _this2.lastEmittedPage = _this2.internalCurrentPage; + _this2.userChangePageSize = false; + } + }); + } + }, + + computed: { + internalPageCount: function internalPageCount() { + if (typeof this.total === 'number') { + return Math.max(1, Math.ceil(this.total / this.internalPageSize)); + } else if (typeof this.pageCount === 'number') { + return Math.max(1, this.pageCount); + } + return null; + } + }, + + watch: { + currentPage: { + immediate: true, + handler: function handler(val) { + this.internalCurrentPage = this.getValidCurrentPage(val); + } + }, + + pageSize: { + immediate: true, + handler: function handler(val) { + this.internalPageSize = isNaN(val) ? 10 : val; + } + }, + + internalCurrentPage: { + immediate: true, + handler: function handler(newVal) { + this.$emit('update:currentPage', newVal); + this.lastEmittedPage = -1; + } + }, + + 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; + this.userChangePageSize && this.emitChange(); + } + this.userChangePageSize = false; + } + } +}); +// CONCATENATED MODULE: ./packages/pagination/index.js + + +/* istanbul ignore next */ +pagination.install = function (Vue) { + Vue.component(pagination.name, pagination); +}; + +/* harmony default export */ var packages_pagination = (pagination); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dialog/src/component.vue?vue&type=template&id=60140e62& +var componentvue_type_template_id_60140e62_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "transition", + { + attrs: { name: "dialog-fade" }, + on: { "after-enter": _vm.afterEnter, "after-leave": _vm.afterLeave } + }, + [ + _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 null + } + return _vm.handleWrapperClick($event) + } + } + }, + [ + _c( + "div", + { + key: _vm.key, + ref: "dialog", + class: [ + "el-dialog", + { + "is-fullscreen": _vm.fullscreen, + "el-dialog--center": _vm.center + }, + _vm.customClass + ], + style: _vm.style, + attrs: { + role: "dialog", + "aria-modal": "true", + "aria-label": _vm.title || "dialog" + } + }, + [ + _c( + "div", + { staticClass: "el-dialog__header" }, + [ + _vm._t("title", [ + _c("span", { staticClass: "el-dialog__title" }, [ + _vm._v(_vm._s(_vm.title)) + ]) + ]), + _vm.showClose + ? _c( + "button", + { + staticClass: "el-dialog__headerbtn", + attrs: { type: "button", "aria-label": "Close" }, + on: { click: _vm.handleClose } + }, + [ + _c("i", { + staticClass: + "el-dialog__close el-icon el-icon-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() + ] + ) + ] + ) + ] + ) +} +var componentvue_type_template_id_60140e62_staticRenderFns = [] +componentvue_type_template_id_60140e62_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/dialog/src/component.vue?vue&type=template&id=60140e62& + +// EXTERNAL MODULE: external "element-ui/lib/utils/popup" +var popup_ = __webpack_require__(14); +var popup_default = /*#__PURE__*/__webpack_require__.n(popup_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating" +var migrating_ = __webpack_require__(9); +var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_); + +// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter" +var emitter_ = __webpack_require__(3); +var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dialog/src/component.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var componentvue_type_script_lang_js_ = ({ + name: 'ElDialog', + + mixins: [popup_default.a, emitter_default.a, migrating_default.a], + + props: { + title: { + type: String, + default: '' + }, + + modal: { + type: Boolean, + default: true + }, + + modalAppendToBody: { + type: Boolean, + default: true + }, + + appendToBody: { + type: Boolean, + default: false + }, + + lockScroll: { + type: Boolean, + default: true + }, + + closeOnClickModal: { + type: Boolean, + default: true + }, + + closeOnPressEscape: { + type: Boolean, + default: true + }, + + showClose: { + type: Boolean, + default: true + }, + + width: String, + + fullscreen: Boolean, + + customClass: { + type: String, + default: '' + }, + + top: { + type: String, + default: '15vh' + }, + beforeClose: Function, + center: { + type: Boolean, + default: false + }, + + destroyOnClose: Boolean + }, + + data: function data() { + return { + closed: false, + key: 0 + }; + }, + + + watch: { + visible: function visible(val) { + var _this = this; + + if (val) { + this.closed = false; + this.$emit('open'); + this.$el.addEventListener('scroll', this.updatePopper); + this.$nextTick(function () { + _this.$refs.dialog.scrollTop = 0; + }); + if (this.appendToBody) { + document.body.appendChild(this.$el); + } + } else { + this.$el.removeEventListener('scroll', this.updatePopper); + if (!this.closed) this.$emit('close'); + if (this.destroyOnClose) { + this.$nextTick(function () { + _this.key++; + }); + } + } + } + }, + + computed: { + style: function style() { + var style = {}; + if (!this.fullscreen) { + style.marginTop = this.top; + if (this.width) { + style.width = this.width; + } + } + return style; + } + }, + + methods: { + getMigratingConfig: function getMigratingConfig() { + return { + props: { + 'size': 'size is removed.' + } + }; + }, + handleWrapperClick: function handleWrapperClick() { + if (!this.closeOnClickModal) return; + this.handleClose(); + }, + handleClose: function handleClose() { + if (typeof this.beforeClose === 'function') { + this.beforeClose(this.hide); + } else { + this.hide(); + } + }, + hide: function hide(cancel) { + if (cancel !== false) { + this.$emit('update:visible', false); + this.$emit('close'); + this.closed = true; + } + }, + updatePopper: function updatePopper() { + this.broadcast('ElSelectDropdown', 'updatePopper'); + this.broadcast('ElDropdownMenu', 'updatePopper'); + }, + afterEnter: function afterEnter() { + this.$emit('opened'); + }, + afterLeave: function afterLeave() { + this.$emit('closed'); + } + }, + + mounted: function mounted() { + if (this.visible) { + this.rendered = true; + this.open(); + if (this.appendToBody) { + document.body.appendChild(this.$el); + } + } + }, + destroyed: function destroyed() { + // if appendToBody is true, remove DOM node after destroy + if (this.appendToBody && this.$el && this.$el.parentNode) { + this.$el.parentNode.removeChild(this.$el); + } + } +}); +// CONCATENATED MODULE: ./packages/dialog/src/component.vue?vue&type=script&lang=js& + /* harmony default export */ var src_componentvue_type_script_lang_js_ = (componentvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/dialog/src/component.vue + + + + + +/* normalize component */ + +var component_component = normalizeComponent( + src_componentvue_type_script_lang_js_, + componentvue_type_template_id_60140e62_render, + componentvue_type_template_id_60140e62_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var component_api; } +component_component.options.__file = "packages/dialog/src/component.vue" +/* harmony default export */ var src_component = (component_component.exports); +// CONCATENATED MODULE: ./packages/dialog/index.js + + +/* istanbul ignore next */ +src_component.install = function (Vue) { + Vue.component(src_component.name, src_component); +}; + +/* harmony default export */ var dialog = (src_component); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete.vue?vue&type=template&id=152f2ee6& +var autocompletevue_type_template_id_152f2ee6_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.close, + expression: "close" + } + ], + staticClass: "el-autocomplete", + attrs: { + "aria-haspopup": "listbox", + role: "combobox", + "aria-expanded": _vm.suggestionVisible, + "aria-owns": _vm.id + } + }, + [ + _c( + "el-input", + _vm._b( + { + ref: "input", + on: { + input: _vm.handleInput, + change: _vm.handleChange, + focus: _vm.handleFocus, + blur: _vm.handleBlur, + clear: _vm.handleClear + }, + nativeOn: { + keydown: [ + function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "up", 38, $event.key, [ + "Up", + "ArrowUp" + ]) + ) { + return null + } + $event.preventDefault() + _vm.highlight(_vm.highlightedIndex - 1) + }, + function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "down", 40, $event.key, [ + "Down", + "ArrowDown" + ]) + ) { + return null + } + $event.preventDefault() + _vm.highlight(_vm.highlightedIndex + 1) + }, + function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "enter", 13, $event.key, "Enter") + ) { + return null + } + return _vm.handleKeyEnter($event) + }, + function($event) { + if ( + !("button" in $event) && + _vm._k($event.keyCode, "tab", 9, $event.key, "Tab") + ) { + return null + } + return _vm.close($event) + } + ] + } + }, + "el-input", + [_vm.$props, _vm.$attrs], + false + ), + [ + _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(), + _vm.$slots.prefix + ? _c("template", { slot: "prefix" }, [_vm._t("prefix")], 2) + : _vm._e(), + _vm.$slots.suffix + ? _c("template", { slot: "suffix" }, [_vm._t("suffix")], 2) + : _vm._e() + ], + 2 + ), + _c( + "el-autocomplete-suggestions", + { + ref: "suggestions", + class: [_vm.popperClass ? _vm.popperClass : ""], + attrs: { + "visible-arrow": "", + "popper-options": _vm.popperOptions, + "append-to-body": _vm.popperAppendToBody, + placement: _vm.placement, + id: _vm.id + } + }, + _vm._l(_vm.suggestions, function(item, index) { + return _c( + "li", + { + key: index, + class: { highlighted: _vm.highlightedIndex === index }, + attrs: { + id: _vm.id + "-item-" + index, + role: "option", + "aria-selected": _vm.highlightedIndex === index + }, + on: { + click: function($event) { + _vm.select(item) + } + } + }, + [ + _vm._t( + "default", + [ + _vm._v("\n " + _vm._s(item[_vm.valueKey]) + "\n ") + ], + { item: item } + ) + ], + 2 + ) + }), + 0 + ) + ], + 1 + ) +} +var autocompletevue_type_template_id_152f2ee6_staticRenderFns = [] +autocompletevue_type_template_id_152f2ee6_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue?vue&type=template&id=152f2ee6& + +// EXTERNAL MODULE: external "throttle-debounce/debounce" +var debounce_ = __webpack_require__(15); +var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside" +var clickoutside_ = __webpack_require__(10); +var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_); + +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=template&id=cd10dcf0& +var autocomplete_suggestionsvue_type_template_id_cd10dcf0_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 el-popper", + class: { + "is-loading": !_vm.parent.hideLoading && _vm.parent.loading + }, + style: { width: _vm.dropdownWidth }, + attrs: { role: "region" } + }, + [ + _c( + "el-scrollbar", + { + attrs: { + tag: "ul", + "wrap-class": "el-autocomplete-suggestion__wrap", + "view-class": "el-autocomplete-suggestion__list" + } + }, + [ + !_vm.parent.hideLoading && _vm.parent.loading + ? _c("li", [_c("i", { staticClass: "el-icon-loading" })]) + : _vm._t("default") + ], + 2 + ) + ], + 1 + ) + ] + ) +} +var autocomplete_suggestionsvue_type_template_id_cd10dcf0_staticRenderFns = [] +autocomplete_suggestionsvue_type_template_id_cd10dcf0_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=template&id=cd10dcf0& + +// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper" +var vue_popper_ = __webpack_require__(5); +var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_); + +// EXTERNAL MODULE: external "element-ui/lib/scrollbar" +var scrollbar_ = __webpack_require__(17); +var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var autocomplete_suggestionsvue_type_script_lang_js_ = ({ + components: { ElScrollbar: scrollbar_default.a }, + mixins: [vue_popper_default.a, emitter_default.a], + + componentName: 'ElAutocompleteSuggestions', + + data: function data() { + return { + parent: this.$parent, + dropdownWidth: '' + }; + }, + + + props: { + options: { + default: function _default() { + return { + gpuAcceleration: false + }; + } + }, + id: String + }, + + methods: { + select: function select(item) { + this.dispatch('ElAutocomplete', 'item-click', item); + } + }, + + updated: function updated() { + var _this = this; + + this.$nextTick(function (_) { + _this.popperJS && _this.updatePopper(); + }); + }, + mounted: function mounted() { + this.$parent.popperElm = this.popperElm = this.$el; + this.referenceElm = this.$parent.$refs.input.$refs.input || this.$parent.$refs.input.$refs.textarea; + this.referenceList = this.$el.querySelector('.el-autocomplete-suggestion__list'); + this.referenceList.setAttribute('role', 'listbox'); + this.referenceList.setAttribute('id', this.id); + }, + created: function created() { + var _this2 = this; + + this.$on('visible', function (val, inputWidth) { + _this2.dropdownWidth = inputWidth + 'px'; + _this2.showPopper = val; + }); + } +}); +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=script&lang=js& + /* harmony default export */ var src_autocomplete_suggestionsvue_type_script_lang_js_ = (autocomplete_suggestionsvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue + + + + + +/* normalize component */ + +var autocomplete_suggestions_component = normalizeComponent( + src_autocomplete_suggestionsvue_type_script_lang_js_, + autocomplete_suggestionsvue_type_template_id_cd10dcf0_render, + autocomplete_suggestionsvue_type_template_id_cd10dcf0_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var autocomplete_suggestions_api; } +autocomplete_suggestions_component.options.__file = "packages/autocomplete/src/autocomplete-suggestions.vue" +/* harmony default export */ var autocomplete_suggestions = (autocomplete_suggestions_component.exports); +// EXTERNAL MODULE: external "element-ui/lib/mixins/focus" +var focus_ = __webpack_require__(22); +var focus_default = /*#__PURE__*/__webpack_require__.n(focus_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + + + + +/* harmony default export */ var autocompletevue_type_script_lang_js_ = ({ + name: 'ElAutocomplete', + + mixins: [emitter_default.a, focus_default()('input'), migrating_default.a], + + inheritAttrs: false, + + componentName: 'ElAutocomplete', + + components: { + ElInput: input_default.a, + ElAutocompleteSuggestions: autocomplete_suggestions + }, + + directives: { Clickoutside: clickoutside_default.a }, + + props: { + valueKey: { + type: String, + default: 'value' + }, + popperClass: String, + popperOptions: Object, + placeholder: String, + clearable: { + type: Boolean, + default: false + }, + disabled: Boolean, + name: String, + size: String, + value: String, + maxlength: Number, + minlength: Number, + autofocus: Boolean, + fetchSuggestions: Function, + triggerOnFocus: { + type: Boolean, + default: true + }, + customItem: String, + selectWhenUnmatched: { + type: Boolean, + default: false + }, + prefixIcon: String, + suffixIcon: String, + label: String, + debounce: { + type: Number, + default: 300 + }, + placement: { + type: String, + default: 'bottom-start' + }, + hideLoading: Boolean, + popperAppendToBody: { + type: Boolean, + default: true + }, + highlightFirstItem: { + type: Boolean, + default: false + } + }, + data: function data() { + return { + activated: false, + suggestions: [], + loading: false, + highlightedIndex: -1, + suggestionDisabled: false + }; + }, + + computed: { + suggestionVisible: function suggestionVisible() { + var suggestions = this.suggestions; + var isValidData = Array.isArray(suggestions) && suggestions.length > 0; + return (isValidData || this.loading) && this.activated; + }, + id: function id() { + return 'el-autocomplete-' + Object(util_["generateId"])(); + } + }, + watch: { + suggestionVisible: function suggestionVisible(val) { + var $input = this.getInput(); + if ($input) { + this.broadcast('ElAutocompleteSuggestions', 'visible', [val, $input.offsetWidth]); + } + } + }, + methods: { + getMigratingConfig: function getMigratingConfig() { + return { + props: { + 'custom-item': 'custom-item is removed, use scoped slot instead.', + 'props': 'props is removed, use value-key instead.' + } + }; + }, + getData: function getData(queryString) { + var _this = this; + + if (this.suggestionDisabled) { + return; + } + this.loading = true; + this.fetchSuggestions(queryString, function (suggestions) { + _this.loading = false; + if (_this.suggestionDisabled) { + return; + } + if (Array.isArray(suggestions)) { + _this.suggestions = suggestions; + _this.highlightedIndex = _this.highlightFirstItem ? 0 : -1; + } else { + console.error('[Element Error][Autocomplete]autocomplete suggestions must be an array'); + } + }); + }, + handleInput: function handleInput(value) { + this.$emit('input', value); + this.suggestionDisabled = false; + if (!this.triggerOnFocus && !value) { + this.suggestionDisabled = true; + this.suggestions = []; + return; + } + this.debouncedGetData(value); + }, + handleChange: function handleChange(value) { + this.$emit('change', value); + }, + handleFocus: function handleFocus(event) { + this.activated = true; + this.$emit('focus', event); + if (this.triggerOnFocus) { + this.debouncedGetData(this.value); + } + }, + handleBlur: function handleBlur(event) { + this.$emit('blur', event); + }, + handleClear: function handleClear() { + this.activated = false; + this.$emit('clear'); + }, + close: function close(e) { + this.activated = false; + }, + handleKeyEnter: function handleKeyEnter(e) { + var _this2 = this; + + if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) { + e.preventDefault(); + this.select(this.suggestions[this.highlightedIndex]); + } else if (this.selectWhenUnmatched) { + this.$emit('select', { value: this.value }); + this.$nextTick(function (_) { + _this2.suggestions = []; + _this2.highlightedIndex = -1; + }); + } + }, + select: function select(item) { + var _this3 = this; + + this.$emit('input', item[this.valueKey]); + this.$emit('select', item); + this.$nextTick(function (_) { + _this3.suggestions = []; + _this3.highlightedIndex = -1; + }); + }, + highlight: function highlight(index) { + if (!this.suggestionVisible || this.loading) { + return; + } + if (index < 0) { + this.highlightedIndex = -1; + return; + } + 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; + var $input = this.getInput(); + $input.setAttribute('aria-activedescendant', this.id + '-item-' + this.highlightedIndex); + }, + getInput: function getInput() { + return this.$refs.input.getInput(); + } + }, + mounted: function mounted() { + var _this4 = this; + + this.debouncedGetData = debounce_default()(this.debounce, this.getData); + this.$on('item-click', function (item) { + _this4.select(item); + }); + var $input = this.getInput(); + $input.setAttribute('role', 'textbox'); + $input.setAttribute('aria-autocomplete', 'list'); + $input.setAttribute('aria-controls', 'id'); + $input.setAttribute('aria-activedescendant', this.id + '-item-' + this.highlightedIndex); + }, + beforeDestroy: function beforeDestroy() { + this.$refs.suggestions.$destroy(); + } +}); +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue?vue&type=script&lang=js& + /* harmony default export */ var src_autocompletevue_type_script_lang_js_ = (autocompletevue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue + + + + + +/* normalize component */ + +var autocomplete_component = normalizeComponent( + src_autocompletevue_type_script_lang_js_, + autocompletevue_type_template_id_152f2ee6_render, + autocompletevue_type_template_id_152f2ee6_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var autocomplete_api; } +autocomplete_component.options.__file = "packages/autocomplete/src/autocomplete.vue" +/* harmony default export */ var autocomplete = (autocomplete_component.exports); +// CONCATENATED MODULE: ./packages/autocomplete/index.js + + +/* istanbul ignore next */ +autocomplete.install = function (Vue) { + Vue.component(autocomplete.name, autocomplete); +}; + +/* harmony default export */ var packages_autocomplete = (autocomplete); +// EXTERNAL MODULE: external "element-ui/lib/button" +var button_ = __webpack_require__(12); +var button_default = /*#__PURE__*/__webpack_require__.n(button_); + +// EXTERNAL MODULE: external "element-ui/lib/button-group" +var button_group_ = __webpack_require__(29); +var button_group_default = /*#__PURE__*/__webpack_require__.n(button_group_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js& + + + + + + + + +/* harmony default export */ var dropdownvue_type_script_lang_js_ = ({ + name: 'ElDropdown', + + componentName: 'ElDropdown', + + mixins: [emitter_default.a, migrating_default.a], + + directives: { Clickoutside: clickoutside_default.a }, + + components: { + ElButton: button_default.a, + ElButtonGroup: button_group_default.a + }, + + provide: function provide() { + return { + dropdown: this + }; + }, + + + props: { + trigger: { + type: String, + default: 'hover' + }, + type: String, + size: { + type: String, + default: '' + }, + splitButton: Boolean, + hideOnClick: { + type: Boolean, + default: true + }, + placement: { + type: String, + default: 'bottom-end' + }, + visibleArrow: { + default: true + }, + showTimeout: { + type: Number, + default: 250 + }, + hideTimeout: { + type: Number, + default: 150 + }, + tabindex: { + type: Number, + default: 0 + } + }, + + data: function data() { + return { + timeout: null, + visible: false, + triggerElm: null, + menuItems: null, + menuItemsArray: null, + dropdownElm: null, + focusing: false, + listId: 'dropdown-menu-' + Object(util_["generateId"])() + }; + }, + + + computed: { + dropdownSize: function dropdownSize() { + return this.size || (this.$ELEMENT || {}).size; + } + }, + + mounted: function mounted() { + this.$on('menu-item-click', this.handleMenuItemClick); + }, + + + watch: { + visible: function visible(val) { + this.broadcast('ElDropdownMenu', 'visible', val); + this.$emit('visible-change', val); + }, + focusing: function focusing(val) { + var selfDefine = this.$el.querySelector('.el-dropdown-selfdefine'); + if (selfDefine) { + // 自定义 + if (val) { + selfDefine.className += ' focusing'; + } else { + selfDefine.className = selfDefine.className.replace('focusing', ''); + } + } + } + }, + + methods: { + getMigratingConfig: function getMigratingConfig() { + return { + props: { + 'menu-align': 'menu-align is renamed to placement.' + } + }; + }, + show: function show() { + var _this = this; + + if (this.triggerElm.disabled) return; + clearTimeout(this.timeout); + this.timeout = setTimeout(function () { + _this.visible = true; + }, this.trigger === 'click' ? 0 : this.showTimeout); + }, + hide: function hide() { + var _this2 = this; + + if (this.triggerElm.disabled) return; + this.removeTabindex(); + if (this.tabindex >= 0) { + this.resetTabindex(this.triggerElm); + } + clearTimeout(this.timeout); + this.timeout = setTimeout(function () { + _this2.visible = false; + }, this.trigger === 'click' ? 0 : this.hideTimeout); + }, + handleClick: function handleClick() { + if (this.triggerElm.disabled) return; + if (this.visible) { + this.hide(); + } else { + this.show(); + } + }, + handleTriggerKeyDown: function handleTriggerKeyDown(ev) { + var keyCode = ev.keyCode; + if ([38, 40].indexOf(keyCode) > -1) { + // up/down + this.removeTabindex(); + this.resetTabindex(this.menuItems[0]); + this.menuItems[0].focus(); + ev.preventDefault(); + ev.stopPropagation(); + } else if (keyCode === 13) { + // space enter选中 + this.handleClick(); + } else if ([9, 27].indexOf(keyCode) > -1) { + // tab || esc + this.hide(); + } + }, + handleItemKeyDown: function handleItemKeyDown(ev) { + var keyCode = ev.keyCode; + var target = ev.target; + var currentIndex = this.menuItemsArray.indexOf(target); + var max = this.menuItemsArray.length - 1; + var nextIndex = void 0; + if ([38, 40].indexOf(keyCode) > -1) { + // up/down + if (keyCode === 38) { + // up + nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0; + } else { + // down + nextIndex = currentIndex < max ? currentIndex + 1 : max; + } + this.removeTabindex(); + this.resetTabindex(this.menuItems[nextIndex]); + this.menuItems[nextIndex].focus(); + ev.preventDefault(); + ev.stopPropagation(); + } else if (keyCode === 13) { + // enter选中 + this.triggerElmFocus(); + target.click(); + if (this.hideOnClick) { + // click关闭 + this.visible = false; + } + } else if ([9, 27].indexOf(keyCode) > -1) { + // tab // esc + this.hide(); + this.triggerElmFocus(); + } + }, + resetTabindex: function resetTabindex(ele) { + // 下次tab时组件聚焦元素 + this.removeTabindex(); + ele.setAttribute('tabindex', '0'); // 下次期望的聚焦元素 + }, + removeTabindex: function removeTabindex() { + this.triggerElm.setAttribute('tabindex', '-1'); + this.menuItemsArray.forEach(function (item) { + item.setAttribute('tabindex', '-1'); + }); + }, + initAria: function initAria() { + this.dropdownElm.setAttribute('id', this.listId); + this.triggerElm.setAttribute('aria-haspopup', 'list'); + this.triggerElm.setAttribute('aria-controls', this.listId); + + if (!this.splitButton) { + // 自定义 + this.triggerElm.setAttribute('role', 'button'); + this.triggerElm.setAttribute('tabindex', this.tabindex); + this.triggerElm.setAttribute('class', (this.triggerElm.getAttribute('class') || '') + ' el-dropdown-selfdefine'); // 控制 + } + }, + initEvent: function initEvent() { + var _this3 = this; + + var trigger = this.trigger, + show = this.show, + hide = this.hide, + handleClick = this.handleClick, + splitButton = this.splitButton, + handleTriggerKeyDown = this.handleTriggerKeyDown, + handleItemKeyDown = this.handleItemKeyDown; + + this.triggerElm = splitButton ? this.$refs.trigger.$el : this.$slots.default[0].elm; + + var dropdownElm = this.dropdownElm; + + this.triggerElm.addEventListener('keydown', handleTriggerKeyDown); // triggerElm keydown + dropdownElm.addEventListener('keydown', handleItemKeyDown, true); // item keydown + // 控制自定义元素的样式 + if (!splitButton) { + this.triggerElm.addEventListener('focus', function () { + _this3.focusing = true; + }); + this.triggerElm.addEventListener('blur', function () { + _this3.focusing = false; + }); + this.triggerElm.addEventListener('click', function () { + _this3.focusing = false; + }); + } + if (trigger === 'hover') { + this.triggerElm.addEventListener('mouseenter', show); + this.triggerElm.addEventListener('mouseleave', hide); + dropdownElm.addEventListener('mouseenter', show); + dropdownElm.addEventListener('mouseleave', hide); + } else if (trigger === 'click') { + this.triggerElm.addEventListener('click', handleClick); + } + }, + handleMenuItemClick: function handleMenuItemClick(command, instance) { + if (this.hideOnClick) { + this.visible = false; + } + this.$emit('command', command, instance); + }, + triggerElmFocus: function triggerElmFocus() { + this.triggerElm.focus && this.triggerElm.focus(); + }, + initDomOperation: function initDomOperation() { + this.dropdownElm = this.popperElm; + this.menuItems = this.dropdownElm.querySelectorAll("[tabindex='-1']"); + this.menuItemsArray = [].slice.call(this.menuItems); + + this.initEvent(); + this.initAria(); + } + }, + + render: function render(h) { + var _this4 = this; + + var hide = this.hide, + splitButton = this.splitButton, + type = this.type, + dropdownSize = this.dropdownSize; + + + var handleMainButtonClick = function handleMainButtonClick(event) { + _this4.$emit('click', event); + hide(); + }; + + var triggerElm = !splitButton ? this.$slots.default : h('el-button-group', [h( + 'el-button', + { + attrs: { type: type, size: dropdownSize }, + nativeOn: { + 'click': handleMainButtonClick + } + }, + [this.$slots.default] + ), h( + 'el-button', + { ref: 'trigger', attrs: { type: type, size: dropdownSize }, + 'class': 'el-dropdown__caret-button' }, + [h('i', { 'class': 'el-dropdown__icon el-icon-arrow-down' })] + )]); + + return h( + 'div', + { 'class': 'el-dropdown', directives: [{ + name: 'clickoutside', + value: hide + }] + }, + [triggerElm, this.$slots.dropdown] + ); + } +}); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js& + /* harmony default export */ var src_dropdownvue_type_script_lang_js_ = (dropdownvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown.vue +var dropdown_render, dropdown_staticRenderFns + + + + +/* normalize component */ + +var dropdown_component = normalizeComponent( + src_dropdownvue_type_script_lang_js_, + dropdown_render, + dropdown_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var dropdown_api; } +dropdown_component.options.__file = "packages/dropdown/src/dropdown.vue" +/* harmony default export */ var dropdown = (dropdown_component.exports); +// CONCATENATED MODULE: ./packages/dropdown/index.js + + +/* istanbul ignore next */ +dropdown.install = function (Vue) { + Vue.component(dropdown.name, dropdown); +}; + +/* harmony default export */ var packages_dropdown = (dropdown); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-menu.vue?vue&type=template&id=0da6b714& +var dropdown_menuvue_type_template_id_0da6b714_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( + "ul", + { + directives: [ + { + name: "show", + rawName: "v-show", + value: _vm.showPopper, + expression: "showPopper" + } + ], + staticClass: "el-dropdown-menu el-popper", + class: [_vm.size && "el-dropdown-menu--" + _vm.size] + }, + [_vm._t("default")], + 2 + ) + ] + ) +} +var dropdown_menuvue_type_template_id_0da6b714_staticRenderFns = [] +dropdown_menuvue_type_template_id_0da6b714_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue?vue&type=template&id=0da6b714& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-menu.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// + + + +/* harmony default export */ var dropdown_menuvue_type_script_lang_js_ = ({ + name: 'ElDropdownMenu', + + componentName: 'ElDropdownMenu', + + mixins: [vue_popper_default.a], + + props: { + visibleArrow: { + type: Boolean, + default: true + }, + arrowOffset: { + type: Number, + default: 0 + } + }, + + data: function data() { + return { + size: this.dropdown.dropdownSize + }; + }, + + + inject: ['dropdown'], + + created: function created() { + var _this = this; + + this.$on('updatePopper', function () { + if (_this.showPopper) _this.updatePopper(); + }); + this.$on('visible', function (val) { + _this.showPopper = val; + }); + }, + mounted: function mounted() { + this.dropdown.popperElm = this.popperElm = this.$el; + this.referenceElm = this.dropdown.$el; + // compatible with 2.6 new v-slot syntax + // issue link https://github.com/ElemeFE/element/issues/14345 + this.dropdown.initDomOperation(); + }, + + + watch: { + 'dropdown.placement': { + immediate: true, + handler: function handler(val) { + this.currentPlacement = val; + } + } + } +}); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue?vue&type=script&lang=js& + /* harmony default export */ var src_dropdown_menuvue_type_script_lang_js_ = (dropdown_menuvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue + + + + + +/* normalize component */ + +var dropdown_menu_component = normalizeComponent( + src_dropdown_menuvue_type_script_lang_js_, + dropdown_menuvue_type_template_id_0da6b714_render, + dropdown_menuvue_type_template_id_0da6b714_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var dropdown_menu_api; } +dropdown_menu_component.options.__file = "packages/dropdown/src/dropdown-menu.vue" +/* harmony default export */ var dropdown_menu = (dropdown_menu_component.exports); +// CONCATENATED MODULE: ./packages/dropdown-menu/index.js + + +/* istanbul ignore next */ +dropdown_menu.install = function (Vue) { + Vue.component(dropdown_menu.name, dropdown_menu); +}; + +/* harmony default export */ var packages_dropdown_menu = (dropdown_menu); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-item.vue?vue&type=template&id=6359102a& +var dropdown_itemvue_type_template_id_6359102a_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "li", + { + staticClass: "el-dropdown-menu__item", + class: { + "is-disabled": _vm.disabled, + "el-dropdown-menu__item--divided": _vm.divided + }, + attrs: { + "aria-disabled": _vm.disabled, + tabindex: _vm.disabled ? null : -1 + }, + on: { click: _vm.handleClick } + }, + [_vm.icon ? _c("i", { class: _vm.icon }) : _vm._e(), _vm._t("default")], + 2 + ) +} +var dropdown_itemvue_type_template_id_6359102a_staticRenderFns = [] +dropdown_itemvue_type_template_id_6359102a_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue?vue&type=template&id=6359102a& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-item.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + +/* harmony default export */ var dropdown_itemvue_type_script_lang_js_ = ({ + name: 'ElDropdownItem', + + mixins: [emitter_default.a], + + props: { + command: {}, + disabled: Boolean, + divided: Boolean, + icon: String + }, + + methods: { + handleClick: function handleClick(e) { + this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]); + } + } +}); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue?vue&type=script&lang=js& + /* harmony default export */ var src_dropdown_itemvue_type_script_lang_js_ = (dropdown_itemvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue + + + + + +/* normalize component */ + +var dropdown_item_component = normalizeComponent( + src_dropdown_itemvue_type_script_lang_js_, + dropdown_itemvue_type_template_id_6359102a_render, + dropdown_itemvue_type_template_id_6359102a_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var dropdown_item_api; } +dropdown_item_component.options.__file = "packages/dropdown/src/dropdown-item.vue" +/* harmony default export */ var dropdown_item = (dropdown_item_component.exports); +// CONCATENATED MODULE: ./packages/dropdown-item/index.js + + +/* istanbul ignore next */ +dropdown_item.install = function (Vue) { + Vue.component(dropdown_item.name, dropdown_item); +}; + +/* harmony default export */ var packages_dropdown_item = (dropdown_item); +// CONCATENATED MODULE: ./src/utils/aria-utils.js +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; +}; + +/** + * @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. + */ + +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; +}; + +/** + * @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; + } + 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; + } + + if (element.disabled) { + return false; + } + + 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; + } +}; + +/** + * 触发一个事件 + * 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'; + } + 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]; + } + + 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 */ var aria_utils = (aria.Utils); +// CONCATENATED MODULE: ./src/utils/menu/aria-submenu.js + + +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; +}; + +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; + }); + }); +}; + +/* harmony default export */ var aria_submenu = (SubMenu); +// CONCATENATED MODULE: ./src/utils/menu/aria-menuitem.js + + + +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 aria_submenu(this, menuChild); + } + this.addListeners(); +}; + +MenuItem.prototype.addListeners = function () { + var _this = this; + + var keys = aria_utils.keys; + this.domNode.addEventListener('keydown', function (event) { + var prevDef = false; + switch (event.keyCode) { + case keys.down: + aria_utils.triggerEvent(event.currentTarget, 'mouseenter'); + _this.submenu && _this.submenu.gotoSubIndex(0); + prevDef = true; + break; + case keys.up: + aria_utils.triggerEvent(event.currentTarget, 'mouseenter'); + _this.submenu && _this.submenu.gotoSubIndex(_this.submenu.subMenuItems.length - 1); + prevDef = true; + break; + case keys.tab: + aria_utils.triggerEvent(event.currentTarget, 'mouseleave'); + break; + case keys.enter: + case keys.space: + prevDef = true; + event.currentTarget.click(); + break; + } + if (prevDef) { + event.preventDefault(); + } + }); +}; + +/* harmony default export */ var aria_menuitem = (MenuItem); +// CONCATENATED MODULE: ./src/utils/menu/aria-menubar.js + + +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 */ var aria_menubar = (Menu); +// EXTERNAL MODULE: external "element-ui/lib/utils/dom" +var dom_ = __webpack_require__(1); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu.vue?vue&type=script&lang=js& + + + + + + +/* harmony default export */ var 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 + } + }, + [this.$slots.default] + ); + + if (this.collapseTransition) { + return h('el-menu-collapse-transition', [component]); + } else { + return component; + } + }, + + + componentName: 'ElMenu', + + mixins: [emitter_default.a, migrating_default.a], + + provide: function provide() { + return { + rootMenu: this + }; + }, + + + components: { + 'el-menu-collapse-transition': { + functional: true, + render: function render(createElement, context) { + var data = { + props: { + mode: 'out-in' + }, + on: { + beforeEnter: function beforeEnter(el) { + el.style.opacity = 0.2; + }, + enter: function enter(el) { + Object(dom_["addClass"])(el, 'el-opacity-transition'); + el.style.opacity = 1; + }, + afterEnter: function afterEnter(el) { + Object(dom_["removeClass"])(el, 'el-opacity-transition'); + el.style.opacity = ''; + }, + beforeLeave: function beforeLeave(el) { + if (!el.dataset) el.dataset = {}; + + if (Object(dom_["hasClass"])(el, 'el-menu--collapse')) { + Object(dom_["removeClass"])(el, 'el-menu--collapse'); + el.dataset.oldOverflow = el.style.overflow; + el.dataset.scrollWidth = el.clientWidth; + Object(dom_["addClass"])(el, 'el-menu--collapse'); + } else { + Object(dom_["addClass"])(el, 'el-menu--collapse'); + el.dataset.oldOverflow = el.style.overflow; + el.dataset.scrollWidth = el.clientWidth; + Object(dom_["removeClass"])(el, 'el-menu--collapse'); + } + + el.style.width = el.scrollWidth + 'px'; + el.style.overflow = 'hidden'; + }, + leave: function leave(el) { + Object(dom_["addClass"])(el, 'horizontal-collapse-transition'); + el.style.width = el.dataset.scrollWidth + 'px'; + } + } + }; + return createElement('transition', data, context.children); + } + } + }, + + props: { + mode: { + type: String, + default: 'vertical' + }, + defaultActive: { + type: String, + default: '' + }, + defaultOpeneds: Array, + uniqueOpened: Boolean, + router: Boolean, + menuTrigger: { + type: String, + default: 'hover' + }, + collapse: Boolean, + backgroundColor: String, + textColor: String, + activeTextColor: String, + collapseTransition: { + type: Boolean, + default: true + } + }, + data: function data() { + return { + activeIndex: this.defaultActive, + openedMenus: this.defaultOpeneds && !this.collapse ? this.defaultOpeneds.slice(0) : [], + items: {}, + submenus: {} + }; + }, + + computed: { + hoverBackground: function hoverBackground() { + return this.backgroundColor ? this.mixColor(this.backgroundColor, 0.2) : ''; + }, + isMenuPopup: function isMenuPopup() { + return this.mode === 'horizontal' || this.mode === 'vertical' && this.collapse; + } + }, + watch: { + defaultActive: function defaultActive(value) { + if (!this.items[value]) { + this.activeIndex = null; + } + this.updateActiveIndex(value); + }, + defaultOpeneds: function defaultOpeneds(value) { + if (!this.collapse) { + this.openedMenus = value; + } + }, + collapse: function collapse(value) { + if (value) this.openedMenus = []; + this.broadcast('ElSubmenu', 'toggle-collapse', value); + } + }, + methods: { + 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(); + } else { + this.activeIndex = null; + } + }, + getMigratingConfig: function getMigratingConfig() { + return { + props: { + 'theme': 'theme is removed.' + } + }; + }, + getColorChannels: function getColorChannels(color) { + color = color.replace('#', ''); + if (/^[0-9a-fA-F]{3}$/.test(color)) { + color = color.split(''); + for (var i = 2; i >= 0; i--) { + color.splice(i, 0, color[i]); + } + color = color.join(''); + } + if (/^[0-9a-fA-F]{6}$/.test(color)) { + return { + red: parseInt(color.slice(0, 2), 16), + green: parseInt(color.slice(2, 4), 16), + blue: parseInt(color.slice(4, 6), 16) + }; + } else { + return { + red: 255, + green: 255, + blue: 255 + }; + } + }, + mixColor: function mixColor(color, percent) { + var _getColorChannels = this.getColorChannels(color), + red = _getColorChannels.red, + green = _getColorChannels.green, + blue = _getColorChannels.blue; + + if (percent > 0) { + // shade given color + red *= 1 - percent; + green *= 1 - percent; + blue *= 1 - percent; + } else { + // tint given color + red += (255 - red) * percent; + green += (255 - green) * percent; + blue += (255 - blue) * percent; + } + return 'rgb(' + Math.round(red) + ', ' + Math.round(green) + ', ' + Math.round(blue) + ')'; + }, + 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]; + }, + openMenu: function openMenu(index, indexPath) { + var openedMenus = this.openedMenus; + if (openedMenus.indexOf(index) !== -1) return; + // 将不在该菜单路径下的其余菜单收起 + // collapse all menu that are not under current menu item + if (this.uniqueOpened) { + this.openedMenus = openedMenus.filter(function (index) { + return indexPath.indexOf(index) !== -1; + }); + } + this.openedMenus.push(index); + }, + closeMenu: function closeMenu(index) { + var i = this.openedMenus.indexOf(index); + if (i !== -1) { + this.openedMenus.splice(i, 1); + } + }, + handleSubmenuClick: function handleSubmenuClick(submenu) { + var index = submenu.index, + indexPath = submenu.indexPath; + + var isOpened = this.openedMenus.indexOf(index) !== -1; + + if (isOpened) { + this.closeMenu(index); + this.$emit('close', index, indexPath); + } else { + this.openMenu(index, indexPath); + this.$emit('open', index, indexPath); + } + }, + handleItemClick: function handleItemClick(item) { + var _this = this; + + var index = item.index, + indexPath = item.indexPath; + + var oldActiveIndex = this.activeIndex; + 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 && hasIndex) { + this.routeToItem(item, function (error) { + _this.activeIndex = oldActiveIndex; + 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; + + // 展开该菜单项的路径上所有子菜单 + // expand all submenus of the menu item + indexPath.forEach(function (index) { + var submenu = _this2.submenus[index]; + submenu && _this2.openMenu(index, submenu.indexPath); + }); + }, + routeToItem: function routeToItem(item, onError) { + var route = item.route || item.index; + try { + this.$router.push(route, function () {}, onError); + } catch (e) { + console.error(e); + } + }, + open: function open(index) { + var _this3 = this; + + var indexPath = this.submenus[index.toString()].indexPath; + + indexPath.forEach(function (i) { + return _this3.openMenu(i, indexPath); + }); + }, + close: function close(index) { + this.closeMenu(index); + } + }, + mounted: function mounted() { + this.initOpenedMenu(); + this.$on('item-click', this.handleItemClick); + this.$on('submenu-click', this.handleSubmenuClick); + if (this.mode === 'horizontal') { + new aria_menubar(this.$el); // eslint-disable-line + } + this.$watch('items', this.updateActiveIndex); + } +}); +// CONCATENATED MODULE: ./packages/menu/src/menu.vue?vue&type=script&lang=js& + /* harmony default export */ var src_menuvue_type_script_lang_js_ = (menuvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/menu/src/menu.vue +var menu_render, menu_staticRenderFns + + + + +/* normalize component */ + +var menu_component = normalizeComponent( + src_menuvue_type_script_lang_js_, + menu_render, + menu_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var menu_api; } +menu_component.options.__file = "packages/menu/src/menu.vue" +/* harmony default export */ var src_menu = (menu_component.exports); +// CONCATENATED MODULE: ./packages/menu/index.js + + +/* istanbul ignore next */ +src_menu.install = function (Vue) { + Vue.component(src_menu.name, src_menu); +}; + +/* harmony default export */ var packages_menu = (src_menu); +// EXTERNAL MODULE: external "element-ui/lib/transitions/collapse-transition" +var collapse_transition_ = __webpack_require__(21); +var collapse_transition_default = /*#__PURE__*/__webpack_require__.n(collapse_transition_); + +// CONCATENATED MODULE: ./packages/menu/src/menu-mixin.js +/* harmony default export */ var menu_mixin = ({ + inject: ['rootMenu'], + 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; + }, + 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; + + if (this.rootMenu.collapse) { + padding = 20; + } else { + while (parent && parent.$options.componentName !== 'ElMenu') { + if (parent.$options.componentName === 'ElSubmenu') { + padding += 20; + } + parent = parent.$parent; + } + } + return { paddingLeft: padding + 'px' }; + } + } +}); +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/submenu.vue?vue&type=script&lang=js& + + + + + + +var poperMixins = { + props: { + transformOrigin: { + type: [Boolean, String], + default: false + }, + offset: vue_popper_default.a.props.offset, + boundariesPadding: vue_popper_default.a.props.boundariesPadding, + popperOptions: vue_popper_default.a.props.popperOptions + }, + data: vue_popper_default.a.data, + methods: vue_popper_default.a.methods, + beforeDestroy: vue_popper_default.a.beforeDestroy, + deactivated: vue_popper_default.a.deactivated +}; + +/* harmony default export */ var submenuvue_type_script_lang_js_ = ({ + name: 'ElSubmenu', + + componentName: 'ElSubmenu', + + mixins: [menu_mixin, emitter_default.a, poperMixins], + + components: { ElCollapseTransition: collapse_transition_default.a }, + + props: { + index: { + type: String, + required: true + }, + showTimeout: { + type: Number, + default: 300 + }, + hideTimeout: { + type: Number, + default: 300 + }, + popperClass: String, + disabled: Boolean, + popperAppendToBody: { + type: Boolean, + default: undefined + } + }, + + data: function data() { + return { + popperJS: null, + timeout: null, + items: {}, + submenus: {}, + mouseInChild: false + }; + }, + + watch: { + opened: function opened(val) { + var _this = this; + + if (this.isMenuPopup) { + this.$nextTick(function (_) { + _this.updatePopper(); + }); + } + } + }, + computed: { + // popper option + appendToBody: function appendToBody() { + return this.popperAppendToBody === undefined ? this.isFirstLevel : this.popperAppendToBody; + }, + menuTransitionName: function menuTransitionName() { + return this.rootMenu.collapse ? 'el-zoom-in-left' : 'el-zoom-in-top'; + }, + opened: function opened() { + return this.rootMenu.openedMenus.indexOf(this.index) > -1; + }, + active: function active() { + 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; + }, + hoverBackground: function hoverBackground() { + return this.rootMenu.hoverBackground; + }, + backgroundColor: function backgroundColor() { + return this.rootMenu.backgroundColor || ''; + }, + activeTextColor: function activeTextColor() { + return this.rootMenu.activeTextColor || ''; + }, + textColor: function textColor() { + return this.rootMenu.textColor || ''; + }, + mode: function mode() { + return this.rootMenu.mode; + }, + isMenuPopup: function isMenuPopup() { + return this.rootMenu.isMenuPopup; + }, + titleStyle: function titleStyle() { + if (this.mode !== 'horizontal') { + return { + color: this.textColor + }; + } + return { + borderBottomColor: this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent', + color: this.active ? this.activeTextColor : this.textColor + }; + }, + isFirstLevel: function isFirstLevel() { + var isFirstLevel = true; + var parent = this.$parent; + while (parent && parent !== this.rootMenu) { + if (['ElSubmenu', 'ElMenuItemGroup'].indexOf(parent.$options.componentName) > -1) { + isFirstLevel = false; + break; + } else { + parent = parent.$parent; + } + } + return isFirstLevel; + } + }, + methods: { + handleCollapseToggle: function handleCollapseToggle(value) { + if (value) { + this.initPopper(); + } else { + this.doDestroy(); + } + }, + 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() { + var rootMenu = this.rootMenu, + disabled = this.disabled; + + if (rootMenu.menuTrigger === 'hover' && rootMenu.mode === 'horizontal' || rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) { + return; + } + this.dispatch('ElMenu', 'submenu-click', this); + }, + handleMouseenter: function handleMouseenter(event) { + var _this2 = this; + + var showTimeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.showTimeout; + + + if (!('ActiveXObject' in window) && event.type === 'focus' && !event.relatedTarget) { + return; + } + var rootMenu = this.rootMenu, + disabled = this.disabled; + + if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) { + return; + } + this.dispatch('ElSubmenu', 'mouse-enter-child'); + clearTimeout(this.timeout); + this.timeout = setTimeout(function () { + _this2.rootMenu.openMenu(_this2.index, _this2.indexPath); + }, showTimeout); + + if (this.appendToBody) { + this.$parent.$el.dispatchEvent(new MouseEvent('mouseenter')); + } + }, + handleMouseleave: function handleMouseleave() { + var _this3 = this; + + var deepDispatch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + var rootMenu = this.rootMenu; + + if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical') { + return; + } + this.dispatch('ElSubmenu', 'mouse-leave-child'); + clearTimeout(this.timeout); + this.timeout = setTimeout(function () { + !_this3.mouseInChild && _this3.rootMenu.closeMenu(_this3.index); + }, this.hideTimeout); + + if (this.appendToBody && deepDispatch) { + if (this.$parent.$options.name === 'ElSubmenu') { + this.$parent.handleMouseleave(true); + } + } + }, + handleTitleMouseenter: function handleTitleMouseenter() { + if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return; + var title = this.$refs['submenu-title']; + title && (title.style.backgroundColor = this.rootMenu.hoverBackground); + }, + handleTitleMouseleave: function handleTitleMouseleave() { + if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return; + var title = this.$refs['submenu-title']; + title && (title.style.backgroundColor = this.rootMenu.backgroundColor || ''); + }, + updatePlacement: function updatePlacement() { + this.currentPlacement = this.mode === 'horizontal' && this.isFirstLevel ? 'bottom-start' : 'right-start'; + }, + initPopper: function initPopper() { + this.referenceElm = this.$el; + this.popperElm = this.$refs.menu; + this.updatePlacement(); + } + }, + created: function created() { + var _this4 = this; + + this.$on('toggle-collapse', this.handleCollapseToggle); + this.$on('mouse-enter-child', function () { + _this4.mouseInChild = true; + clearTimeout(_this4.timeout); + }); + this.$on('mouse-leave-child', function () { + _this4.mouseInChild = false; + clearTimeout(_this4.timeout); + }); + }, + mounted: function mounted() { + this.parentMenu.addSubmenu(this); + this.rootMenu.addSubmenu(this); + this.initPopper(); + }, + beforeDestroy: function beforeDestroy() { + this.parentMenu.removeSubmenu(this); + this.rootMenu.removeSubmenu(this); + }, + render: function render(h) { + var _this5 = this; + + var active = this.active, + opened = this.opened, + paddingStyle = this.paddingStyle, + titleStyle = this.titleStyle, + backgroundColor = this.backgroundColor, + rootMenu = this.rootMenu, + currentPlacement = this.currentPlacement, + menuTransitionName = this.menuTransitionName, + mode = this.mode, + disabled = this.disabled, + popperClass = this.popperClass, + $slots = this.$slots, + isFirstLevel = this.isFirstLevel; + + + var popupMenu = h( + 'transition', + { + attrs: { name: menuTransitionName } + }, + [h( + 'div', + { + ref: 'menu', + directives: [{ + name: 'show', + value: opened + }], + + 'class': ['el-menu--' + mode, popperClass], + on: { + 'mouseenter': function mouseenter($event) { + return _this5.handleMouseenter($event, 100); + }, + 'mouseleave': function mouseleave() { + return _this5.handleMouseleave(true); + }, + 'focus': function focus($event) { + return _this5.handleMouseenter($event, 100); + } + } + }, + [h( + 'ul', + { + attrs: { + role: 'menu' + }, + 'class': ['el-menu el-menu--popup', 'el-menu--popup-' + currentPlacement], + style: { backgroundColor: rootMenu.backgroundColor || '' } }, + [$slots.default] + )] + )] + ); + + var inlineMenu = h('el-collapse-transition', [h( + 'ul', + { + attrs: { + role: 'menu' + }, + 'class': 'el-menu el-menu--inline', + directives: [{ + name: 'show', + value: opened + }], + + style: { backgroundColor: rootMenu.backgroundColor || '' } }, + [$slots.default] + )]); + + var submenuTitleIcon = rootMenu.mode === 'horizontal' && isFirstLevel || rootMenu.mode === 'vertical' && !rootMenu.collapse ? 'el-icon-arrow-down' : 'el-icon-arrow-right'; + + return h( + 'li', + { + 'class': { + 'el-submenu': true, + 'is-active': active, + 'is-opened': opened, + 'is-disabled': disabled + }, + attrs: { role: 'menuitem', + 'aria-haspopup': 'true', + 'aria-expanded': opened + }, + on: { + 'mouseenter': this.handleMouseenter, + 'mouseleave': function mouseleave() { + return _this5.handleMouseleave(false); + }, + 'focus': this.handleMouseenter + } + }, + [h( + 'div', + { + 'class': 'el-submenu__title', + ref: 'submenu-title', + on: { + 'click': this.handleClick, + 'mouseenter': this.handleTitleMouseenter, + 'mouseleave': this.handleTitleMouseleave + }, + + style: [paddingStyle, titleStyle, { backgroundColor: backgroundColor }] + }, + [$slots.title, h('i', { 'class': ['el-submenu__icon-arrow', submenuTitleIcon] })] + ), this.isMenuPopup ? popupMenu : inlineMenu] + ); + } +}); +// CONCATENATED MODULE: ./packages/menu/src/submenu.vue?vue&type=script&lang=js& + /* harmony default export */ var src_submenuvue_type_script_lang_js_ = (submenuvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/menu/src/submenu.vue +var submenu_render, submenu_staticRenderFns + + + + +/* normalize component */ + +var submenu_component = normalizeComponent( + src_submenuvue_type_script_lang_js_, + submenu_render, + submenu_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var submenu_api; } +submenu_component.options.__file = "packages/menu/src/submenu.vue" +/* harmony default export */ var submenu = (submenu_component.exports); +// CONCATENATED MODULE: ./packages/submenu/index.js + + +/* istanbul ignore next */ +submenu.install = function (Vue) { + Vue.component(submenu.name, submenu); +}; + +/* harmony default export */ var packages_submenu = (submenu); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item.vue?vue&type=template&id=2a5dbfea& +var menu_itemvue_type_template_id_2a5dbfea_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "li", + { + staticClass: "el-menu-item", + class: { + "is-active": _vm.active, + "is-disabled": _vm.disabled + }, + style: [ + _vm.paddingStyle, + _vm.itemStyle, + { backgroundColor: _vm.backgroundColor } + ], + attrs: { role: "menuitem", tabindex: "-1" }, + on: { + click: _vm.handleClick, + mouseenter: _vm.onMouseEnter, + focus: _vm.onMouseEnter, + blur: _vm.onMouseLeave, + mouseleave: _vm.onMouseLeave + } + }, + [ + _vm.parentMenu.$options.componentName === "ElMenu" && + _vm.rootMenu.collapse && + _vm.$slots.title + ? _c("el-tooltip", { attrs: { effect: "dark", placement: "right" } }, [ + _c( + "div", + { attrs: { slot: "content" }, slot: "content" }, + [_vm._t("title")], + 2 + ), + _c( + "div", + { + staticStyle: { + position: "absolute", + left: "0", + top: "0", + height: "100%", + width: "100%", + display: "inline-block", + "box-sizing": "border-box", + padding: "0 20px" + } + }, + [_vm._t("default")], + 2 + ) + ]) + : [_vm._t("default"), _vm._t("title")] + ], + 2 + ) +} +var menu_itemvue_type_template_id_2a5dbfea_staticRenderFns = [] +menu_itemvue_type_template_id_2a5dbfea_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/menu/src/menu-item.vue?vue&type=template&id=2a5dbfea& + +// EXTERNAL MODULE: external "element-ui/lib/tooltip" +var tooltip_ = __webpack_require__(26); +var tooltip_default = /*#__PURE__*/__webpack_require__.n(tooltip_); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + +/* harmony default export */ var menu_itemvue_type_script_lang_js_ = ({ + name: 'ElMenuItem', + + componentName: 'ElMenuItem', + + mixins: [menu_mixin, emitter_default.a], + + components: { ElTooltip: tooltip_default.a }, + + props: { + index: { + default: null, + validator: function validator(val) { + return typeof val === 'string' || val === null; + } + }, + route: [String, Object], + disabled: Boolean + }, + computed: { + active: function active() { + return this.index === this.rootMenu.activeIndex; + }, + hoverBackground: function hoverBackground() { + return this.rootMenu.hoverBackground; + }, + backgroundColor: function backgroundColor() { + return this.rootMenu.backgroundColor || ''; + }, + activeTextColor: function activeTextColor() { + return this.rootMenu.activeTextColor || ''; + }, + textColor: function textColor() { + return this.rootMenu.textColor || ''; + }, + mode: function mode() { + return this.rootMenu.mode; + }, + itemStyle: function itemStyle() { + var style = { + color: this.active ? this.activeTextColor : this.textColor + }; + if (this.mode === 'horizontal' && !this.isNested) { + style.borderBottomColor = this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent'; + } + return style; + }, + isNested: function isNested() { + return this.parentMenu !== this.rootMenu; + } + }, + methods: { + onMouseEnter: function onMouseEnter() { + if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return; + this.$el.style.backgroundColor = this.hoverBackground; + }, + onMouseLeave: function onMouseLeave() { + if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return; + this.$el.style.backgroundColor = this.backgroundColor; + }, + handleClick: function handleClick() { + if (!this.disabled) { + this.dispatch('ElMenu', 'item-click', this); + this.$emit('click', this); + } + } + }, + mounted: function mounted() { + this.parentMenu.addItem(this); + this.rootMenu.addItem(this); + }, + beforeDestroy: function beforeDestroy() { + this.parentMenu.removeItem(this); + this.rootMenu.removeItem(this); + } +}); +// CONCATENATED MODULE: ./packages/menu/src/menu-item.vue?vue&type=script&lang=js& + /* harmony default export */ var src_menu_itemvue_type_script_lang_js_ = (menu_itemvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/menu/src/menu-item.vue + + + + + +/* normalize component */ + +var menu_item_component = normalizeComponent( + src_menu_itemvue_type_script_lang_js_, + menu_itemvue_type_template_id_2a5dbfea_render, + menu_itemvue_type_template_id_2a5dbfea_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var menu_item_api; } +menu_item_component.options.__file = "packages/menu/src/menu-item.vue" +/* harmony default export */ var menu_item = (menu_item_component.exports); +// CONCATENATED MODULE: ./packages/menu-item/index.js + + +/* istanbul ignore next */ +menu_item.install = function (Vue) { + Vue.component(menu_item.name, menu_item); +}; + +/* harmony default export */ var packages_menu_item = (menu_item); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item-group.vue?vue&type=template&id=543b7bdc& +var menu_item_groupvue_type_template_id_543b7bdc_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("li", { staticClass: "el-menu-item-group" }, [ + _c( + "div", + { + staticClass: "el-menu-item-group__title", + style: { paddingLeft: _vm.levelPadding + "px" } + }, + [!_vm.$slots.title ? [_vm._v(_vm._s(_vm.title))] : _vm._t("title")], + 2 + ), + _c("ul", [_vm._t("default")], 2) + ]) +} +var menu_item_groupvue_type_template_id_543b7bdc_staticRenderFns = [] +menu_item_groupvue_type_template_id_543b7bdc_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/menu/src/menu-item-group.vue?vue&type=template&id=543b7bdc& + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item-group.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// + +/* harmony default export */ var menu_item_groupvue_type_script_lang_js_ = ({ + name: 'ElMenuItemGroup', + + componentName: 'ElMenuItemGroup', + + inject: ['rootMenu'], + props: { + title: { + type: String + } + }, + data: function data() { + return { + paddingLeft: 20 + }; + }, + + computed: { + levelPadding: function levelPadding() { + var padding = 20; + var parent = this.$parent; + if (this.rootMenu.collapse) return 20; + while (parent && parent.$options.componentName !== 'ElMenu') { + if (parent.$options.componentName === 'ElSubmenu') { + padding += 20; + } + parent = parent.$parent; + } + return padding; + } + } +}); +// CONCATENATED MODULE: ./packages/menu/src/menu-item-group.vue?vue&type=script&lang=js& + /* harmony default export */ var src_menu_item_groupvue_type_script_lang_js_ = (menu_item_groupvue_type_script_lang_js_); +// CONCATENATED MODULE: ./packages/menu/src/menu-item-group.vue + + + + + +/* normalize component */ + +var menu_item_group_component = normalizeComponent( + src_menu_item_groupvue_type_script_lang_js_, + menu_item_groupvue_type_template_id_543b7bdc_render, + menu_item_groupvue_type_template_id_543b7bdc_staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var menu_item_group_api; } +menu_item_group_component.options.__file = "packages/menu/src/menu-item-group.vue" +/* harmony default export */ var menu_item_group = (menu_item_group_component.exports); +// CONCATENATED MODULE: ./packages/menu-item-group/index.js + + +/* istanbul ignore next */ +menu_item_group.install = function (Vue) { + Vue.component(menu_item_group.name, menu_item_group); +}; + +/* harmony default export */ var packages_menu_item_group = (menu_item_group); +// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/input/src/input.vue?vue&type=template&id=343dd774& +var inputvue_type_template_id_343dd774_render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + class: [ + _vm.type === "textarea" ? "el-textarea" : "el-input", + _vm.inputSize ? "el-input--" + _vm.inputSize : "", + { + "is-disabled": _vm.inputDisabled, + "is-exceed": _vm.inputExceed, + "el-input-group": _vm.$slots.prepend || _vm.$slots.append, + "el-input-group--append": _vm.$slots.append, + "el-input-group--prepend": _vm.$slots.prepend, + "el-input--prefix": _vm.$slots.prefix || _vm.prefixIcon, + "el-input--suffix": + _vm.$slots.suffix || + _vm.suffixIcon || + _vm.clearable || + _vm.showPassword + } + ], + on: { + mouseenter: function($event) { + _vm.hovering = true + }, + mouseleave: function($event) { + _vm.hovering = false + } + } + }, + [ + _vm.type !== "textarea" + ? [ + _vm.$slots.prepend + ? _c( + "div", + { staticClass: "el-input-group__prepend" }, + [_vm._t("prepend")], + 2 + ) + : _vm._e(), + _vm.type !== "textarea" + ? _c( + "input", + _vm._b( + { + ref: "input", + staticClass: "el-input__inner", + attrs: { + tabindex: _vm.tabindex, + type: _vm.showPassword + ? _vm.passwordVisible + ? "text" + : "password" + : _vm.type, + disabled: _vm.inputDisabled, + readonly: _vm.readonly, + autocomplete: _vm.autoComplete || _vm.autocomplete, + "aria-label": _vm.label + }, + on: { + compositionstart: _vm.handleCompositionStart, + compositionupdate: _vm.handleCompositionUpdate, + compositionend: _vm.handleCompositionEnd, + input: _vm.handleInput, + focus: _vm.handleFocus, + blur: _vm.handleBlur, + change: _vm.handleChange + } + }, + "input", + _vm.$attrs, + false + ) + ) + : _vm._e(), + _vm.$slots.prefix || _vm.prefixIcon + ? _c( + "span", + { staticClass: "el-input__prefix" }, + [ + _vm._t("prefix"), + _vm.prefixIcon + ? _c("i", { + staticClass: "el-input__icon", + class: _vm.prefixIcon + }) + : _vm._e() + ], + 2 + ) + : _vm._e(), + _vm.getSuffixVisible() + ? _c("span", { staticClass: "el-input__suffix" }, [ + _c( + "span", + { staticClass: "el-input__suffix-inner" }, + [ + !_vm.showClear || + !_vm.showPwdVisible || + !_vm.isWordLimitVisible + ? [ + _vm._t("suffix"), + _vm.suffixIcon + ? _c("i", { + staticClass: "el-input__icon", + class: _vm.suffixIcon + }) + : _vm._e() + ] + : _vm._e(), + _vm.showClear + ? _c("i", { + staticClass: + "el-input__icon el-icon-circle-close el-input__clear", + on: { + mousedown: function($event) { + $event.preventDefault() + }, + click: _vm.clear + } + }) + : _vm._e(), + _vm.showPwdVisible + ? _c("i", { + staticClass: + "el-input__icon el-icon-view el-input__clear", + on: { click: _vm.handlePasswordVisible } + }) + : _vm._e(), + _vm.isWordLimitVisible + ? _c("span", { staticClass: "el-input__count" }, [ + _c( + "span", + { staticClass: "el-input__count-inner" }, + [ + _vm._v( + "\n " + + _vm._s(_vm.textLength) + + "/" + + _vm._s(_vm.upperLimit) + + "\n " + ) + ] + ) + ]) + : _vm._e() + ], + 2 + ), + _vm.validateState + ? _c("i", { + staticClass: "el-input__icon", + class: ["el-input__validateIcon", _vm.validateIcon] + }) + : _vm._e() + ]) + : _vm._e(), + _vm.$slots.append + ? _c( + "div", + { staticClass: "el-input-group__append" }, + [_vm._t("append")], + 2 + ) + : _vm._e() + ] + : _c( + "textarea", + _vm._b( + { + ref: "textarea", + staticClass: "el-textarea__inner", + style: _vm.textareaStyle, + attrs: { + tabindex: _vm.tabindex, + disabled: _vm.inputDisabled, + readonly: _vm.readonly, + autocomplete: _vm.autoComplete || _vm.autocomplete, + "aria-label": _vm.label + }, + on: { + compositionstart: _vm.handleCompositionStart, + compositionupdate: _vm.handleCompositionUpdate, + compositionend: _vm.handleCompositionEnd, + input: _vm.handleInput, + focus: _vm.handleFocus, + blur: _vm.handleBlur, + change: _vm.handleChange + } + }, + "textarea", + _vm.$attrs, + false + ) + ), + _vm.isWordLimitVisible && _vm.type === "textarea" + ? _c("span", { staticClass: "el-input__count" }, [ + _vm._v(_vm._s(_vm.textLength) + "/" + _vm._s(_vm.upperLimit)) + ]) + : _vm._e() + ], + 2 + ) +} +var inputvue_type_template_id_343dd774_staticRenderFns = [] +inputvue_type_template_id_343dd774_render._withStripped = true + + +// CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=template&id=343dd774& + +// CONCATENATED MODULE: ./packages/input/src/calcTextareaHeight.js +var hiddenTextarea = void 0; + +var HIDDEN_STYLE = '\n height:0 !important;\n visibility:hidden !important;\n overflow:hidden !important;\n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important\n'; + +var CONTEXT_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing']; + +function calculateNodeStyling(targetElement) { + var style = window.getComputedStyle(targetElement); + + var boxSizing = style.getPropertyValue('box-sizing'); + + var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top')); + + var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width')); + + var contextStyle = CONTEXT_STYLE.map(function (name) { + return name + ':' + style.getPropertyValue(name); + }).join(';'); + + return { contextStyle: contextStyle, paddingSize: paddingSize, borderSize: borderSize, boxSizing: boxSizing }; +} + +function calcTextareaHeight(targetElement) { + var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1; + var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null; + + if (!hiddenTextarea) { + hiddenTextarea = document.createElement('textarea'); + document.body.appendChild(hiddenTextarea); + } + + var _calculateNodeStyling = calculateNodeStyling(targetElement), + paddingSize = _calculateNodeStyling.paddingSize, + borderSize = _calculateNodeStyling.borderSize, + boxSizing = _calculateNodeStyling.boxSizing, + contextStyle = _calculateNodeStyling.contextStyle; + + hiddenTextarea.setAttribute('style', contextStyle + ';' + HIDDEN_STYLE); + hiddenTextarea.value = targetElement.value || targetElement.placeholder || ''; + + var height = hiddenTextarea.scrollHeight; + var result = {}; + + if (boxSizing === 'border-box') { + height = height + borderSize; + } else if (boxSizing === 'content-box') { + height = height - paddingSize; + } + + hiddenTextarea.value = ''; + var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize; + + if (minRows !== null) { + var minHeight = singleRowHeight * minRows; + if (boxSizing === 'border-box') { + minHeight = minHeight + paddingSize + borderSize; + } + height = Math.max(minHeight, height); + result.minHeight = minHeight + 'px'; + } + if (maxRows !== null) { + var maxHeight = singleRowHeight * maxRows; + if (boxSizing === 'border-box') { + maxHeight = maxHeight + paddingSize + borderSize; + } + height = Math.min(maxHeight, height); + } + result.height = height + 'px'; + hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea); + hiddenTextarea = null; + return result; +}; +// EXTERNAL MODULE: external "element-ui/lib/utils/merge" +var merge_ = __webpack_require__(7); +var merge_default = /*#__PURE__*/__webpack_require__.n(merge_); + +// EXTERNAL MODULE: external "element-ui/lib/utils/shared" +var shared_ = __webpack_require__(19); + +// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/input/src/input.vue?vue&type=script&lang=js& +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + + + + + + + +/* harmony default export */ var inputvue_type_script_lang_js_ = ({ + name: 'ElInput', + + componentName: 'ElInput', + + mixins: [emitter_default.a, migrating_default.a], + + inheritAttrs: false, + + inject: { + elForm: { + default: '' + }, + elFormItem: { + default: '' + } + }, + + data: function data() { + return { + textareaCalcStyle: {}, + hovering: false, + focused: false, + isComposing: false, + passwordVisible: false + }; + }, + + + props: { + value: [String, Number], + size: String, + resize: String, + form: String, + disabled: Boolean, + readonly: Boolean, + type: { + type: String, + default: 'text' + }, + autosize: { + type: [Boolean, Object], + default: false + }, + autocomplete: { + type: String, + default: 'off' + }, + /** @Deprecated in next major version */ + autoComplete: { + type: String, + validator: function validator(val) { + false && false; + return true; + } + }, + validateEvent: { + type: Boolean, + default: true + }, + suffixIcon: String, + prefixIcon: String, + label: String, + clearable: { + type: Boolean, + default: false + }, + showPassword: { + type: Boolean, + default: false + }, + showWordLimit: { + type: Boolean, + default: false + }, + tabindex: String + }, + + computed: { + _elFormItemSize: function _elFormItemSize() { + return (this.elFormItem || {}).elFormItemSize; + }, + validateState: function validateState() { + return this.elFormItem ? this.elFormItem.validateState : ''; + }, + needStatusIcon: function needStatusIcon() { + return this.elForm ? this.elForm.statusIcon : false; + }, + validateIcon: function validateIcon() { + return { + validating: 'el-icon-loading', + success: 'el-icon-circle-check', + error: 'el-icon-circle-close' + }[this.validateState]; + }, + textareaStyle: function textareaStyle() { + return merge_default()({}, this.textareaCalcStyle, { resize: this.resize }); + }, + inputSize: function inputSize() { + return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; + }, + inputDisabled: function inputDisabled() { + return this.disabled || (this.elForm || {}).disabled; + }, + nativeInputValue: function nativeInputValue() { + return this.value === null || this.value === undefined ? '' : String(this.value); + }, + showClear: function showClear() { + return this.clearable && !this.inputDisabled && !this.readonly && this.nativeInputValue && (this.focused || this.hovering); + }, + showPwdVisible: function showPwdVisible() { + return this.showPassword && !this.inputDisabled && !this.readonly && (!!this.nativeInputValue || this.focused); + }, + isWordLimitVisible: function isWordLimitVisible() { + return this.showWordLimit && this.$attrs.maxlength && (this.type === 'text' || this.type === 'textarea') && !this.inputDisabled && !this.readonly && !this.showPassword; + }, + upperLimit: function upperLimit() { + return this.$attrs.maxlength; + }, + textLength: function textLength() { + if (typeof this.value === 'number') { + return String(this.value).length; + } + + return (this.value || '').length; + }, + inputExceed: function inputExceed() { + // show exceed style if length of initial value greater then maxlength + return this.isWordLimitVisible && this.textLength > this.upperLimit; + } + }, + + watch: { + value: function value(val) { + this.$nextTick(this.resizeTextarea); + if (this.validateEvent) { + this.dispatch('ElFormItem', 'el.form.change', [val]); + } + }, + + // native input value is set explicitly + // do not use v-model / :value in template + // see: https://github.com/ElemeFE/element/issues/14521 + nativeInputValue: function nativeInputValue() { + this.setNativeInputValue(); + }, + + // when change between and