uiw 4.21.11 → 4.21.14

package/dist/uiw.css

@@ -30,7 +30,6 @@
 }
 .w-overlay-inline {
   position: absolute;
-  overflow: visible;
   overflow: initial;
 }
 .w-overlay-inline .w-overlay-container {
@@ -67,7 +66,6 @@
   overflow: auto;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
 }
 .w-overlay-enter .w-overlay-backdrop {
@@ -147,7 +145,6 @@
 .w-btn {
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   display: inline-flex;
   flex-direction: row;
@@ -983,9 +980,7 @@ sup.w-badge-count {
   right: auto;
   bottom: auto;
   overflow: inherit;
-  width: auto;
   width: initial;
-  height: auto;
   height: initial;
 }
 .w-overlay.w-overlay-trigger .w-overlay-container {
@@ -1289,7 +1284,6 @@ sup.w-badge-count {
 }
 .w-timepicker-input .w-timepicker-close-btn {
   display: none;
-  min-height: 0;
   min-height: initial;
   color: #a5a5a5;
 }
@@ -1409,7 +1403,6 @@ sup.w-badge-count {
 .w-datepicker-caption {
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   text-align: center;
   padding: 0 0 3px 0;
@@ -1513,7 +1506,6 @@ sup.w-badge-count {
   color: #393e48;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   font-size: 14px;
   line-height: 21px;
@@ -1574,7 +1566,6 @@ sup.w-badge-count {
   display: inline-block;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
 }
 .w-calendar-btn-group {
@@ -1720,7 +1711,6 @@ sup.w-badge-count {
   color: inherit;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   transition: initial;
   transition: background-color 0.3s;
@@ -1766,13 +1756,9 @@ sup.w-badge-count {
 .w-menu-subitem-collapse {
   transition: height 300ms;
   position: relative !important;
-  top: auto !important;
   top: initial !important;
-  left: auto !important;
   left: initial !important;
-  right: auto !important;
   right: initial !important;
-  bottom: auto !important;
   bottom: initial !important;
   width: auto !important;
   overflow: hidden !important;
@@ -1882,7 +1868,6 @@ sup.w-badge-count {
   color: rgba(255, 255, 255, 0.65);
 }
 .w-menu-dark.w-bordered {
-  box-shadow: none;
   box-shadow: initial;
 }
 .w-menu-dark .active {
@@ -2141,7 +2126,6 @@ sup.w-badge-count {
 .w-copy-to-clipboard-select {
   -webkit-user-select: text;
           -moz-user-select: text;
-           -ms-user-select: text;
        user-select: text;
   display: none;
 }
@@ -3332,7 +3316,6 @@ a.w-list-item:hover:not(.w-disabled) {
   display: none !important;
 }
 .w-monthpicker .w-monthpicker-close-btn {
-  min-height: 0;
   min-height: initial;
   color: #a5a5a5;
   cursor: pointer;
@@ -3484,7 +3467,6 @@ a.w-list-item:hover:not(.w-disabled) {
   position: relative;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   font-size: 12px;
 }
@@ -3827,7 +3809,6 @@ a.w-list-item:hover:not(.w-disabled) {
   display: inline-block;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   font-size: 12px;
   padding: 1px 5px;
@@ -3873,6 +3854,9 @@ a.w-list-item:hover:not(.w-disabled) {
   padding: 0px;
   height: 28px;
 }
+.w-search-select-input-contents.w-input-small {
+  min-width: 0;
+}
 .w-search-select-input-contents .w-input-inner:hover {
   box-shadow: none !important;
 }
@@ -3973,8 +3957,7 @@ a.w-list-item:hover:not(.w-disabled) {
   display: flex;
   background: #f8f8f9;
   -webkit-user-select: none;
-          -ms-user-select: none;
-      user-select: none;
+          user-select: none;
 }
 .w-split-bar::before,
 .w-split-bar::after {
@@ -4293,7 +4276,6 @@ a.w-list-item:hover:not(.w-disabled) {
   padding-top: 5px;
 }
 .w-steps-dot .w-steps-item-description {
-  max-width: none;
   max-width: initial;
 }
 .w-steps-dot .w-steps-item-error .w-steps-item-tail i:after {
@@ -4331,7 +4313,6 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-steps-dot .w-steps-item-tail {
   padding: 0;
   width: 100%;
-  position: static;
   position: initial;
   height: 2px;
 }
@@ -4415,7 +4396,6 @@ a.w-list-item:hover:not(.w-disabled) {
   cursor: pointer;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   vertical-align: middle;
 }
@@ -4516,7 +4496,6 @@ a.w-list-item:hover:not(.w-disabled) {
 }
 .w-slider-vertical .w-slider-bar {
   width: 4px;
-  height: auto;
   height: initial;
 }
 .w-slider-vertical .w-slider-handle {
@@ -4799,7 +4778,6 @@ a.w-list-item:hover:not(.w-disabled) {
   cursor: not-allowed;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   color: rgba(0, 0, 0, 0.25);
 }
@@ -5022,7 +5000,6 @@ a.w-list-item:hover:not(.w-disabled) {
   display: none;
 }
 .w-tree-label {
-  line-height: normal;
   line-height: initial;
 }
 .w-tree-label > * {

package/dist/uiw.js

@@ -4597,7 +4597,6 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
   };
   var popupRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
   var refNode = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef();
-  var currentHeight = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(0);
   var elementSource = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef();
   var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(!!overlayProps.isOpen);
   var {
@@ -4607,11 +4606,15 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
   } = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(ThemeContext);
   external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
     if (refNode.current && refNode.current.style && ele === elementSource.current) {
-      var _currentHeight = refNode.current.style.height;
-      if (height + 'px' === _currentHeight) return;
-      refNode.current.style.height = Number(_currentHeight.substr(0, _currentHeight.length - 2)) + height + 'px';
+      var currentHeight = Number(refNode.current.style.height.substr(0, refNode.current.style.height.length - 2)); // 设置的高度 < '已有展开的高度',
+
+      if (refNode.current.getBoundingClientRect().height < currentHeight) {
+        refNode.current.style.height = currentHeight + 'px';
+      } else {
+        refNode.current.style.height = currentHeight + height + 'px';
+      }
     }
-  }, [height]);
+  }, [height, ele]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
     if (collapse) setIsOpen(false);
   }, [collapse]);
@@ -4628,25 +4631,12 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
     }
   }
 
-  function onExit(node) {
-    node.style.height = node.scrollHeight + "px";
-    setIsOpen(false);
-  }
-
-  function onExiting(node) {
-    node.style.height = '0px';
-    setContextHeight({
-      height: -currentHeight.current,
-      ele: elementSource.current
-    });
-  }
-
   function onEnter(node) {
-    node.style.height = '1px';
+    node.style.height = '0px';
+    refNode.current = node;
     setIsOpen(true);
-    currentHeight.current = popupRef.current.overlayDom.current.getBoundingClientRect().height;
     setContextHeight({
-      height: currentHeight.current,
+      height: popupRef.current.overlayDom.current.getBoundingClientRect().height,
       ele: elementSource.current
     });
   }
@@ -4657,8 +4647,20 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
 
   function onEntered(node) {
     // node.style.height = 'initial';
-    node.style.height = currentHeight.current + 'px';
-    refNode.current = node;
+    node.style.height = popupRef.current.overlayDom.current.getBoundingClientRect().height + 'px';
+  }
+
+  function onExiting(node) {
+    node.style.height = '0px';
+    setContextHeight({
+      height: -popupRef.current.overlayDom.current.getBoundingClientRect().height,
+      ele: elementSource.current
+    });
+  }
+
+  function onExit(node) {
+    node.style.height = node.scrollHeight + "px";
+    setIsOpen(false);
   }
 
   if (!collapse) {
@@ -8658,6 +8660,8 @@ function SearchSelect(props) {
   var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var omitTagCount = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => maxTagCount && selectedValue.length > maxTagCount ? selectedValue.length - maxTagCount : 0, [selectedValue.length]);
   var divRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var tagContentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var [tagClientWidth, setTagClientWidth] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(180);
 
   var valueVerify = value => {
     return value !== undefined && value !== '';
@@ -8804,6 +8808,15 @@ function SearchSelect(props) {
     }
   }
 
+  external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
+    var _tagContentRef$curren;
+
+    if ((_tagContentRef$curren = tagContentRef.current) != null && _tagContentRef$curren.clientWidth) {
+      var _tagContentRef$curren2;
+
+      setTagClientWidth((_tagContentRef$curren2 = tagContentRef.current) == null ? void 0 : _tagContentRef$curren2.clientWidth);
+    }
+  }, [tagContentRef.current]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
     className: cls,
     trigger: "click",
@@ -8857,6 +8870,7 @@ function SearchSelect(props) {
       children: isMultiple ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: [prefixCls + "-inner", prefixCls + "-search-" + showSearch, prefixCls + "-" + size].filter(Boolean).join(' ').trim(),
         children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          ref: tagContentRef,
           className: [prefixCls + "-tag-content", disabled && prefixCls + "-tag-content-disabled"].filter(Boolean).join(' ').trim(),
           children: [isMultiple && selectedValue.slice(0, maxTagCount).map((item, index) => {
             return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, _extends({
@@ -8874,7 +8888,14 @@ function SearchSelect(props) {
                 e.stopPropagation();
                 handleItemsClick(index, item);
               },
-              children: item.label
+              children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                style: {
+                  maxWidth: tagClientWidth - 63,
+                  textOverflow: 'ellipsis',
+                  overflow: 'auto'
+                },
+                children: item.label
+              })
             }), index);
           }), !!omitTagCount && /*#__PURE__*/(0,jsx_runtime.jsxs)(react_tag_esm, {
             style: {
@@ -10565,8 +10586,10 @@ function Tabs(props) {
       flowNav.nav.forEach(item => {
         var curWidth = item.curWidth - deviation;
 
-        if (curWidth < flowNav.displayStart || curWidth > flowNav.displayEnd) {
-          hiddenNav.push(item.index);
+        if (flowNav.displayStart > 0 || flowNav.displayEnd > 0) {
+          if (curWidth < flowNav.displayStart || curWidth > flowNav.displayEnd) {
+            hiddenNav.push(item.index);
+          }
         }
       });
       hiddenNavSet(hiddenNav);