evui 3.4.59 → 3.4.60

package/dist/evui.common.js

@@ -11139,7 +11139,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.59\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.60\"}");
 
 /***/ }),
 
@@ -18285,7 +18285,7 @@ var uses_useDropdown = function useDropdown(param) {
 
   var calculateDropboxWidth = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-      var items, maxWidth, windowWidth, dropboxRect, dropboxLeft, rightMargin, maxAllowedWidth, finalWidth;
+      var items, maxWidth, itemPadding, windowWidth, dropboxRect, dropboxLeft, maxAllowedWidth, finalWidth;
       return regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
@@ -18299,26 +18299,35 @@ var uses_useDropdown = function useDropdown(param) {
               return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
 
             case 3:
-              if (initialDropboxWidth.value === null) {
-                initialDropboxWidth.value = dropbox.value.offsetWidth;
+              if (initialDropboxWidth.value === null || initialDropboxWidth.value !== selectWrapper.value.offsetWidth) {
+                initialDropboxWidth.value = selectWrapper.value.offsetWidth;
               }
 
               items = itemWrapper.value.querySelectorAll('.ev-select-dropbox-item');
               maxWidth = 0;
+              itemPadding = 0;
               items.forEach(function (item) {
                 var itemWidth = item.scrollWidth;
 
                 if (itemWidth > maxWidth) {
                   maxWidth = itemWidth;
                 }
+
+                if (itemPadding === 0) {
+                  var style = window.getComputedStyle(item);
+                  itemPadding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
+                }
               });
               windowWidth = window.innerWidth;
               dropboxRect = dropbox.value.getBoundingClientRect();
               dropboxLeft = dropboxRect.left;
-              rightMargin = Math.max(windowWidth - (dropboxLeft + maxWidth), 10);
-              maxAllowedWidth = windowWidth - dropboxLeft - rightMargin - 10;
+              maxAllowedWidth = windowWidth - dropboxLeft - itemPadding - 10;
               finalWidth = Math.max(Math.min(maxWidth, maxAllowedWidth), initialDropboxWidth.value);
-              dropboxWidth.value = "".concat(Math.max(finalWidth, 100), "px");
+
+              if (initialDropboxWidth.value < maxWidth) {
+                dropboxWidth.value = "".concat(Math.max(finalWidth + itemPadding - 10, 100), "px");
+              }
+
               _context4.next = 17;
               break;
 
@@ -18537,11 +18546,19 @@ var uses_useDropdown = function useDropdown(param) {
       changeDropboxPosition();
     }
   });
+
+  var handleResize = function handleResize() {
+    if (isDropbox.value) {
+      calculateDropboxWidth();
+      changeDropboxPosition();
+    }
+  };
+
   Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
-    window.addEventListener('resize', calculateDropboxWidth);
+    window.addEventListener('resize', handleResize);
   });
   Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
-    window.removeEventListener('resize', calculateDropboxWidth);
+    window.removeEventListener('resize', handleResize);
   });
   return {
     select: select,