@nutui/nutui-react-taro 3.0.19-cpp.26-beta.4 → 3.0.19-cpp.27

package/dist/cjs/packages/image/image.js

@@ -21,6 +21,7 @@ var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _pxtransform = require("../../utils/taro/px-transform");
+var _index = require("../configprovider/index");
 var defaultProps = {
     src: '',
     error: true,
@@ -42,6 +43,7 @@ var Image = function Image(props) {
     ]);
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(true), 2), innerLoading = _useState[0], setInnerLoading = _useState[1];
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), isError = _useState1[0], setIsError = _useState1[1];
+    var locale = (0, _index.useConfig)().locale;
     var pxCheck = function pxCheck(value) {
         return Number.isNaN(Number(value)) ? String(value) : (0, _pxtransform.pxTransform)(+value);
     };
@@ -74,8 +76,11 @@ var Image = function Image(props) {
         if (!isError) return null;
         if (typeof error === 'boolean' && error === true && !innerLoading) {
             return /*#__PURE__*/ _react.default.createElement(_components.View, {
-                className: "".concat(classPrefix, "-error")
-            }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.ImageError, null));
+                className: "".concat(classPrefix, "-error"),
+                ariaLabel: locale.image.errorTip || ''
+            }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.ImageError, {
+                ariaHidden: true
+            }));
         }
         if (/*#__PURE__*/ _react.default.isValidElement(error) && !innerLoading) {
             return /*#__PURE__*/ _react.default.createElement(_components.View, {
@@ -86,7 +91,8 @@ var Image = function Image(props) {
     }, [
         error,
         isError,
-        innerLoading
+        innerLoading,
+        locale
     ]);
     var renderLoading = (0, _react.useCallback)(function() {
         if (!loading) return null;
@@ -112,6 +118,8 @@ var Image = function Image(props) {
         className: (0, _classnames.default)("".concat(classPrefix, "-default"), className && "".concat(className, "-image"), (0, _define_property._)({}, "".concat(classPrefix, "-error"), isError)),
         style: imgStyle,
         src: src,
+        // @ts-ignore
+        ariaHidden: isError,
         onLoad: function onLoad(e) {
             return handleLoad(e);
         },

package/dist/cjs/packages/imagepreview/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/cjs/packages/input/input.js

@@ -202,7 +202,9 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         confirmType: confirmType,
         onBlur: handleBlur,
         onFocus: handleFocus,
-        onInput: handleInput
+        onInput: handleInput,
+        ariaLabel: props.ariaLabel || // eslint-disable-next-line no-nested-ternary
+        (value ? undefined : placeholder === undefined ? locale.placeholder : placeholder)
     })), /*#__PURE__*/ _react.default.createElement(_components.View, {
         style: {
             display: clearable && !readOnly && active && value.length > 0 ? 'flex' : 'none',
@@ -215,8 +217,13 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                 setValue('');
                 onClear === null || onClear === void 0 ? void 0 : onClear('');
             }
-        }
-    }, clearIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.MaskClose, {
+        },
+        ariaRole: "button",
+        ariaLabel: locale.clear || '清除'
+    }, clearIcon ? /*#__PURE__*/ _react.default.cloneElement(clearIcon, {
+        ariaHidden: true
+    }) : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.MaskClose, {
+        ariaHidden: true,
         className: "nut-input-clear"
     })));
 });

package/dist/cjs/packages/numberkeyboard/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/cjs/packages/picker/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/cjs/packages/popover/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/cjs/packages/popup/style/popup.scss

@@ -268,7 +268,7 @@
       animation-duration: $popup-animation-duration;
     }
 
-    &-right-exit-active {
+    &-right-exit {
       animation-fill-mode: both;
       animation-name: popup-slide-right-exit;
       animation-duration: $popup-animation-duration;
@@ -284,7 +284,7 @@
       }
     }
 
-    @keyframes popup-slide-bottom-exit {
+    @keyframes slide-bottom-exit {
       from {
         transform: translate3d(0, 0%, 0);
       }
@@ -295,15 +295,15 @@
 
     &-bottom-enter-active,
     &-bottom-appear-active {
-      transform: translate3d(0, 0, 0);
+      transform: translate(0, 0);
       animation-fill-mode: both;
       animation-name: popup-slide-bottom-enter;
       animation-duration: $popup-animation-duration;
     }
 
-    &-bottom-exit-active {
+    &-bottom-exit {
       animation-fill-mode: both;
-      animation-name: popup-slide-bottom-exit;
+      animation-name: slide-bottom-exit;
       animation-duration: $popup-animation-duration;
     }
 
@@ -328,13 +328,14 @@
 
     &-left-enter-active,
     &-left-appear-active {
-      transform: translate3d(0, 0, 0);
+      transform: translate(0, 0);
       animation-fill-mode: both;
       animation-name: popup-slide-left-enter;
       animation-duration: $popup-animation-duration;
     }
 
-    &-left-exit-active {
+    &-left-exit-active,
+    &-left-exit-done {
       animation-fill-mode: both;
       animation-name: popup-slide-left-exit;
       animation-duration: $popup-animation-duration;

package/dist/cjs/packages/popup/style/style.css

@@ -237,7 +237,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -250,7 +250,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -259,14 +259,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -286,12 +286,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/cjs/packages/popup/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/cjs/packages/popup/style-jmapp/popup.scss

@@ -268,7 +268,7 @@
       animation-duration: $popup-animation-duration;
     }
 
-    &-right-exit-active {
+    &-right-exit {
       animation-fill-mode: both;
       animation-name: popup-slide-right-exit;
       animation-duration: $popup-animation-duration;
@@ -284,7 +284,7 @@
       }
     }
 
-    @keyframes popup-slide-bottom-exit {
+    @keyframes slide-bottom-exit {
       from {
         transform: translate3d(0, 0%, 0);
       }
@@ -295,15 +295,15 @@
 
     &-bottom-enter-active,
     &-bottom-appear-active {
-      transform: translate3d(0, 0, 0);
+      transform: translate(0, 0);
       animation-fill-mode: both;
       animation-name: popup-slide-bottom-enter;
       animation-duration: $popup-animation-duration;
     }
 
-    &-bottom-exit-active {
+    &-bottom-exit {
       animation-fill-mode: both;
-      animation-name: popup-slide-bottom-exit;
+      animation-name: slide-bottom-exit;
       animation-duration: $popup-animation-duration;
     }
 
@@ -328,13 +328,14 @@
 
     &-left-enter-active,
     &-left-appear-active {
-      transform: translate3d(0, 0, 0);
+      transform: translate(0, 0);
       animation-fill-mode: both;
       animation-name: popup-slide-left-enter;
       animation-duration: $popup-animation-duration;
     }
 
-    &-left-exit-active {
+    &-left-exit-active,
+    &-left-exit-done {
       animation-fill-mode: both;
       animation-name: popup-slide-left-exit;
       animation-duration: $popup-animation-duration;

package/dist/cjs/packages/popup/style-jmapp/style.css

@@ -237,7 +237,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -250,7 +250,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -259,14 +259,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -286,12 +286,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/cjs/packages/popup/style-jrkf/popup.scss

@@ -268,7 +268,7 @@
       animation-duration: $popup-animation-duration;
     }
 
-    &-right-exit-active {
+    &-right-exit {
       animation-fill-mode: both;
       animation-name: popup-slide-right-exit;
       animation-duration: $popup-animation-duration;
@@ -284,7 +284,7 @@
       }
     }
 
-    @keyframes popup-slide-bottom-exit {
+    @keyframes slide-bottom-exit {
       from {
         transform: translate3d(0, 0%, 0);
       }
@@ -295,15 +295,15 @@
 
     &-bottom-enter-active,
     &-bottom-appear-active {
-      transform: translate3d(0, 0, 0);
+      transform: translate(0, 0);
       animation-fill-mode: both;
       animation-name: popup-slide-bottom-enter;
       animation-duration: $popup-animation-duration;
     }
 
-    &-bottom-exit-active {
+    &-bottom-exit {
       animation-fill-mode: both;
-      animation-name: popup-slide-bottom-exit;
+      animation-name: slide-bottom-exit;
       animation-duration: $popup-animation-duration;
     }
 
@@ -328,13 +328,14 @@
 
     &-left-enter-active,
     &-left-appear-active {
-      transform: translate3d(0, 0, 0);
+      transform: translate(0, 0);
       animation-fill-mode: both;
       animation-name: popup-slide-left-enter;
       animation-duration: $popup-animation-duration;
     }
 
-    &-left-exit-active {
+    &-left-exit-active,
+    &-left-exit-done {
       animation-fill-mode: both;
       animation-name: popup-slide-left-exit;
       animation-duration: $popup-animation-duration;

package/dist/cjs/packages/popup/style-jrkf/style.css

@@ -237,7 +237,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -250,7 +250,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -259,14 +259,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -286,12 +286,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/cjs/packages/progress/progress.js

@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var Progress = function Progress(props) {
     var rtl = (0, _index.useRtl)();
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, percent = _ref.percent, background = _ref.background, color = _ref.color, strokeWidth = _ref.strokeWidth, showText = _ref.showText, animated = _ref.animated, children = _ref.children, lazy = _ref.lazy, delay = _ref.delay, showInfo = _ref.showInfo, borderRadius = _ref.borderRadius, fontSize = _ref.fontSize, activeColor = _ref.activeColor, backgroundColor = _ref.backgroundColor, active = _ref.active, activeMode = _ref.activeMode, duration = _ref.duration, ariaLabel = _ref.ariaLabel, onActiveEnd = _ref.onActiveEnd, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, percent = _ref.percent, background = _ref.background, color = _ref.color, strokeWidth = _ref.strokeWidth, showText = _ref.showText, animated = _ref.animated, children = _ref.children, lazy = _ref.lazy, delay = _ref.delay, showInfo = _ref.showInfo, borderRadius = _ref.borderRadius, fontSize = _ref.fontSize, activeColor = _ref.activeColor, backgroundColor = _ref.backgroundColor, active = _ref.active, activeMode = _ref.activeMode, duration = _ref.duration, onActiveEnd = _ref.onActiveEnd, rest = (0, _object_without_properties._)(_ref, [
         "className",
         "style",
         "percent",
@@ -53,7 +53,6 @@ var Progress = function Progress(props) {
         "active",
         "activeMode",
         "duration",
-        "ariaLabel",
         "onActiveEnd"
     ]);
     var classPrefix = 'nut-progress';
@@ -220,8 +219,7 @@ var Progress = function Progress(props) {
         ref: progressRef,
         id: selector,
         className: (0, _classnames.default)(classPrefix, className),
-        style: style,
-        "aria-label": ariaLabel
+        style: style
     }, rest), /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-outer"),
         style: stylesOuter