uiw 4.21.18 → 4.21.19

package/dist/uiw.css

@@ -123,16 +123,7 @@
   top: 0.125em;
 }
 .w-icon-spin svg {
-  -webkit-animation: loading-circle 1s infinite linear;
-          animation: loading-circle 1s infinite linear;
-}
-@-webkit-keyframes loading-circle {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+  animation: loading-circle 1s infinite linear;
 }
 @keyframes loading-circle {
   0% {
@@ -601,16 +592,7 @@
   margin: 0 3px 0 0;
   -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 30%, 0% 30%);
           clip-path: polygon(0% 0%, 100% 0, 100% 30%, 0% 30%);
-  -webkit-animation: rotate 0.5s linear infinite;
-          animation: rotate 0.5s linear infinite;
-}
-@-webkit-keyframes rotate {
-  from {
-    transform: rotateZ(0deg);
-  }
-  to {
-    transform: rotateZ(360deg);
-  }
+  animation: rotate 0.5s linear infinite;
 }
 @keyframes rotate {
   from {
@@ -805,7 +787,7 @@
   line-height: 1;
   vertical-align: middle;
 }
-sup.w-badge-count {
+.w-badge sup.w-badge-count {
   position: absolute;
   transform: translateX(-50%);
   top: -10px;
@@ -871,18 +853,7 @@ sup.w-badge-count {
   border-radius: 50%;
   background-color: inherit;
   content: '';
-  -webkit-animation: wStatusProcessing 1.2s infinite ease-in-out;
-          animation: wStatusProcessing 1.2s infinite ease-in-out;
-}
-@-webkit-keyframes wStatusProcessing {
-  0% {
-    transform: scale(0.8);
-    opacity: 0.5;
-  }
-  100% {
-    transform: scale(2.8);
-    opacity: 0;
-  }
+  animation: wStatusProcessing 1.2s infinite ease-in-out;
 }
 @keyframes wStatusProcessing {
   0% {
@@ -2229,7 +2200,7 @@ sup.w-badge-count {
   border-spacing: 0;
   border-collapse: collapse;
   table-layout: fixed;
-  width: 100%;
+  width: 100% !important;
 }
 .w-descriptions {
   background: #fff;
@@ -2290,6 +2261,8 @@ sup.w-badge-count {
 .w-descriptions-bordered tbody tr td {
   border-top: 1px solid #dfe2e5;
   border-right: 1px solid #dfe2e5;
+  border-left: 0;
+  border-bottom: 0;
 }
 .w-descriptions-bordered tbody:first-child tr:first-child th,
 .w-descriptions-bordered tbody:first-child tr:first-child td {
@@ -3084,8 +3057,7 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-loader-tips-nested svg {
   height: 100%;
   width: 100%;
-  -webkit-animation: loaderRotate 2s linear infinite;
-          animation: loaderRotate 2s linear infinite;
+  animation: loaderRotate 2s linear infinite;
   transform-origin: center center;
   fill: currentcolor;
   vertical-align: middle;
@@ -3093,8 +3065,7 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-loader-tips-nested svg circle {
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  -webkit-animation: loaderDash 1.5s ease-in-out infinite, loaderColor 6s ease-in-out infinite;
-          animation: loaderDash 1.5s ease-in-out infinite, loaderColor 6s ease-in-out infinite;
+  animation: loaderDash 1.5s ease-in-out infinite, loaderColor 6s ease-in-out infinite;
   stroke-linecap: round;
 }
 .w-loader-large .w-loader-tips-nested svg {
@@ -3161,30 +3132,11 @@ a.w-list-item:hover:not(.w-disabled) {
   left: 0px;
   z-index: 99999;
 }
-@-webkit-keyframes loaderRotate {
-  to {
-    transform: rotate(1turn);
-  }
-}
 @keyframes loaderRotate {
   to {
     transform: rotate(1turn);
   }
 }
-@-webkit-keyframes loaderDash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35;
-  }
-  to {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124;
-  }
-}
 @keyframes loaderDash {
   0% {
     stroke-dasharray: 1, 200;
@@ -3199,16 +3151,6 @@ a.w-list-item:hover:not(.w-disabled) {
     stroke-dashoffset: -124;
   }
 }
-@-webkit-keyframes loaderColor {
-  0%,
-  to {
-    stroke: currentColor;
-  }
-  80%,
-  90% {
-    stroke: currentColor;
-  }
-}
 @keyframes loaderColor {
   0%,
   to {
@@ -3681,8 +3623,7 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-progress-status-active .w-progress-bg {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 12px 12px;
-  -webkit-animation: progress-bar-stripes 1s linear infinite;
-          animation: progress-bar-stripes 1s linear infinite;
+  animation: progress-bar-stripes 1s linear infinite;
 }
 .w-progress-status-active .w-progress-bg:before {
   content: ' ';
@@ -3694,8 +3635,7 @@ a.w-list-item:hover:not(.w-disabled) {
   bottom: 0;
   background: #fff;
   border-radius: 10px;
-  -webkit-animation: w-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
-          animation: w-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+  animation: w-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
 }
 .w-progress-status-exception .w-progress-bg {
   background-color: #dc3545;
@@ -3727,14 +3667,6 @@ a.w-list-item:hover:not(.w-disabled) {
   transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
   position: relative;
 }
-@-webkit-keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0;
-  }
-  to {
-    background-position: 24px 0;
-  }
-}
 @keyframes progress-bar-stripes {
   from {
     background-position: 0 0;
@@ -3743,20 +3675,6 @@ a.w-list-item:hover:not(.w-disabled) {
     background-position: 24px 0;
   }
 }
-@-webkit-keyframes w-progress-active {
-  0% {
-    opacity: 0.1;
-    width: 0;
-  }
-  20% {
-    opacity: 0.5;
-    width: 0;
-  }
-  100% {
-    opacity: 0;
-    width: 100%;
-  }
-}
 @keyframes w-progress-active {
   0% {
     opacity: 0.1;

package/dist/uiw.js

@@ -4548,10 +4548,13 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
     node.style.height = '0px';
     refNode.current = node;
     setIsOpen(true);
-    setContextHeight({
-      height: popupRef.current.overlayDom.current.getBoundingClientRect().height,
-      ele: elementSource.current
-    });
+
+    if (popupRef.current && popupRef.current.overlayDom.current) {
+      setContextHeight({
+        height: popupRef.current.overlayDom.current.getBoundingClientRect().height,
+        ele: elementSource.current
+      });
+    }
   }
 
   function onEntering(node) {
@@ -4560,15 +4563,20 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
 
   function onEntered(node) {
     // node.style.height = 'initial';
-    node.style.height = popupRef.current.overlayDom.current.getBoundingClientRect().height + 'px';
+    if (popupRef.current && popupRef.current.overlayDom.current) {
+      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
-    });
+
+    if (popupRef.current && popupRef.current.overlayDom.current) {
+      setContextHeight({
+        height: -popupRef.current.overlayDom.current.getBoundingClientRect().height,
+        ele: elementSource.current
+      });
+    }
   }
 
   function onExit(node) {
@@ -4598,7 +4606,9 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
     menuProps.onClick = onClick;
   }
 
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+    "data-menu": "subitem",
+    ref: ref,
     onClick: e => {
       if (collapse) {
         e.stopPropagation();
@@ -4607,36 +4617,32 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
 
       elementSource.current = e.target;
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-      "data-menu": "subitem",
-      ref: ref,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_overlay_trigger_esm, _extends({
-        placement: "rightTop",
-        autoAdjustOverflow: true,
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_overlay_trigger_esm, _extends({
+      placement: "rightTop",
+      autoAdjustOverflow: true,
+      disabled: disabled,
+      isOpen: isOpen,
+      usePortal: false,
+      isOutside: true
+    }, overlayTriggerProps, overlayProps, {
+      ref: popupRef,
+      overlay: /*#__PURE__*/(0,jsx_runtime.jsx)(Menu, _extends({}, menuProps, {
+        style: !collapse ? {
+          paddingLeft: inlineIndent
+        } : {}
+      })),
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuItem, _extends({}, other, {
+        ref: null,
         disabled: disabled,
-        isOpen: isOpen,
-        usePortal: false,
-        isOutside: true
-      }, overlayTriggerProps, overlayProps, {
-        ref: popupRef,
-        overlay: /*#__PURE__*/(0,jsx_runtime.jsx)(Menu, _extends({}, menuProps, {
-          style: !collapse ? {
-            paddingLeft: inlineIndent
-          } : {}
-        })),
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuItem, _extends({}, other, {
-          ref: null,
-          disabled: disabled,
-          isSubMenuItem: true,
-          addonAfter: /*#__PURE__*/(0,jsx_runtime.jsx)(IconView, {
-            collapse: collapse,
-            prefixCls: prefixCls,
-            isOpen: isOpen
-          }),
-          className: [prefixCls ? prefixCls + "-title" : null, !collapse ? prefixCls + "-collapse-title" : null, className].filter(Boolean).join(' ').trim()
-        }))
+        isSubMenuItem: true,
+        addonAfter: /*#__PURE__*/(0,jsx_runtime.jsx)(IconView, {
+          collapse: collapse,
+          prefixCls: prefixCls,
+          isOpen: isOpen
+        }),
+        className: [prefixCls ? prefixCls + "-title" : null, !collapse ? prefixCls + "-collapse-title" : null, className].filter(Boolean).join(' ').trim()
       }))
-    })
+    }))
   });
 });
 SubMenu.displayName = 'uiw.SubMenu';