iov-design 2.15.60 → 2.15.61

package/lib/select.js

@@ -98,20 +98,19 @@ module.exports =
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent (
+function normalizeComponent(
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier, /* server only */
+  moduleIdentifier /* server only */,
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
   if (render) {
@@ -131,7 +130,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -156,7 +156,12 @@ function normalizeComponent (
     options._ssrRegister = hook
   } else if (injectStyles) {
     hook = shadowMode
-      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -165,18 +170,16 @@ function normalizeComponent (
       // 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
+      // register for functional component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
+      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]
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
@@ -257,65 +260,16 @@ module.exports = require("iov-design/lib/utils/scroll-into-view");
 
 "use strict";
 
-// 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 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", [
-        this.select.multiple
-          ? _c(
-              "el-checkbox",
-              {
-                staticStyle: { "pointer-events": "none" },
-                attrs: { disabled: _vm.disabled },
-                model: {
-                  value: _vm.checked,
-                  callback: function($$v) {
-                    _vm.checked = $$v
-                  },
-                  expression: "checked"
-                }
-              },
-              [_vm._v(_vm._s(_vm.currentLabel))]
-            )
-          : _c("span", [_vm._v(_vm._s(_vm.currentLabel))])
-      ])
-    ],
-    2
-  )
-}
+// 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=07945b38
+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",[(this.select.multiple)?_c('el-checkbox',{staticStyle:{"pointer-events":"none"},attrs:{"disabled":_vm.disabled},model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v},expression:"checked"}},[_vm._v(_vm._s(_vm.currentLabel))]):_c('span',[_vm._v(_vm._s(_vm.currentLabel))])])],2)}
 var staticRenderFns = []
 render._withStripped = true
 
-
-// CONCATENATED MODULE: ./packages/select/src/option.vue?vue&type=template&id=7a44c642&
+// CONCATENATED MODULE: ./packages/select/src/option.vue?vue&type=template&id=07945b38
 
 // EXTERNAL MODULE: external "iov-design/lib/mixins/emitter"
 var emitter_ = __webpack_require__(4);
@@ -324,7 +278,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 // EXTERNAL MODULE: external "iov-design/lib/utils/util"
 var util_ = __webpack_require__(3);
 
-// 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&
+// 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; };
 
 //
@@ -349,7 +303,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 
 
 
-/* harmony default export */ var optionvue_type_script_lang_js_ = ({
+/* harmony default export */ var optionvue_type_script_lang_js = ({
   mixins: [emitter_default.a],
 
   name: 'ElOption',
@@ -495,8 +449,8 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     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?vue&type=script&lang=js
+ /* harmony default export */ var src_optionvue_type_script_lang_js = (optionvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
 
@@ -509,7 +463,7 @@ var componentNormalizer = __webpack_require__(0);
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  src_optionvue_type_script_lang_js_,
+  src_optionvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
@@ -519,9 +473,6 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "packages/select/src/option.vue"
 /* harmony default export */ var src_option = __webpack_exports__["a"] = (component.exports);
 
 /***/ }),
@@ -558,534 +509,15 @@ module.exports = require("iov-design/lib/utils/vue-popper");
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
 __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/select/src/select.vue?vue&type=template&id=0e4aade6&
-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.fill ? "is-fill" : "",
-        _vm.selectSize ? "el-select--" + _vm.selectSize : "",
-        _vm.selectDisabled ? "is-disabled" : ""
-      ],
-      on: {
-        click: function($event) {
-          $event.stopPropagation()
-          return _vm.toggleMenu($event)
-        }
-      }
-    },
-    [
-      _vm.multiple
-        ? _c(
-            "div",
-            {
-              ref: "tags",
-              staticClass: "el-select__tags",
-              class: { "is-focus": _vm.visible },
-              style: {
-                "max-width": _vm.inputWidth - 32 + "px",
-                width: _vm.inputWidth - _vm.tagsLeft - 32 + "px",
-                left: _vm.tagsLeft + "px"
-              }
-            },
-            [
-              _vm.collapseTags && _vm.selected.length
-                ? _c(
-                    "span",
-                    { staticClass: "el-tag__group" },
-                    [
-                      _vm._l(_vm.selected, function(item, index) {
-                        return [
-                          index <= _vm.multipleLimitShow - 1
-                            ? _c(
-                                "el-tag",
-                                {
-                                  key: _vm.getValueKey(item),
-                                  attrs: {
-                                    closable: !_vm.selectDisabled,
-                                    size: _vm.collapseTagSize,
-                                    hit: item.hitState,
-                                    maxWidth: _vm.maxWidth,
-                                    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.selected.length > 1 &&
-                        _vm.selected.length > _vm.multipleLimitShow) ||
-                      (_vm.selected.length > 0 && _vm.collapseTagsFixed)
-                        ? _c(
-                            "el-tag",
-                            {
-                              ref: "tagsCount",
-                              staticClass: "el-select__tags-count",
-                              class: {
-                                "el-select__tags-count-fixed":
-                                  _vm.collapseTagsFixed
-                              },
-                              attrs: {
-                                closable: false,
-                                size: _vm.collapseTagSize,
-                                type: "info",
-                                "disable-transitions": ""
-                              }
-                            },
-                            [
-                              _c(
-                                "span",
-                                { staticClass: "el-select__tags-text" },
-                                [
-                                  _vm._v(
-                                    _vm._s(_vm.collapseTagsFixed ? "" : "+") +
-                                      _vm._s(
-                                        _vm.collapseTagsFixed
-                                          ? _vm.selected.length
-                                          : _vm.selected.length -
-                                              _vm.multipleLimitShow
-                                      ) +
-                                      _vm._s(_vm.collapseTagsSuffix)
-                                  )
-                                ]
-                              )
-                            ]
-                          )
-                        : _vm._e()
-                    ],
-                    2
-                  )
-                : _vm._e(),
-              !_vm.collapseTags
-                ? _c(
-                    "transition-group",
-                    {
-                      staticClass: "el-tag__group",
-                      on: { "after-leave": _vm.resetInputHeight }
-                    },
-                    _vm._l(_vm.selected, function(item) {
-                      return _c(
-                        "el-tag",
-                        {
-                          key: _vm.getValueKey(item),
-                          attrs: {
-                            closable: !item.disabled && !_vm.selectDisabled,
-                            size: _vm.collapseTagSize,
-                            hit: item.hitState,
-                            maxWidth: _vm.maxWidth,
-                            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.prefixLabel
-            ? _c(
-                "template",
-                { slot: "prefixLabel" },
-                [_vm._t("prefixLabel")],
-                2
-              )
-            : _vm._e(),
-          _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",
-                "iov-icon-" + _vm.iconClass
-              ]
-            }),
-            _vm.showClose
-              ? _c("i", {
-                  staticClass:
-                    "el-input__icon iov-icon-close-mini el-input__clear",
-                  staticStyle: { "padding-right": "0" },
-                  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("el-empty", {
-                          attrs: {
-                            description: _vm.emptyText,
-                            type: 0,
-                            "image-size": 60
-                          }
-                        })
-                  ]
-                : _vm._e()
-            ],
-            2
-          )
-        ],
-        1
-      )
-    ],
-    1
-  )
-}
+// 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=58e9091a
+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.fill ? 'is-fill' : '', _vm.selectSize ? 'el-select--' + _vm.selectSize : '', _vm.selectDisabled ? 'is-disabled' : ''],on:{"click":function($event){$event.stopPropagation();return _vm.toggleMenu($event)}}},[(_vm.multiple)?_c('div',{ref:"tags",staticClass:"el-select__tags",class:{ 'is-focus': _vm.visible },style:({ 'max-width': _vm.inputWidth - 32 + 'px', width: (_vm.inputWidth - _vm.tagsLeft - 32) + 'px', left: _vm.tagsLeft + 'px' })},[(_vm.collapseTags && _vm.selected.length)?_c('span',{staticClass:"el-tag__group"},[_vm._l((_vm.selected),function(item,index){return [(index <= _vm.multipleLimitShow - 1)?_c('el-tag',{key:_vm.getValueKey(item),attrs:{"closable":!_vm.selectDisabled,"size":_vm.collapseTagSize,"hit":item.hitState,"maxWidth":_vm.maxWidth,"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.selected.length > 1 && _vm.selected.length > _vm.multipleLimitShow || _vm.selected.length > 0 && _vm.collapseTagsFixed)?_c('el-tag',{ref:"tagsCount",staticClass:"el-select__tags-count",class:{'el-select__tags-count-fixed': _vm.collapseTagsFixed},attrs:{"closable":false,"size":_vm.collapseTagSize,"type":"info","disable-transitions":""}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v(_vm._s(_vm.collapseTagsFixed ? '' : '+')+_vm._s(_vm.collapseTagsFixed ? _vm.selected.length : _vm.selected.length - _vm.multipleLimitShow)+_vm._s(_vm.collapseTagsSuffix))])]):_vm._e()],2):_vm._e(),(!_vm.collapseTags)?_c('transition-group',{staticClass:"el-tag__group",on:{"after-leave":_vm.resetInputHeight}},_vm._l((_vm.selected),function(item){return _c('el-tag',{key:_vm.getValueKey(item),attrs:{"closable":!item.disabled && !_vm.selectDisabled,"size":_vm.collapseTagSize,"hit":item.hitState,"maxWidth":_vm.maxWidth,"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.prefixLabel)?_c('template',{slot:"prefixLabel"},[_vm._t("prefixLabel")],2):_vm._e(),(_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', 'iov-icon-' + _vm.iconClass]}),(_vm.showClose)?_c('i',{staticClass:"el-input__icon iov-icon-close-mini el-input__clear",staticStyle:{"padding-right":"0"},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('el-empty',{attrs:{"description":_vm.emptyText,"type":0,"image-size":60}})]:_vm._e()],2)],1)],1)}
 var staticRenderFns = []
 render._withStripped = true
 
-
-// CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=template&id=0e4aade6&
+// CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=template&id=58e9091a
 
 // EXTERNAL MODULE: external "iov-design/lib/mixins/emitter"
 var emitter_ = __webpack_require__(4);
@@ -1103,33 +535,18 @@ var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
 var input_ = __webpack_require__(10);
 var input_default = /*#__PURE__*/__webpack_require__.n(input_);
 
-// 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, maxWidth: _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: ./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=5700657a
+var select_dropdownvue_type_template_id_5700657a_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, maxWidth: _vm.minWidth })},[_vm._t("default")],2)}
+var select_dropdownvue_type_template_id_5700657a_staticRenderFns = []
+select_dropdownvue_type_template_id_5700657a_render._withStripped = true
 
-// CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue?vue&type=template&id=06828748&
+// CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue?vue&type=template&id=5700657a
 
 // EXTERNAL MODULE: external "iov-design/lib/utils/vue-popper"
 var vue_popper_ = __webpack_require__(5);
 var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=script&lang=js&
+// 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
 //
 //
 //
@@ -1142,7 +559,7 @@ var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
 
 
 
-/* harmony default export */ var select_dropdownvue_type_script_lang_js_ = ({
+/* harmony default export */ var select_dropdownvue_type_script_lang_js = ({
   name: 'ElSelectDropdown',
 
   componentName: 'ElSelectDropdown',
@@ -1206,8 +623,8 @@ var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
     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?vue&type=script&lang=js
+ /* harmony default export */ var src_select_dropdownvue_type_script_lang_js = (select_dropdownvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
 
@@ -1220,9 +637,9 @@ var componentNormalizer = __webpack_require__(0);
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  src_select_dropdownvue_type_script_lang_js_,
-  select_dropdownvue_type_template_id_06828748_render,
-  select_dropdownvue_type_template_id_06828748_staticRenderFns,
+  src_select_dropdownvue_type_script_lang_js,
+  select_dropdownvue_type_template_id_5700657a_render,
+  select_dropdownvue_type_template_id_5700657a_staticRenderFns,
   false,
   null,
   null,
@@ -1230,9 +647,6 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "packages/select/src/select-dropdown.vue"
 /* harmony default export */ var select_dropdown = (component.exports);
 // EXTERNAL MODULE: ./packages/select/src/option.vue + 4 modules
 var src_option = __webpack_require__(34);
@@ -1334,7 +748,7 @@ var util_ = __webpack_require__(3);
 // EXTERNAL MODULE: external "iov-design/lib/utils/shared"
 var shared_ = __webpack_require__(21);
 
-// 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&
+// 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
 //
 //
 //
@@ -1501,7 +915,7 @@ var shared_ = __webpack_require__(21);
 
 
 
-/* harmony default export */ var selectvue_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',
@@ -2293,8 +1707,8 @@ var shared_ = __webpack_require__(21);
     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?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
 
 
@@ -2304,7 +1718,7 @@ var shared_ = __webpack_require__(21);
 /* normalize component */
 
 var select_component = Object(componentNormalizer["a" /* default */])(
-  src_selectvue_type_script_lang_js_,
+  src_selectvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
@@ -2314,9 +1728,6 @@ var select_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* 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