text: 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 = 38);
  /******/ })
  /************************************************************************/
  /******/ ([
  /* 0 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/dom");
  
  /***/ }),
  /* 1 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/util");
  
  /***/ }),
  /* 2 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/mixins/emitter");
  
  /***/ }),
  /* 3 */
  /***/ (function(module, exports) {
  
  module.exports = require("vue");
  
  /***/ }),
  /* 4 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/vue-popper");
  
  /***/ }),
  /* 5 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/mixins/locale");
  
  /***/ }),
  /* 6 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/merge");
  
  /***/ }),
  /* 7 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/input");
  
  /***/ }),
  /* 8 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/mixins/migrating");
  
  /***/ }),
  /* 9 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/locale");
  
  /***/ }),
  /* 10 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/clickoutside");
  
  /***/ }),
  /* 11 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/popup");
  
  /***/ }),
  /* 12 */
  /***/ (function(module, exports) {
  
  module.exports = require("throttle-debounce/debounce");
  
  /***/ }),
  /* 13 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/resize-event");
  
  /***/ }),
  /* 14 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/checkbox");
  
  /***/ }),
  /* 15 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/button");
  
  /***/ }),
  /* 16 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/vdom");
  
  /***/ }),
  /* 17 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/transitions/collapse-transition");
  
  /***/ }),
  /* 18 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/scrollbar");
  
  /***/ }),
  /* 19 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/mixins/focus");
  
  /***/ }),
  /* 20 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/tooltip");
  
  /***/ }),
  /* 21 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/tag");
  
  /***/ }),
  /* 22 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/scroll-into-view");
  
  /***/ }),
  /* 23 */
  /***/ (function(module, exports) {
  
  module.exports = require("babel-helper-vue-jsx-merge-props");
  
  /***/ }),
  /* 24 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/date");
  
  /***/ }),
  /* 25 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/shared");
  
  /***/ }),
  /* 26 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/scrollbar-width");
  
  /***/ }),
  /* 27 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/checkbox-group");
  
  /***/ }),
  /* 28 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/after-leave");
  
  /***/ }),
  /* 29 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/progress");
  
  /***/ }),
  /* 30 */
  /***/ (function(module, exports) {
  
  module.exports = require("throttle-debounce/throttle");
  
  /***/ }),
  /* 31 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/select");
  
  /***/ }),
  /* 32 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/option");
  
  /***/ }),
  /* 33 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/button-group");
  
  /***/ }),
  /* 34 */
  /***/ (function(module, exports) {
  
  module.exports = require("normalize-wheel");
  
  /***/ }),
  /* 35 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/utils/aria-dialog");
  
  /***/ }),
  /* 36 */
  /***/ (function(module, exports) {
  
  module.exports = require("async-validator");
  
  /***/ }),
  /* 37 */
  /***/ (function(module, exports) {
  
  module.exports = require("element-ui/lib/input-number");
  
  /***/ }),
  /* 38 */
  /***/ (function(module, exports, __webpack_require__) {
  
  module.exports = __webpack_require__(39);
  
  
  /***/ }),
  /* 39 */
  /***/ (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__(31);
  var select_default = /*#__PURE__*/__webpack_require__.n(select_);
  
  // EXTERNAL MODULE: external "element-ui/lib/option"
  var option_ = __webpack_require__(32);
  var option_default = /*#__PURE__*/__webpack_require__.n(option_);
  
  // EXTERNAL MODULE: external "element-ui/lib/input"
  var input_ = __webpack_require__(7);
  var input_default = /*#__PURE__*/__webpack_require__.n(input_);
  
  // EXTERNAL MODULE: external "element-ui/lib/mixins/locale"
  var locale_ = __webpack_require__(5);
  var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
  
  // EXTERNAL MODULE: external "element-ui/lib/utils/util"
  var util_ = __webpack_require__(1);
  
  // 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
    },
  
    data: function data() {
      return {
        internalCurrentPage: 1,
        internalPageSize: 0,
        lastEmittedPage: -1,
        userChangePageSize: false
      };
    },
    render: function render(h) {
      var template = h('div', { 'class': ['el-pagination', {
          'is-background': this.background,
          'el-pagination--small': this.small
        }] });
      var layout = this.layout || '';
      if (!layout) return;
      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('my-slot'),
        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: {
      MySlot: {
        render: function render(h) {
          return this.$parent.$slots.default ? this.$parent.$slots.default[0] : '';
        }
      },
      Prev: {
        render: function render(h) {
          return h(
            'button',
            {
              attrs: {
                type: 'button',
  
                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",
              {
                ref: "dialog",
                staticClass: "el-dialog",
                class: [
                  {
                    "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__(11);
  var popup_default = /*#__PURE__*/__webpack_require__.n(popup_);
  
  // EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
  var migrating_ = __webpack_require__(8);
  var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
  
  // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
  var emitter_ = __webpack_require__(2);
  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
      }
    },
  
    data: function data() {
      return {
        closed: false
      };
    },
  
  
    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');
        }
      }
    },
  
    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.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__(12);
  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__(4);
  var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
  
  // EXTERNAL MODULE: external "element-ui/lib/scrollbar"
  var scrollbar_ = __webpack_require__(18);
  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.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__(19);
  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
      }
    },
    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;
          } else {
            console.error('[Element Error][Autocomplete]autocomplete suggestions must be an array');
          }
        });
      },
      handleChange: function handleChange(value) {
        this.$emit('input', value);
        this.suggestionDisabled = false;
        if (!this.triggerOnFocus && !value) {
          this.suggestionDisabled = true;
          this.suggestions = [];
          return;
        }
        this.debouncedGetData(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__(15);
  var button_default = /*#__PURE__*/__webpack_require__.n(button_);
  
  // EXTERNAL MODULE: external "element-ui/lib/button-group"
  var button_group_ = __webpack_require__(33);
  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
      }
    },
  
    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);
      this.initEvent();
      this.initAria();
    },
  
  
    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();
        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();
        }
        return;
      },
      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.triggerElm.focus();
          target.click();
          if (this.hideOnClick) {
            // click关闭
            this.visible = false;
          }
        } else if ([9, 27].indexOf(keyCode) > -1) {
          // tab // esc
          this.hide();
          this.triggerElm.focus();
        }
        return;
      },
      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);
        this.menuItems = this.dropdownElm.querySelectorAll("[tabindex='-1']");
        this.menuItemsArray = Array.prototype.slice.call(this.menuItems);
  
        if (!this.splitButton) {
          // 自定义
          this.triggerElm.setAttribute('role', 'button');
          this.triggerElm.setAttribute('tabindex', '0');
          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.$slots.dropdown[0].elm;
  
        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);
      },
      focus: function focus() {
        this.triggerElm.focus && this.triggerElm.focus();
      }
    },
  
    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.$parent.popperElm = this.popperElm = this.$el;
      this.referenceElm = this.$parent.$el;
    },
  
  
    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._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
    },
  
    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
  };
  
  /* 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__(0);
  
  // 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: 'updateActiveIndex',
  
      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;
  
        this.activeIndex = item.index;
        this.$emit('select', index, indexPath, item);
  
        if (this.mode === 'horizontal' || this.collapse) {
          this.openedMenus = [];
        }
  
        if (this.router) {
          this.routeToItem(item, function (error) {
            _this.activeIndex = oldActiveIndex;
            if (error) 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__(17);
  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() {
        var _this2 = this;
  
        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);
        }, this.showTimeout);
      },
      handleMouseleave: function handleMouseleave() {
        var _this3 = this;
  
        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);
      },
      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 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': this.handleMouseenter,
              'mouseleave': this.handleMouseleave,
              'focus': this.handleMouseenter
            }
          },
          [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': this.handleMouseleave,
            '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__(20);
  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: {
        type: String,
        required: true
      },
      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,
            "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
          }
        ],
        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.type,
                          disabled: _vm.inputDisabled,
                          readonly: _vm.readonly,
                          autocomplete: _vm.autoComplete || _vm.autocomplete,
                          "aria-label": _vm.label
                        },
                        domProps: { value: _vm.nativeInputValue },
                        on: {
                          compositionstart: _vm.handleComposition,
                          compositionupdate: _vm.handleComposition,
                          compositionend: _vm.handleComposition,
                          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.$slots.suffix ||
              _vm.suffixIcon ||
              _vm.showClear ||
              (_vm.validateState && _vm.needStatusIcon)
                ? _c("span", { staticClass: "el-input__suffix" }, [
                    _c(
                      "span",
                      { staticClass: "el-input__suffix-inner" },
                      [
                        !_vm.showClear
                          ? [
                              _vm._t("suffix"),
                              _vm.suffixIcon
                                ? _c("i", {
                                    staticClass: "el-input__icon",
                                    class: _vm.suffixIcon
                                  })
                                : _vm._e()
                            ]
                          : _c("i", {
                              staticClass:
                                "el-input__icon el-icon-circle-close el-input__clear",
                              on: { click: _vm.clear }
                            })
                      ],
                      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
                  },
                  domProps: { value: _vm.nativeInputValue },
                  on: {
                    compositionstart: _vm.handleComposition,
                    compositionupdate: _vm.handleComposition,
                    compositionend: _vm.handleComposition,
                    input: _vm.handleInput,
                    focus: _vm.handleFocus,
                    blur: _vm.handleBlur,
                    change: _vm.handleChange
                  }
                },
                "textarea",
                _vm.$attrs,
                false
              )
            )
      ],
      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__(6);
  var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
  
  // 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,
        isOnComposition: 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
      },
      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 ? '' : this.value;
      },
      showClear: function showClear() {
        return this.clearable && !this.inputDisabled && !this.readonly && this.nativeInputValue && (this.focused || this.hovering);
      }
    },
  
    watch: {
      value: function value(val) {
        this.$nextTick(this.resizeTextarea);
        if (this.validateEvent) {
          this.dispatch('ElFormItem', 'el.form.change', [val]);
        }
      }
    },
  
    methods: {
      focus: function focus() {
        this.getInput().focus();
      },
      blur: function blur() {
        this.getInput().blur();
      },
      getMigratingConfig: function getMigratingConfig() {
        return {
          props: {
            'icon': 'icon is removed, use suffix-icon / prefix-icon instead.',
            'on-icon-click': 'on-icon-click is removed.'
          },
          events: {
            'click': 'click is removed.'
          }
        };
      },
      handleBlur: function handleBlur(event) {
        this.focused = false;
        this.$emit('blur', event);
        if (this.validateEvent) {
          this.dispatch('ElFormItem', 'el.form.blur', [this.value]);
        }
      },
      select: function select() {
        this.getInput().select();
      },
      resizeTextarea: function resizeTextarea() {
        if (this.$isServer) return;
        var autosize = this.autosize,
            type = this.type;
  
        if (type !== 'textarea') return;
        if (!autosize) {
          this.textareaCalcStyle = {
            minHeight: calcTextareaHeight(this.$refs.textarea).minHeight
          };
          return;
        }
        var minRows = autosize.minRows;
        var maxRows = autosize.maxRows;
  
        this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows);
      },
      handleFocus: function handleFocus(event) {
        this.focused = true;
        this.$emit('focus', event);
      },
      handleComposition: function handleComposition(event) {
        if (event.type === 'compositionstart') {
          this.isOnComposition = true;
        }
        if (event.type === 'compositionend') {
          this.isOnComposition = false;
          this.handleInput(event);
        }
      },
      handleInput: function handleInput(event) {
        var _this = this;
  
        if (this.isOnComposition) return;
  
        // hack for https://github.com/ElemeFE/element/issues/8548
        // should remove the following line when we don't support IE
        if (event.target.value === this.nativeInputValue) return;
  
        this.$emit('input', event.target.value);
  
        // set input's value, in case parent refuses the change
        // see: https://github.com/ElemeFE/element/issues/12850
        this.$nextTick(function () {
          var input = _this.getInput();
          input.value = _this.value;
        });
      },
      handleChange: function handleChange(event) {
        this.$emit('change', event.target.value);
      },
      calcIconOffset: function calcIconOffset(place) {
        var elList = [].slice.call(this.$el.querySelectorAll('.el-input__' + place) || []);
        if (!elList.length) return;
        var el = null;
        for (var i = 0; i < elList.length; i++) {
          if (elList[i].parentNode === this.$el) {
            el = elList[i];
            break;
          }
        }
        if (!el) return;
        var pendantMap = {
          suffix: 'append',
          prefix: 'prepend'
        };
  
        var pendant = pendantMap[place];
        if (this.$slots[pendant]) {
          el.style.transform = 'translateX(' + (place === 'suffix' ? '-' : '') + this.$el.querySelector('.el-input-group__' + pendant).offsetWidth + 'px)';
        } else {
          el.removeAttribute('style');
        }
      },
      updateIconOffset: function updateIconOffset() {
        this.calcIconOffset('prefix');
        this.calcIconOffset('suffix');
      },
      clear: function clear() {
        this.$emit('input', '');
        this.$emit('change', '');
        this.$emit('clear');
      },
      getInput: function getInput() {
        return this.$refs.input || this.$refs.textarea;
      }
    },
  
    created: function created() {
      this.$on('inputSelect', this.select);
    },
    mounted: function mounted() {
      this.resizeTextarea();
      this.updateIconOffset();
    },
    updated: function updated() {
      this.$nextTick(this.updateIconOffset);
    }
  });
  // CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_inputvue_type_script_lang_js_ = (inputvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/input/src/input.vue
  
  
  
  
  
  /* normalize component */
  
  var input_component = normalizeComponent(
    src_inputvue_type_script_lang_js_,
    inputvue_type_template_id_343dd774_render,
    inputvue_type_template_id_343dd774_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var input_api; }
  input_component.options.__file = "packages/input/src/input.vue"
  /* harmony default export */ var input = (input_component.exports);
  // CONCATENATED MODULE: ./packages/input/index.js
  
  
  /* istanbul ignore next */
  input.install = function (Vue) {
    Vue.component(input.name, input);
  };
  
  /* harmony default export */ var packages_input = (input);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/input-number/src/input-number.vue?vue&type=template&id=42f8cf66&
  var input_numbervue_type_template_id_42f8cf66_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        class: [
          "el-input-number",
          _vm.inputNumberSize ? "el-input-number--" + _vm.inputNumberSize : "",
          { "is-disabled": _vm.inputNumberDisabled },
          { "is-without-controls": !_vm.controls },
          { "is-controls-right": _vm.controlsAtRight }
        ],
        on: {
          dragstart: function($event) {
            $event.preventDefault()
          }
        }
      },
      [
        _vm.controls
          ? _c(
              "span",
              {
                directives: [
                  {
                    name: "repeat-click",
                    rawName: "v-repeat-click",
                    value: _vm.decrease,
                    expression: "decrease"
                  }
                ],
                staticClass: "el-input-number__decrease",
                class: { "is-disabled": _vm.minDisabled },
                attrs: { role: "button" },
                on: {
                  keydown: function($event) {
                    if (
                      !("button" in $event) &&
                      _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
                    ) {
                      return null
                    }
                    return _vm.decrease($event)
                  }
                }
              },
              [
                _c("i", {
                  class:
                    "el-icon-" + (_vm.controlsAtRight ? "arrow-down" : "minus")
                })
              ]
            )
          : _vm._e(),
        _vm.controls
          ? _c(
              "span",
              {
                directives: [
                  {
                    name: "repeat-click",
                    rawName: "v-repeat-click",
                    value: _vm.increase,
                    expression: "increase"
                  }
                ],
                staticClass: "el-input-number__increase",
                class: { "is-disabled": _vm.maxDisabled },
                attrs: { role: "button" },
                on: {
                  keydown: function($event) {
                    if (
                      !("button" in $event) &&
                      _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
                    ) {
                      return null
                    }
                    return _vm.increase($event)
                  }
                }
              },
              [
                _c("i", {
                  class: "el-icon-" + (_vm.controlsAtRight ? "arrow-up" : "plus")
                })
              ]
            )
          : _vm._e(),
        _c("el-input", {
          ref: "input",
          attrs: {
            value: _vm.displayValue,
            placeholder: _vm.placeholder,
            disabled: _vm.inputNumberDisabled,
            size: _vm.inputNumberSize,
            max: _vm.max,
            min: _vm.min,
            name: _vm.name,
            label: _vm.label
          },
          on: {
            blur: _vm.handleBlur,
            focus: _vm.handleFocus,
            input: _vm.handleInput,
            change: _vm.handleInputChange
          },
          nativeOn: {
            keydown: [
              function($event) {
                if (
                  !("button" in $event) &&
                  _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])
                ) {
                  return null
                }
                $event.preventDefault()
                return _vm.increase($event)
              },
              function($event) {
                if (
                  !("button" in $event) &&
                  _vm._k($event.keyCode, "down", 40, $event.key, [
                    "Down",
                    "ArrowDown"
                  ])
                ) {
                  return null
                }
                $event.preventDefault()
                return _vm.decrease($event)
              }
            ]
          }
        })
      ],
      1
    )
  }
  var input_numbervue_type_template_id_42f8cf66_staticRenderFns = []
  input_numbervue_type_template_id_42f8cf66_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/input-number/src/input-number.vue?vue&type=template&id=42f8cf66&
  
  // CONCATENATED MODULE: ./src/directives/repeat-click.js
  
  
  /* harmony default export */ var repeat_click = ({
    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 (new Date() - startTime < 100) {
          handler();
        }
        clearInterval(interval);
        interval = null;
      };
  
      Object(dom_["on"])(el, 'mousedown', function (e) {
        if (e.button !== 0) return;
        startTime = new Date();
        Object(dom_["once"])(document, 'mouseup', clear);
        clearInterval(interval);
        interval = setInterval(handler, 100);
      });
    }
  });
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/input-number/src/input-number.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  /* harmony default export */ var input_numbervue_type_script_lang_js_ = ({
    name: 'ElInputNumber',
    mixins: [focus_default()('input')],
    inject: {
      elForm: {
        default: ''
      },
      elFormItem: {
        default: ''
      }
    },
    directives: {
      repeatClick: repeat_click
    },
    components: {
      ElInput: input_default.a
    },
    props: {
      step: {
        type: Number,
        default: 1
      },
      max: {
        type: Number,
        default: Infinity
      },
      min: {
        type: Number,
        default: -Infinity
      },
      value: {},
      disabled: Boolean,
      size: String,
      controls: {
        type: Boolean,
        default: true
      },
      controlsPosition: {
        type: String,
        default: ''
      },
      name: String,
      label: String,
      placeholder: String,
      precision: {
        type: Number,
        validator: function validator(val) {
          return val >= 0 && val === parseInt(val, 10);
        }
      }
    },
    data: function data() {
      return {
        currentValue: 0,
        userInput: null
      };
    },
  
    watch: {
      value: {
        immediate: true,
        handler: function handler(value) {
          var newVal = value === undefined ? value : Number(value);
          if (newVal !== undefined) {
            if (isNaN(newVal)) {
              return;
            }
            if (this.precision !== undefined) {
              newVal = this.toPrecision(newVal, this.precision);
            }
          }
          if (newVal >= this.max) newVal = this.max;
          if (newVal <= this.min) newVal = this.min;
          this.currentValue = newVal;
          this.userInput = null;
          this.$emit('input', newVal);
        }
      }
    },
    computed: {
      minDisabled: function minDisabled() {
        return this._decrease(this.value, this.step) < this.min;
      },
      maxDisabled: function maxDisabled() {
        return this._increase(this.value, this.step) > this.max;
      },
      numPrecision: function numPrecision() {
        var value = this.value,
            step = this.step,
            getPrecision = this.getPrecision,
            precision = this.precision;
  
        var stepPrecision = getPrecision(step);
        if (precision !== undefined) {
          if (stepPrecision > precision) {
            console.warn('[Element Warn][InputNumber]precision should not be less than the decimal places of step');
          }
          return precision;
        } else {
          return Math.max(getPrecision(value), stepPrecision);
        }
      },
      controlsAtRight: function controlsAtRight() {
        return this.controls && this.controlsPosition === 'right';
      },
      _elFormItemSize: function _elFormItemSize() {
        return (this.elFormItem || {}).elFormItemSize;
      },
      inputNumberSize: function inputNumberSize() {
        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
      },
      inputNumberDisabled: function inputNumberDisabled() {
        return this.disabled || (this.elForm || {}).disabled;
      },
      displayValue: function displayValue() {
        if (this.userInput !== null) {
          return this.userInput;
        }
        var currentValue = this.currentValue;
        if (typeof currentValue === 'number' && this.precision !== undefined) {
          return currentValue.toFixed(this.precision);
        } else {
          return currentValue;
        }
      }
    },
    methods: {
      toPrecision: function toPrecision(num, precision) {
        if (precision === undefined) precision = this.numPrecision;
        return parseFloat(parseFloat(Number(num).toFixed(precision)));
      },
      getPrecision: function getPrecision(value) {
        if (value === undefined) return 0;
        var valueString = value.toString();
        var dotPosition = valueString.indexOf('.');
        var precision = 0;
        if (dotPosition !== -1) {
          precision = valueString.length - dotPosition - 1;
        }
        return precision;
      },
      _increase: function _increase(val, step) {
        if (typeof val !== 'number' && val !== undefined) return this.currentValue;
  
        var precisionFactor = Math.pow(10, this.numPrecision);
        // Solve the accuracy problem of JS decimal calculation by converting the value to integer.
        return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
      },
      _decrease: function _decrease(val, step) {
        if (typeof val !== 'number' && val !== undefined) return this.currentValue;
  
        var precisionFactor = Math.pow(10, this.numPrecision);
  
        return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
      },
      increase: function increase() {
        if (this.inputNumberDisabled || this.maxDisabled) return;
        var value = this.value || 0;
        var newVal = this._increase(value, this.step);
        this.setCurrentValue(newVal);
      },
      decrease: function decrease() {
        if (this.inputNumberDisabled || this.minDisabled) return;
        var value = this.value || 0;
        var newVal = this._decrease(value, this.step);
        this.setCurrentValue(newVal);
      },
      handleBlur: function handleBlur(event) {
        this.$emit('blur', event);
      },
      handleFocus: function handleFocus(event) {
        this.$emit('focus', event);
      },
      setCurrentValue: function setCurrentValue(newVal) {
        var oldVal = this.currentValue;
        if (typeof newVal === 'number' && this.precision !== undefined) {
          newVal = this.toPrecision(newVal, this.precision);
        }
        if (newVal >= this.max) newVal = this.max;
        if (newVal <= this.min) newVal = this.min;
        if (oldVal === newVal) return;
        this.userInput = null;
        this.$emit('input', newVal);
        this.$emit('change', newVal, oldVal);
        this.currentValue = newVal;
      },
      handleInput: function handleInput(value) {
        this.userInput = value;
      },
      handleInputChange: function handleInputChange(value) {
        var newVal = value === '' ? undefined : Number(value);
        if (!isNaN(newVal) || value === '') {
          this.setCurrentValue(newVal);
        }
        this.userInput = null;
      },
      select: function select() {
        this.$refs.input.select();
      }
    },
    mounted: function mounted() {
      var innerInput = this.$refs.input.$refs.input;
      innerInput.setAttribute('role', 'spinbutton');
      innerInput.setAttribute('aria-valuemax', this.max);
      innerInput.setAttribute('aria-valuemin', this.min);
      innerInput.setAttribute('aria-valuenow', this.currentValue);
      innerInput.setAttribute('aria-disabled', this.inputNumberDisabled);
    },
    updated: function updated() {
      if (!this.$refs || !this.$refs.input) return;
      var innerInput = this.$refs.input.$refs.input;
      innerInput.setAttribute('aria-valuenow', this.currentValue);
    }
  });
  // CONCATENATED MODULE: ./packages/input-number/src/input-number.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_input_numbervue_type_script_lang_js_ = (input_numbervue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/input-number/src/input-number.vue
  
  
  
  
  
  /* normalize component */
  
  var input_number_component = normalizeComponent(
    src_input_numbervue_type_script_lang_js_,
    input_numbervue_type_template_id_42f8cf66_render,
    input_numbervue_type_template_id_42f8cf66_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var input_number_api; }
  input_number_component.options.__file = "packages/input-number/src/input-number.vue"
  /* harmony default export */ var input_number = (input_number_component.exports);
  // CONCATENATED MODULE: ./packages/input-number/index.js
  
  
  /* istanbul ignore next */
  input_number.install = function (Vue) {
    Vue.component(input_number.name, input_number);
  };
  
  /* harmony default export */ var packages_input_number = (input_number);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio.vue?vue&type=template&id=69cd6268&
  var radiovue_type_template_id_69cd6268_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "label",
      {
        staticClass: "el-radio",
        class: [
          _vm.border && _vm.radioSize ? "el-radio--" + _vm.radioSize : "",
          { "is-disabled": _vm.isDisabled },
          { "is-focus": _vm.focus },
          { "is-bordered": _vm.border },
          { "is-checked": _vm.model === _vm.label }
        ],
        attrs: {
          role: "radio",
          "aria-checked": _vm.model === _vm.label,
          "aria-disabled": _vm.isDisabled,
          tabindex: _vm.tabIndex
        },
        on: {
          keydown: function($event) {
            if (
              !("button" in $event) &&
              _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])
            ) {
              return null
            }
            $event.stopPropagation()
            $event.preventDefault()
            _vm.model = _vm.isDisabled ? _vm.model : _vm.label
          }
        }
      },
      [
        _c(
          "span",
          {
            staticClass: "el-radio__input",
            class: {
              "is-disabled": _vm.isDisabled,
              "is-checked": _vm.model === _vm.label
            }
          },
          [
            _c("span", { staticClass: "el-radio__inner" }),
            _c("input", {
              directives: [
                {
                  name: "model",
                  rawName: "v-model",
                  value: _vm.model,
                  expression: "model"
                }
              ],
              staticClass: "el-radio__original",
              attrs: {
                type: "radio",
                "aria-hidden": "true",
                name: _vm.name,
                disabled: _vm.isDisabled,
                tabindex: "-1"
              },
              domProps: {
                value: _vm.label,
                checked: _vm._q(_vm.model, _vm.label)
              },
              on: {
                focus: function($event) {
                  _vm.focus = true
                },
                blur: function($event) {
                  _vm.focus = false
                },
                change: [
                  function($event) {
                    _vm.model = _vm.label
                  },
                  _vm.handleChange
                ]
              }
            })
          ]
        ),
        _c(
          "span",
          {
            staticClass: "el-radio__label",
            on: {
              keydown: function($event) {
                $event.stopPropagation()
              }
            }
          },
          [
            _vm._t("default"),
            !_vm.$slots.default ? [_vm._v(_vm._s(_vm.label))] : _vm._e()
          ],
          2
        )
      ]
    )
  }
  var radiovue_type_template_id_69cd6268_staticRenderFns = []
  radiovue_type_template_id_69cd6268_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/radio/src/radio.vue?vue&type=template&id=69cd6268&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  /* harmony default export */ var radiovue_type_script_lang_js_ = ({
    name: 'ElRadio',
  
    mixins: [emitter_default.a],
  
    inject: {
      elForm: {
        default: ''
      },
  
      elFormItem: {
        default: ''
      }
    },
  
    componentName: 'ElRadio',
  
    props: {
      value: {},
      label: {},
      disabled: Boolean,
      name: String,
      border: Boolean,
      size: String
    },
  
    data: function data() {
      return {
        focus: false
      };
    },
  
    computed: {
      isGroup: function isGroup() {
        var parent = this.$parent;
        while (parent) {
          if (parent.$options.componentName !== 'ElRadioGroup') {
            parent = parent.$parent;
          } else {
            this._radioGroup = parent;
            return true;
          }
        }
        return false;
      },
  
      model: {
        get: function get() {
          return this.isGroup ? this._radioGroup.value : this.value;
        },
        set: function set(val) {
          if (this.isGroup) {
            this.dispatch('ElRadioGroup', 'input', [val]);
          } else {
            this.$emit('input', val);
          }
        }
      },
      _elFormItemSize: function _elFormItemSize() {
        return (this.elFormItem || {}).elFormItemSize;
      },
      radioSize: function radioSize() {
        var temRadioSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
        return this.isGroup ? this._radioGroup.radioGroupSize || temRadioSize : temRadioSize;
      },
      isDisabled: function isDisabled() {
        return this.isGroup ? this._radioGroup.disabled || this.disabled || (this.elForm || {}).disabled : this.disabled || (this.elForm || {}).disabled;
      },
      tabIndex: function tabIndex() {
        return this.isDisabled || this.isGroup && this.model !== this.label ? -1 : 0;
      }
    },
  
    methods: {
      handleChange: function handleChange() {
        var _this = this;
  
        this.$nextTick(function () {
          _this.$emit('change', _this.model);
          _this.isGroup && _this.dispatch('ElRadioGroup', 'handleChange', _this.model);
        });
      }
    }
  });
  // CONCATENATED MODULE: ./packages/radio/src/radio.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_radiovue_type_script_lang_js_ = (radiovue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/radio/src/radio.vue
  
  
  
  
  
  /* normalize component */
  
  var radio_component = normalizeComponent(
    src_radiovue_type_script_lang_js_,
    radiovue_type_template_id_69cd6268_render,
    radiovue_type_template_id_69cd6268_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var radio_api; }
  radio_component.options.__file = "packages/radio/src/radio.vue"
  /* harmony default export */ var src_radio = (radio_component.exports);
  // CONCATENATED MODULE: ./packages/radio/index.js
  
  
  /* istanbul ignore next */
  src_radio.install = function (Vue) {
    Vue.component(src_radio.name, src_radio);
  };
  
  /* harmony default export */ var packages_radio = (src_radio);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio-group.vue?vue&type=template&id=818a704c&
  var radio_groupvue_type_template_id_818a704c_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-radio-group",
        attrs: { role: "radiogroup" },
        on: { keydown: _vm.handleKeydown }
      },
      [_vm._t("default")],
      2
    )
  }
  var radio_groupvue_type_template_id_818a704c_staticRenderFns = []
  radio_groupvue_type_template_id_818a704c_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/radio/src/radio-group.vue?vue&type=template&id=818a704c&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio-group.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  var keyCode = Object.freeze({
    LEFT: 37,
    UP: 38,
    RIGHT: 39,
    DOWN: 40
  });
  /* harmony default export */ var radio_groupvue_type_script_lang_js_ = ({
    name: 'ElRadioGroup',
  
    componentName: 'ElRadioGroup',
  
    inject: {
      elFormItem: {
        default: ''
      }
    },
  
    mixins: [emitter_default.a],
  
    props: {
      value: {},
      size: String,
      fill: String,
      textColor: String,
      disabled: Boolean
    },
  
    computed: {
      _elFormItemSize: function _elFormItemSize() {
        return (this.elFormItem || {}).elFormItemSize;
      },
      radioGroupSize: function radioGroupSize() {
        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
      }
    },
  
    created: function created() {
      var _this = this;
  
      this.$on('handleChange', function (value) {
        _this.$emit('change', value);
      });
    },
    mounted: function mounted() {
      // 当radioGroup没有默认选项时，第一个可以选中Tab导航
      var radios = this.$el.querySelectorAll('[type=radio]');
      var firstLabel = this.$el.querySelectorAll('[role=radio]')[0];
      if (![].some.call(radios, function (radio) {
        return radio.checked;
      }) && firstLabel) {
        firstLabel.tabIndex = 0;
      }
    },
  
    methods: {
      handleKeydown: function handleKeydown(e) {
        // 左右上下按键 可以在radio组内切换不同选项
        var target = e.target;
        var className = target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]';
        var radios = this.$el.querySelectorAll(className);
        var length = radios.length;
        var index = [].indexOf.call(radios, target);
        var roleRadios = this.$el.querySelectorAll('[role=radio]');
        switch (e.keyCode) {
          case keyCode.LEFT:
          case keyCode.UP:
            e.stopPropagation();
            e.preventDefault();
            if (index === 0) {
              roleRadios[length - 1].click();
              roleRadios[length - 1].focus();
            } else {
              roleRadios[index - 1].click();
              roleRadios[index - 1].focus();
            }
            break;
          case keyCode.RIGHT:
          case keyCode.DOWN:
            if (index === length - 1) {
              e.stopPropagation();
              e.preventDefault();
              roleRadios[0].click();
              roleRadios[0].focus();
            } else {
              roleRadios[index + 1].click();
              roleRadios[index + 1].focus();
            }
            break;
          default:
            break;
        }
      }
    },
    watch: {
      value: function value(_value) {
        this.dispatch('ElFormItem', 'el.form.change', [this.value]);
      }
    }
  });
  // CONCATENATED MODULE: ./packages/radio/src/radio-group.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_radio_groupvue_type_script_lang_js_ = (radio_groupvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/radio/src/radio-group.vue
  
  
  
  
  
  /* normalize component */
  
  var radio_group_component = normalizeComponent(
    src_radio_groupvue_type_script_lang_js_,
    radio_groupvue_type_template_id_818a704c_render,
    radio_groupvue_type_template_id_818a704c_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var radio_group_api; }
  radio_group_component.options.__file = "packages/radio/src/radio-group.vue"
  /* harmony default export */ var radio_group = (radio_group_component.exports);
  // CONCATENATED MODULE: ./packages/radio-group/index.js
  
  
  /* istanbul ignore next */
  radio_group.install = function (Vue) {
    Vue.component(radio_group.name, radio_group);
  };
  
  /* harmony default export */ var packages_radio_group = (radio_group);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio-button.vue?vue&type=template&id=18a77a32&
  var radio_buttonvue_type_template_id_18a77a32_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "label",
      {
        staticClass: "el-radio-button",
        class: [
          _vm.size ? "el-radio-button--" + _vm.size : "",
          { "is-active": _vm.value === _vm.label },
          { "is-disabled": _vm.isDisabled },
          { "is-focus": _vm.focus }
        ],
        attrs: {
          role: "radio",
          "aria-checked": _vm.value === _vm.label,
          "aria-disabled": _vm.isDisabled,
          tabindex: _vm.tabIndex
        },
        on: {
          keydown: function($event) {
            if (
              !("button" in $event) &&
              _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])
            ) {
              return null
            }
            $event.stopPropagation()
            $event.preventDefault()
            _vm.value = _vm.isDisabled ? _vm.value : _vm.label
          }
        }
      },
      [
        _c("input", {
          directives: [
            {
              name: "model",
              rawName: "v-model",
              value: _vm.value,
              expression: "value"
            }
          ],
          staticClass: "el-radio-button__orig-radio",
          attrs: {
            type: "radio",
            name: _vm.name,
            disabled: _vm.isDisabled,
            tabindex: "-1"
          },
          domProps: { value: _vm.label, checked: _vm._q(_vm.value, _vm.label) },
          on: {
            change: [
              function($event) {
                _vm.value = _vm.label
              },
              _vm.handleChange
            ],
            focus: function($event) {
              _vm.focus = true
            },
            blur: function($event) {
              _vm.focus = false
            }
          }
        }),
        _c(
          "span",
          {
            staticClass: "el-radio-button__inner",
            style: _vm.value === _vm.label ? _vm.activeStyle : null,
            on: {
              keydown: function($event) {
                $event.stopPropagation()
              }
            }
          },
          [
            _vm._t("default"),
            !_vm.$slots.default ? [_vm._v(_vm._s(_vm.label))] : _vm._e()
          ],
          2
        )
      ]
    )
  }
  var radio_buttonvue_type_template_id_18a77a32_staticRenderFns = []
  radio_buttonvue_type_template_id_18a77a32_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/radio/src/radio-button.vue?vue&type=template&id=18a77a32&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio-button.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  /* harmony default export */ var radio_buttonvue_type_script_lang_js_ = ({
    name: 'ElRadioButton',
  
    mixins: [emitter_default.a],
  
    inject: {
      elForm: {
        default: ''
      },
      elFormItem: {
        default: ''
      }
    },
  
    props: {
      label: {},
      disabled: Boolean,
      name: String
    },
    data: function data() {
      return {
        focus: false
      };
    },
  
    computed: {
      value: {
        get: function get() {
          return this._radioGroup.value;
        },
        set: function set(value) {
          this._radioGroup.$emit('input', value);
        }
      },
      _radioGroup: function _radioGroup() {
        var parent = this.$parent;
        while (parent) {
          if (parent.$options.componentName !== 'ElRadioGroup') {
            parent = parent.$parent;
          } else {
            return parent;
          }
        }
        return false;
      },
      activeStyle: function activeStyle() {
        return {
          backgroundColor: this._radioGroup.fill || '',
          borderColor: this._radioGroup.fill || '',
          boxShadow: this._radioGroup.fill ? '-1px 0 0 0 ' + this._radioGroup.fill : '',
          color: this._radioGroup.textColor || ''
        };
      },
      _elFormItemSize: function _elFormItemSize() {
        return (this.elFormItem || {}).elFormItemSize;
      },
      size: function size() {
        return this._radioGroup.radioGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size;
      },
      isDisabled: function isDisabled() {
        return this.disabled || this._radioGroup.disabled || (this.elForm || {}).disabled;
      },
      tabIndex: function tabIndex() {
        return this.isDisabled || this._radioGroup && this.value !== this.label ? -1 : 0;
      }
    },
  
    methods: {
      handleChange: function handleChange() {
        var _this = this;
  
        this.$nextTick(function () {
          _this.dispatch('ElRadioGroup', 'handleChange', _this.value);
        });
      }
    }
  });
  // CONCATENATED MODULE: ./packages/radio/src/radio-button.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_radio_buttonvue_type_script_lang_js_ = (radio_buttonvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/radio/src/radio-button.vue
  
  
  
  
  
  /* normalize component */
  
  var radio_button_component = normalizeComponent(
    src_radio_buttonvue_type_script_lang_js_,
    radio_buttonvue_type_template_id_18a77a32_render,
    radio_buttonvue_type_template_id_18a77a32_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var radio_button_api; }
  radio_button_component.options.__file = "packages/radio/src/radio-button.vue"
  /* harmony default export */ var radio_button = (radio_button_component.exports);
  // CONCATENATED MODULE: ./packages/radio-button/index.js
  
  
  /* istanbul ignore next */
  radio_button.install = function (Vue) {
    Vue.component(radio_button.name, radio_button);
  };
  
  /* harmony default export */ var packages_radio_button = (radio_button);
  // 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 checkboxvue_type_template_id_d0387074_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: {
          role: "checkbox",
          "aria-checked": _vm.indeterminate ? "mixed" : _vm.isChecked,
          "aria-disabled": _vm.isDisabled,
          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: { "aria-checked": "mixed" }
          },
          [
            _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": "true",
                    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": "true",
                    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 checkboxvue_type_template_id_d0387074_staticRenderFns = []
  checkboxvue_type_template_id_d0387074_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=template&id=d0387074&
  
  // 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;
      },
      isDisabled: function isDisabled() {
        return this.isGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled : 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_); 
  // CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue
  
  
  
  
  
  /* normalize component */
  
  var checkbox_component = normalizeComponent(
    src_checkboxvue_type_script_lang_js_,
    checkboxvue_type_template_id_d0387074_render,
    checkboxvue_type_template_id_d0387074_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var checkbox_api; }
  checkbox_component.options.__file = "packages/checkbox/src/checkbox.vue"
  /* harmony default export */ var src_checkbox = (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 = (src_checkbox);
  // 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 checkbox_buttonvue_type_template_id_478e906e_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 checkbox_buttonvue_type_template_id_478e906e_staticRenderFns = []
  checkbox_buttonvue_type_template_id_478e906e_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-button.vue?vue&type=template&id=478e906e&
  
  // 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;
      },
      isDisabled: function isDisabled() {
        return this._checkboxGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled : 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_); 
  // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-button.vue
  
  
  
  
  
  /* normalize component */
  
  var checkbox_button_component = normalizeComponent(
    src_checkbox_buttonvue_type_script_lang_js_,
    checkbox_buttonvue_type_template_id_478e906e_render,
    checkbox_buttonvue_type_template_id_478e906e_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var checkbox_button_api; }
  checkbox_button_component.options.__file = "packages/checkbox/src/checkbox-button.vue"
  /* harmony default export */ var checkbox_button = (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 = (checkbox_button);
  // 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 checkbox_groupvue_type_template_id_7289a290_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 checkbox_groupvue_type_template_id_7289a290_staticRenderFns = []
  checkbox_groupvue_type_template_id_7289a290_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=7289a290&
  
  // 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_); 
  // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue
  
  
  
  
  
  /* normalize component */
  
  var checkbox_group_component = normalizeComponent(
    src_checkbox_groupvue_type_script_lang_js_,
    checkbox_groupvue_type_template_id_7289a290_render,
    checkbox_groupvue_type_template_id_7289a290_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var checkbox_group_api; }
  checkbox_group_component.options.__file = "packages/checkbox/src/checkbox-group.vue"
  /* harmony default export */ var checkbox_group = (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 = (checkbox_group);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/switch/src/component.vue?vue&type=template&id=2dcd8fbb&
  var componentvue_type_template_id_2dcd8fbb_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-switch",
        class: { "is-disabled": _vm.switchDisabled, "is-checked": _vm.checked },
        attrs: {
          role: "switch",
          "aria-checked": _vm.checked,
          "aria-disabled": _vm.switchDisabled
        },
        on: { click: _vm.switchValue }
      },
      [
        _c("input", {
          ref: "input",
          staticClass: "el-switch__input",
          attrs: {
            type: "checkbox",
            id: _vm.id,
            name: _vm.name,
            "true-value": _vm.activeValue,
            "false-value": _vm.inactiveValue,
            disabled: _vm.switchDisabled
          },
          on: {
            change: _vm.handleChange,
            keydown: function($event) {
              if (
                !("button" in $event) &&
                _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
              ) {
                return null
              }
              return _vm.switchValue($event)
            }
          }
        }),
        _vm.inactiveIconClass || _vm.inactiveText
          ? _c(
              "span",
              {
                class: [
                  "el-switch__label",
                  "el-switch__label--left",
                  !_vm.checked ? "is-active" : ""
                ]
              },
              [
                _vm.inactiveIconClass
                  ? _c("i", { class: [_vm.inactiveIconClass] })
                  : _vm._e(),
                !_vm.inactiveIconClass && _vm.inactiveText
                  ? _c("span", { attrs: { "aria-hidden": _vm.checked } }, [
                      _vm._v(_vm._s(_vm.inactiveText))
                    ])
                  : _vm._e()
              ]
            )
          : _vm._e(),
        _c("span", {
          ref: "core",
          staticClass: "el-switch__core",
          style: { width: _vm.coreWidth + "px" }
        }),
        _vm.activeIconClass || _vm.activeText
          ? _c(
              "span",
              {
                class: [
                  "el-switch__label",
                  "el-switch__label--right",
                  _vm.checked ? "is-active" : ""
                ]
              },
              [
                _vm.activeIconClass
                  ? _c("i", { class: [_vm.activeIconClass] })
                  : _vm._e(),
                !_vm.activeIconClass && _vm.activeText
                  ? _c("span", { attrs: { "aria-hidden": !_vm.checked } }, [
                      _vm._v(_vm._s(_vm.activeText))
                    ])
                  : _vm._e()
              ]
            )
          : _vm._e()
      ]
    )
  }
  var componentvue_type_template_id_2dcd8fbb_staticRenderFns = []
  componentvue_type_template_id_2dcd8fbb_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/switch/src/component.vue?vue&type=template&id=2dcd8fbb&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/switch/src/component.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  /* harmony default export */ var switch_src_componentvue_type_script_lang_js_ = ({
    name: 'ElSwitch',
    mixins: [focus_default()('input'), migrating_default.a],
    inject: {
      elForm: {
        default: ''
      }
    },
    props: {
      value: {
        type: [Boolean, String, Number],
        default: false
      },
      disabled: {
        type: Boolean,
        default: false
      },
      width: {
        type: Number,
        default: 40
      },
      activeIconClass: {
        type: String,
        default: ''
      },
      inactiveIconClass: {
        type: String,
        default: ''
      },
      activeText: String,
      inactiveText: String,
      activeColor: {
        type: String,
        default: ''
      },
      inactiveColor: {
        type: String,
        default: ''
      },
      activeValue: {
        type: [Boolean, String, Number],
        default: true
      },
      inactiveValue: {
        type: [Boolean, String, Number],
        default: false
      },
      name: {
        type: String,
        default: ''
      },
      id: String
    },
    data: function data() {
      return {
        coreWidth: this.width
      };
    },
    created: function created() {
      if (!~[this.activeValue, this.inactiveValue].indexOf(this.value)) {
        this.$emit('input', this.inactiveValue);
      }
    },
  
    computed: {
      checked: function checked() {
        return this.value === this.activeValue;
      },
      switchDisabled: function switchDisabled() {
        return this.disabled || (this.elForm || {}).disabled;
      }
    },
    watch: {
      checked: function checked() {
        this.$refs.input.checked = this.checked;
        if (this.activeColor || this.inactiveColor) {
          this.setBackgroundColor();
        }
      }
    },
    methods: {
      handleChange: function handleChange(event) {
        var _this = this;
  
        this.$emit('input', !this.checked ? this.activeValue : this.inactiveValue);
        this.$emit('change', !this.checked ? this.activeValue : this.inactiveValue);
        this.$nextTick(function () {
          // set input's checked property
          // in case parent refuses to change component's value
          _this.$refs.input.checked = _this.checked;
        });
      },
      setBackgroundColor: function setBackgroundColor() {
        var newColor = this.checked ? this.activeColor : this.inactiveColor;
        this.$refs.core.style.borderColor = newColor;
        this.$refs.core.style.backgroundColor = newColor;
      },
      switchValue: function switchValue() {
        !this.switchDisabled && this.handleChange();
      },
      getMigratingConfig: function getMigratingConfig() {
        return {
          props: {
            'on-color': 'on-color is renamed to active-color.',
            'off-color': 'off-color is renamed to inactive-color.',
            'on-text': 'on-text is renamed to active-text.',
            'off-text': 'off-text is renamed to inactive-text.',
            'on-value': 'on-value is renamed to active-value.',
            'off-value': 'off-value is renamed to inactive-value.',
            'on-icon-class': 'on-icon-class is renamed to active-icon-class.',
            'off-icon-class': 'off-icon-class is renamed to inactive-icon-class.'
          }
        };
      }
    },
    mounted: function mounted() {
      /* istanbul ignore if */
      this.coreWidth = this.width || 40;
      if (this.activeColor || this.inactiveColor) {
        this.setBackgroundColor();
      }
      this.$refs.input.checked = this.checked;
    }
  });
  // CONCATENATED MODULE: ./packages/switch/src/component.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_switch_src_componentvue_type_script_lang_js_ = (switch_src_componentvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/switch/src/component.vue
  
  
  
  
  
  /* normalize component */
  
  var src_component_component = normalizeComponent(
    packages_switch_src_componentvue_type_script_lang_js_,
    componentvue_type_template_id_2dcd8fbb_render,
    componentvue_type_template_id_2dcd8fbb_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var src_component_api; }
  src_component_component.options.__file = "packages/switch/src/component.vue"
  /* harmony default export */ var switch_src_component = (src_component_component.exports);
  // CONCATENATED MODULE: ./packages/switch/index.js
  
  
  /* istanbul ignore next */
  switch_src_component.install = function (Vue) {
    Vue.component(switch_src_component.name, switch_src_component);
  };
  
  /* harmony default export */ var packages_switch = (switch_src_component);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select.vue?vue&type=template&id=0e4aade6&
  var selectvue_type_template_id_0e4aade6_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.handleClose,
            expression: "handleClose"
          }
        ],
        staticClass: "el-select",
        class: [_vm.selectSize ? "el-select--" + _vm.selectSize : ""],
        on: {
          click: function($event) {
            $event.stopPropagation()
            return _vm.toggleMenu($event)
          }
        }
      },
      [
        _vm.multiple
          ? _c(
              "div",
              {
                ref: "tags",
                staticClass: "el-select__tags",
                style: { "max-width": _vm.inputWidth - 32 + "px", width: "100%" }
              },
              [
                _vm.collapseTags && _vm.selected.length
                  ? _c(
                      "span",
                      [
                        _c(
                          "el-tag",
                          {
                            attrs: {
                              closable: !_vm.selectDisabled,
                              size: _vm.collapseTagSize,
                              hit: _vm.selected[0].hitState,
                              type: "info",
                              "disable-transitions": ""
                            },
                            on: {
                              close: function($event) {
                                _vm.deleteTag($event, _vm.selected[0])
                              }
                            }
                          },
                          [
                            _c("span", { staticClass: "el-select__tags-text" }, [
                              _vm._v(_vm._s(_vm.selected[0].currentLabel))
                            ])
                          ]
                        ),
                        _vm.selected.length > 1
                          ? _c(
                              "el-tag",
                              {
                                attrs: {
                                  closable: false,
                                  size: _vm.collapseTagSize,
                                  type: "info",
                                  "disable-transitions": ""
                                }
                              },
                              [
                                _c(
                                  "span",
                                  { staticClass: "el-select__tags-text" },
                                  [_vm._v("+ " + _vm._s(_vm.selected.length - 1))]
                                )
                              ]
                            )
                          : _vm._e()
                      ],
                      1
                    )
                  : _vm._e(),
                !_vm.collapseTags
                  ? _c(
                      "transition-group",
                      { on: { "after-leave": _vm.resetInputHeight } },
                      _vm._l(_vm.selected, function(item) {
                        return _c(
                          "el-tag",
                          {
                            key: _vm.getValueKey(item),
                            attrs: {
                              closable: !_vm.selectDisabled,
                              size: _vm.collapseTagSize,
                              hit: item.hitState,
                              type: "info",
                              "disable-transitions": ""
                            },
                            on: {
                              close: function($event) {
                                _vm.deleteTag($event, item)
                              }
                            }
                          },
                          [
                            _c("span", { staticClass: "el-select__tags-text" }, [
                              _vm._v(_vm._s(item.currentLabel))
                            ])
                          ]
                        )
                      }),
                      1
                    )
                  : _vm._e(),
                _vm.filterable
                  ? _c("input", {
                      directives: [
                        {
                          name: "model",
                          rawName: "v-model",
                          value: _vm.query,
                          expression: "query"
                        }
                      ],
                      ref: "input",
                      staticClass: "el-select__input",
                      class: [_vm.selectSize ? "is-" + _vm.selectSize : ""],
                      style: {
                        "flex-grow": "1",
                        width: _vm.inputLength / (_vm.inputWidth - 32) + "%",
                        "max-width": _vm.inputWidth - 42 + "px"
                      },
                      attrs: {
                        type: "text",
                        disabled: _vm.selectDisabled,
                        autocomplete: _vm.autoComplete || _vm.autocomplete
                      },
                      domProps: { value: _vm.query },
                      on: {
                        focus: _vm.handleFocus,
                        blur: function($event) {
                          _vm.softFocus = false
                        },
                        click: function($event) {
                          $event.stopPropagation()
                        },
                        keyup: _vm.managePlaceholder,
                        keydown: [
                          _vm.resetInputState,
                          function($event) {
                            if (
                              !("button" in $event) &&
                              _vm._k($event.keyCode, "down", 40, $event.key, [
                                "Down",
                                "ArrowDown"
                              ])
                            ) {
                              return null
                            }
                            $event.preventDefault()
                            _vm.navigateOptions("next")
                          },
                          function($event) {
                            if (
                              !("button" in $event) &&
                              _vm._k($event.keyCode, "up", 38, $event.key, [
                                "Up",
                                "ArrowUp"
                              ])
                            ) {
                              return null
                            }
                            $event.preventDefault()
                            _vm.navigateOptions("prev")
                          },
                          function($event) {
                            if (
                              !("button" in $event) &&
                              _vm._k(
                                $event.keyCode,
                                "enter",
                                13,
                                $event.key,
                                "Enter"
                              )
                            ) {
                              return null
                            }
                            $event.preventDefault()
                            return _vm.selectOption($event)
                          },
                          function($event) {
                            if (
                              !("button" in $event) &&
                              _vm._k($event.keyCode, "esc", 27, $event.key, [
                                "Esc",
                                "Escape"
                              ])
                            ) {
                              return null
                            }
                            $event.stopPropagation()
                            $event.preventDefault()
                            _vm.visible = false
                          },
                          function($event) {
                            if (
                              !("button" in $event) &&
                              _vm._k(
                                $event.keyCode,
                                "delete",
                                [8, 46],
                                $event.key,
                                ["Backspace", "Delete", "Del"]
                              )
                            ) {
                              return null
                            }
                            return _vm.deletePrevTag($event)
                          }
                        ],
                        compositionstart: _vm.handleComposition,
                        compositionupdate: _vm.handleComposition,
                        compositionend: _vm.handleComposition,
                        input: [
                          function($event) {
                            if ($event.target.composing) {
                              return
                            }
                            _vm.query = $event.target.value
                          },
                          _vm.debouncedQueryChange
                        ]
                      }
                    })
                  : _vm._e()
              ],
              1
            )
          : _vm._e(),
        _c(
          "el-input",
          {
            ref: "reference",
            class: { "is-focus": _vm.visible },
            attrs: {
              type: "text",
              placeholder: _vm.currentPlaceholder,
              name: _vm.name,
              id: _vm.id,
              autocomplete: _vm.autoComplete || _vm.autocomplete,
              size: _vm.selectSize,
              disabled: _vm.selectDisabled,
              readonly: _vm.readonly,
              "validate-event": false
            },
            on: { focus: _vm.handleFocus, blur: _vm.handleBlur },
            nativeOn: {
              keyup: function($event) {
                return _vm.debouncedOnInputChange($event)
              },
              keydown: [
                function($event) {
                  if (
                    !("button" in $event) &&
                    _vm._k($event.keyCode, "down", 40, $event.key, [
                      "Down",
                      "ArrowDown"
                    ])
                  ) {
                    return null
                  }
                  $event.stopPropagation()
                  $event.preventDefault()
                  _vm.navigateOptions("next")
                },
                function($event) {
                  if (
                    !("button" in $event) &&
                    _vm._k($event.keyCode, "up", 38, $event.key, [
                      "Up",
                      "ArrowUp"
                    ])
                  ) {
                    return null
                  }
                  $event.stopPropagation()
                  $event.preventDefault()
                  _vm.navigateOptions("prev")
                },
                function($event) {
                  if (
                    !("button" in $event) &&
                    _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
                  ) {
                    return null
                  }
                  $event.preventDefault()
                  return _vm.selectOption($event)
                },
                function($event) {
                  if (
                    !("button" in $event) &&
                    _vm._k($event.keyCode, "esc", 27, $event.key, [
                      "Esc",
                      "Escape"
                    ])
                  ) {
                    return null
                  }
                  $event.stopPropagation()
                  $event.preventDefault()
                  _vm.visible = false
                },
                function($event) {
                  if (
                    !("button" in $event) &&
                    _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")
                  ) {
                    return null
                  }
                  _vm.visible = false
                }
              ],
              paste: function($event) {
                return _vm.debouncedOnInputChange($event)
              },
              mouseenter: function($event) {
                _vm.inputHovering = true
              },
              mouseleave: function($event) {
                _vm.inputHovering = false
              }
            },
            model: {
              value: _vm.selectedLabel,
              callback: function($$v) {
                _vm.selectedLabel = $$v
              },
              expression: "selectedLabel"
            }
          },
          [
            _vm.$slots.prefix
              ? _c("template", { slot: "prefix" }, [_vm._t("prefix")], 2)
              : _vm._e(),
            _c("template", { slot: "suffix" }, [
              _c("i", {
                directives: [
                  {
                    name: "show",
                    rawName: "v-show",
                    value: !_vm.showClose,
                    expression: "!showClose"
                  }
                ],
                class: [
                  "el-select__caret",
                  "el-input__icon",
                  "el-icon-" + _vm.iconClass
                ]
              }),
              _vm.showClose
                ? _c("i", {
                    staticClass:
                      "el-select__caret el-input__icon el-icon-circle-close",
                    on: { click: _vm.handleClearClick }
                  })
                : _vm._e()
            ])
          ],
          2
        ),
        _c(
          "transition",
          {
            attrs: { name: "el-zoom-in-top" },
            on: {
              "before-enter": _vm.handleMenuEnter,
              "after-leave": _vm.doDestroy
            }
          },
          [
            _c(
              "el-select-menu",
              {
                directives: [
                  {
                    name: "show",
                    rawName: "v-show",
                    value: _vm.visible && _vm.emptyText !== false,
                    expression: "visible && emptyText !== false"
                  }
                ],
                ref: "popper",
                attrs: { "append-to-body": _vm.popperAppendToBody }
              },
              [
                _c(
                  "el-scrollbar",
                  {
                    directives: [
                      {
                        name: "show",
                        rawName: "v-show",
                        value: _vm.options.length > 0 && !_vm.loading,
                        expression: "options.length > 0 && !loading"
                      }
                    ],
                    ref: "scrollbar",
                    class: {
                      "is-empty":
                        !_vm.allowCreate &&
                        _vm.query &&
                        _vm.filteredOptionsCount === 0
                    },
                    attrs: {
                      tag: "ul",
                      "wrap-class": "el-select-dropdown__wrap",
                      "view-class": "el-select-dropdown__list"
                    }
                  },
                  [
                    _vm.showNewOption
                      ? _c("el-option", {
                          attrs: { value: _vm.query, created: "" }
                        })
                      : _vm._e(),
                    _vm._t("default")
                  ],
                  2
                ),
                _vm.emptyText &&
                (!_vm.allowCreate ||
                  _vm.loading ||
                  (_vm.allowCreate && _vm.options.length === 0))
                  ? _c("p", { staticClass: "el-select-dropdown__empty" }, [
                      _vm._v("\n        " + _vm._s(_vm.emptyText) + "\n      ")
                    ])
                  : _vm._e()
              ],
              1
            )
          ],
          1
        )
      ],
      1
    )
  }
  var selectvue_type_template_id_0e4aade6_staticRenderFns = []
  selectvue_type_template_id_0e4aade6_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=template&id=0e4aade6&
  
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=template&id=06828748&
  var select_dropdownvue_type_template_id_06828748_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-select-dropdown el-popper",
        class: [{ "is-multiple": _vm.$parent.multiple }, _vm.popperClass],
        style: { minWidth: _vm.minWidth }
      },
      [_vm._t("default")],
      2
    )
  }
  var select_dropdownvue_type_template_id_06828748_staticRenderFns = []
  select_dropdownvue_type_template_id_06828748_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue?vue&type=template&id=06828748&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  /* harmony default export */ var select_dropdownvue_type_script_lang_js_ = ({
    name: 'ElSelectDropdown',
  
    componentName: 'ElSelectDropdown',
  
    mixins: [vue_popper_default.a],
  
    props: {
      placement: {
        default: 'bottom-start'
      },
  
      boundariesPadding: {
        default: 0
      },
  
      popperOptions: {
        default: function _default() {
          return {
            gpuAcceleration: false
          };
        }
      },
  
      visibleArrow: {
        default: true
      },
  
      appendToBody: {
        type: Boolean,
        default: true
      }
    },
  
    data: function data() {
      return {
        minWidth: ''
      };
    },
  
  
    computed: {
      popperClass: function popperClass() {
        return this.$parent.popperClass;
      }
    },
  
    watch: {
      '$parent.inputWidth': function $parentInputWidth() {
        this.minWidth = this.$parent.$el.getBoundingClientRect().width + 'px';
      }
    },
  
    mounted: function mounted() {
      var _this = this;
  
      this.referenceElm = this.$parent.$refs.reference.$el;
      this.$parent.popperElm = this.popperElm = this.$el;
      this.$on('updatePopper', function () {
        if (_this.$parent.visible) _this.updatePopper();
      });
      this.$on('destroyPopper', this.destroyPopper);
    }
  });
  // CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_select_dropdownvue_type_script_lang_js_ = (select_dropdownvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue
  
  
  
  
  
  /* normalize component */
  
  var select_dropdown_component = normalizeComponent(
    src_select_dropdownvue_type_script_lang_js_,
    select_dropdownvue_type_template_id_06828748_render,
    select_dropdownvue_type_template_id_06828748_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var select_dropdown_api; }
  select_dropdown_component.options.__file = "packages/select/src/select-dropdown.vue"
  /* harmony default export */ var select_dropdown = (select_dropdown_component.exports);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option.vue?vue&type=template&id=7a44c642&
  var optionvue_type_template_id_7a44c642_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "li",
      {
        directives: [
          {
            name: "show",
            rawName: "v-show",
            value: _vm.visible,
            expression: "visible"
          }
        ],
        staticClass: "el-select-dropdown__item",
        class: {
          selected: _vm.itemSelected,
          "is-disabled": _vm.disabled || _vm.groupDisabled || _vm.limitReached,
          hover: _vm.hover
        },
        on: {
          mouseenter: _vm.hoverItem,
          click: function($event) {
            $event.stopPropagation()
            return _vm.selectOptionClick($event)
          }
        }
      },
      [_vm._t("default", [_c("span", [_vm._v(_vm._s(_vm.currentLabel))])])],
      2
    )
  }
  var optionvue_type_template_id_7a44c642_staticRenderFns = []
  optionvue_type_template_id_7a44c642_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/select/src/option.vue?vue&type=template&id=7a44c642&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option.vue?vue&type=script&lang=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 optionvue_type_script_lang_js_ = ({
    mixins: [emitter_default.a],
  
    name: 'ElOption',
  
    componentName: 'ElOption',
  
    inject: ['select'],
  
    props: {
      value: {
        required: true
      },
      label: [String, Number],
      created: Boolean,
      disabled: {
        type: Boolean,
        default: false
      }
    },
  
    data: function data() {
      return {
        index: -1,
        groupDisabled: false,
        visible: true,
        hitState: false,
        hover: false
      };
    },
  
  
    computed: {
      isObject: function isObject() {
        return Object.prototype.toString.call(this.value).toLowerCase() === '[object object]';
      },
      currentLabel: function currentLabel() {
        return this.label || (this.isObject ? '' : this.value);
      },
      currentValue: function currentValue() {
        return this.value || this.label || '';
      },
      itemSelected: function itemSelected() {
        if (!this.select.multiple) {
          return this.isEqual(this.value, this.select.value);
        } else {
          return this.contains(this.select.value, this.value);
        }
      },
      limitReached: function limitReached() {
        if (this.select.multiple) {
          return !this.itemSelected && (this.select.value || []).length >= this.select.multipleLimit && this.select.multipleLimit > 0;
        } else {
          return false;
        }
      }
    },
  
    watch: {
      currentLabel: function currentLabel() {
        if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
      },
      value: function value(val, oldVal) {
        var _select = this.select,
            remote = _select.remote,
            valueKey = _select.valueKey;
  
        if (!this.created && !remote) {
          if (valueKey && (typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object' && (typeof oldVal === 'undefined' ? 'undefined' : _typeof(oldVal)) === 'object' && val[valueKey] === oldVal[valueKey]) {
            return;
          }
          this.dispatch('ElSelect', 'setSelected');
        }
      }
    },
  
    methods: {
      isEqual: function isEqual(a, b) {
        if (!this.isObject) {
          return a === b;
        } else {
          var valueKey = this.select.valueKey;
          return Object(util_["getValueByPath"])(a, valueKey) === Object(util_["getValueByPath"])(b, valueKey);
        }
      },
      contains: function contains() {
        var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
        var target = arguments[1];
  
        if (!this.isObject) {
          return arr.indexOf(target) > -1;
        } else {
          var valueKey = this.select.valueKey;
          return arr.some(function (item) {
            return Object(util_["getValueByPath"])(item, valueKey) === Object(util_["getValueByPath"])(target, valueKey);
          });
        }
      },
      handleGroupDisabled: function handleGroupDisabled(val) {
        this.groupDisabled = val;
      },
      hoverItem: function hoverItem() {
        if (!this.disabled && !this.groupDisabled) {
          this.select.hoverIndex = this.select.options.indexOf(this);
        }
      },
      selectOptionClick: function selectOptionClick() {
        if (this.disabled !== true && this.groupDisabled !== true) {
          this.dispatch('ElSelect', 'handleOptionClick', [this, true]);
        }
      },
      queryChange: function queryChange(query) {
        this.visible = new RegExp(Object(util_["escapeRegexpString"])(query), 'i').test(this.currentLabel) || this.created;
        if (!this.visible) {
          this.select.filteredOptionsCount--;
        }
      }
    },
  
    created: function created() {
      this.select.options.push(this);
      this.select.cachedOptions.push(this);
      this.select.optionsCount++;
      this.select.filteredOptionsCount++;
  
      this.$on('queryChange', this.queryChange);
      this.$on('handleGroupDisabled', this.handleGroupDisabled);
    },
    beforeDestroy: function beforeDestroy() {
      this.select.onOptionDestroy(this.select.options.indexOf(this));
    }
  });
  // CONCATENATED MODULE: ./packages/select/src/option.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_optionvue_type_script_lang_js_ = (optionvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/select/src/option.vue
  
  
  
  
  
  /* normalize component */
  
  var option_component = normalizeComponent(
    src_optionvue_type_script_lang_js_,
    optionvue_type_template_id_7a44c642_render,
    optionvue_type_template_id_7a44c642_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var option_api; }
  option_component.options.__file = "packages/select/src/option.vue"
  /* harmony default export */ var src_option = (option_component.exports);
  // EXTERNAL MODULE: external "element-ui/lib/tag"
  var tag_ = __webpack_require__(21);
  var tag_default = /*#__PURE__*/__webpack_require__.n(tag_);
  
  // EXTERNAL MODULE: external "element-ui/lib/utils/resize-event"
  var resize_event_ = __webpack_require__(13);
  
  // EXTERNAL MODULE: external "element-ui/lib/locale"
  var lib_locale_ = __webpack_require__(9);
  var lib_locale_default = /*#__PURE__*/__webpack_require__.n(lib_locale_);
  
  // EXTERNAL MODULE: external "element-ui/lib/utils/scroll-into-view"
  var scroll_into_view_ = __webpack_require__(22);
  var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_view_);
  
  // CONCATENATED MODULE: ./packages/select/src/navigation-mixin.js
  /* harmony default export */ var navigation_mixin = ({
    data: function data() {
      return {
        hoverOption: -1
      };
    },
  
  
    computed: {
      optionsAllDisabled: function optionsAllDisabled() {
        return this.options.filter(function (option) {
          return option.visible;
        }).every(function (option) {
          return option.disabled;
        });
      }
    },
  
    watch: {
      hoverIndex: function hoverIndex(val) {
        var _this = this;
  
        if (typeof val === 'number' && val > -1) {
          this.hoverOption = this.options[val] || {};
        }
        this.options.forEach(function (option) {
          option.hover = _this.hoverOption === option;
        });
      }
    },
  
    methods: {
      navigateOptions: function navigateOptions(direction) {
        var _this2 = this;
  
        if (!this.visible) {
          this.visible = true;
          return;
        }
        if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
        if (!this.optionsAllDisabled) {
          if (direction === 'next') {
            this.hoverIndex++;
            if (this.hoverIndex === this.options.length) {
              this.hoverIndex = 0;
            }
          } else if (direction === 'prev') {
            this.hoverIndex--;
            if (this.hoverIndex < 0) {
              this.hoverIndex = this.options.length - 1;
            }
          }
          var option = this.options[this.hoverIndex];
          if (option.disabled === true || option.groupDisabled === true || !option.visible) {
            this.navigateOptions(direction);
          }
          this.$nextTick(function () {
            return _this2.scrollToOption(_this2.hoverOption);
          });
        }
      }
    }
  });
  // EXTERNAL MODULE: external "element-ui/lib/utils/shared"
  var shared_ = __webpack_require__(25);
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* harmony default export */ var selectvue_type_script_lang_js_ = ({
    mixins: [emitter_default.a, locale_default.a, focus_default()('reference'), navigation_mixin],
  
    name: 'ElSelect',
  
    componentName: 'ElSelect',
  
    inject: {
      elForm: {
        default: ''
      },
  
      elFormItem: {
        default: ''
      }
    },
  
    provide: function provide() {
      return {
        'select': this
      };
    },
  
  
    computed: {
      _elFormItemSize: function _elFormItemSize() {
        return (this.elFormItem || {}).elFormItemSize;
      },
      readonly: function readonly() {
        return !this.filterable || this.multiple || !Object(util_["isIE"])() && !Object(util_["isEdge"])() && !this.visible;
      },
      showClose: function showClose() {
        var hasValue = this.multiple ? Array.isArray(this.value) && this.value.length > 0 : this.value !== undefined && this.value !== null && this.value !== '';
        var criteria = this.clearable && !this.selectDisabled && this.inputHovering && hasValue;
        return criteria;
      },
      iconClass: function iconClass() {
        return this.remote && this.filterable ? '' : this.visible ? 'arrow-up is-reverse' : 'arrow-up';
      },
      debounce: function debounce() {
        return this.remote ? 300 : 0;
      },
      emptyText: function emptyText() {
        if (this.loading) {
          return this.loadingText || this.t('el.select.loading');
        } else {
          if (this.remote && this.query === '' && this.options.length === 0) return false;
          if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
            return this.noMatchText || this.t('el.select.noMatch');
          }
          if (this.options.length === 0) {
            return this.noDataText || this.t('el.select.noData');
          }
        }
        return null;
      },
      showNewOption: function showNewOption() {
        var _this = this;
  
        var hasExistingOption = this.options.filter(function (option) {
          return !option.created;
        }).some(function (option) {
          return option.currentLabel === _this.query;
        });
        return this.filterable && this.allowCreate && this.query !== '' && !hasExistingOption;
      },
      selectSize: function selectSize() {
        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
      },
      selectDisabled: function selectDisabled() {
        return this.disabled || (this.elForm || {}).disabled;
      },
      collapseTagSize: function collapseTagSize() {
        return ['small', 'mini'].indexOf(this.selectSize) > -1 ? 'mini' : 'small';
      }
    },
  
    components: {
      ElInput: input_default.a,
      ElSelectMenu: select_dropdown,
      ElOption: src_option,
      ElTag: tag_default.a,
      ElScrollbar: scrollbar_default.a
    },
  
    directives: { Clickoutside: clickoutside_default.a },
  
    props: {
      name: String,
      id: String,
      value: {
        required: true
      },
      autocomplete: {
        type: String,
        default: 'off'
      },
      /** @Deprecated in next major version */
      autoComplete: {
        type: String,
        validator: function validator(val) {
           false && false;
          return true;
        }
      },
      automaticDropdown: Boolean,
      size: String,
      disabled: Boolean,
      clearable: Boolean,
      filterable: Boolean,
      allowCreate: Boolean,
      loading: Boolean,
      popperClass: String,
      remote: Boolean,
      loadingText: String,
      noMatchText: String,
      noDataText: String,
      remoteMethod: Function,
      filterMethod: Function,
      multiple: Boolean,
      multipleLimit: {
        type: Number,
        default: 0
      },
      placeholder: {
        type: String,
        default: function _default() {
          return Object(lib_locale_["t"])('el.select.placeholder');
        }
      },
      defaultFirstOption: Boolean,
      reserveKeyword: Boolean,
      valueKey: {
        type: String,
        default: 'value'
      },
      collapseTags: Boolean,
      popperAppendToBody: {
        type: Boolean,
        default: true
      }
    },
  
    data: function data() {
      return {
        options: [],
        cachedOptions: [],
        createdLabel: null,
        createdSelected: false,
        selected: this.multiple ? [] : {},
        inputLength: 20,
        inputWidth: 0,
        initialInputHeight: 0,
        cachedPlaceHolder: '',
        optionsCount: 0,
        filteredOptionsCount: 0,
        visible: false,
        softFocus: false,
        selectedLabel: '',
        hoverIndex: -1,
        query: '',
        previousQuery: null,
        inputHovering: false,
        currentPlaceholder: '',
        menuVisibleOnFocus: false,
        isOnComposition: false,
        isSilentBlur: false
      };
    },
  
  
    watch: {
      selectDisabled: function selectDisabled() {
        var _this2 = this;
  
        this.$nextTick(function () {
          _this2.resetInputHeight();
        });
      },
      placeholder: function placeholder(val) {
        this.cachedPlaceHolder = this.currentPlaceholder = val;
      },
      value: function value(val, oldVal) {
        if (this.multiple) {
          this.resetInputHeight();
          if (val.length > 0 || this.$refs.input && this.query !== '') {
            this.currentPlaceholder = '';
          } else {
            this.currentPlaceholder = this.cachedPlaceHolder;
          }
          if (this.filterable && !this.reserveKeyword) {
            this.query = '';
            this.handleQueryChange(this.query);
          }
        }
        this.setSelected();
        if (this.filterable && !this.multiple) {
          this.inputLength = 20;
        }
        if (!Object(util_["valueEquals"])(val, oldVal)) {
          this.dispatch('ElFormItem', 'el.form.change', val);
        }
      },
      visible: function visible(val) {
        var _this3 = this;
  
        if (!val) {
          this.broadcast('ElSelectDropdown', 'destroyPopper');
          if (this.$refs.input) {
            this.$refs.input.blur();
          }
          this.query = '';
          this.previousQuery = null;
          this.selectedLabel = '';
          this.inputLength = 20;
          this.menuVisibleOnFocus = false;
          this.resetHoverIndex();
          this.$nextTick(function () {
            if (_this3.$refs.input && _this3.$refs.input.value === '' && _this3.selected.length === 0) {
              _this3.currentPlaceholder = _this3.cachedPlaceHolder;
            }
          });
          if (!this.multiple) {
            if (this.selected) {
              if (this.filterable && this.allowCreate && this.createdSelected && this.createdLabel) {
                this.selectedLabel = this.createdLabel;
              } else {
                this.selectedLabel = this.selected.currentLabel;
              }
              if (this.filterable) this.query = this.selectedLabel;
            }
          }
        } else {
          this.broadcast('ElSelectDropdown', 'updatePopper');
          if (this.filterable) {
            this.query = this.remote ? '' : this.selectedLabel;
            this.handleQueryChange(this.query);
            if (this.multiple) {
              this.$refs.input.focus();
            } else {
              if (!this.remote) {
                this.broadcast('ElOption', 'queryChange', '');
                this.broadcast('ElOptionGroup', 'queryChange');
              }
              this.broadcast('ElInput', 'inputSelect');
            }
          }
        }
        this.$emit('visible-change', val);
      },
      options: function options() {
        var _this4 = this;
  
        if (this.$isServer) return;
        this.$nextTick(function () {
          _this4.broadcast('ElSelectDropdown', 'updatePopper');
        });
        if (this.multiple) {
          this.resetInputHeight();
        }
        var inputs = this.$el.querySelectorAll('input');
        if ([].indexOf.call(inputs, document.activeElement) === -1) {
          this.setSelected();
        }
        if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
          this.checkDefaultFirstOption();
        }
      }
    },
  
    methods: {
      handleComposition: function handleComposition(event) {
        var text = event.target.value;
        if (event.type === 'compositionend') {
          this.isOnComposition = false;
          this.handleQueryChange(text);
        } else {
          var lastCharacter = text[text.length - 1] || '';
          this.isOnComposition = !Object(shared_["isKorean"])(lastCharacter);
        }
      },
      handleQueryChange: function handleQueryChange(val) {
        var _this5 = this;
  
        if (this.previousQuery === val || this.isOnComposition) return;
        if (this.previousQuery === null && (typeof this.filterMethod === 'function' || typeof this.remoteMethod === 'function')) {
          this.previousQuery = val;
          return;
        }
        this.previousQuery = val;
        this.$nextTick(function () {
          if (_this5.visible) _this5.broadcast('ElSelectDropdown', 'updatePopper');
        });
        this.hoverIndex = -1;
        if (this.multiple && this.filterable) {
          var length = this.$refs.input.value.length * 15 + 20;
          this.inputLength = this.collapseTags ? Math.min(50, length) : length;
          this.managePlaceholder();
          this.resetInputHeight();
        }
        if (this.remote && typeof this.remoteMethod === 'function') {
          this.hoverIndex = -1;
          this.remoteMethod(val);
        } else if (typeof this.filterMethod === 'function') {
          this.filterMethod(val);
          this.broadcast('ElOptionGroup', 'queryChange');
        } else {
          this.filteredOptionsCount = this.optionsCount;
          this.broadcast('ElOption', 'queryChange', val);
          this.broadcast('ElOptionGroup', 'queryChange');
        }
        if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
          this.checkDefaultFirstOption();
        }
      },
      scrollToOption: function scrollToOption(option) {
        var target = Array.isArray(option) && option[0] ? option[0].$el : option.$el;
        if (this.$refs.popper && target) {
          var menu = this.$refs.popper.$el.querySelector('.el-select-dropdown__wrap');
          scroll_into_view_default()(menu, target);
        }
        this.$refs.scrollbar && this.$refs.scrollbar.handleScroll();
      },
      handleMenuEnter: function handleMenuEnter() {
        var _this6 = this;
  
        this.$nextTick(function () {
          return _this6.scrollToOption(_this6.selected);
        });
      },
      emitChange: function emitChange(val) {
        if (!Object(util_["valueEquals"])(this.value, val)) {
          this.$emit('change', val);
        }
      },
      getOption: function getOption(value) {
        var option = void 0;
        var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
        var isNull = Object.prototype.toString.call(value).toLowerCase() === '[object null]';
  
        for (var i = this.cachedOptions.length - 1; i >= 0; i--) {
          var cachedOption = this.cachedOptions[i];
          var isEqual = isObject ? Object(util_["getValueByPath"])(cachedOption.value, this.valueKey) === Object(util_["getValueByPath"])(value, this.valueKey) : cachedOption.value === value;
          if (isEqual) {
            option = cachedOption;
            break;
          }
        }
        if (option) return option;
        var label = !isObject && !isNull ? value : '';
        var newOption = {
          value: value,
          currentLabel: label
        };
        if (this.multiple) {
          newOption.hitState = false;
        }
        return newOption;
      },
      setSelected: function setSelected() {
        var _this7 = this;
  
        if (!this.multiple) {
          var option = this.getOption(this.value);
          if (option.created) {
            this.createdLabel = option.currentLabel;
            this.createdSelected = true;
          } else {
            this.createdSelected = false;
          }
          this.selectedLabel = option.currentLabel;
          this.selected = option;
          if (this.filterable) this.query = this.selectedLabel;
          return;
        }
        var result = [];
        if (Array.isArray(this.value)) {
          this.value.forEach(function (value) {
            result.push(_this7.getOption(value));
          });
        }
        this.selected = result;
        this.$nextTick(function () {
          _this7.resetInputHeight();
        });
      },
      handleFocus: function handleFocus(event) {
        if (!this.softFocus) {
          if (this.automaticDropdown || this.filterable) {
            this.visible = true;
            this.menuVisibleOnFocus = true;
          }
          this.$emit('focus', event);
        } else {
          this.softFocus = false;
        }
      },
      blur: function blur() {
        this.visible = false;
        this.$refs.reference.blur();
      },
      handleBlur: function handleBlur(event) {
        var _this8 = this;
  
        setTimeout(function () {
          if (_this8.isSilentBlur) {
            _this8.isSilentBlur = false;
          } else {
            _this8.$emit('blur', event);
          }
        }, 50);
        this.softFocus = false;
      },
      handleClearClick: function handleClearClick(event) {
        this.deleteSelected(event);
      },
      doDestroy: function doDestroy() {
        this.$refs.popper && this.$refs.popper.doDestroy();
      },
      handleClose: function handleClose() {
        this.visible = false;
      },
      toggleLastOptionHitState: function toggleLastOptionHitState(hit) {
        if (!Array.isArray(this.selected)) return;
        var option = this.selected[this.selected.length - 1];
        if (!option) return;
  
        if (hit === true || hit === false) {
          option.hitState = hit;
          return hit;
        }
  
        option.hitState = !option.hitState;
        return option.hitState;
      },
      deletePrevTag: function deletePrevTag(e) {
        if (e.target.value.length <= 0 && !this.toggleLastOptionHitState()) {
          var value = this.value.slice();
          value.pop();
          this.$emit('input', value);
          this.emitChange(value);
        }
      },
      managePlaceholder: function managePlaceholder() {
        if (this.currentPlaceholder !== '') {
          this.currentPlaceholder = this.$refs.input.value ? '' : this.cachedPlaceHolder;
        }
      },
      resetInputState: function resetInputState(e) {
        if (e.keyCode !== 8) this.toggleLastOptionHitState(false);
        this.inputLength = this.$refs.input.value.length * 15 + 20;
        this.resetInputHeight();
      },
      resetInputHeight: function resetInputHeight() {
        var _this9 = this;
  
        if (this.collapseTags && !this.filterable) return;
        this.$nextTick(function () {
          if (!_this9.$refs.reference) return;
          var inputChildNodes = _this9.$refs.reference.$el.childNodes;
          var input = [].filter.call(inputChildNodes, function (item) {
            return item.tagName === 'INPUT';
          })[0];
          var tags = _this9.$refs.tags;
          var sizeInMap = _this9.initialInputHeight || 40;
          input.style.height = _this9.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tags.clientHeight + (tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
          if (_this9.visible && _this9.emptyText !== false) {
            _this9.broadcast('ElSelectDropdown', 'updatePopper');
          }
        });
      },
      resetHoverIndex: function resetHoverIndex() {
        var _this10 = this;
  
        setTimeout(function () {
          if (!_this10.multiple) {
            _this10.hoverIndex = _this10.options.indexOf(_this10.selected);
          } else {
            if (_this10.selected.length > 0) {
              _this10.hoverIndex = Math.min.apply(null, _this10.selected.map(function (item) {
                return _this10.options.indexOf(item);
              }));
            } else {
              _this10.hoverIndex = -1;
            }
          }
        }, 300);
      },
      handleOptionSelect: function handleOptionSelect(option, byClick) {
        var _this11 = this;
  
        if (this.multiple) {
          var value = this.value.slice();
          var optionIndex = this.getValueIndex(value, option.value);
          if (optionIndex > -1) {
            value.splice(optionIndex, 1);
          } else if (this.multipleLimit <= 0 || value.length < this.multipleLimit) {
            value.push(option.value);
          }
          this.$emit('input', value);
          this.emitChange(value);
          if (option.created) {
            this.query = '';
            this.handleQueryChange('');
            this.inputLength = 20;
          }
          if (this.filterable) this.$refs.input.focus();
        } else {
          this.$emit('input', option.value);
          this.emitChange(option.value);
          this.visible = false;
        }
        this.isSilentBlur = byClick;
        this.setSoftFocus();
        if (this.visible) return;
        this.$nextTick(function () {
          _this11.scrollToOption(option);
        });
      },
      setSoftFocus: function setSoftFocus() {
        this.softFocus = true;
        var input = this.$refs.input || this.$refs.reference;
        if (input) {
          input.focus();
        }
      },
      getValueIndex: function getValueIndex() {
        var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
        var value = arguments[1];
  
        var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
        if (!isObject) {
          return arr.indexOf(value);
        } else {
          var valueKey = this.valueKey;
          var index = -1;
          arr.some(function (item, i) {
            if (Object(util_["getValueByPath"])(item, valueKey) === Object(util_["getValueByPath"])(value, valueKey)) {
              index = i;
              return true;
            }
            return false;
          });
          return index;
        }
      },
      toggleMenu: function toggleMenu() {
        if (!this.selectDisabled) {
          if (this.menuVisibleOnFocus) {
            this.menuVisibleOnFocus = false;
          } else {
            this.visible = !this.visible;
          }
          if (this.visible) {
            (this.$refs.input || this.$refs.reference).focus();
          }
        }
      },
      selectOption: function selectOption() {
        if (!this.visible) {
          this.toggleMenu();
        } else {
          if (this.options[this.hoverIndex]) {
            this.handleOptionSelect(this.options[this.hoverIndex]);
          }
        }
      },
      deleteSelected: function deleteSelected(event) {
        event.stopPropagation();
        var value = this.multiple ? [] : '';
        this.$emit('input', value);
        this.emitChange(value);
        this.visible = false;
        this.$emit('clear');
      },
      deleteTag: function deleteTag(event, tag) {
        var index = this.selected.indexOf(tag);
        if (index > -1 && !this.selectDisabled) {
          var value = this.value.slice();
          value.splice(index, 1);
          this.$emit('input', value);
          this.emitChange(value);
          this.$emit('remove-tag', tag.value);
        }
        event.stopPropagation();
      },
      onInputChange: function onInputChange() {
        if (this.filterable && this.query !== this.selectedLabel) {
          this.query = this.selectedLabel;
          this.handleQueryChange(this.query);
        }
      },
      onOptionDestroy: function onOptionDestroy(index) {
        if (index > -1) {
          this.optionsCount--;
          this.filteredOptionsCount--;
          this.options.splice(index, 1);
        }
      },
      resetInputWidth: function resetInputWidth() {
        this.inputWidth = this.$refs.reference.$el.getBoundingClientRect().width;
      },
      handleResize: function handleResize() {
        this.resetInputWidth();
        if (this.multiple) this.resetInputHeight();
      },
      checkDefaultFirstOption: function checkDefaultFirstOption() {
        this.hoverIndex = -1;
        // highlight the created option
        var hasCreated = false;
        for (var i = this.options.length - 1; i >= 0; i--) {
          if (this.options[i].created) {
            hasCreated = true;
            this.hoverIndex = i;
            break;
          }
        }
        if (hasCreated) return;
        for (var _i = 0; _i !== this.options.length; ++_i) {
          var option = this.options[_i];
          if (this.query) {
            // highlight first options that passes the filter
            if (!option.disabled && !option.groupDisabled && option.visible) {
              this.hoverIndex = _i;
              break;
            }
          } else {
            // highlight currently selected option
            if (option.itemSelected) {
              this.hoverIndex = _i;
              break;
            }
          }
        }
      },
      getValueKey: function getValueKey(item) {
        if (Object.prototype.toString.call(item.value).toLowerCase() !== '[object object]') {
          return item.value;
        } else {
          return Object(util_["getValueByPath"])(item.value, this.valueKey);
        }
      }
    },
  
    created: function created() {
      var _this12 = this;
  
      this.cachedPlaceHolder = this.currentPlaceholder = this.placeholder;
      if (this.multiple && !Array.isArray(this.value)) {
        this.$emit('input', []);
      }
      if (!this.multiple && Array.isArray(this.value)) {
        this.$emit('input', '');
      }
  
      this.debouncedOnInputChange = debounce_default()(this.debounce, function () {
        _this12.onInputChange();
      });
  
      this.debouncedQueryChange = debounce_default()(this.debounce, function (e) {
        _this12.handleQueryChange(e.target.value);
      });
  
      this.$on('handleOptionClick', this.handleOptionSelect);
      this.$on('setSelected', this.setSelected);
    },
    mounted: function mounted() {
      var _this13 = this;
  
      if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
        this.currentPlaceholder = '';
      }
      Object(resize_event_["addResizeListener"])(this.$el, this.handleResize);
  
      var reference = this.$refs.reference;
      if (reference && reference.$el) {
        var sizeMap = {
          medium: 36,
          small: 32,
          mini: 28
        };
        this.initialInputHeight = reference.$el.getBoundingClientRect().height || sizeMap[this.selectSize];
      }
      if (this.remote && this.multiple) {
        this.resetInputHeight();
      }
      this.$nextTick(function () {
        if (reference && reference.$el) {
          _this13.inputWidth = reference.$el.getBoundingClientRect().width;
        }
      });
      this.setSelected();
    },
    beforeDestroy: function beforeDestroy() {
      if (this.$el && this.handleResize) Object(resize_event_["removeResizeListener"])(this.$el, this.handleResize);
    }
  });
  // CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_selectvue_type_script_lang_js_ = (selectvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/select/src/select.vue
  
  
  
  
  
  /* normalize component */
  
  var select_component = normalizeComponent(
    src_selectvue_type_script_lang_js_,
    selectvue_type_template_id_0e4aade6_render,
    selectvue_type_template_id_0e4aade6_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var select_api; }
  select_component.options.__file = "packages/select/src/select.vue"
  /* harmony default export */ var src_select = (select_component.exports);
  // CONCATENATED MODULE: ./packages/select/index.js
  
  
  /* istanbul ignore next */
  src_select.install = function (Vue) {
    Vue.component(src_select.name, src_select);
  };
  
  /* harmony default export */ var packages_select = (src_select);
  // CONCATENATED MODULE: ./packages/option/index.js
  
  
  /* istanbul ignore next */
  src_option.install = function (Vue) {
    Vue.component(src_option.name, src_option);
  };
  
  /* harmony default export */ var packages_option = (src_option);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option-group.vue?vue&type=template&id=6685e5de&
  var option_groupvue_type_template_id_6685e5de_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "ul",
      {
        directives: [
          {
            name: "show",
            rawName: "v-show",
            value: _vm.visible,
            expression: "visible"
          }
        ],
        staticClass: "el-select-group__wrap"
      },
      [
        _c("li", { staticClass: "el-select-group__title" }, [
          _vm._v(_vm._s(_vm.label))
        ]),
        _c("li", [
          _c("ul", { staticClass: "el-select-group" }, [_vm._t("default")], 2)
        ])
      ]
    )
  }
  var option_groupvue_type_template_id_6685e5de_staticRenderFns = []
  option_groupvue_type_template_id_6685e5de_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/select/src/option-group.vue?vue&type=template&id=6685e5de&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option-group.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  /* harmony default export */ var option_groupvue_type_script_lang_js_ = ({
    mixins: [emitter_default.a],
  
    name: 'ElOptionGroup',
  
    componentName: 'ElOptionGroup',
  
    props: {
      label: String,
      disabled: {
        type: Boolean,
        default: false
      }
    },
  
    data: function data() {
      return {
        visible: true
      };
    },
  
  
    watch: {
      disabled: function disabled(val) {
        this.broadcast('ElOption', 'handleGroupDisabled', val);
      }
    },
  
    methods: {
      queryChange: function queryChange() {
        this.visible = this.$children && Array.isArray(this.$children) && this.$children.some(function (option) {
          return option.visible === true;
        });
      }
    },
  
    created: function created() {
      this.$on('queryChange', this.queryChange);
    },
    mounted: function mounted() {
      if (this.disabled) {
        this.broadcast('ElOption', 'handleGroupDisabled', this.disabled);
      }
    }
  });
  // CONCATENATED MODULE: ./packages/select/src/option-group.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_option_groupvue_type_script_lang_js_ = (option_groupvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/select/src/option-group.vue
  
  
  
  
  
  /* normalize component */
  
  var option_group_component = normalizeComponent(
    src_option_groupvue_type_script_lang_js_,
    option_groupvue_type_template_id_6685e5de_render,
    option_groupvue_type_template_id_6685e5de_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var option_group_api; }
  option_group_component.options.__file = "packages/select/src/option-group.vue"
  /* harmony default export */ var option_group = (option_group_component.exports);
  // CONCATENATED MODULE: ./packages/option-group/index.js
  
  
  /* istanbul ignore next */
  option_group.install = function (Vue) {
    Vue.component(option_group.name, option_group);
  };
  
  /* harmony default export */ var packages_option_group = (option_group);
  // 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 buttonvue_type_template_id_ca859fb4_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 buttonvue_type_template_id_ca859fb4_staticRenderFns = []
  buttonvue_type_template_id_ca859fb4_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_); 
  // CONCATENATED MODULE: ./packages/button/src/button.vue
  
  
  
  
  
  /* normalize component */
  
  var button_component = normalizeComponent(
    src_buttonvue_type_script_lang_js_,
    buttonvue_type_template_id_ca859fb4_render,
    buttonvue_type_template_id_ca859fb4_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var button_api; }
  button_component.options.__file = "packages/button/src/button.vue"
  /* harmony default export */ var src_button = (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 = (src_button);
  // 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 button_groupvue_type_template_id_3d8661d0_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 button_groupvue_type_template_id_3d8661d0_staticRenderFns = []
  button_groupvue_type_template_id_3d8661d0_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_); 
  // CONCATENATED MODULE: ./packages/button/src/button-group.vue
  
  
  
  
  
  /* normalize component */
  
  var button_group_component = normalizeComponent(
    src_button_groupvue_type_script_lang_js_,
    button_groupvue_type_template_id_3d8661d0_render,
    button_groupvue_type_template_id_3d8661d0_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var button_group_api; }
  button_group_component.options.__file = "packages/button/src/button-group.vue"
  /* harmony default export */ var button_group = (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 = (button_group);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=template&id=493fe34e&
  var tablevue_type_template_id_493fe34e_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-table",
        class: [
          {
            "el-table--fit": _vm.fit,
            "el-table--striped": _vm.stripe,
            "el-table--border": _vm.border || _vm.isGroup,
            "el-table--hidden": _vm.isHidden,
            "el-table--group": _vm.isGroup,
            "el-table--fluid-height": _vm.maxHeight,
            "el-table--scrollable-x": _vm.layout.scrollX,
            "el-table--scrollable-y": _vm.layout.scrollY,
            "el-table--enable-row-hover": !_vm.store.states.isComplex,
            "el-table--enable-row-transition":
              (_vm.store.states.data || []).length !== 0 &&
              (_vm.store.states.data || []).length < 100
          },
          _vm.tableSize ? "el-table--" + _vm.tableSize : ""
        ],
        on: {
          mouseleave: function($event) {
            _vm.handleMouseLeave($event)
          }
        }
      },
      [
        _c(
          "div",
          { ref: "hiddenColumns", staticClass: "hidden-columns" },
          [_vm._t("default")],
          2
        ),
        _vm.showHeader
          ? _c(
              "div",
              {
                directives: [
                  {
                    name: "mousewheel",
                    rawName: "v-mousewheel",
                    value: _vm.handleHeaderFooterMousewheel,
                    expression: "handleHeaderFooterMousewheel"
                  }
                ],
                ref: "headerWrapper",
                staticClass: "el-table__header-wrapper"
              },
              [
                _c("table-header", {
                  ref: "tableHeader",
                  style: {
                    width: _vm.layout.bodyWidth ? _vm.layout.bodyWidth + "px" : ""
                  },
                  attrs: {
                    store: _vm.store,
                    border: _vm.border,
                    "default-sort": _vm.defaultSort
                  }
                })
              ],
              1
            )
          : _vm._e(),
        _c(
          "div",
          {
            ref: "bodyWrapper",
            staticClass: "el-table__body-wrapper",
            class: [
              _vm.layout.scrollX
                ? "is-scrolling-" + _vm.scrollPosition
                : "is-scrolling-none"
            ],
            style: [_vm.bodyHeight]
          },
          [
            _c("table-body", {
              style: {
                width: _vm.bodyWidth
              },
              attrs: {
                context: _vm.context,
                store: _vm.store,
                stripe: _vm.stripe,
                "row-class-name": _vm.rowClassName,
                "row-style": _vm.rowStyle,
                highlight: _vm.highlightCurrentRow
              }
            }),
            !_vm.data || _vm.data.length === 0
              ? _c(
                  "div",
                  {
                    ref: "emptyBlock",
                    staticClass: "el-table__empty-block",
                    style: {
                      width: _vm.bodyWidth
                    }
                  },
                  [
                    _c(
                      "span",
                      { staticClass: "el-table__empty-text" },
                      [
                        _vm._t("empty", [
                          _vm._v(
                            _vm._s(_vm.emptyText || _vm.t("el.table.emptyText"))
                          )
                        ])
                      ],
                      2
                    )
                  ]
                )
              : _vm._e(),
            _vm.$slots.append
              ? _c(
                  "div",
                  {
                    ref: "appendWrapper",
                    staticClass: "el-table__append-wrapper"
                  },
                  [_vm._t("append")],
                  2
                )
              : _vm._e()
          ],
          1
        ),
        _vm.showSummary
          ? _c(
              "div",
              {
                directives: [
                  {
                    name: "show",
                    rawName: "v-show",
                    value: _vm.data && _vm.data.length > 0,
                    expression: "data && data.length > 0"
                  },
                  {
                    name: "mousewheel",
                    rawName: "v-mousewheel",
                    value: _vm.handleHeaderFooterMousewheel,
                    expression: "handleHeaderFooterMousewheel"
                  }
                ],
                ref: "footerWrapper",
                staticClass: "el-table__footer-wrapper"
              },
              [
                _c("table-footer", {
                  style: {
                    width: _vm.layout.bodyWidth ? _vm.layout.bodyWidth + "px" : ""
                  },
                  attrs: {
                    store: _vm.store,
                    border: _vm.border,
                    "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
                    "summary-method": _vm.summaryMethod,
                    "default-sort": _vm.defaultSort
                  }
                })
              ],
              1
            )
          : _vm._e(),
        _vm.fixedColumns.length > 0
          ? _c(
              "div",
              {
                directives: [
                  {
                    name: "mousewheel",
                    rawName: "v-mousewheel",
                    value: _vm.handleFixedMousewheel,
                    expression: "handleFixedMousewheel"
                  }
                ],
                ref: "fixedWrapper",
                staticClass: "el-table__fixed",
                style: [
                  {
                    width: _vm.layout.fixedWidth
                      ? _vm.layout.fixedWidth + "px"
                      : ""
                  },
                  _vm.fixedHeight
                ]
              },
              [
                _vm.showHeader
                  ? _c(
                      "div",
                      {
                        ref: "fixedHeaderWrapper",
                        staticClass: "el-table__fixed-header-wrapper"
                      },
                      [
                        _c("table-header", {
                          ref: "fixedTableHeader",
                          style: {
                            width: _vm.bodyWidth
                          },
                          attrs: {
                            fixed: "left",
                            border: _vm.border,
                            store: _vm.store
                          }
                        })
                      ],
                      1
                    )
                  : _vm._e(),
                _c(
                  "div",
                  {
                    ref: "fixedBodyWrapper",
                    staticClass: "el-table__fixed-body-wrapper",
                    style: [
                      {
                        top: _vm.layout.headerHeight + "px"
                      },
                      _vm.fixedBodyHeight
                    ]
                  },
                  [
                    _c("table-body", {
                      style: {
                        width: _vm.bodyWidth
                      },
                      attrs: {
                        fixed: "left",
                        store: _vm.store,
                        stripe: _vm.stripe,
                        highlight: _vm.highlightCurrentRow,
                        "row-class-name": _vm.rowClassName,
                        "row-style": _vm.rowStyle
                      }
                    }),
                    _vm.$slots.append
                      ? _c("div", {
                          staticClass: "el-table__append-gutter",
                          style: {
                            height: _vm.layout.appendHeight + "px"
                          }
                        })
                      : _vm._e()
                  ],
                  1
                ),
                _vm.showSummary
                  ? _c(
                      "div",
                      {
                        directives: [
                          {
                            name: "show",
                            rawName: "v-show",
                            value: _vm.data && _vm.data.length > 0,
                            expression: "data && data.length > 0"
                          }
                        ],
                        ref: "fixedFooterWrapper",
                        staticClass: "el-table__fixed-footer-wrapper"
                      },
                      [
                        _c("table-footer", {
                          style: {
                            width: _vm.bodyWidth
                          },
                          attrs: {
                            fixed: "left",
                            border: _vm.border,
                            "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
                            "summary-method": _vm.summaryMethod,
                            store: _vm.store
                          }
                        })
                      ],
                      1
                    )
                  : _vm._e()
              ]
            )
          : _vm._e(),
        _vm.rightFixedColumns.length > 0
          ? _c(
              "div",
              {
                directives: [
                  {
                    name: "mousewheel",
                    rawName: "v-mousewheel",
                    value: _vm.handleFixedMousewheel,
                    expression: "handleFixedMousewheel"
                  }
                ],
                ref: "rightFixedWrapper",
                staticClass: "el-table__fixed-right",
                style: [
                  {
                    width: _vm.layout.rightFixedWidth
                      ? _vm.layout.rightFixedWidth + "px"
                      : "",
                    right: _vm.layout.scrollY
                      ? (_vm.border
                          ? _vm.layout.gutterWidth
                          : _vm.layout.gutterWidth || 0) + "px"
                      : ""
                  },
                  _vm.fixedHeight
                ]
              },
              [
                _vm.showHeader
                  ? _c(
                      "div",
                      {
                        ref: "rightFixedHeaderWrapper",
                        staticClass: "el-table__fixed-header-wrapper"
                      },
                      [
                        _c("table-header", {
                          ref: "rightFixedTableHeader",
                          style: {
                            width: _vm.bodyWidth
                          },
                          attrs: {
                            fixed: "right",
                            border: _vm.border,
                            store: _vm.store
                          }
                        })
                      ],
                      1
                    )
                  : _vm._e(),
                _c(
                  "div",
                  {
                    ref: "rightFixedBodyWrapper",
                    staticClass: "el-table__fixed-body-wrapper",
                    style: [
                      {
                        top: _vm.layout.headerHeight + "px"
                      },
                      _vm.fixedBodyHeight
                    ]
                  },
                  [
                    _c("table-body", {
                      style: {
                        width: _vm.bodyWidth
                      },
                      attrs: {
                        fixed: "right",
                        store: _vm.store,
                        stripe: _vm.stripe,
                        "row-class-name": _vm.rowClassName,
                        "row-style": _vm.rowStyle,
                        highlight: _vm.highlightCurrentRow
                      }
                    })
                  ],
                  1
                ),
                _vm.showSummary
                  ? _c(
                      "div",
                      {
                        directives: [
                          {
                            name: "show",
                            rawName: "v-show",
                            value: _vm.data && _vm.data.length > 0,
                            expression: "data && data.length > 0"
                          }
                        ],
                        ref: "rightFixedFooterWrapper",
                        staticClass: "el-table__fixed-footer-wrapper"
                      },
                      [
                        _c("table-footer", {
                          style: {
                            width: _vm.bodyWidth
                          },
                          attrs: {
                            fixed: "right",
                            border: _vm.border,
                            "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
                            "summary-method": _vm.summaryMethod,
                            store: _vm.store
                          }
                        })
                      ],
                      1
                    )
                  : _vm._e()
              ]
            )
          : _vm._e(),
        _vm.rightFixedColumns.length > 0
          ? _c("div", {
              ref: "rightFixedPatch",
              staticClass: "el-table__fixed-right-patch",
              style: {
                width: _vm.layout.scrollY ? _vm.layout.gutterWidth + "px" : "0",
                height: _vm.layout.headerHeight + "px"
              }
            })
          : _vm._e(),
        _c("div", {
          directives: [
            {
              name: "show",
              rawName: "v-show",
              value: _vm.resizeProxyVisible,
              expression: "resizeProxyVisible"
            }
          ],
          ref: "resizeProxy",
          staticClass: "el-table__column-resize-proxy"
        })
      ]
    )
  }
  var tablevue_type_template_id_493fe34e_staticRenderFns = []
  tablevue_type_template_id_493fe34e_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=template&id=493fe34e&
  
  // EXTERNAL MODULE: external "element-ui/lib/checkbox"
  var checkbox_ = __webpack_require__(14);
  var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
  
  // EXTERNAL MODULE: external "normalize-wheel"
  var external_normalize_wheel_ = __webpack_require__(34);
  var external_normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(external_normalize_wheel_);
  
  // CONCATENATED MODULE: ./src/directives/mousewheel.js
  
  
  var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
  
  var mousewheel_mousewheel = function mousewheel(element, callback) {
    if (element && element.addEventListener) {
      element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (event) {
        var normalized = external_normalize_wheel_default()(event);
        callback && callback.apply(this, [event, normalized]);
      });
    }
  };
  
  /* harmony default export */ var directives_mousewheel = ({
    bind: function bind(el, binding) {
      mousewheel_mousewheel(el, binding.value);
    }
  });
  // EXTERNAL MODULE: external "vue"
  var external_vue_ = __webpack_require__(3);
  var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
  
  // CONCATENATED MODULE: ./packages/table/src/util.js
  var util_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; };
  
  
  
  var getCell = function getCell(event) {
    var cell = event.target;
  
    while (cell && cell.tagName.toUpperCase() !== 'HTML') {
      if (cell.tagName.toUpperCase() === 'TD') {
        return cell;
      }
      cell = cell.parentNode;
    }
  
    return null;
  };
  
  var util_isObject = function isObject(obj) {
    return obj !== null && (typeof obj === 'undefined' ? 'undefined' : util_typeof(obj)) === 'object';
  };
  
  var util_orderBy = function orderBy(array, sortKey, reverse, sortMethod, sortBy) {
    if (!sortKey && !sortMethod && (!sortBy || Array.isArray(sortBy) && !sortBy.length)) {
      return array;
    }
    if (typeof reverse === 'string') {
      reverse = reverse === 'descending' ? -1 : 1;
    } else {
      reverse = reverse && reverse < 0 ? -1 : 1;
    }
    var getKey = sortMethod ? null : function (value, index) {
      if (sortBy) {
        if (!Array.isArray(sortBy)) {
          sortBy = [sortBy];
        }
        return sortBy.map(function (by) {
          if (typeof by === 'string') {
            return Object(util_["getValueByPath"])(value, by);
          } else {
            return by(value, index, array);
          }
        });
      }
      if (sortKey !== '$key') {
        if (util_isObject(value) && '$value' in value) value = value.$value;
      }
      return [util_isObject(value) ? Object(util_["getValueByPath"])(value, sortKey) : value];
    };
    var compare = function compare(a, b) {
      if (sortMethod) {
        return sortMethod(a.value, b.value);
      }
      for (var i = 0, len = a.key.length; i < len; i++) {
        if (a.key[i] < b.key[i]) {
          return -1;
        }
        if (a.key[i] > b.key[i]) {
          return 1;
        }
      }
      return 0;
    };
    return array.map(function (value, index) {
      return {
        value: value,
        index: index,
        key: getKey ? getKey(value, index) : null
      };
    }).sort(function (a, b) {
      var order = compare(a, b);
      if (!order) {
        // make stable https://en.wikipedia.org/wiki/Sorting_algorithm#Stability
        order = a.index - b.index;
      }
      return order * reverse;
    }).map(function (item) {
      return item.value;
    });
  };
  
  var getColumnById = function getColumnById(table, columnId) {
    var column = null;
    table.columns.forEach(function (item) {
      if (item.id === columnId) {
        column = item;
      }
    });
    return column;
  };
  
  var getColumnByKey = function getColumnByKey(table, columnKey) {
    var column = null;
    for (var i = 0; i < table.columns.length; i++) {
      var item = table.columns[i];
      if (item.columnKey === columnKey) {
        column = item;
        break;
      }
    }
    return column;
  };
  
  var getColumnByCell = function getColumnByCell(table, cell) {
    var matches = (cell.className || '').match(/el-table_[^\s]+/gm);
    if (matches) {
      return getColumnById(table, matches[0]);
    }
    return null;
  };
  
  var getRowIdentity = function getRowIdentity(row, rowKey) {
    if (!row) throw new Error('row is required when get row identity');
    if (typeof rowKey === 'string') {
      if (rowKey.indexOf('.') < 0) {
        return row[rowKey];
      }
      var key = rowKey.split('.');
      var current = row;
      for (var i = 0; i < key.length; i++) {
        current = current[key[i]];
      }
      return current;
    } else if (typeof rowKey === 'function') {
      return rowKey.call(null, row);
    }
  };
  // CONCATENATED MODULE: ./packages/table/src/table-store.js
  
  
  
  
  
  
  var table_store_sortData = function sortData(data, states) {
    var sortingColumn = states.sortingColumn;
    if (!sortingColumn || typeof sortingColumn.sortable === 'string') {
      return data;
    }
    return util_orderBy(data, states.sortProp, states.sortOrder, sortingColumn.sortMethod, sortingColumn.sortBy);
  };
  
  var table_store_getKeysMap = function getKeysMap(array, rowKey) {
    var arrayMap = {};
    (array || []).forEach(function (row, index) {
      arrayMap[getRowIdentity(row, rowKey)] = { row: row, index: index };
    });
    return arrayMap;
  };
  
  var toggleRowSelection = function toggleRowSelection(states, row, selected) {
    var changed = false;
    var selection = states.selection;
    var index = selection.indexOf(row);
    if (typeof selected === 'undefined') {
      if (index === -1) {
        selection.push(row);
        changed = true;
      } else {
        selection.splice(index, 1);
        changed = true;
      }
    } else {
      if (selected && index === -1) {
        selection.push(row);
        changed = true;
      } else if (!selected && index > -1) {
        selection.splice(index, 1);
        changed = true;
      }
    }
  
    return changed;
  };
  
  var toggleRowExpansion = function toggleRowExpansion(states, row, expanded) {
    var changed = false;
    var expandRows = states.expandRows;
    if (typeof expanded !== 'undefined') {
      var index = expandRows.indexOf(row);
      if (expanded) {
        if (index === -1) {
          expandRows.push(row);
          changed = true;
        }
      } else {
        if (index !== -1) {
          expandRows.splice(index, 1);
          changed = true;
        }
      }
    } else {
      var _index = expandRows.indexOf(row);
      if (_index === -1) {
        expandRows.push(row);
        changed = true;
      } else {
        expandRows.splice(_index, 1);
        changed = true;
      }
    }
  
    return changed;
  };
  
  var TableStore = function TableStore(table) {
    var initialState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  
    if (!table) {
      throw new Error('Table is required.');
    }
    this.table = table;
  
    this.states = {
      rowKey: null,
      _columns: [],
      originColumns: [],
      columns: [],
      fixedColumns: [],
      rightFixedColumns: [],
      leafColumns: [],
      fixedLeafColumns: [],
      rightFixedLeafColumns: [],
      leafColumnsLength: 0,
      fixedLeafColumnsLength: 0,
      rightFixedLeafColumnsLength: 0,
      isComplex: false,
      filteredData: null,
      data: null,
      sortingColumn: null,
      sortProp: null,
      sortOrder: null,
      isAllSelected: false,
      selection: [],
      reserveSelection: false,
      selectable: null,
      currentRow: null,
      hoverRow: null,
      filters: {},
      expandRows: [],
      defaultExpandAll: false,
      selectOnIndeterminate: false
    };
  
    for (var prop in initialState) {
      if (initialState.hasOwnProperty(prop) && this.states.hasOwnProperty(prop)) {
        this.states[prop] = initialState[prop];
      }
    }
  };
  
  TableStore.prototype.mutations = {
    setData: function setData(states, data) {
      var _this = this;
  
      var dataInstanceChanged = states._data !== data;
      states._data = data;
  
      Object.keys(states.filters).forEach(function (columnId) {
        var values = states.filters[columnId];
        if (!values || values.length === 0) return;
        var column = getColumnById(_this.states, columnId);
        if (column && column.filterMethod) {
          data = data.filter(function (row) {
            return values.some(function (value) {
              return column.filterMethod.call(null, value, row, column);
            });
          });
        }
      });
  
      states.filteredData = data;
      states.data = table_store_sortData(data || [], states);
  
      this.updateCurrentRow();
  
      var rowKey = states.rowKey;
  
      if (!states.reserveSelection) {
        if (dataInstanceChanged) {
          this.clearSelection();
        } else {
          this.cleanSelection();
        }
        this.updateAllSelected();
      } else {
        if (rowKey) {
          var selection = states.selection;
          var selectedMap = table_store_getKeysMap(selection, rowKey);
  
          states.data.forEach(function (row) {
            var rowId = getRowIdentity(row, rowKey);
            var rowInfo = selectedMap[rowId];
            if (rowInfo) {
              selection[rowInfo.index] = row;
            }
          });
  
          this.updateAllSelected();
        } else {
          console.warn('WARN: rowKey is required when reserve-selection is enabled.');
        }
      }
  
      var defaultExpandAll = states.defaultExpandAll;
      if (defaultExpandAll) {
        this.states.expandRows = (states.data || []).slice(0);
      } else if (rowKey) {
        // update expandRows to new rows according to rowKey
        var ids = table_store_getKeysMap(this.states.expandRows, rowKey);
        var expandRows = [];
        for (var _iterator = states.data, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
          var _ref;
  
          if (_isArray) {
            if (_i >= _iterator.length) break;
            _ref = _iterator[_i++];
          } else {
            _i = _iterator.next();
            if (_i.done) break;
            _ref = _i.value;
          }
  
          var row = _ref;
  
          var rowId = getRowIdentity(row, rowKey);
          if (ids[rowId]) {
            expandRows.push(row);
          }
        }
        this.states.expandRows = expandRows;
      } else {
        // clear the old rows
        this.states.expandRows = [];
      }
  
      external_vue_default.a.nextTick(function () {
        return _this.table.updateScrollY();
      });
    },
    changeSortCondition: function changeSortCondition(states, options) {
      var _this2 = this;
  
      states.data = table_store_sortData(states.filteredData || states._data || [], states);
  
      var _table = this.table,
          $el = _table.$el,
          highlightCurrentRow = _table.highlightCurrentRow;
  
      if ($el && highlightCurrentRow) {
        var data = states.data;
        var tr = $el.querySelector('tbody').children;
        var rows = [].filter.call(tr, function (row) {
          return Object(dom_["hasClass"])(row, 'el-table__row');
        });
        var row = rows[data.indexOf(states.currentRow)];
  
        [].forEach.call(rows, function (row) {
          return Object(dom_["removeClass"])(row, 'current-row');
        });
        Object(dom_["addClass"])(row, 'current-row');
      }
  
      if (!options || !options.silent) {
        this.table.$emit('sort-change', {
          column: this.states.sortingColumn,
          prop: this.states.sortProp,
          order: this.states.sortOrder
        });
      }
  
      external_vue_default.a.nextTick(function () {
        return _this2.table.updateScrollY();
      });
    },
    sort: function sort(states, options) {
      var _this3 = this;
  
      var prop = options.prop,
          order = options.order;
  
      if (prop) {
        states.sortProp = prop;
        states.sortOrder = order || 'ascending';
        external_vue_default.a.nextTick(function () {
          for (var i = 0, length = states.columns.length; i < length; i++) {
            var column = states.columns[i];
            if (column.property === states.sortProp) {
              column.order = states.sortOrder;
              states.sortingColumn = column;
              break;
            }
          }
  
          if (states.sortingColumn) {
            _this3.commit('changeSortCondition');
          }
        });
      }
    },
    filterChange: function filterChange(states, options) {
      var _this4 = this;
  
      var column = options.column,
          values = options.values,
          silent = options.silent,
          multi = options.multi;
  
      if (values && !Array.isArray(values)) {
        values = [values];
      }
      var filters = {};
  
      if (multi) {
        column.forEach(function (col) {
          states.filters[col.id] = values;
          filters[col.columnKey || col.id] = values;
        });
      } else {
        var prop = column.property;
  
        if (prop) {
          states.filters[column.id] = values;
          filters[column.columnKey || column.id] = values;
        }
      }
  
      var data = states._data;
  
      Object.keys(states.filters).forEach(function (columnId) {
        var values = states.filters[columnId];
        if (!values || values.length === 0) return;
        var column = getColumnById(_this4.states, columnId);
        if (column && column.filterMethod) {
          data = data.filter(function (row) {
            return values.some(function (value) {
              return column.filterMethod.call(null, value, row, column);
            });
          });
        }
      });
  
      states.filteredData = data;
      states.data = table_store_sortData(data, states);
  
      if (!silent) {
        this.table.$emit('filter-change', filters);
      }
  
      external_vue_default.a.nextTick(function () {
        return _this4.table.updateScrollY();
      });
    },
    insertColumn: function insertColumn(states, column, index, parent) {
      var array = states._columns;
      if (parent) {
        array = parent.children;
        if (!array) array = parent.children = [];
      }
  
      if (typeof index !== 'undefined') {
        array.splice(index, 0, column);
      } else {
        array.push(column);
      }
  
      if (column.type === 'selection') {
        states.selectable = column.selectable;
        states.reserveSelection = column.reserveSelection;
      }
  
      if (this.table.$ready) {
        this.updateColumns(); // hack for dynamics insert column
        this.scheduleLayout();
      }
    },
    removeColumn: function removeColumn(states, column, parent) {
      var array = states._columns;
      if (parent) {
        array = parent.children;
        if (!array) array = parent.children = [];
      }
      if (array) {
        array.splice(array.indexOf(column), 1);
      }
  
      if (this.table.$ready) {
        this.updateColumns(); // hack for dynamics remove column
        this.scheduleLayout();
      }
    },
    setHoverRow: function setHoverRow(states, row) {
      states.hoverRow = row;
    },
    setCurrentRow: function setCurrentRow(states, row) {
      var oldCurrentRow = states.currentRow;
      states.currentRow = row;
  
      if (oldCurrentRow !== row) {
        this.table.$emit('current-change', row, oldCurrentRow);
      }
    },
    rowSelectedChanged: function rowSelectedChanged(states, row) {
      var changed = toggleRowSelection(states, row);
      var selection = states.selection;
  
      if (changed) {
        var table = this.table;
        table.$emit('selection-change', selection ? selection.slice() : []);
        table.$emit('select', selection, row);
      }
  
      this.updateAllSelected();
    },
  
  
    toggleAllSelection: debounce_default()(10, function (states) {
      var data = states.data || [];
      if (data.length === 0) return;
      var selection = this.states.selection;
      // when only some rows are selected (but not all), select or deselect all of them
      // depending on the value of selectOnIndeterminate
      var value = states.selectOnIndeterminate ? !states.isAllSelected : !(states.isAllSelected || selection.length);
      var selectionChanged = false;
  
      data.forEach(function (item, index) {
        if (states.selectable) {
          if (states.selectable.call(null, item, index) && toggleRowSelection(states, item, value)) {
            selectionChanged = true;
          }
        } else {
          if (toggleRowSelection(states, item, value)) {
            selectionChanged = true;
          }
        }
      });
  
      var table = this.table;
      if (selectionChanged) {
        table.$emit('selection-change', selection ? selection.slice() : []);
      }
      table.$emit('select-all', selection);
      states.isAllSelected = value;
    })
  };
  
  var doFlattenColumns = function doFlattenColumns(columns) {
    var result = [];
    columns.forEach(function (column) {
      if (column.children) {
        result.push.apply(result, doFlattenColumns(column.children));
      } else {
        result.push(column);
      }
    });
    return result;
  };
  
  TableStore.prototype.updateColumns = function () {
    var states = this.states;
    var _columns = states._columns || [];
    states.fixedColumns = _columns.filter(function (column) {
      return column.fixed === true || column.fixed === 'left';
    });
    states.rightFixedColumns = _columns.filter(function (column) {
      return column.fixed === 'right';
    });
  
    if (states.fixedColumns.length > 0 && _columns[0] && _columns[0].type === 'selection' && !_columns[0].fixed) {
      _columns[0].fixed = true;
      states.fixedColumns.unshift(_columns[0]);
    }
  
    var notFixedColumns = _columns.filter(function (column) {
      return !column.fixed;
    });
    states.originColumns = [].concat(states.fixedColumns).concat(notFixedColumns).concat(states.rightFixedColumns);
  
    var leafColumns = doFlattenColumns(notFixedColumns);
    var fixedLeafColumns = doFlattenColumns(states.fixedColumns);
    var rightFixedLeafColumns = doFlattenColumns(states.rightFixedColumns);
  
    states.leafColumnsLength = leafColumns.length;
    states.fixedLeafColumnsLength = fixedLeafColumns.length;
    states.rightFixedLeafColumnsLength = rightFixedLeafColumns.length;
  
    states.columns = [].concat(fixedLeafColumns).concat(leafColumns).concat(rightFixedLeafColumns);
    states.isComplex = states.fixedColumns.length > 0 || states.rightFixedColumns.length > 0;
  };
  
  TableStore.prototype.isSelected = function (row) {
    return (this.states.selection || []).indexOf(row) > -1;
  };
  
  TableStore.prototype.clearSelection = function () {
    var states = this.states;
    states.isAllSelected = false;
    var oldSelection = states.selection;
    if (states.selection.length) {
      states.selection = [];
    }
    if (oldSelection.length > 0) {
      this.table.$emit('selection-change', states.selection ? states.selection.slice() : []);
    }
  };
  
  TableStore.prototype.setExpandRowKeys = function (rowKeys) {
    var expandRows = [];
    var data = this.states.data;
    var rowKey = this.states.rowKey;
    if (!rowKey) throw new Error('[Table] prop row-key should not be empty.');
    var keysMap = table_store_getKeysMap(data, rowKey);
    rowKeys.forEach(function (key) {
      var info = keysMap[key];
      if (info) {
        expandRows.push(info.row);
      }
    });
  
    this.states.expandRows = expandRows;
  };
  
  TableStore.prototype.toggleRowSelection = function (row, selected) {
    var changed = toggleRowSelection(this.states, row, selected);
    if (changed) {
      this.table.$emit('selection-change', this.states.selection ? this.states.selection.slice() : []);
    }
  };
  
  TableStore.prototype.toggleRowExpansion = function (row, expanded) {
    var changed = toggleRowExpansion(this.states, row, expanded);
    if (changed) {
      this.table.$emit('expand-change', row, this.states.expandRows);
      this.scheduleLayout();
    }
  };
  
  TableStore.prototype.isRowExpanded = function (row) {
    var _states = this.states,
        _states$expandRows = _states.expandRows,
        expandRows = _states$expandRows === undefined ? [] : _states$expandRows,
        rowKey = _states.rowKey;
  
    if (rowKey) {
      var expandMap = table_store_getKeysMap(expandRows, rowKey);
      return !!expandMap[getRowIdentity(row, rowKey)];
    }
    return expandRows.indexOf(row) !== -1;
  };
  
  TableStore.prototype.cleanSelection = function () {
    var selection = this.states.selection || [];
    var data = this.states.data;
    var rowKey = this.states.rowKey;
    var deleted = void 0;
    if (rowKey) {
      deleted = [];
      var selectedMap = table_store_getKeysMap(selection, rowKey);
      var dataMap = table_store_getKeysMap(data, rowKey);
      for (var key in selectedMap) {
        if (selectedMap.hasOwnProperty(key) && !dataMap[key]) {
          deleted.push(selectedMap[key].row);
        }
      }
    } else {
      deleted = selection.filter(function (item) {
        return data.indexOf(item) === -1;
      });
    }
  
    deleted.forEach(function (deletedItem) {
      selection.splice(selection.indexOf(deletedItem), 1);
    });
  
    if (deleted.length) {
      this.table.$emit('selection-change', selection ? selection.slice() : []);
    }
  };
  
  TableStore.prototype.clearFilter = function (columnKeys) {
    var states = this.states;
    var _table$$refs = this.table.$refs,
        tableHeader = _table$$refs.tableHeader,
        fixedTableHeader = _table$$refs.fixedTableHeader,
        rightFixedTableHeader = _table$$refs.rightFixedTableHeader;
  
    var panels = {};
  
    if (tableHeader) panels = merge_default()(panels, tableHeader.filterPanels);
    if (fixedTableHeader) panels = merge_default()(panels, fixedTableHeader.filterPanels);
    if (rightFixedTableHeader) panels = merge_default()(panels, rightFixedTableHeader.filterPanels);
  
    var keys = Object.keys(panels);
    if (!keys.length) return;
  
    if (typeof columnKeys === 'string') {
      columnKeys = [columnKeys];
    }
    if (Array.isArray(columnKeys)) {
      var columns = columnKeys.map(function (key) {
        return getColumnByKey(states, key);
      });
      keys.forEach(function (key) {
        var column = columns.find(function (col) {
          return col.id === key;
        });
        if (column) {
          panels[key].filteredValue = [];
        }
      });
      this.commit('filterChange', {
        column: columns,
        value: [],
        silent: true,
        multi: true
      });
    } else {
      keys.forEach(function (key) {
        panels[key].filteredValue = [];
      });
  
      states.filters = {};
  
      this.commit('filterChange', {
        column: {},
        values: [],
        silent: true
      });
    }
  };
  
  TableStore.prototype.clearSort = function () {
    var states = this.states;
    if (!states.sortingColumn) return;
    states.sortingColumn.order = null;
    states.sortProp = null;
    states.sortOrder = null;
  
    this.commit('changeSortCondition', {
      silent: true
    });
  };
  
  TableStore.prototype.updateAllSelected = function () {
    var states = this.states;
    var selection = states.selection,
        rowKey = states.rowKey,
        selectable = states.selectable,
        data = states.data;
  
    if (!data || data.length === 0) {
      states.isAllSelected = false;
      return;
    }
  
    var selectedMap = void 0;
    if (rowKey) {
      selectedMap = table_store_getKeysMap(states.selection, rowKey);
    }
  
    var isSelected = function isSelected(row) {
      if (selectedMap) {
        return !!selectedMap[getRowIdentity(row, rowKey)];
      } else {
        return selection.indexOf(row) !== -1;
      }
    };
  
    var isAllSelected = true;
    var selectedCount = 0;
    for (var i = 0, j = data.length; i < j; i++) {
      var item = data[i];
      var isRowSelectable = selectable && selectable.call(null, item, i);
      if (!isSelected(item)) {
        if (!selectable || isRowSelectable) {
          isAllSelected = false;
          break;
        }
      } else {
        selectedCount++;
      }
    }
  
    if (selectedCount === 0) isAllSelected = false;
  
    states.isAllSelected = isAllSelected;
  };
  
  TableStore.prototype.scheduleLayout = function (updateColumns) {
    if (updateColumns) {
      this.updateColumns();
    }
    this.table.debouncedUpdateLayout();
  };
  
  TableStore.prototype.setCurrentRowKey = function (key) {
    var states = this.states;
    var rowKey = states.rowKey;
    if (!rowKey) throw new Error('[Table] row-key should not be empty.');
    var data = states.data || [];
    var keysMap = table_store_getKeysMap(data, rowKey);
    var info = keysMap[key];
    states.currentRow = info ? info.row : null;
  };
  
  TableStore.prototype.updateCurrentRow = function () {
    var states = this.states;
    var table = this.table;
    var data = states.data || [];
    var oldCurrentRow = states.currentRow;
  
    if (data.indexOf(oldCurrentRow) === -1) {
      if (states.rowKey && oldCurrentRow) {
        var newCurrentRow = null;
        for (var i = 0; i < data.length; i++) {
          var item = data[i];
          if (item && item[states.rowKey] === oldCurrentRow[states.rowKey]) {
            newCurrentRow = item;
            break;
          }
        }
        if (newCurrentRow) {
          states.currentRow = newCurrentRow;
          return;
        }
      }
      states.currentRow = null;
  
      if (states.currentRow !== oldCurrentRow) {
        table.$emit('current-change', null, oldCurrentRow);
      }
    }
  };
  
  TableStore.prototype.commit = function (name) {
    var mutations = this.mutations;
    if (mutations[name]) {
      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
        args[_key - 1] = arguments[_key];
      }
  
      mutations[name].apply(this, [this.states].concat(args));
    } else {
      throw new Error('Action not found: ' + name);
    }
  };
  
  /* harmony default export */ var table_store = (TableStore);
  // EXTERNAL MODULE: external "element-ui/lib/utils/scrollbar-width"
  var scrollbar_width_ = __webpack_require__(26);
  var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_);
  
  // CONCATENATED MODULE: ./packages/table/src/table-layout.js
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  
  
  
  
  var table_layout_TableLayout = function () {
    function TableLayout(options) {
      _classCallCheck(this, TableLayout);
  
      this.observers = [];
      this.table = null;
      this.store = null;
      this.columns = null;
      this.fit = true;
      this.showHeader = true;
  
      this.height = null;
      this.scrollX = false;
      this.scrollY = false;
      this.bodyWidth = null;
      this.fixedWidth = null;
      this.rightFixedWidth = null;
      this.tableHeight = null;
      this.headerHeight = 44; // Table Header Height
      this.appendHeight = 0; // Append Slot Height
      this.footerHeight = 44; // Table Footer Height
      this.viewportHeight = null; // Table Height - Scroll Bar Height
      this.bodyHeight = null; // Table Height - Table Header Height
      this.fixedBodyHeight = null; // Table Height - Table Header Height - Scroll Bar Height
      this.gutterWidth = scrollbar_width_default()();
  
      for (var name in options) {
        if (options.hasOwnProperty(name)) {
          this[name] = options[name];
        }
      }
  
      if (!this.table) {
        throw new Error('table is required for Table Layout');
      }
      if (!this.store) {
        throw new Error('store is required for Table Layout');
      }
    }
  
    TableLayout.prototype.updateScrollY = function updateScrollY() {
      var height = this.height;
      if (typeof height !== 'string' && typeof height !== 'number') return;
      var bodyWrapper = this.table.bodyWrapper;
      if (this.table.$el && bodyWrapper) {
        var body = bodyWrapper.querySelector('.el-table__body');
        this.scrollY = body.offsetHeight > this.bodyHeight;
      }
    };
  
    TableLayout.prototype.setHeight = function setHeight(value) {
      var _this = this;
  
      var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'height';
  
      if (external_vue_default.a.prototype.$isServer) return;
      var el = this.table.$el;
      if (typeof value === 'string' && /^\d+$/.test(value)) {
        value = Number(value);
      }
      this.height = value;
  
      if (!el && (value || value === 0)) return external_vue_default.a.nextTick(function () {
        return _this.setHeight(value, prop);
      });
  
      if (typeof value === 'number') {
        el.style[prop] = value + 'px';
  
        this.updateElsHeight();
      } else if (typeof value === 'string') {
        el.style[prop] = value;
        this.updateElsHeight();
      }
    };
  
    TableLayout.prototype.setMaxHeight = function setMaxHeight(value) {
      return this.setHeight(value, 'max-height');
    };
  
    TableLayout.prototype.updateElsHeight = function updateElsHeight() {
      var _this2 = this;
  
      if (!this.table.$ready) return external_vue_default.a.nextTick(function () {
        return _this2.updateElsHeight();
      });
      var _table$$refs = this.table.$refs,
          headerWrapper = _table$$refs.headerWrapper,
          appendWrapper = _table$$refs.appendWrapper,
          footerWrapper = _table$$refs.footerWrapper;
  
      this.appendHeight = appendWrapper ? appendWrapper.offsetHeight : 0;
  
      if (this.showHeader && !headerWrapper) return;
      var headerHeight = this.headerHeight = !this.showHeader ? 0 : headerWrapper.offsetHeight;
      if (this.showHeader && headerWrapper.offsetWidth > 0 && (this.table.columns || []).length > 0 && headerHeight < 2) {
        return external_vue_default.a.nextTick(function () {
          return _this2.updateElsHeight();
        });
      }
      var tableHeight = this.tableHeight = this.table.$el.clientHeight;
      if (this.height !== null && (!isNaN(this.height) || typeof this.height === 'string')) {
        var footerHeight = this.footerHeight = footerWrapper ? footerWrapper.offsetHeight : 0;
        this.bodyHeight = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
      }
      this.fixedBodyHeight = this.scrollX ? this.bodyHeight - this.gutterWidth : this.bodyHeight;
  
      var noData = !this.table.data || this.table.data.length === 0;
      this.viewportHeight = this.scrollX ? tableHeight - (noData ? 0 : this.gutterWidth) : tableHeight;
  
      this.updateScrollY();
      this.notifyObservers('scrollable');
    };
  
    TableLayout.prototype.getFlattenColumns = function getFlattenColumns() {
      var flattenColumns = [];
      var columns = this.table.columns;
      columns.forEach(function (column) {
        if (column.isColumnGroup) {
          flattenColumns.push.apply(flattenColumns, column.columns);
        } else {
          flattenColumns.push(column);
        }
      });
  
      return flattenColumns;
    };
  
    TableLayout.prototype.updateColumnsWidth = function updateColumnsWidth() {
      if (external_vue_default.a.prototype.$isServer) return;
      var fit = this.fit;
      var bodyWidth = this.table.$el.clientWidth;
      var bodyMinWidth = 0;
  
      var flattenColumns = this.getFlattenColumns();
      var flexColumns = flattenColumns.filter(function (column) {
        return typeof column.width !== 'number';
      });
  
      flattenColumns.forEach(function (column) {
        // Clean those columns whose width changed from flex to unflex
        if (typeof column.width === 'number' && column.realWidth) column.realWidth = null;
      });
  
      if (flexColumns.length > 0 && fit) {
        flattenColumns.forEach(function (column) {
          bodyMinWidth += column.width || column.minWidth || 80;
        });
  
        var scrollYWidth = this.scrollY ? this.gutterWidth : 0;
  
        if (bodyMinWidth <= bodyWidth - scrollYWidth) {
          // DON'T HAVE SCROLL BAR
          this.scrollX = false;
  
          var totalFlexWidth = bodyWidth - scrollYWidth - bodyMinWidth;
  
          if (flexColumns.length === 1) {
            flexColumns[0].realWidth = (flexColumns[0].minWidth || 80) + totalFlexWidth;
          } else {
            var allColumnsWidth = flexColumns.reduce(function (prev, column) {
              return prev + (column.minWidth || 80);
            }, 0);
            var flexWidthPerPixel = totalFlexWidth / allColumnsWidth;
            var noneFirstWidth = 0;
  
            flexColumns.forEach(function (column, index) {
              if (index === 0) return;
              var flexWidth = Math.floor((column.minWidth || 80) * flexWidthPerPixel);
              noneFirstWidth += flexWidth;
              column.realWidth = (column.minWidth || 80) + flexWidth;
            });
  
            flexColumns[0].realWidth = (flexColumns[0].minWidth || 80) + totalFlexWidth - noneFirstWidth;
          }
        } else {
          // HAVE HORIZONTAL SCROLL BAR
          this.scrollX = true;
          flexColumns.forEach(function (column) {
            column.realWidth = column.minWidth;
          });
        }
  
        this.bodyWidth = Math.max(bodyMinWidth, bodyWidth);
        this.table.resizeState.width = this.bodyWidth;
      } else {
        flattenColumns.forEach(function (column) {
          if (!column.width && !column.minWidth) {
            column.realWidth = 80;
          } else {
            column.realWidth = column.width || column.minWidth;
          }
  
          bodyMinWidth += column.realWidth;
        });
        this.scrollX = bodyMinWidth > bodyWidth;
  
        this.bodyWidth = bodyMinWidth;
      }
  
      var fixedColumns = this.store.states.fixedColumns;
  
      if (fixedColumns.length > 0) {
        var fixedWidth = 0;
        fixedColumns.forEach(function (column) {
          fixedWidth += column.realWidth || column.width;
        });
  
        this.fixedWidth = fixedWidth;
      }
  
      var rightFixedColumns = this.store.states.rightFixedColumns;
      if (rightFixedColumns.length > 0) {
        var rightFixedWidth = 0;
        rightFixedColumns.forEach(function (column) {
          rightFixedWidth += column.realWidth || column.width;
        });
  
        this.rightFixedWidth = rightFixedWidth;
      }
  
      this.notifyObservers('columns');
    };
  
    TableLayout.prototype.addObserver = function addObserver(observer) {
      this.observers.push(observer);
    };
  
    TableLayout.prototype.removeObserver = function removeObserver(observer) {
      var index = this.observers.indexOf(observer);
      if (index !== -1) {
        this.observers.splice(index, 1);
      }
    };
  
    TableLayout.prototype.notifyObservers = function notifyObservers(event) {
      var _this3 = this;
  
      var observers = this.observers;
      observers.forEach(function (observer) {
        switch (event) {
          case 'columns':
            observer.onColumnsChange(_this3);
            break;
          case 'scrollable':
            observer.onScrollableChange(_this3);
            break;
          default:
            throw new Error('Table Layout don\'t have event ' + event + '.');
        }
      });
    };
  
    return TableLayout;
  }();
  
  /* harmony default export */ var table_layout = (table_layout_TableLayout);
  // CONCATENATED MODULE: ./packages/table/src/layout-observer.js
  /* harmony default export */ var layout_observer = ({
    created: function created() {
      this.tableLayout.addObserver(this);
    },
    destroyed: function destroyed() {
      this.tableLayout.removeObserver(this);
    },
  
  
    computed: {
      tableLayout: function tableLayout() {
        var layout = this.layout;
        if (!layout && this.table) {
          layout = this.table.layout;
        }
        if (!layout) {
          throw new Error('Can not find table layout.');
        }
        return layout;
      }
    },
  
    mounted: function mounted() {
      this.onColumnsChange(this.tableLayout);
      this.onScrollableChange(this.tableLayout);
    },
    updated: function updated() {
      if (this.__updated__) return;
      this.onColumnsChange(this.tableLayout);
      this.onScrollableChange(this.tableLayout);
      this.__updated__ = true;
    },
  
  
    methods: {
      onColumnsChange: function onColumnsChange() {
        var cols = this.$el.querySelectorAll('colgroup > col');
        if (!cols.length) return;
        var flattenColumns = this.tableLayout.getFlattenColumns();
        var columnsMap = {};
        flattenColumns.forEach(function (column) {
          columnsMap[column.id] = column;
        });
        for (var i = 0, j = cols.length; i < j; i++) {
          var col = cols[i];
          var name = col.getAttribute('name');
          var column = columnsMap[name];
          if (column) {
            col.setAttribute('width', column.realWidth || column.width);
          }
        }
      },
      onScrollableChange: function onScrollableChange(layout) {
        var cols = this.$el.querySelectorAll('colgroup > col[name=gutter]');
        for (var i = 0, j = cols.length; i < j; i++) {
          var col = cols[i];
          col.setAttribute('width', layout.scrollY ? layout.gutterWidth : '0');
        }
        var ths = this.$el.querySelectorAll('th.gutter');
        for (var _i = 0, _j = ths.length; _i < _j; _i++) {
          var th = ths[_i];
          th.style.width = layout.scrollY ? layout.gutterWidth + 'px' : '0';
          th.style.display = layout.scrollY ? '' : 'none';
        }
      }
    }
  });
  // CONCATENATED MODULE: ./packages/table/src/table-body.js
  var table_body_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 table_body = ({
    name: 'ElTableBody',
  
    mixins: [layout_observer],
  
    components: {
      ElCheckbox: checkbox_default.a,
      ElTooltip: tooltip_default.a
    },
  
    props: {
      store: {
        required: true
      },
      stripe: Boolean,
      context: {},
      rowClassName: [String, Function],
      rowStyle: [Object, Function],
      fixed: String,
      highlight: Boolean
    },
  
    render: function render(h) {
      var _this = this;
  
      var columnsHidden = this.columns.map(function (column, index) {
        return _this.isColumnHidden(index);
      });
      return h(
        'table',
        {
          'class': 'el-table__body',
          attrs: { cellspacing: '0',
            cellpadding: '0',
            border: '0' }
        },
        [h('colgroup', [this._l(this.columns, function (column) {
          return h('col', {
            attrs: { name: column.id }
          });
        })]), h('tbody', [this._l(this.data, function (row, $index) {
          return [h(
            'tr',
            {
              style: _this.rowStyle ? _this.getRowStyle(row, $index) : null,
              key: _this.table.rowKey ? _this.getKeyOfRow(row, $index) : $index,
              on: {
                'dblclick': function dblclick($event) {
                  return _this.handleDoubleClick($event, row);
                },
                'click': function click($event) {
                  return _this.handleClick($event, row);
                },
                'contextmenu': function contextmenu($event) {
                  return _this.handleContextMenu($event, row);
                },
                'mouseenter': function mouseenter(_) {
                  return _this.handleMouseEnter($index);
                },
                'mouseleave': function mouseleave(_) {
                  return _this.handleMouseLeave();
                }
              },
  
              'class': [_this.getRowClass(row, $index)] },
            [_this._l(_this.columns, function (column, cellIndex) {
              var _getSpan = _this.getSpan(row, column, $index, cellIndex),
                  rowspan = _getSpan.rowspan,
                  colspan = _getSpan.colspan;
  
              if (!rowspan || !colspan) {
                return '';
              } else {
                return h(
                  'td',
                  {
                    style: _this.getCellStyle($index, cellIndex, row, column),
                    'class': _this.getCellClass($index, cellIndex, row, column),
                    attrs: { rowspan: rowspan,
                      colspan: colspan
                    },
                    on: {
                      'mouseenter': function mouseenter($event) {
                        return _this.handleCellMouseEnter($event, row);
                      },
                      'mouseleave': _this.handleCellMouseLeave
                    }
                  },
                  [column.renderCell.call(_this._renderProxy, h, {
                    row: row,
                    column: column,
                    $index: $index,
                    store: _this.store,
                    _self: _this.context || _this.table.$vnode.context
                  }, columnsHidden[cellIndex])]
                );
              }
            })]
          ), _this.store.isRowExpanded(row) ? h('tr', [h(
            'td',
            {
              attrs: { colspan: _this.columns.length },
              'class': 'el-table__expanded-cell' },
            [_this.table.renderExpanded ? _this.table.renderExpanded(h, { row: row, $index: $index, store: _this.store }) : '']
          )]) : ''];
        }).concat(h('el-tooltip', {
          attrs: { effect: this.table.tooltipEffect, placement: 'top', content: this.tooltipContent },
          ref: 'tooltip' }))])]
      );
    },
  
  
    watch: {
      'store.states.hoverRow': function storeStatesHoverRow(newVal, oldVal) {
        if (!this.store.states.isComplex) return;
        var el = this.$el;
        if (!el) return;
        var tr = el.querySelector('tbody').children;
        var rows = [].filter.call(tr, function (row) {
          return Object(dom_["hasClass"])(row, 'el-table__row');
        });
        var oldRow = rows[oldVal];
        var newRow = rows[newVal];
        if (oldRow) {
          Object(dom_["removeClass"])(oldRow, 'hover-row');
        }
        if (newRow) {
          Object(dom_["addClass"])(newRow, 'hover-row');
        }
      },
      'store.states.currentRow': function storeStatesCurrentRow(newVal, oldVal) {
        if (!this.highlight) return;
        var el = this.$el;
        if (!el) return;
        var data = this.store.states.data;
        var tr = el.querySelector('tbody').children;
        var rows = [].filter.call(tr, function (row) {
          return Object(dom_["hasClass"])(row, 'el-table__row');
        });
        var oldRow = rows[data.indexOf(oldVal)];
        var newRow = rows[data.indexOf(newVal)];
        if (oldRow) {
          Object(dom_["removeClass"])(oldRow, 'current-row');
        } else {
          [].forEach.call(rows, function (row) {
            return Object(dom_["removeClass"])(row, 'current-row');
          });
        }
        if (newRow) {
          Object(dom_["addClass"])(newRow, 'current-row');
        }
      }
    },
  
    computed: {
      table: function table() {
        return this.$parent;
      },
      data: function data() {
        return this.store.states.data;
      },
      columnsCount: function columnsCount() {
        return this.store.states.columns.length;
      },
      leftFixedLeafCount: function leftFixedLeafCount() {
        return this.store.states.fixedLeafColumnsLength;
      },
      rightFixedLeafCount: function rightFixedLeafCount() {
        return this.store.states.rightFixedLeafColumnsLength;
      },
      leftFixedCount: function leftFixedCount() {
        return this.store.states.fixedColumns.length;
      },
      rightFixedCount: function rightFixedCount() {
        return this.store.states.rightFixedColumns.length;
      },
      columns: function columns() {
        return this.store.states.columns;
      }
    },
  
    data: function data() {
      return {
        tooltipContent: ''
      };
    },
    created: function created() {
      this.activateTooltip = debounce_default()(50, function (tooltip) {
        return tooltip.handleShowPopper();
      });
    },
  
  
    methods: {
      getKeyOfRow: function getKeyOfRow(row, index) {
        var rowKey = this.table.rowKey;
        if (rowKey) {
          return getRowIdentity(row, rowKey);
        }
        return index;
      },
      isColumnHidden: function isColumnHidden(index) {
        if (this.fixed === true || this.fixed === 'left') {
          return index >= this.leftFixedLeafCount;
        } else if (this.fixed === 'right') {
          return index < this.columnsCount - this.rightFixedLeafCount;
        } else {
          return index < this.leftFixedLeafCount || index >= this.columnsCount - this.rightFixedLeafCount;
        }
      },
      getSpan: function getSpan(row, column, rowIndex, columnIndex) {
        var rowspan = 1;
        var colspan = 1;
  
        var fn = this.table.spanMethod;
        if (typeof fn === 'function') {
          var result = fn({
            row: row,
            column: column,
            rowIndex: rowIndex,
            columnIndex: columnIndex
          });
  
          if (Array.isArray(result)) {
            rowspan = result[0];
            colspan = result[1];
          } else if ((typeof result === 'undefined' ? 'undefined' : table_body_typeof(result)) === 'object') {
            rowspan = result.rowspan;
            colspan = result.colspan;
          }
        }
  
        return {
          rowspan: rowspan,
          colspan: colspan
        };
      },
      getRowStyle: function getRowStyle(row, rowIndex) {
        var rowStyle = this.table.rowStyle;
        if (typeof rowStyle === 'function') {
          return rowStyle.call(null, {
            row: row,
            rowIndex: rowIndex
          });
        }
        return rowStyle;
      },
      getRowClass: function getRowClass(row, rowIndex) {
        var classes = ['el-table__row'];
        if (this.table.highlightCurrentRow && row === this.store.states.currentRow) {
          classes.push('current-row');
        }
  
        if (this.stripe && rowIndex % 2 === 1) {
          classes.push('el-table__row--striped');
        }
        var rowClassName = this.table.rowClassName;
        if (typeof rowClassName === 'string') {
          classes.push(rowClassName);
        } else if (typeof rowClassName === 'function') {
          classes.push(rowClassName.call(null, {
            row: row,
            rowIndex: rowIndex
          }));
        }
  
        if (this.store.states.expandRows.indexOf(row) > -1) {
          classes.push('expanded');
        }
  
        return classes.join(' ');
      },
      getCellStyle: function getCellStyle(rowIndex, columnIndex, row, column) {
        var cellStyle = this.table.cellStyle;
        if (typeof cellStyle === 'function') {
          return cellStyle.call(null, {
            rowIndex: rowIndex,
            columnIndex: columnIndex,
            row: row,
            column: column
          });
        }
        return cellStyle;
      },
      getCellClass: function getCellClass(rowIndex, columnIndex, row, column) {
        var classes = [column.id, column.align, column.className];
  
        if (this.isColumnHidden(columnIndex)) {
          classes.push('is-hidden');
        }
  
        var cellClassName = this.table.cellClassName;
        if (typeof cellClassName === 'string') {
          classes.push(cellClassName);
        } else if (typeof cellClassName === 'function') {
          classes.push(cellClassName.call(null, {
            rowIndex: rowIndex,
            columnIndex: columnIndex,
            row: row,
            column: column
          }));
        }
  
        return classes.join(' ');
      },
      handleCellMouseEnter: function handleCellMouseEnter(event, row) {
        var table = this.table;
        var cell = getCell(event);
  
        if (cell) {
          var column = getColumnByCell(table, cell);
          var hoverState = table.hoverState = { cell: cell, column: column, row: row };
          table.$emit('cell-mouse-enter', hoverState.row, hoverState.column, hoverState.cell, event);
        }
  
        // 判断是否text-overflow, 如果是就显示tooltip
        var cellChild = event.target.querySelector('.cell');
        if (!(Object(dom_["hasClass"])(cellChild, 'el-tooltip') && cellChild.childNodes.length)) {
          return;
        }
        // use range width instead of scrollWidth to determine whether the text is overflowing
        // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3
        var range = document.createRange();
        range.setStart(cellChild, 0);
        range.setEnd(cellChild, cellChild.childNodes.length);
        var rangeWidth = range.getBoundingClientRect().width;
        var padding = (parseInt(Object(dom_["getStyle"])(cellChild, 'paddingLeft'), 10) || 0) + (parseInt(Object(dom_["getStyle"])(cellChild, 'paddingRight'), 10) || 0);
        if ((rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) && this.$refs.tooltip) {
          var tooltip = this.$refs.tooltip;
          // TODO 会引起整个 Table 的重新渲染，需要优化
          this.tooltipContent = cell.innerText || cell.textContent;
          tooltip.referenceElm = cell;
          tooltip.$refs.popper && (tooltip.$refs.popper.style.display = 'none');
          tooltip.doDestroy();
          tooltip.setExpectedState(true);
          this.activateTooltip(tooltip);
        }
      },
      handleCellMouseLeave: function handleCellMouseLeave(event) {
        var tooltip = this.$refs.tooltip;
        if (tooltip) {
          tooltip.setExpectedState(false);
          tooltip.handleClosePopper();
        }
        var cell = getCell(event);
        if (!cell) return;
  
        var oldHoverState = this.table.hoverState || {};
        this.table.$emit('cell-mouse-leave', oldHoverState.row, oldHoverState.column, oldHoverState.cell, event);
      },
      handleMouseEnter: function handleMouseEnter(index) {
        this.store.commit('setHoverRow', index);
      },
      handleMouseLeave: function handleMouseLeave() {
        this.store.commit('setHoverRow', null);
      },
      handleContextMenu: function handleContextMenu(event, row) {
        this.handleEvent(event, row, 'contextmenu');
      },
      handleDoubleClick: function handleDoubleClick(event, row) {
        this.handleEvent(event, row, 'dblclick');
      },
      handleClick: function handleClick(event, row) {
        this.store.commit('setCurrentRow', row);
        this.handleEvent(event, row, 'click');
      },
      handleEvent: function handleEvent(event, row, name) {
        var table = this.table;
        var cell = getCell(event);
        var column = void 0;
        if (cell) {
          column = getColumnByCell(table, cell);
          if (column) {
            table.$emit('cell-' + name, row, column, cell, event);
          }
        }
        table.$emit('row-' + name, row, event, column);
      },
      handleExpandClick: function handleExpandClick(row, e) {
        e.stopPropagation();
        this.store.toggleRowExpansion(row);
      }
    }
  });
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/filter-panel.vue?vue&type=template&id=7f2c919f&
  var filter_panelvue_type_template_id_7f2c919f_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c("transition", { attrs: { name: "el-zoom-in-top" } }, [
      _vm.multiple
        ? _c(
            "div",
            {
              directives: [
                {
                  name: "clickoutside",
                  rawName: "v-clickoutside",
                  value: _vm.handleOutsideClick,
                  expression: "handleOutsideClick"
                },
                {
                  name: "show",
                  rawName: "v-show",
                  value: _vm.showPopper,
                  expression: "showPopper"
                }
              ],
              staticClass: "el-table-filter"
            },
            [
              _c(
                "div",
                { staticClass: "el-table-filter__content" },
                [
                  _c(
                    "el-scrollbar",
                    { attrs: { "wrap-class": "el-table-filter__wrap" } },
                    [
                      _c(
                        "el-checkbox-group",
                        {
                          staticClass: "el-table-filter__checkbox-group",
                          model: {
                            value: _vm.filteredValue,
                            callback: function($$v) {
                              _vm.filteredValue = $$v
                            },
                            expression: "filteredValue"
                          }
                        },
                        _vm._l(_vm.filters, function(filter) {
                          return _c(
                            "el-checkbox",
                            { key: filter.value, attrs: { label: filter.value } },
                            [_vm._v(_vm._s(filter.text))]
                          )
                        }),
                        1
                      )
                    ],
                    1
                  )
                ],
                1
              ),
              _c("div", { staticClass: "el-table-filter__bottom" }, [
                _c(
                  "button",
                  {
                    class: { "is-disabled": _vm.filteredValue.length === 0 },
                    attrs: { disabled: _vm.filteredValue.length === 0 },
                    on: { click: _vm.handleConfirm }
                  },
                  [_vm._v(_vm._s(_vm.t("el.table.confirmFilter")))]
                ),
                _c("button", { on: { click: _vm.handleReset } }, [
                  _vm._v(_vm._s(_vm.t("el.table.resetFilter")))
                ])
              ])
            ]
          )
        : _c(
            "div",
            {
              directives: [
                {
                  name: "clickoutside",
                  rawName: "v-clickoutside",
                  value: _vm.handleOutsideClick,
                  expression: "handleOutsideClick"
                },
                {
                  name: "show",
                  rawName: "v-show",
                  value: _vm.showPopper,
                  expression: "showPopper"
                }
              ],
              staticClass: "el-table-filter"
            },
            [
              _c(
                "ul",
                { staticClass: "el-table-filter__list" },
                [
                  _c(
                    "li",
                    {
                      staticClass: "el-table-filter__list-item",
                      class: {
                        "is-active":
                          _vm.filterValue === undefined ||
                          _vm.filterValue === null
                      },
                      on: {
                        click: function($event) {
                          _vm.handleSelect(null)
                        }
                      }
                    },
                    [_vm._v(_vm._s(_vm.t("el.table.clearFilter")))]
                  ),
                  _vm._l(_vm.filters, function(filter) {
                    return _c(
                      "li",
                      {
                        key: filter.value,
                        staticClass: "el-table-filter__list-item",
                        class: { "is-active": _vm.isActive(filter) },
                        attrs: { label: filter.value },
                        on: {
                          click: function($event) {
                            _vm.handleSelect(filter.value)
                          }
                        }
                      },
                      [_vm._v(_vm._s(filter.text))]
                    )
                  })
                ],
                2
              )
            ]
          )
    ])
  }
  var filter_panelvue_type_template_id_7f2c919f_staticRenderFns = []
  filter_panelvue_type_template_id_7f2c919f_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/table/src/filter-panel.vue?vue&type=template&id=7f2c919f&
  
  // CONCATENATED MODULE: ./packages/table/src/dropdown.js
  
  var dropdowns = [];
  
  !external_vue_default.a.prototype.$isServer && document.addEventListener('click', function (event) {
    dropdowns.forEach(function (dropdown) {
      var target = event.target;
      if (!dropdown || !dropdown.$el) return;
      if (target === dropdown.$el || dropdown.$el.contains(target)) {
        return;
      }
      dropdown.handleOutsideClick && dropdown.handleOutsideClick(event);
    });
  });
  
  /* harmony default export */ var src_dropdown = ({
    open: function open(instance) {
      if (instance) {
        dropdowns.push(instance);
      }
    },
    close: function close(instance) {
      var index = dropdowns.indexOf(instance);
      if (index !== -1) {
        dropdowns.splice(instance, 1);
      }
    }
  });
  // EXTERNAL MODULE: external "element-ui/lib/checkbox-group"
  var checkbox_group_ = __webpack_require__(27);
  var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/filter-panel.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  
  
  /* harmony default export */ var filter_panelvue_type_script_lang_js_ = ({
    name: 'ElTableFilterPanel',
  
    mixins: [vue_popper_default.a, locale_default.a],
  
    directives: {
      Clickoutside: clickoutside_default.a
    },
  
    components: {
      ElCheckbox: checkbox_default.a,
      ElCheckboxGroup: checkbox_group_default.a
    },
  
    props: {
      placement: {
        type: String,
        default: 'bottom-end'
      }
    },
  
    customRender: function customRender(h) {
      return h(
        'div',
        { 'class': 'el-table-filter' },
        [h('div', { 'class': 'el-table-filter__content' }), h(
          'div',
          { 'class': 'el-table-filter__bottom' },
          [h(
            'button',
            {
              on: {
                'click': this.handleConfirm
              }
            },
            [this.t('el.table.confirmFilter')]
          ), h(
            'button',
            {
              on: {
                'click': this.handleReset
              }
            },
            [this.t('el.table.resetFilter')]
          )]
        )]
      );
    },
  
  
    methods: {
      isActive: function isActive(filter) {
        return filter.value === this.filterValue;
      },
      handleOutsideClick: function handleOutsideClick() {
        var _this = this;
  
        setTimeout(function () {
          _this.showPopper = false;
        }, 16);
      },
      handleConfirm: function handleConfirm() {
        this.confirmFilter(this.filteredValue);
        this.handleOutsideClick();
      },
      handleReset: function handleReset() {
        this.filteredValue = [];
        this.confirmFilter(this.filteredValue);
        this.handleOutsideClick();
      },
      handleSelect: function handleSelect(filterValue) {
        this.filterValue = filterValue;
  
        if (typeof filterValue !== 'undefined' && filterValue !== null) {
          this.confirmFilter(this.filteredValue);
        } else {
          this.confirmFilter([]);
        }
  
        this.handleOutsideClick();
      },
      confirmFilter: function confirmFilter(filteredValue) {
        this.table.store.commit('filterChange', {
          column: this.column,
          values: filteredValue
        });
        this.table.store.updateAllSelected();
      }
    },
  
    data: function data() {
      return {
        table: null,
        cell: null,
        column: null
      };
    },
  
  
    computed: {
      filters: function filters() {
        return this.column && this.column.filters;
      },
  
  
      filterValue: {
        get: function get() {
          return (this.column.filteredValue || [])[0];
        },
        set: function set(value) {
          if (this.filteredValue) {
            if (typeof value !== 'undefined' && value !== null) {
              this.filteredValue.splice(0, 1, value);
            } else {
              this.filteredValue.splice(0, 1);
            }
          }
        }
      },
  
      filteredValue: {
        get: function get() {
          if (this.column) {
            return this.column.filteredValue || [];
          }
          return [];
        },
        set: function set(value) {
          if (this.column) {
            this.column.filteredValue = value;
          }
        }
      },
  
      multiple: function multiple() {
        if (this.column) {
          return this.column.filterMultiple;
        }
        return true;
      }
    },
  
    mounted: function mounted() {
      var _this2 = this;
  
      this.popperElm = this.$el;
      this.referenceElm = this.cell;
      this.table.bodyWrapper.addEventListener('scroll', function () {
        _this2.updatePopper();
      });
  
      this.$watch('showPopper', function (value) {
        if (_this2.column) _this2.column.filterOpened = value;
        if (value) {
          src_dropdown.open(_this2);
        } else {
          src_dropdown.close(_this2);
        }
      });
    },
  
    watch: {
      showPopper: function showPopper(val) {
        if (val === true && parseInt(this.popperJS._popper.style.zIndex, 10) < popup_["PopupManager"].zIndex) {
          this.popperJS._popper.style.zIndex = popup_["PopupManager"].nextZIndex();
        }
      }
    }
  });
  // CONCATENATED MODULE: ./packages/table/src/filter-panel.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_filter_panelvue_type_script_lang_js_ = (filter_panelvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/table/src/filter-panel.vue
  
  
  
  
  
  /* normalize component */
  
  var filter_panel_component = normalizeComponent(
    src_filter_panelvue_type_script_lang_js_,
    filter_panelvue_type_template_id_7f2c919f_render,
    filter_panelvue_type_template_id_7f2c919f_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var filter_panel_api; }
  filter_panel_component.options.__file = "packages/table/src/filter-panel.vue"
  /* harmony default export */ var filter_panel = (filter_panel_component.exports);
  // CONCATENATED MODULE: ./packages/table/src/table-header.js
  
  
  
  
  
  
  
  var getAllColumns = function getAllColumns(columns) {
    var result = [];
    columns.forEach(function (column) {
      if (column.children) {
        result.push(column);
        result.push.apply(result, getAllColumns(column.children));
      } else {
        result.push(column);
      }
    });
    return result;
  };
  
  var convertToRows = function convertToRows(originColumns) {
    var maxLevel = 1;
    var traverse = function traverse(column, parent) {
      if (parent) {
        column.level = parent.level + 1;
        if (maxLevel < column.level) {
          maxLevel = column.level;
        }
      }
      if (column.children) {
        var colSpan = 0;
        column.children.forEach(function (subColumn) {
          traverse(subColumn, column);
          colSpan += subColumn.colSpan;
        });
        column.colSpan = colSpan;
      } else {
        column.colSpan = 1;
      }
    };
  
    originColumns.forEach(function (column) {
      column.level = 1;
      traverse(column);
    });
  
    var rows = [];
    for (var i = 0; i < maxLevel; i++) {
      rows.push([]);
    }
  
    var allColumns = getAllColumns(originColumns);
  
    allColumns.forEach(function (column) {
      if (!column.children) {
        column.rowSpan = maxLevel - column.level + 1;
      } else {
        column.rowSpan = 1;
      }
      rows[column.level - 1].push(column);
    });
  
    return rows;
  };
  
  /* harmony default export */ var table_header = ({
    name: 'ElTableHeader',
  
    mixins: [layout_observer],
  
    render: function render(h) {
      var _this = this;
  
      var originColumns = this.store.states.originColumns;
      var columnRows = convertToRows(originColumns, this.columns);
      // 是否拥有多级表头
      var isGroup = columnRows.length > 1;
      if (isGroup) this.$parent.isGroup = true;
      return h(
        'table',
        {
          'class': 'el-table__header',
          attrs: { cellspacing: '0',
            cellpadding: '0',
            border: '0' }
        },
        [h('colgroup', [this._l(this.columns, function (column) {
          return h('col', {
            attrs: { name: column.id }
          });
        }), this.hasGutter ? h('col', {
          attrs: { name: 'gutter' }
        }) : '']), h(
          'thead',
          { 'class': [{ 'is-group': isGroup, 'has-gutter': this.hasGutter }] },
          [this._l(columnRows, function (columns, rowIndex) {
            return h(
              'tr',
              {
                style: _this.getHeaderRowStyle(rowIndex),
                'class': _this.getHeaderRowClass(rowIndex)
              },
              [_this._l(columns, function (column, cellIndex) {
                return h(
                  'th',
                  {
                    attrs: {
                      colspan: column.colSpan,
                      rowspan: column.rowSpan
                    },
                    on: {
                      'mousemove': function mousemove($event) {
                        return _this.handleMouseMove($event, column);
                      },
                      'mouseout': _this.handleMouseOut,
                      'mousedown': function mousedown($event) {
                        return _this.handleMouseDown($event, column);
                      },
                      'click': function click($event) {
                        return _this.handleHeaderClick($event, column);
                      },
                      'contextmenu': function contextmenu($event) {
                        return _this.handleHeaderContextMenu($event, column);
                      }
                    },
  
                    style: _this.getHeaderCellStyle(rowIndex, cellIndex, columns, column),
                    'class': _this.getHeaderCellClass(rowIndex, cellIndex, columns, column),
                    key: column.id },
                  [h(
                    'div',
                    { 'class': ['cell', column.filteredValue && column.filteredValue.length > 0 ? 'highlight' : '', column.labelClassName] },
                    [column.renderHeader ? column.renderHeader.call(_this._renderProxy, h, { column: column, $index: cellIndex, store: _this.store, _self: _this.$parent.$vnode.context }) : column.label, column.sortable ? h(
                      'span',
                      { 'class': 'caret-wrapper', on: {
                          'click': function click($event) {
                            return _this.handleSortClick($event, column);
                          }
                        }
                      },
                      [h('i', { 'class': 'sort-caret ascending', on: {
                          'click': function click($event) {
                            return _this.handleSortClick($event, column, 'ascending');
                          }
                        }
                      }), h('i', { 'class': 'sort-caret descending', on: {
                          'click': function click($event) {
                            return _this.handleSortClick($event, column, 'descending');
                          }
                        }
                      })]
                    ) : '', column.filterable ? h(
                      'span',
                      { 'class': 'el-table__column-filter-trigger', on: {
                          'click': function click($event) {
                            return _this.handleFilterClick($event, column);
                          }
                        }
                      },
                      [h('i', { 'class': ['el-icon-arrow-down', column.filterOpened ? 'el-icon-arrow-up' : ''] })]
                    ) : '']
                  )]
                );
              }), _this.hasGutter ? h('th', { 'class': 'gutter' }) : '']
            );
          })]
        )]
      );
    },
  
  
    props: {
      fixed: String,
      store: {
        required: true
      },
      border: Boolean,
      defaultSort: {
        type: Object,
        default: function _default() {
          return {
            prop: '',
            order: ''
          };
        }
      }
    },
  
    components: {
      ElCheckbox: checkbox_default.a,
      ElTag: tag_default.a
    },
  
    computed: {
      table: function table() {
        return this.$parent;
      },
      isAllSelected: function isAllSelected() {
        return this.store.states.isAllSelected;
      },
      columnsCount: function columnsCount() {
        return this.store.states.columns.length;
      },
      leftFixedCount: function leftFixedCount() {
        return this.store.states.fixedColumns.length;
      },
      rightFixedCount: function rightFixedCount() {
        return this.store.states.rightFixedColumns.length;
      },
      leftFixedLeafCount: function leftFixedLeafCount() {
        return this.store.states.fixedLeafColumnsLength;
      },
      rightFixedLeafCount: function rightFixedLeafCount() {
        return this.store.states.rightFixedLeafColumnsLength;
      },
      columns: function columns() {
        return this.store.states.columns;
      },
      hasGutter: function hasGutter() {
        return !this.fixed && this.tableLayout.gutterWidth;
      }
    },
  
    created: function created() {
      this.filterPanels = {};
    },
    mounted: function mounted() {
      var _defaultSort = this.defaultSort,
          prop = _defaultSort.prop,
          order = _defaultSort.order;
  
      this.store.commit('sort', { prop: prop, order: order });
    },
    beforeDestroy: function beforeDestroy() {
      var panels = this.filterPanels;
      for (var prop in panels) {
        if (panels.hasOwnProperty(prop) && panels[prop]) {
          panels[prop].$destroy(true);
        }
      }
    },
  
  
    methods: {
      isCellHidden: function isCellHidden(index, columns) {
        var start = 0;
        for (var i = 0; i < index; i++) {
          start += columns[i].colSpan;
        }
        var after = start + columns[index].colSpan - 1;
        if (this.fixed === true || this.fixed === 'left') {
          return after >= this.leftFixedLeafCount;
        } else if (this.fixed === 'right') {
          return start < this.columnsCount - this.rightFixedLeafCount;
        } else {
          return after < this.leftFixedLeafCount || start >= this.columnsCount - this.rightFixedLeafCount;
        }
      },
      getHeaderRowStyle: function getHeaderRowStyle(rowIndex) {
        var headerRowStyle = this.table.headerRowStyle;
        if (typeof headerRowStyle === 'function') {
          return headerRowStyle.call(null, { rowIndex: rowIndex });
        }
        return headerRowStyle;
      },
      getHeaderRowClass: function getHeaderRowClass(rowIndex) {
        var classes = [];
  
        var headerRowClassName = this.table.headerRowClassName;
        if (typeof headerRowClassName === 'string') {
          classes.push(headerRowClassName);
        } else if (typeof headerRowClassName === 'function') {
          classes.push(headerRowClassName.call(null, { rowIndex: rowIndex }));
        }
  
        return classes.join(' ');
      },
      getHeaderCellStyle: function getHeaderCellStyle(rowIndex, columnIndex, row, column) {
        var headerCellStyle = this.table.headerCellStyle;
        if (typeof headerCellStyle === 'function') {
          return headerCellStyle.call(null, {
            rowIndex: rowIndex,
            columnIndex: columnIndex,
            row: row,
            column: column
          });
        }
        return headerCellStyle;
      },
      getHeaderCellClass: function getHeaderCellClass(rowIndex, columnIndex, row, column) {
        var classes = [column.id, column.order, column.headerAlign, column.className, column.labelClassName];
  
        if (rowIndex === 0 && this.isCellHidden(columnIndex, row)) {
          classes.push('is-hidden');
        }
  
        if (!column.children) {
          classes.push('is-leaf');
        }
  
        if (column.sortable) {
          classes.push('is-sortable');
        }
  
        var headerCellClassName = this.table.headerCellClassName;
        if (typeof headerCellClassName === 'string') {
          classes.push(headerCellClassName);
        } else if (typeof headerCellClassName === 'function') {
          classes.push(headerCellClassName.call(null, {
            rowIndex: rowIndex,
            columnIndex: columnIndex,
            row: row,
            column: column
          }));
        }
  
        return classes.join(' ');
      },
      toggleAllSelection: function toggleAllSelection(event) {
        event.stopPropagation();
        this.store.commit('toggleAllSelection');
      },
      handleFilterClick: function handleFilterClick(event, column) {
        event.stopPropagation();
        var target = event.target;
        var cell = target.tagName === 'TH' ? target : target.parentNode;
        cell = cell.querySelector('.el-table__column-filter-trigger') || cell;
        var table = this.$parent;
  
        var filterPanel = this.filterPanels[column.id];
  
        if (filterPanel && column.filterOpened) {
          filterPanel.showPopper = false;
          return;
        }
  
        if (!filterPanel) {
          filterPanel = new external_vue_default.a(filter_panel);
          this.filterPanels[column.id] = filterPanel;
          if (column.filterPlacement) {
            filterPanel.placement = column.filterPlacement;
          }
          filterPanel.table = table;
          filterPanel.cell = cell;
          filterPanel.column = column;
          !this.$isServer && filterPanel.$mount(document.createElement('div'));
        }
  
        setTimeout(function () {
          filterPanel.showPopper = true;
        }, 16);
      },
      handleHeaderClick: function handleHeaderClick(event, column) {
        if (!column.filters && column.sortable) {
          this.handleSortClick(event, column);
        } else if (column.filterable && !column.sortable) {
          this.handleFilterClick(event, column);
        }
  
        this.$parent.$emit('header-click', column, event);
      },
      handleHeaderContextMenu: function handleHeaderContextMenu(event, column) {
        this.$parent.$emit('header-contextmenu', column, event);
      },
      handleMouseDown: function handleMouseDown(event, column) {
        var _this2 = this;
  
        if (this.$isServer) return;
        if (column.children && column.children.length > 0) return;
        /* istanbul ignore if */
        if (this.draggingColumn && this.border) {
          this.dragging = true;
  
          this.$parent.resizeProxyVisible = true;
  
          var table = this.$parent;
          var tableEl = table.$el;
          var tableLeft = tableEl.getBoundingClientRect().left;
          var columnEl = this.$el.querySelector('th.' + column.id);
          var columnRect = columnEl.getBoundingClientRect();
          var minLeft = columnRect.left - tableLeft + 30;
  
          Object(dom_["addClass"])(columnEl, 'noclick');
  
          this.dragState = {
            startMouseLeft: event.clientX,
            startLeft: columnRect.right - tableLeft,
            startColumnLeft: columnRect.left - tableLeft,
            tableLeft: tableLeft
          };
  
          var resizeProxy = table.$refs.resizeProxy;
          resizeProxy.style.left = this.dragState.startLeft + 'px';
  
          document.onselectstart = function () {
            return false;
          };
          document.ondragstart = function () {
            return false;
          };
  
          var handleMouseMove = function handleMouseMove(event) {
            var deltaLeft = event.clientX - _this2.dragState.startMouseLeft;
            var proxyLeft = _this2.dragState.startLeft + deltaLeft;
  
            resizeProxy.style.left = Math.max(minLeft, proxyLeft) + 'px';
          };
  
          var handleMouseUp = function handleMouseUp() {
            if (_this2.dragging) {
              var _dragState = _this2.dragState,
                  startColumnLeft = _dragState.startColumnLeft,
                  startLeft = _dragState.startLeft;
  
              var finalLeft = parseInt(resizeProxy.style.left, 10);
              var columnWidth = finalLeft - startColumnLeft;
              column.width = column.realWidth = columnWidth;
              table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
  
              _this2.store.scheduleLayout();
  
              document.body.style.cursor = '';
              _this2.dragging = false;
              _this2.draggingColumn = null;
              _this2.dragState = {};
  
              table.resizeProxyVisible = false;
            }
  
            document.removeEventListener('mousemove', handleMouseMove);
            document.removeEventListener('mouseup', handleMouseUp);
            document.onselectstart = null;
            document.ondragstart = null;
  
            setTimeout(function () {
              Object(dom_["removeClass"])(columnEl, 'noclick');
            }, 0);
          };
  
          document.addEventListener('mousemove', handleMouseMove);
          document.addEventListener('mouseup', handleMouseUp);
        }
      },
      handleMouseMove: function handleMouseMove(event, column) {
        if (column.children && column.children.length > 0) return;
        var target = event.target;
        while (target && target.tagName !== 'TH') {
          target = target.parentNode;
        }
  
        if (!column || !column.resizable) return;
  
        if (!this.dragging && this.border) {
          var rect = target.getBoundingClientRect();
  
          var bodyStyle = document.body.style;
          if (rect.width > 12 && rect.right - event.pageX < 8) {
            bodyStyle.cursor = 'col-resize';
            if (Object(dom_["hasClass"])(target, 'is-sortable')) {
              target.style.cursor = 'col-resize';
            }
            this.draggingColumn = column;
          } else if (!this.dragging) {
            bodyStyle.cursor = '';
            if (Object(dom_["hasClass"])(target, 'is-sortable')) {
              target.style.cursor = 'pointer';
            }
            this.draggingColumn = null;
          }
        }
      },
      handleMouseOut: function handleMouseOut() {
        if (this.$isServer) return;
        document.body.style.cursor = '';
      },
      toggleOrder: function toggleOrder(_ref) {
        var order = _ref.order,
            sortOrders = _ref.sortOrders;
  
        if (order === '') return sortOrders[0];
        var index = sortOrders.indexOf(order || null);
        return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
      },
      handleSortClick: function handleSortClick(event, column, givenOrder) {
        event.stopPropagation();
        var order = column.order === givenOrder ? null : givenOrder || this.toggleOrder(column);
  
        var target = event.target;
        while (target && target.tagName !== 'TH') {
          target = target.parentNode;
        }
  
        if (target && target.tagName === 'TH') {
          if (Object(dom_["hasClass"])(target, 'noclick')) {
            Object(dom_["removeClass"])(target, 'noclick');
            return;
          }
        }
  
        if (!column.sortable) return;
  
        var states = this.store.states;
        var sortProp = states.sortProp;
        var sortOrder = void 0;
        var sortingColumn = states.sortingColumn;
  
        if (sortingColumn !== column || sortingColumn === column && sortingColumn.order === null) {
          if (sortingColumn) {
            sortingColumn.order = null;
          }
          states.sortingColumn = column;
          sortProp = column.property;
        }
  
        if (!order) {
          sortOrder = column.order = null;
          states.sortingColumn = null;
          sortProp = null;
        } else {
          sortOrder = column.order = order;
        }
  
        states.sortProp = sortProp;
        states.sortOrder = sortOrder;
  
        this.store.commit('changeSortCondition');
      }
    },
  
    data: function data() {
      return {
        draggingColumn: null,
        dragging: false,
        dragState: {}
      };
    }
  });
  // CONCATENATED MODULE: ./packages/table/src/table-footer.js
  
  
  /* harmony default export */ var table_footer = ({
    name: 'ElTableFooter',
  
    mixins: [layout_observer],
  
    render: function render(h) {
      var _this = this;
  
      var sums = [];
      if (this.summaryMethod) {
        sums = this.summaryMethod({ columns: this.columns, data: this.store.states.data });
      } else {
        this.columns.forEach(function (column, index) {
          if (index === 0) {
            sums[index] = _this.sumText;
            return;
          }
          var values = _this.store.states.data.map(function (item) {
            return Number(item[column.property]);
          });
          var precisions = [];
          var notNumber = true;
          values.forEach(function (value) {
            if (!isNaN(value)) {
              notNumber = false;
              var decimal = ('' + value).split('.')[1];
              precisions.push(decimal ? decimal.length : 0);
            }
          });
          var precision = Math.max.apply(null, precisions);
          if (!notNumber) {
            sums[index] = values.reduce(function (prev, curr) {
              var value = Number(curr);
              if (!isNaN(value)) {
                return parseFloat((prev + curr).toFixed(Math.min(precision, 20)));
              } else {
                return prev;
              }
            }, 0);
          } else {
            sums[index] = '';
          }
        });
      }
  
      return h(
        'table',
        {
          'class': 'el-table__footer',
          attrs: { cellspacing: '0',
            cellpadding: '0',
            border: '0' }
        },
        [h('colgroup', [this._l(this.columns, function (column) {
          return h('col', {
            attrs: { name: column.id }
          });
        }), this.hasGutter ? h('col', {
          attrs: { name: 'gutter' }
        }) : '']), h(
          'tbody',
          { 'class': [{ 'has-gutter': this.hasGutter }] },
          [h('tr', [this._l(this.columns, function (column, cellIndex) {
            return h(
              'td',
              {
                attrs: {
                  colspan: column.colSpan,
                  rowspan: column.rowSpan
                },
                'class': [column.id, column.headerAlign, column.className || '', _this.isCellHidden(cellIndex, _this.columns, column) ? 'is-hidden' : '', !column.children ? 'is-leaf' : '', column.labelClassName] },
              [h(
                'div',
                { 'class': ['cell', column.labelClassName] },
                [sums[cellIndex]]
              )]
            );
          }), this.hasGutter ? h('th', { 'class': 'gutter' }) : ''])]
        )]
      );
    },
  
  
    props: {
      fixed: String,
      store: {
        required: true
      },
      summaryMethod: Function,
      sumText: String,
      border: Boolean,
      defaultSort: {
        type: Object,
        default: function _default() {
          return {
            prop: '',
            order: ''
          };
        }
      }
    },
  
    computed: {
      table: function table() {
        return this.$parent;
      },
      isAllSelected: function isAllSelected() {
        return this.store.states.isAllSelected;
      },
      columnsCount: function columnsCount() {
        return this.store.states.columns.length;
      },
      leftFixedCount: function leftFixedCount() {
        return this.store.states.fixedColumns.length;
      },
      leftFixedLeafCount: function leftFixedLeafCount() {
        return this.store.states.fixedLeafColumnsLength;
      },
      rightFixedLeafCount: function rightFixedLeafCount() {
        return this.store.states.rightFixedLeafColumnsLength;
      },
      rightFixedCount: function rightFixedCount() {
        return this.store.states.rightFixedColumns.length;
      },
      columns: function columns() {
        return this.store.states.columns;
      },
      hasGutter: function hasGutter() {
        return !this.fixed && this.tableLayout.gutterWidth;
      }
    },
  
    methods: {
      isCellHidden: function isCellHidden(index, columns, column) {
        if (this.fixed === true || this.fixed === 'left') {
          return index >= this.leftFixedLeafCount;
        } else if (this.fixed === 'right') {
          var before = 0;
          for (var i = 0; i < index; i++) {
            before += columns[i].colSpan;
          }
          return before < this.columnsCount - this.rightFixedLeafCount;
        } else if (!this.fixed && column.fixed) {
          // hide cell when footer instance is not fixed and column is fixed
          return true;
        } else {
          return index < this.leftFixedCount || index >= this.columnsCount - this.rightFixedCount;
        }
      }
    }
  });
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  
  
  
  
  
  
  var tableIdSeed = 1;
  
  /* harmony default export */ var tablevue_type_script_lang_js_ = ({
    name: 'ElTable',
  
    mixins: [locale_default.a, migrating_default.a],
  
    directives: {
      Mousewheel: directives_mousewheel
    },
  
    props: {
      data: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
  
      size: String,
  
      width: [String, Number],
  
      height: [String, Number],
  
      maxHeight: [String, Number],
  
      fit: {
        type: Boolean,
        default: true
      },
  
      stripe: Boolean,
  
      border: Boolean,
  
      rowKey: [String, Function],
  
      context: {},
  
      showHeader: {
        type: Boolean,
        default: true
      },
  
      showSummary: Boolean,
  
      sumText: String,
  
      summaryMethod: Function,
  
      rowClassName: [String, Function],
  
      rowStyle: [Object, Function],
  
      cellClassName: [String, Function],
  
      cellStyle: [Object, Function],
  
      headerRowClassName: [String, Function],
  
      headerRowStyle: [Object, Function],
  
      headerCellClassName: [String, Function],
  
      headerCellStyle: [Object, Function],
  
      highlightCurrentRow: Boolean,
  
      currentRowKey: [String, Number],
  
      emptyText: String,
  
      expandRowKeys: Array,
  
      defaultExpandAll: Boolean,
  
      defaultSort: Object,
  
      tooltipEffect: String,
  
      spanMethod: Function,
  
      selectOnIndeterminate: {
        type: Boolean,
        default: true
      }
    },
  
    components: {
      TableHeader: table_header,
      TableFooter: table_footer,
      TableBody: table_body,
      ElCheckbox: checkbox_default.a
    },
  
    methods: {
      getMigratingConfig: function getMigratingConfig() {
        return {
          events: {
            expand: 'expand is renamed to expand-change'
          }
        };
      },
      setCurrentRow: function setCurrentRow(row) {
        this.store.commit('setCurrentRow', row);
      },
      toggleRowSelection: function toggleRowSelection(row, selected) {
        this.store.toggleRowSelection(row, selected);
        this.store.updateAllSelected();
      },
      toggleRowExpansion: function toggleRowExpansion(row, expanded) {
        this.store.toggleRowExpansion(row, expanded);
      },
      clearSelection: function clearSelection() {
        this.store.clearSelection();
      },
      clearFilter: function clearFilter(columnKeys) {
        this.store.clearFilter(columnKeys);
      },
      clearSort: function clearSort() {
        this.store.clearSort();
      },
      handleMouseLeave: function handleMouseLeave() {
        this.store.commit('setHoverRow', null);
        if (this.hoverState) this.hoverState = null;
      },
      updateScrollY: function updateScrollY() {
        this.layout.updateScrollY();
        this.layout.updateColumnsWidth();
      },
      handleFixedMousewheel: function handleFixedMousewheel(event, data) {
        var bodyWrapper = this.bodyWrapper;
        if (Math.abs(data.spinY) > 0) {
          var currentScrollTop = bodyWrapper.scrollTop;
          if (data.pixelY < 0 && currentScrollTop !== 0) {
            event.preventDefault();
          }
          if (data.pixelY > 0 && bodyWrapper.scrollHeight - bodyWrapper.clientHeight > currentScrollTop) {
            event.preventDefault();
          }
          bodyWrapper.scrollTop += Math.ceil(data.pixelY / 5);
        } else {
          bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
        }
      },
      handleHeaderFooterMousewheel: function handleHeaderFooterMousewheel(event, data) {
        var pixelX = data.pixelX,
            pixelY = data.pixelY;
  
        if (Math.abs(pixelX) >= Math.abs(pixelY)) {
          event.preventDefault();
          this.bodyWrapper.scrollLeft += data.pixelX / 5;
        }
      },
      bindEvents: function bindEvents() {
        var _$refs = this.$refs,
            headerWrapper = _$refs.headerWrapper,
            footerWrapper = _$refs.footerWrapper;
  
        var refs = this.$refs;
        var self = this;
  
        this.bodyWrapper.addEventListener('scroll', function () {
          if (headerWrapper) headerWrapper.scrollLeft = this.scrollLeft;
          if (footerWrapper) footerWrapper.scrollLeft = this.scrollLeft;
          if (refs.fixedBodyWrapper) refs.fixedBodyWrapper.scrollTop = this.scrollTop;
          if (refs.rightFixedBodyWrapper) refs.rightFixedBodyWrapper.scrollTop = this.scrollTop;
          var maxScrollLeftPosition = this.scrollWidth - this.offsetWidth - 1;
          var scrollLeft = this.scrollLeft;
          if (scrollLeft >= maxScrollLeftPosition) {
            self.scrollPosition = 'right';
          } else if (scrollLeft === 0) {
            self.scrollPosition = 'left';
          } else {
            self.scrollPosition = 'middle';
          }
        });
  
        if (this.fit) {
          Object(resize_event_["addResizeListener"])(this.$el, this.resizeListener);
        }
      },
      resizeListener: function resizeListener() {
        if (!this.$ready) return;
        var shouldUpdateLayout = false;
        var el = this.$el;
        var _resizeState = this.resizeState,
            oldWidth = _resizeState.width,
            oldHeight = _resizeState.height;
  
  
        var width = el.offsetWidth;
        if (oldWidth !== width) {
          shouldUpdateLayout = true;
        }
  
        var height = el.offsetHeight;
        if ((this.height || this.shouldUpdateHeight) && oldHeight !== height) {
          shouldUpdateLayout = true;
        }
  
        if (shouldUpdateLayout) {
          this.resizeState.width = width;
          this.resizeState.height = height;
          this.doLayout();
        }
      },
      doLayout: function doLayout() {
        this.layout.updateColumnsWidth();
        if (this.shouldUpdateHeight) {
          this.layout.updateElsHeight();
        }
      },
      sort: function sort(prop, order) {
        this.store.commit('sort', { prop: prop, order: order });
      },
      toggleAllSelection: function toggleAllSelection() {
        this.store.commit('toggleAllSelection');
      }
    },
  
    created: function created() {
      var _this = this;
  
      this.tableId = 'el-table_' + tableIdSeed++;
      this.debouncedUpdateLayout = debounce_default()(50, function () {
        return _this.doLayout();
      });
    },
  
  
    computed: {
      tableSize: function tableSize() {
        return this.size || (this.$ELEMENT || {}).size;
      },
      bodyWrapper: function bodyWrapper() {
        return this.$refs.bodyWrapper;
      },
      shouldUpdateHeight: function shouldUpdateHeight() {
        return this.height || this.maxHeight || this.fixedColumns.length > 0 || this.rightFixedColumns.length > 0;
      },
      selection: function selection() {
        return this.store.states.selection;
      },
      columns: function columns() {
        return this.store.states.columns;
      },
      tableData: function tableData() {
        return this.store.states.data;
      },
      fixedColumns: function fixedColumns() {
        return this.store.states.fixedColumns;
      },
      rightFixedColumns: function rightFixedColumns() {
        return this.store.states.rightFixedColumns;
      },
      bodyWidth: function bodyWidth() {
        var _layout = this.layout,
            bodyWidth = _layout.bodyWidth,
            scrollY = _layout.scrollY,
            gutterWidth = _layout.gutterWidth;
  
        return bodyWidth ? bodyWidth - (scrollY ? gutterWidth : 0) + 'px' : '';
      },
      bodyHeight: function bodyHeight() {
        if (this.height) {
          return {
            height: this.layout.bodyHeight ? this.layout.bodyHeight + 'px' : ''
          };
        } else if (this.maxHeight) {
          return {
            'max-height': (this.showHeader ? this.maxHeight - this.layout.headerHeight - this.layout.footerHeight : this.maxHeight - this.layout.footerHeight) + 'px'
          };
        }
        return {};
      },
      fixedBodyHeight: function fixedBodyHeight() {
        if (this.height) {
          return {
            height: this.layout.fixedBodyHeight ? this.layout.fixedBodyHeight + 'px' : ''
          };
        } else if (this.maxHeight) {
          var maxHeight = this.layout.scrollX ? this.maxHeight - this.layout.gutterWidth : this.maxHeight;
  
          if (this.showHeader) {
            maxHeight -= this.layout.headerHeight;
          }
  
          maxHeight -= this.layout.footerHeight;
  
          return {
            'max-height': maxHeight + 'px'
          };
        }
  
        return {};
      },
      fixedHeight: function fixedHeight() {
        if (this.maxHeight) {
          if (this.showSummary) {
            return {
              bottom: 0
            };
          }
          return {
            bottom: this.layout.scrollX && this.data.length ? this.layout.gutterWidth + 'px' : ''
          };
        } else {
          if (this.showSummary) {
            return {
              height: this.layout.tableHeight ? this.layout.tableHeight + 'px' : ''
            };
          }
          return {
            height: this.layout.viewportHeight ? this.layout.viewportHeight + 'px' : ''
          };
        }
      }
    },
  
    watch: {
      height: {
        immediate: true,
        handler: function handler(value) {
          this.layout.setHeight(value);
        }
      },
  
      maxHeight: {
        immediate: true,
        handler: function handler(value) {
          this.layout.setMaxHeight(value);
        }
      },
  
      currentRowKey: function currentRowKey(newVal) {
        this.store.setCurrentRowKey(newVal);
      },
  
  
      data: {
        immediate: true,
        handler: function handler(value) {
          var _this2 = this;
  
          this.store.commit('setData', value);
          if (this.$ready) {
            this.$nextTick(function () {
              _this2.doLayout();
            });
          }
        }
      },
  
      expandRowKeys: {
        immediate: true,
        handler: function handler(newVal) {
          if (newVal) {
            this.store.setExpandRowKeys(newVal);
          }
        }
      }
    },
  
    destroyed: function destroyed() {
      if (this.resizeListener) Object(resize_event_["removeResizeListener"])(this.$el, this.resizeListener);
    },
    mounted: function mounted() {
      var _this3 = this;
  
      this.bindEvents();
      this.store.updateColumns();
      this.doLayout();
  
      this.resizeState = {
        width: this.$el.offsetWidth,
        height: this.$el.offsetHeight
      };
  
      // init filters
      this.store.states.columns.forEach(function (column) {
        if (column.filteredValue && column.filteredValue.length) {
          _this3.store.commit('filterChange', {
            column: column,
            values: column.filteredValue,
            silent: true
          });
        }
      });
  
      this.$ready = true;
    },
    data: function data() {
      var store = new table_store(this, {
        rowKey: this.rowKey,
        defaultExpandAll: this.defaultExpandAll,
        selectOnIndeterminate: this.selectOnIndeterminate
      });
      var layout = new table_layout({
        store: store,
        table: this,
        fit: this.fit,
        showHeader: this.showHeader
      });
      return {
        layout: layout,
        store: store,
        isHidden: false,
        renderExpanded: null,
        resizeProxyVisible: false,
        resizeState: {
          width: null,
          height: null
        },
        // 是否拥有多级表头
        isGroup: false,
        scrollPosition: 'left'
      };
    }
  });
  // CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_tablevue_type_script_lang_js_ = (tablevue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/table/src/table.vue
  
  
  
  
  
  /* normalize component */
  
  var table_component = normalizeComponent(
    src_tablevue_type_script_lang_js_,
    tablevue_type_template_id_493fe34e_render,
    tablevue_type_template_id_493fe34e_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var table_api; }
  table_component.options.__file = "packages/table/src/table.vue"
  /* harmony default export */ var src_table = (table_component.exports);
  // CONCATENATED MODULE: ./packages/table/index.js
  
  
  /* istanbul ignore next */
  src_table.install = function (Vue) {
    Vue.component(src_table.name, src_table);
  };
  
  /* harmony default export */ var packages_table = (src_table);
  // CONCATENATED MODULE: ./packages/table/src/table-column.js
  
  
  
  
  
  var columnIdSeed = 1;
  
  var defaults = {
    default: {
      order: ''
    },
    selection: {
      width: 48,
      minWidth: 48,
      realWidth: 48,
      order: '',
      className: 'el-table-column--selection'
    },
    expand: {
      width: 48,
      minWidth: 48,
      realWidth: 48,
      order: ''
    },
    index: {
      width: 48,
      minWidth: 48,
      realWidth: 48,
      order: ''
    }
  };
  
  var forced = {
    selection: {
      renderHeader: function renderHeader(h, _ref) {
        var store = _ref.store;
  
        return h('el-checkbox', {
          attrs: {
            disabled: store.states.data && store.states.data.length === 0,
            indeterminate: store.states.selection.length > 0 && !this.isAllSelected,
  
            value: this.isAllSelected },
          nativeOn: {
            'click': this.toggleAllSelection
          }
        });
      },
      renderCell: function renderCell(h, _ref2) {
        var row = _ref2.row,
            column = _ref2.column,
            store = _ref2.store,
            $index = _ref2.$index;
  
        return h('el-checkbox', {
          nativeOn: {
            'click': function click(event) {
              return event.stopPropagation();
            }
          },
          attrs: {
            value: store.isSelected(row),
            disabled: column.selectable ? !column.selectable.call(null, row, $index) : false
          },
          on: {
            'input': function input() {
              store.commit('rowSelectedChanged', row);
            }
          }
        });
      },
      sortable: false,
      resizable: false
    },
    index: {
      renderHeader: function renderHeader(h, _ref3) {
        var column = _ref3.column;
  
        return column.label || '#';
      },
      renderCell: function renderCell(h, _ref4) {
        var $index = _ref4.$index,
            column = _ref4.column;
  
        var i = $index + 1;
        var index = column.index;
  
        if (typeof index === 'number') {
          i = $index + index;
        } else if (typeof index === 'function') {
          i = index($index);
        }
  
        return h('div', [i]);
      },
      sortable: false
    },
    expand: {
      renderHeader: function renderHeader(h, _ref5) {
        var column = _ref5.column;
  
        return column.label || '';
      },
      renderCell: function renderCell(h, _ref6, proxy) {
        var row = _ref6.row,
            store = _ref6.store;
  
        var expanded = store.states.expandRows.indexOf(row) > -1;
        return h(
          'div',
          { 'class': 'el-table__expand-icon ' + (expanded ? 'el-table__expand-icon--expanded' : ''),
            on: {
              'click': function click(e) {
                return proxy.handleExpandClick(row, e);
              }
            }
          },
          [h('i', { 'class': 'el-icon el-icon-arrow-right' })]
        );
      },
      sortable: false,
      resizable: false,
      className: 'el-table__expand-column'
    }
  };
  
  var table_column_getDefaultColumn = function getDefaultColumn(type, options) {
    var column = {};
  
    merge_default()(column, defaults[type || 'default']);
  
    for (var name in options) {
      if (options.hasOwnProperty(name)) {
        var value = options[name];
        if (typeof value !== 'undefined') {
          column[name] = value;
        }
      }
    }
  
    if (!column.minWidth) {
      column.minWidth = 80;
    }
  
    column.realWidth = column.width === undefined ? column.minWidth : column.width;
  
    return column;
  };
  
  var table_column_DEFAULT_RENDER_CELL = function DEFAULT_RENDER_CELL(h, _ref7) {
    var row = _ref7.row,
        column = _ref7.column,
        $index = _ref7.$index;
  
    var property = column.property;
    var value = property && Object(util_["getPropByPath"])(row, property).v;
    if (column && column.formatter) {
      return column.formatter(row, column, value, $index);
    }
    return value;
  };
  
  var parseWidth = function parseWidth(width) {
    if (width !== undefined) {
      width = parseInt(width, 10);
      if (isNaN(width)) {
        width = null;
      }
    }
    return width;
  };
  
  var parseMinWidth = function parseMinWidth(minWidth) {
    if (minWidth !== undefined) {
      minWidth = parseInt(minWidth, 10);
      if (isNaN(minWidth)) {
        minWidth = 80;
      }
    }
    return minWidth;
  };
  
  /* harmony default export */ var table_column = ({
    name: 'ElTableColumn',
  
    props: {
      type: {
        type: String,
        default: 'default'
      },
      label: String,
      className: String,
      labelClassName: String,
      property: String,
      prop: String,
      width: {},
      minWidth: {},
      renderHeader: Function,
      sortable: {
        type: [String, Boolean],
        default: false
      },
      sortMethod: Function,
      sortBy: [String, Function, Array],
      resizable: {
        type: Boolean,
        default: true
      },
      context: {},
      columnKey: String,
      align: String,
      headerAlign: String,
      showTooltipWhenOverflow: Boolean,
      showOverflowTooltip: Boolean,
      fixed: [Boolean, String],
      formatter: Function,
      selectable: Function,
      reserveSelection: Boolean,
      filterMethod: Function,
      filteredValue: Array,
      filters: Array,
      filterPlacement: String,
      filterMultiple: {
        type: Boolean,
        default: true
      },
      index: [Number, Function],
      sortOrders: {
        type: Array,
        default: function _default() {
          return ['ascending', 'descending', null];
        },
        validator: function validator(val) {
          return val.every(function (order) {
            return ['ascending', 'descending', null].indexOf(order) > -1;
          });
        }
      }
    },
  
    data: function data() {
      return {
        isSubColumn: false,
        columns: []
      };
    },
    beforeCreate: function beforeCreate() {
      this.row = {};
      this.column = {};
      this.$index = 0;
    },
  
  
    components: {
      ElCheckbox: checkbox_default.a,
      ElTag: tag_default.a
    },
  
    computed: {
      owner: function owner() {
        var parent = this.$parent;
        while (parent && !parent.tableId) {
          parent = parent.$parent;
        }
        return parent;
      },
      columnOrTableParent: function columnOrTableParent() {
        var parent = this.$parent;
        while (parent && !parent.tableId && !parent.columnId) {
          parent = parent.$parent;
        }
        return parent;
      }
    },
  
    created: function created() {
      var _this = this;
  
      var h = this.$createElement;
  
      this.customRender = this.$options.render;
      this.$options.render = function (h) {
        return h('div', _this.$slots.default);
      };
  
      var parent = this.columnOrTableParent;
      var owner = this.owner;
      this.isSubColumn = owner !== parent;
      this.columnId = (parent.tableId || parent.columnId) + '_column_' + columnIdSeed++;
  
      var type = this.type;
  
      var width = parseWidth(this.width);
      var minWidth = parseMinWidth(this.minWidth);
  
      var isColumnGroup = false;
  
      var column = table_column_getDefaultColumn(type, {
        id: this.columnId,
        columnKey: this.columnKey,
        label: this.label,
        className: this.className,
        labelClassName: this.labelClassName,
        property: this.prop || this.property,
        type: type,
        renderCell: null,
        renderHeader: this.renderHeader,
        minWidth: minWidth,
        width: width,
        isColumnGroup: isColumnGroup,
        context: this.context,
        align: this.align ? 'is-' + this.align : null,
        headerAlign: this.headerAlign ? 'is-' + this.headerAlign : this.align ? 'is-' + this.align : null,
        sortable: this.sortable === '' ? true : this.sortable,
        sortMethod: this.sortMethod,
        sortBy: this.sortBy,
        resizable: this.resizable,
        showOverflowTooltip: this.showOverflowTooltip || this.showTooltipWhenOverflow,
        formatter: this.formatter,
        selectable: this.selectable,
        reserveSelection: this.reserveSelection,
        fixed: this.fixed === '' ? true : this.fixed,
        filterMethod: this.filterMethod,
        filters: this.filters,
        filterable: this.filters || this.filterMethod,
        filterMultiple: this.filterMultiple,
        filterOpened: false,
        filteredValue: this.filteredValue || [],
        filterPlacement: this.filterPlacement || '',
        index: this.index,
        sortOrders: this.sortOrders
      });
  
      var source = forced[type] || {};
      Object.keys(source).forEach(function (prop) {
        var value = source[prop];
        if (value !== undefined) {
          if (prop === 'renderHeader') {
            if (type === 'selection' && column[prop]) {
              console.warn('[Element Warn][TableColumn]Selection column doesn\'t allow to set render-header function.');
            } else {
              value = column[prop] || value;
            }
          }
          column[prop] = prop === 'className' ? column[prop] + ' ' + value : value;
        }
      });
  
      // Deprecation warning for renderHeader property
      if (this.renderHeader) {
        console.warn('[Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.');
      }
  
      this.columnConfig = column;
  
      var renderCell = column.renderCell;
      var _self = this;
  
      if (type === 'expand') {
        owner.renderExpanded = function (h, data) {
          return _self.$scopedSlots.default ? _self.$scopedSlots.default(data) : _self.$slots.default;
        };
  
        column.renderCell = function (h, data) {
          return h(
            'div',
            { 'class': 'cell' },
            [renderCell(h, data, this._renderProxy)]
          );
        };
  
        return;
      }
  
      column.renderCell = function (h, data) {
        if (_self.$scopedSlots.default) {
          renderCell = function renderCell() {
            return _self.$scopedSlots.default(data);
          };
        }
  
        if (!renderCell) {
          renderCell = table_column_DEFAULT_RENDER_CELL;
        }
  
        return _self.showOverflowTooltip || _self.showTooltipWhenOverflow ? h(
          'div',
          { 'class': 'cell el-tooltip', style: { width: (data.column.realWidth || data.column.width) - 1 + 'px' } },
          [renderCell(h, data)]
        ) : h(
          'div',
          { 'class': 'cell' },
          [renderCell(h, data)]
        );
      };
    },
    destroyed: function destroyed() {
      if (!this.$parent) return;
      var parent = this.$parent;
      this.owner.store.commit('removeColumn', this.columnConfig, this.isSubColumn ? parent.columnConfig : null);
    },
  
  
    watch: {
      label: function label(newVal) {
        if (this.columnConfig) {
          this.columnConfig.label = newVal;
        }
      },
      prop: function prop(newVal) {
        if (this.columnConfig) {
          this.columnConfig.property = newVal;
        }
      },
      property: function property(newVal) {
        if (this.columnConfig) {
          this.columnConfig.property = newVal;
        }
      },
      filters: function filters(newVal) {
        if (this.columnConfig) {
          this.columnConfig.filters = newVal;
        }
      },
      filterMultiple: function filterMultiple(newVal) {
        if (this.columnConfig) {
          this.columnConfig.filterMultiple = newVal;
        }
      },
      align: function align(newVal) {
        if (this.columnConfig) {
          this.columnConfig.align = newVal ? 'is-' + newVal : null;
  
          if (!this.headerAlign) {
            this.columnConfig.headerAlign = newVal ? 'is-' + newVal : null;
          }
        }
      },
      headerAlign: function headerAlign(newVal) {
        if (this.columnConfig) {
          this.columnConfig.headerAlign = 'is-' + (newVal ? newVal : this.align);
        }
      },
      width: function width(newVal) {
        if (this.columnConfig) {
          this.columnConfig.width = parseWidth(newVal);
          this.owner.store.scheduleLayout();
        }
      },
      minWidth: function minWidth(newVal) {
        if (this.columnConfig) {
          this.columnConfig.minWidth = parseMinWidth(newVal);
          this.owner.store.scheduleLayout();
        }
      },
      fixed: function fixed(newVal) {
        if (this.columnConfig) {
          this.columnConfig.fixed = newVal;
          this.owner.store.scheduleLayout(true);
        }
      },
      sortable: function sortable(newVal) {
        if (this.columnConfig) {
          this.columnConfig.sortable = newVal;
        }
      },
      index: function index(newVal) {
        if (this.columnConfig) {
          this.columnConfig.index = newVal;
        }
      },
      formatter: function formatter(newVal) {
        if (this.columnConfig) {
          this.columnConfig.formatter = newVal;
        }
      },
      className: function className(newVal) {
        if (this.columnConfig) {
          this.columnConfig.className = newVal;
        }
      },
      labelClassName: function labelClassName(newVal) {
        if (this.columnConfig) {
          this.columnConfig.labelClassName = newVal;
        }
      }
    },
  
    mounted: function mounted() {
      var _this2 = this;
  
      var owner = this.owner;
      var parent = this.columnOrTableParent;
      var columnIndex = void 0;
  
      if (!this.isSubColumn) {
        columnIndex = [].indexOf.call(parent.$refs.hiddenColumns.children, this.$el);
      } else {
        columnIndex = [].indexOf.call(parent.$el.children, this.$el);
      }
  
      if (this.$scopedSlots.header) {
        if (this.type === 'selection') {
          console.warn('[Element Warn][TableColumn]Selection column doesn\'t allow to set scoped-slot header.');
        } else {
          this.columnConfig.renderHeader = function (h, scope) {
            return _this2.$scopedSlots.header(scope);
          };
        }
      }
  
      owner.store.commit('insertColumn', this.columnConfig, columnIndex, this.isSubColumn ? parent.columnConfig : null);
    }
  });
  // CONCATENATED MODULE: ./packages/table-column/index.js
  
  
  /* istanbul ignore next */
  table_column.install = function (Vue) {
    Vue.component(table_column.name, table_column);
  };
  
  /* harmony default export */ var packages_table_column = (table_column);
  // 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 pickervue_type_template_id_79ae069f_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",
                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 pickervue_type_template_id_79ae069f_staticRenderFns = []
  pickervue_type_template_id_79ae069f_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/date-picker/src/picker.vue?vue&type=template&id=79ae069f&
  
  // EXTERNAL MODULE: external "element-ui/lib/utils/date"
  var date_ = __webpack_require__(24);
  var date_default = /*#__PURE__*/__webpack_require__.n(date_);
  
  // CONCATENATED MODULE: ./packages/date-picker/src/util/index.js
  
  
  
  var weeks = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
  var months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
  var util_getI18nSettings = function getI18nSettings() {
    return {
      dayNamesShort: weeks.map(function (week) {
        return Object(lib_locale_["t"])('el.datepicker.weeks.' + week);
      }),
      dayNames: weeks.map(function (week) {
        return Object(lib_locale_["t"])('el.datepicker.weeks.' + week);
      }),
      monthNamesShort: months.map(function (month) {
        return Object(lib_locale_["t"])('el.datepicker.months.' + month);
      }),
      monthNames: months.map(function (month, index) {
        return Object(lib_locale_["t"])('el.datepicker.month' + (index + 1));
      }),
      amPm: ['am', 'pm']
    };
  };
  
  var newArray = function newArray(start, end) {
    var result = [];
    for (var i = start; i <= end; i++) {
      result.push(i);
    }
    return result;
  };
  
  var toDate = function toDate(date) {
    return isDate(date) ? new Date(date) : null;
  };
  
  var isDate = function isDate(date) {
    if (date === null || date === undefined) return false;
    if (isNaN(new Date(date).getTime())) return false;
    if (Array.isArray(date)) return false; // deal with `new Date([ new Date() ]) -> new Date()`
    return true;
  };
  
  var isDateObject = function isDateObject(val) {
    return val instanceof Date;
  };
  
  var util_formatDate = function formatDate(date, format) {
    date = toDate(date);
    if (!date) return '';
    return date_default.a.format(date, format || 'yyyy-MM-dd', util_getI18nSettings());
  };
  
  var util_parseDate = function parseDate(string, format) {
    return date_default.a.parse(string, format || 'yyyy-MM-dd', util_getI18nSettings());
  };
  
  var getDayCountOfMonth = function getDayCountOfMonth(year, month) {
    if (month === 3 || month === 5 || month === 8 || month === 10) {
      return 30;
    }
  
    if (month === 1) {
      if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
        return 29;
      } else {
        return 28;
      }
    }
  
    return 31;
  };
  
  var getDayCountOfYear = function getDayCountOfYear(year) {
    var isLeapYear = year % 400 === 0 || year % 100 !== 0 && year % 4 === 0;
    return isLeapYear ? 366 : 365;
  };
  
  var getFirstDayOfMonth = function getFirstDayOfMonth(date) {
    var temp = new Date(date.getTime());
    temp.setDate(1);
    return temp.getDay();
  };
  
  // see: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript
  // {prev, next} Date should work for Daylight Saving Time
  // Adding 24 * 60 * 60 * 1000 does not work in the above scenario
  var prevDate = function prevDate(date) {
    var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
  
    return new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
  };
  
  var nextDate = function nextDate(date) {
    var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
  
    return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
  };
  
  var getStartDateOfMonth = function getStartDateOfMonth(year, month) {
    var result = new Date(year, month, 1);
    var day = result.getDay();
  
    if (day === 0) {
      return prevDate(result, 7);
    } else {
      return prevDate(result, day);
    }
  };
  
  var getWeekNumber = function getWeekNumber(src) {
    if (!isDate(src)) return null;
    var date = new Date(src.getTime());
    date.setHours(0, 0, 0, 0);
    // Thursday in current week decides the year.
    date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
    // January 4 is always in week 1.
    var week1 = new Date(date.getFullYear(), 0, 4);
    // Adjust to Thursday in week 1 and count number of weeks from date to week 1.
    // Rounding should be fine for Daylight Saving Time. Its shift should never be more than 12 hours.
    return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
  };
  
  var getRangeHours = function getRangeHours(ranges) {
    var hours = [];
    var disabledHours = [];
  
    (ranges || []).forEach(function (range) {
      var value = range.map(function (date) {
        return date.getHours();
      });
  
      disabledHours = disabledHours.concat(newArray(value[0], value[1]));
    });
  
    if (disabledHours.length) {
      for (var i = 0; i < 24; i++) {
        hours[i] = disabledHours.indexOf(i) === -1;
      }
    } else {
      for (var _i = 0; _i < 24; _i++) {
        hours[_i] = false;
      }
    }
  
    return hours;
  };
  
  function setRangeData(arr, start, end, value) {
    for (var i = start; i < end; i++) {
      arr[i] = value;
    }
  }
  
  var getRangeMinutes = function getRangeMinutes(ranges, hour) {
    var minutes = new Array(60);
  
    if (ranges.length > 0) {
      ranges.forEach(function (range) {
        var start = range[0];
        var end = range[1];
        var startHour = start.getHours();
        var startMinute = start.getMinutes();
        var endHour = end.getHours();
        var endMinute = end.getMinutes();
        if (startHour === hour && endHour !== hour) {
          setRangeData(minutes, startMinute, 60, true);
        } else if (startHour === hour && endHour === hour) {
          setRangeData(minutes, startMinute, endMinute + 1, true);
        } else if (startHour !== hour && endHour === hour) {
          setRangeData(minutes, 0, endMinute + 1, true);
        } else if (startHour < hour && endHour > hour) {
          setRangeData(minutes, 0, 60, true);
        }
      });
    } else {
      setRangeData(minutes, 0, 60, true);
    }
    return minutes;
  };
  
  var util_range = function range(n) {
    // see https://stackoverflow.com/questions/3746725/create-a-javascript-array-containing-1-n
    return Array.apply(null, { length: n }).map(function (_, n) {
      return n;
    });
  };
  
  var modifyDate = function modifyDate(date, y, m, d) {
    return new Date(y, m, d, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
  };
  
  var modifyTime = function modifyTime(date, h, m, s) {
    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), h, m, s, date.getMilliseconds());
  };
  
  var modifyWithTimeString = function modifyWithTimeString(date, time) {
    if (date == null || !time) {
      return date;
    }
    time = util_parseDate(time, 'HH:mm:ss');
    return modifyTime(date, time.getHours(), time.getMinutes(), time.getSeconds());
  };
  
  var clearTime = function clearTime(date) {
    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
  };
  
  var clearMilliseconds = function clearMilliseconds(date) {
    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
  };
  
  var util_limitTimeRange = function limitTimeRange(date, ranges) {
    var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'HH:mm:ss';
  
    // TODO: refactory a more elegant solution
    if (ranges.length === 0) return date;
    var normalizeDate = function normalizeDate(date) {
      return date_default.a.parse(date_default.a.format(date, format), format);
    };
    var ndate = normalizeDate(date);
    var nranges = ranges.map(function (range) {
      return range.map(normalizeDate);
    });
    if (nranges.some(function (nrange) {
      return ndate >= nrange[0] && ndate <= nrange[1];
    })) return date;
  
    var minDate = nranges[0][0];
    var maxDate = nranges[0][0];
  
    nranges.forEach(function (nrange) {
      minDate = new Date(Math.min(nrange[0], minDate));
      maxDate = new Date(Math.max(nrange[1], minDate));
    });
  
    var ret = ndate < minDate ? minDate : maxDate;
    // preserve Year/Month/Date
    return modifyDate(ret, date.getFullYear(), date.getMonth(), date.getDate());
  };
  
  var timeWithinRange = function timeWithinRange(date, selectableRange, format) {
    var limitedDate = util_limitTimeRange(date, selectableRange, format);
    return limitedDate.getTime() === date.getTime();
  };
  
  var changeYearMonthAndClampDate = function changeYearMonthAndClampDate(date, year, month) {
    // clamp date to the number of days in `year`, `month`
    // eg: (2010-1-31, 2010, 2) => 2010-2-28
    var monthDate = Math.min(date.getDate(), getDayCountOfMonth(year, month));
    return modifyDate(date, year, month, monthDate);
  };
  
  var util_prevMonth = function prevMonth(date) {
    var year = date.getFullYear();
    var month = date.getMonth();
    return month === 0 ? changeYearMonthAndClampDate(date, year - 1, 11) : changeYearMonthAndClampDate(date, year, month - 1);
  };
  
  var util_nextMonth = function nextMonth(date) {
    var year = date.getFullYear();
    var month = date.getMonth();
    return month === 11 ? changeYearMonthAndClampDate(date, year + 1, 0) : changeYearMonthAndClampDate(date, year, month + 1);
  };
  
  var util_prevYear = function prevYear(date) {
    var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
  
    var year = date.getFullYear();
    var month = date.getMonth();
    return changeYearMonthAndClampDate(date, year - amount, month);
  };
  
  var util_nextYear = function nextYear(date) {
    var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
  
    var year = date.getFullYear();
    var month = date.getMonth();
    return changeYearMonthAndClampDate(date, year + amount, month);
  };
  
  var extractDateFormat = function extractDateFormat(format) {
    return format.replace(/\W?m{1,2}|\W?ZZ/g, '').replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '').trim();
  };
  
  var extractTimeFormat = function extractTimeFormat(format) {
    return format.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, '').trim();
  };
  // 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',
    datetimerange: 'yyyy-MM-dd HH:mm:ss',
    year: 'yyyy'
  };
  var HAVE_TRIGGER_TYPES = ['date', 'datetime', 'time', 'time-select', 'week', 'month', 'year', 'daterange', 'timerange', 'datetimerange', 'dates'];
  var pickervue_type_script_lang_js_DATE_FORMATTER = function DATE_FORMATTER(value, format) {
    if (format === 'timestamp') return value.getTime();
    return 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 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 = 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 = 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) {
        var array = (text || '').split('w');
        if (array.length === 2) {
          var year = Number(array[0]);
          var month = Number(array[1]);
  
          if (!isNaN(year) && !isNaN(month) && month < 54) {
            return text;
          }
        }
        return null;
      }
    },
    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
    },
    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 pickervue_type_script_lang_js_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: pickervue_type_script_lang_js_validator
      },
      disabled: Boolean,
      clearable: {
        type: Boolean,
        default: true
      },
      id: {
        default: '',
        validator: pickervue_type_script_lang_js_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 = isDateObject(this.value) || Array.isArray(this.value) && this.value.every(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 = isDateObject(value) || Array.isArray(value) && value.every(isDateObject);
        if (this.valueFormat && !isParsed) {
          return parseAsFormatAndType(value, this.valueFormat, this.type, this.rangeSeparator) || value;
        } else {
          return value;
        }
      },
      formatToValue: function formatToValue(date) {
        var isFormattable = isDateObject(date) || Array.isArray(date) && date.every(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_); 
  // CONCATENATED MODULE: ./packages/date-picker/src/picker.vue
  
  
  
  
  
  /* normalize component */
  
  var picker_component = normalizeComponent(
    src_pickervue_type_script_lang_js_,
    pickervue_type_template_id_79ae069f_render,
    pickervue_type_template_id_79ae069f_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var picker_api; }
  picker_component.options.__file = "packages/date-picker/src/picker.vue"
  /* harmony default export */ var picker = (picker_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.vue?vue&type=template&id=2440d4ea&
  var datevue_type_template_id_2440d4ea_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,
                          "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 datevue_type_template_id_2440d4ea_staticRenderFns = []
  datevue_type_template_id_2440d4ea_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/date.vue?vue&type=template&id=2440d4ea&
  
  // 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 timevue_type_template_id_3d939089_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 timevue_type_template_id_3d939089_staticRenderFns = []
  timevue_type_template_id_3d939089_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/time.vue?vue&type=template&id=3d939089&
  
  // 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 time_spinnervue_type_template_id_1facadeb_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 time_spinnervue_type_template_id_1facadeb_staticRenderFns = []
  time_spinnervue_type_template_id_1facadeb_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/date-picker/src/basic/time-spinner.vue?vue&type=template&id=1facadeb&
  
  // 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
    },
  
    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 getRangeHours(this.selectableRange);
      },
      minutesList: function minutesList() {
        return 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', modifyTime(this.date, value, this.minutes, this.seconds));break;
          case 'minutes':
            this.$emit('change', modifyTime(this.date, this.hours, value, this.seconds));break;
          case 'seconds':
            this.$emit('change', 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.floor((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) {
        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);
      },
      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_); 
  // CONCATENATED MODULE: ./packages/date-picker/src/basic/time-spinner.vue
  
  
  
  
  
  /* normalize component */
  
  var time_spinner_component = normalizeComponent(
    basic_time_spinnervue_type_script_lang_js_,
    time_spinnervue_type_template_id_1facadeb_render,
    time_spinnervue_type_template_id_1facadeb_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var time_spinner_api; }
  time_spinner_component.options.__file = "packages/date-picker/src/basic/time-spinner.vue"
  /* harmony default export */ var time_spinner = (time_spinner_component.exports);
  // 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
    },
  
    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 = 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 (!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 = 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 = clearMilliseconds(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 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_); 
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/time.vue
  
  
  
  
  
  /* normalize component */
  
  var time_component = normalizeComponent(
    panel_timevue_type_script_lang_js_,
    timevue_type_template_id_3d939089_render,
    timevue_type_template_id_3d939089_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var time_api; }
  time_component.options.__file = "packages/date-picker/src/panel/time.vue"
  /* harmony default export */ var panel_time = (time_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/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&
  
  // 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 = getDayCountOfYear(year);
    var firstDay = new Date(year, 0, 1);
    return util_range(numOfDays).map(function (n) {
      return 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 && 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_); 
  // CONCATENATED MODULE: ./packages/date-picker/src/basic/year-table.vue
  
  
  
  
  
  /* normalize component */
  
  var year_table_component = normalizeComponent(
    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 year_table_api; }
  year_table_component.options.__file = "packages/date-picker/src/basic/year-table.vue"
  /* harmony default export */ var year_table = (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 } },
      [
        _c("tbody", [
          _c("tr", [
            _c("td", { class: _vm.getCellStyle(0) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.jan")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(1) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.feb")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(2) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.mar")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(3) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.apr")))
              ])
            ])
          ]),
          _c("tr", [
            _c("td", { class: _vm.getCellStyle(4) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.may")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(5) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.jun")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(6) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.jul")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(7) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.aug")))
              ])
            ])
          ]),
          _c("tr", [
            _c("td", { class: _vm.getCellStyle(8) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.sep")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(9) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.oct")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(10) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.nov")))
              ])
            ]),
            _c("td", { class: _vm.getCellStyle(11) }, [
              _c("a", { staticClass: "cell" }, [
                _vm._v(_vm._s(_vm.t("el.datepicker.months.dec")))
              ])
            ])
          ])
        ])
      ]
    )
  }
  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 = getDayCountOfMonth(year, month);
    var firstDay = new Date(year, month, 1);
    return util_range(numOfDays).map(function (n) {
      return nextDate(firstDay, n);
    });
  };
  
  /* harmony default export */ var month_tablevue_type_script_lang_js_ = ({
    props: {
      disabledDate: {},
      value: {},
      defaultValue: {
        validator: function validator(val) {
          // null or valid Date Object
          return val === null || val instanceof Date && isDate(val);
        }
      },
      date: {}
    },
    mixins: [locale_default.a],
    methods: {
      getCellStyle: function getCellStyle(month) {
        var style = {};
        var year = this.date.getFullYear();
        var today = new Date();
  
        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 = this.defaultValue && this.defaultValue.getFullYear() === year && this.defaultValue.getMonth() === month;
  
        return style;
      },
      handleMonthTableClick: function handleMonthTableClick(event) {
        var target = event.target;
        if (target.tagName !== 'A') return;
        if (Object(dom_["hasClass"])(target.parentNode, 'disabled')) return;
        var column = target.parentNode.cellIndex;
        var row = target.parentNode.parentNode.rowIndex;
        var month = row * 4 + column;
  
        this.$emit('pick', month);
      }
    }
  });
  // 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 = normalizeComponent(
    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 clearTime(new Date(time)).getTime();
    } else if (time instanceof Date) {
      return 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 || isDate(val) || Array.isArray(val) && val.every(isDate);
        }
      },
  
      date: {},
  
      selectionMode: {
        default: 'day'
      },
  
      showWeekNumber: {
        type: Boolean,
        default: false
      },
  
      disabledDate: {},
  
      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 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 = getFirstDayOfMonth(date); // day of first day
        var dateCountOfMonth = getDayCountOfMonth(date.getFullYear(), date.getMonth());
        var dateCountOfLastMonth = 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 firstDayPosition = void 0;
  
        var startDate = this.startDate;
        var disabledDate = this.disabledDate;
        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: getWeekNumber(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 = 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) {
              if (j + i * 7 >= day + offset) {
                cell.text = count++;
                if (count === 2) {
                  firstDayPosition = i * 7 + j;
                }
              } else {
                cell.text = dateCountOfLastMonth - (day + offset - j % 7) + 1 + i * 7;
                cell.type = 'prev-month';
              }
            } else {
              if (count <= dateCountOfMonth) {
                cell.text = count++;
                if (count === 2) {
                  firstDayPosition = i * 7 + j;
                }
              } 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();
            });
  
            _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;
          }
        }
  
        rows.firstDayPosition = firstDayPosition;
  
        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');
        }
  
        return classes.join(' ');
      },
      getDateOfCell: function getDateOfCell(row, column) {
        var offsetFromStart = row * 7 + (column - (this.showWeekNumber ? 1 : 0)) - this.offsetDay;
        return 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 (isDate(this.value)) {
          var dayOffset = (this.value.getDay() - this.firstDayOfWeek + 7) % 7 - 1;
          var weekDate = 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 = 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 = 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 = normalizeComponent(
    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 (isDate(val)) {
          this.date = new Date(val);
        } else {
          this.date = this.getDefaultValue();
        }
      },
      defaultValue: function defaultValue(val) {
        if (!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 ? clearMilliseconds(date) : clearTime(date);
          });
          this.$emit.apply(this, ['pick', dates].concat(args));
        } else {
          this.$emit.apply(this, ['pick', this.showTime ? clearMilliseconds(value) : 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 = util_prevMonth(this.date);
      },
      nextMonth: function nextMonth() {
        this.date = util_nextMonth(this.date);
      },
      prevYear: function prevYear() {
        if (this.currentView === 'year') {
          this.date = util_prevYear(this.date, 10);
        } else {
          this.date = util_prevYear(this.date);
        }
      },
      nextYear: function nextYear() {
        if (this.currentView === 'year') {
          this.date = util_nextYear(this.date, 10);
        } else {
          this.date = util_nextYear(this.date);
        }
      },
      handleShortcutClick: function handleShortcutClick(shortcut) {
        if (shortcut.onClick) {
          shortcut.onClick(this);
        }
      },
      handleTimePick: function handleTimePick(value, visible, first) {
        if (isDate(value)) {
          var newDate = this.value ? modifyTime(this.value, value.getHours(), value.getMinutes(), value.getSeconds()) : 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 = modifyDate(this.date, this.year, month, 1);
          this.emit(this.date);
        } else {
          this.date = 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 ? modifyDate(this.value, value.getFullYear(), value.getMonth(), value.getDate()) : modifyWithTimeString(value, this.defaultTime);
          // change default time while out of selectableRange
          if (!this.checkDateWithinRange(newDate)) {
            newDate = 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 = modifyDate(this.date, year, 0, 1);
          this.emit(this.date);
        } else {
          this.date = 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 : 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 = util_parseDate(value, this.timeFormat);
        if (time && this.checkDateWithinRange(time)) {
          this.date = 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 = util_parseDate(value, this.dateFormat);
        if (date) {
          if (typeof this.disabledDate === 'function' && this.disabledDate(date)) {
            return;
          }
          this.date = 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 ? timeWithinRange(date, this.selectableRange, this.format || 'HH:mm:ss') : true;
      }
    },
  
    components: {
      TimePicker: panel_time, 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: '',
        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 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 util_formatDate(this.value || this.defaultValue, this.timeFormat);
        }
      },
      visibleDate: function visibleDate() {
        if (this.userInputDate !== null) {
          return this.userInputDate;
        } else {
          return 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 extractTimeFormat(this.format);
        } else {
          return 'HH:mm:ss';
        }
      },
      dateFormat: function dateFormat() {
        if (this.format) {
          return 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 = normalizeComponent(
    panel_datevue_type_script_lang_js_,
    datevue_type_template_id_2440d4ea_render,
    datevue_type_template_id_2440d4ea_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,
                          "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,
                          "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 advanceDate = function advanceDate(date, amount) {
    return new Date(new Date(date).getTime() + amount);
  };
  
  var calcDefaultValue = function calcDefaultValue(defaultValue) {
    if (Array.isArray(defaultValue)) {
      return [new Date(defaultValue[0]), new Date(defaultValue[1])];
    } else if (defaultValue) {
      return [new Date(defaultValue), advanceDate(defaultValue, 24 * 60 * 60 * 1000)];
    } else {
      return [new Date(), advanceDate(Date.now(), 24 * 60 * 60 * 1000)];
    }
  };
  
  /* 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 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 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 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 util_formatDate(this.maxDate || this.minDate, this.timeFormat);
        return '';
      },
      timeFormat: function timeFormat() {
        if (this.format) {
          return extractTimeFormat(this.format);
        } else {
          return 'HH:mm:ss';
        }
      },
      dateFormat: function dateFormat() {
        if (this.format) {
          return 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: util_nextMonth(new Date()),
        rangeState: {
          endDate: null,
          selecting: false,
          row: null,
          column: null
        },
        showTime: false,
        shortcuts: '',
        visible: '',
        disabledDate: '',
        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 = [[util_parseDate(util_formatDate(_this.minDate, format), format), 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 = isDate(newVal[0]) ? new Date(newVal[0]) : null;
          this.maxDate = 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 ? util_nextMonth(this.maxDate) : this.maxDate;
            } else {
              this.rightDate = util_nextMonth(this.leftDate);
            }
          } else {
            this.leftDate = calcDefaultValue(this.defaultValue)[0];
            this.rightDate = util_nextMonth(this.leftDate);
          }
        }
      },
      defaultValue: function defaultValue(val) {
        if (!Array.isArray(this.value)) {
          var _calcDefaultValue = calcDefaultValue(val),
              left = _calcDefaultValue[0],
              right = _calcDefaultValue[1];
  
          this.leftDate = left;
          this.rightDate = val && val[1] && this.unlinkPanels ? right : util_nextMonth(this.leftDate);
        }
      }
    },
  
    methods: {
      handleClear: function handleClear() {
        this.minDate = null;
        this.maxDate = null;
        this.leftDate = calcDefaultValue(this.defaultValue)[0];
        this.rightDate = 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 = util_parseDate(value, this.dateFormat);
  
        if (parsedValue) {
          if (typeof this.disabledDate === 'function' && this.disabledDate(new Date(parsedValue))) {
            return;
          }
          if (type === 'min') {
            this.minDate = modifyDate(this.minDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
            this.leftDate = new Date(parsedValue);
            if (!this.unlinkPanels) {
              this.rightDate = util_nextMonth(this.leftDate);
            }
          } else {
            this.maxDate = modifyDate(this.maxDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
            this.rightDate = new Date(parsedValue);
            if (!this.unlinkPanels) {
              this.leftDate = util_prevMonth(parsedValue);
            }
          }
        }
      },
      handleDateChange: function handleDateChange(value, type) {
        var parsedValue = util_parseDate(value, this.dateFormat);
        if (parsedValue) {
          if (type === 'min') {
            this.minDate = modifyDate(this.minDate, parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
            if (this.minDate > this.maxDate) {
              this.maxDate = this.minDate;
            }
          } else {
            this.maxDate = 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 = util_parseDate(value, this.timeFormat);
  
        if (parsedValue) {
          if (type === 'min') {
            this.minDate = modifyTime(this.minDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
            this.$nextTick(function (_) {
              return _this4.$refs.minTimePicker.adjustSpinners();
            });
          } else {
            this.maxDate = modifyTime(this.maxDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
            this.$nextTick(function (_) {
              return _this4.$refs.maxTimePicker.adjustSpinners();
            });
          }
        }
      },
      handleTimeChange: function handleTimeChange(value, type) {
        var parsedValue = util_parseDate(value, this.timeFormat);
        if (parsedValue) {
          if (type === 'min') {
            this.minDate = 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 = 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 = modifyWithTimeString(val.minDate, defaultTime[0]);
        var maxDate = 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 = 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 = 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 = util_prevYear(this.leftDate);
        if (!this.unlinkPanels) {
          this.rightDate = util_nextMonth(this.leftDate);
        }
      },
      leftPrevMonth: function leftPrevMonth() {
        this.leftDate = util_prevMonth(this.leftDate);
        if (!this.unlinkPanels) {
          this.rightDate = util_nextMonth(this.leftDate);
        }
      },
      rightNextYear: function rightNextYear() {
        if (!this.unlinkPanels) {
          this.leftDate = util_nextYear(this.leftDate);
          this.rightDate = util_nextMonth(this.leftDate);
        } else {
          this.rightDate = util_nextYear(this.rightDate);
        }
      },
      rightNextMonth: function rightNextMonth() {
        if (!this.unlinkPanels) {
          this.leftDate = util_nextMonth(this.leftDate);
          this.rightDate = util_nextMonth(this.leftDate);
        } else {
          this.rightDate = util_nextMonth(this.rightDate);
        }
      },
  
  
      // leftNext*, rightPrev* are called when `unlinkPanels` is true
      leftNextYear: function leftNextYear() {
        this.leftDate = util_nextYear(this.leftDate);
      },
      leftNextMonth: function leftNextMonth() {
        this.leftDate = util_nextMonth(this.leftDate);
      },
      rightPrevYear: function rightPrevYear() {
        this.rightDate = util_prevYear(this.rightDate);
      },
      rightPrevMonth: function rightPrevMonth() {
        this.rightDate = 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] && isDate(value[0]) && 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 && isDate(this.value[0]) ? new Date(this.value[0]) : null;
        this.maxDate = this.value && isDate(this.value[0]) ? new Date(this.value[1]) : null;
      }
    },
  
    components: { TimePicker: panel_time, 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 = normalizeComponent(
    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: ./packages/date-picker/src/picker/date-picker.js
  
  
  
  
  var date_picker_getPanel = function getPanel(type) {
    if (type === 'daterange' || type === 'datetimerange') {
      return date_range;
    }
    return panel_date;
  };
  
  /* harmony default export */ var date_picker = ({
    mixins: [picker],
  
    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 = (date_picker);
  // 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-select.vue?vue&type=template&id=51ab9320&
  var time_selectvue_type_template_id_51ab9320_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: {
          "before-enter": _vm.handleMenuEnter,
          "after-leave": function($event) {
            _vm.$emit("dodestroy")
          }
        }
      },
      [
        _c(
          "div",
          {
            directives: [
              {
                name: "show",
                rawName: "v-show",
                value: _vm.visible,
                expression: "visible"
              }
            ],
            ref: "popper",
            staticClass: "el-picker-panel time-select el-popper",
            class: _vm.popperClass,
            style: { width: _vm.width + "px" }
          },
          [
            _c(
              "el-scrollbar",
              {
                attrs: { noresize: "", "wrap-class": "el-picker-panel__content" }
              },
              _vm._l(_vm.items, function(item) {
                return _c(
                  "div",
                  {
                    key: item.value,
                    staticClass: "time-select-item",
                    class: {
                      selected: _vm.value === item.value,
                      disabled: item.disabled,
                      default: item.value === _vm.defaultValue
                    },
                    attrs: { disabled: item.disabled },
                    on: {
                      click: function($event) {
                        _vm.handleClick(item)
                      }
                    }
                  },
                  [_vm._v(_vm._s(item.value))]
                )
              }),
              0
            )
          ],
          1
        )
      ]
    )
  }
  var time_selectvue_type_template_id_51ab9320_staticRenderFns = []
  time_selectvue_type_template_id_51ab9320_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue?vue&type=template&id=51ab9320&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-select.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  var parseTime = function parseTime(time) {
    var values = (time || '').split(':');
    if (values.length >= 2) {
      var hours = parseInt(values[0], 10);
      var minutes = parseInt(values[1], 10);
  
      return {
        hours: hours,
        minutes: minutes
      };
    }
    /* istanbul ignore next */
    return null;
  };
  
  var compareTime = function compareTime(time1, time2) {
    var value1 = parseTime(time1);
    var value2 = parseTime(time2);
  
    var minutes1 = value1.minutes + value1.hours * 60;
    var minutes2 = value2.minutes + value2.hours * 60;
  
    if (minutes1 === minutes2) {
      return 0;
    }
  
    return minutes1 > minutes2 ? 1 : -1;
  };
  
  var formatTime = function formatTime(time) {
    return (time.hours < 10 ? '0' + time.hours : time.hours) + ':' + (time.minutes < 10 ? '0' + time.minutes : time.minutes);
  };
  
  var nextTime = function nextTime(time, step) {
    var timeValue = parseTime(time);
    var stepValue = parseTime(step);
  
    var next = {
      hours: timeValue.hours,
      minutes: timeValue.minutes
    };
  
    next.minutes += stepValue.minutes;
    next.hours += stepValue.hours;
  
    next.hours += Math.floor(next.minutes / 60);
    next.minutes = next.minutes % 60;
  
    return formatTime(next);
  };
  
  /* harmony default export */ var time_selectvue_type_script_lang_js_ = ({
    components: { ElScrollbar: scrollbar_default.a },
  
    watch: {
      value: function value(val) {
        var _this = this;
  
        if (!val) return;
        this.$nextTick(function () {
          return _this.scrollToOption();
        });
      }
    },
  
    methods: {
      handleClick: function handleClick(item) {
        if (!item.disabled) {
          this.$emit('pick', item.value);
        }
      },
      handleClear: function handleClear() {
        this.$emit('pick', null);
      },
      scrollToOption: function scrollToOption() {
        var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '.selected';
  
        var menu = this.$refs.popper.querySelector('.el-picker-panel__content');
        scroll_into_view_default()(menu, menu.querySelector(selector));
      },
      handleMenuEnter: function handleMenuEnter() {
        var _this2 = this;
  
        var selected = this.items.map(function (item) {
          return item.value;
        }).indexOf(this.value) !== -1;
        var hasDefault = this.items.map(function (item) {
          return item.value;
        }).indexOf(this.defaultValue) !== -1;
        var option = selected && '.selected' || hasDefault && '.default' || '.time-select-item:not(.disabled)';
        this.$nextTick(function () {
          return _this2.scrollToOption(option);
        });
      },
      scrollDown: function scrollDown(step) {
        var items = this.items;
        var length = items.length;
        var total = items.length;
        var index = items.map(function (item) {
          return item.value;
        }).indexOf(this.value);
        while (total--) {
          index = (index + step + length) % length;
          if (!items[index].disabled) {
            this.$emit('pick', items[index].value, true);
            return;
          }
        }
      },
      isValidValue: function isValidValue(date) {
        return this.items.filter(function (item) {
          return !item.disabled;
        }).map(function (item) {
          return item.value;
        }).indexOf(date) !== -1;
      },
      handleKeydown: function handleKeydown(event) {
        var keyCode = event.keyCode;
        if (keyCode === 38 || keyCode === 40) {
          var mapping = { 40: 1, 38: -1 };
          var offset = mapping[keyCode.toString()];
          this.scrollDown(offset);
          event.stopPropagation();
          return;
        }
      }
    },
  
    data: function data() {
      return {
        popperClass: '',
        start: '09:00',
        end: '18:00',
        step: '00:30',
        value: '',
        defaultValue: '',
        visible: false,
        minTime: '',
        maxTime: '',
        width: 0
      };
    },
  
  
    computed: {
      items: function items() {
        var start = this.start;
        var end = this.end;
        var step = this.step;
  
        var result = [];
  
        if (start && end && step) {
          var current = start;
          while (compareTime(current, end) <= 0) {
            result.push({
              value: current,
              disabled: compareTime(current, this.minTime || '-1:-1') <= 0 || compareTime(current, this.maxTime || '100:100') >= 0
            });
            current = nextTime(current, step);
          }
        }
  
        return result;
      }
    }
  });
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue?vue&type=script&lang=js&
   /* harmony default export */ var panel_time_selectvue_type_script_lang_js_ = (time_selectvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue
  
  
  
  
  
  /* normalize component */
  
  var time_select_component = normalizeComponent(
    panel_time_selectvue_type_script_lang_js_,
    time_selectvue_type_template_id_51ab9320_render,
    time_selectvue_type_template_id_51ab9320_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var time_select_api; }
  time_select_component.options.__file = "packages/date-picker/src/panel/time-select.vue"
  /* harmony default export */ var time_select = (time_select_component.exports);
  // CONCATENATED MODULE: ./packages/date-picker/src/picker/time-select.js
  
  
  
  /* harmony default export */ var picker_time_select = ({
    mixins: [picker],
  
    name: 'ElTimeSelect',
  
    componentName: 'ElTimeSelect',
  
    props: {
      type: {
        type: String,
        default: 'time-select'
      }
    },
  
    beforeCreate: function beforeCreate() {
      this.panel = time_select;
    }
  });
  // CONCATENATED MODULE: ./packages/time-select/index.js
  
  
  /* istanbul ignore next */
  picker_time_select.install = function (Vue) {
    Vue.component(picker_time_select.name, picker_time_select);
  };
  
  /* harmony default export */ var packages_time_select = (picker_time_select);
  // 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-range.vue?vue&type=template&id=fb28660e&
  var time_rangevue_type_template_id_fb28660e_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-range-picker el-picker-panel el-popper",
            class: _vm.popperClass
          },
          [
            _c("div", { staticClass: "el-time-range-picker__content" }, [
              _c("div", { staticClass: "el-time-range-picker__cell" }, [
                _c("div", { staticClass: "el-time-range-picker__header" }, [
                  _vm._v(_vm._s(_vm.t("el.datepicker.startTime")))
                ]),
                _c(
                  "div",
                  {
                    staticClass:
                      "el-time-range-picker__body el-time-panel__content",
                    class: {
                      "has-seconds": _vm.showSeconds,
                      "is-arrow": _vm.arrowControl
                    }
                  },
                  [
                    _c("time-spinner", {
                      ref: "minSpinner",
                      attrs: {
                        "show-seconds": _vm.showSeconds,
                        "am-pm-mode": _vm.amPmMode,
                        "arrow-control": _vm.arrowControl,
                        date: _vm.minDate
                      },
                      on: {
                        change: _vm.handleMinChange,
                        "select-range": _vm.setMinSelectionRange
                      }
                    })
                  ],
                  1
                )
              ]),
              _c("div", { staticClass: "el-time-range-picker__cell" }, [
                _c("div", { staticClass: "el-time-range-picker__header" }, [
                  _vm._v(_vm._s(_vm.t("el.datepicker.endTime")))
                ]),
                _c(
                  "div",
                  {
                    staticClass:
                      "el-time-range-picker__body el-time-panel__content",
                    class: {
                      "has-seconds": _vm.showSeconds,
                      "is-arrow": _vm.arrowControl
                    }
                  },
                  [
                    _c("time-spinner", {
                      ref: "maxSpinner",
                      attrs: {
                        "show-seconds": _vm.showSeconds,
                        "am-pm-mode": _vm.amPmMode,
                        "arrow-control": _vm.arrowControl,
                        date: _vm.maxDate
                      },
                      on: {
                        change: _vm.handleMaxChange,
                        "select-range": _vm.setMaxSelectionRange
                      }
                    })
                  ],
                  1
                )
              ])
            ]),
            _c("div", { staticClass: "el-time-panel__footer" }, [
              _c(
                "button",
                {
                  staticClass: "el-time-panel__btn cancel",
                  attrs: { type: "button" },
                  on: {
                    click: function($event) {
                      _vm.handleCancel()
                    }
                  }
                },
                [_vm._v(_vm._s(_vm.t("el.datepicker.cancel")))]
              ),
              _c(
                "button",
                {
                  staticClass: "el-time-panel__btn confirm",
                  attrs: { type: "button", disabled: _vm.btnDisabled },
                  on: {
                    click: function($event) {
                      _vm.handleConfirm()
                    }
                  }
                },
                [_vm._v(_vm._s(_vm.t("el.datepicker.confirm")))]
              )
            ])
          ]
        )
      ]
    )
  }
  var time_rangevue_type_template_id_fb28660e_staticRenderFns = []
  time_rangevue_type_template_id_fb28660e_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-range.vue?vue&type=template&id=fb28660e&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-range.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  var MIN_TIME = util_parseDate('00:00:00', 'HH:mm:ss');
  var MAX_TIME = util_parseDate('23:59:59', 'HH:mm:ss');
  
  var time_rangevue_type_script_lang_js_minTimeOfDay = function minTimeOfDay(date) {
    return modifyDate(MIN_TIME, date.getFullYear(), date.getMonth(), date.getDate());
  };
  
  var time_rangevue_type_script_lang_js_maxTimeOfDay = function maxTimeOfDay(date) {
    return modifyDate(MAX_TIME, date.getFullYear(), date.getMonth(), date.getDate());
  };
  
  // increase time by amount of milliseconds, but within the range of day
  var advanceTime = function advanceTime(date, amount) {
    return new Date(Math.min(date.getTime() + amount, time_rangevue_type_script_lang_js_maxTimeOfDay(date).getTime()));
  };
  
  /* harmony default export */ var time_rangevue_type_script_lang_js_ = ({
    mixins: [locale_default.a],
  
    components: { TimeSpinner: time_spinner },
  
    computed: {
      showSeconds: function showSeconds() {
        return (this.format || '').indexOf('ss') !== -1;
      },
      offset: function offset() {
        return this.showSeconds ? 11 : 8;
      },
      spinner: function spinner() {
        return this.selectionRange[0] < this.offset ? this.$refs.minSpinner : this.$refs.maxSpinner;
      },
      btnDisabled: function btnDisabled() {
        return this.minDate.getTime() > this.maxDate.getTime();
      },
      amPmMode: function amPmMode() {
        if ((this.format || '').indexOf('A') !== -1) return 'A';
        if ((this.format || '').indexOf('a') !== -1) return 'a';
        return '';
      }
    },
  
    data: function data() {
      return {
        popperClass: '',
        minDate: new Date(),
        maxDate: new Date(),
        value: [],
        oldValue: [new Date(), new Date()],
        defaultValue: null,
        format: 'HH:mm:ss',
        visible: false,
        selectionRange: [0, 2],
        arrowControl: false
      };
    },
  
  
    watch: {
      value: function value(_value) {
        if (Array.isArray(_value)) {
          this.minDate = new Date(_value[0]);
          this.maxDate = new Date(_value[1]);
        } else {
          if (Array.isArray(this.defaultValue)) {
            this.minDate = new Date(this.defaultValue[0]);
            this.maxDate = new Date(this.defaultValue[1]);
          } else if (this.defaultValue) {
            this.minDate = new Date(this.defaultValue);
            this.maxDate = advanceTime(new Date(this.defaultValue), 60 * 60 * 1000);
          } else {
            this.minDate = new Date();
            this.maxDate = advanceTime(new Date(), 60 * 60 * 1000);
          }
        }
      },
      visible: function visible(val) {
        var _this = this;
  
        if (val) {
          this.oldValue = this.value;
          this.$nextTick(function () {
            return _this.$refs.minSpinner.emitSelectRange('hours');
          });
        }
      }
    },
  
    methods: {
      handleClear: function handleClear() {
        this.$emit('pick', null);
      },
      handleCancel: function handleCancel() {
        this.$emit('pick', this.oldValue);
      },
      handleMinChange: function handleMinChange(date) {
        this.minDate = clearMilliseconds(date);
        this.handleChange();
      },
      handleMaxChange: function handleMaxChange(date) {
        this.maxDate = clearMilliseconds(date);
        this.handleChange();
      },
      handleChange: function handleChange() {
        if (this.isValidValue([this.minDate, this.maxDate])) {
          this.$refs.minSpinner.selectableRange = [[time_rangevue_type_script_lang_js_minTimeOfDay(this.minDate), this.maxDate]];
          this.$refs.maxSpinner.selectableRange = [[this.minDate, time_rangevue_type_script_lang_js_maxTimeOfDay(this.maxDate)]];
          this.$emit('pick', [this.minDate, this.maxDate], true);
        }
      },
      setMinSelectionRange: function setMinSelectionRange(start, end) {
        this.$emit('select-range', start, end, 'min');
        this.selectionRange = [start, end];
      },
      setMaxSelectionRange: function setMaxSelectionRange(start, end) {
        this.$emit('select-range', start, end, 'max');
        this.selectionRange = [start + this.offset, end + this.offset];
      },
      handleConfirm: function handleConfirm() {
        var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
  
        var minSelectableRange = this.$refs.minSpinner.selectableRange;
        var maxSelectableRange = this.$refs.maxSpinner.selectableRange;
  
        this.minDate = util_limitTimeRange(this.minDate, minSelectableRange, this.format);
        this.maxDate = util_limitTimeRange(this.maxDate, maxSelectableRange, this.format);
  
        this.$emit('pick', [this.minDate, this.maxDate], visible);
      },
      adjustSpinners: function adjustSpinners() {
        this.$refs.minSpinner.adjustSpinners();
        this.$refs.maxSpinner.adjustSpinners();
      },
      changeSelectionRange: function changeSelectionRange(step) {
        var list = this.showSeconds ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11];
        var mapping = ['hours', 'minutes'].concat(this.showSeconds ? ['seconds'] : []);
        var index = list.indexOf(this.selectionRange[0]);
        var next = (index + step + list.length) % list.length;
        var half = list.length / 2;
        if (next < half) {
          this.$refs.minSpinner.emitSelectRange(mapping[next]);
        } else {
          this.$refs.maxSpinner.emitSelectRange(mapping[next - half]);
        }
      },
      isValidValue: function isValidValue(date) {
        return Array.isArray(date) && timeWithinRange(this.minDate, this.$refs.minSpinner.selectableRange) && timeWithinRange(this.maxDate, this.$refs.maxSpinner.selectableRange);
      },
      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.spinner.scrollDown(_step);
          event.preventDefault();
          return;
        }
      }
    }
  });
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-range.vue?vue&type=script&lang=js&
   /* harmony default export */ var panel_time_rangevue_type_script_lang_js_ = (time_rangevue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-range.vue
  
  
  
  
  
  /* normalize component */
  
  var time_range_component = normalizeComponent(
    panel_time_rangevue_type_script_lang_js_,
    time_rangevue_type_template_id_fb28660e_render,
    time_rangevue_type_template_id_fb28660e_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var time_range_api; }
  time_range_component.options.__file = "packages/date-picker/src/panel/time-range.vue"
  /* harmony default export */ var time_range = (time_range_component.exports);
  // CONCATENATED MODULE: ./packages/date-picker/src/picker/time-picker.js
  
  
  
  
  /* harmony default export */ var time_picker = ({
    mixins: [picker],
  
    name: 'ElTimePicker',
  
    props: {
      isRange: Boolean,
      arrowControl: Boolean
    },
  
    data: function data() {
      return {
        type: ''
      };
    },
  
  
    watch: {
      isRange: function isRange(_isRange) {
        if (this.picker) {
          this.unmountPicker();
          this.type = _isRange ? 'timerange' : 'time';
          this.panel = _isRange ? time_range : panel_time;
          this.mountPicker();
        } else {
          this.type = _isRange ? 'timerange' : 'time';
          this.panel = _isRange ? time_range : panel_time;
        }
      }
    },
  
    created: function created() {
      this.type = this.isRange ? 'timerange' : 'time';
      this.panel = this.isRange ? time_range : panel_time;
    }
  });
  // CONCATENATED MODULE: ./packages/time-picker/index.js
  
  
  /* istanbul ignore next */
  time_picker.install = function (Vue) {
    Vue.component(time_picker.name, time_picker);
  };
  
  /* harmony default export */ var packages_time_picker = (time_picker);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/popover/src/main.vue?vue&type=template&id=52060272&
  var mainvue_type_template_id_52060272_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "span",
      [
        _c(
          "transition",
          {
            attrs: { name: _vm.transition },
            on: {
              "after-enter": _vm.handleAfterEnter,
              "after-leave": _vm.handleAfterLeave
            }
          },
          [
            _c(
              "div",
              {
                directives: [
                  {
                    name: "show",
                    rawName: "v-show",
                    value: !_vm.disabled && _vm.showPopper,
                    expression: "!disabled && showPopper"
                  }
                ],
                ref: "popper",
                staticClass: "el-popover el-popper",
                class: [_vm.popperClass, _vm.content && "el-popover--plain"],
                style: { width: _vm.width + "px" },
                attrs: {
                  role: "tooltip",
                  id: _vm.tooltipId,
                  "aria-hidden":
                    _vm.disabled || !_vm.showPopper ? "true" : "false"
                }
              },
              [
                _vm.title
                  ? _c("div", {
                      staticClass: "el-popover__title",
                      domProps: { textContent: _vm._s(_vm.title) }
                    })
                  : _vm._e(),
                _vm._t("default", [_vm._v(_vm._s(_vm.content))])
              ],
              2
            )
          ]
        ),
        _vm._t("reference")
      ],
      2
    )
  }
  var mainvue_type_template_id_52060272_staticRenderFns = []
  mainvue_type_template_id_52060272_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/popover/src/main.vue?vue&type=template&id=52060272&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/popover/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  /* harmony default export */ var mainvue_type_script_lang_js_ = ({
    name: 'ElPopover',
  
    mixins: [vue_popper_default.a],
  
    props: {
      trigger: {
        type: String,
        default: 'click',
        validator: function validator(value) {
          return ['click', 'focus', 'hover', 'manual'].indexOf(value) > -1;
        }
      },
      openDelay: {
        type: Number,
        default: 0
      },
      title: String,
      disabled: Boolean,
      content: String,
      reference: {},
      popperClass: String,
      width: {},
      visibleArrow: {
        default: true
      },
      arrowOffset: {
        type: Number,
        default: 0
      },
      transition: {
        type: String,
        default: 'fade-in-linear'
      }
    },
  
    computed: {
      tooltipId: function tooltipId() {
        return 'el-popover-' + Object(util_["generateId"])();
      }
    },
    watch: {
      showPopper: function showPopper(val) {
        if (this.disabled) {
          return;
        }
        val ? this.$emit('show') : this.$emit('hide');
      }
    },
  
    mounted: function mounted() {
      var _this = this;
  
      var reference = this.referenceElm = this.reference || this.$refs.reference;
      var popper = this.popper || this.$refs.popper;
  
      if (!reference && this.$slots.reference && this.$slots.reference[0]) {
        reference = this.referenceElm = this.$slots.reference[0].elm;
      }
      // 可访问性
      if (reference) {
        Object(dom_["addClass"])(reference, 'el-popover__reference');
        reference.setAttribute('aria-describedby', this.tooltipId);
        reference.setAttribute('tabindex', 0); // tab序列
        popper.setAttribute('tabindex', 0);
  
        if (this.trigger !== 'click') {
          Object(dom_["on"])(reference, 'focusin', function () {
            _this.handleFocus();
            var instance = reference.__vue__;
            if (instance && typeof instance.focus === 'function') {
              instance.focus();
            }
          });
          Object(dom_["on"])(popper, 'focusin', this.handleFocus);
          Object(dom_["on"])(reference, 'focusout', this.handleBlur);
          Object(dom_["on"])(popper, 'focusout', this.handleBlur);
        }
        Object(dom_["on"])(reference, 'keydown', this.handleKeydown);
        Object(dom_["on"])(reference, 'click', this.handleClick);
      }
      if (this.trigger === 'click') {
        Object(dom_["on"])(reference, 'click', this.doToggle);
        Object(dom_["on"])(document, 'click', this.handleDocumentClick);
      } else if (this.trigger === 'hover') {
        Object(dom_["on"])(reference, 'mouseenter', this.handleMouseEnter);
        Object(dom_["on"])(popper, 'mouseenter', this.handleMouseEnter);
        Object(dom_["on"])(reference, 'mouseleave', this.handleMouseLeave);
        Object(dom_["on"])(popper, 'mouseleave', this.handleMouseLeave);
      } else if (this.trigger === 'focus') {
        if (reference.querySelector('input, textarea')) {
          Object(dom_["on"])(reference, 'focusin', this.doShow);
          Object(dom_["on"])(reference, 'focusout', this.doClose);
        } else {
          Object(dom_["on"])(reference, 'mousedown', this.doShow);
          Object(dom_["on"])(reference, 'mouseup', this.doClose);
        }
      }
    },
    beforeDestroy: function beforeDestroy() {
      this.cleanup();
    },
    deactivated: function deactivated() {
      this.cleanup();
    },
  
  
    methods: {
      doToggle: function doToggle() {
        this.showPopper = !this.showPopper;
      },
      doShow: function doShow() {
        this.showPopper = true;
      },
      doClose: function doClose() {
        this.showPopper = false;
      },
      handleFocus: function handleFocus() {
        Object(dom_["addClass"])(this.referenceElm, 'focusing');
        if (this.trigger === 'click' || this.trigger === 'focus') this.showPopper = true;
      },
      handleClick: function handleClick() {
        Object(dom_["removeClass"])(this.referenceElm, 'focusing');
      },
      handleBlur: function handleBlur() {
        Object(dom_["removeClass"])(this.referenceElm, 'focusing');
        if (this.trigger === 'click' || this.trigger === 'focus') this.showPopper = false;
      },
      handleMouseEnter: function handleMouseEnter() {
        var _this2 = this;
  
        clearTimeout(this._timer);
        if (this.openDelay) {
          this._timer = setTimeout(function () {
            _this2.showPopper = true;
          }, this.openDelay);
        } else {
          this.showPopper = true;
        }
      },
      handleKeydown: function handleKeydown(ev) {
        if (ev.keyCode === 27 && this.trigger !== 'manual') {
          // esc
          this.doClose();
        }
      },
      handleMouseLeave: function handleMouseLeave() {
        var _this3 = this;
  
        clearTimeout(this._timer);
        this._timer = setTimeout(function () {
          _this3.showPopper = false;
        }, 200);
      },
      handleDocumentClick: function handleDocumentClick(e) {
        var reference = this.reference || this.$refs.reference;
        var popper = this.popper || this.$refs.popper;
  
        if (!reference && this.$slots.reference && this.$slots.reference[0]) {
          reference = this.referenceElm = this.$slots.reference[0].elm;
        }
        if (!this.$el || !reference || this.$el.contains(e.target) || reference.contains(e.target) || !popper || popper.contains(e.target)) return;
        this.showPopper = false;
      },
      handleAfterEnter: function handleAfterEnter() {
        this.$emit('after-enter');
      },
      handleAfterLeave: function handleAfterLeave() {
        this.$emit('after-leave');
        this.doDestroy();
      },
      cleanup: function cleanup() {
        if (this.openDelay) {
          clearTimeout(this._timer);
        }
      }
    },
  
    destroyed: function destroyed() {
      var reference = this.reference;
  
      Object(dom_["off"])(reference, 'click', this.doToggle);
      Object(dom_["off"])(reference, 'mouseup', this.doClose);
      Object(dom_["off"])(reference, 'mousedown', this.doShow);
      Object(dom_["off"])(reference, 'focusin', this.doShow);
      Object(dom_["off"])(reference, 'focusout', this.doClose);
      Object(dom_["off"])(reference, 'mousedown', this.doShow);
      Object(dom_["off"])(reference, 'mouseup', this.doClose);
      Object(dom_["off"])(reference, 'mouseleave', this.handleMouseLeave);
      Object(dom_["off"])(reference, 'mouseenter', this.handleMouseEnter);
      Object(dom_["off"])(document, 'click', this.handleDocumentClick);
    }
  });
  // CONCATENATED MODULE: ./packages/popover/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/popover/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var main_component = normalizeComponent(
    src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_52060272_render,
    mainvue_type_template_id_52060272_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var main_api; }
  main_component.options.__file = "packages/popover/src/main.vue"
  /* harmony default export */ var main = (main_component.exports);
  // CONCATENATED MODULE: ./packages/popover/src/directive.js
  var getReference = function getReference(el, binding, vnode) {
    var _ref = binding.expression ? binding.value : binding.arg;
    var popper = vnode.context.$refs[_ref];
    if (popper) {
      if (Array.isArray(popper)) {
        popper[0].$refs.reference = el;
      } else {
        popper.$refs.reference = el;
      }
    }
  };
  
  /* harmony default export */ var directive = ({
    bind: function bind(el, binding, vnode) {
      getReference(el, binding, vnode);
    },
    inserted: function inserted(el, binding, vnode) {
      getReference(el, binding, vnode);
    }
  });
  // CONCATENATED MODULE: ./packages/popover/index.js
  
  
  
  
  external_vue_default.a.directive('popover', directive);
  
  /* istanbul ignore next */
  main.install = function (Vue) {
    Vue.directive('popover', directive);
    Vue.component(main.name, main);
  };
  main.directive = directive;
  
  /* harmony default export */ var popover = (main);
  // EXTERNAL MODULE: external "element-ui/lib/utils/vdom"
  var vdom_ = __webpack_require__(16);
  
  // CONCATENATED MODULE: ./packages/tooltip/src/main.js
  
  
  
  
  
  
  
  /* harmony default export */ var src_main = ({
    name: 'ElTooltip',
  
    mixins: [vue_popper_default.a],
  
    props: {
      openDelay: {
        type: Number,
        default: 0
      },
      disabled: Boolean,
      manual: Boolean,
      effect: {
        type: String,
        default: 'dark'
      },
      arrowOffset: {
        type: Number,
        default: 0
      },
      popperClass: String,
      content: String,
      visibleArrow: {
        default: true
      },
      transition: {
        type: String,
        default: 'el-fade-in-linear'
      },
      popperOptions: {
        default: function _default() {
          return {
            boundariesPadding: 10,
            gpuAcceleration: false
          };
        }
      },
      enterable: {
        type: Boolean,
        default: true
      },
      hideAfter: {
        type: Number,
        default: 0
      }
    },
  
    data: function data() {
      return {
        timeoutPending: null,
        focusing: false
      };
    },
  
    computed: {
      tooltipId: function tooltipId() {
        return 'el-tooltip-' + Object(util_["generateId"])();
      }
    },
    beforeCreate: function beforeCreate() {
      var _this = this;
  
      if (this.$isServer) return;
  
      this.popperVM = new external_vue_default.a({
        data: { node: '' },
        render: function render(h) {
          return this.node;
        }
      }).$mount();
  
      this.debounceClose = debounce_default()(200, function () {
        return _this.handleClosePopper();
      });
    },
    render: function render(h) {
      var _this2 = this;
  
      if (this.popperVM) {
        this.popperVM.node = h(
          'transition',
          {
            attrs: {
              name: this.transition
            },
            on: {
              'afterLeave': this.doDestroy
            }
          },
          [h(
            'div',
            {
              on: {
                'mouseleave': function mouseleave() {
                  _this2.setExpectedState(false);_this2.debounceClose();
                },
                'mouseenter': function mouseenter() {
                  _this2.setExpectedState(true);
                }
              },
  
              ref: 'popper',
              attrs: { role: 'tooltip',
                id: this.tooltipId,
                'aria-hidden': this.disabled || !this.showPopper ? 'true' : 'false'
              },
              directives: [{
                name: 'show',
                value: !this.disabled && this.showPopper
              }],
  
              'class': ['el-tooltip__popper', 'is-' + this.effect, this.popperClass] },
            [this.$slots.content || this.content]
          )]
        );
      }
  
      if (!this.$slots.default || !this.$slots.default.length) return this.$slots.default;
  
      var vnode = Object(vdom_["getFirstComponentChild"])(this.$slots.default);
  
      if (!vnode) return vnode;
  
      var data = vnode.data = vnode.data || {};
      data.staticClass = this.concatClass(data.staticClass, 'el-tooltip');
  
      return vnode;
    },
    mounted: function mounted() {
      var _this3 = this;
  
      this.referenceElm = this.$el;
      if (this.$el.nodeType === 1) {
        this.$el.setAttribute('aria-describedby', this.tooltipId);
        this.$el.setAttribute('tabindex', 0);
        Object(dom_["on"])(this.referenceElm, 'mouseenter', this.show);
        Object(dom_["on"])(this.referenceElm, 'mouseleave', this.hide);
        Object(dom_["on"])(this.referenceElm, 'focus', function () {
          if (!_this3.$slots.default || !_this3.$slots.default.length) {
            _this3.handleFocus();
            return;
          }
          var instance = _this3.$slots.default[0].componentInstance;
          if (instance && instance.focus) {
            instance.focus();
          } else {
            _this3.handleFocus();
          }
        });
        Object(dom_["on"])(this.referenceElm, 'blur', this.handleBlur);
        Object(dom_["on"])(this.referenceElm, 'click', this.removeFocusing);
      }
    },
  
    watch: {
      focusing: function focusing(val) {
        if (val) {
          Object(dom_["addClass"])(this.referenceElm, 'focusing');
        } else {
          Object(dom_["removeClass"])(this.referenceElm, 'focusing');
        }
      }
    },
    methods: {
      show: function show() {
        this.setExpectedState(true);
        this.handleShowPopper();
      },
      hide: function hide() {
        this.setExpectedState(false);
        this.debounceClose();
      },
      handleFocus: function handleFocus() {
        this.focusing = true;
        this.show();
      },
      handleBlur: function handleBlur() {
        this.focusing = false;
        this.hide();
      },
      removeFocusing: function removeFocusing() {
        this.focusing = false;
      },
      concatClass: function concatClass(a, b) {
        if (a && a.indexOf(b) > -1) return a;
        return a ? b ? a + ' ' + b : a : b || '';
      },
      handleShowPopper: function handleShowPopper() {
        var _this4 = this;
  
        if (!this.expectedState || this.manual) return;
        clearTimeout(this.timeout);
        this.timeout = setTimeout(function () {
          _this4.showPopper = true;
        }, this.openDelay);
  
        if (this.hideAfter > 0) {
          this.timeoutPending = setTimeout(function () {
            _this4.showPopper = false;
          }, this.hideAfter);
        }
      },
      handleClosePopper: function handleClosePopper() {
        if (this.enterable && this.expectedState || this.manual) return;
        clearTimeout(this.timeout);
  
        if (this.timeoutPending) {
          clearTimeout(this.timeoutPending);
        }
        this.showPopper = false;
  
        if (this.disabled) {
          this.doDestroy();
        }
      },
      setExpectedState: function setExpectedState(expectedState) {
        if (expectedState === false) {
          clearTimeout(this.timeoutPending);
        }
        this.expectedState = expectedState;
      }
    },
  
    beforeDestroy: function beforeDestroy() {
      this.popperVM && this.popperVM.$destroy();
    },
    destroyed: function destroyed() {
      var reference = this.referenceElm;
      Object(dom_["off"])(reference, 'mouseenter', this.show);
      Object(dom_["off"])(reference, 'mouseleave', this.hide);
      Object(dom_["off"])(reference, 'focus', this.handleFocus);
      Object(dom_["off"])(reference, 'blur', this.handleBlur);
      Object(dom_["off"])(reference, 'click', this.removeFocusing);
    }
  });
  // CONCATENATED MODULE: ./packages/tooltip/index.js
  
  
  /* istanbul ignore next */
  src_main.install = function (Vue) {
    Vue.component(src_main.name, src_main);
  };
  
  /* harmony default export */ var packages_tooltip = (src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message-box/src/main.vue?vue&type=template&id=6b29b012&
  var mainvue_type_template_id_6b29b012_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c("transition", { attrs: { name: "msgbox-fade" } }, [
      _c(
        "div",
        {
          directives: [
            {
              name: "show",
              rawName: "v-show",
              value: _vm.visible,
              expression: "visible"
            }
          ],
          staticClass: "el-message-box__wrapper",
          attrs: {
            tabindex: "-1",
            role: "dialog",
            "aria-modal": "true",
            "aria-label": _vm.title || "dialog"
          },
          on: {
            click: function($event) {
              if ($event.target !== $event.currentTarget) {
                return null
              }
              return _vm.handleWrapperClick($event)
            }
          }
        },
        [
          _c(
            "div",
            {
              staticClass: "el-message-box",
              class: [_vm.customClass, _vm.center && "el-message-box--center"]
            },
            [
              _vm.title !== null
                ? _c("div", { staticClass: "el-message-box__header" }, [
                    _c("div", { staticClass: "el-message-box__title" }, [
                      _vm.icon && _vm.center
                        ? _c("div", {
                            class: ["el-message-box__status", _vm.icon]
                          })
                        : _vm._e(),
                      _c("span", [_vm._v(_vm._s(_vm.title))])
                    ]),
                    _vm.showClose
                      ? _c(
                          "button",
                          {
                            staticClass: "el-message-box__headerbtn",
                            attrs: { type: "button", "aria-label": "Close" },
                            on: {
                              click: function($event) {
                                _vm.handleAction(
                                  _vm.distinguishCancelAndClose
                                    ? "close"
                                    : "cancel"
                                )
                              },
                              keydown: function($event) {
                                if (
                                  !("button" in $event) &&
                                  _vm._k(
                                    $event.keyCode,
                                    "enter",
                                    13,
                                    $event.key,
                                    "Enter"
                                  )
                                ) {
                                  return null
                                }
                                _vm.handleAction(
                                  _vm.distinguishCancelAndClose
                                    ? "close"
                                    : "cancel"
                                )
                              }
                            }
                          },
                          [
                            _c("i", {
                              staticClass: "el-message-box__close el-icon-close"
                            })
                          ]
                        )
                      : _vm._e()
                  ])
                : _vm._e(),
              _c("div", { staticClass: "el-message-box__content" }, [
                _vm.icon && !_vm.center && _vm.message !== ""
                  ? _c("div", { class: ["el-message-box__status", _vm.icon] })
                  : _vm._e(),
                _vm.message !== ""
                  ? _c(
                      "div",
                      { staticClass: "el-message-box__message" },
                      [
                        _vm._t("default", [
                          !_vm.dangerouslyUseHTMLString
                            ? _c("p", [_vm._v(_vm._s(_vm.message))])
                            : _c("p", {
                                domProps: { innerHTML: _vm._s(_vm.message) }
                              })
                        ])
                      ],
                      2
                    )
                  : _vm._e(),
                _c(
                  "div",
                  {
                    directives: [
                      {
                        name: "show",
                        rawName: "v-show",
                        value: _vm.showInput,
                        expression: "showInput"
                      }
                    ],
                    staticClass: "el-message-box__input"
                  },
                  [
                    _c("el-input", {
                      ref: "input",
                      attrs: {
                        type: _vm.inputType,
                        placeholder: _vm.inputPlaceholder
                      },
                      nativeOn: {
                        keydown: function($event) {
                          if (
                            !("button" in $event) &&
                            _vm._k(
                              $event.keyCode,
                              "enter",
                              13,
                              $event.key,
                              "Enter"
                            )
                          ) {
                            return null
                          }
                          return _vm.handleInputEnter($event)
                        }
                      },
                      model: {
                        value: _vm.inputValue,
                        callback: function($$v) {
                          _vm.inputValue = $$v
                        },
                        expression: "inputValue"
                      }
                    }),
                    _c(
                      "div",
                      {
                        staticClass: "el-message-box__errormsg",
                        style: {
                          visibility: !!_vm.editorErrorMessage
                            ? "visible"
                            : "hidden"
                        }
                      },
                      [_vm._v(_vm._s(_vm.editorErrorMessage))]
                    )
                  ],
                  1
                )
              ]),
              _c(
                "div",
                { staticClass: "el-message-box__btns" },
                [
                  _vm.showCancelButton
                    ? _c(
                        "el-button",
                        {
                          class: [_vm.cancelButtonClasses],
                          attrs: {
                            loading: _vm.cancelButtonLoading,
                            round: _vm.roundButton,
                            size: "small"
                          },
                          on: {
                            keydown: function($event) {
                              if (
                                !("button" in $event) &&
                                _vm._k(
                                  $event.keyCode,
                                  "enter",
                                  13,
                                  $event.key,
                                  "Enter"
                                )
                              ) {
                                return null
                              }
                              _vm.handleAction("cancel")
                            }
                          },
                          nativeOn: {
                            click: function($event) {
                              _vm.handleAction("cancel")
                            }
                          }
                        },
                        [
                          _vm._v(
                            "\n          " +
                              _vm._s(
                                _vm.cancelButtonText ||
                                  _vm.t("el.messagebox.cancel")
                              ) +
                              "\n        "
                          )
                        ]
                      )
                    : _vm._e(),
                  _c(
                    "el-button",
                    {
                      directives: [
                        {
                          name: "show",
                          rawName: "v-show",
                          value: _vm.showConfirmButton,
                          expression: "showConfirmButton"
                        }
                      ],
                      ref: "confirm",
                      class: [_vm.confirmButtonClasses],
                      attrs: {
                        loading: _vm.confirmButtonLoading,
                        round: _vm.roundButton,
                        size: "small"
                      },
                      on: {
                        keydown: function($event) {
                          if (
                            !("button" in $event) &&
                            _vm._k(
                              $event.keyCode,
                              "enter",
                              13,
                              $event.key,
                              "Enter"
                            )
                          ) {
                            return null
                          }
                          _vm.handleAction("confirm")
                        }
                      },
                      nativeOn: {
                        click: function($event) {
                          _vm.handleAction("confirm")
                        }
                      }
                    },
                    [
                      _vm._v(
                        "\n          " +
                          _vm._s(
                            _vm.confirmButtonText ||
                              _vm.t("el.messagebox.confirm")
                          ) +
                          "\n        "
                      )
                    ]
                  )
                ],
                1
              )
            ]
          )
        ]
      )
    ])
  }
  var mainvue_type_template_id_6b29b012_staticRenderFns = []
  mainvue_type_template_id_6b29b012_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/message-box/src/main.vue?vue&type=template&id=6b29b012&
  
  // EXTERNAL MODULE: external "element-ui/lib/utils/aria-dialog"
  var aria_dialog_ = __webpack_require__(35);
  var aria_dialog_default = /*#__PURE__*/__webpack_require__.n(aria_dialog_);
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message-box/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  
  
  var messageBox = void 0;
  var typeMap = {
    success: 'success',
    info: 'info',
    warning: 'warning',
    error: 'error'
  };
  
  /* harmony default export */ var message_box_src_mainvue_type_script_lang_js_ = ({
    mixins: [popup_default.a, locale_default.a],
  
    props: {
      modal: {
        default: true
      },
      lockScroll: {
        default: true
      },
      showClose: {
        type: Boolean,
        default: true
      },
      closeOnClickModal: {
        default: true
      },
      closeOnPressEscape: {
        default: true
      },
      closeOnHashChange: {
        default: true
      },
      center: {
        default: false,
        type: Boolean
      },
      roundButton: {
        default: false,
        type: Boolean
      }
    },
  
    components: {
      ElInput: input_default.a,
      ElButton: button_default.a
    },
  
    computed: {
      icon: function icon() {
        var type = this.type,
            iconClass = this.iconClass;
  
        return iconClass || (type && typeMap[type] ? 'el-icon-' + typeMap[type] : '');
      },
      confirmButtonClasses: function confirmButtonClasses() {
        return 'el-button--primary ' + this.confirmButtonClass;
      },
      cancelButtonClasses: function cancelButtonClasses() {
        return '' + this.cancelButtonClass;
      }
    },
  
    methods: {
      getSafeClose: function getSafeClose() {
        var _this = this;
  
        var currentId = this.uid;
        return function () {
          _this.$nextTick(function () {
            if (currentId === _this.uid) _this.doClose();
          });
        };
      },
      doClose: function doClose() {
        var _this2 = this;
  
        if (!this.visible) return;
        this.visible = false;
        this._closing = true;
  
        this.onClose && this.onClose();
        messageBox.closeDialog(); // 解绑
        if (this.lockScroll) {
          setTimeout(this.restoreBodyStyle, 200);
        }
        this.opened = false;
        this.doAfterClose();
        setTimeout(function () {
          if (_this2.action) _this2.callback(_this2.action, _this2);
        });
      },
      handleWrapperClick: function handleWrapperClick() {
        if (this.closeOnClickModal) {
          this.handleAction(this.distinguishCancelAndClose ? 'close' : 'cancel');
        }
      },
      handleInputEnter: function handleInputEnter() {
        if (this.inputType !== 'textarea') {
          return this.handleAction('confirm');
        }
      },
      handleAction: function handleAction(action) {
        if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) {
          return;
        }
        this.action = action;
        if (typeof this.beforeClose === 'function') {
          this.close = this.getSafeClose();
          this.beforeClose(action, this, this.close);
        } else {
          this.doClose();
        }
      },
      validate: function validate() {
        if (this.$type === 'prompt') {
          var inputPattern = this.inputPattern;
          if (inputPattern && !inputPattern.test(this.inputValue || '')) {
            this.editorErrorMessage = this.inputErrorMessage || Object(lib_locale_["t"])('el.messagebox.error');
            Object(dom_["addClass"])(this.getInputElement(), 'invalid');
            return false;
          }
          var inputValidator = this.inputValidator;
          if (typeof inputValidator === 'function') {
            var validateResult = inputValidator(this.inputValue);
            if (validateResult === false) {
              this.editorErrorMessage = this.inputErrorMessage || Object(lib_locale_["t"])('el.messagebox.error');
              Object(dom_["addClass"])(this.getInputElement(), 'invalid');
              return false;
            }
            if (typeof validateResult === 'string') {
              this.editorErrorMessage = validateResult;
              Object(dom_["addClass"])(this.getInputElement(), 'invalid');
              return false;
            }
          }
        }
        this.editorErrorMessage = '';
        Object(dom_["removeClass"])(this.getInputElement(), 'invalid');
        return true;
      },
      getFirstFocus: function getFirstFocus() {
        var btn = this.$el.querySelector('.el-message-box__btns .el-button');
        var title = this.$el.querySelector('.el-message-box__btns .el-message-box__title');
        return btn || title;
      },
      getInputElement: function getInputElement() {
        var inputRefs = this.$refs.input.$refs;
        return inputRefs.input || inputRefs.textarea;
      }
    },
  
    watch: {
      inputValue: {
        immediate: true,
        handler: function handler(val) {
          var _this3 = this;
  
          this.$nextTick(function (_) {
            if (_this3.$type === 'prompt' && val !== null) {
              _this3.validate();
            }
          });
        }
      },
  
      visible: function visible(val) {
        var _this4 = this;
  
        if (val) {
          this.uid++;
          if (this.$type === 'alert' || this.$type === 'confirm') {
            this.$nextTick(function () {
              _this4.$refs.confirm.$el.focus();
            });
          }
          this.focusAfterClosed = document.activeElement;
          messageBox = new aria_dialog_default.a(this.$el, this.focusAfterClosed, this.getFirstFocus());
        }
  
        // prompt
        if (this.$type !== 'prompt') return;
        if (val) {
          setTimeout(function () {
            if (_this4.$refs.input && _this4.$refs.input.$el) {
              _this4.getInputElement().focus();
            }
          }, 500);
        } else {
          this.editorErrorMessage = '';
          Object(dom_["removeClass"])(this.getInputElement(), 'invalid');
        }
      }
    },
  
    mounted: function mounted() {
      var _this5 = this;
  
      this.$nextTick(function () {
        if (_this5.closeOnHashChange) {
          window.addEventListener('hashchange', _this5.close);
        }
      });
    },
    beforeDestroy: function beforeDestroy() {
      if (this.closeOnHashChange) {
        window.removeEventListener('hashchange', this.close);
      }
      setTimeout(function () {
        messageBox.closeDialog();
      });
    },
    data: function data() {
      return {
        uid: 1,
        title: undefined,
        message: '',
        type: '',
        iconClass: '',
        customClass: '',
        showInput: false,
        inputValue: null,
        inputPlaceholder: '',
        inputType: 'text',
        inputPattern: null,
        inputValidator: null,
        inputErrorMessage: '',
        showConfirmButton: true,
        showCancelButton: false,
        action: '',
        confirmButtonText: '',
        cancelButtonText: '',
        confirmButtonLoading: false,
        cancelButtonLoading: false,
        confirmButtonClass: '',
        confirmButtonDisabled: false,
        cancelButtonClass: '',
        editorErrorMessage: null,
        callback: null,
        dangerouslyUseHTMLString: false,
        focusAfterClosed: null,
        isOnComposition: false,
        distinguishCancelAndClose: false
      };
    }
  });
  // CONCATENATED MODULE: ./packages/message-box/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_message_box_src_mainvue_type_script_lang_js_ = (message_box_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/message-box/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var src_main_component = normalizeComponent(
    packages_message_box_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_6b29b012_render,
    mainvue_type_template_id_6b29b012_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var src_main_api; }
  src_main_component.options.__file = "packages/message-box/src/main.vue"
  /* harmony default export */ var message_box_src_main = (src_main_component.exports);
  // CONCATENATED MODULE: ./packages/message-box/src/main.js
  var main_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; };
  
  var main_defaults = {
    title: null,
    message: '',
    type: '',
    iconClass: '',
    showInput: false,
    showClose: true,
    modalFade: true,
    lockScroll: true,
    closeOnClickModal: true,
    closeOnPressEscape: true,
    closeOnHashChange: true,
    inputValue: null,
    inputPlaceholder: '',
    inputType: 'text',
    inputPattern: null,
    inputValidator: null,
    inputErrorMessage: '',
    showConfirmButton: true,
    showCancelButton: false,
    confirmButtonPosition: 'right',
    confirmButtonHighlight: false,
    cancelButtonHighlight: false,
    confirmButtonText: '',
    cancelButtonText: '',
    confirmButtonClass: '',
    cancelButtonClass: '',
    customClass: '',
    beforeClose: null,
    dangerouslyUseHTMLString: false,
    center: false,
    roundButton: false,
    distinguishCancelAndClose: false
  };
  
  
  
  
  
  
  var MessageBoxConstructor = external_vue_default.a.extend(message_box_src_main);
  
  var currentMsg = void 0,
      main_instance = void 0;
  var msgQueue = [];
  
  var defaultCallback = function defaultCallback(action) {
    if (currentMsg) {
      var callback = currentMsg.callback;
      if (typeof callback === 'function') {
        if (main_instance.showInput) {
          callback(main_instance.inputValue, action);
        } else {
          callback(action);
        }
      }
      if (currentMsg.resolve) {
        if (action === 'confirm') {
          if (main_instance.showInput) {
            currentMsg.resolve({ value: main_instance.inputValue, action: action });
          } else {
            currentMsg.resolve(action);
          }
        } else if (currentMsg.reject && (action === 'cancel' || action === 'close')) {
          currentMsg.reject(action);
        }
      }
    }
  };
  
  var initInstance = function initInstance() {
    main_instance = new MessageBoxConstructor({
      el: document.createElement('div')
    });
  
    main_instance.callback = defaultCallback;
  };
  
  var main_showNextMsg = function showNextMsg() {
    if (!main_instance) {
      initInstance();
    }
    main_instance.action = '';
  
    if (!main_instance.visible || main_instance.closeTimer) {
      if (msgQueue.length > 0) {
        currentMsg = msgQueue.shift();
  
        var options = currentMsg.options;
        for (var prop in options) {
          if (options.hasOwnProperty(prop)) {
            main_instance[prop] = options[prop];
          }
        }
        if (options.callback === undefined) {
          main_instance.callback = defaultCallback;
        }
  
        var oldCb = main_instance.callback;
        main_instance.callback = function (action, instance) {
          oldCb(action, instance);
          showNextMsg();
        };
        if (Object(vdom_["isVNode"])(main_instance.message)) {
          main_instance.$slots.default = [main_instance.message];
          main_instance.message = null;
        } else {
          delete main_instance.$slots.default;
        }
        ['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape', 'closeOnHashChange'].forEach(function (prop) {
          if (main_instance[prop] === undefined) {
            main_instance[prop] = true;
          }
        });
        document.body.appendChild(main_instance.$el);
  
        external_vue_default.a.nextTick(function () {
          main_instance.visible = true;
        });
      }
    }
  };
  
  var main_MessageBox = function MessageBox(options, callback) {
    if (external_vue_default.a.prototype.$isServer) return;
    if (typeof options === 'string' || Object(vdom_["isVNode"])(options)) {
      options = {
        message: options
      };
      if (typeof arguments[1] === 'string') {
        options.title = arguments[1];
      }
    } else if (options.callback && !callback) {
      callback = options.callback;
    }
  
    if (typeof Promise !== 'undefined') {
      return new Promise(function (resolve, reject) {
        // eslint-disable-line
        msgQueue.push({
          options: merge_default()({}, main_defaults, MessageBox.defaults, options),
          callback: callback,
          resolve: resolve,
          reject: reject
        });
  
        main_showNextMsg();
      });
    } else {
      msgQueue.push({
        options: merge_default()({}, main_defaults, MessageBox.defaults, options),
        callback: callback
      });
  
      main_showNextMsg();
    }
  };
  
  main_MessageBox.setDefaults = function (defaults) {
    main_MessageBox.defaults = defaults;
  };
  
  main_MessageBox.alert = function (message, title, options) {
    if ((typeof title === 'undefined' ? 'undefined' : main_typeof(title)) === 'object') {
      options = title;
      title = '';
    } else if (title === undefined) {
      title = '';
    }
    return main_MessageBox(merge_default()({
      title: title,
      message: message,
      $type: 'alert',
      closeOnPressEscape: false,
      closeOnClickModal: false
    }, options));
  };
  
  main_MessageBox.confirm = function (message, title, options) {
    if ((typeof title === 'undefined' ? 'undefined' : main_typeof(title)) === 'object') {
      options = title;
      title = '';
    } else if (title === undefined) {
      title = '';
    }
    return main_MessageBox(merge_default()({
      title: title,
      message: message,
      $type: 'confirm',
      showCancelButton: true
    }, options));
  };
  
  main_MessageBox.prompt = function (message, title, options) {
    if ((typeof title === 'undefined' ? 'undefined' : main_typeof(title)) === 'object') {
      options = title;
      title = '';
    } else if (title === undefined) {
      title = '';
    }
    return main_MessageBox(merge_default()({
      title: title,
      message: message,
      showCancelButton: true,
      showInput: true,
      $type: 'prompt'
    }, options));
  };
  
  main_MessageBox.close = function () {
    main_instance.doClose();
    main_instance.visible = false;
    msgQueue = [];
    currentMsg = null;
  };
  
  /* harmony default export */ var packages_message_box_src_main = (main_MessageBox);
  
  // CONCATENATED MODULE: ./packages/message-box/index.js
  
  /* harmony default export */ var message_box = (packages_message_box_src_main);
  // 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 breadcrumbvue_type_template_id_4b464c06_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 breadcrumbvue_type_template_id_4b464c06_staticRenderFns = []
  breadcrumbvue_type_template_id_4b464c06_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_); 
  // CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb.vue
  
  
  
  
  
  /* normalize component */
  
  var breadcrumb_component = normalizeComponent(
    src_breadcrumbvue_type_script_lang_js_,
    breadcrumbvue_type_template_id_4b464c06_render,
    breadcrumbvue_type_template_id_4b464c06_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var breadcrumb_api; }
  breadcrumb_component.options.__file = "packages/breadcrumb/src/breadcrumb.vue"
  /* harmony default export */ var breadcrumb = (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 = (breadcrumb);
  // 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 breadcrumb_itemvue_type_template_id_fcf9eaac_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 breadcrumb_itemvue_type_template_id_fcf9eaac_staticRenderFns = []
  breadcrumb_itemvue_type_template_id_fcf9eaac_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_); 
  // CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb-item.vue
  
  
  
  
  
  /* normalize component */
  
  var breadcrumb_item_component = normalizeComponent(
    src_breadcrumb_itemvue_type_script_lang_js_,
    breadcrumb_itemvue_type_template_id_fcf9eaac_render,
    breadcrumb_itemvue_type_template_id_fcf9eaac_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var breadcrumb_item_api; }
  breadcrumb_item_component.options.__file = "packages/breadcrumb/src/breadcrumb-item.vue"
  /* harmony default export */ var breadcrumb_item = (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 = (breadcrumb_item);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form.vue?vue&type=template&id=a1b5ff34&
  var formvue_type_template_id_a1b5ff34_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "form",
      {
        staticClass: "el-form",
        class: [
          _vm.labelPosition ? "el-form--label-" + _vm.labelPosition : "",
          { "el-form--inline": _vm.inline }
        ]
      },
      [_vm._t("default")],
      2
    )
  }
  var formvue_type_template_id_a1b5ff34_staticRenderFns = []
  formvue_type_template_id_a1b5ff34_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/form/src/form.vue?vue&type=template&id=a1b5ff34&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  /* harmony default export */ var formvue_type_script_lang_js_ = ({
    name: 'ElForm',
  
    componentName: 'ElForm',
  
    provide: function provide() {
      return {
        elForm: this
      };
    },
  
  
    props: {
      model: Object,
      rules: Object,
      labelPosition: String,
      labelWidth: String,
      labelSuffix: {
        type: String,
        default: ''
      },
      inline: Boolean,
      inlineMessage: Boolean,
      statusIcon: Boolean,
      showMessage: {
        type: Boolean,
        default: true
      },
      size: String,
      disabled: Boolean,
      validateOnRuleChange: {
        type: Boolean,
        default: true
      },
      hideRequiredAsterisk: {
        type: Boolean,
        default: false
      }
    },
    watch: {
      rules: function rules() {
        if (this.validateOnRuleChange) {
          this.validate(function () {});
        }
      }
    },
    data: function data() {
      return {
        fields: []
      };
    },
    created: function created() {
      var _this = this;
  
      this.$on('el.form.addField', function (field) {
        if (field) {
          _this.fields.push(field);
        }
      });
      /* istanbul ignore next */
      this.$on('el.form.removeField', function (field) {
        if (field.prop) {
          _this.fields.splice(_this.fields.indexOf(field), 1);
        }
      });
    },
  
    methods: {
      resetFields: function resetFields() {
        if (!this.model) {
          console.warn('[Element Warn][Form]model is required for resetFields to work.');
          return;
        }
        this.fields.forEach(function (field) {
          field.resetField();
        });
      },
      clearValidate: function clearValidate() {
        var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
  
        var fields = props.length ? typeof props === 'string' ? this.fields.filter(function (field) {
          return props === field.prop;
        }) : this.fields.filter(function (field) {
          return props.indexOf(field.prop) > -1;
        }) : this.fields;
        fields.forEach(function (field) {
          field.clearValidate();
        });
      },
      validate: function validate(callback) {
        var _this2 = this;
  
        if (!this.model) {
          console.warn('[Element Warn][Form]model is required for validate to work!');
          return;
        }
  
        var promise = void 0;
        // if no callback, return promise
        if (typeof callback !== 'function' && window.Promise) {
          promise = new window.Promise(function (resolve, reject) {
            callback = function callback(valid) {
              valid ? resolve(valid) : reject(valid);
            };
          });
        }
  
        var valid = true;
        var count = 0;
        // 如果需要验证的fields为空，调用验证时立刻返回callback
        if (this.fields.length === 0 && callback) {
          callback(true);
        }
        var invalidFields = {};
        this.fields.forEach(function (field) {
          field.validate('', function (message, field) {
            if (message) {
              valid = false;
            }
            invalidFields = merge_default()({}, invalidFields, field);
            if (typeof callback === 'function' && ++count === _this2.fields.length) {
              callback(valid, invalidFields);
            }
          });
        });
  
        if (promise) {
          return promise;
        }
      },
      validateField: function validateField(props, cb) {
        props = [].concat(props);
        var fields = this.fields.filter(function (field) {
          return props.indexOf(field.prop) !== -1;
        });
        if (!fields.length) {
          console.warn('[Element Warn]please pass correct props!');
          return;
        }
  
        fields.forEach(function (field) {
          field.validate('', cb);
        });
      }
    }
  });
  // CONCATENATED MODULE: ./packages/form/src/form.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_formvue_type_script_lang_js_ = (formvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/form/src/form.vue
  
  
  
  
  
  /* normalize component */
  
  var form_component = normalizeComponent(
    src_formvue_type_script_lang_js_,
    formvue_type_template_id_a1b5ff34_render,
    formvue_type_template_id_a1b5ff34_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var form_api; }
  form_component.options.__file = "packages/form/src/form.vue"
  /* harmony default export */ var src_form = (form_component.exports);
  // CONCATENATED MODULE: ./packages/form/index.js
  
  
  /* istanbul ignore next */
  src_form.install = function (Vue) {
    Vue.component(src_form.name, src_form);
  };
  
  /* harmony default export */ var packages_form = (src_form);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-item.vue?vue&type=template&id=b6f3db6c&
  var form_itemvue_type_template_id_b6f3db6c_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-form-item",
        class: [
          {
            "el-form-item--feedback": _vm.elForm && _vm.elForm.statusIcon,
            "is-error": _vm.validateState === "error",
            "is-validating": _vm.validateState === "validating",
            "is-success": _vm.validateState === "success",
            "is-required": _vm.isRequired || _vm.required,
            "is-no-asterisk": _vm.elForm && _vm.elForm.hideRequiredAsterisk
          },
          _vm.sizeClass ? "el-form-item--" + _vm.sizeClass : ""
        ]
      },
      [
        _vm.label || _vm.$slots.label
          ? _c(
              "label",
              {
                staticClass: "el-form-item__label",
                style: _vm.labelStyle,
                attrs: { for: _vm.labelFor }
              },
              [
                _vm._t("label", [
                  _vm._v(_vm._s(_vm.label + _vm.form.labelSuffix))
                ])
              ],
              2
            )
          : _vm._e(),
        _c(
          "div",
          { staticClass: "el-form-item__content", style: _vm.contentStyle },
          [
            _vm._t("default"),
            _c(
              "transition",
              { attrs: { name: "el-zoom-in-top" } },
              [
                _vm.validateState === "error" &&
                _vm.showMessage &&
                _vm.form.showMessage
                  ? _vm._t(
                      "error",
                      [
                        _c(
                          "div",
                          {
                            staticClass: "el-form-item__error",
                            class: {
                              "el-form-item__error--inline":
                                typeof _vm.inlineMessage === "boolean"
                                  ? _vm.inlineMessage
                                  : (_vm.elForm && _vm.elForm.inlineMessage) ||
                                    false
                            }
                          },
                          [
                            _vm._v(
                              "\n          " +
                                _vm._s(_vm.validateMessage) +
                                "\n        "
                            )
                          ]
                        )
                      ],
                      { error: _vm.validateMessage }
                    )
                  : _vm._e()
              ],
              2
            )
          ],
          2
        )
      ]
    )
  }
  var form_itemvue_type_template_id_b6f3db6c_staticRenderFns = []
  form_itemvue_type_template_id_b6f3db6c_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=template&id=b6f3db6c&
  
  // EXTERNAL MODULE: external "async-validator"
  var external_async_validator_ = __webpack_require__(36);
  var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(external_async_validator_);
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-item.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  /* harmony default export */ var form_itemvue_type_script_lang_js_ = ({
    name: 'ElFormItem',
  
    componentName: 'ElFormItem',
  
    mixins: [emitter_default.a],
  
    provide: function provide() {
      return {
        elFormItem: this
      };
    },
  
  
    inject: ['elForm'],
  
    props: {
      label: String,
      labelWidth: String,
      prop: String,
      required: {
        type: Boolean,
        default: undefined
      },
      rules: [Object, Array],
      error: String,
      validateStatus: String,
      for: String,
      inlineMessage: {
        type: [String, Boolean],
        default: ''
      },
      showMessage: {
        type: Boolean,
        default: true
      },
      size: String
    },
    watch: {
      error: {
        immediate: true,
        handler: function handler(value) {
          this.validateMessage = value;
          this.validateState = value ? 'error' : '';
        }
      },
      validateStatus: function validateStatus(value) {
        this.validateState = value;
      }
    },
    computed: {
      labelFor: function labelFor() {
        return this.for || this.prop;
      },
      labelStyle: function labelStyle() {
        var ret = {};
        if (this.form.labelPosition === 'top') return ret;
        var labelWidth = this.labelWidth || this.form.labelWidth;
        if (labelWidth) {
          ret.width = labelWidth;
        }
        return ret;
      },
      contentStyle: function contentStyle() {
        var ret = {};
        var label = this.label;
        if (this.form.labelPosition === 'top' || this.form.inline) return ret;
        if (!label && !this.labelWidth && this.isNested) return ret;
        var labelWidth = this.labelWidth || this.form.labelWidth;
        if (labelWidth) {
          ret.marginLeft = labelWidth;
        }
        return ret;
      },
      form: function form() {
        var parent = this.$parent;
        var parentName = parent.$options.componentName;
        while (parentName !== 'ElForm') {
          if (parentName === 'ElFormItem') {
            this.isNested = true;
          }
          parent = parent.$parent;
          parentName = parent.$options.componentName;
        }
        return parent;
      },
      fieldValue: function fieldValue() {
        var model = this.form.model;
        if (!model || !this.prop) {
          return;
        }
  
        var path = this.prop;
        if (path.indexOf(':') !== -1) {
          path = path.replace(/:/, '.');
        }
  
        return Object(util_["getPropByPath"])(model, path, true).v;
      },
      isRequired: function isRequired() {
        var rules = this.getRules();
        var isRequired = false;
  
        if (rules && rules.length) {
          rules.every(function (rule) {
            if (rule.required) {
              isRequired = true;
              return false;
            }
            return true;
          });
        }
        return isRequired;
      },
      _formSize: function _formSize() {
        return this.elForm.size;
      },
      elFormItemSize: function elFormItemSize() {
        return this.size || this._formSize;
      },
      sizeClass: function sizeClass() {
        return this.elFormItemSize || (this.$ELEMENT || {}).size;
      }
    },
    data: function data() {
      return {
        validateState: '',
        validateMessage: '',
        validateDisabled: false,
        validator: {},
        isNested: false
      };
    },
  
    methods: {
      validate: function validate(trigger) {
        var _this = this;
  
        var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : util_["noop"];
  
        this.validateDisabled = false;
        var rules = this.getFilteredRule(trigger);
        if ((!rules || rules.length === 0) && this.required === undefined) {
          callback();
          return true;
        }
  
        this.validateState = 'validating';
  
        var descriptor = {};
        if (rules && rules.length > 0) {
          rules.forEach(function (rule) {
            delete rule.trigger;
          });
        }
        descriptor[this.prop] = rules;
  
        var validator = new external_async_validator_default.a(descriptor);
        var model = {};
  
        model[this.prop] = this.fieldValue;
  
        validator.validate(model, { firstFields: true }, function (errors, invalidFields) {
          _this.validateState = !errors ? 'success' : 'error';
          _this.validateMessage = errors ? errors[0].message : '';
  
          callback(_this.validateMessage, invalidFields);
          _this.elForm && _this.elForm.$emit('validate', _this.prop, !errors, _this.validateMessage || null);
        });
      },
      clearValidate: function clearValidate() {
        this.validateState = '';
        this.validateMessage = '';
        this.validateDisabled = false;
      },
      resetField: function resetField() {
        this.validateState = '';
        this.validateMessage = '';
  
        var model = this.form.model;
        var value = this.fieldValue;
        var path = this.prop;
        if (path.indexOf(':') !== -1) {
          path = path.replace(/:/, '.');
        }
  
        var prop = Object(util_["getPropByPath"])(model, path, true);
  
        this.validateDisabled = true;
        if (Array.isArray(value)) {
          prop.o[prop.k] = [].concat(this.initialValue);
        } else {
          prop.o[prop.k] = this.initialValue;
        }
  
        this.broadcast('ElTimeSelect', 'fieldReset', this.initialValue);
      },
      getRules: function getRules() {
        var formRules = this.form.rules;
        var selfRules = this.rules;
        var requiredRule = this.required !== undefined ? { required: !!this.required } : [];
  
        var prop = Object(util_["getPropByPath"])(formRules, this.prop || '');
        formRules = formRules ? prop.o[this.prop || ''] || prop.v : [];
  
        return [].concat(selfRules || formRules || []).concat(requiredRule);
      },
      getFilteredRule: function getFilteredRule(trigger) {
        var rules = this.getRules();
  
        return rules.filter(function (rule) {
          if (!rule.trigger || trigger === '') return true;
          if (Array.isArray(rule.trigger)) {
            return rule.trigger.indexOf(trigger) > -1;
          } else {
            return rule.trigger === trigger;
          }
        }).map(function (rule) {
          return merge_default()({}, rule);
        });
      },
      onFieldBlur: function onFieldBlur() {
        this.validate('blur');
      },
      onFieldChange: function onFieldChange() {
        if (this.validateDisabled) {
          this.validateDisabled = false;
          return;
        }
  
        this.validate('change');
      }
    },
    mounted: function mounted() {
      if (this.prop) {
        this.dispatch('ElForm', 'el.form.addField', [this]);
  
        var initialValue = this.fieldValue;
        if (Array.isArray(initialValue)) {
          initialValue = [].concat(initialValue);
        }
        Object.defineProperty(this, 'initialValue', {
          value: initialValue
        });
  
        var rules = this.getRules();
  
        if (rules.length || this.required !== undefined) {
          this.$on('el.form.blur', this.onFieldBlur);
          this.$on('el.form.change', this.onFieldChange);
        }
      }
    },
    beforeDestroy: function beforeDestroy() {
      this.dispatch('ElForm', 'el.form.removeField', [this]);
    }
  });
  // CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_form_itemvue_type_script_lang_js_ = (form_itemvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/form/src/form-item.vue
  
  
  
  
  
  /* normalize component */
  
  var form_item_component = normalizeComponent(
    src_form_itemvue_type_script_lang_js_,
    form_itemvue_type_template_id_b6f3db6c_render,
    form_itemvue_type_template_id_b6f3db6c_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var form_item_api; }
  form_item_component.options.__file = "packages/form/src/form-item.vue"
  /* harmony default export */ var form_item = (form_item_component.exports);
  // CONCATENATED MODULE: ./packages/form-item/index.js
  
  
  /* istanbul ignore next */
  form_item.install = function (Vue) {
    Vue.component(form_item.name, form_item);
  };
  
  /* harmony default export */ var packages_form_item = (form_item);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-bar.vue?vue&type=template&id=2031f33a&
  var tab_barvue_type_template_id_2031f33a_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c("div", {
      staticClass: "el-tabs__active-bar",
      class: "is-" + _vm.rootTabs.tabPosition,
      style: _vm.barStyle
    })
  }
  var tab_barvue_type_template_id_2031f33a_staticRenderFns = []
  tab_barvue_type_template_id_2031f33a_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/tabs/src/tab-bar.vue?vue&type=template&id=2031f33a&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-bar.vue?vue&type=script&lang=js&
  //
  //
  //
  
  
  /* harmony default export */ var tab_barvue_type_script_lang_js_ = ({
    name: 'TabBar',
  
    props: {
      tabs: Array
    },
  
    inject: ['rootTabs'],
  
    computed: {
      barStyle: {
        get: function get() {
          var _this = this;
  
          var style = {};
          var offset = 0;
          var tabSize = 0;
          var sizeName = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
          var sizeDir = sizeName === 'width' ? 'x' : 'y';
          var firstUpperCase = function firstUpperCase(str) {
            return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {
              return L.toUpperCase();
            });
          };
          this.tabs.every(function (tab, index) {
            var $el = Object(util_["arrayFind"])(_this.$parent.$refs.tabs || [], function (t) {
              return t.id.replace('tab-', '') === tab.paneName;
            });
            if (!$el) {
              return false;
            }
  
            if (!tab.active) {
              offset += $el['client' + firstUpperCase(sizeName)];
              return true;
            } else {
              tabSize = $el['client' + firstUpperCase(sizeName)];
              if (sizeName === 'width' && _this.tabs.length > 1) {
                tabSize -= index === 0 || index === _this.tabs.length - 1 ? 20 : 40;
              }
              return false;
            }
          });
  
          if (sizeName === 'width' && offset !== 0) {
            offset += 20;
          }
          var transform = 'translate' + firstUpperCase(sizeDir) + '(' + offset + 'px)';
          style[sizeName] = tabSize + 'px';
          style.transform = transform;
          style.msTransform = transform;
          style.webkitTransform = transform;
  
          return style;
        }
      }
    }
  });
  // CONCATENATED MODULE: ./packages/tabs/src/tab-bar.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_tab_barvue_type_script_lang_js_ = (tab_barvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/tabs/src/tab-bar.vue
  
  
  
  
  
  /* normalize component */
  
  var tab_bar_component = normalizeComponent(
    src_tab_barvue_type_script_lang_js_,
    tab_barvue_type_template_id_2031f33a_render,
    tab_barvue_type_template_id_2031f33a_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var tab_bar_api; }
  tab_bar_component.options.__file = "packages/tabs/src/tab-bar.vue"
  /* harmony default export */ var tab_bar = (tab_bar_component.exports);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-nav.vue?vue&type=script&lang=js&
  
  
  
  
  function noop() {}
  var tab_navvue_type_script_lang_js_firstUpperCase = function firstUpperCase(str) {
    return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {
      return L.toUpperCase();
    });
  };
  
  /* harmony default export */ var tab_navvue_type_script_lang_js_ = ({
    name: 'TabNav',
  
    components: {
      TabBar: tab_bar
    },
  
    inject: ['rootTabs'],
  
    props: {
      panes: Array,
      currentName: String,
      editable: Boolean,
      onTabClick: {
        type: Function,
        default: noop
      },
      onTabRemove: {
        type: Function,
        default: noop
      },
      type: String,
      stretch: Boolean
    },
  
    data: function data() {
      return {
        scrollable: false,
        navOffset: 0,
        isFocus: false,
        focusable: true
      };
    },
  
  
    computed: {
      navStyle: function navStyle() {
        var dir = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'X' : 'Y';
        return {
          transform: 'translate' + dir + '(-' + this.navOffset + 'px)'
        };
      },
      sizeName: function sizeName() {
        return ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
      }
    },
  
    methods: {
      scrollPrev: function scrollPrev() {
        var containerSize = this.$refs.navScroll['offset' + tab_navvue_type_script_lang_js_firstUpperCase(this.sizeName)];
        var currentOffset = this.navOffset;
  
        if (!currentOffset) return;
  
        var newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
  
        this.navOffset = newOffset;
      },
      scrollNext: function scrollNext() {
        var navSize = this.$refs.nav['offset' + tab_navvue_type_script_lang_js_firstUpperCase(this.sizeName)];
        var containerSize = this.$refs.navScroll['offset' + tab_navvue_type_script_lang_js_firstUpperCase(this.sizeName)];
        var currentOffset = this.navOffset;
  
        if (navSize - currentOffset <= containerSize) return;
  
        var newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
  
        this.navOffset = newOffset;
      },
      scrollToActiveTab: function scrollToActiveTab() {
        if (!this.scrollable) return;
        var nav = this.$refs.nav;
        var activeTab = this.$el.querySelector('.is-active');
        if (!activeTab) return;
        var navScroll = this.$refs.navScroll;
        var activeTabBounding = activeTab.getBoundingClientRect();
        var navScrollBounding = navScroll.getBoundingClientRect();
        var maxOffset = nav.offsetWidth - navScrollBounding.width;
        var currentOffset = this.navOffset;
        var newOffset = currentOffset;
  
        if (activeTabBounding.left < navScrollBounding.left) {
          newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
        }
        if (activeTabBounding.right > navScrollBounding.right) {
          newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
        }
  
        newOffset = Math.max(newOffset, 0);
        this.navOffset = Math.min(newOffset, maxOffset);
      },
      update: function update() {
        if (!this.$refs.nav) return;
        var sizeName = this.sizeName;
        var navSize = this.$refs.nav['offset' + tab_navvue_type_script_lang_js_firstUpperCase(sizeName)];
        var containerSize = this.$refs.navScroll['offset' + tab_navvue_type_script_lang_js_firstUpperCase(sizeName)];
        var currentOffset = this.navOffset;
  
        if (containerSize < navSize) {
          var _currentOffset = this.navOffset;
          this.scrollable = this.scrollable || {};
          this.scrollable.prev = _currentOffset;
          this.scrollable.next = _currentOffset + containerSize < navSize;
          if (navSize - _currentOffset < containerSize) {
            this.navOffset = navSize - containerSize;
          }
        } else {
          this.scrollable = false;
          if (currentOffset > 0) {
            this.navOffset = 0;
          }
        }
      },
      changeTab: function changeTab(e) {
        var keyCode = e.keyCode;
        var nextIndex = void 0;
        var currentIndex = void 0,
            tabList = void 0;
        if ([37, 38, 39, 40].indexOf(keyCode) !== -1) {
          // 左右上下键更换tab
          tabList = e.currentTarget.querySelectorAll('[role=tab]');
          currentIndex = Array.prototype.indexOf.call(tabList, e.target);
        } else {
          return;
        }
        if (keyCode === 37 || keyCode === 38) {
          // left
          if (currentIndex === 0) {
            // first
            nextIndex = tabList.length - 1;
          } else {
            nextIndex = currentIndex - 1;
          }
        } else {
          // right
          if (currentIndex < tabList.length - 1) {
            // not last
            nextIndex = currentIndex + 1;
          } else {
            nextIndex = 0;
          }
        }
        tabList[nextIndex].focus(); // 改变焦点元素
        tabList[nextIndex].click(); // 选中下一个tab
        this.setFocus();
      },
      setFocus: function setFocus() {
        if (this.focusable) {
          this.isFocus = true;
        }
      },
      removeFocus: function removeFocus() {
        this.isFocus = false;
      },
      visibilityChangeHandler: function visibilityChangeHandler() {
        var _this = this;
  
        var visibility = document.visibilityState;
        if (visibility === 'hidden') {
          this.focusable = false;
        } else if (visibility === 'visible') {
          setTimeout(function () {
            _this.focusable = true;
          }, 50);
        }
      },
      windowBlurHandler: function windowBlurHandler() {
        this.focusable = false;
      },
      windowFocusHandler: function windowFocusHandler() {
        var _this2 = this;
  
        setTimeout(function () {
          _this2.focusable = true;
        }, 50);
      }
    },
  
    updated: function updated() {
      this.update();
    },
    render: function render(h) {
      var _this3 = this;
  
      var type = this.type,
          panes = this.panes,
          editable = this.editable,
          stretch = this.stretch,
          onTabClick = this.onTabClick,
          onTabRemove = this.onTabRemove,
          navStyle = this.navStyle,
          scrollable = this.scrollable,
          scrollNext = this.scrollNext,
          scrollPrev = this.scrollPrev,
          changeTab = this.changeTab,
          setFocus = this.setFocus,
          removeFocus = this.removeFocus;
  
      var scrollBtn = scrollable ? [h(
        'span',
        { 'class': ['el-tabs__nav-prev', scrollable.prev ? '' : 'is-disabled'], on: {
            'click': scrollPrev
          }
        },
        [h('i', { 'class': 'el-icon-arrow-left' })]
      ), h(
        'span',
        { 'class': ['el-tabs__nav-next', scrollable.next ? '' : 'is-disabled'], on: {
            'click': scrollNext
          }
        },
        [h('i', { 'class': 'el-icon-arrow-right' })]
      )] : null;
  
      var tabs = this._l(panes, function (pane, index) {
        var _ref;
  
        var tabName = pane.name || pane.index || index;
        var closable = pane.isClosable || editable;
  
        pane.index = '' + index;
  
        var btnClose = closable ? h('span', { 'class': 'el-icon-close', on: {
            'click': function click(ev) {
              onTabRemove(pane, ev);
            }
          }
        }) : null;
  
        var tabLabelContent = pane.$slots.label || pane.label;
        var tabindex = pane.active ? 0 : -1;
        return h(
          'div',
          {
            'class': (_ref = {
              'el-tabs__item': true
            }, _ref['is-' + _this3.rootTabs.tabPosition] = true, _ref['is-active'] = pane.active, _ref['is-disabled'] = pane.disabled, _ref['is-closable'] = closable, _ref['is-focus'] = _this3.isFocus, _ref),
            attrs: { id: 'tab-' + tabName,
  
              'aria-controls': 'pane-' + tabName,
              role: 'tab',
              'aria-selected': pane.active,
  
              tabindex: tabindex
            },
            key: 'tab-' + tabName, ref: 'tabs', refInFor: true,
            on: {
              'focus': function focus() {
                setFocus();
              },
              'blur': function blur() {
                removeFocus();
              },
              'click': function click(ev) {
                removeFocus();onTabClick(pane, tabName, ev);
              },
              'keydown': function keydown(ev) {
                if (closable && (ev.keyCode === 46 || ev.keyCode === 8)) {
                  onTabRemove(pane, ev);
                }
              }
            }
          },
          [tabLabelContent, btnClose]
        );
      });
      return h(
        'div',
        { 'class': ['el-tabs__nav-wrap', scrollable ? 'is-scrollable' : '', 'is-' + this.rootTabs.tabPosition] },
        [scrollBtn, h(
          'div',
          { 'class': ['el-tabs__nav-scroll'], ref: 'navScroll' },
          [h(
            'div',
            {
              'class': ['el-tabs__nav', 'is-' + this.rootTabs.tabPosition, stretch && ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'is-stretch' : ''],
              ref: 'nav',
              style: navStyle,
              attrs: { role: 'tablist'
              },
              on: {
                'keydown': changeTab
              }
            },
            [!type ? h('tab-bar', {
              attrs: { tabs: panes }
            }) : null, tabs]
          )]
        )]
      );
    },
    mounted: function mounted() {
      var _this4 = this;
  
      Object(resize_event_["addResizeListener"])(this.$el, this.update);
      document.addEventListener('visibilitychange', this.visibilityChangeHandler);
      window.addEventListener('blur', this.windowBlurHandler);
      window.addEventListener('focus', this.windowFocusHandler);
      setTimeout(function () {
        _this4.scrollToActiveTab();
      }, 0);
    },
    beforeDestroy: function beforeDestroy() {
      if (this.$el && this.update) Object(resize_event_["removeResizeListener"])(this.$el, this.update);
      document.removeEventListener('visibilitychange', this.visibilityChangeHandler);
      window.removeEventListener('blur', this.windowBlurHandler);
      window.removeEventListener('focus', this.windowFocusHandler);
    }
  });
  // CONCATENATED MODULE: ./packages/tabs/src/tab-nav.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_tab_navvue_type_script_lang_js_ = (tab_navvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/tabs/src/tab-nav.vue
  var tab_nav_render, tab_nav_staticRenderFns
  
  
  
  
  /* normalize component */
  
  var tab_nav_component = normalizeComponent(
    src_tab_navvue_type_script_lang_js_,
    tab_nav_render,
    tab_nav_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var tab_nav_api; }
  tab_nav_component.options.__file = "packages/tabs/src/tab-nav.vue"
  /* harmony default export */ var tab_nav = (tab_nav_component.exports);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tabs.vue?vue&type=script&lang=js&
  
  
  
  /* harmony default export */ var tabsvue_type_script_lang_js_ = ({
    name: 'ElTabs',
  
    components: {
      TabNav: tab_nav
    },
  
    props: {
      type: String,
      activeName: String,
      closable: Boolean,
      addable: Boolean,
      value: {},
      editable: Boolean,
      tabPosition: {
        type: String,
        default: 'top'
      },
      beforeLeave: Function,
      stretch: Boolean
    },
  
    provide: function provide() {
      return {
        rootTabs: this
      };
    },
    data: function data() {
      return {
        currentName: this.value || this.activeName,
        panes: []
      };
    },
  
  
    watch: {
      activeName: function activeName(value) {
        this.setCurrentName(value);
      },
      value: function value(_value) {
        this.setCurrentName(_value);
      },
      currentName: function currentName(value) {
        var _this = this;
  
        if (this.$refs.nav) {
          this.$nextTick(function () {
            _this.$refs.nav.$nextTick(function (_) {
              _this.$refs.nav.scrollToActiveTab();
            });
          });
        }
      }
    },
  
    methods: {
      calcPaneInstances: function calcPaneInstances() {
        var _this2 = this;
  
        if (this.$slots.default) {
          var paneSlots = this.$slots.default.filter(function (vnode) {
            return vnode.tag && vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'ElTabPane';
          });
          // update indeed
          var panes = paneSlots.map(function (_ref) {
            var componentInstance = _ref.componentInstance;
            return componentInstance;
          });
          if (!(panes.length === this.panes.length && panes.every(function (pane, index) {
            return pane === _this2.panes[index];
          }))) {
            this.panes = panes;
          }
        } else if (this.panes.length !== 0) {
          this.panes = [];
        }
      },
      handleTabClick: function handleTabClick(tab, tabName, event) {
        if (tab.disabled) return;
        this.setCurrentName(tabName);
        this.$emit('tab-click', tab, event);
      },
      handleTabRemove: function handleTabRemove(pane, ev) {
        if (pane.disabled) return;
        ev.stopPropagation();
        this.$emit('edit', pane.name, 'remove');
        this.$emit('tab-remove', pane.name);
      },
      handleTabAdd: function handleTabAdd() {
        this.$emit('edit', null, 'add');
        this.$emit('tab-add');
      },
      setCurrentName: function setCurrentName(value) {
        var _this3 = this;
  
        var changeCurrentName = function changeCurrentName() {
          _this3.currentName = value;
          _this3.$emit('input', value);
        };
        if (this.currentName !== value && this.beforeLeave) {
          var before = this.beforeLeave(value, this.currentName);
          if (before && before.then) {
            before.then(function () {
              changeCurrentName();
  
              _this3.$refs.nav && _this3.$refs.nav.removeFocus();
            });
          } else if (before !== false) {
            changeCurrentName();
          }
        } else {
          changeCurrentName();
        }
      }
    },
  
    render: function render(h) {
      var _ref2;
  
      var type = this.type,
          handleTabClick = this.handleTabClick,
          handleTabRemove = this.handleTabRemove,
          handleTabAdd = this.handleTabAdd,
          currentName = this.currentName,
          panes = this.panes,
          editable = this.editable,
          addable = this.addable,
          tabPosition = this.tabPosition,
          stretch = this.stretch;
  
  
      var newButton = editable || addable ? h(
        'span',
        {
          'class': 'el-tabs__new-tab',
          on: {
            'click': handleTabAdd,
            'keydown': function keydown(ev) {
              if (ev.keyCode === 13) {
                handleTabAdd();
              }
            }
          },
          attrs: {
            tabindex: '0'
          }
        },
        [h('i', { 'class': 'el-icon-plus' })]
      ) : null;
  
      var navData = {
        props: {
          currentName: currentName,
          onTabClick: handleTabClick,
          onTabRemove: handleTabRemove,
          editable: editable,
          type: type,
          panes: panes,
          stretch: stretch
        },
        ref: 'nav'
      };
      var header = h(
        'div',
        { 'class': ['el-tabs__header', 'is-' + tabPosition] },
        [newButton, h('tab-nav', navData)]
      );
      var panels = h(
        'div',
        { 'class': 'el-tabs__content' },
        [this.$slots.default]
      );
  
      return h(
        'div',
        { 'class': (_ref2 = {
            'el-tabs': true,
            'el-tabs--card': type === 'card'
          }, _ref2['el-tabs--' + tabPosition] = true, _ref2['el-tabs--border-card'] = type === 'border-card', _ref2) },
        [tabPosition !== 'bottom' ? [header, panels] : [panels, header]]
      );
    },
    created: function created() {
      if (!this.currentName) {
        this.setCurrentName('0');
      }
    },
    mounted: function mounted() {
      this.calcPaneInstances();
    },
    updated: function updated() {
      this.calcPaneInstances();
    }
  });
  // CONCATENATED MODULE: ./packages/tabs/src/tabs.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_tabsvue_type_script_lang_js_ = (tabsvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/tabs/src/tabs.vue
  var tabs_render, tabs_staticRenderFns
  
  
  
  
  /* normalize component */
  
  var tabs_component = normalizeComponent(
    src_tabsvue_type_script_lang_js_,
    tabs_render,
    tabs_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var tabs_api; }
  tabs_component.options.__file = "packages/tabs/src/tabs.vue"
  /* harmony default export */ var tabs = (tabs_component.exports);
  // CONCATENATED MODULE: ./packages/tabs/index.js
  
  
  /* istanbul ignore next */
  tabs.install = function (Vue) {
    Vue.component(tabs.name, tabs);
  };
  
  /* harmony default export */ var packages_tabs = (tabs);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-pane.vue?vue&type=template&id=9145a070&
  var tab_panevue_type_template_id_9145a070_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return !_vm.lazy || _vm.loaded || _vm.active
      ? _c(
          "div",
          {
            directives: [
              {
                name: "show",
                rawName: "v-show",
                value: _vm.active,
                expression: "active"
              }
            ],
            staticClass: "el-tab-pane",
            attrs: {
              role: "tabpanel",
              "aria-hidden": !_vm.active,
              id: "pane-" + _vm.paneName,
              "aria-labelledby": "tab-" + _vm.paneName
            }
          },
          [_vm._t("default")],
          2
        )
      : _vm._e()
  }
  var tab_panevue_type_template_id_9145a070_staticRenderFns = []
  tab_panevue_type_template_id_9145a070_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/tabs/src/tab-pane.vue?vue&type=template&id=9145a070&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-pane.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var tab_panevue_type_script_lang_js_ = ({
    name: 'ElTabPane',
  
    componentName: 'ElTabPane',
  
    props: {
      label: String,
      labelContent: Function,
      name: String,
      closable: Boolean,
      disabled: Boolean,
      lazy: Boolean
    },
  
    data: function data() {
      return {
        index: null,
        loaded: false
      };
    },
  
  
    computed: {
      isClosable: function isClosable() {
        return this.closable || this.$parent.closable;
      },
      active: function active() {
        var active = this.$parent.currentName === (this.name || this.index);
        if (active) {
          this.loaded = true;
        }
        return active;
      },
      paneName: function paneName() {
        return this.name || this.index;
      }
    },
  
    watch: {
      label: function label() {
        this.$parent.$forceUpdate();
      }
    }
  });
  // CONCATENATED MODULE: ./packages/tabs/src/tab-pane.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_tab_panevue_type_script_lang_js_ = (tab_panevue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/tabs/src/tab-pane.vue
  
  
  
  
  
  /* normalize component */
  
  var tab_pane_component = normalizeComponent(
    src_tab_panevue_type_script_lang_js_,
    tab_panevue_type_template_id_9145a070_render,
    tab_panevue_type_template_id_9145a070_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var tab_pane_api; }
  tab_pane_component.options.__file = "packages/tabs/src/tab-pane.vue"
  /* harmony default export */ var tab_pane = (tab_pane_component.exports);
  // CONCATENATED MODULE: ./packages/tab-pane/index.js
  
  
  /* istanbul ignore next */
  tab_pane.install = function (Vue) {
    Vue.component(tab_pane.name, tab_pane);
  };
  
  /* harmony default export */ var packages_tab_pane = (tab_pane);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tag/src/tag.vue?vue&type=script&lang=js&
  
  /* harmony default export */ var tagvue_type_script_lang_js_ = ({
    name: 'ElTag',
    props: {
      text: String,
      closable: Boolean,
      type: String,
      hit: Boolean,
      disableTransitions: Boolean,
      color: String,
      size: String
    },
    methods: {
      handleClose: function handleClose(event) {
        event.stopPropagation();
        this.$emit('close', event);
      },
      handleClick: function handleClick(event) {
        event.stopPropagation();
        this.$emit('click', event);
      }
    },
    computed: {
      tagSize: function tagSize() {
        return this.size || (this.$ELEMENT || {}).size;
      }
    },
    render: function render(h) {
      var classes = ['el-tag', this.type ? 'el-tag--' + this.type : '', this.tagSize ? 'el-tag--' + this.tagSize : '', { 'is-hit': this.hit }];
      var tagEl = h(
        'span',
        { 'class': classes, style: { backgroundColor: this.color }, on: {
            'click': this.handleClick
          }
        },
        [this.$slots.default, this.closable && h('i', { 'class': 'el-tag__close el-icon-close', on: {
            'click': this.handleClose
          }
        })]
      );
  
      return this.disableTransitions ? tagEl : h(
        'transition',
        {
          attrs: { name: 'el-zoom-in-center' }
        },
        [tagEl]
      );
    }
  });
  // CONCATENATED MODULE: ./packages/tag/src/tag.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_tagvue_type_script_lang_js_ = (tagvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/tag/src/tag.vue
  var tag_render, tag_staticRenderFns
  
  
  
  
  /* normalize component */
  
  var tag_component = normalizeComponent(
    src_tagvue_type_script_lang_js_,
    tag_render,
    tag_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var tag_api; }
  tag_component.options.__file = "packages/tag/src/tag.vue"
  /* harmony default export */ var tag = (tag_component.exports);
  // CONCATENATED MODULE: ./packages/tag/index.js
  
  
  /* istanbul ignore next */
  tag.install = function (Vue) {
    Vue.component(tag.name, tag);
  };
  
  /* harmony default export */ var packages_tag = (tag);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree.vue?vue&type=template&id=547575a6&
  var treevue_type_template_id_547575a6_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-tree",
        class: {
          "el-tree--highlight-current": _vm.highlightCurrent,
          "is-dragging": !!_vm.dragState.draggingNode,
          "is-drop-not-allow": !_vm.dragState.allowDrop,
          "is-drop-inner": _vm.dragState.dropType === "inner"
        },
        attrs: { role: "tree" }
      },
      [
        _vm._l(_vm.root.childNodes, function(child) {
          return _c("el-tree-node", {
            key: _vm.getNodeKey(child),
            attrs: {
              node: child,
              props: _vm.props,
              "render-after-expand": _vm.renderAfterExpand,
              "show-checkbox": _vm.showCheckbox,
              "render-content": _vm.renderContent
            },
            on: { "node-expand": _vm.handleNodeExpand }
          })
        }),
        _vm.isEmpty
          ? _c("div", { staticClass: "el-tree__empty-block" }, [
              _c("span", { staticClass: "el-tree__empty-text" }, [
                _vm._v(_vm._s(_vm.emptyText))
              ])
            ])
          : _vm._e(),
        _c("div", {
          directives: [
            {
              name: "show",
              rawName: "v-show",
              value: _vm.dragState.showDropIndicator,
              expression: "dragState.showDropIndicator"
            }
          ],
          ref: "dropIndicator",
          staticClass: "el-tree__drop-indicator"
        })
      ],
      2
    )
  }
  var treevue_type_template_id_547575a6_staticRenderFns = []
  treevue_type_template_id_547575a6_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/tree/src/tree.vue?vue&type=template&id=547575a6&
  
  // CONCATENATED MODULE: ./packages/tree/src/model/util.js
  var NODE_KEY = '$treeNodeId';
  
  var markNodeData = function markNodeData(node, data) {
    if (!data || data[NODE_KEY]) return;
    Object.defineProperty(data, NODE_KEY, {
      value: node.id,
      enumerable: false,
      configurable: false,
      writable: false
    });
  };
  
  var util_getNodeKey = function getNodeKey(key, data) {
    if (!key) return data[NODE_KEY];
    return data[key];
  };
  
  var findNearestComponent = function findNearestComponent(element, componentName) {
    var target = element;
    while (target && target.tagName !== 'BODY') {
      if (target.__vue__ && target.__vue__.$options.name === componentName) {
        return target.__vue__;
      }
      target = target.parentNode;
    }
    return null;
  };
  // CONCATENATED MODULE: ./packages/tree/src/model/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 node_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  
  
  
  
  var getChildState = function getChildState(node) {
    var all = true;
    var none = true;
    var allWithoutDisable = true;
    for (var i = 0, j = node.length; i < j; i++) {
      var n = node[i];
      if (n.checked !== true || n.indeterminate) {
        all = false;
        if (!n.disabled) {
          allWithoutDisable = false;
        }
      }
      if (n.checked !== false || n.indeterminate) {
        none = false;
      }
    }
  
    return { all: all, none: none, allWithoutDisable: allWithoutDisable, half: !all && !none };
  };
  
  var reInitChecked = function reInitChecked(node) {
    if (node.childNodes.length === 0) return;
  
    var _getChildState = getChildState(node.childNodes),
        all = _getChildState.all,
        none = _getChildState.none,
        half = _getChildState.half;
  
    if (all) {
      node.checked = true;
      node.indeterminate = false;
    } else if (half) {
      node.checked = false;
      node.indeterminate = true;
    } else if (none) {
      node.checked = false;
      node.indeterminate = false;
    }
  
    var parent = node.parent;
    if (!parent || parent.level === 0) return;
  
    if (!node.store.checkStrictly) {
      reInitChecked(parent);
    }
  };
  
  var getPropertyFromData = function getPropertyFromData(node, prop) {
    var props = node.store.props;
    var data = node.data || {};
    var config = props[prop];
  
    if (typeof config === 'function') {
      return config(data, node);
    } else if (typeof config === 'string') {
      return data[config];
    } else if (typeof config === 'undefined') {
      var dataProp = data[prop];
      return dataProp === undefined ? '' : dataProp;
    }
  };
  
  var nodeIdSeed = 0;
  
  var node_Node = function () {
    function Node(options) {
      node_classCallCheck(this, Node);
  
      this.id = nodeIdSeed++;
      this.text = null;
      this.checked = false;
      this.indeterminate = false;
      this.data = null;
      this.expanded = false;
      this.parent = null;
      this.visible = true;
  
      for (var name in options) {
        if (options.hasOwnProperty(name)) {
          this[name] = options[name];
        }
      }
  
      // internal
      this.level = 0;
      this.loaded = false;
      this.childNodes = [];
      this.loading = false;
  
      if (this.parent) {
        this.level = this.parent.level + 1;
      }
  
      var store = this.store;
      if (!store) {
        throw new Error('[Node]store is required!');
      }
      store.registerNode(this);
  
      var props = store.props;
      if (props && typeof props.isLeaf !== 'undefined') {
        var isLeaf = getPropertyFromData(this, 'isLeaf');
        if (typeof isLeaf === 'boolean') {
          this.isLeafByUser = isLeaf;
        }
      }
  
      if (store.lazy !== true && this.data) {
        this.setData(this.data);
  
        if (store.defaultExpandAll) {
          this.expanded = true;
        }
      } else if (this.level > 0 && store.lazy && store.defaultExpandAll) {
        this.expand();
      }
      if (!Array.isArray(this.data)) {
        markNodeData(this, this.data);
      }
      if (!this.data) return;
      var defaultExpandedKeys = store.defaultExpandedKeys;
      var key = store.key;
      if (key && defaultExpandedKeys && defaultExpandedKeys.indexOf(this.key) !== -1) {
        this.expand(null, store.autoExpandParent);
      }
  
      if (key && store.currentNodeKey !== undefined && this.key === store.currentNodeKey) {
        store.currentNode = this;
      }
  
      if (store.lazy) {
        store._initDefaultCheckedNode(this);
      }
  
      this.updateLeafState();
    }
  
    Node.prototype.setData = function setData(data) {
      if (!Array.isArray(data)) {
        markNodeData(this, data);
      }
  
      this.data = data;
      this.childNodes = [];
  
      var children = void 0;
      if (this.level === 0 && this.data instanceof Array) {
        children = this.data;
      } else {
        children = getPropertyFromData(this, 'children') || [];
      }
  
      for (var i = 0, j = children.length; i < j; i++) {
        this.insertChild({ data: children[i] });
      }
    };
  
    Node.prototype.contains = function contains(target) {
      var deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
  
      var walk = function walk(parent) {
        var children = parent.childNodes || [];
        var result = false;
        for (var i = 0, j = children.length; i < j; i++) {
          var child = children[i];
          if (child === target || deep && walk(child)) {
            result = true;
            break;
          }
        }
        return result;
      };
  
      return walk(this);
    };
  
    Node.prototype.remove = function remove() {
      var parent = this.parent;
      if (parent) {
        parent.removeChild(this);
      }
    };
  
    Node.prototype.insertChild = function insertChild(child, index, batch) {
      if (!child) throw new Error('insertChild error: child is required.');
  
      if (!(child instanceof Node)) {
        if (!batch) {
          var children = this.getChildren(true);
          if (children.indexOf(child.data) === -1) {
            if (typeof index === 'undefined' || index < 0) {
              children.push(child.data);
            } else {
              children.splice(index, 0, child.data);
            }
          }
        }
        merge_default()(child, {
          parent: this,
          store: this.store
        });
        child = new Node(child);
      }
  
      child.level = this.level + 1;
  
      if (typeof index === 'undefined' || index < 0) {
        this.childNodes.push(child);
      } else {
        this.childNodes.splice(index, 0, child);
      }
  
      this.updateLeafState();
    };
  
    Node.prototype.insertBefore = function insertBefore(child, ref) {
      var index = void 0;
      if (ref) {
        index = this.childNodes.indexOf(ref);
      }
      this.insertChild(child, index);
    };
  
    Node.prototype.insertAfter = function insertAfter(child, ref) {
      var index = void 0;
      if (ref) {
        index = this.childNodes.indexOf(ref);
        if (index !== -1) index += 1;
      }
      this.insertChild(child, index);
    };
  
    Node.prototype.removeChild = function removeChild(child) {
      var children = this.getChildren() || [];
      var dataIndex = children.indexOf(child.data);
      if (dataIndex > -1) {
        children.splice(dataIndex, 1);
      }
  
      var index = this.childNodes.indexOf(child);
  
      if (index > -1) {
        this.store && this.store.deregisterNode(child);
        child.parent = null;
        this.childNodes.splice(index, 1);
      }
  
      this.updateLeafState();
    };
  
    Node.prototype.removeChildByData = function removeChildByData(data) {
      var targetNode = null;
  
      for (var i = 0; i < this.childNodes.length; i++) {
        if (this.childNodes[i].data === data) {
          targetNode = this.childNodes[i];
          break;
        }
      }
  
      if (targetNode) {
        this.removeChild(targetNode);
      }
    };
  
    Node.prototype.expand = function expand(callback, expandParent) {
      var _this = this;
  
      var done = function done() {
        if (expandParent) {
          var parent = _this.parent;
          while (parent.level > 0) {
            parent.expanded = true;
            parent = parent.parent;
          }
        }
        _this.expanded = true;
        if (callback) callback();
      };
  
      if (this.shouldLoadData()) {
        this.loadData(function (data) {
          if (data instanceof Array) {
            if (_this.checked) {
              _this.setChecked(true, true);
            } else if (!_this.store.checkStrictly) {
              reInitChecked(_this);
            }
            done();
          }
        });
      } else {
        done();
      }
    };
  
    Node.prototype.doCreateChildren = function doCreateChildren(array) {
      var _this2 = this;
  
      var defaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  
      array.forEach(function (item) {
        _this2.insertChild(merge_default()({ data: item }, defaultProps), undefined, true);
      });
    };
  
    Node.prototype.collapse = function collapse() {
      this.expanded = false;
    };
  
    Node.prototype.shouldLoadData = function shouldLoadData() {
      return this.store.lazy === true && this.store.load && !this.loaded;
    };
  
    Node.prototype.updateLeafState = function updateLeafState() {
      if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== 'undefined') {
        this.isLeaf = this.isLeafByUser;
        return;
      }
      var childNodes = this.childNodes;
      if (!this.store.lazy || this.store.lazy === true && this.loaded === true) {
        this.isLeaf = !childNodes || childNodes.length === 0;
        return;
      }
      this.isLeaf = false;
    };
  
    Node.prototype.setChecked = function setChecked(value, deep, recursion, passValue) {
      var _this3 = this;
  
      this.indeterminate = value === 'half';
      this.checked = value === true;
  
      if (this.store.checkStrictly) return;
  
      if (!(this.shouldLoadData() && !this.store.checkDescendants)) {
        var _getChildState2 = getChildState(this.childNodes),
            all = _getChildState2.all,
            allWithoutDisable = _getChildState2.allWithoutDisable;
  
        if (!this.isLeaf && !all && allWithoutDisable) {
          this.checked = false;
          value = false;
        }
  
        var handleDescendants = function handleDescendants() {
          if (deep) {
            var childNodes = _this3.childNodes;
            for (var i = 0, j = childNodes.length; i < j; i++) {
              var child = childNodes[i];
              passValue = passValue || value !== false;
              var isCheck = child.disabled ? child.checked : passValue;
              child.setChecked(isCheck, deep, true, passValue);
            }
  
            var _getChildState3 = getChildState(childNodes),
                half = _getChildState3.half,
                _all = _getChildState3.all;
  
            if (!_all) {
              _this3.checked = _all;
              _this3.indeterminate = half;
            }
          }
        };
  
        if (this.shouldLoadData()) {
          // Only work on lazy load data.
          this.loadData(function () {
            handleDescendants();
            reInitChecked(_this3);
          }, {
            checked: value !== false
          });
          return;
        } else {
          handleDescendants();
        }
      }
  
      var parent = this.parent;
      if (!parent || parent.level === 0) return;
  
      if (!recursion) {
        reInitChecked(parent);
      }
    };
  
    Node.prototype.getChildren = function getChildren() {
      var forceInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
      // this is data
      if (this.level === 0) return this.data;
      var data = this.data;
      if (!data) return null;
  
      var props = this.store.props;
      var children = 'children';
      if (props) {
        children = props.children || 'children';
      }
  
      if (data[children] === undefined) {
        data[children] = null;
      }
  
      if (forceInit && !data[children]) {
        data[children] = [];
      }
  
      return data[children];
    };
  
    Node.prototype.updateChildren = function updateChildren() {
      var _this4 = this;
  
      var newData = this.getChildren() || [];
      var oldData = this.childNodes.map(function (node) {
        return node.data;
      });
  
      var newDataMap = {};
      var newNodes = [];
  
      newData.forEach(function (item, index) {
        if (item[NODE_KEY]) {
          newDataMap[item[NODE_KEY]] = { index: index, data: item };
        } else {
          newNodes.push({ index: index, data: item });
        }
      });
  
      if (!this.store.lazy) {
        oldData.forEach(function (item) {
          if (!newDataMap[item[NODE_KEY]]) _this4.removeChildByData(item);
        });
      }
  
      newNodes.forEach(function (_ref) {
        var index = _ref.index,
            data = _ref.data;
  
        _this4.insertChild({ data: data }, index);
      });
  
      this.updateLeafState();
    };
  
    Node.prototype.loadData = function loadData(callback) {
      var _this5 = this;
  
      var defaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  
      if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
        this.loading = true;
  
        var resolve = function resolve(children) {
          _this5.loaded = true;
          _this5.loading = false;
          _this5.childNodes = [];
  
          _this5.doCreateChildren(children, defaultProps);
  
          _this5.updateLeafState();
          reInitChecked(_this5);
          if (callback) {
            callback.call(_this5, children);
          }
        };
  
        this.store.load(this, resolve);
      } else {
        if (callback) {
          callback.call(this);
        }
      }
    };
  
    _createClass(Node, [{
      key: 'label',
      get: function get() {
        return getPropertyFromData(this, 'label');
      }
    }, {
      key: 'key',
      get: function get() {
        var nodeKey = this.store.key;
        if (this.data) return this.data[nodeKey];
        return null;
      }
    }, {
      key: 'disabled',
      get: function get() {
        return getPropertyFromData(this, 'disabled');
      }
    }, {
      key: 'nextSibling',
      get: function get() {
        var parent = this.parent;
        if (parent) {
          var index = parent.childNodes.indexOf(this);
          if (index > -1) {
            return parent.childNodes[index + 1];
          }
        }
        return null;
      }
    }, {
      key: 'previousSibling',
      get: function get() {
        var parent = this.parent;
        if (parent) {
          var index = parent.childNodes.indexOf(this);
          if (index > -1) {
            return index > 0 ? parent.childNodes[index - 1] : null;
          }
        }
        return null;
      }
    }]);
  
    return Node;
  }();
  
  /* harmony default export */ var model_node = (node_Node);
  // CONCATENATED MODULE: ./packages/tree/src/model/tree-store.js
  var tree_store_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 tree_store_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  
  
  
  
  var tree_store_TreeStore = function () {
    function TreeStore(options) {
      var _this = this;
  
      tree_store_classCallCheck(this, TreeStore);
  
      this.currentNode = null;
      this.currentNodeKey = null;
  
      for (var option in options) {
        if (options.hasOwnProperty(option)) {
          this[option] = options[option];
        }
      }
  
      this.nodesMap = {};
  
      this.root = new model_node({
        data: this.data,
        store: this
      });
  
      if (this.lazy && this.load) {
        var loadFn = this.load;
        loadFn(this.root, function (data) {
          _this.root.doCreateChildren(data);
          _this._initDefaultCheckedNodes();
        });
      } else {
        this._initDefaultCheckedNodes();
      }
    }
  
    TreeStore.prototype.filter = function filter(value) {
      var filterNodeMethod = this.filterNodeMethod;
      var lazy = this.lazy;
      var traverse = function traverse(node) {
        var childNodes = node.root ? node.root.childNodes : node.childNodes;
  
        childNodes.forEach(function (child) {
          child.visible = filterNodeMethod.call(child, value, child.data, child);
  
          traverse(child);
        });
  
        if (!node.visible && childNodes.length) {
          var allHidden = true;
  
          childNodes.forEach(function (child) {
            if (child.visible) allHidden = false;
          });
  
          if (node.root) {
            node.root.visible = allHidden === false;
          } else {
            node.visible = allHidden === false;
          }
        }
        if (!value) return;
  
        if (node.visible && !node.isLeaf && !lazy) node.expand();
      };
  
      traverse(this);
    };
  
    TreeStore.prototype.setData = function setData(newVal) {
      var instanceChanged = newVal !== this.root.data;
      if (instanceChanged) {
        this.root.setData(newVal);
        this._initDefaultCheckedNodes();
      } else {
        this.root.updateChildren();
      }
    };
  
    TreeStore.prototype.getNode = function getNode(data) {
      if (data instanceof model_node) return data;
      var key = (typeof data === 'undefined' ? 'undefined' : tree_store_typeof(data)) !== 'object' ? data : util_getNodeKey(this.key, data);
      return this.nodesMap[key] || null;
    };
  
    TreeStore.prototype.insertBefore = function insertBefore(data, refData) {
      var refNode = this.getNode(refData);
      refNode.parent.insertBefore({ data: data }, refNode);
    };
  
    TreeStore.prototype.insertAfter = function insertAfter(data, refData) {
      var refNode = this.getNode(refData);
      refNode.parent.insertAfter({ data: data }, refNode);
    };
  
    TreeStore.prototype.remove = function remove(data) {
      var node = this.getNode(data);
      if (node && node.parent) {
        node.parent.removeChild(node);
      }
    };
  
    TreeStore.prototype.append = function append(data, parentData) {
      var parentNode = parentData ? this.getNode(parentData) : this.root;
  
      if (parentNode) {
        parentNode.insertChild({ data: data });
      }
    };
  
    TreeStore.prototype._initDefaultCheckedNodes = function _initDefaultCheckedNodes() {
      var _this2 = this;
  
      var defaultCheckedKeys = this.defaultCheckedKeys || [];
      var nodesMap = this.nodesMap;
  
      defaultCheckedKeys.forEach(function (checkedKey) {
        var node = nodesMap[checkedKey];
  
        if (node) {
          node.setChecked(true, !_this2.checkStrictly);
        }
      });
    };
  
    TreeStore.prototype._initDefaultCheckedNode = function _initDefaultCheckedNode(node) {
      var defaultCheckedKeys = this.defaultCheckedKeys || [];
  
      if (defaultCheckedKeys.indexOf(node.key) !== -1) {
        node.setChecked(true, !this.checkStrictly);
      }
    };
  
    TreeStore.prototype.setDefaultCheckedKey = function setDefaultCheckedKey(newVal) {
      if (newVal !== this.defaultCheckedKeys) {
        this.defaultCheckedKeys = newVal;
        this._initDefaultCheckedNodes();
      }
    };
  
    TreeStore.prototype.registerNode = function registerNode(node) {
      var key = this.key;
      if (!key || !node || !node.data) return;
  
      var nodeKey = node.key;
      if (nodeKey !== undefined) this.nodesMap[node.key] = node;
    };
  
    TreeStore.prototype.deregisterNode = function deregisterNode(node) {
      var _this3 = this;
  
      var key = this.key;
      if (!key || !node || !node.data) return;
  
      node.childNodes.forEach(function (child) {
        _this3.deregisterNode(child);
      });
  
      delete this.nodesMap[node.key];
    };
  
    TreeStore.prototype.getCheckedNodes = function getCheckedNodes() {
      var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
      var includeHalfChecked = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  
      var checkedNodes = [];
      var traverse = function traverse(node) {
        var childNodes = node.root ? node.root.childNodes : node.childNodes;
  
        childNodes.forEach(function (child) {
          if ((child.checked || includeHalfChecked && child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) {
            checkedNodes.push(child.data);
          }
  
          traverse(child);
        });
      };
  
      traverse(this);
  
      return checkedNodes;
    };
  
    TreeStore.prototype.getCheckedKeys = function getCheckedKeys() {
      var _this4 = this;
  
      var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
  
      return this.getCheckedNodes(leafOnly).map(function (data) {
        return (data || {})[_this4.key];
      });
    };
  
    TreeStore.prototype.getHalfCheckedNodes = function getHalfCheckedNodes() {
      var nodes = [];
      var traverse = function traverse(node) {
        var childNodes = node.root ? node.root.childNodes : node.childNodes;
  
        childNodes.forEach(function (child) {
          if (child.indeterminate) {
            nodes.push(child.data);
          }
  
          traverse(child);
        });
      };
  
      traverse(this);
  
      return nodes;
    };
  
    TreeStore.prototype.getHalfCheckedKeys = function getHalfCheckedKeys() {
      var _this5 = this;
  
      return this.getHalfCheckedNodes().map(function (data) {
        return (data || {})[_this5.key];
      });
    };
  
    TreeStore.prototype._getAllNodes = function _getAllNodes() {
      var allNodes = [];
      var nodesMap = this.nodesMap;
      for (var nodeKey in nodesMap) {
        if (nodesMap.hasOwnProperty(nodeKey)) {
          allNodes.push(nodesMap[nodeKey]);
        }
      }
  
      return allNodes;
    };
  
    TreeStore.prototype.updateChildren = function updateChildren(key, data) {
      var node = this.nodesMap[key];
      if (!node) return;
      var childNodes = node.childNodes;
      for (var i = childNodes.length - 1; i >= 0; i--) {
        var child = childNodes[i];
        this.remove(child.data);
      }
      for (var _i = 0, j = data.length; _i < j; _i++) {
        var _child = data[_i];
        this.append(_child, node.data);
      }
    };
  
    TreeStore.prototype._setCheckedKeys = function _setCheckedKeys(key) {
      var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
      var checkedKeys = arguments[2];
  
      var allNodes = this._getAllNodes().sort(function (a, b) {
        return b.level - a.level;
      });
      var cache = Object.create(null);
      var keys = Object.keys(checkedKeys);
      allNodes.forEach(function (node) {
        return node.setChecked(false, false);
      });
      for (var i = 0, j = allNodes.length; i < j; i++) {
        var node = allNodes[i];
        var nodeKey = node.data[key].toString();
        var checked = keys.indexOf(nodeKey) > -1;
        if (!checked) {
          if (node.checked && !cache[nodeKey]) {
            node.setChecked(false, false);
          }
          continue;
        }
  
        var parent = node.parent;
        while (parent && parent.level > 0) {
          cache[parent.data[key]] = true;
          parent = parent.parent;
        }
  
        if (node.isLeaf || this.checkStrictly) {
          node.setChecked(true, false);
          continue;
        }
        node.setChecked(true, true);
  
        if (leafOnly) {
          (function () {
            node.setChecked(false, false);
            var traverse = function traverse(node) {
              var childNodes = node.childNodes;
              childNodes.forEach(function (child) {
                if (!child.isLeaf) {
                  child.setChecked(false, false);
                }
                traverse(child);
              });
            };
            traverse(node);
          })();
        }
      }
    };
  
    TreeStore.prototype.setCheckedNodes = function setCheckedNodes(array) {
      var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  
      var key = this.key;
      var checkedKeys = {};
      array.forEach(function (item) {
        checkedKeys[(item || {})[key]] = true;
      });
  
      this._setCheckedKeys(key, leafOnly, checkedKeys);
    };
  
    TreeStore.prototype.setCheckedKeys = function setCheckedKeys(keys) {
      var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  
      this.defaultCheckedKeys = keys;
      var key = this.key;
      var checkedKeys = {};
      keys.forEach(function (key) {
        checkedKeys[key] = true;
      });
  
      this._setCheckedKeys(key, leafOnly, checkedKeys);
    };
  
    TreeStore.prototype.setDefaultExpandedKeys = function setDefaultExpandedKeys(keys) {
      var _this6 = this;
  
      keys = keys || [];
      this.defaultExpandedKeys = keys;
  
      keys.forEach(function (key) {
        var node = _this6.getNode(key);
        if (node) node.expand(null, _this6.autoExpandParent);
      });
    };
  
    TreeStore.prototype.setChecked = function setChecked(data, checked, deep) {
      var node = this.getNode(data);
  
      if (node) {
        node.setChecked(!!checked, deep);
      }
    };
  
    TreeStore.prototype.getCurrentNode = function getCurrentNode() {
      return this.currentNode;
    };
  
    TreeStore.prototype.setCurrentNode = function setCurrentNode(node) {
      this.currentNode = node;
    };
  
    TreeStore.prototype.setUserCurrentNode = function setUserCurrentNode(node) {
      var key = node[this.key];
      var currNode = this.nodesMap[key];
      this.setCurrentNode(currNode);
    };
  
    TreeStore.prototype.setCurrentNodeKey = function setCurrentNodeKey(key) {
      if (key === null) {
        this.currentNode = null;
        return;
      }
      var node = this.getNode(key);
      if (node) {
        this.currentNode = node;
      }
    };
  
    return TreeStore;
  }();
  
  /* harmony default export */ var tree_store = (tree_store_TreeStore);
  ;
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree-node.vue?vue&type=template&id=3ba3ef0e&
  var tree_nodevue_type_template_id_3ba3ef0e_render = function() {
    var this$1 = this
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        directives: [
          {
            name: "show",
            rawName: "v-show",
            value: _vm.node.visible,
            expression: "node.visible"
          }
        ],
        ref: "node",
        staticClass: "el-tree-node",
        class: {
          "is-expanded": _vm.expanded,
          "is-current": _vm.tree.store.currentNode === _vm.node,
          "is-hidden": !_vm.node.visible,
          "is-focusable": !_vm.node.disabled,
          "is-checked": !_vm.node.disabled && _vm.node.checked
        },
        attrs: {
          role: "treeitem",
          tabindex: "-1",
          "aria-expanded": _vm.expanded,
          "aria-disabled": _vm.node.disabled,
          "aria-checked": _vm.node.checked,
          draggable: _vm.tree.draggable
        },
        on: {
          click: function($event) {
            $event.stopPropagation()
            return _vm.handleClick($event)
          },
          contextmenu: function($event) {
            return this$1.handleContextMenu($event)
          },
          dragstart: function($event) {
            $event.stopPropagation()
            return _vm.handleDragStart($event)
          },
          dragover: function($event) {
            $event.stopPropagation()
            return _vm.handleDragOver($event)
          },
          dragend: function($event) {
            $event.stopPropagation()
            return _vm.handleDragEnd($event)
          },
          drop: function($event) {
            $event.stopPropagation()
            return _vm.handleDrop($event)
          }
        }
      },
      [
        _c(
          "div",
          {
            staticClass: "el-tree-node__content",
            style: {
              "padding-left": (_vm.node.level - 1) * _vm.tree.indent + "px"
            }
          },
          [
            _c("span", {
              class: [
                {
                  "is-leaf": _vm.node.isLeaf,
                  expanded: !_vm.node.isLeaf && _vm.expanded
                },
                "el-tree-node__expand-icon",
                _vm.tree.iconClass ? _vm.tree.iconClass : "el-icon-caret-right"
              ],
              on: {
                click: function($event) {
                  $event.stopPropagation()
                  return _vm.handleExpandIconClick($event)
                }
              }
            }),
            _vm.showCheckbox
              ? _c("el-checkbox", {
                  attrs: {
                    indeterminate: _vm.node.indeterminate,
                    disabled: !!_vm.node.disabled
                  },
                  on: { change: _vm.handleCheckChange },
                  nativeOn: {
                    click: function($event) {
                      $event.stopPropagation()
                    }
                  },
                  model: {
                    value: _vm.node.checked,
                    callback: function($$v) {
                      _vm.$set(_vm.node, "checked", $$v)
                    },
                    expression: "node.checked"
                  }
                })
              : _vm._e(),
            _vm.node.loading
              ? _c("span", {
                  staticClass: "el-tree-node__loading-icon el-icon-loading"
                })
              : _vm._e(),
            _c("node-content", { attrs: { node: _vm.node } })
          ],
          1
        ),
        _c("el-collapse-transition", [
          !_vm.renderAfterExpand || _vm.childNodeRendered
            ? _c(
                "div",
                {
                  directives: [
                    {
                      name: "show",
                      rawName: "v-show",
                      value: _vm.expanded,
                      expression: "expanded"
                    }
                  ],
                  staticClass: "el-tree-node__children",
                  attrs: { role: "group", "aria-expanded": _vm.expanded }
                },
                _vm._l(_vm.node.childNodes, function(child) {
                  return _c("el-tree-node", {
                    key: _vm.getNodeKey(child),
                    attrs: {
                      "render-content": _vm.renderContent,
                      "render-after-expand": _vm.renderAfterExpand,
                      "show-checkbox": _vm.showCheckbox,
                      node: child
                    },
                    on: { "node-expand": _vm.handleChildNodeExpand }
                  })
                }),
                1
              )
            : _vm._e()
        ])
      ],
      1
    )
  }
  var tree_nodevue_type_template_id_3ba3ef0e_staticRenderFns = []
  tree_nodevue_type_template_id_3ba3ef0e_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/tree/src/tree-node.vue?vue&type=template&id=3ba3ef0e&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree-node.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  /* harmony default export */ var tree_nodevue_type_script_lang_js_ = ({
    name: 'ElTreeNode',
  
    componentName: 'ElTreeNode',
  
    mixins: [emitter_default.a],
  
    props: {
      node: {
        default: function _default() {
          return {};
        }
      },
      props: {},
      renderContent: Function,
      renderAfterExpand: {
        type: Boolean,
        default: true
      },
      showCheckbox: {
        type: Boolean,
        default: false
      }
    },
  
    components: {
      ElCollapseTransition: collapse_transition_default.a,
      ElCheckbox: checkbox_default.a,
      NodeContent: {
        props: {
          node: {
            required: true
          }
        },
        render: function render(h) {
          var parent = this.$parent;
          var tree = parent.tree;
          var node = this.node;
          var data = node.data,
              store = node.store;
  
          return parent.renderContent ? parent.renderContent.call(parent._renderProxy, h, { _self: tree.$vnode.context, node: node, data: data, store: store }) : tree.$scopedSlots.default ? tree.$scopedSlots.default({ node: node, data: data }) : h(
            'span',
            { 'class': 'el-tree-node__label' },
            [node.label]
          );
        }
      }
    },
  
    data: function data() {
      return {
        tree: null,
        expanded: false,
        childNodeRendered: false,
        oldChecked: null,
        oldIndeterminate: null
      };
    },
  
  
    watch: {
      'node.indeterminate': function nodeIndeterminate(val) {
        this.handleSelectChange(this.node.checked, val);
      },
      'node.checked': function nodeChecked(val) {
        this.handleSelectChange(val, this.node.indeterminate);
      },
      'node.expanded': function nodeExpanded(val) {
        var _this = this;
  
        this.$nextTick(function () {
          return _this.expanded = val;
        });
        if (val) {
          this.childNodeRendered = true;
        }
      }
    },
  
    methods: {
      getNodeKey: function getNodeKey(node) {
        return util_getNodeKey(this.tree.nodeKey, node.data);
      },
      handleSelectChange: function handleSelectChange(checked, indeterminate) {
        if (this.oldChecked !== checked && this.oldIndeterminate !== indeterminate) {
          this.tree.$emit('check-change', this.node.data, checked, indeterminate);
        }
        this.oldChecked = checked;
        this.indeterminate = indeterminate;
      },
      handleClick: function handleClick() {
        var store = this.tree.store;
        store.setCurrentNode(this.node);
        this.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode);
        this.tree.currentNode = this;
        if (this.tree.expandOnClickNode) {
          this.handleExpandIconClick();
        }
        if (this.tree.checkOnClickNode && !this.node.disabled) {
          this.handleCheckChange(null, {
            target: { checked: !this.node.checked }
          });
        }
        this.tree.$emit('node-click', this.node.data, this.node, this);
      },
      handleContextMenu: function handleContextMenu(event) {
        if (this.tree._events['node-contextmenu'] && this.tree._events['node-contextmenu'].length > 0) {
          event.stopPropagation();
          event.preventDefault();
        }
        this.tree.$emit('node-contextmenu', event, this.node.data, this.node, this);
      },
      handleExpandIconClick: function handleExpandIconClick() {
        if (this.node.isLeaf) return;
        if (this.expanded) {
          this.tree.$emit('node-collapse', this.node.data, this.node, this);
          this.node.collapse();
        } else {
          this.node.expand();
          this.$emit('node-expand', this.node.data, this.node, this);
        }
      },
      handleCheckChange: function handleCheckChange(value, ev) {
        var _this2 = this;
  
        this.node.setChecked(ev.target.checked, !this.tree.checkStrictly);
        this.$nextTick(function () {
          var store = _this2.tree.store;
          _this2.tree.$emit('check', _this2.node.data, {
            checkedNodes: store.getCheckedNodes(),
            checkedKeys: store.getCheckedKeys(),
            halfCheckedNodes: store.getHalfCheckedNodes(),
            halfCheckedKeys: store.getHalfCheckedKeys()
          });
        });
      },
      handleChildNodeExpand: function handleChildNodeExpand(nodeData, node, instance) {
        this.broadcast('ElTreeNode', 'tree-node-expand', node);
        this.tree.$emit('node-expand', nodeData, node, instance);
      },
      handleDragStart: function handleDragStart(event) {
        if (!this.tree.draggable) return;
        this.tree.$emit('tree-node-drag-start', event, this);
      },
      handleDragOver: function handleDragOver(event) {
        if (!this.tree.draggable) return;
        this.tree.$emit('tree-node-drag-over', event, this);
        event.preventDefault();
      },
      handleDrop: function handleDrop(event) {
        event.preventDefault();
      },
      handleDragEnd: function handleDragEnd(event) {
        if (!this.tree.draggable) return;
        this.tree.$emit('tree-node-drag-end', event, this);
      }
    },
  
    created: function created() {
      var _this3 = this;
  
      var parent = this.$parent;
  
      if (parent.isTree) {
        this.tree = parent;
      } else {
        this.tree = parent.tree;
      }
  
      var tree = this.tree;
      if (!tree) {
        console.warn('Can not find node\'s tree.');
      }
  
      var props = tree.props || {};
      var childrenKey = props['children'] || 'children';
  
      this.$watch('node.data.' + childrenKey, function () {
        _this3.node.updateChildren();
      });
  
      if (this.node.expanded) {
        this.expanded = true;
        this.childNodeRendered = true;
      }
  
      if (this.tree.accordion) {
        this.$on('tree-node-expand', function (node) {
          if (_this3.node !== node) {
            _this3.node.collapse();
          }
        });
      }
    }
  });
  // CONCATENATED MODULE: ./packages/tree/src/tree-node.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_tree_nodevue_type_script_lang_js_ = (tree_nodevue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/tree/src/tree-node.vue
  
  
  
  
  
  /* normalize component */
  
  var tree_node_component = normalizeComponent(
    src_tree_nodevue_type_script_lang_js_,
    tree_nodevue_type_template_id_3ba3ef0e_render,
    tree_nodevue_type_template_id_3ba3ef0e_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var tree_node_api; }
  tree_node_component.options.__file = "packages/tree/src/tree-node.vue"
  /* harmony default export */ var tree_node = (tree_node_component.exports);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  
  /* harmony default export */ var treevue_type_script_lang_js_ = ({
    name: 'ElTree',
  
    mixins: [emitter_default.a],
  
    components: {
      ElTreeNode: tree_node
    },
  
    data: function data() {
      return {
        store: null,
        root: null,
        currentNode: null,
        treeItems: null,
        checkboxItems: [],
        dragState: {
          showDropIndicator: false,
          draggingNode: null,
          dropNode: null,
          allowDrop: true
        }
      };
    },
  
  
    props: {
      data: {
        type: Array
      },
      emptyText: {
        type: String,
        default: function _default() {
          return Object(lib_locale_["t"])('el.tree.emptyText');
        }
      },
      renderAfterExpand: {
        type: Boolean,
        default: true
      },
      nodeKey: String,
      checkStrictly: Boolean,
      defaultExpandAll: Boolean,
      expandOnClickNode: {
        type: Boolean,
        default: true
      },
      checkOnClickNode: Boolean,
      checkDescendants: {
        type: Boolean,
        default: false
      },
      autoExpandParent: {
        type: Boolean,
        default: true
      },
      defaultCheckedKeys: Array,
      defaultExpandedKeys: Array,
      currentNodeKey: [String, Number],
      renderContent: Function,
      showCheckbox: {
        type: Boolean,
        default: false
      },
      draggable: {
        type: Boolean,
        default: false
      },
      allowDrag: Function,
      allowDrop: Function,
      props: {
        default: function _default() {
          return {
            children: 'children',
            label: 'label',
            disabled: 'disabled'
          };
        }
      },
      lazy: {
        type: Boolean,
        default: false
      },
      highlightCurrent: Boolean,
      load: Function,
      filterNodeMethod: Function,
      accordion: Boolean,
      indent: {
        type: Number,
        default: 18
      },
      iconClass: String
    },
  
    computed: {
      children: {
        set: function set(value) {
          this.data = value;
        },
        get: function get() {
          return this.data;
        }
      },
  
      treeItemArray: function treeItemArray() {
        return Array.prototype.slice.call(this.treeItems);
      },
      isEmpty: function isEmpty() {
        var childNodes = this.root.childNodes;
  
        return !childNodes || childNodes.length === 0 || childNodes.every(function (_ref) {
          var visible = _ref.visible;
          return !visible;
        });
      }
    },
  
    watch: {
      defaultCheckedKeys: function defaultCheckedKeys(newVal) {
        this.store.setDefaultCheckedKey(newVal);
      },
      defaultExpandedKeys: function defaultExpandedKeys(newVal) {
        this.store.defaultExpandedKeys = newVal;
        this.store.setDefaultExpandedKeys(newVal);
      },
      data: function data(newVal) {
        this.store.setData(newVal);
      },
      checkboxItems: function checkboxItems(val) {
        Array.prototype.forEach.call(val, function (checkbox) {
          checkbox.setAttribute('tabindex', -1);
        });
      },
      checkStrictly: function checkStrictly(newVal) {
        this.store.checkStrictly = newVal;
      }
    },
  
    methods: {
      filter: function filter(value) {
        if (!this.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
        this.store.filter(value);
      },
      getNodeKey: function getNodeKey(node) {
        return util_getNodeKey(this.nodeKey, node.data);
      },
      getNodePath: function getNodePath(data) {
        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
        var node = this.store.getNode(data);
        if (!node) return [];
        var path = [node.data];
        var parent = node.parent;
        while (parent && parent !== this.root) {
          path.push(parent.data);
          parent = parent.parent;
        }
        return path.reverse();
      },
      getCheckedNodes: function getCheckedNodes(leafOnly, includeHalfChecked) {
        return this.store.getCheckedNodes(leafOnly, includeHalfChecked);
      },
      getCheckedKeys: function getCheckedKeys(leafOnly) {
        return this.store.getCheckedKeys(leafOnly);
      },
      getCurrentNode: function getCurrentNode() {
        var currentNode = this.store.getCurrentNode();
        return currentNode ? currentNode.data : null;
      },
      getCurrentKey: function getCurrentKey() {
        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
        var currentNode = this.getCurrentNode();
        return currentNode ? currentNode[this.nodeKey] : null;
      },
      setCheckedNodes: function setCheckedNodes(nodes, leafOnly) {
        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
        this.store.setCheckedNodes(nodes, leafOnly);
      },
      setCheckedKeys: function setCheckedKeys(keys, leafOnly) {
        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
        this.store.setCheckedKeys(keys, leafOnly);
      },
      setChecked: function setChecked(data, checked, deep) {
        this.store.setChecked(data, checked, deep);
      },
      getHalfCheckedNodes: function getHalfCheckedNodes() {
        return this.store.getHalfCheckedNodes();
      },
      getHalfCheckedKeys: function getHalfCheckedKeys() {
        return this.store.getHalfCheckedKeys();
      },
      setCurrentNode: function setCurrentNode(node) {
        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
        this.store.setUserCurrentNode(node);
      },
      setCurrentKey: function setCurrentKey(key) {
        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
        this.store.setCurrentNodeKey(key);
      },
      getNode: function getNode(data) {
        return this.store.getNode(data);
      },
      remove: function remove(data) {
        this.store.remove(data);
      },
      append: function append(data, parentNode) {
        this.store.append(data, parentNode);
      },
      insertBefore: function insertBefore(data, refNode) {
        this.store.insertBefore(data, refNode);
      },
      insertAfter: function insertAfter(data, refNode) {
        this.store.insertAfter(data, refNode);
      },
      handleNodeExpand: function handleNodeExpand(nodeData, node, instance) {
        this.broadcast('ElTreeNode', 'tree-node-expand', node);
        this.$emit('node-expand', nodeData, node, instance);
      },
      updateKeyChildren: function updateKeyChildren(key, data) {
        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
        this.store.updateChildren(key, data);
      },
      initTabIndex: function initTabIndex() {
        this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
        this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
        var checkedItem = this.$el.querySelectorAll('.is-checked[role=treeitem]');
        if (checkedItem.length) {
          checkedItem[0].setAttribute('tabindex', 0);
          return;
        }
        this.treeItems[0] && this.treeItems[0].setAttribute('tabindex', 0);
      },
      handleKeydown: function handleKeydown(ev) {
        var currentItem = ev.target;
        if (currentItem.className.indexOf('el-tree-node') === -1) return;
        var keyCode = ev.keyCode;
        this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
        var currentIndex = this.treeItemArray.indexOf(currentItem);
        var nextIndex = void 0;
        if ([38, 40].indexOf(keyCode) > -1) {
          // up、down
          ev.preventDefault();
          if (keyCode === 38) {
            // up
            nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
          } else {
            nextIndex = currentIndex < this.treeItemArray.length - 1 ? currentIndex + 1 : 0;
          }
          this.treeItemArray[nextIndex].focus(); // 选中
        }
        if ([37, 39].indexOf(keyCode) > -1) {
          // left、right 展开
          ev.preventDefault();
          currentItem.click(); // 选中
        }
        var hasInput = currentItem.querySelector('[type="checkbox"]');
        if ([13, 32].indexOf(keyCode) > -1 && hasInput) {
          // space enter选中checkbox
          ev.preventDefault();
          hasInput.click();
        }
      }
    },
  
    created: function created() {
      var _this = this;
  
      this.isTree = true;
  
      this.store = new tree_store({
        key: this.nodeKey,
        data: this.data,
        lazy: this.lazy,
        props: this.props,
        load: this.load,
        currentNodeKey: this.currentNodeKey,
        checkStrictly: this.checkStrictly,
        checkDescendants: this.checkDescendants,
        defaultCheckedKeys: this.defaultCheckedKeys,
        defaultExpandedKeys: this.defaultExpandedKeys,
        autoExpandParent: this.autoExpandParent,
        defaultExpandAll: this.defaultExpandAll,
        filterNodeMethod: this.filterNodeMethod
      });
  
      this.root = this.store.root;
  
      var dragState = this.dragState;
      this.$on('tree-node-drag-start', function (event, treeNode) {
        if (typeof _this.allowDrag === 'function' && !_this.allowDrag(treeNode.node)) {
          event.preventDefault();
          return false;
        }
        event.dataTransfer.effectAllowed = 'move';
  
        // wrap in try catch to address IE's error when first param is 'text/plain'
        try {
          // setData is required for draggable to work in FireFox
          // the content has to be '' so dragging a node out of the tree won't open a new tab in FireFox
          event.dataTransfer.setData('text/plain', '');
        } catch (e) {}
        dragState.draggingNode = treeNode;
        _this.$emit('node-drag-start', treeNode.node, event);
      });
  
      this.$on('tree-node-drag-over', function (event, treeNode) {
        var dropNode = findNearestComponent(event.target, 'ElTreeNode');
        var oldDropNode = dragState.dropNode;
        if (oldDropNode && oldDropNode !== dropNode) {
          Object(dom_["removeClass"])(oldDropNode.$el, 'is-drop-inner');
        }
        var draggingNode = dragState.draggingNode;
        if (!draggingNode || !dropNode) return;
  
        var dropPrev = true;
        var dropInner = true;
        var dropNext = true;
        var userAllowDropInner = true;
        if (typeof _this.allowDrop === 'function') {
          dropPrev = _this.allowDrop(draggingNode.node, dropNode.node, 'prev');
          userAllowDropInner = dropInner = _this.allowDrop(draggingNode.node, dropNode.node, 'inner');
          dropNext = _this.allowDrop(draggingNode.node, dropNode.node, 'next');
        }
        event.dataTransfer.dropEffect = dropInner ? 'move' : 'none';
        if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
          if (oldDropNode) {
            _this.$emit('node-drag-leave', draggingNode.node, oldDropNode.node, event);
          }
          _this.$emit('node-drag-enter', draggingNode.node, dropNode.node, event);
        }
  
        if (dropPrev || dropInner || dropNext) {
          dragState.dropNode = dropNode;
        }
  
        if (dropNode.node.nextSibling === draggingNode.node) {
          dropNext = false;
        }
        if (dropNode.node.previousSibling === draggingNode.node) {
          dropPrev = false;
        }
        if (dropNode.node.contains(draggingNode.node, false)) {
          dropInner = false;
        }
        if (draggingNode.node === dropNode.node || draggingNode.node.contains(dropNode.node)) {
          dropPrev = false;
          dropInner = false;
          dropNext = false;
        }
  
        var targetPosition = dropNode.$el.getBoundingClientRect();
        var treePosition = _this.$el.getBoundingClientRect();
  
        var dropType = void 0;
        var prevPercent = dropPrev ? dropInner ? 0.25 : dropNext ? 0.45 : 1 : -1;
        var nextPercent = dropNext ? dropInner ? 0.75 : dropPrev ? 0.55 : 0 : 1;
  
        var indicatorTop = -9999;
        var distance = event.clientY - targetPosition.top;
        if (distance < targetPosition.height * prevPercent) {
          dropType = 'before';
        } else if (distance > targetPosition.height * nextPercent) {
          dropType = 'after';
        } else if (dropInner) {
          dropType = 'inner';
        } else {
          dropType = 'none';
        }
  
        var iconPosition = dropNode.$el.querySelector('.el-tree-node__expand-icon').getBoundingClientRect();
        var dropIndicator = _this.$refs.dropIndicator;
        if (dropType === 'before') {
          indicatorTop = iconPosition.top - treePosition.top;
        } else if (dropType === 'after') {
          indicatorTop = iconPosition.bottom - treePosition.top;
        }
        dropIndicator.style.top = indicatorTop + 'px';
        dropIndicator.style.left = iconPosition.right - treePosition.left + 'px';
  
        if (dropType === 'inner') {
          Object(dom_["addClass"])(dropNode.$el, 'is-drop-inner');
        } else {
          Object(dom_["removeClass"])(dropNode.$el, 'is-drop-inner');
        }
  
        dragState.showDropIndicator = dropType === 'before' || dropType === 'after';
        dragState.allowDrop = dragState.showDropIndicator || userAllowDropInner;
        dragState.dropType = dropType;
        _this.$emit('node-drag-over', draggingNode.node, dropNode.node, event);
      });
  
      this.$on('tree-node-drag-end', function (event) {
        var draggingNode = dragState.draggingNode,
            dropType = dragState.dropType,
            dropNode = dragState.dropNode;
  
        event.preventDefault();
        event.dataTransfer.dropEffect = 'move';
  
        if (draggingNode && dropNode) {
          var draggingNodeCopy = { data: draggingNode.node.data };
          if (dropType !== 'none') {
            draggingNode.node.remove();
          }
          if (dropType === 'before') {
            dropNode.node.parent.insertBefore(draggingNodeCopy, dropNode.node);
          } else if (dropType === 'after') {
            dropNode.node.parent.insertAfter(draggingNodeCopy, dropNode.node);
          } else if (dropType === 'inner') {
            dropNode.node.insertChild(draggingNodeCopy);
          }
          if (dropType !== 'none') {
            _this.store.registerNode(draggingNodeCopy);
          }
  
          Object(dom_["removeClass"])(dropNode.$el, 'is-drop-inner');
  
          _this.$emit('node-drag-end', draggingNode.node, dropNode.node, dropType, event);
          if (dropType !== 'none') {
            _this.$emit('node-drop', draggingNode.node, dropNode.node, dropType, event);
          }
        }
        if (draggingNode && !dropNode) {
          _this.$emit('node-drag-end', draggingNode.node, null, dropType, event);
        }
  
        dragState.showDropIndicator = false;
        dragState.draggingNode = null;
        dragState.dropNode = null;
        dragState.allowDrop = true;
      });
    },
    mounted: function mounted() {
      this.initTabIndex();
      this.$el.addEventListener('keydown', this.handleKeydown);
    },
    updated: function updated() {
      this.treeItems = this.$el.querySelectorAll('[role=treeitem]');
      this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
    }
  });
  // CONCATENATED MODULE: ./packages/tree/src/tree.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_treevue_type_script_lang_js_ = (treevue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/tree/src/tree.vue
  
  
  
  
  
  /* normalize component */
  
  var tree_component = normalizeComponent(
    src_treevue_type_script_lang_js_,
    treevue_type_template_id_547575a6_render,
    treevue_type_template_id_547575a6_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var tree_api; }
  tree_component.options.__file = "packages/tree/src/tree.vue"
  /* harmony default export */ var tree = (tree_component.exports);
  // CONCATENATED MODULE: ./packages/tree/index.js
  
  
  /* istanbul ignore next */
  tree.install = function (Vue) {
    Vue.component(tree.name, tree);
  };
  
  /* harmony default export */ var packages_tree = (tree);
  // 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 mainvue_type_template_id_6e53341b_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" : ""],
          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._t("default", [
                _vm.description
                  ? _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))]
              )
            ],
            2
          )
        ]
      )
    ])
  }
  var mainvue_type_template_id_6e53341b_staticRenderFns = []
  mainvue_type_template_id_6e53341b_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 alert_src_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
    },
  
    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 packages_alert_src_mainvue_type_script_lang_js_ = (alert_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/alert/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var alert_src_main_component = normalizeComponent(
    packages_alert_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_6e53341b_render,
    mainvue_type_template_id_6e53341b_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var alert_src_main_api; }
  alert_src_main_component.options.__file = "packages/alert/src/main.vue"
  /* harmony default export */ var alert_src_main = (alert_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/alert/index.js
  
  
  /* istanbul ignore next */
  alert_src_main.install = function (Vue) {
    Vue.component(alert_src_main.name, alert_src_main);
  };
  
  /* harmony default export */ var packages_alert = (alert_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/notification/src/main.vue?vue&type=template&id=43dbc3d8&
  var mainvue_type_template_id_43dbc3d8_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c("transition", { attrs: { name: "el-notification-fade" } }, [
      _c(
        "div",
        {
          directives: [
            {
              name: "show",
              rawName: "v-show",
              value: _vm.visible,
              expression: "visible"
            }
          ],
          class: ["el-notification", _vm.customClass, _vm.horizontalClass],
          style: _vm.positionStyle,
          attrs: { role: "alert" },
          on: {
            mouseenter: function($event) {
              _vm.clearTimer()
            },
            mouseleave: function($event) {
              _vm.startTimer()
            },
            click: _vm.click
          }
        },
        [
          _vm.type || _vm.iconClass
            ? _c("i", {
                staticClass: "el-notification__icon",
                class: [_vm.typeClass, _vm.iconClass]
              })
            : _vm._e(),
          _c(
            "div",
            {
              staticClass: "el-notification__group",
              class: { "is-with-icon": _vm.typeClass || _vm.iconClass }
            },
            [
              _c("h2", {
                staticClass: "el-notification__title",
                domProps: { textContent: _vm._s(_vm.title) }
              }),
              _c(
                "div",
                {
                  directives: [
                    {
                      name: "show",
                      rawName: "v-show",
                      value: _vm.message,
                      expression: "message"
                    }
                  ],
                  staticClass: "el-notification__content"
                },
                [
                  _vm._t("default", [
                    !_vm.dangerouslyUseHTMLString
                      ? _c("p", [_vm._v(_vm._s(_vm.message))])
                      : _c("p", { domProps: { innerHTML: _vm._s(_vm.message) } })
                  ])
                ],
                2
              ),
              _vm.showClose
                ? _c("div", {
                    staticClass: "el-notification__closeBtn el-icon-close",
                    on: {
                      click: function($event) {
                        $event.stopPropagation()
                        return _vm.close($event)
                      }
                    }
                  })
                : _vm._e()
            ]
          )
        ]
      )
    ])
  }
  var mainvue_type_template_id_43dbc3d8_staticRenderFns = []
  mainvue_type_template_id_43dbc3d8_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/notification/src/main.vue?vue&type=template&id=43dbc3d8&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/notification/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  var mainvue_type_script_lang_js_typeMap = {
    success: 'success',
    info: 'info',
    warning: 'warning',
    error: 'error'
  };
  
  /* harmony default export */ var notification_src_mainvue_type_script_lang_js_ = ({
    data: function data() {
      return {
        visible: false,
        title: '',
        message: '',
        duration: 4500,
        type: '',
        showClose: true,
        customClass: '',
        iconClass: '',
        onClose: null,
        onClick: null,
        closed: false,
        verticalOffset: 0,
        timer: null,
        dangerouslyUseHTMLString: false,
        position: 'top-right'
      };
    },
  
  
    computed: {
      typeClass: function typeClass() {
        return this.type && mainvue_type_script_lang_js_typeMap[this.type] ? 'el-icon-' + mainvue_type_script_lang_js_typeMap[this.type] : '';
      },
      horizontalClass: function horizontalClass() {
        return this.position.indexOf('right') > -1 ? 'right' : 'left';
      },
      verticalProperty: function verticalProperty() {
        return (/^top-/.test(this.position) ? 'top' : 'bottom'
        );
      },
      positionStyle: function positionStyle() {
        var _ref;
  
        return _ref = {}, _ref[this.verticalProperty] = this.verticalOffset + 'px', _ref;
      }
    },
  
    watch: {
      closed: function closed(newVal) {
        if (newVal) {
          this.visible = false;
          this.$el.addEventListener('transitionend', this.destroyElement);
        }
      }
    },
  
    methods: {
      destroyElement: function destroyElement() {
        this.$el.removeEventListener('transitionend', this.destroyElement);
        this.$destroy(true);
        this.$el.parentNode.removeChild(this.$el);
      },
      click: function click() {
        if (typeof this.onClick === 'function') {
          this.onClick();
        }
      },
      close: function close() {
        this.closed = true;
        if (typeof this.onClose === 'function') {
          this.onClose();
        }
      },
      clearTimer: function clearTimer() {
        clearTimeout(this.timer);
      },
      startTimer: function startTimer() {
        var _this = this;
  
        if (this.duration > 0) {
          this.timer = setTimeout(function () {
            if (!_this.closed) {
              _this.close();
            }
          }, this.duration);
        }
      },
      keydown: function keydown(e) {
        if (e.keyCode === 46 || e.keyCode === 8) {
          this.clearTimer(); // detele 取消倒计时
        } else if (e.keyCode === 27) {
          // esc关闭消息
          if (!this.closed) {
            this.close();
          }
        } else {
          this.startTimer(); // 恢复倒计时
        }
      }
    },
    mounted: function mounted() {
      var _this2 = this;
  
      if (this.duration > 0) {
        this.timer = setTimeout(function () {
          if (!_this2.closed) {
            _this2.close();
          }
        }, this.duration);
      }
      document.addEventListener('keydown', this.keydown);
    },
    beforeDestroy: function beforeDestroy() {
      document.removeEventListener('keydown', this.keydown);
    }
  });
  // CONCATENATED MODULE: ./packages/notification/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_notification_src_mainvue_type_script_lang_js_ = (notification_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/notification/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var notification_src_main_component = normalizeComponent(
    packages_notification_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_43dbc3d8_render,
    mainvue_type_template_id_43dbc3d8_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var notification_src_main_api; }
  notification_src_main_component.options.__file = "packages/notification/src/main.vue"
  /* harmony default export */ var notification_src_main = (notification_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/notification/src/main.js
  
  
  
  
  var NotificationConstructor = external_vue_default.a.extend(notification_src_main);
  
  var src_main_instance = void 0;
  var instances = [];
  var seed = 1;
  
  var main_Notification = function Notification(options) {
    if (external_vue_default.a.prototype.$isServer) return;
    options = options || {};
    var userOnClose = options.onClose;
    var id = 'notification_' + seed++;
    var position = options.position || 'top-right';
  
    options.onClose = function () {
      Notification.close(id, userOnClose);
    };
  
    src_main_instance = new NotificationConstructor({
      data: options
    });
  
    if (Object(vdom_["isVNode"])(options.message)) {
      src_main_instance.$slots.default = [options.message];
      options.message = 'REPLACED_BY_VNODE';
    }
    src_main_instance.id = id;
    src_main_instance.$mount();
    document.body.appendChild(src_main_instance.$el);
    src_main_instance.visible = true;
    src_main_instance.dom = src_main_instance.$el;
    src_main_instance.dom.style.zIndex = popup_["PopupManager"].nextZIndex();
  
    var verticalOffset = options.offset || 0;
    instances.filter(function (item) {
      return item.position === position;
    }).forEach(function (item) {
      verticalOffset += item.$el.offsetHeight + 16;
    });
    verticalOffset += 16;
    src_main_instance.verticalOffset = verticalOffset;
    instances.push(src_main_instance);
    return src_main_instance;
  };
  
  ['success', 'warning', 'info', 'error'].forEach(function (type) {
    main_Notification[type] = function (options) {
      if (typeof options === 'string' || Object(vdom_["isVNode"])(options)) {
        options = {
          message: options
        };
      }
      options.type = type;
      return main_Notification(options);
    };
  });
  
  main_Notification.close = function (id, userOnClose) {
    var index = -1;
    var len = instances.length;
    var instance = instances.filter(function (instance, i) {
      if (instance.id === id) {
        index = i;
        return true;
      }
      return false;
    })[0];
    if (!instance) return;
  
    if (typeof userOnClose === 'function') {
      userOnClose(instance);
    }
    instances.splice(index, 1);
  
    if (len <= 1) return;
    var position = instance.position;
    var removedHeight = instance.dom.offsetHeight;
    for (var i = index; i < len - 1; i++) {
      if (instances[i].position === position) {
        instances[i].dom.style[instance.verticalProperty] = parseInt(instances[i].dom.style[instance.verticalProperty], 10) - removedHeight - 16 + 'px';
      }
    }
  };
  
  main_Notification.closeAll = function () {
    for (var i = instances.length - 1; i >= 0; i--) {
      instances[i].close();
    }
  };
  
  /* harmony default export */ var packages_notification_src_main = (main_Notification);
  // CONCATENATED MODULE: ./packages/notification/index.js
  
  /* harmony default export */ var notification = (packages_notification_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/main.vue?vue&type=template&id=32708644&
  var mainvue_type_template_id_32708644_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-slider",
        class: {
          "is-vertical": _vm.vertical,
          "el-slider--with-input": _vm.showInput
        },
        attrs: {
          role: "slider",
          "aria-valuemin": _vm.min,
          "aria-valuemax": _vm.max,
          "aria-orientation": _vm.vertical ? "vertical" : "horizontal",
          "aria-disabled": _vm.sliderDisabled
        }
      },
      [
        _vm.showInput && !_vm.range
          ? _c("el-input-number", {
              ref: "input",
              staticClass: "el-slider__input",
              attrs: {
                step: _vm.step,
                disabled: _vm.sliderDisabled,
                controls: _vm.showInputControls,
                min: _vm.min,
                max: _vm.max,
                debounce: _vm.debounce,
                size: _vm.inputSize
              },
              on: {
                change: function($event) {
                  _vm.$nextTick(_vm.emitChange)
                }
              },
              model: {
                value: _vm.firstValue,
                callback: function($$v) {
                  _vm.firstValue = $$v
                },
                expression: "firstValue"
              }
            })
          : _vm._e(),
        _c(
          "div",
          {
            ref: "slider",
            staticClass: "el-slider__runway",
            class: { "show-input": _vm.showInput, disabled: _vm.sliderDisabled },
            style: _vm.runwayStyle,
            on: { click: _vm.onSliderClick }
          },
          [
            _c("div", { staticClass: "el-slider__bar", style: _vm.barStyle }),
            _c("slider-button", {
              ref: "button1",
              attrs: {
                vertical: _vm.vertical,
                "tooltip-class": _vm.tooltipClass
              },
              model: {
                value: _vm.firstValue,
                callback: function($$v) {
                  _vm.firstValue = $$v
                },
                expression: "firstValue"
              }
            }),
            _vm.range
              ? _c("slider-button", {
                  ref: "button2",
                  attrs: {
                    vertical: _vm.vertical,
                    "tooltip-class": _vm.tooltipClass
                  },
                  model: {
                    value: _vm.secondValue,
                    callback: function($$v) {
                      _vm.secondValue = $$v
                    },
                    expression: "secondValue"
                  }
                })
              : _vm._e(),
            _vm._l(_vm.stops, function(item, key) {
              return _vm.showStops
                ? _c("div", {
                    key: key,
                    staticClass: "el-slider__stop",
                    style: _vm.vertical
                      ? { bottom: item + "%" }
                      : { left: item + "%" }
                  })
                : _vm._e()
            })
          ],
          2
        )
      ],
      1
    )
  }
  var mainvue_type_template_id_32708644_staticRenderFns = []
  mainvue_type_template_id_32708644_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=template&id=32708644&
  
  // EXTERNAL MODULE: external "element-ui/lib/input-number"
  var input_number_ = __webpack_require__(37);
  var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
  
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=template&id=e72d2ad2&
  var buttonvue_type_template_id_e72d2ad2_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        ref: "button",
        staticClass: "el-slider__button-wrapper",
        class: { hover: _vm.hovering, dragging: _vm.dragging },
        style: _vm.wrapperStyle,
        attrs: { tabindex: "0" },
        on: {
          mouseenter: _vm.handleMouseEnter,
          mouseleave: _vm.handleMouseLeave,
          mousedown: _vm.onButtonDown,
          touchstart: _vm.onButtonDown,
          focus: _vm.handleMouseEnter,
          blur: _vm.handleMouseLeave,
          keydown: [
            function($event) {
              if (
                !("button" in $event) &&
                _vm._k($event.keyCode, "left", 37, $event.key, [
                  "Left",
                  "ArrowLeft"
                ])
              ) {
                return null
              }
              if ("button" in $event && $event.button !== 0) {
                return null
              }
              return _vm.onLeftKeyDown($event)
            },
            function($event) {
              if (
                !("button" in $event) &&
                _vm._k($event.keyCode, "right", 39, $event.key, [
                  "Right",
                  "ArrowRight"
                ])
              ) {
                return null
              }
              if ("button" in $event && $event.button !== 2) {
                return null
              }
              return _vm.onRightKeyDown($event)
            },
            function($event) {
              if (
                !("button" in $event) &&
                _vm._k($event.keyCode, "down", 40, $event.key, [
                  "Down",
                  "ArrowDown"
                ])
              ) {
                return null
              }
              $event.preventDefault()
              return _vm.onLeftKeyDown($event)
            },
            function($event) {
              if (
                !("button" in $event) &&
                _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])
              ) {
                return null
              }
              $event.preventDefault()
              return _vm.onRightKeyDown($event)
            }
          ]
        }
      },
      [
        _c(
          "el-tooltip",
          {
            ref: "tooltip",
            attrs: {
              placement: "top",
              "popper-class": _vm.tooltipClass,
              disabled: !_vm.showTooltip
            }
          },
          [
            _c("span", { attrs: { slot: "content" }, slot: "content" }, [
              _vm._v(_vm._s(_vm.formatValue))
            ]),
            _c("div", {
              staticClass: "el-slider__button",
              class: { hover: _vm.hovering, dragging: _vm.dragging }
            })
          ]
        )
      ],
      1
    )
  }
  var buttonvue_type_template_id_e72d2ad2_staticRenderFns = []
  buttonvue_type_template_id_e72d2ad2_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=template&id=e72d2ad2&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  /* harmony default export */ var slider_src_buttonvue_type_script_lang_js_ = ({
    name: 'ElSliderButton',
  
    components: {
      ElTooltip: tooltip_default.a
    },
  
    props: {
      value: {
        type: Number,
        default: 0
      },
      vertical: {
        type: Boolean,
        default: false
      },
      tooltipClass: String
    },
  
    data: function data() {
      return {
        hovering: false,
        dragging: false,
        isClick: false,
        startX: 0,
        currentX: 0,
        startY: 0,
        currentY: 0,
        startPosition: 0,
        newPosition: null,
        oldValue: this.value
      };
    },
  
  
    computed: {
      disabled: function disabled() {
        return this.$parent.sliderDisabled;
      },
      max: function max() {
        return this.$parent.max;
      },
      min: function min() {
        return this.$parent.min;
      },
      step: function step() {
        return this.$parent.step;
      },
      showTooltip: function showTooltip() {
        return this.$parent.showTooltip;
      },
      precision: function precision() {
        return this.$parent.precision;
      },
      currentPosition: function currentPosition() {
        return (this.value - this.min) / (this.max - this.min) * 100 + '%';
      },
      enableFormat: function enableFormat() {
        return this.$parent.formatTooltip instanceof Function;
      },
      formatValue: function formatValue() {
        return this.enableFormat && this.$parent.formatTooltip(this.value) || this.value;
      },
      wrapperStyle: function wrapperStyle() {
        return this.vertical ? { bottom: this.currentPosition } : { left: this.currentPosition };
      }
    },
  
    watch: {
      dragging: function dragging(val) {
        this.$parent.dragging = val;
      }
    },
  
    methods: {
      displayTooltip: function displayTooltip() {
        this.$refs.tooltip && (this.$refs.tooltip.showPopper = true);
      },
      hideTooltip: function hideTooltip() {
        this.$refs.tooltip && (this.$refs.tooltip.showPopper = false);
      },
      handleMouseEnter: function handleMouseEnter() {
        this.hovering = true;
        this.displayTooltip();
      },
      handleMouseLeave: function handleMouseLeave() {
        this.hovering = false;
        this.hideTooltip();
      },
      onButtonDown: function onButtonDown(event) {
        if (this.disabled) return;
        event.preventDefault();
        this.onDragStart(event);
        window.addEventListener('mousemove', this.onDragging);
        window.addEventListener('touchmove', this.onDragging);
        window.addEventListener('mouseup', this.onDragEnd);
        window.addEventListener('touchend', this.onDragEnd);
        window.addEventListener('contextmenu', this.onDragEnd);
      },
      onLeftKeyDown: function onLeftKeyDown() {
        if (this.disabled) return;
        this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100;
        this.setPosition(this.newPosition);
      },
      onRightKeyDown: function onRightKeyDown() {
        if (this.disabled) return;
        this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100;
        this.setPosition(this.newPosition);
      },
      onDragStart: function onDragStart(event) {
        this.dragging = true;
        this.isClick = true;
        if (event.type === 'touchstart') {
          event.clientY = event.touches[0].clientY;
          event.clientX = event.touches[0].clientX;
        }
        if (this.vertical) {
          this.startY = event.clientY;
        } else {
          this.startX = event.clientX;
        }
        this.startPosition = parseFloat(this.currentPosition);
        this.newPosition = this.startPosition;
      },
      onDragging: function onDragging(event) {
        if (this.dragging) {
          this.isClick = false;
          this.displayTooltip();
          this.$parent.resetSize();
          var diff = 0;
          if (event.type === 'touchmove') {
            event.clientY = event.touches[0].clientY;
            event.clientX = event.touches[0].clientX;
          }
          if (this.vertical) {
            this.currentY = event.clientY;
            diff = (this.startY - this.currentY) / this.$parent.sliderSize * 100;
          } else {
            this.currentX = event.clientX;
            diff = (this.currentX - this.startX) / this.$parent.sliderSize * 100;
          }
          this.newPosition = this.startPosition + diff;
          this.setPosition(this.newPosition);
        }
      },
      onDragEnd: function onDragEnd() {
        var _this = this;
  
        if (this.dragging) {
          /*
           * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移
           * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
           */
          setTimeout(function () {
            _this.dragging = false;
            _this.hideTooltip();
            if (!_this.isClick) {
              _this.setPosition(_this.newPosition);
              _this.$parent.emitChange();
            }
          }, 0);
          window.removeEventListener('mousemove', this.onDragging);
          window.removeEventListener('touchmove', this.onDragging);
          window.removeEventListener('mouseup', this.onDragEnd);
          window.removeEventListener('touchend', this.onDragEnd);
          window.removeEventListener('contextmenu', this.onDragEnd);
        }
      },
      setPosition: function setPosition(newPosition) {
        var _this2 = this;
  
        if (newPosition === null || isNaN(newPosition)) return;
        if (newPosition < 0) {
          newPosition = 0;
        } else if (newPosition > 100) {
          newPosition = 100;
        }
        var lengthPerStep = 100 / ((this.max - this.min) / this.step);
        var steps = Math.round(newPosition / lengthPerStep);
        var value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min;
        value = parseFloat(value.toFixed(this.precision));
        this.$emit('input', value);
        this.$nextTick(function () {
          _this2.$refs.tooltip && _this2.$refs.tooltip.updatePopper();
        });
        if (!this.dragging && this.value !== this.oldValue) {
          this.oldValue = this.value;
        }
      }
    }
  });
  // CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_slider_src_buttonvue_type_script_lang_js_ = (slider_src_buttonvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/slider/src/button.vue
  
  
  
  
  
  /* normalize component */
  
  var src_button_component = normalizeComponent(
    packages_slider_src_buttonvue_type_script_lang_js_,
    buttonvue_type_template_id_e72d2ad2_render,
    buttonvue_type_template_id_e72d2ad2_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var src_button_api; }
  src_button_component.options.__file = "packages/slider/src/button.vue"
  /* harmony default export */ var slider_src_button = (src_button_component.exports);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  /* harmony default export */ var slider_src_mainvue_type_script_lang_js_ = ({
    name: 'ElSlider',
  
    mixins: [emitter_default.a],
  
    inject: {
      elForm: {
        default: ''
      }
    },
  
    props: {
      min: {
        type: Number,
        default: 0
      },
      max: {
        type: Number,
        default: 100
      },
      step: {
        type: Number,
        default: 1
      },
      value: {
        type: [Number, Array],
        default: 0
      },
      showInput: {
        type: Boolean,
        default: false
      },
      showInputControls: {
        type: Boolean,
        default: true
      },
      inputSize: {
        type: String,
        default: 'small'
      },
      showStops: {
        type: Boolean,
        default: false
      },
      showTooltip: {
        type: Boolean,
        default: true
      },
      formatTooltip: Function,
      disabled: {
        type: Boolean,
        default: false
      },
      range: {
        type: Boolean,
        default: false
      },
      vertical: {
        type: Boolean,
        default: false
      },
      height: {
        type: String
      },
      debounce: {
        type: Number,
        default: 300
      },
      label: {
        type: String
      },
      tooltipClass: String
    },
  
    components: {
      ElInputNumber: input_number_default.a,
      SliderButton: slider_src_button
    },
  
    data: function data() {
      return {
        firstValue: null,
        secondValue: null,
        oldValue: null,
        dragging: false,
        sliderSize: 1
      };
    },
  
  
    watch: {
      value: function value(val, oldVal) {
        if (this.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every(function (item, index) {
          return item === oldVal[index];
        })) {
          return;
        }
        this.setValues();
      },
      dragging: function dragging(val) {
        if (!val) {
          this.setValues();
        }
      },
      firstValue: function firstValue(val) {
        if (this.range) {
          this.$emit('input', [this.minValue, this.maxValue]);
        } else {
          this.$emit('input', val);
        }
      },
      secondValue: function secondValue() {
        if (this.range) {
          this.$emit('input', [this.minValue, this.maxValue]);
        }
      },
      min: function min() {
        this.setValues();
      },
      max: function max() {
        this.setValues();
      }
    },
  
    methods: {
      valueChanged: function valueChanged() {
        var _this = this;
  
        if (this.range) {
          return ![this.minValue, this.maxValue].every(function (item, index) {
            return item === _this.oldValue[index];
          });
        } else {
          return this.value !== this.oldValue;
        }
      },
      setValues: function setValues() {
        if (this.min > this.max) {
          console.error('[Element Error][Slider]min should not be greater than max.');
          return;
        }
        var val = this.value;
        if (this.range && Array.isArray(val)) {
          if (val[1] < this.min) {
            this.$emit('input', [this.min, this.min]);
          } else if (val[0] > this.max) {
            this.$emit('input', [this.max, this.max]);
          } else if (val[0] < this.min) {
            this.$emit('input', [this.min, val[1]]);
          } else if (val[1] > this.max) {
            this.$emit('input', [val[0], this.max]);
          } else {
            this.firstValue = val[0];
            this.secondValue = val[1];
            if (this.valueChanged()) {
              this.dispatch('ElFormItem', 'el.form.change', [this.minValue, this.maxValue]);
              this.oldValue = val.slice();
            }
          }
        } else if (!this.range && typeof val === 'number' && !isNaN(val)) {
          if (val < this.min) {
            this.$emit('input', this.min);
          } else if (val > this.max) {
            this.$emit('input', this.max);
          } else {
            this.firstValue = val;
            if (this.valueChanged()) {
              this.dispatch('ElFormItem', 'el.form.change', val);
              this.oldValue = val;
            }
          }
        }
      },
      setPosition: function setPosition(percent) {
        var targetValue = this.min + percent * (this.max - this.min) / 100;
        if (!this.range) {
          this.$refs.button1.setPosition(percent);
          return;
        }
        var button = void 0;
        if (Math.abs(this.minValue - targetValue) < Math.abs(this.maxValue - targetValue)) {
          button = this.firstValue < this.secondValue ? 'button1' : 'button2';
        } else {
          button = this.firstValue > this.secondValue ? 'button1' : 'button2';
        }
        this.$refs[button].setPosition(percent);
      },
      onSliderClick: function onSliderClick(event) {
        if (this.sliderDisabled || this.dragging) return;
        this.resetSize();
        if (this.vertical) {
          var sliderOffsetBottom = this.$refs.slider.getBoundingClientRect().bottom;
          this.setPosition((sliderOffsetBottom - event.clientY) / this.sliderSize * 100);
        } else {
          var sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
          this.setPosition((event.clientX - sliderOffsetLeft) / this.sliderSize * 100);
        }
        this.emitChange();
      },
      resetSize: function resetSize() {
        if (this.$refs.slider) {
          this.sliderSize = this.$refs.slider['client' + (this.vertical ? 'Height' : 'Width')];
        }
      },
      emitChange: function emitChange() {
        var _this2 = this;
  
        this.$nextTick(function () {
          _this2.$emit('change', _this2.range ? [_this2.minValue, _this2.maxValue] : _this2.value);
        });
      }
    },
  
    computed: {
      stops: function stops() {
        var _this3 = this;
  
        if (!this.showStops || this.min > this.max) return [];
        if (this.step === 0) {
           false && false;
          return [];
        }
        var stopCount = (this.max - this.min) / this.step;
        var stepWidth = 100 * this.step / (this.max - this.min);
        var result = [];
        for (var i = 1; i < stopCount; i++) {
          result.push(i * stepWidth);
        }
        if (this.range) {
          return result.filter(function (step) {
            return step < 100 * (_this3.minValue - _this3.min) / (_this3.max - _this3.min) || step > 100 * (_this3.maxValue - _this3.min) / (_this3.max - _this3.min);
          });
        } else {
          return result.filter(function (step) {
            return step > 100 * (_this3.firstValue - _this3.min) / (_this3.max - _this3.min);
          });
        }
      },
      minValue: function minValue() {
        return Math.min(this.firstValue, this.secondValue);
      },
      maxValue: function maxValue() {
        return Math.max(this.firstValue, this.secondValue);
      },
      barSize: function barSize() {
        return this.range ? 100 * (this.maxValue - this.minValue) / (this.max - this.min) + '%' : 100 * (this.firstValue - this.min) / (this.max - this.min) + '%';
      },
      barStart: function barStart() {
        return this.range ? 100 * (this.minValue - this.min) / (this.max - this.min) + '%' : '0%';
      },
      precision: function precision() {
        var precisions = [this.min, this.max, this.step].map(function (item) {
          var decimal = ('' + item).split('.')[1];
          return decimal ? decimal.length : 0;
        });
        return Math.max.apply(null, precisions);
      },
      runwayStyle: function runwayStyle() {
        return this.vertical ? { height: this.height } : {};
      },
      barStyle: function barStyle() {
        return this.vertical ? {
          height: this.barSize,
          bottom: this.barStart
        } : {
          width: this.barSize,
          left: this.barStart
        };
      },
      sliderDisabled: function sliderDisabled() {
        return this.disabled || (this.elForm || {}).disabled;
      }
    },
  
    mounted: function mounted() {
      var valuetext = void 0;
      if (this.range) {
        if (Array.isArray(this.value)) {
          this.firstValue = Math.max(this.min, this.value[0]);
          this.secondValue = Math.min(this.max, this.value[1]);
        } else {
          this.firstValue = this.min;
          this.secondValue = this.max;
        }
        this.oldValue = [this.firstValue, this.secondValue];
        valuetext = this.firstValue + '-' + this.secondValue;
      } else {
        if (typeof this.value !== 'number' || isNaN(this.value)) {
          this.firstValue = this.min;
        } else {
          this.firstValue = Math.min(this.max, Math.max(this.min, this.value));
        }
        this.oldValue = this.firstValue;
        valuetext = this.firstValue;
      }
      this.$el.setAttribute('aria-valuetext', valuetext);
  
      // label screen reader
      this.$el.setAttribute('aria-label', this.label ? this.label : 'slider between ' + this.min + ' and ' + this.max);
  
      this.resetSize();
      window.addEventListener('resize', this.resetSize);
    },
    beforeDestroy: function beforeDestroy() {
      window.removeEventListener('resize', this.resetSize);
    }
  });
  // CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_slider_src_mainvue_type_script_lang_js_ = (slider_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/slider/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var slider_src_main_component = normalizeComponent(
    packages_slider_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_32708644_render,
    mainvue_type_template_id_32708644_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var slider_src_main_api; }
  slider_src_main_component.options.__file = "packages/slider/src/main.vue"
  /* harmony default export */ var slider_src_main = (slider_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/slider/index.js
  
  
  /* istanbul ignore next */
  slider_src_main.install = function (Vue) {
    Vue.component(slider_src_main.name, slider_src_main);
  };
  
  /* harmony default export */ var slider = (slider_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/loading/src/loading.vue?vue&type=template&id=eee0a7ac&
  var loadingvue_type_template_id_eee0a7ac_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "transition",
      {
        attrs: { name: "el-loading-fade" },
        on: { "after-leave": _vm.handleAfterLeave }
      },
      [
        _c(
          "div",
          {
            directives: [
              {
                name: "show",
                rawName: "v-show",
                value: _vm.visible,
                expression: "visible"
              }
            ],
            staticClass: "el-loading-mask",
            class: [_vm.customClass, { "is-fullscreen": _vm.fullscreen }],
            style: { backgroundColor: _vm.background || "" }
          },
          [
            _c("div", { staticClass: "el-loading-spinner" }, [
              !_vm.spinner
                ? _c(
                    "svg",
                    {
                      staticClass: "circular",
                      attrs: { viewBox: "25 25 50 50" }
                    },
                    [
                      _c("circle", {
                        staticClass: "path",
                        attrs: { cx: "50", cy: "50", r: "20", fill: "none" }
                      })
                    ]
                  )
                : _c("i", { class: _vm.spinner }),
              _vm.text
                ? _c("p", { staticClass: "el-loading-text" }, [
                    _vm._v(_vm._s(_vm.text))
                  ])
                : _vm._e()
            ])
          ]
        )
      ]
    )
  }
  var loadingvue_type_template_id_eee0a7ac_staticRenderFns = []
  loadingvue_type_template_id_eee0a7ac_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/loading/src/loading.vue?vue&type=template&id=eee0a7ac&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/loading/src/loading.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var loadingvue_type_script_lang_js_ = ({
    data: function data() {
      return {
        text: null,
        spinner: null,
        background: null,
        fullscreen: true,
        visible: false,
        customClass: ''
      };
    },
  
  
    methods: {
      handleAfterLeave: function handleAfterLeave() {
        this.$emit('after-leave');
      },
      setText: function setText(text) {
        this.text = text;
      }
    }
  });
  // CONCATENATED MODULE: ./packages/loading/src/loading.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_loadingvue_type_script_lang_js_ = (loadingvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/loading/src/loading.vue
  
  
  
  
  
  /* normalize component */
  
  var loading_component = normalizeComponent(
    src_loadingvue_type_script_lang_js_,
    loadingvue_type_template_id_eee0a7ac_render,
    loadingvue_type_template_id_eee0a7ac_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var loading_api; }
  loading_component.options.__file = "packages/loading/src/loading.vue"
  /* harmony default export */ var loading = (loading_component.exports);
  // EXTERNAL MODULE: external "element-ui/lib/utils/after-leave"
  var after_leave_ = __webpack_require__(28);
  var after_leave_default = /*#__PURE__*/__webpack_require__.n(after_leave_);
  
  // CONCATENATED MODULE: ./packages/loading/src/directive.js
  
  
  
  
  
  var Mask = external_vue_default.a.extend(loading);
  
  var loadingDirective = {};
  loadingDirective.install = function (Vue) {
    if (Vue.prototype.$isServer) return;
    var toggleLoading = function toggleLoading(el, binding) {
      if (binding.value) {
        Vue.nextTick(function () {
          if (binding.modifiers.fullscreen) {
            el.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
            el.originalOverflow = Object(dom_["getStyle"])(document.body, 'overflow');
            el.maskStyle.zIndex = popup_["PopupManager"].nextZIndex();
  
            Object(dom_["addClass"])(el.mask, 'is-fullscreen');
            insertDom(document.body, el, binding);
          } else {
            Object(dom_["removeClass"])(el.mask, 'is-fullscreen');
  
            if (binding.modifiers.body) {
              el.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
  
              ['top', 'left'].forEach(function (property) {
                var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
                el.maskStyle[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(Object(dom_["getStyle"])(document.body, 'margin-' + property), 10) + 'px';
              });
              ['height', 'width'].forEach(function (property) {
                el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
              });
  
              insertDom(document.body, el, binding);
            } else {
              el.originalPosition = Object(dom_["getStyle"])(el, 'position');
              insertDom(el, el, binding);
            }
          }
        });
      } else {
        after_leave_default()(el.instance, function (_) {
          el.domVisible = false;
          var target = binding.modifiers.fullscreen || binding.modifiers.body ? document.body : el;
          Object(dom_["removeClass"])(target, 'el-loading-parent--relative');
          Object(dom_["removeClass"])(target, 'el-loading-parent--hidden');
          el.instance.hiding = false;
        }, 300, true);
        el.instance.visible = false;
        el.instance.hiding = true;
      }
    };
    var insertDom = function insertDom(parent, el, binding) {
      if (!el.domVisible && Object(dom_["getStyle"])(el, 'display') !== 'none' && Object(dom_["getStyle"])(el, 'visibility') !== 'hidden') {
        Object.keys(el.maskStyle).forEach(function (property) {
          el.mask.style[property] = el.maskStyle[property];
        });
  
        if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed') {
          Object(dom_["addClass"])(parent, 'el-loading-parent--relative');
        }
        if (binding.modifiers.fullscreen && binding.modifiers.lock) {
          Object(dom_["addClass"])(parent, 'el-loading-parent--hidden');
        }
        el.domVisible = true;
  
        parent.appendChild(el.mask);
        Vue.nextTick(function () {
          if (el.instance.hiding) {
            el.instance.$emit('after-leave');
          } else {
            el.instance.visible = true;
          }
        });
        el.domInserted = true;
      }
    };
  
    Vue.directive('loading', {
      bind: function bind(el, binding, vnode) {
        var textExr = el.getAttribute('element-loading-text');
        var spinnerExr = el.getAttribute('element-loading-spinner');
        var backgroundExr = el.getAttribute('element-loading-background');
        var customClassExr = el.getAttribute('element-loading-custom-class');
        var vm = vnode.context;
        var mask = new Mask({
          el: document.createElement('div'),
          data: {
            text: vm && vm[textExr] || textExr,
            spinner: vm && vm[spinnerExr] || spinnerExr,
            background: vm && vm[backgroundExr] || backgroundExr,
            customClass: vm && vm[customClassExr] || customClassExr,
            fullscreen: !!binding.modifiers.fullscreen
          }
        });
        el.instance = mask;
        el.mask = mask.$el;
        el.maskStyle = {};
  
        binding.value && toggleLoading(el, binding);
      },
  
      update: function update(el, binding) {
        el.instance.setText(el.getAttribute('element-loading-text'));
        if (binding.oldValue !== binding.value) {
          toggleLoading(el, binding);
        }
      },
  
      unbind: function unbind(el, binding) {
        if (el.domInserted) {
          el.mask && el.mask.parentNode && el.mask.parentNode.removeChild(el.mask);
          toggleLoading(el, { value: false, modifiers: binding.modifiers });
        }
        el.instance && el.instance.$destroy();
      }
    });
  };
  
  /* harmony default export */ var src_directive = (loadingDirective);
  // CONCATENATED MODULE: ./packages/loading/src/index.js
  
  
  
  
  
  
  
  var LoadingConstructor = external_vue_default.a.extend(loading);
  
  var src_defaults = {
    text: null,
    fullscreen: true,
    body: false,
    lock: false,
    customClass: ''
  };
  
  var fullscreenLoading = void 0;
  
  LoadingConstructor.prototype.originalPosition = '';
  LoadingConstructor.prototype.originalOverflow = '';
  
  LoadingConstructor.prototype.close = function () {
    var _this = this;
  
    if (this.fullscreen) {
      fullscreenLoading = undefined;
    }
    after_leave_default()(this, function (_) {
      var target = _this.fullscreen || _this.body ? document.body : _this.target;
      Object(dom_["removeClass"])(target, 'el-loading-parent--relative');
      Object(dom_["removeClass"])(target, 'el-loading-parent--hidden');
      if (_this.$el && _this.$el.parentNode) {
        _this.$el.parentNode.removeChild(_this.$el);
      }
      _this.$destroy();
    }, 300);
    this.visible = false;
  };
  
  var src_addStyle = function addStyle(options, parent, instance) {
    var maskStyle = {};
    if (options.fullscreen) {
      instance.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
      instance.originalOverflow = Object(dom_["getStyle"])(document.body, 'overflow');
      maskStyle.zIndex = popup_["PopupManager"].nextZIndex();
    } else if (options.body) {
      instance.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
      ['top', 'left'].forEach(function (property) {
        var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
        maskStyle[property] = options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
      });
      ['height', 'width'].forEach(function (property) {
        maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
      });
    } else {
      instance.originalPosition = Object(dom_["getStyle"])(parent, 'position');
    }
    Object.keys(maskStyle).forEach(function (property) {
      instance.$el.style[property] = maskStyle[property];
    });
  };
  
  var src_Loading = function Loading() {
    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  
    if (external_vue_default.a.prototype.$isServer) return;
    options = merge_default()({}, src_defaults, options);
    if (typeof options.target === 'string') {
      options.target = document.querySelector(options.target);
    }
    options.target = options.target || document.body;
    if (options.target !== document.body) {
      options.fullscreen = false;
    } else {
      options.body = true;
    }
    if (options.fullscreen && fullscreenLoading) {
      return fullscreenLoading;
    }
  
    var parent = options.body ? document.body : options.target;
    var instance = new LoadingConstructor({
      el: document.createElement('div'),
      data: options
    });
  
    src_addStyle(options, parent, instance);
    if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed') {
      Object(dom_["addClass"])(parent, 'el-loading-parent--relative');
    }
    if (options.fullscreen && options.lock) {
      Object(dom_["addClass"])(parent, 'el-loading-parent--hidden');
    }
    parent.appendChild(instance.$el);
    external_vue_default.a.nextTick(function () {
      instance.visible = true;
    });
    if (options.fullscreen) {
      fullscreenLoading = instance;
    }
    return instance;
  };
  
  /* harmony default export */ var src = (src_Loading);
  // CONCATENATED MODULE: ./packages/loading/index.js
  
  
  
  /* harmony default export */ var packages_loading = ({
    install: function install(Vue) {
      Vue.use(src_directive);
      Vue.prototype.$loading = src;
    },
  
    directive: src_directive,
    service: src
  });
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/icon/src/icon.vue?vue&type=template&id=cb3fe7f4&
  var iconvue_type_template_id_cb3fe7f4_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c("i", { class: "el-icon-" + _vm.name })
  }
  var iconvue_type_template_id_cb3fe7f4_staticRenderFns = []
  iconvue_type_template_id_cb3fe7f4_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/icon/src/icon.vue?vue&type=template&id=cb3fe7f4&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/icon/src/icon.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  
  /* harmony default export */ var iconvue_type_script_lang_js_ = ({
    name: 'ElIcon',
  
    props: {
      name: String
    }
  });
  // CONCATENATED MODULE: ./packages/icon/src/icon.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_iconvue_type_script_lang_js_ = (iconvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/icon/src/icon.vue
  
  
  
  
  
  /* normalize component */
  
  var icon_component = normalizeComponent(
    src_iconvue_type_script_lang_js_,
    iconvue_type_template_id_cb3fe7f4_render,
    iconvue_type_template_id_cb3fe7f4_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var icon_api; }
  icon_component.options.__file = "packages/icon/src/icon.vue"
  /* harmony default export */ var icon = (icon_component.exports);
  // CONCATENATED MODULE: ./packages/icon/index.js
  
  
  /* istanbul ignore next */
  icon.install = function (Vue) {
    Vue.component(icon.name, icon);
  };
  
  /* harmony default export */ var packages_icon = (icon);
  // CONCATENATED MODULE: ./packages/row/src/row.js
  /* harmony default export */ var src_row = ({
    name: 'ElRow',
  
    componentName: 'ElRow',
  
    props: {
      tag: {
        type: String,
        default: 'div'
      },
      gutter: Number,
      type: String,
      justify: {
        type: String,
        default: 'start'
      },
      align: {
        type: String,
        default: 'top'
      }
    },
  
    computed: {
      style: function style() {
        var ret = {};
  
        if (this.gutter) {
          ret.marginLeft = '-' + this.gutter / 2 + 'px';
          ret.marginRight = ret.marginLeft;
        }
  
        return ret;
      }
    },
  
    render: function render(h) {
      return h(this.tag, {
        class: ['el-row', this.justify !== 'start' ? 'is-justify-' + this.justify : '', this.align !== 'top' ? 'is-align-' + this.align : '', { 'el-row--flex': this.type === 'flex' }],
        style: this.style
      }, this.$slots.default);
    }
  });
  // CONCATENATED MODULE: ./packages/row/index.js
  
  
  /* istanbul ignore next */
  src_row.install = function (Vue) {
    Vue.component(src_row.name, src_row);
  };
  
  /* harmony default export */ var packages_row = (src_row);
  // CONCATENATED MODULE: ./packages/col/src/col.js
  var col_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 (col_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 = (col);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=template&id=173fedf5&
  var upload_listvue_type_template_id_173fedf5_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "transition-group",
      {
        class: [
          "el-upload-list",
          "el-upload-list--" + _vm.listType,
          { "is-disabled": _vm.disabled }
        ],
        attrs: { tag: "ul", name: "el-list" }
      },
      _vm._l(_vm.files, function(file) {
        return _c(
          "li",
          {
            key: file.uid,
            class: [
              "el-upload-list__item",
              "is-" + file.status,
              _vm.focusing ? "focusing" : ""
            ],
            attrs: { tabindex: "0" },
            on: {
              keydown: function($event) {
                if (
                  !("button" in $event) &&
                  _vm._k($event.keyCode, "delete", [8, 46], $event.key, [
                    "Backspace",
                    "Delete",
                    "Del"
                  ])
                ) {
                  return null
                }
                !_vm.disabled && _vm.$emit("remove", file)
              },
              focus: function($event) {
                _vm.focusing = true
              },
              blur: function($event) {
                _vm.focusing = false
              },
              click: function($event) {
                _vm.focusing = false
              }
            }
          },
          [
            file.status !== "uploading" &&
            ["picture-card", "picture"].indexOf(_vm.listType) > -1
              ? _c("img", {
                  staticClass: "el-upload-list__item-thumbnail",
                  attrs: { src: file.url, alt: "" }
                })
              : _vm._e(),
            _c(
              "a",
              {
                staticClass: "el-upload-list__item-name",
                on: {
                  click: function($event) {
                    _vm.handleClick(file)
                  }
                }
              },
              [
                _c("i", { staticClass: "el-icon-document" }),
                _vm._v(_vm._s(file.name) + "\n    ")
              ]
            ),
            _c("label", { staticClass: "el-upload-list__item-status-label" }, [
              _c("i", {
                class: {
                  "el-icon-upload-success": true,
                  "el-icon-circle-check": _vm.listType === "text",
                  "el-icon-check":
                    ["picture-card", "picture"].indexOf(_vm.listType) > -1
                }
              })
            ]),
            !_vm.disabled
              ? _c("i", {
                  staticClass: "el-icon-close",
                  on: {
                    click: function($event) {
                      _vm.$emit("remove", file)
                    }
                  }
                })
              : _vm._e(),
            !_vm.disabled
              ? _c("i", { staticClass: "el-icon-close-tip" }, [
                  _vm._v(_vm._s(_vm.t("el.upload.deleteTip")))
                ])
              : _vm._e(),
            file.status === "uploading"
              ? _c("el-progress", {
                  attrs: {
                    type: _vm.listType === "picture-card" ? "circle" : "line",
                    "stroke-width": _vm.listType === "picture-card" ? 6 : 2,
                    percentage: _vm.parsePercentage(file.percentage)
                  }
                })
              : _vm._e(),
            _vm.listType === "picture-card"
              ? _c("span", { staticClass: "el-upload-list__item-actions" }, [
                  _vm.handlePreview && _vm.listType === "picture-card"
                    ? _c(
                        "span",
                        {
                          staticClass: "el-upload-list__item-preview",
                          on: {
                            click: function($event) {
                              _vm.handlePreview(file)
                            }
                          }
                        },
                        [_c("i", { staticClass: "el-icon-zoom-in" })]
                      )
                    : _vm._e(),
                  !_vm.disabled
                    ? _c(
                        "span",
                        {
                          staticClass: "el-upload-list__item-delete",
                          on: {
                            click: function($event) {
                              _vm.$emit("remove", file)
                            }
                          }
                        },
                        [_c("i", { staticClass: "el-icon-delete" })]
                      )
                    : _vm._e()
                ])
              : _vm._e()
          ],
          1
        )
      }),
      0
    )
  }
  var upload_listvue_type_template_id_173fedf5_staticRenderFns = []
  upload_listvue_type_template_id_173fedf5_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=template&id=173fedf5&
  
  // EXTERNAL MODULE: external "element-ui/lib/progress"
  var progress_ = __webpack_require__(29);
  var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  /* harmony default export */ var upload_listvue_type_script_lang_js_ = ({
  
    name: 'ElUploadList',
  
    mixins: [locale_default.a],
  
    data: function data() {
      return {
        focusing: false
      };
    },
  
    components: { ElProgress: progress_default.a },
  
    props: {
      files: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      disabled: {
        type: Boolean,
        default: false
      },
      handlePreview: Function,
      listType: String
    },
    methods: {
      parsePercentage: function parsePercentage(val) {
        return parseInt(val, 10);
      },
      handleClick: function handleClick(file) {
        this.handlePreview && this.handlePreview(file);
      }
    }
  });
  // CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_upload_listvue_type_script_lang_js_ = (upload_listvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/upload/src/upload-list.vue
  
  
  
  
  
  /* normalize component */
  
  var upload_list_component = normalizeComponent(
    src_upload_listvue_type_script_lang_js_,
    upload_listvue_type_template_id_173fedf5_render,
    upload_listvue_type_template_id_173fedf5_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var upload_list_api; }
  upload_list_component.options.__file = "packages/upload/src/upload-list.vue"
  /* harmony default export */ var upload_list = (upload_list_component.exports);
  // EXTERNAL MODULE: external "babel-helper-vue-jsx-merge-props"
  var external_babel_helper_vue_jsx_merge_props_ = __webpack_require__(23);
  var external_babel_helper_vue_jsx_merge_props_default = /*#__PURE__*/__webpack_require__.n(external_babel_helper_vue_jsx_merge_props_);
  
  // CONCATENATED MODULE: ./packages/upload/src/ajax.js
  function getError(action, option, xhr) {
    var msg = void 0;
    if (xhr.response) {
      msg = '' + (xhr.response.error || xhr.response);
    } else if (xhr.responseText) {
      msg = '' + xhr.responseText;
    } else {
      msg = 'fail to post ' + action + ' ' + xhr.status;
    }
  
    var err = new Error(msg);
    err.status = xhr.status;
    err.method = 'post';
    err.url = action;
    return err;
  }
  
  function getBody(xhr) {
    var text = xhr.responseText || xhr.response;
    if (!text) {
      return text;
    }
  
    try {
      return JSON.parse(text);
    } catch (e) {
      return text;
    }
  }
  
  function upload(option) {
    if (typeof XMLHttpRequest === 'undefined') {
      return;
    }
  
    var xhr = new XMLHttpRequest();
    var action = option.action;
  
    if (xhr.upload) {
      xhr.upload.onprogress = function progress(e) {
        if (e.total > 0) {
          e.percent = e.loaded / e.total * 100;
        }
        option.onProgress(e);
      };
    }
  
    var formData = new FormData();
  
    if (option.data) {
      Object.keys(option.data).forEach(function (key) {
        formData.append(key, option.data[key]);
      });
    }
  
    formData.append(option.filename, option.file, option.file.name);
  
    xhr.onerror = function error(e) {
      option.onError(e);
    };
  
    xhr.onload = function onload() {
      if (xhr.status < 200 || xhr.status >= 300) {
        return option.onError(getError(action, option, xhr));
      }
  
      option.onSuccess(getBody(xhr));
    };
  
    xhr.open('post', action, true);
  
    if (option.withCredentials && 'withCredentials' in xhr) {
      xhr.withCredentials = true;
    }
  
    var headers = option.headers || {};
  
    for (var item in headers) {
      if (headers.hasOwnProperty(item) && headers[item] !== null) {
        xhr.setRequestHeader(item, headers[item]);
      }
    }
    xhr.send(formData);
    return xhr;
  }
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-dragger.vue?vue&type=template&id=7ebbf219&
  var upload_draggervue_type_template_id_7ebbf219_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-upload-dragger",
        class: {
          "is-dragover": _vm.dragover
        },
        on: {
          drop: function($event) {
            $event.preventDefault()
            return _vm.onDrop($event)
          },
          dragover: function($event) {
            $event.preventDefault()
            return _vm.onDragover($event)
          },
          dragleave: function($event) {
            $event.preventDefault()
            _vm.dragover = false
          }
        }
      },
      [_vm._t("default")],
      2
    )
  }
  var upload_draggervue_type_template_id_7ebbf219_staticRenderFns = []
  upload_draggervue_type_template_id_7ebbf219_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue?vue&type=template&id=7ebbf219&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-dragger.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var upload_draggervue_type_script_lang_js_ = ({
    name: 'ElUploadDrag',
    props: {
      disabled: Boolean
    },
    inject: {
      uploader: {
        default: ''
      }
    },
    data: function data() {
      return {
        dragover: false
      };
    },
  
    methods: {
      onDragover: function onDragover() {
        if (!this.disabled) {
          this.dragover = true;
        }
      },
      onDrop: function onDrop(e) {
        if (this.disabled || !this.uploader) return;
        var accept = this.uploader.accept;
        this.dragover = false;
        if (!accept) {
          this.$emit('file', e.dataTransfer.files);
          return;
        }
        this.$emit('file', [].slice.call(e.dataTransfer.files).filter(function (file) {
          var type = file.type,
              name = file.name;
  
          var extension = name.indexOf('.') > -1 ? '.' + name.split('.').pop() : '';
          var baseType = type.replace(/\/.*$/, '');
          return accept.split(',').map(function (type) {
            return type.trim();
          }).filter(function (type) {
            return type;
          }).some(function (acceptedType) {
            if (/\..+$/.test(acceptedType)) {
              return extension === acceptedType;
            }
            if (/\/\*$/.test(acceptedType)) {
              return baseType === acceptedType.replace(/\/\*$/, '');
            }
            if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
              return type === acceptedType;
            }
            return false;
          });
        }));
      }
    }
  });
  // CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_upload_draggervue_type_script_lang_js_ = (upload_draggervue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue
  
  
  
  
  
  /* normalize component */
  
  var upload_dragger_component = normalizeComponent(
    src_upload_draggervue_type_script_lang_js_,
    upload_draggervue_type_template_id_7ebbf219_render,
    upload_draggervue_type_template_id_7ebbf219_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var upload_dragger_api; }
  upload_dragger_component.options.__file = "packages/upload/src/upload-dragger.vue"
  /* harmony default export */ var upload_dragger = (upload_dragger_component.exports);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload.vue?vue&type=script&lang=js&
  
  
  
  
  
  /* harmony default export */ var uploadvue_type_script_lang_js_ = ({
    inject: ['uploader'],
    components: {
      UploadDragger: upload_dragger
    },
    props: {
      type: String,
      action: {
        type: String,
        required: true
      },
      name: {
        type: String,
        default: 'file'
      },
      data: Object,
      headers: Object,
      withCredentials: Boolean,
      multiple: Boolean,
      accept: String,
      onStart: Function,
      onProgress: Function,
      onSuccess: Function,
      onError: Function,
      beforeUpload: Function,
      drag: Boolean,
      onPreview: {
        type: Function,
        default: function _default() {}
      },
      onRemove: {
        type: Function,
        default: function _default() {}
      },
      fileList: Array,
      autoUpload: Boolean,
      listType: String,
      httpRequest: {
        type: Function,
        default: upload
      },
      disabled: Boolean,
      limit: Number,
      onExceed: Function
    },
  
    data: function data() {
      return {
        mouseover: false,
        reqs: {}
      };
    },
  
  
    methods: {
      isImage: function isImage(str) {
        return str.indexOf('image') !== -1;
      },
      handleChange: function handleChange(ev) {
        var files = ev.target.files;
  
        if (!files) return;
        this.uploadFiles(files);
      },
      uploadFiles: function uploadFiles(files) {
        var _this = this;
  
        if (this.limit && this.fileList.length + files.length > this.limit) {
          this.onExceed && this.onExceed(files, this.fileList);
          return;
        }
  
        var postFiles = Array.prototype.slice.call(files);
        if (!this.multiple) {
          postFiles = postFiles.slice(0, 1);
        }
  
        if (postFiles.length === 0) {
          return;
        }
  
        postFiles.forEach(function (rawFile) {
          _this.onStart(rawFile);
          if (_this.autoUpload) _this.upload(rawFile);
        });
      },
      upload: function upload(rawFile) {
        var _this2 = this;
  
        this.$refs.input.value = null;
  
        if (!this.beforeUpload) {
          return this.post(rawFile);
        }
  
        var before = this.beforeUpload(rawFile);
        if (before && before.then) {
          before.then(function (processedFile) {
            var fileType = Object.prototype.toString.call(processedFile);
  
            if (fileType === '[object File]' || fileType === '[object Blob]') {
              if (fileType === '[object Blob]') {
                processedFile = new File([processedFile], rawFile.name, {
                  type: rawFile.type
                });
              }
              for (var p in rawFile) {
                if (rawFile.hasOwnProperty(p)) {
                  processedFile[p] = rawFile[p];
                }
              }
              _this2.post(processedFile);
            } else {
              _this2.post(rawFile);
            }
          }, function () {
            _this2.onRemove(null, rawFile);
          });
        } else if (before !== false) {
          this.post(rawFile);
        } else {
          this.onRemove(null, rawFile);
        }
      },
      abort: function abort(file) {
        var reqs = this.reqs;
  
        if (file) {
          var uid = file;
          if (file.uid) uid = file.uid;
          if (reqs[uid]) {
            reqs[uid].abort();
          }
        } else {
          Object.keys(reqs).forEach(function (uid) {
            if (reqs[uid]) reqs[uid].abort();
            delete reqs[uid];
          });
        }
      },
      post: function post(rawFile) {
        var _this3 = this;
  
        var uid = rawFile.uid;
  
        var options = {
          headers: this.headers,
          withCredentials: this.withCredentials,
          file: rawFile,
          data: this.data,
          filename: this.name,
          action: this.action,
          onProgress: function onProgress(e) {
            _this3.onProgress(e, rawFile);
          },
          onSuccess: function onSuccess(res) {
            _this3.onSuccess(res, rawFile);
            delete _this3.reqs[uid];
          },
          onError: function onError(err) {
            _this3.onError(err, rawFile);
            delete _this3.reqs[uid];
          }
        };
        var req = this.httpRequest(options);
        this.reqs[uid] = req;
        if (req && req.then) {
          req.then(options.onSuccess, options.onError);
        }
      },
      handleClick: function handleClick() {
        if (!this.disabled) {
          this.$refs.input.value = null;
          this.$refs.input.click();
        }
      },
      handleKeydown: function handleKeydown(e) {
        if (e.target !== e.currentTarget) return;
        if (e.keyCode === 13 || e.keyCode === 32) {
          this.handleClick();
        }
      }
    },
  
    render: function render(h) {
      var handleClick = this.handleClick,
          drag = this.drag,
          name = this.name,
          handleChange = this.handleChange,
          multiple = this.multiple,
          accept = this.accept,
          listType = this.listType,
          uploadFiles = this.uploadFiles,
          disabled = this.disabled,
          handleKeydown = this.handleKeydown;
  
      var data = {
        class: {
          'el-upload': true
        },
        on: {
          click: handleClick,
          keydown: handleKeydown
        }
      };
      data.class['el-upload--' + listType] = true;
      return h(
        'div',
        external_babel_helper_vue_jsx_merge_props_default()([data, {
          attrs: { tabindex: '0' }
        }]),
        [drag ? h(
          'upload-dragger',
          {
            attrs: { disabled: disabled },
            on: {
              'file': uploadFiles
            }
          },
          [this.$slots.default]
        ) : this.$slots.default, h('input', { 'class': 'el-upload__input', attrs: { type: 'file', name: name, multiple: multiple, accept: accept },
          ref: 'input', on: {
            'change': handleChange
          }
        })]
      );
    }
  });
  // CONCATENATED MODULE: ./packages/upload/src/upload.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_uploadvue_type_script_lang_js_ = (uploadvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/upload/src/upload.vue
  var upload_render, upload_staticRenderFns
  
  
  
  
  /* normalize component */
  
  var upload_component = normalizeComponent(
    src_uploadvue_type_script_lang_js_,
    upload_render,
    upload_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var upload_api; }
  upload_component.options.__file = "packages/upload/src/upload.vue"
  /* harmony default export */ var src_upload = (upload_component.exports);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/index.vue?vue&type=script&lang=js&
  
  
  
  
  
  
  function srcvue_type_script_lang_js_noop() {}
  
  /* harmony default export */ var srcvue_type_script_lang_js_ = ({
    name: 'ElUpload',
  
    mixins: [migrating_default.a],
  
    components: {
      ElProgress: progress_default.a,
      UploadList: upload_list,
      Upload: src_upload
    },
  
    provide: function provide() {
      return {
        uploader: this
      };
    },
  
  
    inject: {
      elForm: {
        default: ''
      }
    },
  
    props: {
      action: {
        type: String,
        required: true
      },
      headers: {
        type: Object,
        default: function _default() {
          return {};
        }
      },
      data: Object,
      multiple: Boolean,
      name: {
        type: String,
        default: 'file'
      },
      drag: Boolean,
      dragger: Boolean,
      withCredentials: Boolean,
      showFileList: {
        type: Boolean,
        default: true
      },
      accept: String,
      type: {
        type: String,
        default: 'select'
      },
      beforeUpload: Function,
      beforeRemove: Function,
      onRemove: {
        type: Function,
        default: srcvue_type_script_lang_js_noop
      },
      onChange: {
        type: Function,
        default: srcvue_type_script_lang_js_noop
      },
      onPreview: {
        type: Function
      },
      onSuccess: {
        type: Function,
        default: srcvue_type_script_lang_js_noop
      },
      onProgress: {
        type: Function,
        default: srcvue_type_script_lang_js_noop
      },
      onError: {
        type: Function,
        default: srcvue_type_script_lang_js_noop
      },
      fileList: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      autoUpload: {
        type: Boolean,
        default: true
      },
      listType: {
        type: String,
        default: 'text' // text,picture,picture-card
      },
      httpRequest: Function,
      disabled: Boolean,
      limit: Number,
      onExceed: {
        type: Function,
        default: srcvue_type_script_lang_js_noop
      }
    },
  
    data: function data() {
      return {
        uploadFiles: [],
        dragOver: false,
        draging: false,
        tempIndex: 1
      };
    },
  
  
    computed: {
      uploadDisabled: function uploadDisabled() {
        return this.disabled || (this.elForm || {}).disabled;
      }
    },
  
    watch: {
      listType: function listType(type) {
        if (type === 'picture-card' || type === 'picture') {
          this.uploadFiles.forEach(function (file) {
            if (!file.url && file.raw) {
              try {
                file.url = URL.createObjectURL(file.raw);
              } catch (err) {
                console.error('[Element Error][Upload]', err);
                return;
              }
            }
          });
        }
      },
  
      fileList: {
        immediate: true,
        handler: function handler(fileList) {
          var _this = this;
  
          this.uploadFiles = fileList.map(function (item) {
            item.uid = item.uid || Date.now() + _this.tempIndex++;
            item.status = item.status || 'success';
            return item;
          });
        }
      }
    },
  
    methods: {
      handleStart: function handleStart(rawFile) {
        rawFile.uid = Date.now() + this.tempIndex++;
        var file = {
          status: 'ready',
          name: rawFile.name,
          size: rawFile.size,
          percentage: 0,
          uid: rawFile.uid,
          raw: rawFile
        };
  
        if (this.listType === 'picture-card' || this.listType === 'picture') {
          try {
            file.url = URL.createObjectURL(rawFile);
          } catch (err) {
            console.error('[Element Error][Upload]', err);
            return;
          }
        }
  
        this.uploadFiles.push(file);
        this.onChange(file, this.uploadFiles);
      },
      handleProgress: function handleProgress(ev, rawFile) {
        var file = this.getFile(rawFile);
        this.onProgress(ev, file, this.uploadFiles);
        file.status = 'uploading';
        file.percentage = ev.percent || 0;
      },
      handleSuccess: function handleSuccess(res, rawFile) {
        var file = this.getFile(rawFile);
  
        if (file) {
          file.status = 'success';
          file.response = res;
  
          this.onSuccess(res, file, this.uploadFiles);
          this.onChange(file, this.uploadFiles);
        }
      },
      handleError: function handleError(err, rawFile) {
        var file = this.getFile(rawFile);
        var fileList = this.uploadFiles;
  
        file.status = 'fail';
  
        fileList.splice(fileList.indexOf(file), 1);
  
        this.onError(err, file, this.uploadFiles);
        this.onChange(file, this.uploadFiles);
      },
      handleRemove: function handleRemove(file, raw) {
        var _this2 = this;
  
        if (raw) {
          file = this.getFile(raw);
        }
        var doRemove = function doRemove() {
          _this2.abort(file);
          var fileList = _this2.uploadFiles;
          fileList.splice(fileList.indexOf(file), 1);
          _this2.onRemove(file, fileList);
        };
  
        if (!this.beforeRemove) {
          doRemove();
        } else if (typeof this.beforeRemove === 'function') {
          var before = this.beforeRemove(file, this.uploadFiles);
          if (before && before.then) {
            before.then(function () {
              doRemove();
            }, srcvue_type_script_lang_js_noop);
          } else if (before !== false) {
            doRemove();
          }
        }
      },
      getFile: function getFile(rawFile) {
        var fileList = this.uploadFiles;
        var target = void 0;
        fileList.every(function (item) {
          target = rawFile.uid === item.uid ? item : null;
          return !target;
        });
        return target;
      },
      abort: function abort(file) {
        this.$refs['upload-inner'].abort(file);
      },
      clearFiles: function clearFiles() {
        this.uploadFiles = [];
      },
      submit: function submit() {
        var _this3 = this;
  
        this.uploadFiles.filter(function (file) {
          return file.status === 'ready';
        }).forEach(function (file) {
          _this3.$refs['upload-inner'].upload(file.raw);
        });
      },
      getMigratingConfig: function getMigratingConfig() {
        return {
          props: {
            'default-file-list': 'default-file-list is renamed to file-list.',
            'show-upload-list': 'show-upload-list is renamed to show-file-list.',
            'thumbnail-mode': 'thumbnail-mode has been deprecated, you can implement the same effect according to this case: http://element.eleme.io/#/zh-CN/component/upload#yong-hu-tou-xiang-shang-chuan'
          }
        };
      }
    },
  
    beforeDestroy: function beforeDestroy() {
      this.uploadFiles.forEach(function (file) {
        if (file.url && file.url.indexOf('blob:') === 0) {
          URL.revokeObjectURL(file.url);
        }
      });
    },
    render: function render(h) {
      var uploadList = void 0;
  
      if (this.showFileList) {
        uploadList = h(upload_list, {
          attrs: {
            disabled: this.uploadDisabled,
            listType: this.listType,
            files: this.uploadFiles,
  
            handlePreview: this.onPreview },
          on: {
            'remove': this.handleRemove
          }
        });
      }
  
      var uploadData = {
        props: {
          type: this.type,
          drag: this.drag,
          action: this.action,
          multiple: this.multiple,
          'before-upload': this.beforeUpload,
          'with-credentials': this.withCredentials,
          headers: this.headers,
          name: this.name,
          data: this.data,
          accept: this.accept,
          fileList: this.uploadFiles,
          autoUpload: this.autoUpload,
          listType: this.listType,
          disabled: this.uploadDisabled,
          limit: this.limit,
          'on-exceed': this.onExceed,
          'on-start': this.handleStart,
          'on-progress': this.handleProgress,
          'on-success': this.handleSuccess,
          'on-error': this.handleError,
          'on-preview': this.onPreview,
          'on-remove': this.handleRemove,
          'http-request': this.httpRequest
        },
        ref: 'upload-inner'
      };
  
      var trigger = this.$slots.trigger || this.$slots.default;
      var uploadComponent = h(
        'upload',
        uploadData,
        [trigger]
      );
  
      return h('div', [this.listType === 'picture-card' ? uploadList : '', this.$slots.trigger ? [uploadComponent, this.$slots.default] : uploadComponent, this.$slots.tip, this.listType !== 'picture-card' ? uploadList : '']);
    }
  });
  // CONCATENATED MODULE: ./packages/upload/src/index.vue?vue&type=script&lang=js&
   /* harmony default export */ var upload_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/upload/src/index.vue
  var src_render, src_staticRenderFns
  
  
  
  
  /* normalize component */
  
  var upload_src_component = normalizeComponent(
    upload_srcvue_type_script_lang_js_,
    src_render,
    src_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var src_api; }
  upload_src_component.options.__file = "packages/upload/src/index.vue"
  /* harmony default export */ var upload_src = (upload_src_component.exports);
  // CONCATENATED MODULE: ./packages/upload/index.js
  
  
  /* istanbul ignore next */
  upload_src.install = function (Vue) {
    Vue.component(upload_src.name, upload_src);
  };
  
  /* harmony default export */ var packages_upload = (upload_src);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/progress/src/progress.vue?vue&type=template&id=229ee406&
  var progressvue_type_template_id_229ee406_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-progress",
        class: [
          "el-progress--" + _vm.type,
          _vm.status ? "is-" + _vm.status : "",
          {
            "el-progress--without-text": !_vm.showText,
            "el-progress--text-inside": _vm.textInside
          }
        ],
        attrs: {
          role: "progressbar",
          "aria-valuenow": _vm.percentage,
          "aria-valuemin": "0",
          "aria-valuemax": "100"
        }
      },
      [
        _vm.type === "line"
          ? _c("div", { staticClass: "el-progress-bar" }, [
              _c(
                "div",
                {
                  staticClass: "el-progress-bar__outer",
                  style: { height: _vm.strokeWidth + "px" }
                },
                [
                  _c(
                    "div",
                    {
                      staticClass: "el-progress-bar__inner",
                      style: _vm.barStyle
                    },
                    [
                      _vm.showText && _vm.textInside
                        ? _c(
                            "div",
                            { staticClass: "el-progress-bar__innerText" },
                            [_vm._v(_vm._s(_vm.percentage) + "%")]
                          )
                        : _vm._e()
                    ]
                  )
                ]
              )
            ])
          : _c(
              "div",
              {
                staticClass: "el-progress-circle",
                style: { height: _vm.width + "px", width: _vm.width + "px" }
              },
              [
                _c("svg", { attrs: { viewBox: "0 0 100 100" } }, [
                  _c("path", {
                    staticClass: "el-progress-circle__track",
                    attrs: {
                      d: _vm.trackPath,
                      stroke: "#e5e9f2",
                      "stroke-width": _vm.relativeStrokeWidth,
                      fill: "none"
                    }
                  }),
                  _c("path", {
                    staticClass: "el-progress-circle__path",
                    style: _vm.circlePathStyle,
                    attrs: {
                      d: _vm.trackPath,
                      "stroke-linecap": "round",
                      stroke: _vm.stroke,
                      "stroke-width": _vm.relativeStrokeWidth,
                      fill: "none"
                    }
                  })
                ])
              ]
            ),
        _vm.showText && !_vm.textInside
          ? _c(
              "div",
              {
                staticClass: "el-progress__text",
                style: { fontSize: _vm.progressTextSize + "px" }
              },
              [
                !_vm.status
                  ? [_vm._v(_vm._s(_vm.percentage) + "%")]
                  : [
                      _vm.status === "text"
                        ? _vm._t("default")
                        : _c("i", { class: _vm.iconClass })
                    ]
              ],
              2
            )
          : _vm._e()
      ]
    )
  }
  var progressvue_type_template_id_229ee406_staticRenderFns = []
  progressvue_type_template_id_229ee406_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/progress/src/progress.vue?vue&type=template&id=229ee406&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/progress/src/progress.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var progressvue_type_script_lang_js_ = ({
    name: 'ElProgress',
    props: {
      type: {
        type: String,
        default: 'line',
        validator: function validator(val) {
          return ['line', 'circle'].indexOf(val) > -1;
        }
      },
      percentage: {
        type: Number,
        default: 0,
        required: true,
        validator: function validator(val) {
          return val >= 0 && val <= 100;
        }
      },
      status: {
        type: String,
        validator: function validator(val) {
          return ['text', 'success', 'exception'].indexOf(val) > -1;
        }
      },
      strokeWidth: {
        type: Number,
        default: 6
      },
      textInside: {
        type: Boolean,
        default: false
      },
      width: {
        type: Number,
        default: 126
      },
      showText: {
        type: Boolean,
        default: true
      },
      color: {
        type: String,
        default: ''
      }
    },
    computed: {
      barStyle: function barStyle() {
        var style = {};
        style.width = this.percentage + '%';
        style.backgroundColor = this.color;
        return style;
      },
      relativeStrokeWidth: function relativeStrokeWidth() {
        return (this.strokeWidth / this.width * 100).toFixed(1);
      },
      trackPath: function trackPath() {
        var radius = parseInt(50 - parseFloat(this.relativeStrokeWidth) / 2, 10);
  
        return 'M 50 50 m 0 -' + radius + ' a ' + radius + ' ' + radius + ' 0 1 1 0 ' + radius * 2 + ' a ' + radius + ' ' + radius + ' 0 1 1 0 -' + radius * 2;
      },
      perimeter: function perimeter() {
        var radius = 50 - parseFloat(this.relativeStrokeWidth) / 2;
        return 2 * Math.PI * radius;
      },
      circlePathStyle: function circlePathStyle() {
        var perimeter = this.perimeter;
        return {
          strokeDasharray: perimeter + 'px,' + perimeter + 'px',
          strokeDashoffset: (1 - this.percentage / 100) * perimeter + 'px',
          transition: 'stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease'
        };
      },
      stroke: function stroke() {
        var ret = void 0;
        if (this.color) {
          ret = this.color;
        } else {
          switch (this.status) {
            case 'success':
              ret = '#13ce66';
              break;
            case 'exception':
              ret = '#ff4949';
              break;
            default:
              ret = '#20a0ff';
          }
        }
        return ret;
      },
      iconClass: function iconClass() {
        if (this.type === 'line') {
          return this.status === 'success' ? 'el-icon-circle-check' : 'el-icon-circle-close';
        } else {
          return this.status === 'success' ? 'el-icon-check' : 'el-icon-close';
        }
      },
      progressTextSize: function progressTextSize() {
        return this.type === 'line' ? 12 + this.strokeWidth * 0.4 : this.width * 0.111111 + 2;
      }
    }
  });
  // CONCATENATED MODULE: ./packages/progress/src/progress.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_progressvue_type_script_lang_js_ = (progressvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/progress/src/progress.vue
  
  
  
  
  
  /* normalize component */
  
  var progress_component = normalizeComponent(
    src_progressvue_type_script_lang_js_,
    progressvue_type_template_id_229ee406_render,
    progressvue_type_template_id_229ee406_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var progress_api; }
  progress_component.options.__file = "packages/progress/src/progress.vue"
  /* harmony default export */ var progress = (progress_component.exports);
  // CONCATENATED MODULE: ./packages/progress/index.js
  
  
  /* istanbul ignore next */
  progress.install = function (Vue) {
    Vue.component(progress.name, progress);
  };
  
  /* harmony default export */ var packages_progress = (progress);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/spinner/src/spinner.vue?vue&type=template&id=697b8538&
  var spinnervue_type_template_id_697b8538_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c("span", { staticClass: "el-spinner" }, [
      _c(
        "svg",
        {
          staticClass: "el-spinner-inner",
          style: { width: _vm.radius / 2 + "px", height: _vm.radius / 2 + "px" },
          attrs: { viewBox: "0 0 50 50" }
        },
        [
          _c("circle", {
            staticClass: "path",
            attrs: {
              cx: "25",
              cy: "25",
              r: "20",
              fill: "none",
              stroke: _vm.strokeColor,
              "stroke-width": _vm.strokeWidth
            }
          })
        ]
      )
    ])
  }
  var spinnervue_type_template_id_697b8538_staticRenderFns = []
  spinnervue_type_template_id_697b8538_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/spinner/src/spinner.vue?vue&type=template&id=697b8538&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/spinner/src/spinner.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var spinnervue_type_script_lang_js_ = ({
    name: 'ElSpinner',
    props: {
      type: String,
      radius: {
        type: Number,
        default: 100
      },
      strokeWidth: {
        type: Number,
        default: 5
      },
      strokeColor: {
        type: String,
        default: '#efefef'
      }
    }
  });
  // CONCATENATED MODULE: ./packages/spinner/src/spinner.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_spinnervue_type_script_lang_js_ = (spinnervue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/spinner/src/spinner.vue
  
  
  
  
  
  /* normalize component */
  
  var spinner_component = normalizeComponent(
    src_spinnervue_type_script_lang_js_,
    spinnervue_type_template_id_697b8538_render,
    spinnervue_type_template_id_697b8538_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var spinner_api; }
  spinner_component.options.__file = "packages/spinner/src/spinner.vue"
  /* harmony default export */ var spinner = (spinner_component.exports);
  // CONCATENATED MODULE: ./packages/spinner/index.js
  
  
  /* istanbul ignore next */
  spinner.install = function (Vue) {
    Vue.component(spinner.name, spinner);
  };
  
  /* harmony default export */ var packages_spinner = (spinner);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=455b9f60&
  var mainvue_type_template_id_455b9f60_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "transition",
      {
        attrs: { name: "el-message-fade" },
        on: { "after-leave": _vm.handleAfterLeave }
      },
      [
        _c(
          "div",
          {
            directives: [
              {
                name: "show",
                rawName: "v-show",
                value: _vm.visible,
                expression: "visible"
              }
            ],
            class: [
              "el-message",
              _vm.type && !_vm.iconClass ? "el-message--" + _vm.type : "",
              _vm.center ? "is-center" : "",
              _vm.showClose ? "is-closable" : "",
              _vm.customClass
            ],
            attrs: { role: "alert" },
            on: { mouseenter: _vm.clearTimer, mouseleave: _vm.startTimer }
          },
          [
            _vm.iconClass
              ? _c("i", { class: _vm.iconClass })
              : _c("i", { class: _vm.typeClass }),
            _vm._t("default", [
              !_vm.dangerouslyUseHTMLString
                ? _c("p", { staticClass: "el-message__content" }, [
                    _vm._v(_vm._s(_vm.message))
                  ])
                : _c("p", {
                    staticClass: "el-message__content",
                    domProps: { innerHTML: _vm._s(_vm.message) }
                  })
            ]),
            _vm.showClose
              ? _c("i", {
                  staticClass: "el-message__closeBtn el-icon-close",
                  on: { click: _vm.close }
                })
              : _vm._e()
          ],
          2
        )
      ]
    )
  }
  var mainvue_type_template_id_455b9f60_staticRenderFns = []
  mainvue_type_template_id_455b9f60_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=455b9f60&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  var src_mainvue_type_script_lang_js_typeMap = {
    success: 'success',
    info: 'info',
    warning: 'warning',
    error: 'error'
  };
  
  /* harmony default export */ var message_src_mainvue_type_script_lang_js_ = ({
    data: function data() {
      return {
        visible: false,
        message: '',
        duration: 3000,
        type: 'info',
        iconClass: '',
        customClass: '',
        onClose: null,
        showClose: false,
        closed: false,
        timer: null,
        dangerouslyUseHTMLString: false,
        center: false
      };
    },
  
  
    computed: {
      typeClass: function typeClass() {
        return this.type && !this.iconClass ? 'el-message__icon el-icon-' + src_mainvue_type_script_lang_js_typeMap[this.type] : '';
      }
    },
  
    watch: {
      closed: function closed(newVal) {
        if (newVal) {
          this.visible = false;
        }
      }
    },
  
    methods: {
      handleAfterLeave: function handleAfterLeave() {
        this.$destroy(true);
        this.$el.parentNode.removeChild(this.$el);
      },
      close: function close() {
        this.closed = true;
        if (typeof this.onClose === 'function') {
          this.onClose(this);
        }
      },
      clearTimer: function clearTimer() {
        clearTimeout(this.timer);
      },
      startTimer: function startTimer() {
        var _this = this;
  
        if (this.duration > 0) {
          this.timer = setTimeout(function () {
            if (!_this.closed) {
              _this.close();
            }
          }, this.duration);
        }
      },
      keydown: function keydown(e) {
        if (e.keyCode === 27) {
          // esc关闭消息
          if (!this.closed) {
            this.close();
          }
        }
      }
    },
    mounted: function mounted() {
      this.startTimer();
      document.addEventListener('keydown', this.keydown);
    },
    beforeDestroy: function beforeDestroy() {
      document.removeEventListener('keydown', this.keydown);
    }
  });
  // CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_message_src_mainvue_type_script_lang_js_ = (message_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/message/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var message_src_main_component = normalizeComponent(
    packages_message_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_455b9f60_render,
    mainvue_type_template_id_455b9f60_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var message_src_main_api; }
  message_src_main_component.options.__file = "packages/message/src/main.vue"
  /* harmony default export */ var message_src_main = (message_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/message/src/main.js
  
  
  
  
  var MessageConstructor = external_vue_default.a.extend(message_src_main);
  
  var message_src_main_instance = void 0;
  var main_instances = [];
  var main_seed = 1;
  
  var main_Message = function Message(options) {
    if (external_vue_default.a.prototype.$isServer) return;
    options = options || {};
    if (typeof options === 'string') {
      options = {
        message: options
      };
    }
    var userOnClose = options.onClose;
    var id = 'message_' + main_seed++;
  
    options.onClose = function () {
      Message.close(id, userOnClose);
    };
    message_src_main_instance = new MessageConstructor({
      data: options
    });
    message_src_main_instance.id = id;
    if (Object(vdom_["isVNode"])(message_src_main_instance.message)) {
      message_src_main_instance.$slots.default = [message_src_main_instance.message];
      message_src_main_instance.message = null;
    }
    message_src_main_instance.vm = message_src_main_instance.$mount();
    document.body.appendChild(message_src_main_instance.vm.$el);
    message_src_main_instance.vm.visible = true;
    message_src_main_instance.dom = message_src_main_instance.vm.$el;
    message_src_main_instance.dom.style.zIndex = popup_["PopupManager"].nextZIndex();
    main_instances.push(message_src_main_instance);
    return message_src_main_instance.vm;
  };
  
  ['success', 'warning', 'info', 'error'].forEach(function (type) {
    main_Message[type] = function (options) {
      if (typeof options === 'string') {
        options = {
          message: options
        };
      }
      options.type = type;
      return main_Message(options);
    };
  });
  
  main_Message.close = function (id, userOnClose) {
    for (var i = 0, len = main_instances.length; i < len; i++) {
      if (id === main_instances[i].id) {
        if (typeof userOnClose === 'function') {
          userOnClose(main_instances[i]);
        }
        main_instances.splice(i, 1);
        break;
      }
    }
  };
  
  main_Message.closeAll = function () {
    for (var i = main_instances.length - 1; i >= 0; i--) {
      main_instances[i].close();
    }
  };
  
  /* harmony default export */ var packages_message_src_main = (main_Message);
  // CONCATENATED MODULE: ./packages/message/index.js
  
  /* harmony default export */ var packages_message = (packages_message_src_main);
  // 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 mainvue_type_template_id_7ccb6598_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 mainvue_type_template_id_7ccb6598_staticRenderFns = []
  mainvue_type_template_id_7ccb6598_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 badge_src_mainvue_type_script_lang_js_ = ({
    name: 'ElBadge',
  
    props: {
      value: {},
      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 packages_badge_src_mainvue_type_script_lang_js_ = (badge_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/badge/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var badge_src_main_component = normalizeComponent(
    packages_badge_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_7ccb6598_render,
    mainvue_type_template_id_7ccb6598_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var badge_src_main_api; }
  badge_src_main_component.options.__file = "packages/badge/src/main.vue"
  /* harmony default export */ var badge_src_main = (badge_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/badge/index.js
  
  
  /* istanbul ignore next */
  badge_src_main.install = function (Vue) {
    Vue.component(badge_src_main.name, badge_src_main);
  };
  
  /* harmony default export */ var badge = (badge_src_main);
  // 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 mainvue_type_template_id_59a4a40f_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 mainvue_type_template_id_59a4a40f_staticRenderFns = []
  mainvue_type_template_id_59a4a40f_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 card_src_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 packages_card_src_mainvue_type_script_lang_js_ = (card_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/card/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var card_src_main_component = normalizeComponent(
    packages_card_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_59a4a40f_render,
    mainvue_type_template_id_59a4a40f_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var card_src_main_api; }
  card_src_main_component.options.__file = "packages/card/src/main.vue"
  /* harmony default export */ var card_src_main = (card_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/card/index.js
  
  
  /* istanbul ignore next */
  card_src_main.install = function (Vue) {
    Vue.component(card_src_main.name, card_src_main);
  };
  
  /* harmony default export */ var card = (card_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/rate/src/main.vue?vue&type=template&id=ada57782&
  var mainvue_type_template_id_ada57782_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-rate",
        attrs: {
          role: "slider",
          "aria-valuenow": _vm.currentValue,
          "aria-valuetext": _vm.text,
          "aria-valuemin": "0",
          "aria-valuemax": _vm.max,
          tabindex: "0"
        },
        on: { keydown: _vm.handleKey }
      },
      [
        _vm._l(_vm.max, function(item, key) {
          return _c(
            "span",
            {
              key: key,
              staticClass: "el-rate__item",
              style: { cursor: _vm.rateDisabled ? "auto" : "pointer" },
              on: {
                mousemove: function($event) {
                  _vm.setCurrentValue(item, $event)
                },
                mouseleave: _vm.resetCurrentValue,
                click: function($event) {
                  _vm.selectValue(item)
                }
              }
            },
            [
              _c(
                "i",
                {
                  staticClass: "el-rate__icon",
                  class: [
                    _vm.classes[item - 1],
                    { hover: _vm.hoverIndex === item }
                  ],
                  style: _vm.getIconStyle(item)
                },
                [
                  _vm.showDecimalIcon(item)
                    ? _c("i", {
                        staticClass: "el-rate__decimal",
                        class: _vm.decimalIconClass,
                        style: _vm.decimalStyle
                      })
                    : _vm._e()
                ]
              )
            ]
          )
        }),
        _vm.showText || _vm.showScore
          ? _c(
              "span",
              { staticClass: "el-rate__text", style: { color: _vm.textColor } },
              [_vm._v(_vm._s(_vm.text))]
            )
          : _vm._e()
      ],
      2
    )
  }
  var mainvue_type_template_id_ada57782_staticRenderFns = []
  mainvue_type_template_id_ada57782_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/rate/src/main.vue?vue&type=template&id=ada57782&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/rate/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  /* harmony default export */ var rate_src_mainvue_type_script_lang_js_ = ({
    name: 'ElRate',
  
    mixins: [migrating_default.a],
  
    inject: {
      elForm: {
        default: ''
      }
    },
  
    data: function data() {
      return {
        pointerAtLeftHalf: true,
        currentValue: this.value,
        hoverIndex: -1
      };
    },
  
  
    props: {
      value: {
        type: Number,
        default: 0
      },
      lowThreshold: {
        type: Number,
        default: 2
      },
      highThreshold: {
        type: Number,
        default: 4
      },
      max: {
        type: Number,
        default: 5
      },
      colors: {
        type: Array,
        default: function _default() {
          return ['#F7BA2A', '#F7BA2A', '#F7BA2A'];
        }
      },
      voidColor: {
        type: String,
        default: '#C6D1DE'
      },
      disabledVoidColor: {
        type: String,
        default: '#EFF2F7'
      },
      iconClasses: {
        type: Array,
        default: function _default() {
          return ['el-icon-star-on', 'el-icon-star-on', 'el-icon-star-on'];
        }
      },
      voidIconClass: {
        type: String,
        default: 'el-icon-star-off'
      },
      disabledVoidIconClass: {
        type: String,
        default: 'el-icon-star-on'
      },
      disabled: {
        type: Boolean,
        default: false
      },
      allowHalf: {
        type: Boolean,
        default: false
      },
      showText: {
        type: Boolean,
        default: false
      },
      showScore: {
        type: Boolean,
        default: false
      },
      textColor: {
        type: String,
        default: '#1f2d3d'
      },
      texts: {
        type: Array,
        default: function _default() {
          return ['极差', '失望', '一般', '满意', '惊喜'];
        }
      },
      scoreTemplate: {
        type: String,
        default: '{value}'
      }
    },
  
    computed: {
      text: function text() {
        var result = '';
        if (this.showScore) {
          result = this.scoreTemplate.replace(/\{\s*value\s*\}/, this.rateDisabled ? this.value : this.currentValue);
        } else if (this.showText) {
          result = this.texts[Math.ceil(this.currentValue) - 1];
        }
        return result;
      },
      decimalStyle: function decimalStyle() {
        var width = '';
        if (this.rateDisabled) {
          width = (this.valueDecimal < 50 ? 0 : 50) + '%';
        }
        if (this.allowHalf) {
          width = '50%';
        }
        return {
          color: this.activeColor,
          width: width
        };
      },
      valueDecimal: function valueDecimal() {
        return this.value * 100 - Math.floor(this.value) * 100;
      },
      decimalIconClass: function decimalIconClass() {
        return this.getValueFromMap(this.value, this.classMap);
      },
      voidClass: function voidClass() {
        return this.rateDisabled ? this.classMap.disabledVoidClass : this.classMap.voidClass;
      },
      activeClass: function activeClass() {
        return this.getValueFromMap(this.currentValue, this.classMap);
      },
      colorMap: function colorMap() {
        return {
          lowColor: this.colors[0],
          mediumColor: this.colors[1],
          highColor: this.colors[2],
          voidColor: this.voidColor,
          disabledVoidColor: this.disabledVoidColor
        };
      },
      activeColor: function activeColor() {
        return this.getValueFromMap(this.currentValue, this.colorMap);
      },
      classes: function classes() {
        var result = [];
        var i = 0;
        var threshold = this.currentValue;
        if (this.allowHalf && this.currentValue !== Math.floor(this.currentValue)) {
          threshold--;
        }
        for (; i < threshold; i++) {
          result.push(this.activeClass);
        }
        for (; i < this.max; i++) {
          result.push(this.voidClass);
        }
        return result;
      },
      classMap: function classMap() {
        return {
          lowClass: this.iconClasses[0],
          mediumClass: this.iconClasses[1],
          highClass: this.iconClasses[2],
          voidClass: this.voidIconClass,
          disabledVoidClass: this.disabledVoidIconClass
        };
      },
      rateDisabled: function rateDisabled() {
        return this.disabled || (this.elForm || {}).disabled;
      }
    },
  
    watch: {
      value: function value(val) {
        this.currentValue = val;
        this.pointerAtLeftHalf = this.value !== Math.floor(this.value);
      }
    },
  
    methods: {
      getMigratingConfig: function getMigratingConfig() {
        return {
          props: {
            'text-template': 'text-template is renamed to score-template.'
          }
        };
      },
      getValueFromMap: function getValueFromMap(value, map) {
        var result = '';
        if (value <= this.lowThreshold) {
          result = map.lowColor || map.lowClass;
        } else if (value >= this.highThreshold) {
          result = map.highColor || map.highClass;
        } else {
          result = map.mediumColor || map.mediumClass;
        }
        return result;
      },
      showDecimalIcon: function showDecimalIcon(item) {
        var showWhenDisabled = this.rateDisabled && this.valueDecimal > 0 && item - 1 < this.value && item > this.value;
        /* istanbul ignore next */
        var showWhenAllowHalf = this.allowHalf && this.pointerAtLeftHalf && item - 0.5 <= this.currentValue && item > this.currentValue;
        return showWhenDisabled || showWhenAllowHalf;
      },
      getIconStyle: function getIconStyle(item) {
        var voidColor = this.rateDisabled ? this.colorMap.disabledVoidColor : this.colorMap.voidColor;
        return {
          color: item <= this.currentValue ? this.activeColor : voidColor
        };
      },
      selectValue: function selectValue(value) {
        if (this.rateDisabled) {
          return;
        }
        if (this.allowHalf && this.pointerAtLeftHalf) {
          this.$emit('input', this.currentValue);
          this.$emit('change', this.currentValue);
        } else {
          this.$emit('input', value);
          this.$emit('change', value);
        }
      },
      handleKey: function handleKey(e) {
        if (this.rateDisabled) {
          return;
        }
        var currentValue = this.currentValue;
        var keyCode = e.keyCode;
        if (keyCode === 38 || keyCode === 39) {
          // left / down
          if (this.allowHalf) {
            currentValue += 0.5;
          } else {
            currentValue += 1;
          }
          e.stopPropagation();
          e.preventDefault();
        } else if (keyCode === 37 || keyCode === 40) {
          if (this.allowHalf) {
            currentValue -= 0.5;
          } else {
            currentValue -= 1;
          }
          e.stopPropagation();
          e.preventDefault();
        }
        currentValue = currentValue < 0 ? 0 : currentValue;
        currentValue = currentValue > this.max ? this.max : currentValue;
  
        this.$emit('input', currentValue);
        this.$emit('change', currentValue);
      },
      setCurrentValue: function setCurrentValue(value, event) {
        if (this.rateDisabled) {
          return;
        }
        /* istanbul ignore if */
        if (this.allowHalf) {
          var target = event.target;
          if (Object(dom_["hasClass"])(target, 'el-rate__item')) {
            target = target.querySelector('.el-rate__icon');
          }
          if (Object(dom_["hasClass"])(target, 'el-rate__decimal')) {
            target = target.parentNode;
          }
          this.pointerAtLeftHalf = event.offsetX * 2 <= target.clientWidth;
          this.currentValue = this.pointerAtLeftHalf ? value - 0.5 : value;
        } else {
          this.currentValue = value;
        }
        this.hoverIndex = value;
      },
      resetCurrentValue: function resetCurrentValue() {
        if (this.rateDisabled) {
          return;
        }
        if (this.allowHalf) {
          this.pointerAtLeftHalf = this.value !== Math.floor(this.value);
        }
        this.currentValue = this.value;
        this.hoverIndex = -1;
      }
    },
  
    created: function created() {
      if (!this.value) {
        this.$emit('input', 0);
      }
    }
  });
  // CONCATENATED MODULE: ./packages/rate/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_rate_src_mainvue_type_script_lang_js_ = (rate_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/rate/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var rate_src_main_component = normalizeComponent(
    packages_rate_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_ada57782_render,
    mainvue_type_template_id_ada57782_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var rate_src_main_api; }
  rate_src_main_component.options.__file = "packages/rate/src/main.vue"
  /* harmony default export */ var rate_src_main = (rate_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/rate/index.js
  
  
  /* istanbul ignore next */
  rate_src_main.install = function (Vue) {
    Vue.component(rate_src_main.name, rate_src_main);
  };
  
  /* harmony default export */ var rate = (rate_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/steps/src/steps.vue?vue&type=template&id=3c6b6dc0&
  var stepsvue_type_template_id_3c6b6dc0_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-steps",
        class: [
          !_vm.simple && "el-steps--" + _vm.direction,
          _vm.simple && "el-steps--simple"
        ]
      },
      [_vm._t("default")],
      2
    )
  }
  var stepsvue_type_template_id_3c6b6dc0_staticRenderFns = []
  stepsvue_type_template_id_3c6b6dc0_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/steps/src/steps.vue?vue&type=template&id=3c6b6dc0&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/steps/src/steps.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  /* harmony default export */ var stepsvue_type_script_lang_js_ = ({
    name: 'ElSteps',
  
    mixins: [migrating_default.a],
  
    props: {
      space: [Number, String],
      active: Number,
      direction: {
        type: String,
        default: 'horizontal'
      },
      alignCenter: Boolean,
      simple: Boolean,
      finishStatus: {
        type: String,
        default: 'finish'
      },
      processStatus: {
        type: String,
        default: 'process'
      }
    },
  
    data: function data() {
      return {
        steps: [],
        stepOffset: 0
      };
    },
  
  
    methods: {
      getMigratingConfig: function getMigratingConfig() {
        return {
          props: {
            'center': 'center is removed.'
          }
        };
      }
    },
  
    watch: {
      active: function active(newVal, oldVal) {
        this.$emit('change', newVal, oldVal);
      },
      steps: function steps(_steps) {
        _steps.forEach(function (child, index) {
          child.index = index;
        });
      }
    }
  });
  // CONCATENATED MODULE: ./packages/steps/src/steps.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_stepsvue_type_script_lang_js_ = (stepsvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/steps/src/steps.vue
  
  
  
  
  
  /* normalize component */
  
  var steps_component = normalizeComponent(
    src_stepsvue_type_script_lang_js_,
    stepsvue_type_template_id_3c6b6dc0_render,
    stepsvue_type_template_id_3c6b6dc0_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var steps_api; }
  steps_component.options.__file = "packages/steps/src/steps.vue"
  /* harmony default export */ var steps = (steps_component.exports);
  // CONCATENATED MODULE: ./packages/steps/index.js
  
  
  /* istanbul ignore next */
  steps.install = function (Vue) {
    Vue.component(steps.name, steps);
  };
  
  /* harmony default export */ var packages_steps = (steps);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/steps/src/step.vue?vue&type=template&id=f414a87a&
  var stepvue_type_template_id_f414a87a_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-step",
        class: [
          !_vm.isSimple && "is-" + _vm.$parent.direction,
          _vm.isSimple && "is-simple",
          _vm.isLast && !_vm.space && !_vm.isCenter && "is-flex",
          _vm.isCenter && !_vm.isVertical && !_vm.isSimple && "is-center"
        ],
        style: _vm.style
      },
      [
        _c(
          "div",
          { staticClass: "el-step__head", class: "is-" + _vm.currentStatus },
          [
            _c(
              "div",
              {
                staticClass: "el-step__line",
                style: _vm.isLast
                  ? ""
                  : { marginRight: _vm.$parent.stepOffset + "px" }
              },
              [
                _c("i", {
                  staticClass: "el-step__line-inner",
                  style: _vm.lineStyle
                })
              ]
            ),
            _c(
              "div",
              {
                staticClass: "el-step__icon",
                class: "is-" + (_vm.icon ? "icon" : "text")
              },
              [
                _vm.currentStatus !== "success" && _vm.currentStatus !== "error"
                  ? _vm._t("icon", [
                      _vm.icon
                        ? _c("i", {
                            staticClass: "el-step__icon-inner",
                            class: [_vm.icon]
                          })
                        : _vm._e(),
                      !_vm.icon && !_vm.isSimple
                        ? _c("div", { staticClass: "el-step__icon-inner" }, [
                            _vm._v(_vm._s(_vm.index + 1))
                          ])
                        : _vm._e()
                    ])
                  : _c("i", {
                      staticClass: "el-step__icon-inner is-status",
                      class: [
                        "el-icon-" +
                          (_vm.currentStatus === "success" ? "check" : "close")
                      ]
                    })
              ],
              2
            )
          ]
        ),
        _c("div", { staticClass: "el-step__main" }, [
          _c(
            "div",
            {
              ref: "title",
              staticClass: "el-step__title",
              class: ["is-" + _vm.currentStatus]
            },
            [_vm._t("title", [_vm._v(_vm._s(_vm.title))])],
            2
          ),
          _vm.isSimple
            ? _c("div", { staticClass: "el-step__arrow" })
            : _c(
                "div",
                {
                  staticClass: "el-step__description",
                  class: ["is-" + _vm.currentStatus]
                },
                [_vm._t("description", [_vm._v(_vm._s(_vm.description))])],
                2
              )
        ])
      ]
    )
  }
  var stepvue_type_template_id_f414a87a_staticRenderFns = []
  stepvue_type_template_id_f414a87a_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/steps/src/step.vue?vue&type=template&id=f414a87a&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/steps/src/step.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var stepvue_type_script_lang_js_ = ({
    name: 'ElStep',
  
    props: {
      title: String,
      icon: String,
      description: String,
      status: String
    },
  
    data: function data() {
      return {
        index: -1,
        lineStyle: {},
        internalStatus: ''
      };
    },
    beforeCreate: function beforeCreate() {
      this.$parent.steps.push(this);
    },
    beforeDestroy: function beforeDestroy() {
      var steps = this.$parent.steps;
      var index = steps.indexOf(this);
      if (index >= 0) {
        steps.splice(index, 1);
      }
    },
  
  
    computed: {
      currentStatus: function currentStatus() {
        return this.status || this.internalStatus;
      },
      prevStatus: function prevStatus() {
        var prevStep = this.$parent.steps[this.index - 1];
        return prevStep ? prevStep.currentStatus : 'wait';
      },
      isCenter: function isCenter() {
        return this.$parent.alignCenter;
      },
      isVertical: function isVertical() {
        return this.$parent.direction === 'vertical';
      },
      isSimple: function isSimple() {
        return this.$parent.simple;
      },
      isLast: function isLast() {
        var parent = this.$parent;
        return parent.steps[parent.steps.length - 1] === this;
      },
      stepsCount: function stepsCount() {
        return this.$parent.steps.length;
      },
      space: function space() {
        var isSimple = this.isSimple,
            space = this.$parent.space;
  
        return isSimple ? '' : space;
      },
  
      style: function style() {
        var style = {};
        var parent = this.$parent;
        var len = parent.steps.length;
  
        var space = typeof this.space === 'number' ? this.space + 'px' : this.space ? this.space : 100 / (len - (this.isCenter ? 0 : 1)) + '%';
        style.flexBasis = space;
        if (this.isVertical) return style;
        if (this.isLast) {
          style.maxWidth = 100 / this.stepsCount + '%';
        } else {
          style.marginRight = -this.$parent.stepOffset + 'px';
        }
  
        return style;
      }
    },
  
    methods: {
      updateStatus: function updateStatus(val) {
        var prevChild = this.$parent.$children[this.index - 1];
  
        if (val > this.index) {
          this.internalStatus = this.$parent.finishStatus;
        } else if (val === this.index && this.prevStatus !== 'error') {
          this.internalStatus = this.$parent.processStatus;
        } else {
          this.internalStatus = 'wait';
        }
  
        if (prevChild) prevChild.calcProgress(this.internalStatus);
      },
      calcProgress: function calcProgress(status) {
        var step = 100;
        var style = {};
  
        style.transitionDelay = 150 * this.index + 'ms';
        if (status === this.$parent.processStatus) {
          step = this.currentStatus !== 'error' ? 0 : 0;
        } else if (status === 'wait') {
          step = 0;
          style.transitionDelay = -150 * this.index + 'ms';
        }
  
        style.borderWidth = step ? '1px' : 0;
        this.$parent.direction === 'vertical' ? style.height = step + '%' : style.width = step + '%';
  
        this.lineStyle = style;
      }
    },
  
    mounted: function mounted() {
      var _this = this;
  
      var unwatch = this.$watch('index', function (val) {
        _this.$watch('$parent.active', _this.updateStatus, { immediate: true });
        unwatch();
      });
    }
  });
  // CONCATENATED MODULE: ./packages/steps/src/step.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_stepvue_type_script_lang_js_ = (stepvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/steps/src/step.vue
  
  
  
  
  
  /* normalize component */
  
  var step_component = normalizeComponent(
    src_stepvue_type_script_lang_js_,
    stepvue_type_template_id_f414a87a_render,
    stepvue_type_template_id_f414a87a_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var step_api; }
  step_component.options.__file = "packages/steps/src/step.vue"
  /* harmony default export */ var step = (step_component.exports);
  // CONCATENATED MODULE: ./packages/step/index.js
  
  
  /* istanbul ignore next */
  step.install = function (Vue) {
    Vue.component(step.name, step);
  };
  
  /* harmony default export */ var packages_step = (step);
  // 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 mainvue_type_template_id_5d5d1482_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      {
        staticClass: "el-carousel",
        class: { "el-carousel--card": _vm.type === "card" },
        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 }
          },
          [
            _c("transition", { attrs: { name: "carousel-arrow-left" } }, [
              _vm.arrow !== "never"
                ? _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()
            ]),
            _c("transition", { attrs: { name: "carousel-arrow-right" } }, [
              _vm.arrow !== "never"
                ? _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",
              {
                staticClass: "el-carousel__indicators",
                class: {
                  "el-carousel__indicators--labels": _vm.hasLabel,
                  "el-carousel__indicators--outside":
                    _vm.indicatorPosition === "outside" || _vm.type === "card"
                }
              },
              _vm._l(_vm.items, function(item, index) {
                return _c(
                  "li",
                  {
                    staticClass: "el-carousel__indicator",
                    class: { "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 mainvue_type_template_id_5d5d1482_staticRenderFns = []
  mainvue_type_template_id_5d5d1482_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__(30);
  var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
  
  // 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 carousel_src_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
      }
    },
  
    data: function data() {
      return {
        items: [],
        activeIndex: -1,
        containerWidth: 0,
        timer: null,
        hover: false
      };
    },
  
  
    computed: {
      hasLabel: function hasLabel() {
        return this.items.some(function (item) {
          return item.label.toString().length > 0;
        });
      }
    },
  
    watch: {
      items: function items(val) {
        if (val.length > 0) this.setActiveItem(this.initialIndex);
      },
      activeIndex: function activeIndex(val, oldVal) {
        this.resetItemPosition(oldVal);
        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;
  
        this.items.forEach(function (item, index) {
          if (arrow === _this.itemInStage(item, index)) {
            item.hover = true;
          }
        });
      },
      handleButtonLeave: function handleButtonLeave() {
        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)) {
           false && false;
          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 packages_carousel_src_mainvue_type_script_lang_js_ = (carousel_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/carousel/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var carousel_src_main_component = normalizeComponent(
    packages_carousel_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_5d5d1482_render,
    mainvue_type_template_id_5d5d1482_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var carousel_src_main_api; }
  carousel_src_main_component.options.__file = "packages/carousel/src/main.vue"
  /* harmony default export */ var carousel_src_main = (carousel_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/carousel/index.js
  
  
  /* istanbul ignore next */
  carousel_src_main.install = function (Vue) {
    Vue.component(carousel_src_main.name, carousel_src_main);
  };
  
  /* harmony default export */ var carousel = (carousel_src_main);
  // CONCATENATED MODULE: ./packages/scrollbar/src/util.js
  var BAR_MAP = {
    vertical: {
      offset: 'offsetHeight',
      scroll: 'scrollTop',
      scrollSize: 'scrollHeight',
      size: 'height',
      key: 'vertical',
      axis: 'Y',
      client: 'clientY',
      direction: 'top'
    },
    horizontal: {
      offset: 'offsetWidth',
      scroll: 'scrollLeft',
      scrollSize: 'scrollWidth',
      size: 'width',
      key: 'horizontal',
      axis: 'X',
      client: 'clientX',
      direction: 'left'
    }
  };
  
  function renderThumbStyle(_ref) {
    var move = _ref.move,
        size = _ref.size,
        bar = _ref.bar;
  
    var style = {};
    var translate = 'translate' + bar.axis + '(' + move + '%)';
  
    style[bar.size] = size;
    style.transform = translate;
    style.msTransform = translate;
    style.webkitTransform = translate;
  
    return style;
  };
  // CONCATENATED MODULE: ./packages/scrollbar/src/bar.js
  
  
  
  /* istanbul ignore next */
  /* harmony default export */ var src_bar = ({
    name: 'Bar',
  
    props: {
      vertical: Boolean,
      size: String,
      move: Number
    },
  
    computed: {
      bar: function bar() {
        return BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
      },
      wrap: function wrap() {
        return this.$parent.wrap;
      }
    },
  
    render: function render(h) {
      var size = this.size,
          move = this.move,
          bar = this.bar;
  
  
      return h(
        'div',
        {
          'class': ['el-scrollbar__bar', 'is-' + bar.key],
          on: {
            'mousedown': this.clickTrackHandler
          }
        },
        [h('div', {
          ref: 'thumb',
          'class': 'el-scrollbar__thumb',
          on: {
            'mousedown': this.clickThumbHandler
          },
  
          style: renderThumbStyle({ size: size, move: move, bar: bar }) })]
      );
    },
  
  
    methods: {
      clickThumbHandler: function clickThumbHandler(e) {
        this.startDrag(e);
        this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]);
      },
      clickTrackHandler: function clickTrackHandler(e) {
        var offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
        var thumbHalf = this.$refs.thumb[this.bar.offset] / 2;
        var thumbPositionPercentage = (offset - thumbHalf) * 100 / this.$el[this.bar.offset];
  
        this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
      },
      startDrag: function startDrag(e) {
        e.stopImmediatePropagation();
        this.cursorDown = true;
  
        Object(dom_["on"])(document, 'mousemove', this.mouseMoveDocumentHandler);
        Object(dom_["on"])(document, 'mouseup', this.mouseUpDocumentHandler);
        document.onselectstart = function () {
          return false;
        };
      },
      mouseMoveDocumentHandler: function mouseMoveDocumentHandler(e) {
        if (this.cursorDown === false) return;
        var prevPage = this[this.bar.axis];
  
        if (!prevPage) return;
  
        var offset = (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1;
        var thumbClickPosition = this.$refs.thumb[this.bar.offset] - prevPage;
        var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / this.$el[this.bar.offset];
  
        this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
      },
      mouseUpDocumentHandler: function mouseUpDocumentHandler(e) {
        this.cursorDown = false;
        this[this.bar.axis] = 0;
        Object(dom_["off"])(document, 'mousemove', this.mouseMoveDocumentHandler);
        document.onselectstart = null;
      }
    },
  
    destroyed: function destroyed() {
      Object(dom_["off"])(document, 'mouseup', this.mouseUpDocumentHandler);
    }
  });
  // CONCATENATED MODULE: ./packages/scrollbar/src/main.js
  // reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
  
  
  
  
  
  
  /* istanbul ignore next */
  /* harmony default export */ var scrollbar_src_main = ({
    name: 'ElScrollbar',
  
    components: { Bar: src_bar },
  
    props: {
      native: Boolean,
      wrapStyle: {},
      wrapClass: {},
      viewClass: {},
      viewStyle: {},
      noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
      tag: {
        type: String,
        default: 'div'
      }
    },
  
    data: function data() {
      return {
        sizeWidth: '0',
        sizeHeight: '0',
        moveX: 0,
        moveY: 0
      };
    },
  
  
    computed: {
      wrap: function wrap() {
        return this.$refs.wrap;
      }
    },
  
    render: function render(h) {
      var gutter = scrollbar_width_default()();
      var style = this.wrapStyle;
  
      if (gutter) {
        var gutterWith = '-' + gutter + 'px';
        var gutterStyle = 'margin-bottom: ' + gutterWith + '; margin-right: ' + gutterWith + ';';
  
        if (Array.isArray(this.wrapStyle)) {
          style = Object(util_["toObject"])(this.wrapStyle);
          style.marginRight = style.marginBottom = gutterWith;
        } else if (typeof this.wrapStyle === 'string') {
          style += gutterStyle;
        } else {
          style = gutterStyle;
        }
      }
      var view = h(this.tag, {
        class: ['el-scrollbar__view', this.viewClass],
        style: this.viewStyle,
        ref: 'resize'
      }, this.$slots.default);
      var wrap = h(
        'div',
        {
          ref: 'wrap',
          style: style,
          on: {
            'scroll': this.handleScroll
          },
  
          'class': [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] },
        [[view]]
      );
      var nodes = void 0;
  
      if (!this.native) {
        nodes = [wrap, h(src_bar, {
          attrs: {
            move: this.moveX,
            size: this.sizeWidth }
        }), h(src_bar, {
          attrs: {
            vertical: true,
            move: this.moveY,
            size: this.sizeHeight }
        })];
      } else {
        nodes = [h(
          'div',
          {
            ref: 'wrap',
            'class': [this.wrapClass, 'el-scrollbar__wrap'],
            style: style },
          [[view]]
        )];
      }
      return h('div', { class: 'el-scrollbar' }, nodes);
    },
  
  
    methods: {
      handleScroll: function handleScroll() {
        var wrap = this.wrap;
  
        this.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
        this.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
      },
      update: function update() {
        var heightPercentage = void 0,
            widthPercentage = void 0;
        var wrap = this.wrap;
        if (!wrap) return;
  
        heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
        widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
  
        this.sizeHeight = heightPercentage < 100 ? heightPercentage + '%' : '';
        this.sizeWidth = widthPercentage < 100 ? widthPercentage + '%' : '';
      }
    },
  
    mounted: function mounted() {
      if (this.native) return;
      this.$nextTick(this.update);
      !this.noresize && Object(resize_event_["addResizeListener"])(this.$refs.resize, this.update);
    },
    beforeDestroy: function beforeDestroy() {
      if (this.native) return;
      !this.noresize && Object(resize_event_["removeResizeListener"])(this.$refs.resize, this.update);
    }
  });
  // CONCATENATED MODULE: ./packages/scrollbar/index.js
  
  
  /* istanbul ignore next */
  scrollbar_src_main.install = function (Vue) {
    Vue.component(scrollbar_src_main.name, scrollbar_src_main);
  };
  
  /* harmony default export */ var scrollbar = (scrollbar_src_main);
  // 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 itemvue_type_template_id_1801ae19_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: {
          msTransform:
            "translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")",
          webkitTransform:
            "translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")",
          transform:
            "translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")"
        },
        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 itemvue_type_template_id_1801ae19_staticRenderFns = []
  itemvue_type_template_id_1801ae19_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/carousel/src/item.vue?vue&type=template&id=1801ae19&
  
  // 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;
      },
      calculateTranslate: function calculateTranslate(index, activeIndex, parentWidth) {
        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;
        }
      },
      translateItem: function translateItem(index, activeIndex, oldIndex) {
        var parentWidth = this.$parent.$el.offsetWidth;
        var length = this.$parent.items.length;
        if (this.$parent.type !== 'card' && oldIndex !== undefined) {
          this.animating = index === activeIndex || index === oldIndex;
        }
        if (index !== activeIndex && length > 2 && this.$parent.loop) {
          index = this.processIndex(index, activeIndex, length);
        }
        if (this.$parent.type === 'card') {
          this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
          this.active = index === activeIndex;
          this.translate = this.calculateTranslate(index, activeIndex, parentWidth);
          this.scale = this.active ? 1 : CARD_SCALE;
        } else {
          this.active = index === activeIndex;
          this.translate = parentWidth * (index - activeIndex);
        }
        this.ready = true;
      },
      handleItemClick: function handleItemClick() {
        var parent = this.$parent;
        if (parent && parent.type === 'card') {
          var index = parent.items.indexOf(this);
          parent.setActiveItem(index);
        }
      }
    },
  
    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_); 
  // CONCATENATED MODULE: ./packages/carousel/src/item.vue
  
  
  
  
  
  /* normalize component */
  
  var item_component = normalizeComponent(
    src_itemvue_type_script_lang_js_,
    itemvue_type_template_id_1801ae19_render,
    itemvue_type_template_id_1801ae19_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var item_api; }
  item_component.options.__file = "packages/carousel/src/item.vue"
  /* harmony default export */ var src_item = (item_component.exports);
  // CONCATENATED MODULE: ./packages/carousel-item/index.js
  
  
  /* istanbul ignore next */
  src_item.install = function (Vue) {
    Vue.component(src_item.name, src_item);
  };
  
  /* harmony default export */ var carousel_item = (src_item);
  // 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 collapsevue_type_template_id_461d57f4_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 collapsevue_type_template_id_461d57f4_staticRenderFns = []
  collapsevue_type_template_id_461d57f4_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_); 
  // CONCATENATED MODULE: ./packages/collapse/src/collapse.vue
  
  
  
  
  
  /* normalize component */
  
  var collapse_component = normalizeComponent(
    src_collapsevue_type_script_lang_js_,
    collapsevue_type_template_id_461d57f4_render,
    collapsevue_type_template_id_461d57f4_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var collapse_api; }
  collapse_component.options.__file = "packages/collapse/src/collapse.vue"
  /* harmony default export */ var collapse = (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 = (collapse);
  // 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 collapse_itemvue_type_template_id_2d05faac_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 } },
      [
        _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: "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 collapse_itemvue_type_template_id_2d05faac_staticRenderFns = []
  collapse_itemvue_type_template_id_2d05faac_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/collapse/src/collapse-item.vue?vue&type=template&id=2d05faac&
  
  // 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
      };
    },
  
  
    inject: ['collapse'],
  
    props: {
      title: String,
      name: {
        type: [String, Number],
        default: function _default() {
          return this._uid;
        }
      }
    },
  
    computed: {
      isActive: function isActive() {
        return this.collapse.activeNames.indexOf(this.name) > -1;
      },
      id: function id() {
        return Object(util_["generateId"])();
      }
    },
  
    methods: {
      handleFocus: function handleFocus() {
        var _this = this;
  
        setTimeout(function () {
          if (!_this.isClick) {
            _this.focusing = true;
          } else {
            _this.isClick = false;
          }
        }, 50);
      },
      handleHeaderClick: function handleHeaderClick() {
        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_); 
  // CONCATENATED MODULE: ./packages/collapse/src/collapse-item.vue
  
  
  
  
  
  /* normalize component */
  
  var collapse_item_component = normalizeComponent(
    src_collapse_itemvue_type_script_lang_js_,
    collapse_itemvue_type_template_id_2d05faac_render,
    collapse_itemvue_type_template_id_2d05faac_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var collapse_item_api; }
  collapse_item_component.options.__file = "packages/collapse/src/collapse-item.vue"
  /* harmony default export */ var collapse_item = (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 = (collapse_item);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/main.vue?vue&type=template&id=2e869fa1&
  var mainvue_type_template_id_2e869fa1_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "span",
      {
        directives: [
          {
            name: "clickoutside",
            rawName: "v-clickoutside",
            value: _vm.handleClickoutside,
            expression: "handleClickoutside"
          }
        ],
        ref: "reference",
        staticClass: "el-cascader",
        class: [
          {
            "is-opened": _vm.menuVisible,
            "is-disabled": _vm.cascaderDisabled
          },
          _vm.cascaderSize ? "el-cascader--" + _vm.cascaderSize : ""
        ],
        on: {
          click: _vm.handleClick,
          mouseenter: function($event) {
            _vm.inputHover = true
          },
          focus: function($event) {
            _vm.inputHover = true
          },
          mouseleave: function($event) {
            _vm.inputHover = false
          },
          blur: function($event) {
            _vm.inputHover = false
          },
          keydown: _vm.handleKeydown
        }
      },
      [
        _c(
          "el-input",
          {
            ref: "input",
            class: { "is-focus": _vm.menuVisible },
            attrs: {
              readonly: _vm.readonly,
              placeholder: _vm.currentLabels.length ? undefined : _vm.placeholder,
              "validate-event": false,
              size: _vm.size,
              disabled: _vm.cascaderDisabled
            },
            on: {
              input: _vm.debouncedInputChange,
              focus: _vm.handleFocus,
              blur: _vm.handleBlur
            },
            nativeOn: {
              compositionstart: function($event) {
                return _vm.handleComposition($event)
              },
              compositionend: function($event) {
                return _vm.handleComposition($event)
              }
            },
            model: {
              value: _vm.inputValue,
              callback: function($$v) {
                _vm.inputValue = $$v
              },
              expression: "inputValue"
            }
          },
          [
            _c("template", { slot: "suffix" }, [
              _vm.clearable && _vm.inputHover && _vm.currentLabels.length
                ? _c("i", {
                    key: "1",
                    staticClass:
                      "el-input__icon el-icon-circle-close el-cascader__clearIcon",
                    on: { click: _vm.clearValue }
                  })
                : _c("i", {
                    key: "2",
                    staticClass: "el-input__icon el-icon-arrow-down",
                    class: { "is-reverse": _vm.menuVisible }
                  })
            ])
          ],
          2
        ),
        _c(
          "span",
          {
            directives: [
              {
                name: "show",
                rawName: "v-show",
                value: _vm.inputValue === "" && !_vm.isOnComposition,
                expression: "inputValue === '' && !isOnComposition"
              }
            ],
            staticClass: "el-cascader__label"
          },
          [
            _vm.showAllLevels
              ? [
                  _vm._l(_vm.currentLabels, function(label, index) {
                    return [
                      _vm._v("\n        " + _vm._s(label) + "\n        "),
                      index < _vm.currentLabels.length - 1
                        ? _c("span", { key: index }, [
                            _vm._v(" " + _vm._s(_vm.separator) + " ")
                          ])
                        : _vm._e()
                    ]
                  })
                ]
              : [
                  _vm._v(
                    "\n      " +
                      _vm._s(_vm.currentLabels[_vm.currentLabels.length - 1]) +
                      "\n    "
                  )
                ]
          ],
          2
        )
      ],
      1
    )
  }
  var mainvue_type_template_id_2e869fa1_staticRenderFns = []
  mainvue_type_template_id_2e869fa1_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/cascader/src/main.vue?vue&type=template&id=2e869fa1&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/menu.vue?vue&type=script&lang=js&
  
  
  
  
  
  
  var copyArray = function copyArray(arr, props) {
    if (!arr || !Array.isArray(arr) || !props) return arr;
    var result = [];
    var configurableProps = ['__IS__FLAT__OPTIONS', 'label', 'value', 'disabled'];
    var childrenProp = props.children || 'children';
    arr.forEach(function (item) {
      var itemCopy = {};
      configurableProps.forEach(function (prop) {
        var name = props[prop];
        var value = item[name];
        if (value === undefined) {
          name = prop;
          value = item[name];
        }
        if (value !== undefined) itemCopy[name] = value;
      });
      if (Array.isArray(item[childrenProp])) {
        itemCopy[childrenProp] = copyArray(item[childrenProp], props);
      }
      result.push(itemCopy);
    });
    return result;
  };
  
  /* harmony default export */ var cascader_src_menuvue_type_script_lang_js_ = ({
    name: 'ElCascaderMenu',
  
    data: function data() {
      return {
        inputWidth: 0,
        options: [],
        props: {},
        visible: false,
        activeValue: [],
        value: [],
        expandTrigger: 'click',
        changeOnSelect: false,
        popperClass: '',
        hoverTimer: 0,
        clicking: false,
        id: Object(util_["generateId"])()
      };
    },
  
  
    watch: {
      visible: function visible(value) {
        if (value) {
          this.activeValue = this.value;
        }
      },
  
      value: {
        immediate: true,
        handler: function handler(value) {
          this.activeValue = value;
        }
      }
    },
  
    computed: {
      activeOptions: {
        get: function get() {
          var _this = this;
  
          var activeValue = this.activeValue;
          var configurableProps = ['label', 'value', 'children', 'disabled'];
  
          var formatOptions = function formatOptions(options) {
            options.forEach(function (option) {
              if (option.__IS__FLAT__OPTIONS) return;
              configurableProps.forEach(function (prop) {
                var value = option[_this.props[prop] || prop];
                if (value !== undefined) option[prop] = value;
              });
              if (Array.isArray(option.children)) {
                formatOptions(option.children);
              }
            });
          };
  
          var loadActiveOptions = function loadActiveOptions(options) {
            var activeOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
  
            var level = activeOptions.length;
            activeOptions[level] = options;
            var active = activeValue[level];
            if (Object(shared_["isDef"])(active)) {
              options = options.filter(function (option) {
                return option.value === active;
              })[0];
              if (options && options.children) {
                loadActiveOptions(options.children, activeOptions);
              }
            }
            return activeOptions;
          };
  
          var optionsCopy = copyArray(this.options, this.props);
          formatOptions(optionsCopy);
          return loadActiveOptions(optionsCopy);
        }
      }
    },
  
    methods: {
      select: function select(item, menuIndex) {
        if (item.__IS__FLAT__OPTIONS) {
          this.activeValue = item.value;
        } else if (menuIndex) {
          this.activeValue.splice(menuIndex, this.activeValue.length - 1, item.value);
        } else {
          this.activeValue = [item.value];
        }
        this.$emit('pick', this.activeValue.slice());
      },
      handleMenuLeave: function handleMenuLeave() {
        this.$emit('menuLeave');
      },
      activeItem: function activeItem(item, menuIndex) {
        var len = this.activeOptions.length;
        this.activeValue.splice(menuIndex, len, item.value);
        this.activeOptions.splice(menuIndex + 1, len, item.children);
        if (this.changeOnSelect) {
          this.$emit('pick', this.activeValue.slice(), false);
        } else {
          this.$emit('activeItemChange', this.activeValue);
        }
      },
      scrollMenu: function scrollMenu(menu) {
        scroll_into_view_default()(menu, menu.getElementsByClassName('is-active')[0]);
      },
      handleMenuEnter: function handleMenuEnter() {
        var _this2 = this;
  
        this.$nextTick(function () {
          return _this2.$refs.menus.forEach(function (menu) {
            return _this2.scrollMenu(menu);
          });
        });
      }
    },
  
    render: function render(h) {
      var _this3 = this;
  
      var activeValue = this.activeValue,
          activeOptions = this.activeOptions,
          visible = this.visible,
          expandTrigger = this.expandTrigger,
          popperClass = this.popperClass,
          hoverThreshold = this.hoverThreshold;
  
      var itemId = null;
      var itemIndex = 0;
  
      var hoverMenuRefs = {};
      var hoverMenuHandler = function hoverMenuHandler(e) {
        var activeMenu = hoverMenuRefs.activeMenu;
        if (!activeMenu) return;
        var offsetX = e.offsetX;
        var width = activeMenu.offsetWidth;
        var height = activeMenu.offsetHeight;
  
        if (e.target === hoverMenuRefs.activeItem) {
          clearTimeout(_this3.hoverTimer);
          var _hoverMenuRefs = hoverMenuRefs,
              activeItem = _hoverMenuRefs.activeItem;
  
          var offsetY_top = activeItem.offsetTop;
          var offsetY_Bottom = offsetY_top + activeItem.offsetHeight;
  
          hoverMenuRefs.hoverZone.innerHTML = '\n          <path style="pointer-events: auto;" fill="transparent" d="M' + offsetX + ' ' + offsetY_top + ' L' + width + ' 0 V' + offsetY_top + ' Z" />\n          <path style="pointer-events: auto;" fill="transparent" d="M' + offsetX + ' ' + offsetY_Bottom + ' L' + width + ' ' + height + ' V' + offsetY_Bottom + ' Z" />\n        ';
        } else {
          if (!_this3.hoverTimer) {
            _this3.hoverTimer = setTimeout(function () {
              hoverMenuRefs.hoverZone.innerHTML = '';
            }, hoverThreshold);
          }
        }
      };
  
      var menus = this._l(activeOptions, function (menu, menuIndex) {
        var isFlat = false;
        var menuId = 'menu-' + _this3.id + '-' + menuIndex;
        var ownsId = 'menu-' + _this3.id + '-' + (menuIndex + 1);
        var items = _this3._l(menu, function (item) {
          var events = {
            on: {}
          };
  
          if (item.__IS__FLAT__OPTIONS) isFlat = true;
  
          if (!item.disabled) {
            // keydown up/down/left/right/enter
            events.on.keydown = function (ev) {
              var keyCode = ev.keyCode;
              if ([37, 38, 39, 40, 13, 9, 27].indexOf(keyCode) < 0) {
                return;
              }
              var currentEle = ev.target;
              var parentEle = _this3.$refs.menus[menuIndex];
              var menuItemList = parentEle.querySelectorAll("[tabindex='-1']");
              var currentIndex = Array.prototype.indexOf.call(menuItemList, currentEle); // 当前索引
              var nextIndex = void 0,
                  nextMenu = void 0;
              if ([38, 40].indexOf(keyCode) > -1) {
                if (keyCode === 38) {
                  // up键
                  nextIndex = currentIndex !== 0 ? currentIndex - 1 : currentIndex;
                } else if (keyCode === 40) {
                  // down
                  nextIndex = currentIndex !== menuItemList.length - 1 ? currentIndex + 1 : currentIndex;
                }
                menuItemList[nextIndex].focus();
              } else if (keyCode === 37) {
                // left键
                if (menuIndex !== 0) {
                  var previousMenu = _this3.$refs.menus[menuIndex - 1];
                  previousMenu.querySelector('[aria-expanded=true]').focus();
                }
              } else if (keyCode === 39) {
                // right
                if (item.children) {
                  // 有子menu 选择子menu的第一个menuitem
                  nextMenu = _this3.$refs.menus[menuIndex + 1];
                  nextMenu.querySelectorAll("[tabindex='-1']")[0].focus();
                }
              } else if (keyCode === 13) {
                if (!item.children) {
                  var id = currentEle.getAttribute('id');
                  parentEle.setAttribute('aria-activedescendant', id);
                  _this3.select(item, menuIndex);
                  _this3.$nextTick(function () {
                    return _this3.scrollMenu(_this3.$refs.menus[menuIndex]);
                  });
                }
              } else if (keyCode === 9 || keyCode === 27) {
                // esc tab
                _this3.$emit('closeInside');
              }
            };
            if (item.children) {
              var triggerEvent = {
                click: 'click',
                hover: 'mouseenter'
              }[expandTrigger];
              var triggerHandler = function triggerHandler() {
                if (_this3.visible) {
                  _this3.activeItem(item, menuIndex);
                  _this3.$nextTick(function () {
                    // adjust self and next level
                    _this3.scrollMenu(_this3.$refs.menus[menuIndex]);
                    _this3.scrollMenu(_this3.$refs.menus[menuIndex + 1]);
                  });
                }
              };
              events.on[triggerEvent] = triggerHandler;
              if (triggerEvent === 'mouseenter' && _this3.changeOnSelect) {
                events.on.click = function () {
                  if (_this3.activeValue.indexOf(item.value) !== -1) {
                    _this3.$emit('closeInside', true);
                  }
                };
              }
              events.on['mousedown'] = function () {
                _this3.clicking = true;
              };
              events.on['focus'] = function () {
                // focus 选中
                if (_this3.clicking) {
                  _this3.clicking = false;
                  return;
                }
                triggerHandler();
              };
            } else {
              events.on.click = function () {
                _this3.select(item, menuIndex);
                _this3.$nextTick(function () {
                  return _this3.scrollMenu(_this3.$refs.menus[menuIndex]);
                });
              };
            }
          }
          if (!item.disabled && !item.children) {
            // no children set id
            itemId = menuId + '-' + itemIndex;
            itemIndex++;
          }
          return h(
            'li',
            external_babel_helper_vue_jsx_merge_props_default()([{
              'class': {
                'el-cascader-menu__item': true,
                'el-cascader-menu__item--extensible': item.children,
                'is-active': item.value === activeValue[menuIndex],
                'is-disabled': item.disabled
              },
              ref: item.value === activeValue[menuIndex] ? 'activeItem' : null
            }, events, {
              attrs: {
                tabindex: item.disabled ? null : -1,
                role: 'menuitem',
                'aria-haspopup': !!item.children,
                'aria-expanded': item.value === activeValue[menuIndex],
                id: itemId,
                'aria-owns': !item.children ? null : ownsId
              }
            }]),
            [h('span', [item.label])]
          );
        });
        var menuStyle = {};
        if (isFlat) {
          menuStyle.minWidth = _this3.inputWidth + 'px';
        }
  
        var isHoveredMenu = expandTrigger === 'hover' && activeValue.length - 1 === menuIndex;
        var hoverMenuEvent = {
          on: {}
        };
  
        if (isHoveredMenu) {
          hoverMenuEvent.on.mousemove = hoverMenuHandler;
          menuStyle.position = 'relative';
        }
  
        return h(
          'ul',
          external_babel_helper_vue_jsx_merge_props_default()([{
            'class': {
              'el-cascader-menu': true,
              'el-cascader-menu--flexible': isFlat
            }
          }, hoverMenuEvent, {
            style: menuStyle,
            refInFor: true,
            ref: 'menus',
            attrs: { role: 'menu',
              id: menuId
            }
          }]),
          [items, isHoveredMenu ? h('svg', {
            ref: 'hoverZone',
            style: {
              position: 'absolute',
              top: 0,
              height: '100%',
              width: '100%',
              left: 0,
              pointerEvents: 'none'
            }
          }) : null]
        );
      });
  
      if (expandTrigger === 'hover') {
        this.$nextTick(function () {
          var activeItem = _this3.$refs.activeItem;
  
          if (activeItem) {
            var activeMenu = activeItem.parentElement;
            var hoverZone = _this3.$refs.hoverZone;
  
            hoverMenuRefs = {
              activeMenu: activeMenu,
              activeItem: activeItem,
              hoverZone: hoverZone
            };
          } else {
            hoverMenuRefs = {};
          }
        });
      }
  
      return h(
        'transition',
        {
          attrs: { name: 'el-zoom-in-top' },
          on: {
            'before-enter': this.handleMenuEnter,
            'after-leave': this.handleMenuLeave
          }
        },
        [h(
          'div',
          {
            directives: [{
              name: 'show',
              value: visible
            }],
  
            'class': ['el-cascader-menus el-popper', popperClass],
            ref: 'wrapper'
          },
          [h('div', {
            attrs: { 'x-arrow': true },
            'class': 'popper__arrow' }), menus]
        )]
      );
    }
  });
  // CONCATENATED MODULE: ./packages/cascader/src/menu.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_cascader_src_menuvue_type_script_lang_js_ = (cascader_src_menuvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/cascader/src/menu.vue
  var src_menu_render, src_menu_staticRenderFns
  
  
  
  
  /* normalize component */
  
  var src_menu_component = normalizeComponent(
    packages_cascader_src_menuvue_type_script_lang_js_,
    src_menu_render,
    src_menu_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var src_menu_api; }
  src_menu_component.options.__file = "packages/cascader/src/menu.vue"
  /* harmony default export */ var cascader_src_menu = (src_menu_component.exports);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  
  
  
  
  
  var popperMixin = {
    props: {
      placement: {
        type: String,
        default: 'bottom-start'
      },
      appendToBody: vue_popper_default.a.props.appendToBody,
      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
  };
  
  /* harmony default export */ var cascader_src_mainvue_type_script_lang_js_ = ({
    name: 'ElCascader',
  
    directives: { Clickoutside: clickoutside_default.a },
  
    mixins: [popperMixin, emitter_default.a, locale_default.a],
  
    inject: {
      elForm: {
        default: ''
      },
      elFormItem: {
        default: ''
      }
    },
  
    components: {
      ElInput: input_default.a
    },
  
    props: {
      options: {
        type: Array,
        required: true
      },
      props: {
        type: Object,
        default: function _default() {
          return {
            children: 'children',
            label: 'label',
            value: 'value',
            disabled: 'disabled'
          };
        }
      },
      value: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      separator: {
        type: String,
        default: '/'
      },
      placeholder: {
        type: String,
        default: function _default() {
          return Object(lib_locale_["t"])('el.cascader.placeholder');
        }
      },
      disabled: Boolean,
      clearable: {
        type: Boolean,
        default: false
      },
      changeOnSelect: Boolean,
      popperClass: String,
      expandTrigger: {
        type: String,
        default: 'click'
      },
      filterable: Boolean,
      size: String,
      showAllLevels: {
        type: Boolean,
        default: true
      },
      debounce: {
        type: Number,
        default: 300
      },
      beforeFilter: {
        type: Function,
        default: function _default() {
          return function () {};
        }
      },
      hoverThreshold: {
        type: Number,
        default: 500
      }
    },
  
    data: function data() {
      return {
        currentValue: this.value || [],
        menu: null,
        debouncedInputChange: function debouncedInputChange() {},
  
        menuVisible: false,
        inputHover: false,
        inputValue: '',
        flatOptions: null,
        id: Object(util_["generateId"])(),
        needFocus: true,
        isOnComposition: false
      };
    },
  
  
    computed: {
      labelKey: function labelKey() {
        return this.props.label || 'label';
      },
      valueKey: function valueKey() {
        return this.props.value || 'value';
      },
      childrenKey: function childrenKey() {
        return this.props.children || 'children';
      },
      disabledKey: function disabledKey() {
        return this.props.disabled || 'disabled';
      },
      currentLabels: function currentLabels() {
        var _this = this;
  
        var options = this.options;
        var labels = [];
        this.currentValue.forEach(function (value) {
          var targetOption = options && options.filter(function (option) {
            return option[_this.valueKey] === value;
          })[0];
          if (targetOption) {
            labels.push(targetOption[_this.labelKey]);
            options = targetOption[_this.childrenKey];
          }
        });
        return labels;
      },
      _elFormItemSize: function _elFormItemSize() {
        return (this.elFormItem || {}).elFormItemSize;
      },
      cascaderSize: function cascaderSize() {
        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
      },
      cascaderDisabled: function cascaderDisabled() {
        return this.disabled || (this.elForm || {}).disabled;
      },
      readonly: function readonly() {
        return !this.filterable || !Object(util_["isIE"])() && !Object(util_["isEdge"])() && !this.menuVisible;
      }
    },
  
    watch: {
      menuVisible: function menuVisible(value) {
        this.$refs.input.$refs.input.setAttribute('aria-expanded', value);
        value ? this.showMenu() : this.hideMenu();
        this.$emit('visible-change', value);
      },
      value: function value(_value) {
        this.currentValue = _value;
      },
      currentValue: function currentValue(value) {
        this.dispatch('ElFormItem', 'el.form.change', [value]);
      },
      currentLabels: function currentLabels(value) {
        var inputLabel = this.showAllLevels ? value.join('/') : value[value.length - 1];
        this.$refs.input.$refs.input.setAttribute('value', inputLabel);
      },
  
      options: {
        deep: true,
        handler: function handler(value) {
          if (!this.menu) {
            this.initMenu();
          }
          this.flatOptions = this.flattenOptions(this.options);
          this.menu.options = value;
        }
      }
    },
  
    methods: {
      initMenu: function initMenu() {
        this.menu = new external_vue_default.a(cascader_src_menu).$mount();
        this.menu.options = this.options;
        this.menu.props = this.props;
        this.menu.expandTrigger = this.expandTrigger;
        this.menu.changeOnSelect = this.changeOnSelect;
        this.menu.popperClass = this.popperClass;
        this.menu.hoverThreshold = this.hoverThreshold;
        this.popperElm = this.menu.$el;
        this.menu.$refs.menus[0].setAttribute('id', 'cascader-menu-' + this.id);
        this.menu.$on('pick', this.handlePick);
        this.menu.$on('activeItemChange', this.handleActiveItemChange);
        this.menu.$on('menuLeave', this.doDestroy);
        this.menu.$on('closeInside', this.handleClickoutside);
      },
      showMenu: function showMenu() {
        var _this2 = this;
  
        if (!this.menu) {
          this.initMenu();
        }
  
        this.menu.value = this.currentValue.slice(0);
        this.menu.visible = true;
        this.menu.options = this.options;
        this.$nextTick(function (_) {
          _this2.updatePopper();
          _this2.menu.inputWidth = _this2.$refs.input.$el.offsetWidth - 2;
        });
      },
      hideMenu: function hideMenu() {
        this.inputValue = '';
        this.menu.visible = false;
        if (this.needFocus) {
          this.$refs.input.focus();
        } else {
          this.needFocus = true;
        }
      },
      handleActiveItemChange: function handleActiveItemChange(value) {
        var _this3 = this;
  
        this.$nextTick(function (_) {
          _this3.updatePopper();
        });
        this.$emit('active-item-change', value);
      },
      handleKeydown: function handleKeydown(e) {
        var _this4 = this;
  
        var keyCode = e.keyCode;
        if (keyCode === 13) {
          this.handleClick();
        } else if (keyCode === 40) {
          // down
          this.menuVisible = true; // 打开
          setTimeout(function () {
            var firstMenu = _this4.popperElm.querySelectorAll('.el-cascader-menu')[0];
            firstMenu.querySelectorAll("[tabindex='-1']")[0].focus();
          });
          e.stopPropagation();
          e.preventDefault();
        } else if (keyCode === 27 || keyCode === 9) {
          // esc  tab
          this.inputValue = '';
          if (this.menu) this.menu.visible = false;
        }
      },
      handlePick: function handlePick(value) {
        var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
  
        this.currentValue = value;
        this.$emit('input', value);
        this.$emit('change', value);
  
        if (close) {
          this.menuVisible = false;
        } else {
          this.$nextTick(this.updatePopper);
        }
      },
      handleInputChange: function handleInputChange(value) {
        var _this5 = this;
  
        if (!this.menuVisible) return;
        var flatOptions = this.flatOptions;
  
        if (!value) {
          this.menu.options = this.options;
          this.$nextTick(this.updatePopper);
          return;
        }
  
        var filteredFlatOptions = flatOptions.filter(function (optionsStack) {
          return optionsStack.some(function (option) {
            return new RegExp(Object(util_["escapeRegexpString"])(value), 'i').test(option[_this5.labelKey]);
          });
        });
  
        if (filteredFlatOptions.length > 0) {
          filteredFlatOptions = filteredFlatOptions.map(function (optionStack) {
            return {
              __IS__FLAT__OPTIONS: true,
              value: optionStack.map(function (item) {
                return item[_this5.valueKey];
              }),
              label: _this5.renderFilteredOptionLabel(value, optionStack),
              disabled: optionStack.some(function (item) {
                return item[_this5.disabledKey];
              })
            };
          });
        } else {
          filteredFlatOptions = [{
            __IS__FLAT__OPTIONS: true,
            label: this.t('el.cascader.noMatch'),
            value: '',
            disabled: true
          }];
        }
        this.menu.options = filteredFlatOptions;
        this.$nextTick(this.updatePopper);
      },
      renderFilteredOptionLabel: function renderFilteredOptionLabel(inputValue, optionsStack) {
        var _this6 = this;
  
        return optionsStack.map(function (option, index) {
          var label = option[_this6.labelKey];
          var keywordIndex = label.toLowerCase().indexOf(inputValue.toLowerCase());
          var labelPart = label.slice(keywordIndex, inputValue.length + keywordIndex);
          var node = keywordIndex > -1 ? _this6.highlightKeyword(label, labelPart) : label;
          return index === 0 ? node : [' ' + _this6.separator + ' ', node];
        });
      },
      highlightKeyword: function highlightKeyword(label, keyword) {
        var _this7 = this;
  
        var h = this._c;
        return label.split(keyword).map(function (node, index) {
          return index === 0 ? node : [h('span', { class: { 'el-cascader-menu__item__keyword': true } }, [_this7._v(keyword)]), node];
        });
      },
      flattenOptions: function flattenOptions(options) {
        var _this8 = this;
  
        var ancestor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
  
        var flatOptions = [];
        options.forEach(function (option) {
          var optionsStack = ancestor.concat(option);
          if (!option[_this8.childrenKey]) {
            flatOptions.push(optionsStack);
          } else {
            if (_this8.changeOnSelect) {
              flatOptions.push(optionsStack);
            }
            flatOptions = flatOptions.concat(_this8.flattenOptions(option[_this8.childrenKey], optionsStack));
          }
        });
        return flatOptions;
      },
      clearValue: function clearValue(ev) {
        ev.stopPropagation();
        this.handlePick([], true);
      },
      handleClickoutside: function handleClickoutside() {
        var pickFinished = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
  
        if (this.menuVisible && !pickFinished) {
          this.needFocus = false;
        }
        this.menuVisible = false;
      },
      handleClick: function handleClick() {
        if (this.cascaderDisabled) return;
        this.$refs.input.focus();
        if (this.filterable) {
          this.menuVisible = true;
          return;
        }
        this.menuVisible = !this.menuVisible;
      },
      handleFocus: function handleFocus(event) {
        this.$emit('focus', event);
      },
      handleBlur: function handleBlur(event) {
        this.$emit('blur', event);
      },
      handleComposition: function handleComposition(event) {
        this.isOnComposition = event.type !== 'compositionend';
      }
    },
  
    created: function created() {
      var _this9 = this;
  
      this.debouncedInputChange = debounce_default()(this.debounce, function (value) {
        var before = _this9.beforeFilter(value);
  
        if (before && before.then) {
          _this9.menu.options = [{
            __IS__FLAT__OPTIONS: true,
            label: _this9.t('el.cascader.loading'),
            value: '',
            disabled: true
          }];
          before.then(function () {
            _this9.$nextTick(function () {
              _this9.handleInputChange(value);
            });
          });
        } else if (before !== false) {
          _this9.$nextTick(function () {
            _this9.handleInputChange(value);
          });
        }
      });
    },
    mounted: function mounted() {
      this.flatOptions = this.flattenOptions(this.options);
    }
  });
  // CONCATENATED MODULE: ./packages/cascader/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_cascader_src_mainvue_type_script_lang_js_ = (cascader_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/cascader/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var cascader_src_main_component = normalizeComponent(
    packages_cascader_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_2e869fa1_render,
    mainvue_type_template_id_2e869fa1_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var cascader_src_main_api; }
  cascader_src_main_component.options.__file = "packages/cascader/src/main.vue"
  /* harmony default export */ var cascader_src_main = (cascader_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/cascader/index.js
  
  
  /* istanbul ignore next */
  cascader_src_main.install = function (Vue) {
    Vue.component(cascader_src_main.name, cascader_src_main);
  };
  
  /* harmony default export */ var cascader = (cascader_src_main);
  // 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 mainvue_type_template_id_55c8ade7_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 mainvue_type_template_id_55c8ade7_staticRenderFns = []
  mainvue_type_template_id_55c8ade7_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 color_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 color_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
  // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
  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) {
      color_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' : color_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();
        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&
  
  // 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_); 
  // CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue
  
  
  
  
  
  /* normalize component */
  
  var sv_panel_component = normalizeComponent(
    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 sv_panel_api; }
  sv_panel_component.options.__file = "packages/color-picker/src/components/sv-panel.vue"
  /* harmony default export */ var sv_panel = (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 = normalizeComponent(
    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 = normalizeComponent(
    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 = normalizeComponent(
    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);
  // 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 = normalizeComponent(
    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);
  // 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 color_picker_src_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 packages_color_picker_src_mainvue_type_script_lang_js_ = (color_picker_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/color-picker/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var color_picker_src_main_component = normalizeComponent(
    packages_color_picker_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_55c8ade7_render,
    mainvue_type_template_id_55c8ade7_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var color_picker_src_main_api; }
  color_picker_src_main_component.options.__file = "packages/color-picker/src/main.vue"
  /* harmony default export */ var color_picker_src_main = (color_picker_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/color-picker/index.js
  
  
  /* istanbul ignore next */
  color_picker_src_main.install = function (Vue) {
    Vue.component(color_picker_src_main.name, color_picker_src_main);
  };
  
  /* harmony default export */ var color_picker = (color_picker_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/main.vue?vue&type=template&id=5c654dd8&
  var mainvue_type_template_id_5c654dd8_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "div",
      { staticClass: "el-transfer" },
      [
        _c(
          "transfer-panel",
          _vm._b(
            {
              ref: "leftPanel",
              attrs: {
                data: _vm.sourceData,
                title: _vm.titles[0] || _vm.t("el.transfer.titles.0"),
                "default-checked": _vm.leftDefaultChecked,
                placeholder:
                  _vm.filterPlaceholder || _vm.t("el.transfer.filterPlaceholder")
              },
              on: { "checked-change": _vm.onSourceCheckedChange }
            },
            "transfer-panel",
            _vm.$props,
            false
          ),
          [_vm._t("left-footer")],
          2
        ),
        _c(
          "div",
          { staticClass: "el-transfer__buttons" },
          [
            _c(
              "el-button",
              {
                class: [
                  "el-transfer__button",
                  _vm.hasButtonTexts ? "is-with-texts" : ""
                ],
                attrs: {
                  type: "primary",
                  disabled: _vm.rightChecked.length === 0
                },
                nativeOn: {
                  click: function($event) {
                    return _vm.addToLeft($event)
                  }
                }
              },
              [
                _c("i", { staticClass: "el-icon-arrow-left" }),
                _vm.buttonTexts[0] !== undefined
                  ? _c("span", [_vm._v(_vm._s(_vm.buttonTexts[0]))])
                  : _vm._e()
              ]
            ),
            _c(
              "el-button",
              {
                class: [
                  "el-transfer__button",
                  _vm.hasButtonTexts ? "is-with-texts" : ""
                ],
                attrs: {
                  type: "primary",
                  disabled: _vm.leftChecked.length === 0
                },
                nativeOn: {
                  click: function($event) {
                    return _vm.addToRight($event)
                  }
                }
              },
              [
                _vm.buttonTexts[1] !== undefined
                  ? _c("span", [_vm._v(_vm._s(_vm.buttonTexts[1]))])
                  : _vm._e(),
                _c("i", { staticClass: "el-icon-arrow-right" })
              ]
            )
          ],
          1
        ),
        _c(
          "transfer-panel",
          _vm._b(
            {
              ref: "rightPanel",
              attrs: {
                data: _vm.targetData,
                title: _vm.titles[1] || _vm.t("el.transfer.titles.1"),
                "default-checked": _vm.rightDefaultChecked,
                placeholder:
                  _vm.filterPlaceholder || _vm.t("el.transfer.filterPlaceholder")
              },
              on: { "checked-change": _vm.onTargetCheckedChange }
            },
            "transfer-panel",
            _vm.$props,
            false
          ),
          [_vm._t("right-footer")],
          2
        )
      ],
      1
    )
  }
  var mainvue_type_template_id_5c654dd8_staticRenderFns = []
  mainvue_type_template_id_5c654dd8_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/transfer/src/main.vue?vue&type=template&id=5c654dd8&
  
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/transfer-panel.vue?vue&type=template&id=2ddab8bd&
  var transfer_panelvue_type_template_id_2ddab8bd_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c("div", { staticClass: "el-transfer-panel" }, [
      _c(
        "p",
        { staticClass: "el-transfer-panel__header" },
        [
          _c(
            "el-checkbox",
            {
              attrs: { indeterminate: _vm.isIndeterminate },
              on: { change: _vm.handleAllCheckedChange },
              model: {
                value: _vm.allChecked,
                callback: function($$v) {
                  _vm.allChecked = $$v
                },
                expression: "allChecked"
              }
            },
            [
              _vm._v("\n      " + _vm._s(_vm.title) + "\n      "),
              _c("span", [_vm._v(_vm._s(_vm.checkedSummary))])
            ]
          )
        ],
        1
      ),
      _c(
        "div",
        {
          class: [
            "el-transfer-panel__body",
            _vm.hasFooter ? "is-with-footer" : ""
          ]
        },
        [
          _vm.filterable
            ? _c(
                "el-input",
                {
                  staticClass: "el-transfer-panel__filter",
                  attrs: { size: "small", placeholder: _vm.placeholder },
                  nativeOn: {
                    mouseenter: function($event) {
                      _vm.inputHover = true
                    },
                    mouseleave: function($event) {
                      _vm.inputHover = false
                    }
                  },
                  model: {
                    value: _vm.query,
                    callback: function($$v) {
                      _vm.query = $$v
                    },
                    expression: "query"
                  }
                },
                [
                  _c("i", {
                    class: ["el-input__icon", "el-icon-" + _vm.inputIcon],
                    attrs: { slot: "prefix" },
                    on: { click: _vm.clearQuery },
                    slot: "prefix"
                  })
                ]
              )
            : _vm._e(),
          _c(
            "el-checkbox-group",
            {
              directives: [
                {
                  name: "show",
                  rawName: "v-show",
                  value: !_vm.hasNoMatch && _vm.data.length > 0,
                  expression: "!hasNoMatch && data.length > 0"
                }
              ],
              staticClass: "el-transfer-panel__list",
              class: { "is-filterable": _vm.filterable },
              model: {
                value: _vm.checked,
                callback: function($$v) {
                  _vm.checked = $$v
                },
                expression: "checked"
              }
            },
            _vm._l(_vm.filteredData, function(item) {
              return _c(
                "el-checkbox",
                {
                  key: item[_vm.keyProp],
                  staticClass: "el-transfer-panel__item",
                  attrs: {
                    label: item[_vm.keyProp],
                    disabled: item[_vm.disabledProp]
                  }
                },
                [_c("option-content", { attrs: { option: item } })],
                1
              )
            }),
            1
          ),
          _c(
            "p",
            {
              directives: [
                {
                  name: "show",
                  rawName: "v-show",
                  value: _vm.hasNoMatch,
                  expression: "hasNoMatch"
                }
              ],
              staticClass: "el-transfer-panel__empty"
            },
            [_vm._v(_vm._s(_vm.t("el.transfer.noMatch")))]
          ),
          _c(
            "p",
            {
              directives: [
                {
                  name: "show",
                  rawName: "v-show",
                  value: _vm.data.length === 0 && !_vm.hasNoMatch,
                  expression: "data.length === 0 && !hasNoMatch"
                }
              ],
              staticClass: "el-transfer-panel__empty"
            },
            [_vm._v(_vm._s(_vm.t("el.transfer.noData")))]
          )
        ],
        1
      ),
      _vm.hasFooter
        ? _c(
            "p",
            { staticClass: "el-transfer-panel__footer" },
            [_vm._t("default")],
            2
          )
        : _vm._e()
    ])
  }
  var transfer_panelvue_type_template_id_2ddab8bd_staticRenderFns = []
  transfer_panelvue_type_template_id_2ddab8bd_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue?vue&type=template&id=2ddab8bd&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/transfer-panel.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  /* harmony default export */ var transfer_panelvue_type_script_lang_js_ = ({
    mixins: [locale_default.a],
  
    name: 'ElTransferPanel',
  
    componentName: 'ElTransferPanel',
  
    components: {
      ElCheckboxGroup: checkbox_group_default.a,
      ElCheckbox: checkbox_default.a,
      ElInput: input_default.a,
      OptionContent: {
        props: {
          option: Object
        },
        render: function render(h) {
          var getParent = function getParent(vm) {
            if (vm.$options.componentName === 'ElTransferPanel') {
              return vm;
            } else if (vm.$parent) {
              return getParent(vm.$parent);
            } else {
              return vm;
            }
          };
          var panel = getParent(this);
          var transfer = panel.$parent || panel;
          return panel.renderContent ? panel.renderContent(h, this.option) : transfer.$scopedSlots.default ? transfer.$scopedSlots.default({ option: this.option }) : h('span', [this.option[panel.labelProp] || this.option[panel.keyProp]]);
        }
      }
    },
  
    props: {
      data: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      renderContent: Function,
      placeholder: String,
      title: String,
      filterable: Boolean,
      format: Object,
      filterMethod: Function,
      defaultChecked: Array,
      props: Object
    },
  
    data: function data() {
      return {
        checked: [],
        allChecked: false,
        query: '',
        inputHover: false,
        checkChangeByUser: true
      };
    },
  
  
    watch: {
      checked: function checked(val, oldVal) {
        this.updateAllChecked();
        if (this.checkChangeByUser) {
          var movedKeys = val.concat(oldVal).filter(function (v) {
            return val.indexOf(v) === -1 || oldVal.indexOf(v) === -1;
          });
          this.$emit('checked-change', val, movedKeys);
        } else {
          this.$emit('checked-change', val);
          this.checkChangeByUser = true;
        }
      },
      data: function data() {
        var _this = this;
  
        var checked = [];
        var filteredDataKeys = this.filteredData.map(function (item) {
          return item[_this.keyProp];
        });
        this.checked.forEach(function (item) {
          if (filteredDataKeys.indexOf(item) > -1) {
            checked.push(item);
          }
        });
        this.checkChangeByUser = false;
        this.checked = checked;
      },
      checkableData: function checkableData() {
        this.updateAllChecked();
      },
  
  
      defaultChecked: {
        immediate: true,
        handler: function handler(val, oldVal) {
          var _this2 = this;
  
          if (oldVal && val.length === oldVal.length && val.every(function (item) {
            return oldVal.indexOf(item) > -1;
          })) return;
          var checked = [];
          var checkableDataKeys = this.checkableData.map(function (item) {
            return item[_this2.keyProp];
          });
          val.forEach(function (item) {
            if (checkableDataKeys.indexOf(item) > -1) {
              checked.push(item);
            }
          });
          this.checkChangeByUser = false;
          this.checked = checked;
        }
      }
    },
  
    computed: {
      filteredData: function filteredData() {
        var _this3 = this;
  
        return this.data.filter(function (item) {
          if (typeof _this3.filterMethod === 'function') {
            return _this3.filterMethod(_this3.query, item);
          } else {
            var label = item[_this3.labelProp] || item[_this3.keyProp].toString();
            return label.toLowerCase().indexOf(_this3.query.toLowerCase()) > -1;
          }
        });
      },
      checkableData: function checkableData() {
        var _this4 = this;
  
        return this.filteredData.filter(function (item) {
          return !item[_this4.disabledProp];
        });
      },
      checkedSummary: function checkedSummary() {
        var checkedLength = this.checked.length;
        var dataLength = this.data.length;
        var _format = this.format,
            noChecked = _format.noChecked,
            hasChecked = _format.hasChecked;
  
        if (noChecked && hasChecked) {
          return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength) : noChecked.replace(/\${total}/g, dataLength);
        } else {
          return checkedLength + '/' + dataLength;
        }
      },
      isIndeterminate: function isIndeterminate() {
        var checkedLength = this.checked.length;
        return checkedLength > 0 && checkedLength < this.checkableData.length;
      },
      hasNoMatch: function hasNoMatch() {
        return this.query.length > 0 && this.filteredData.length === 0;
      },
      inputIcon: function inputIcon() {
        return this.query.length > 0 && this.inputHover ? 'circle-close' : 'search';
      },
      labelProp: function labelProp() {
        return this.props.label || 'label';
      },
      keyProp: function keyProp() {
        return this.props.key || 'key';
      },
      disabledProp: function disabledProp() {
        return this.props.disabled || 'disabled';
      },
      hasFooter: function hasFooter() {
        return !!this.$slots.default;
      }
    },
  
    methods: {
      updateAllChecked: function updateAllChecked() {
        var _this5 = this;
  
        var checkableDataKeys = this.checkableData.map(function (item) {
          return item[_this5.keyProp];
        });
        this.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every(function (item) {
          return _this5.checked.indexOf(item) > -1;
        });
      },
      handleAllCheckedChange: function handleAllCheckedChange(value) {
        var _this6 = this;
  
        this.checked = value ? this.checkableData.map(function (item) {
          return item[_this6.keyProp];
        }) : [];
      },
      clearQuery: function clearQuery() {
        if (this.inputIcon === 'circle-close') {
          this.query = '';
        }
      }
    }
  });
  // CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue?vue&type=script&lang=js&
   /* harmony default export */ var src_transfer_panelvue_type_script_lang_js_ = (transfer_panelvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue
  
  
  
  
  
  /* normalize component */
  
  var transfer_panel_component = normalizeComponent(
    src_transfer_panelvue_type_script_lang_js_,
    transfer_panelvue_type_template_id_2ddab8bd_render,
    transfer_panelvue_type_template_id_2ddab8bd_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var transfer_panel_api; }
  transfer_panel_component.options.__file = "packages/transfer/src/transfer-panel.vue"
  /* harmony default export */ var transfer_panel = (transfer_panel_component.exports);
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  /* harmony default export */ var transfer_src_mainvue_type_script_lang_js_ = ({
    name: 'ElTransfer',
  
    mixins: [emitter_default.a, locale_default.a, migrating_default.a],
  
    components: {
      TransferPanel: transfer_panel,
      ElButton: button_default.a
    },
  
    props: {
      data: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      titles: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      buttonTexts: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      filterPlaceholder: {
        type: String,
        default: ''
      },
      filterMethod: Function,
      leftDefaultChecked: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      rightDefaultChecked: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      renderContent: Function,
      value: {
        type: Array,
        default: function _default() {
          return [];
        }
      },
      format: {
        type: Object,
        default: function _default() {
          return {};
        }
      },
      filterable: Boolean,
      props: {
        type: Object,
        default: function _default() {
          return {
            label: 'label',
            key: 'key',
            disabled: 'disabled'
          };
        }
      },
      targetOrder: {
        type: String,
        default: 'original'
      }
    },
  
    data: function data() {
      return {
        leftChecked: [],
        rightChecked: []
      };
    },
  
  
    computed: {
      dataObj: function dataObj() {
        var key = this.props.key;
        return this.data.reduce(function (o, cur) {
          return (o[cur[key]] = cur) && o;
        }, {});
      },
      sourceData: function sourceData() {
        var _this = this;
  
        return this.data.filter(function (item) {
          return _this.value.indexOf(item[_this.props.key]) === -1;
        });
      },
      targetData: function targetData() {
        var _this2 = this;
  
        if (this.targetOrder === 'original') {
          return this.data.filter(function (item) {
            return _this2.value.indexOf(item[_this2.props.key]) > -1;
          });
        } else {
          return this.value.reduce(function (arr, cur) {
            var val = _this2.dataObj[cur];
            if (val) {
              arr.push(val);
            }
            return arr;
          }, []);
        }
      },
      hasButtonTexts: function hasButtonTexts() {
        return this.buttonTexts.length === 2;
      }
    },
  
    watch: {
      value: function value(val) {
        this.dispatch('ElFormItem', 'el.form.change', val);
      }
    },
  
    methods: {
      getMigratingConfig: function getMigratingConfig() {
        return {
          props: {
            'footer-format': 'footer-format is renamed to format.'
          }
        };
      },
      onSourceCheckedChange: function onSourceCheckedChange(val, movedKeys) {
        this.leftChecked = val;
        if (movedKeys === undefined) return;
        this.$emit('left-check-change', val, movedKeys);
      },
      onTargetCheckedChange: function onTargetCheckedChange(val, movedKeys) {
        this.rightChecked = val;
        if (movedKeys === undefined) return;
        this.$emit('right-check-change', val, movedKeys);
      },
      addToLeft: function addToLeft() {
        var currentValue = this.value.slice();
        this.rightChecked.forEach(function (item) {
          var index = currentValue.indexOf(item);
          if (index > -1) {
            currentValue.splice(index, 1);
          }
        });
        this.$emit('input', currentValue);
        this.$emit('change', currentValue, 'left', this.rightChecked);
      },
      addToRight: function addToRight() {
        var _this3 = this;
  
        var currentValue = this.value.slice();
        var itemsToBeMoved = [];
        var key = this.props.key;
        this.data.forEach(function (item) {
          var itemKey = item[key];
          if (_this3.leftChecked.indexOf(itemKey) > -1 && _this3.value.indexOf(itemKey) === -1) {
            itemsToBeMoved.push(itemKey);
          }
        });
        currentValue = this.targetOrder === 'unshift' ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
        this.$emit('input', currentValue);
        this.$emit('change', currentValue, 'right', this.leftChecked);
      },
      clearQuery: function clearQuery(which) {
        if (which === 'left') {
          this.$refs.leftPanel.query = '';
        } else if (which === 'right') {
          this.$refs.rightPanel.query = '';
        }
      }
    }
  });
  // CONCATENATED MODULE: ./packages/transfer/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_transfer_src_mainvue_type_script_lang_js_ = (transfer_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/transfer/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var transfer_src_main_component = normalizeComponent(
    packages_transfer_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_5c654dd8_render,
    mainvue_type_template_id_5c654dd8_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var transfer_src_main_api; }
  transfer_src_main_component.options.__file = "packages/transfer/src/main.vue"
  /* harmony default export */ var transfer_src_main = (transfer_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/transfer/index.js
  
  
  /* istanbul ignore next */
  transfer_src_main.install = function (Vue) {
    Vue.component(transfer_src_main.name, transfer_src_main);
  };
  
  /* harmony default export */ var transfer = (transfer_src_main);
  // 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 mainvue_type_template_id_5bf181d4_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 mainvue_type_template_id_5bf181d4_staticRenderFns = []
  mainvue_type_template_id_5bf181d4_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 container_src_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 packages_container_src_mainvue_type_script_lang_js_ = (container_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/container/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var container_src_main_component = normalizeComponent(
    packages_container_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_5bf181d4_render,
    mainvue_type_template_id_5bf181d4_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var container_src_main_api; }
  container_src_main_component.options.__file = "packages/container/src/main.vue"
  /* harmony default export */ var container_src_main = (container_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/container/index.js
  
  
  /* istanbul ignore next */
  container_src_main.install = function (Vue) {
    Vue.component(container_src_main.name, container_src_main);
  };
  
  /* harmony default export */ var container = (container_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/header/src/main.vue?vue&type=template&id=2b296ab2&
  var mainvue_type_template_id_2b296ab2_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "header",
      { staticClass: "el-header", style: { height: _vm.height } },
      [_vm._t("default")],
      2
    )
  }
  var mainvue_type_template_id_2b296ab2_staticRenderFns = []
  mainvue_type_template_id_2b296ab2_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/header/src/main.vue?vue&type=template&id=2b296ab2&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/header/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var header_src_mainvue_type_script_lang_js_ = ({
    name: 'ElHeader',
  
    componentName: 'ElHeader',
  
    props: {
      height: {
        type: String,
        default: '60px'
      }
    }
  });
  // CONCATENATED MODULE: ./packages/header/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_header_src_mainvue_type_script_lang_js_ = (header_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/header/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var header_src_main_component = normalizeComponent(
    packages_header_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_2b296ab2_render,
    mainvue_type_template_id_2b296ab2_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var header_src_main_api; }
  header_src_main_component.options.__file = "packages/header/src/main.vue"
  /* harmony default export */ var header_src_main = (header_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/header/index.js
  
  
  /* istanbul ignore next */
  header_src_main.install = function (Vue) {
    Vue.component(header_src_main.name, header_src_main);
  };
  
  /* harmony default export */ var header = (header_src_main);
  // 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 mainvue_type_template_id_03411dbf_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 mainvue_type_template_id_03411dbf_staticRenderFns = []
  mainvue_type_template_id_03411dbf_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 aside_src_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 packages_aside_src_mainvue_type_script_lang_js_ = (aside_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/aside/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var aside_src_main_component = normalizeComponent(
    packages_aside_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_03411dbf_render,
    mainvue_type_template_id_03411dbf_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var aside_src_main_api; }
  aside_src_main_component.options.__file = "packages/aside/src/main.vue"
  /* harmony default export */ var aside_src_main = (aside_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/aside/index.js
  
  
  /* istanbul ignore next */
  aside_src_main.install = function (Vue) {
    Vue.component(aside_src_main.name, aside_src_main);
  };
  
  /* harmony default export */ var aside = (aside_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/main/src/main.vue?vue&type=template&id=2a3a7406&
  var mainvue_type_template_id_2a3a7406_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c("main", { staticClass: "el-main" }, [_vm._t("default")], 2)
  }
  var mainvue_type_template_id_2a3a7406_staticRenderFns = []
  mainvue_type_template_id_2a3a7406_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/main/src/main.vue?vue&type=template&id=2a3a7406&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/main/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var main_src_mainvue_type_script_lang_js_ = ({
    name: 'ElMain',
    componentName: 'ElMain'
  });
  // CONCATENATED MODULE: ./packages/main/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_main_src_mainvue_type_script_lang_js_ = (main_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/main/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var main_src_main_component = normalizeComponent(
    packages_main_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_2a3a7406_render,
    mainvue_type_template_id_2a3a7406_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var main_src_main_api; }
  main_src_main_component.options.__file = "packages/main/src/main.vue"
  /* harmony default export */ var main_src_main = (main_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/main/index.js
  
  
  /* istanbul ignore next */
  main_src_main.install = function (Vue) {
    Vue.component(main_src_main.name, main_src_main);
  };
  
  /* harmony default export */ var packages_main = (main_src_main);
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/footer/src/main.vue?vue&type=template&id=80210338&
  var mainvue_type_template_id_80210338_render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "footer",
      { staticClass: "el-footer", style: { height: _vm.height } },
      [_vm._t("default")],
      2
    )
  }
  var mainvue_type_template_id_80210338_staticRenderFns = []
  mainvue_type_template_id_80210338_render._withStripped = true
  
  
  // CONCATENATED MODULE: ./packages/footer/src/main.vue?vue&type=template&id=80210338&
  
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/footer/src/main.vue?vue&type=script&lang=js&
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ var footer_src_mainvue_type_script_lang_js_ = ({
    name: 'ElFooter',
  
    componentName: 'ElFooter',
  
    props: {
      height: {
        type: String,
        default: '60px'
      }
    }
  });
  // CONCATENATED MODULE: ./packages/footer/src/main.vue?vue&type=script&lang=js&
   /* harmony default export */ var packages_footer_src_mainvue_type_script_lang_js_ = (footer_src_mainvue_type_script_lang_js_); 
  // CONCATENATED MODULE: ./packages/footer/src/main.vue
  
  
  
  
  
  /* normalize component */
  
  var footer_src_main_component = normalizeComponent(
    packages_footer_src_mainvue_type_script_lang_js_,
    mainvue_type_template_id_80210338_render,
    mainvue_type_template_id_80210338_staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var footer_src_main_api; }
  footer_src_main_component.options.__file = "packages/footer/src/main.vue"
  /* harmony default export */ var footer_src_main = (footer_src_main_component.exports);
  // CONCATENATED MODULE: ./packages/footer/index.js
  
  
  /* istanbul ignore next */
  footer_src_main.install = function (Vue) {
    Vue.component(footer_src_main.name, footer_src_main);
  };
  
  /* harmony default export */ var footer = (footer_src_main);
  // CONCATENATED MODULE: ./src/index.js
  /* Automatically generated by './build/bin/build-entry.js' */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  var components = [packages_pagination, dialog, packages_autocomplete, packages_dropdown, packages_dropdown_menu, packages_dropdown_item, packages_menu, packages_submenu, packages_menu_item, packages_menu_item_group, packages_input, packages_input_number, packages_radio, packages_radio_group, packages_radio_button, packages_checkbox, packages_checkbox_button, packages_checkbox_group, packages_switch, packages_select, packages_option, packages_option_group, packages_button, packages_button_group, packages_table, packages_table_column, packages_date_picker, packages_time_select, packages_time_picker, popover, packages_tooltip, packages_breadcrumb, packages_breadcrumb_item, packages_form, packages_form_item, packages_tabs, packages_tab_pane, packages_tag, packages_tree, packages_alert, slider, packages_icon, packages_row, packages_col, packages_upload, packages_progress, packages_spinner, badge, card, rate, packages_steps, packages_step, carousel, scrollbar, carousel_item, packages_collapse, packages_collapse_item, cascader, color_picker, transfer, container, header, aside, packages_main, footer, collapse_transition_default.a];
  
  var src_install = function install(Vue) {
    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  
    lib_locale_default.a.use(opts.locale);
    lib_locale_default.a.i18n(opts.i18n);
  
    components.forEach(function (component) {
      Vue.component(component.name, component);
    });
  
    Vue.use(packages_loading.directive);
  
    Vue.prototype.$ELEMENT = {
      size: opts.size || '',
      zIndex: opts.zIndex || 2000
    };
  
    Vue.prototype.$loading = packages_loading.service;
    Vue.prototype.$msgbox = message_box;
    Vue.prototype.$alert = message_box.alert;
    Vue.prototype.$confirm = message_box.confirm;
    Vue.prototype.$prompt = message_box.prompt;
    Vue.prototype.$notify = notification;
    Vue.prototype.$message = packages_message;
  };
  
  /* istanbul ignore if */
  if (typeof window !== 'undefined' && window.Vue) {
    src_install(window.Vue);
  }
  
  /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
    version: '2.5.4',
    locale: lib_locale_default.a.use,
    i18n: lib_locale_default.a.i18n,
    install: src_install,
    CollapseTransition: collapse_transition_default.a,
    Loading: packages_loading,
    Pagination: packages_pagination,
    Dialog: dialog,
    Autocomplete: packages_autocomplete,
    Dropdown: packages_dropdown,
    DropdownMenu: packages_dropdown_menu,
    DropdownItem: packages_dropdown_item,
    Menu: packages_menu,
    Submenu: packages_submenu,
    MenuItem: packages_menu_item,
    MenuItemGroup: packages_menu_item_group,
    Input: packages_input,
    InputNumber: packages_input_number,
    Radio: packages_radio,
    RadioGroup: packages_radio_group,
    RadioButton: packages_radio_button,
    Checkbox: packages_checkbox,
    CheckboxButton: packages_checkbox_button,
    CheckboxGroup: packages_checkbox_group,
    Switch: packages_switch,
    Select: packages_select,
    Option: packages_option,
    OptionGroup: packages_option_group,
    Button: packages_button,
    ButtonGroup: packages_button_group,
    Table: packages_table,
    TableColumn: packages_table_column,
    DatePicker: packages_date_picker,
    TimeSelect: packages_time_select,
    TimePicker: packages_time_picker,
    Popover: popover,
    Tooltip: packages_tooltip,
    MessageBox: message_box,
    Breadcrumb: packages_breadcrumb,
    BreadcrumbItem: packages_breadcrumb_item,
    Form: packages_form,
    FormItem: packages_form_item,
    Tabs: packages_tabs,
    TabPane: packages_tab_pane,
    Tag: packages_tag,
    Tree: packages_tree,
    Alert: packages_alert,
    Notification: notification,
    Slider: slider,
    Icon: packages_icon,
    Row: packages_row,
    Col: packages_col,
    Upload: packages_upload,
    Progress: packages_progress,
    Spinner: packages_spinner,
    Message: packages_message,
    Badge: badge,
    Card: card,
    Rate: rate,
    Steps: packages_steps,
    Step: packages_step,
    Carousel: carousel,
    Scrollbar: scrollbar,
    CarouselItem: carousel_item,
    Collapse: packages_collapse,
    CollapseItem: packages_collapse_item,
    Cascader: cascader,
    ColorPicker: color_picker,
    Transfer: transfer,
    Container: container,
    Header: header,
    Aside: aside,
    Main: packages_main,
    Footer: footer
  });
  
  /***/ })
  /******/ ])["default"];