mazey-element-ui 2.0.0 → 2.15.15

package/lib/select.js

@@ -1,107 +1,663 @@
-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: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	const __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			const getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter/value functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
+/******/ 				}
+/******/ 			}
 /******/ 		};
-/******/
-/******/ 		// 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, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// 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 = 204);
-/******/ })
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
+let __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ packages_select)
+});
+
+;// ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/select/src/select.vue?vue&type=template&id=21816719
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "clickoutside",
+          rawName: "v-clickoutside",
+          value: _vm.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
+                      },
+                      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.handleNavigate("next")
+                        },
+                        function ($event) {
+                          if (
+                            !("button" in $event) &&
+                            _vm._k($event.keyCode, "up", 38, $event.key, [
+                              "Up",
+                              "ArrowUp",
+                            ])
+                          ) {
+                            return null
+                          }
+                          $event.preventDefault()
+                          _vm.handleNavigate("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)
+                        },
+                        function ($event) {
+                          if (
+                            !("button" in $event) &&
+                            _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")
+                          ) {
+                            return null
+                          }
+                          _vm.visible = false
+                        },
+                      ],
+                      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,
+            tabindex: _vm.multiple && _vm.filterable ? "-1" : null,
+          },
+          on: {
+            focus: _vm.handleFocus,
+            blur: _vm.handleBlur,
+            input: _vm.debouncedOnInputChange,
+            compositionstart: _vm.handleComposition,
+            compositionupdate: _vm.handleComposition,
+            compositionend: _vm.handleComposition,
+          },
+          nativeOn: {
+            keydown: [
+              function ($event) {
+                if (
+                  !("button" in $event) &&
+                  _vm._k($event.keyCode, "down", 40, $event.key, [
+                    "Down",
+                    "ArrowDown",
+                  ])
+                ) {
+                  return null
+                }
+                $event.stopPropagation()
+                $event.preventDefault()
+                _vm.handleNavigate("next")
+              },
+              function ($event) {
+                if (
+                  !("button" in $event) &&
+                  _vm._k($event.keyCode, "up", 38, $event.key, [
+                    "Up",
+                    "ArrowUp",
+                  ])
+                ) {
+                  return null
+                }
+                $event.stopPropagation()
+                $event.preventDefault()
+                _vm.handleNavigate("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
+              },
+            ],
+            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))
+                ? [
+                    _vm.$slots.empty
+                      ? _vm._t("empty")
+                      : _c("p", { staticClass: "el-select-dropdown__empty" }, [
+                          _vm._v(
+                            "\n          " +
+                              _vm._s(_vm.emptyText) +
+                              "\n        "
+                          ),
+                        ]),
+                  ]
+                : _vm._e(),
+            ],
+            2
+          ),
+        ],
+        1
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+;// ./packages/select/src/select.vue?vue&type=template&id=21816719
+
+;// external "mazey-element-ui/lib/mixins/emitter"
+const emitter_namespaceObject = require("mazey-element-ui/lib/mixins/emitter");
+var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_namespaceObject);
+;// external "mazey-element-ui/lib/mixins/focus"
+const focus_namespaceObject = require("mazey-element-ui/lib/mixins/focus");
+var focus_default = /*#__PURE__*/__webpack_require__.n(focus_namespaceObject);
+;// external "mazey-element-ui/lib/mixins/locale"
+const locale_namespaceObject = require("mazey-element-ui/lib/mixins/locale");
+var locale_default = /*#__PURE__*/__webpack_require__.n(locale_namespaceObject);
+;// external "mazey-element-ui/lib/input"
+const input_namespaceObject = require("mazey-element-ui/lib/input");
+var input_default = /*#__PURE__*/__webpack_require__.n(input_namespaceObject);
+;// ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=template&id=e304f452
+var select_dropdownvue_type_template_id_e304f452_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_e304f452_staticRenderFns = []
+select_dropdownvue_type_template_id_e304f452_render._withStripped = true
+
+
+;// ./packages/select/src/select-dropdown.vue?vue&type=template&id=e304f452
+
+;// external "mazey-element-ui/lib/utils/vue-popper"
+const vue_popper_namespaceObject = require("mazey-element-ui/lib/utils/vue-popper");
+var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_namespaceObject);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-/***/ 0:
-/***/ (function(module, exports) {
 
+/* harmony default export */ const select_dropdownvue_type_script_lang_js = ({
+  name: 'ElSelectDropdown',
+  componentName: 'ElSelectDropdown',
+  mixins: [(vue_popper_default())],
+  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);
+  }
+});
+;// ./packages/select/src/select-dropdown.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_select_dropdownvue_type_script_lang_js = (select_dropdownvue_type_script_lang_js); 
+;// ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
 
-// IMPORTANT: Do NOT use ES2015 features in this file.
+// 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.
 
-module.exports = function normalizeComponent (
-  rawScriptExports,
-  compiledTemplate,
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier /* server only */
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
 ) {
-  var esModule
-  var scriptExports = rawScriptExports = rawScriptExports || {}
-
-  // ES6 modules interop
-  var type = typeof rawScriptExports.default
-  if (type === 'object' || type === 'function') {
-    esModule = rawScriptExports
-    scriptExports = rawScriptExports.default
-  }
-
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
-  if (compiledTemplate) {
-    options.render = compiledTemplate.render
-    options.staticRenderFns = compiledTemplate.staticRenderFns
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
     options._compiled = true
   }
 
@@ -112,11 +668,12 @@ module.exports = function normalizeComponent (
 
   // scopedId
   if (scopeId) {
-    options._scopeId = scopeId
+    options._scopeId = 'data-v-' + scopeId
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -140,314 +697,103 @@ module.exports = function normalizeComponent (
     // never gets called
     options._ssrRegister = hook
   } else if (injectStyles) {
-    hook = injectStyles
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
   }
 
   if (hook) {
-    var functional = options.functional
-    var existing = functional
-      ? options.render
-      : options.beforeCreate
-
-    if (!functional) {
-      // inject component registration as beforeCreate hook
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    } else {
+    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
-      options.render = function renderWithStyleInjection (h, context) {
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
-        return existing(h, context)
+        return originalRender(h, context)
       }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
   return {
-    esModule: esModule,
     exports: scriptExports,
     options: options
   }
 }
 
+;// ./packages/select/src/select-dropdown.vue
 
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/mixins/emitter");
-
-/***/ }),
 
-/***/ 10:
-/***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/utils/clickoutside");
 
-/***/ }),
 
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/locale");
-
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("throttle-debounce/debounce");
-
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/scrollbar");
-
-/***/ }),
-
-/***/ 18:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/resize-event");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/dom");
-
-/***/ }),
-
-/***/ 20:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/mixins/focus");
-
-/***/ }),
-
-/***/ 204:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _select = __webpack_require__(205);
-
-var _select2 = _interopRequireDefault(_select);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* istanbul ignore next */
-_select2.default.install = function (Vue) {
-  Vue.component(_select2.default.name, _select2.default);
-};
-
-exports.default = _select2.default;
-
-/***/ }),
-
-/***/ 205:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_vue__ = __webpack_require__(68);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_2a534bdd_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_select_vue__ = __webpack_require__(209);
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_vue___default.a,
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_2a534bdd_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_select_vue__["a" /* default */],
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
-
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 206:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__ = __webpack_require__(69);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_6f750d4a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_select_dropdown_vue__ = __webpack_require__(207);
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue___default.a,
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_6f750d4a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_select_dropdown_vue__["a" /* default */],
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
+/* normalize component */
+;
+var component = normalizeComponent(
+  src_select_dropdownvue_type_script_lang_js,
+  select_dropdownvue_type_template_id_e304f452_render,
+  select_dropdownvue_type_template_id_e304f452_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
 )
 
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 207:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-var 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 staticRenderFns = []
-var esExports = { render: render, staticRenderFns: staticRenderFns }
-/* harmony default export */ __webpack_exports__["a"] = (esExports);
-
-/***/ }),
-
-/***/ 208:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.default = {
-  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);
-        });
-      }
-    }
-  }
-};
-
-/***/ }),
-
-/***/ 209:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.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' })},[(_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))])])})):_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:({ width: _vm.inputLength + 'px', 'max-width': _vm.inputWidth - 42 + 'px' }),attrs:{"type":"text","disabled":_vm.selectDisabled,"autocomplete":_vm.autoComplete,"debounce":_vm.remote ? 300 : 0},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,"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"])){ 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},function (e) { return _vm.handleQueryChange(e.target.value); }]}}):_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,"auto-complete":_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,"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('i',{class:['el-select__caret', 'el-input__icon', 'el-icon-' + _vm.iconClass],attrs:{"slot":"suffix"},on:{"click":_vm.handleIconClick},slot:"suffix"})],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",staticClass:"cv-recommend-select-options",class:{ 'is-empty': !_vm.allowCreate && _vm.query && _vm.filteredOptionsCount === 0, 'cv-recommend-select-options': _vm.name === 'cv-recommend-select' || _vm.isRecommend },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 staticRenderFns = []
-var esExports = { render: render, staticRenderFns: staticRenderFns }
-/* harmony default export */ __webpack_exports__["a"] = (esExports);
-
-/***/ }),
-
-/***/ 24:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/shared");
-
-/***/ }),
-
-/***/ 26:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _emitter = __webpack_require__(1);
-
-var _emitter2 = _interopRequireDefault(_emitter);
+/* harmony default export */ const select_dropdown = (component.exports);
+;// ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/select/src/option.vue?vue&type=template&id=f3ac5a80
+var optionvue_type_template_id_f3ac5a80_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_f3ac5a80_staticRenderFns = []
+optionvue_type_template_id_f3ac5a80_render._withStripped = true
 
-var _util = __webpack_require__(3);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+;// ./packages/select/src/option.vue?vue&type=template&id=f3ac5a80
 
+;// external "mazey-element-ui/lib/utils/util"
+const util_namespaceObject = require("mazey-element-ui/lib/utils/util");
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/select/src/option.vue?vue&type=script&lang=js
 //
 //
 //
@@ -466,15 +812,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 
-exports.default = {
-  mixins: [_emitter2.default],
 
-  name: 'ElOption',
 
+/* harmony default export */ const optionvue_type_script_lang_js = ({
+  mixins: [(emitter_default())],
+  name: 'ElOption',
   componentName: 'ElOption',
-
   inject: ['select'],
-
   props: {
     value: {
       required: true
@@ -486,7 +830,6 @@ exports.default = {
       default: false
     }
   },
-
   data: function data() {
     return {
       index: -1,
@@ -496,8 +839,6 @@ exports.default = {
       hover: false
     };
   },
-
-
   computed: {
     isObject: function isObject() {
       return Object.prototype.toString.call(this.value).toLowerCase() === '[object object]';
@@ -523,35 +864,41 @@ exports.default = {
       }
     }
   },
-
   watch: {
     currentLabel: function currentLabel() {
       if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
     },
-    value: function value() {
-      if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
+    value: function value(val, oldVal) {
+      var _this$select = this.select,
+        remote = _this$select.remote,
+        valueKey = _this$select.valueKey;
+      if (!this.created && !remote) {
+        if (valueKey && typeof val === 'object' && 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 (0, _util.getValueByPath)(a, valueKey) === (0, _util.getValueByPath)(b, valueKey);
+        return (0,util_namespaceObject.getValueByPath)(a, valueKey) === (0,util_namespaceObject.getValueByPath)(b, valueKey);
       }
     },
-    contains: function contains() {
-      var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var target = arguments[1];
-
+    contains: function contains(arr, target) {
+      if (arr === void 0) {
+        arr = [];
+      }
       if (!this.isObject) {
-        return arr.indexOf(target) > -1;
+        return arr && arr.indexOf(target) > -1;
       } else {
         var valueKey = this.select.valueKey;
-        return arr.some(function (item) {
-          return (0, _util.getValueByPath)(item, valueKey) === (0, _util.getValueByPath)(target, valueKey);
+        return arr && arr.some(function (item) {
+          return (0,util_namespaceObject.getValueByPath)(item, valueKey) === (0,util_namespaceObject.getValueByPath)(target, valueKey);
         });
       }
     },
@@ -562,193 +909,143 @@ exports.default = {
       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) {
-      // query 里如果有正则中的特殊字符，需要先将这些字符转义
-      var parsedQuery = String(query).replace(/(\^|\(|\)|\[|\]|\$|\*|\+|\.|\?|\\|\{|\}|\|)/g, '\\$1');
-      this.visible = new RegExp(parsedQuery, '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));
-  }
-};
-
-/***/ }),
-
-/***/ 27:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/tag");
-
-/***/ }),
-
-/***/ 28:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/scroll-into-view");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/util");
-
-/***/ }),
-
-/***/ 38:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_option_vue__ = __webpack_require__(26);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_option_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_option_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_option_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_option_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_668f3a6a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_option_vue__ = __webpack_require__(39);
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_option_vue___default.a,
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_668f3a6a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_option_vue__["a" /* default */],
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
-
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 39:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-var 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 staticRenderFns = []
-var esExports = { render: render, staticRenderFns: staticRenderFns }
-/* harmony default export */ __webpack_exports__["a"] = (esExports);
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/mixins/locale");
-
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/input");
-
-/***/ }),
-
-/***/ 68:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _emitter = __webpack_require__(1);
-
-var _emitter2 = _interopRequireDefault(_emitter);
-
-var _focus = __webpack_require__(20);
-
-var _focus2 = _interopRequireDefault(_focus);
-
-var _locale = __webpack_require__(5);
-
-var _locale2 = _interopRequireDefault(_locale);
-
-var _input = __webpack_require__(6);
-
-var _input2 = _interopRequireDefault(_input);
-
-var _selectDropdown = __webpack_require__(206);
-
-var _selectDropdown2 = _interopRequireDefault(_selectDropdown);
-
-var _option = __webpack_require__(38);
-
-var _option2 = _interopRequireDefault(_option);
-
-var _tag = __webpack_require__(27);
-
-var _tag2 = _interopRequireDefault(_tag);
-
-var _scrollbar = __webpack_require__(17);
-
-var _scrollbar2 = _interopRequireDefault(_scrollbar);
-
-var _debounce = __webpack_require__(14);
-
-var _debounce2 = _interopRequireDefault(_debounce);
-
-var _clickoutside = __webpack_require__(10);
-
-var _clickoutside2 = _interopRequireDefault(_clickoutside);
-
-var _dom = __webpack_require__(2);
-
-var _resizeEvent = __webpack_require__(18);
-
-var _locale3 = __webpack_require__(12);
-
-var _scrollIntoView = __webpack_require__(28);
-
-var _scrollIntoView2 = _interopRequireDefault(_scrollIntoView);
+    },
+    selectOptionClick: function selectOptionClick() {
+      if (this.disabled !== true && this.groupDisabled !== true) {
+        this.dispatch('ElSelect', 'handleOptionClick', [this, true]);
+      }
+    },
+    queryChange: function queryChange(query) {
+      this.visible = new RegExp((0,util_namespaceObject.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() {
+    var _this$select2 = this.select,
+      selected = _this$select2.selected,
+      multiple = _this$select2.multiple;
+    var selectedOptions = multiple ? selected : [selected];
+    var index = this.select.cachedOptions.indexOf(this);
+    var selectedIndex = selectedOptions.indexOf(this);
+
+    // if option is not selected, remove it from cache
+    if (index > -1 && selectedIndex < 0) {
+      this.select.cachedOptions.splice(index, 1);
+    }
+    this.select.onOptionDestroy(this.select.options.indexOf(this));
+  }
+});
+;// ./packages/select/src/option.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_optionvue_type_script_lang_js = (optionvue_type_script_lang_js); 
+;// ./packages/select/src/option.vue
 
-var _util = __webpack_require__(3);
 
-var _navigationMixin = __webpack_require__(208);
 
-var _navigationMixin2 = _interopRequireDefault(_navigationMixin);
 
-var _shared = __webpack_require__(24);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* normalize component */
+;
+var option_component = normalizeComponent(
+  src_optionvue_type_script_lang_js,
+  optionvue_type_template_id_f3ac5a80_render,
+  optionvue_type_template_id_f3ac5a80_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
+/* harmony default export */ const src_option = (option_component.exports);
+;// external "mazey-element-ui/lib/tag"
+const tag_namespaceObject = require("mazey-element-ui/lib/tag");
+var tag_default = /*#__PURE__*/__webpack_require__.n(tag_namespaceObject);
+;// external "mazey-element-ui/lib/scrollbar"
+const scrollbar_namespaceObject = require("mazey-element-ui/lib/scrollbar");
+var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_namespaceObject);
+;// external "throttle-debounce/debounce"
+const debounce_namespaceObject = require("throttle-debounce/debounce");
+var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_namespaceObject);
+;// external "mazey-element-ui/lib/utils/clickoutside"
+const clickoutside_namespaceObject = require("mazey-element-ui/lib/utils/clickoutside");
+var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_namespaceObject);
+;// external "mazey-element-ui/lib/utils/resize-event"
+const resize_event_namespaceObject = require("mazey-element-ui/lib/utils/resize-event");
+;// external "mazey-element-ui/lib/utils/scroll-into-view"
+const scroll_into_view_namespaceObject = require("mazey-element-ui/lib/utils/scroll-into-view");
+var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_view_namespaceObject);
+;// ./packages/select/src/navigation-mixin.js
+/* harmony default export */ const 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 "mazey-element-ui/lib/utils/shared"
+const shared_namespaceObject = require("mazey-element-ui/lib/utils/shared");
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/select/src/select.vue?vue&type=script&lang=js
+//
 //
 //
 //
@@ -886,48 +1183,52 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 
-var sizeMap = {
-  'medium': 36,
-  'small': 32,
-  'mini': 28
-};
 
-exports.default = {
-  mixins: [_emitter2.default, _locale2.default, (0, _focus2.default)('reference'), _navigationMixin2.default],
 
-  name: 'ElSelect',
 
-  componentName: 'ElSelect',
 
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ const selectvue_type_script_lang_js = ({
+  mixins: [(emitter_default()), (locale_default()), 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() {
-      // trade-off for IE input readonly problem: https://github.com/ElemeFE/element/issues/10403
-      var isIE = !this.$isServer && !isNaN(Number(document.documentMode));
-      return !this.filterable || this.multiple || !isIE && !this.visible;
+      return !this.filterable || this.multiple || !(0,util_namespaceObject.isIE)() && !(0,util_namespaceObject.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() {
-      var criteria = this.clearable && !this.selectDisabled && this.inputHovering && !this.multiple && this.value !== undefined && this.value !== '';
-      return criteria ? 'circle-close is-show-close' : this.remote && this.filterable ? '' : 'arrow-up';
+      return this.remote && this.filterable ? '' : this.visible ? 'arrow-up is-reverse' : 'arrow-up';
     },
     debounce: function debounce() {
       return this.remote ? 300 : 0;
@@ -948,7 +1249,6 @@ exports.default = {
     },
     showNewOption: function showNewOption() {
       var _this = this;
-
       var hasExistingOption = this.options.filter(function (option) {
         return !option.created;
       }).some(function (option) {
@@ -964,29 +1264,39 @@ exports.default = {
     },
     collapseTagSize: function collapseTagSize() {
       return ['small', 'mini'].indexOf(this.selectSize) > -1 ? 'mini' : 'small';
+    },
+    propPlaceholder: function propPlaceholder() {
+      return typeof this.placeholder !== 'undefined' ? this.placeholder : this.t('el.select.placeholder');
     }
   },
-
   components: {
-    ElInput: _input2.default,
-    ElSelectMenu: _selectDropdown2.default,
-    ElOption: _option2.default,
-    ElTag: _tag2.default,
-    ElScrollbar: _scrollbar2.default
+    ElInput: (input_default()),
+    ElSelectMenu: select_dropdown,
+    ElOption: src_option,
+    ElTag: (tag_default()),
+    ElScrollbar: (scrollbar_default())
+  },
+  directives: {
+    Clickoutside: (clickoutside_default())
   },
-
-  directives: { Clickoutside: _clickoutside2.default },
-
   props: {
     name: String,
     id: String,
     value: {
       required: true
     },
-    autoComplete: {
+    autocomplete: {
       type: String,
       default: 'off'
     },
+    /** @Deprecated in next major version */
+    autoComplete: {
+      type: String,
+      validator: function validator(val) {
+         false && 0;
+        return true;
+      }
+    },
     automaticDropdown: Boolean,
     size: String,
     disabled: Boolean,
@@ -1008,9 +1318,7 @@ exports.default = {
     },
     placeholder: {
       type: String,
-      default: function _default() {
-        return (0, _locale3.t)('el.select.placeholder');
-      }
+      required: false
     },
     defaultFirstOption: Boolean,
     reserveKeyword: Boolean,
@@ -1022,13 +1330,8 @@ exports.default = {
     popperAppendToBody: {
       type: Boolean,
       default: true
-    },
-    isRecommend: {
-      type: Boolean,
-      default: false
     }
   },
-
   data: function data() {
     return {
       options: [],
@@ -1038,6 +1341,7 @@ exports.default = {
       selected: this.multiple ? [] : {},
       inputLength: 20,
       inputWidth: 0,
+      initialInputHeight: 0,
       cachedPlaceHolder: '',
       optionsCount: 0,
       filteredOptionsCount: 0,
@@ -1054,23 +1358,20 @@ exports.default = {
       isSilentBlur: false
     };
   },
-
-
   watch: {
     selectDisabled: function selectDisabled() {
       var _this2 = this;
-
       this.$nextTick(function () {
         _this2.resetInputHeight();
       });
     },
-    placeholder: function placeholder(val) {
+    propPlaceholder: function propPlaceholder(val) {
       this.cachedPlaceHolder = this.currentPlaceholder = val;
     },
-    value: function value(val) {
+    value: function value(val, oldVal) {
       if (this.multiple) {
         this.resetInputHeight();
-        if (val.length > 0 || this.$refs.input && this.query !== '') {
+        if (val && val.length > 0 || this.$refs.input && this.query !== '') {
           this.currentPlaceholder = '';
         } else {
           this.currentPlaceholder = this.cachedPlaceHolder;
@@ -1084,12 +1385,13 @@ exports.default = {
       if (this.filterable && !this.multiple) {
         this.inputLength = 20;
       }
+      if (!(0,util_namespaceObject.valueEquals)(val, oldVal)) {
+        this.dispatch('ElFormItem', 'el.form.change', val);
+      }
     },
     visible: function visible(val) {
       var _this3 = this;
-
       if (!val) {
-        this.handleIconHide();
         this.broadcast('ElSelectDropdown', 'destroyPopper');
         if (this.$refs.input) {
           this.$refs.input.blur();
@@ -1098,6 +1400,7 @@ exports.default = {
         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) {
@@ -1113,9 +1416,11 @@ exports.default = {
             }
             if (this.filterable) this.query = this.selectedLabel;
           }
+          if (this.filterable) {
+            this.currentPlaceholder = this.cachedPlaceHolder;
+          }
         }
       } else {
-        this.handleIconShow();
         this.broadcast('ElSelectDropdown', 'updatePopper');
         if (this.filterable) {
           this.query = this.remote ? '' : this.selectedLabel;
@@ -1127,7 +1432,10 @@ exports.default = {
               this.broadcast('ElOption', 'queryChange', '');
               this.broadcast('ElOptionGroup', 'queryChange');
             }
-            this.broadcast('ElInput', 'inputSelect');
+            if (this.selectedLabel) {
+              this.currentPlaceholder = this.selectedLabel;
+              this.selectedLabel = '';
+            }
           }
         }
       }
@@ -1135,7 +1443,6 @@ exports.default = {
     },
     options: function options() {
       var _this4 = this;
-
       if (this.$isServer) return;
       this.$nextTick(function () {
         _this4.broadcast('ElSelectDropdown', 'updatePopper');
@@ -1152,21 +1459,26 @@ exports.default = {
       }
     }
   },
-
   methods: {
+    handleNavigate: function handleNavigate(direction) {
+      if (this.isOnComposition) return;
+      this.navigateOptions(direction);
+    },
     handleComposition: function handleComposition(event) {
+      var _this5 = this;
       var text = event.target.value;
       if (event.type === 'compositionend') {
         this.isOnComposition = false;
-        this.handleQueryChange(text);
+        this.$nextTick(function (_) {
+          return _this5.handleQueryChange(text);
+        });
       } else {
         var lastCharacter = text[text.length - 1] || '';
-        this.isOnComposition = !(0, _shared.isKorean)(lastCharacter);
+        this.isOnComposition = !(0,shared_namespaceObject.isKorean)(lastCharacter);
       }
     },
     handleQueryChange: function handleQueryChange(val) {
-      var _this5 = this;
-
+      var _this6 = this;
       if (this.previousQuery === val || this.isOnComposition) return;
       if (this.previousQuery === null && (typeof this.filterMethod === 'function' || typeof this.remoteMethod === 'function')) {
         this.previousQuery = val;
@@ -1174,14 +1486,16 @@ exports.default = {
       }
       this.previousQuery = val;
       this.$nextTick(function () {
-        if (_this5.visible) _this5.broadcast('ElSelectDropdown', 'updatePopper');
+        if (_this6.visible) _this6.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();
+        this.$nextTick(function () {
+          var length = _this6.$refs.input.value.length * 15 + 20;
+          _this6.inputLength = _this6.collapseTags ? Math.min(50, length) : length;
+          _this6.managePlaceholder();
+          _this6.resetInputHeight();
+        });
       }
       if (this.remote && typeof this.remoteMethod === 'function') {
         this.hoverIndex = -1;
@@ -1198,52 +1512,40 @@ exports.default = {
         this.checkDefaultFirstOption();
       }
     },
-    handleIconHide: function handleIconHide() {
-      var icon = this.$el.querySelector('.el-input__icon');
-      if (icon) {
-        (0, _dom.removeClass)(icon, 'is-reverse');
-      }
-    },
-    handleIconShow: function handleIconShow() {
-      var icon = this.$el.querySelector('.el-input__icon');
-      if (icon && !(0, _dom.hasClass)(icon, 'el-icon-circle-close')) {
-        (0, _dom.addClass)(icon, 'is-reverse');
-      }
-    },
     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');
-        (0, _scrollIntoView2.default)(menu, target);
+        scroll_into_view_default()(menu, target);
       }
       this.$refs.scrollbar && this.$refs.scrollbar.handleScroll();
     },
     handleMenuEnter: function handleMenuEnter() {
-      var _this6 = this;
-
+      var _this7 = this;
       this.$nextTick(function () {
-        return _this6.scrollToOption(_this6.selected);
+        return _this7.scrollToOption(_this7.selected);
       });
     },
     emitChange: function emitChange(val) {
-      if (!(0, _util.valueEquals)(this.value, val)) {
+      if (!(0,util_namespaceObject.valueEquals)(this.value, val)) {
         this.$emit('change', val);
-        this.dispatch('ElFormItem', 'el.form.change', val);
       }
     },
     getOption: function getOption(value) {
-      var option = void 0;
+      var option;
       var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
+      var isNull = Object.prototype.toString.call(value).toLowerCase() === '[object null]';
+      var isUndefined = Object.prototype.toString.call(value).toLowerCase() === '[object undefined]';
       for (var i = this.cachedOptions.length - 1; i >= 0; i--) {
         var cachedOption = this.cachedOptions[i];
-        var isEqual = isObject ? (0, _util.getValueByPath)(cachedOption.value, this.valueKey) === (0, _util.getValueByPath)(value, this.valueKey) : cachedOption.value === value;
+        var isEqual = isObject ? (0,util_namespaceObject.getValueByPath)(cachedOption.value, this.valueKey) === (0,util_namespaceObject.getValueByPath)(value, this.valueKey) : cachedOption.value === value;
         if (isEqual) {
           option = cachedOption;
           break;
         }
       }
       if (option) return option;
-      var label = !isObject ? value : '';
+      var label = !isObject && !isNull && !isUndefined ? String(value) : '';
       var newOption = {
         value: value,
         currentLabel: label
@@ -1254,8 +1556,7 @@ exports.default = {
       return newOption;
     },
     setSelected: function setSelected() {
-      var _this7 = this;
-
+      var _this8 = this;
       if (!this.multiple) {
         var option = this.getOption(this.value);
         if (option.created) {
@@ -1272,19 +1573,21 @@ exports.default = {
       var result = [];
       if (Array.isArray(this.value)) {
         this.value.forEach(function (value) {
-          result.push(_this7.getOption(value));
+          result.push(_this8.getOption(value));
         });
       }
       this.selected = result;
       this.$nextTick(function () {
-        _this7.resetInputHeight();
+        _this8.resetInputHeight();
       });
     },
     handleFocus: function handleFocus(event) {
       if (!this.softFocus) {
         if (this.automaticDropdown || this.filterable) {
+          if (this.filterable && !this.visible) {
+            this.menuVisibleOnFocus = true;
+          }
           this.visible = true;
-          this.menuVisibleOnFocus = true;
         }
         this.$emit('focus', event);
       } else {
@@ -1296,21 +1599,18 @@ exports.default = {
       this.$refs.reference.blur();
     },
     handleBlur: function handleBlur(event) {
-      var _this8 = this;
-
+      var _this9 = this;
       setTimeout(function () {
-        if (_this8.isSilentBlur) {
-          _this8.isSilentBlur = false;
+        if (_this9.isSilentBlur) {
+          _this9.isSilentBlur = false;
         } else {
-          _this8.$emit('blur', event);
+          _this9.$emit('blur', event);
         }
       }, 50);
       this.softFocus = false;
     },
-    handleIconClick: function handleIconClick(event) {
-      if (this.iconClass.indexOf('circle-close') > -1) {
-        this.deleteSelected(event);
-      }
+    handleClearClick: function handleClearClick(event) {
+      this.deleteSelected(event);
     },
     doDestroy: function doDestroy() {
       this.$refs.popper && this.$refs.popper.doDestroy();
@@ -1322,12 +1622,10 @@ exports.default = {
       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;
     },
@@ -1350,45 +1648,43 @@ exports.default = {
       this.resetInputHeight();
     },
     resetInputHeight: function resetInputHeight() {
-      var _this9 = this;
-
+      var _this0 = this;
       if (this.collapseTags && !this.filterable) return;
       this.$nextTick(function () {
-        if (!_this9.$refs.reference) return;
-        var inputChildNodes = _this9.$refs.reference.$el.childNodes;
+        if (!_this0.$refs.reference) return;
+        var inputChildNodes = _this0.$refs.reference.$el.childNodes;
         var input = [].filter.call(inputChildNodes, function (item) {
           return item.tagName === 'INPUT';
         })[0];
-        var tags = _this9.$refs.tags;
-        var sizeInMap = sizeMap[_this9.selectSize] || 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');
+        var tags = _this0.$refs.tags;
+        var tagsHeight = tags ? Math.round(tags.getBoundingClientRect().height) : 0;
+        var sizeInMap = _this0.initialInputHeight || 40;
+        input.style.height = _this0.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tagsHeight + (tagsHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
+        if (_this0.visible && _this0.emptyText !== false) {
+          _this0.broadcast('ElSelectDropdown', 'updatePopper');
         }
       });
     },
     resetHoverIndex: function resetHoverIndex() {
-      var _this10 = this;
-
+      var _this1 = this;
       setTimeout(function () {
-        if (!_this10.multiple) {
-          _this10.hoverIndex = _this10.options.indexOf(_this10.selected);
+        if (!_this1.multiple) {
+          _this1.hoverIndex = _this1.options.indexOf(_this1.selected);
         } else {
-          if (_this10.selected.length > 0) {
-            _this10.hoverIndex = Math.min.apply(null, _this10.selected.map(function (item) {
-              return _this10.options.indexOf(item);
+          if (_this1.selected.length > 0) {
+            _this1.hoverIndex = Math.min.apply(null, _this1.selected.map(function (item) {
+              return _this1.options.indexOf(item);
             }));
           } else {
-            _this10.hoverIndex = -1;
+            _this1.hoverIndex = -1;
           }
         }
       }, 300);
     },
     handleOptionSelect: function handleOptionSelect(option, byClick) {
-      var _this11 = this;
-
+      var _this10 = this;
       if (this.multiple) {
-        var value = this.value.slice();
+        var value = (this.value || []).slice();
         var optionIndex = this.getValueIndex(value, option.value);
         if (optionIndex > -1) {
           value.splice(optionIndex, 1);
@@ -1412,7 +1708,7 @@ exports.default = {
       this.setSoftFocus();
       if (this.visible) return;
       this.$nextTick(function () {
-        _this11.scrollToOption(option);
+        _this10.scrollToOption(option);
       });
     },
     setSoftFocus: function setSoftFocus() {
@@ -1422,10 +1718,10 @@ exports.default = {
         input.focus();
       }
     },
-    getValueIndex: function getValueIndex() {
-      var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var value = arguments[1];
-
+    getValueIndex: function getValueIndex(arr, value) {
+      if (arr === void 0) {
+        arr = [];
+      }
       var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
       if (!isObject) {
         return arr.indexOf(value);
@@ -1433,7 +1729,7 @@ exports.default = {
         var valueKey = this.valueKey;
         var index = -1;
         arr.some(function (item, i) {
-          if ((0, _util.getValueByPath)(item, valueKey) === (0, _util.getValueByPath)(value, valueKey)) {
+          if ((0,util_namespaceObject.getValueByPath)(item, valueKey) === (0,util_namespaceObject.getValueByPath)(value, valueKey)) {
             index = i;
             return true;
           }
@@ -1465,8 +1761,9 @@ exports.default = {
     },
     deleteSelected: function deleteSelected(event) {
       event.stopPropagation();
-      this.$emit('input', '');
-      this.emitChange('');
+      var value = this.multiple ? [] : '';
+      this.$emit('input', value);
+      this.emitChange(value);
       this.visible = false;
       this.$emit('clear');
     },
@@ -1534,150 +1831,88 @@ exports.default = {
       if (Object.prototype.toString.call(item.value).toLowerCase() !== '[object object]') {
         return item.value;
       } else {
-        return (0, _util.getValueByPath)(item.value, this.valueKey);
+        return (0,util_namespaceObject.getValueByPath)(item.value, this.valueKey);
       }
     }
   },
-
   created: function created() {
-    var _this12 = this;
-
-    this.cachedPlaceHolder = this.currentPlaceholder = this.placeholder;
+    var _this11 = this;
+    this.cachedPlaceHolder = this.currentPlaceholder = this.propPlaceholder;
     if (this.multiple && !Array.isArray(this.value)) {
       this.$emit('input', []);
     }
     if (!this.multiple && Array.isArray(this.value)) {
       this.$emit('input', '');
     }
-
-    this.debouncedOnInputChange = (0, _debounce2.default)(this.debounce, function () {
-      _this12.onInputChange();
+    this.debouncedOnInputChange = debounce_default()(this.debounce, function () {
+      _this11.onInputChange();
+    });
+    this.debouncedQueryChange = debounce_default()(this.debounce, function (e) {
+      _this11.handleQueryChange(e.target.value);
     });
-
     this.$on('handleOptionClick', this.handleOptionSelect);
     this.$on('setSelected', this.setSelected);
-    this.$on('fieldReset', function () {
-      _this12.dispatch('ElFormItem', 'el.form.change');
-    });
   },
   mounted: function mounted() {
-    var _this13 = this;
-
+    var _this12 = this;
     if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
       this.currentPlaceholder = '';
     }
-    (0, _resizeEvent.addResizeListener)(this.$el, this.handleResize);
+    ;(0,resize_event_namespaceObject.addResizeListener)(this.$el, this.handleResize);
+    var reference = this.$refs.reference;
+    if (reference && reference.$el) {
+      var sizeMap = {
+        medium: 36,
+        small: 32,
+        mini: 28
+      };
+      var input = reference.$el.querySelector('input');
+      this.initialInputHeight = input.getBoundingClientRect().height || sizeMap[this.selectSize];
+    }
     if (this.remote && this.multiple) {
       this.resetInputHeight();
     }
     this.$nextTick(function () {
-      if (_this13.$refs.reference && _this13.$refs.reference.$el) {
-        _this13.inputWidth = _this13.$refs.reference.$el.getBoundingClientRect().width;
+      if (reference && reference.$el) {
+        _this12.inputWidth = reference.$el.getBoundingClientRect().width;
       }
     });
     this.setSelected();
   },
   beforeDestroy: function beforeDestroy() {
-    if (this.$el && this.handleResize) (0, _resizeEvent.removeResizeListener)(this.$el, this.handleResize);
+    if (this.$el && this.handleResize) (0,resize_event_namespaceObject.removeResizeListener)(this.$el, this.handleResize);
   }
-};
-
-/***/ }),
-
-/***/ 69:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _vuePopper = __webpack_require__(7);
-
-var _vuePopper2 = _interopRequireDefault(_vuePopper);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
-  name: 'ElSelectDropdown',
-
-  componentName: 'ElSelectDropdown',
-
-  mixins: [_vuePopper2.default],
-
-  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: ''
-    };
-  },
+});
+;// ./packages/select/src/select.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_selectvue_type_script_lang_js = (selectvue_type_script_lang_js); 
+;// ./packages/select/src/select.vue
 
 
-  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);
-  }
-}; //
-//
-//
-//
-//
-//
-//
-//
-//
 
-/***/ }),
 
-/***/ 7:
-/***/ (function(module, exports) {
+/* normalize component */
+;
+var select_component = normalizeComponent(
+  src_selectvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-module.exports = require("element-ui/lib/utils/vue-popper");
+/* harmony default export */ const src_select = (select_component.exports);
+;// ./packages/select/index.js
 
-/***/ })
 
-/******/ });
+/* istanbul ignore next */
+src_select.install = function (Vue) {
+  Vue.component(src_select.name, src_select);
+};
+/* harmony default export */ const packages_select = (src_select);
+module.exports = __webpack_exports__["default"];
+/******/ })()
+;