iov-design 2.15.16 → 2.15.18

package/lib/iov-design.common.js

@@ -4268,8 +4268,6 @@ var inputvue_type_template_id_343dd774_render = function() {
             _vm.$slots.suffixLabel,
           "el-input-group--append": _vm.$slots.append,
           "el-input-group--prepend": _vm.$slots.prepend,
-          "el-input-group--prefix-label": _vm.$slots.prefixLabel,
-          "el-input-group--suffix-label": _vm.$slots.suffixLabel,
           "is-focus":
             (_vm.$slots.suffixLabel || _vm.$slots.prefixLabel) && _vm.focused,
           "el-input--prefix": _vm.$slots.prefix || _vm.prefixIcon,
@@ -4300,141 +4298,156 @@ var inputvue_type_template_id_343dd774_render = function() {
                   2
                 )
               : _vm._e(),
-            _vm.$slots.prefixLabel
-              ? _c(
-                  "div",
-                  { staticClass: "el-input-group__prefix-label" },
-                  [_vm._t("prefixLabel")],
-                  2
-                )
-              : _vm._e(),
-            _vm.type !== "textarea"
-              ? _c(
-                  "input",
-                  _vm._b(
-                    {
-                      ref: "input",
-                      staticClass: "el-input__inner",
-                      attrs: {
-                        tabindex: _vm.tabindex,
-                        type: _vm.showPassword
-                          ? _vm.passwordVisible
-                            ? "text"
-                            : "password"
-                          : _vm.type,
-                        disabled: _vm.inputDisabled,
-                        readonly: _vm.readonly,
-                        autocomplete: _vm.autoComplete || _vm.autocomplete,
-                        "aria-label": _vm.label
-                      },
-                      on: {
-                        compositionstart: _vm.handleCompositionStart,
-                        compositionupdate: _vm.handleCompositionUpdate,
-                        compositionend: _vm.handleCompositionEnd,
-                        input: _vm.handleInput,
-                        focus: _vm.handleFocus,
-                        blur: _vm.handleBlur,
-                        change: _vm.handleChange
-                      }
-                    },
-                    "input",
-                    _vm.$attrs,
-                    false
-                  )
-                )
-              : _vm._e(),
-            _vm.$slots.prefix || _vm.prefixIcon
-              ? _c(
-                  "span",
-                  { staticClass: "el-input__prefix" },
-                  [
-                    _vm._t("prefix"),
-                    _vm.prefixIcon
-                      ? _c("i", {
-                          staticClass: "el-input__icon",
-                          class: _vm.prefixIcon
-                        })
-                      : _vm._e()
-                  ],
-                  2
-                )
-              : _vm._e(),
-            _vm.getSuffixVisible()
-              ? _c("span", { staticClass: "el-input__suffix" }, [
-                  _c(
-                    "span",
-                    { staticClass: "el-input__suffix-inner" },
-                    [
-                      _vm.showClear
-                        ? _c("i", {
-                            staticClass:
-                              "el-input__icon iov-icon-close-mini el-input__clear",
-                            on: {
-                              mousedown: function($event) {
-                                $event.preventDefault()
-                              },
-                              click: _vm.clear
-                            }
-                          })
-                        : _vm._e(),
-                      _vm.$slots.suffixLabel
-                        ? _c(
-                            "span",
-                            { staticClass: "el-input-group__suffix-label" },
-                            [_vm._t("suffixLabel")],
-                            2
-                          )
-                        : _vm._e(),
-                      !_vm.showClear ||
-                      !_vm.showPwdVisible ||
-                      !_vm.isWordLimitVisible
-                        ? [
-                            _vm._t("suffix"),
-                            _vm.suffixIcon
-                              ? _c("i", {
-                                  staticClass: "el-input__icon",
-                                  class: _vm.suffixIcon
-                                })
-                              : _vm._e()
-                          ]
-                        : _vm._e(),
-                      _vm.showPwdVisible
+            _c(
+              "div",
+              {
+                staticClass: "el-input-group__inner",
+                class: {
+                  "el-input-group--prefix": _vm.$slots.prefixLabel,
+                  "el-input-group--suffix": _vm.$slots.suffixLabel,
+                  "is-focus":
+                    (_vm.$slots.suffixLabel || _vm.$slots.prefixLabel) &&
+                    _vm.focused
+                }
+              },
+              [
+                _vm.$slots.prefixLabel
+                  ? _c(
+                      "div",
+                      { staticClass: "el-input-group__prefix-label" },
+                      [_vm._t("prefixLabel")],
+                      2
+                    )
+                  : _vm._e(),
+                _vm.type !== "textarea"
+                  ? _c(
+                      "input",
+                      _vm._b(
+                        {
+                          ref: "input",
+                          staticClass: "el-input__inner",
+                          attrs: {
+                            tabindex: _vm.tabindex,
+                            type: _vm.showPassword
+                              ? _vm.passwordVisible
+                                ? "text"
+                                : "password"
+                              : _vm.type,
+                            disabled: _vm.inputDisabled,
+                            readonly: _vm.readonly,
+                            autocomplete: _vm.autoComplete || _vm.autocomplete,
+                            "aria-label": _vm.label
+                          },
+                          on: {
+                            compositionstart: _vm.handleCompositionStart,
+                            compositionupdate: _vm.handleCompositionUpdate,
+                            compositionend: _vm.handleCompositionEnd,
+                            input: _vm.handleInput,
+                            focus: _vm.handleFocus,
+                            blur: _vm.handleBlur,
+                            change: _vm.handleChange
+                          }
+                        },
+                        "input",
+                        _vm.$attrs,
+                        false
+                      )
+                    )
+                  : _vm._e(),
+                _vm.$slots.prefix || _vm.prefixIcon
+                  ? _c(
+                      "span",
+                      { staticClass: "el-input__prefix" },
+                      [
+                        _vm._t("prefix"),
+                        _vm.prefixIcon
+                          ? _c("i", {
+                              staticClass: "el-input__icon",
+                              class: _vm.prefixIcon
+                            })
+                          : _vm._e()
+                      ],
+                      2
+                    )
+                  : _vm._e(),
+                _vm.getSuffixVisible()
+                  ? _c("span", { staticClass: "el-input__suffix" }, [
+                      _c(
+                        "span",
+                        { staticClass: "el-input__suffix-inner" },
+                        [
+                          _vm.showClear
+                            ? _c("i", {
+                                staticClass:
+                                  "el-input__icon iov-icon-close-mini el-input__clear",
+                                on: {
+                                  mousedown: function($event) {
+                                    $event.preventDefault()
+                                  },
+                                  click: _vm.clear
+                                }
+                              })
+                            : _vm._e(),
+                          _vm.$slots.suffixLabel
+                            ? _c(
+                                "span",
+                                { staticClass: "el-input-group__suffix-label" },
+                                [_vm._t("suffixLabel")],
+                                2
+                              )
+                            : _vm._e(),
+                          !_vm.showClear ||
+                          !_vm.showPwdVisible ||
+                          !_vm.isWordLimitVisible
+                            ? [
+                                _vm._t("suffix"),
+                                _vm.suffixIcon
+                                  ? _c("i", {
+                                      staticClass: "el-input__icon",
+                                      class: _vm.suffixIcon
+                                    })
+                                  : _vm._e()
+                              ]
+                            : _vm._e(),
+                          _vm.showPwdVisible
+                            ? _c("i", {
+                                staticClass: "el-input__icon",
+                                class: _vm.passwordVisible
+                                  ? "iov-icon-eye"
+                                  : "iov-icon-eye-close",
+                                on: { click: _vm.handlePasswordVisible }
+                              })
+                            : _vm._e(),
+                          _vm.isWordLimitVisible
+                            ? _c("span", { staticClass: "el-input__count" }, [
+                                _c(
+                                  "span",
+                                  { staticClass: "el-input__count-inner" },
+                                  [
+                                    _vm._v(
+                                      "\n              " +
+                                        _vm._s(_vm.textLength) +
+                                        "/" +
+                                        _vm._s(_vm.upperLimit) +
+                                        "\n            "
+                                    )
+                                  ]
+                                )
+                              ])
+                            : _vm._e()
+                        ],
+                        2
+                      ),
+                      _vm.validateState
                         ? _c("i", {
                             staticClass: "el-input__icon",
-                            class: _vm.passwordVisible
-                              ? "iov-icon-eye"
-                              : "iov-icon-eye-close",
-                            on: { click: _vm.handlePasswordVisible }
+                            class: ["el-input__validateIcon", _vm.validateIcon]
                           })
-                        : _vm._e(),
-                      _vm.isWordLimitVisible
-                        ? _c("span", { staticClass: "el-input__count" }, [
-                            _c(
-                              "span",
-                              { staticClass: "el-input__count-inner" },
-                              [
-                                _vm._v(
-                                  "\n            " +
-                                    _vm._s(_vm.textLength) +
-                                    "/" +
-                                    _vm._s(_vm.upperLimit) +
-                                    "\n          "
-                                )
-                              ]
-                            )
-                          ])
                         : _vm._e()
-                    ],
-                    2
-                  ),
-                  _vm.validateState
-                    ? _c("i", {
-                        staticClass: "el-input__icon",
-                        class: ["el-input__validateIcon", _vm.validateIcon]
-                      })
-                    : _vm._e()
-                ])
-              : _vm._e(),
+                    ])
+                  : _vm._e()
+              ]
+            ),
             _vm.$slots.append
               ? _c(
                   "div",
@@ -4671,6 +4684,10 @@ var shared_ = __webpack_require__(19);
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -4941,10 +4958,10 @@ var shared_ = __webpack_require__(19);
       var isSelect = pendantEl.querySelector('.el-select');
       var isButton = pendantEl.querySelector('.el-button');
       if (isSelect) {
-        Object(dom_["addClass"])(pendantEl, 'has-select');
+        Object(dom_["addClass"])(pendantEl, 'is-select');
       }
       if (isButton) {
-        Object(dom_["addClass"])(pendantEl, 'has-button');
+        Object(dom_["addClass"])(pendantEl, 'is-button');
       }
     },
     calcIconOffset: function calcIconOffset(place) {
@@ -4952,7 +4969,7 @@ var shared_ = __webpack_require__(19);
       if (!elList.length) return;
       var el = null;
       for (var i = 0; i < elList.length; i++) {
-        if (elList[i].parentNode === this.$el) {
+        if (elList[i].parentNode.parentNode === this.$el) {
           el = elList[i];
           break;
         }
@@ -4974,9 +4991,9 @@ var shared_ = __webpack_require__(19);
       var embedEl = this.$el.querySelector('.el-input-group__' + place + '-label');
 
       if (this.$slots[pendant] && this.$slots[embed]) {
-        el.style.transform = place === 'prefix' ? 'translateX(' + (pendantEl.offsetWidth + embedEl.offsetWidth) + 'px)' : 'translateX(-' + pendantEl.offsetWidth + 'px)';
+        el.style.transform = place === 'prefix' ? 'translateX(' + (pendantEl.offsetWidth + embedEl.offsetWidth) + 'px)' : '';
       } else if (this.$slots[pendant]) {
-        el.style.transform = place === 'prefix' ? 'translateX(' + pendantEl.offsetWidth + 'px)' : 'translateX(-' + pendantEl.offsetWidth + 'px)';
+        el.style.transform = place === 'prefix' ? 'translateX(' + pendantEl.offsetWidth + 'px)' : '';
       } else if (this.$slots[embed]) {
         el.style.transform = place === 'prefix' ? 'translateX(' + embedEl.offsetWidth + 'px)' : '';
       } else {
@@ -7524,7 +7541,11 @@ var selectvue_type_template_id_0e4aade6_render = function() {
             {
               ref: "tags",
               staticClass: "el-select__tags",
-              style: { "max-width": _vm.inputWidth - 32 + "px", width: "100%" }
+              style: {
+                "max-width": _vm.inputWidth - 32 + "px",
+                width: "100%",
+                left: _vm.tagsLeft
+              }
             },
             [
               _vm.collapseTags && _vm.selected.length
@@ -8767,7 +8788,8 @@ var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_vi
       currentPlaceholder: '',
       menuVisibleOnFocus: false,
       isOnComposition: false,
-      isSilentBlur: false
+      isSilentBlur: false,
+      tagsLeft: 0
     };
   },
 
@@ -9071,49 +9093,69 @@ var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_vi
         this.currentPlaceholder = this.$refs.input.value ? '' : this.cachedPlaceHolder;
       }
     },
+    resetTagsLeft: function resetTagsLeft() {
+      var _this10 = this;
+
+      this.$nextTick(function () {
+        var prefixLabel = _this10.$el.querySelector('.el-input-group__prefix-label');
+        if (prefixLabel) {
+          var style = prefixLabel && window.getComputedStyle(prefixLabel);
+          var width = +style.width.replace(/px/, '');
+          var paddingLeft = +style.paddingLeft.replace(/px/, '');
+          var paddingRight = +style.paddingRight.replace(/px/, '');
+          _this10.tagsLeft = width + paddingLeft + paddingRight + 'px';
+        }
+      });
+    },
     resetInputState: function resetInputState(e) {
       if (e.keyCode !== 8) this.toggleLastOptionHitState(false);
       this.inputLength = this.$refs.input.value.length * 15 + 20;
       this.resetInputHeight();
     },
     resetInputHeight: function resetInputHeight() {
-      var _this10 = this;
+      var _this11 = this;
 
       if (this.collapseTags && !this.filterable) return;
       this.$nextTick(function () {
-        if (!_this10.$refs.reference) return;
-        var inputChildNodes = _this10.$refs.reference.$el.childNodes;
+        if (!_this11.$refs.reference) return;
+        var inputChildNodes = _this11.$refs.reference.$el.childNodes;
+        // 兼容input组件多加了一层el-input-group__inner
+        Array.from(inputChildNodes).find(function (child) {
+          if (child && child.classList && child.classList.contains('el-input-group__inner')) {
+            inputChildNodes = child.childNodes;
+          }
+        });
         var input = [].filter.call(inputChildNodes, function (item) {
           return item.tagName === 'INPUT';
         })[0];
-        var tags = _this10.$refs.tags;
+        var tags = _this11.$refs.tags;
         var tagsHeight = tags ? Math.round(tags.getBoundingClientRect().height) : 0;
-        var sizeInMap = _this10.initialInputHeight || 40;
-        input.style.height = _this10.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tagsHeight + (tagsHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
-        if (_this10.visible && _this10.emptyText !== false) {
-          _this10.broadcast('ElSelectDropdown', 'updatePopper');
+        var sizeInMap = _this11.initialInputHeight || 40;
+        input.style.height = _this11.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tagsHeight + (tagsHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
+        if (_this11.visible && _this11.emptyText !== false) {
+          _this11.broadcast('ElSelectDropdown', 'updatePopper');
         }
       });
     },
     resetHoverIndex: function resetHoverIndex() {
-      var _this11 = this;
+      var _this12 = this;
 
       setTimeout(function () {
-        if (!_this11.multiple) {
-          _this11.hoverIndex = _this11.options.indexOf(_this11.selected);
+        if (!_this12.multiple) {
+          _this12.hoverIndex = _this12.options.indexOf(_this12.selected);
         } else {
-          if (_this11.selected.length > 0) {
-            _this11.hoverIndex = Math.min.apply(null, _this11.selected.map(function (item) {
-              return _this11.options.indexOf(item);
+          if (_this12.selected.length > 0) {
+            _this12.hoverIndex = Math.min.apply(null, _this12.selected.map(function (item) {
+              return _this12.options.indexOf(item);
             }));
           } else {
-            _this11.hoverIndex = -1;
+            _this12.hoverIndex = -1;
           }
         }
       }, 300);
     },
     handleOptionSelect: function handleOptionSelect(option, byClick) {
-      var _this12 = this;
+      var _this13 = this;
 
       if (this.multiple) {
         var value = (this.value || []).slice();
@@ -9140,7 +9182,7 @@ var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_vi
       this.setSoftFocus();
       if (this.visible) return;
       this.$nextTick(function () {
-        _this12.scrollToOption(option);
+        _this13.scrollToOption(option);
       });
     },
     setSoftFocus: function setSoftFocus() {
@@ -9229,7 +9271,10 @@ var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_vi
     },
     handleResize: function handleResize() {
       this.resetInputWidth();
-      if (this.multiple) this.resetInputHeight();
+      if (this.multiple) {
+        this.resetInputHeight();
+        this.resetTagsLeft();
+      }
     },
     checkDefaultFirstOption: function checkDefaultFirstOption() {
       this.hoverIndex = -1;
@@ -9270,7 +9315,7 @@ var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_vi
   },
 
   created: function created() {
-    var _this13 = this;
+    var _this14 = this;
 
     this.cachedPlaceHolder = this.currentPlaceholder = this.propPlaceholder;
     if (this.multiple && !Array.isArray(this.value)) {
@@ -9281,18 +9326,18 @@ var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_vi
     }
 
     this.debouncedOnInputChange = debounce_default()(this.debounce, function () {
-      _this13.onInputChange();
+      _this14.onInputChange();
     });
 
     this.debouncedQueryChange = debounce_default()(this.debounce, function (e) {
-      _this13.handleQueryChange(e.target.value);
+      _this14.handleQueryChange(e.target.value);
     });
 
     this.$on('handleOptionClick', this.handleOptionSelect);
     this.$on('setSelected', this.setSelected);
   },
   mounted: function mounted() {
-    var _this14 = this;
+    var _this15 = this;
 
     if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
       this.currentPlaceholder = '';
@@ -9314,7 +9359,7 @@ var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_vi
     }
     this.$nextTick(function () {
       if (reference && reference.$el) {
-        _this14.inputWidth = reference.$el.getBoundingClientRect().width;
+        _this15.inputWidth = reference.$el.getBoundingClientRect().width;
       }
     });
     this.setSelected();
@@ -44002,7 +44047,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
-  version: '2.15.14',
+  version: '2.15.18',
   locale: lib_locale_default.a.use,
   i18n: lib_locale_default.a.i18n,
   install: src_install,