iov-design 2.15.37 → 2.15.38

package/lib/iov-design.common.js

@@ -7554,8 +7554,8 @@ var selectvue_type_template_id_0e4aade6_render = function() {
               staticClass: "el-select__tags",
               style: {
                 "max-width": _vm.inputWidth - 32 + "px",
-                width: "100%",
-                left: _vm.tagsLeft
+                width: _vm.inputWidth - _vm.tagsLeft - 32 + "px",
+                left: _vm.tagsLeft + "px"
               }
             },
             [
@@ -9116,7 +9116,7 @@ var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_vi
         var inputInner = _this10.$el.querySelector('.el-input__inner');
         var prefixLabelWidth = prefixLabel && Math.round(prefixLabel.getBoundingClientRect().width) || 0;
         var inputPaddingLeft = prefixLabel || prefix ? Math.round(window.getComputedStyle(inputInner).paddingLeft.replace(/px/, '')) : 0;
-        _this10.tagsLeft = prefixLabelWidth + inputPaddingLeft + 'px';
+        _this10.tagsLeft = prefixLabelWidth + inputPaddingLeft;
       });
     },
     resetInputState: function resetInputState(e) {
@@ -44009,7 +44009,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
-  version: '2.15.37',
+  version: '2.15.38',
   locale: lib_locale_default.a.use,
   i18n: lib_locale_default.a.i18n,
   install: src_install,

package/lib/select.js

@@ -597,8 +597,8 @@ var render = function() {
               staticClass: "el-select__tags",
               style: {
                 "max-width": _vm.inputWidth - 32 + "px",
-                width: "100%",
-                left: _vm.tagsLeft
+                width: _vm.inputWidth - _vm.tagsLeft - 32 + "px",
+                left: _vm.tagsLeft + "px"
               }
             },
             [
@@ -1947,7 +1947,7 @@ var shared_ = __webpack_require__(21);
         var inputInner = _this10.$el.querySelector('.el-input__inner');
         var prefixLabelWidth = prefixLabel && Math.round(prefixLabel.getBoundingClientRect().width) || 0;
         var inputPaddingLeft = prefixLabel || prefix ? Math.round(window.getComputedStyle(inputInner).paddingLeft.replace(/px/, '')) : 0;
-        _this10.tagsLeft = prefixLabelWidth + inputPaddingLeft + 'px';
+        _this10.tagsLeft = prefixLabelWidth + inputPaddingLeft;
       });
     },
     resetInputState: function resetInputState(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iov-design",
-  "version": "2.15.37",
+  "version": "2.15.38",
   "description": "A Component Library for Vue.js.",
   "main": "lib/iov-design.common.js",
   "files": [

package/packages/select/src/select.vue

@@ -8,7 +8,7 @@
       class="el-select__tags"
       v-if="multiple"
       ref="tags"
-      :style="{ 'max-width': inputWidth - 32 + 'px', width: '100%', left: tagsLeft }">
+      :style="{ 'max-width': inputWidth - 32 + 'px', width: (inputWidth - tagsLeft - 32) + 'px', left: tagsLeft + 'px' }">
       <span class="el-tag__group" v-if="collapseTags && selected.length">
         <el-tag
           :closable="!selectDisabled"
@@ -656,7 +656,7 @@
           const inputInner = this.$el.querySelector('.el-input__inner');
           const prefixLabelWidth = prefixLabel && Math.round(prefixLabel.getBoundingClientRect().width) || 0;
           const inputPaddingLeft = prefixLabel || prefix ? Math.round(window.getComputedStyle(inputInner).paddingLeft.replace(/px/, '')) : 0;
-          this.tagsLeft = (prefixLabelWidth + inputPaddingLeft) + 'px';
+          this.tagsLeft = prefixLabelWidth + inputPaddingLeft;
         });
       },
 

package/src/index.js

@@ -212,7 +212,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.15.37',
+  version: '2.15.38',
   locale: locale.use,
   i18n: locale.i18n,
   install,