@nutui/nutui-react-taro 3.0.20 → 3.0.22-cpp

package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js

@@ -10,11 +10,11 @@ import { harmony } from "../../utils/taro/platform";
 import { getIcon } from "./utils";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     icon: null,
-    onClick: function(value) {}
+    onClick: function onClick(value) {}
 });
 var classPrefix = 'nut-hoverbutton-item';
 var isHarmony = harmony();
-export var HoverButtonItem = function(props) {
+export var HoverButtonItem = function HoverButtonItem(props) {
     var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick, children = _$_object_spread.children;
     var _useState = _sliced_to_array(useState(false), 2), isTouchStart = _useState[0], setTouchStart = _useState[1];
     // @TODO 待添加暗黑模式及样式变量功能
@@ -25,16 +25,16 @@ export var HoverButtonItem = function(props) {
     }, [
         isTouchStart
     ]);
-    var handleClick = function(event) {
+    var handleClick = function handleClick(event) {
         onClick && onClick(event);
     };
-    var handleActiveStart = function(event) {
+    var handleActiveStart = function handleActiveStart(event) {
         isHarmony && setTouchStart(true);
     };
-    var handleActiveEnd = function(event) {
+    var handleActiveEnd = function handleActiveEnd(event) {
         isHarmony && setTouchStart(false);
     };
-    var renderBody = function() {
+    var renderBody = function renderBody() {
         if (icon && !children) return /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-icon")
         }, getIcon(icon));

package/dist/es/packages/hoverbuttonitem/utils.js

@@ -1,5 +1,5 @@
 import React from "react";
-export var getIcon = function(icon) {
+export var getIcon = function getIcon(icon) {
     return React.isValidElement(icon) ? React.cloneElement(icon, {
         // @ts-ignore
         className: 'nut-icon'

package/dist/es/packages/image/image.js

@@ -9,14 +9,15 @@ import { Image as TImage, View } from "@tarojs/components";
 import { Image as ImageIcon, ImageError } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { pxTransform } from "../../utils/taro/px-transform";
+import { useConfig } from "../configprovider/index";
 var defaultProps = {
     src: '',
     error: true,
     loading: true
 };
-export var Image = function(props) {
+export var Image = function Image(props) {
     var classPrefix = 'nut-image';
-    var _ref = _object_spread({}, defaultProps, props), className = _ref.className, style = _ref.style, src = _ref.src, width = _ref.width, height = _ref.height, radius = _ref.radius, error = _ref.error, loading = _ref.loading, onLoad = _ref.onLoad, onError = _ref.onError, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, src = _$_object_spread.src, width = _$_object_spread.width, height = _$_object_spread.height, radius = _$_object_spread.radius, error = _$_object_spread.error, loading = _$_object_spread.loading, onLoad = _$_object_spread.onLoad, onError = _$_object_spread.onError, rest = _object_without_properties(_$_object_spread, [
         "className",
         "style",
         "src",
@@ -30,16 +31,17 @@ export var Image = function(props) {
     ]);
     var _useState = _sliced_to_array(useState(true), 2), innerLoading = _useState[0], setInnerLoading = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), isError = _useState1[0], setIsError = _useState1[1];
-    var pxCheck = function(value) {
+    var locale = useConfig().locale;
+    var pxCheck = function pxCheck(value) {
         return Number.isNaN(Number(value)) ? String(value) : pxTransform(+value);
     };
     // 图片加载
-    var handleLoad = function(e) {
+    var handleLoad = function handleLoad(e) {
         setIsError(false);
         setInnerLoading(false);
         onLoad && onLoad(e);
     };
-    var handleError = function(e) {
+    var handleError = function handleError(e) {
         if (src) {
             setIsError(true);
             setInnerLoading(false);
@@ -62,8 +64,11 @@ export var Image = function(props) {
         if (!isError) return null;
         if (typeof error === 'boolean' && error === true && !innerLoading) {
             return /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-error")
-            }, /*#__PURE__*/ React.createElement(ImageError, null));
+                className: "".concat(classPrefix, "-error"),
+                ariaLabel: locale.image.errorTip || ''
+            }, /*#__PURE__*/ React.createElement(ImageError, {
+                ariaHidden: true
+            }));
         }
         if (/*#__PURE__*/ React.isValidElement(error) && !innerLoading) {
             return /*#__PURE__*/ React.createElement(View, {
@@ -74,7 +79,8 @@ export var Image = function(props) {
     }, [
         error,
         isError,
-        innerLoading
+        innerLoading,
+        locale
     ]);
     var renderLoading = useCallback(function() {
         if (!loading) return null;
@@ -100,10 +106,12 @@ export var Image = function(props) {
         className: classNames("".concat(classPrefix, "-default"), className && "".concat(className, "-image"), _define_property({}, "".concat(classPrefix, "-error"), isError)),
         style: imgStyle,
         src: src,
-        onLoad: function(e) {
+        // @ts-ignore
+        ariaHidden: isError,
+        onLoad: function onLoad(e) {
             return handleLoad(e);
         },
-        onError: function(e) {
+        onError: function onError(e) {
             return handleError(e);
         }
     })), /*#__PURE__*/ React.createElement(React.Fragment, null, renderLoading(), renderErrorImg()));

package/dist/es/packages/imagepreview/imagepreview.js

@@ -28,10 +28,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     closeIcon: false,
     closeIconPosition: 'top-right',
     showMenuByLongpress: false,
-    onChange: function() {},
-    onClose: function() {}
+    onChange: function onChange() {},
+    onClose: function onClose() {}
 });
-export var ImagePreview = function(props) {
+export var ImagePreview = function ImagePreview(props) {
     var _mergeProps = mergeProps(defaultProps, props), value = _mergeProps.value, className = _mergeProps.className, style = _mergeProps.style, images = _mergeProps.images, videos = _mergeProps.videos, visible = _mergeProps.visible, defaultValue = _mergeProps.defaultValue, indicatorColor = _mergeProps.indicatorColor, pagination = _mergeProps.pagination, indicator = _mergeProps.indicator, autoPlay = _mergeProps.autoPlay, loop = _mergeProps.loop, closeOnContentClick = _mergeProps.closeOnContentClick, closeIcon = _mergeProps.closeIcon, closeIconPosition = _mergeProps.closeIconPosition, showMenuByLongpress = _mergeProps.showMenuByLongpress, onClose = _mergeProps.onClose, onChange = _mergeProps.onChange, rest = _object_without_properties(_mergeProps, [
         "value",
         "className",
@@ -71,7 +71,7 @@ export var ImagePreview = function(props) {
     }), 2), store = _useState3[0], setStore = _useState3[1];
     var lastTouchEndTime = useRef(0) // 用来辅助监听双击
     ;
-    var onTouchStart = function(event) {
+    var onTouchStart = function onTouchStart(event) {
         var touches = event.touches;
         var events = touches[0];
         var events2 = touches[1];
@@ -91,7 +91,7 @@ export var ImagePreview = function(props) {
         // 取到开始两指操作时的放大（缩小比例），store.scale 存储的是当前的放缩比（相对于标准大小 scale 为 1 的情况的放大缩小比）
         store11.originScale = store11.scale;
     };
-    var onTouchMove = function(event) {
+    var onTouchMove = function onTouchMove(event) {
         if (!store.moveable) return;
         var touches = event.touches;
         var events = touches[0];
@@ -109,7 +109,7 @@ export var ImagePreview = function(props) {
             scaleNow();
         }
     };
-    var onTouchEnd = function() {
+    var onTouchEnd = function onTouchEnd() {
         lastTouchEndTime.current = Date.now();
         var store1 = store;
         store1.moveable = false;
@@ -121,7 +121,8 @@ export var ImagePreview = function(props) {
     useEffect(function() {
         init();
     }, []);
-    var init = function() {
+    var init = function init() {
+        if (typeof document === 'undefined' || typeof document.addEventListener !== 'function') return;
         document.addEventListener('touchmove', onTouchMove);
         document.addEventListener('touchend', onTouchEnd);
         document.addEventListener('touchcancel', onTouchEnd);
@@ -152,19 +153,19 @@ export var ImagePreview = function(props) {
         images,
         videos
     ]);
-    var scaleNow = function() {
+    var scaleNow = function scaleNow() {
         if (ref.current) {
             ref.current.style.transform = "scale(".concat(store.scale, ")");
         }
     };
-    var getDistance = function(first, second) {
+    var getDistance = function getDistance(first, second) {
         return Math.hypot(Math.abs(second.pageX - first.pageX), Math.abs(second.pageY - first.pageY));
     };
-    var slideChangeEnd = function(page) {
+    var slideChangeEnd = function slideChangeEnd(page) {
         setActive(page + 1);
         onChange === null || onChange === void 0 ? void 0 : onChange(page + 1);
     };
-    var onCloseInner = function(e) {
+    var onCloseInner = function onCloseInner(e) {
         e.stopPropagation();
         setShowPop(false);
         setActive(innerNo);
@@ -174,7 +175,7 @@ export var ImagePreview = function(props) {
             scale: 1
         }));
     };
-    var closeOnImg = function(e) {
+    var closeOnImg = function closeOnImg(e) {
         e.stopPropagation();
         // 点击内容区域的图片是否可以关闭弹层（视频区域由于nut-video做了限制，无法关闭弹层）
         if (closeOnContentClick) onCloseInner(e);
@@ -203,7 +204,7 @@ export var ImagePreview = function(props) {
             width: '100%',
             height: '100%'
         },
-        onChange: function(e) {
+        onChange: function onChange(e) {
             return slideChangeEnd(e.detail.current);
         },
         defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
@@ -219,9 +220,9 @@ export var ImagePreview = function(props) {
             data: item
         };
     }))).sort(function(a, b) {
+        var _ref, _ref1;
         var _a_data, _b_data;
-        var _a_data_index, _b_data_index;
-        return ((_a_data_index = (_a_data = a.data) === null || _a_data === void 0 ? void 0 : _a_data.index) !== null && _a_data_index !== void 0 ? _a_data_index : 0) - ((_b_data_index = (_b_data = b.data) === null || _b_data === void 0 ? void 0 : _b_data.index) !== null && _b_data_index !== void 0 ? _b_data_index : 0);
+        return ((_ref = (_a_data = a.data) === null || _a_data === void 0 ? void 0 : _a_data.index) !== null && _ref !== void 0 ? _ref : 0) - ((_ref1 = (_b_data = b.data) === null || _b_data === void 0 ? void 0 : _b_data.index) !== null && _ref1 !== void 0 ? _ref1 : 0);
     }).map(function(item, index) {
         return /*#__PURE__*/ React.createElement(SwiperItem, {
             key: index,

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

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  right: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 11px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-left {
-  bottom: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-right {
-  right: var(--nutui-popup-title-padding, 16px);
-  bottom: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
+  bottom: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
+  right: auto;
+  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
+  right: auto;
+  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
 .nut-popup-right {
   top: 0;
   right: 0;
+  left: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -157,6 +162,8 @@
 .nut-popup-left {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -166,6 +173,8 @@
 .nut-popup-top {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -242,6 +251,9 @@
   }
 }
 @keyframes popup-slide-top-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -266,6 +278,9 @@
   }
 }
 @keyframes popup-slide-right-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -290,6 +305,9 @@
   }
 }
 @keyframes slide-bottom-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -314,6 +332,9 @@
   }
 }
 @keyframes popup-slide-left-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -339,27 +360,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right,
 .nut-rtl .nut-popup-title-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-right,
 .nut-rtl .nut-popup-title-right-bottom-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {

package/dist/es/packages/indicator/indicator.js

@@ -13,14 +13,14 @@ var defaultProps = {
     type: 'anchor'
 };
 var classPrefix = "nut-indicator";
-export var Indicator = function(props) {
+export var Indicator = function Indicator(props) {
     var maybeFixedWidth = function maybeFixedWidth() {
         if (type === 'dualScreen' || type === 'slide') {
             return "".concat(classPrefix, "-fixed-width");
         }
         return '';
     };
-    var _ref = _object_spread({}, defaultProps, props), color = _ref.color, type = _ref.type, total = _ref.total, current = _ref.current, children = _ref.children, className = _ref.className, direction = _ref.direction, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), color = _$_object_spread.color, type = _$_object_spread.type, total = _$_object_spread.total, current = _$_object_spread.current, children = _$_object_spread.children, className = _$_object_spread.className, direction = _$_object_spread.direction, rest = _object_without_properties(_$_object_spread, [
         "color",
         "type",
         "total",
@@ -31,7 +31,7 @@ export var Indicator = function(props) {
     ]);
     var _obj;
     var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-vertical"), direction === 'vertical'), _define_property(_obj, "".concat(classPrefix, "-white"), color === 'default'), _define_property(_obj, "".concat(classPrefix, "-track"), type === 'slide'), _obj));
-    var renderDotElement = function() {
+    var renderDotElement = function renderDotElement() {
         var childs = [];
         for(var item = 0; item < total; item++){
             childs.push(item === current ? children || /*#__PURE__*/ React.createElement(View, {
@@ -44,7 +44,7 @@ export var Indicator = function(props) {
         }
         return childs;
     };
-    var renderLineElement = function() {
+    var renderLineElement = function renderLineElement() {
         var trackWidth = 21;
         var sliderWidth = 6;
         var stride = (trackWidth - sliderWidth) / (total - 1);
@@ -55,7 +55,7 @@ export var Indicator = function(props) {
             className: "".concat(classPrefix, "-line ").concat(classPrefix, "-line-active")
         });
     };
-    var renderByType = function(type) {
+    var renderByType = function renderByType(type) {
         switch(type){
             case 'slide':
                 return renderLineElement();

package/dist/es/packages/infiniteloading/infiniteloading.js

@@ -19,7 +19,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     pullRefresh: false
 });
 var classPrefix = "nut-infiniteloading";
-export var InfiniteLoading = function(props) {
+export var InfiniteLoading = function InfiniteLoading(props) {
     var getBottomTipsText = function getBottomTipsText() {
         if (isInfiniting) {
             return loadingText || locale.infiniteloading.loadText;
@@ -30,7 +30,7 @@ export var InfiniteLoading = function(props) {
         return null;
     };
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, type = _ref.type, hasMore = _ref.hasMore, threshold = _ref.threshold, target = _ref.target, pullRefresh = _ref.pullRefresh, pullingText = _ref.pullingText, loadingText = _ref.loadingText, loadMoreText = _ref.loadMoreText, className = _ref.className, onRefresh = _ref.onRefresh, onLoadMore = _ref.onLoadMore, onScroll = _ref.onScroll, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, type = _$_object_spread.type, hasMore = _$_object_spread.hasMore, threshold = _$_object_spread.threshold, target = _$_object_spread.target, pullRefresh = _$_object_spread.pullRefresh, pullingText = _$_object_spread.pullingText, loadingText = _$_object_spread.loadingText, loadMoreText = _$_object_spread.loadMoreText, className = _$_object_spread.className, onRefresh = _$_object_spread.onRefresh, onLoadMore = _$_object_spread.onLoadMore, onScroll = _$_object_spread.onScroll, rest = _object_without_properties(_$_object_spread, [
         "children",
         "type",
         "hasMore",
@@ -68,31 +68,31 @@ export var InfiniteLoading = function(props) {
         isInfiniting,
         threshold
     ]);
-    /** 获取需要滚动的距离 */ var getScrollHeight = function() {
+    /** 获取需要滚动的距离 */ var getScrollHeight = function getScrollHeight() {
         var parentElement = getParentElement('scroller');
         parentElement.boundingClientRect(function(rect) {
-            var _rect_height;
-            scrollHeight.current = (_rect_height = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _rect_height !== void 0 ? _rect_height : 0;
+            var _ref;
+            scrollHeight.current = (_ref = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _ref !== void 0 ? _ref : 0;
         }).exec();
     };
-    var getStyle = function() {
+    var getStyle = function getStyle() {
         return {
             height: topDisScoll < 0 ? pxTransform(0) : pxTransform(topDisScoll),
             transition: "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
         };
     };
-    var getParentElement = function(el) {
+    var getParentElement = function getParentElement(el) {
         return createSelectorQuery().select(target ? "#".concat(target, " #").concat(el) : "#".concat(el));
     };
-    var infiniteDone = function() {
+    var infiniteDone = function infiniteDone() {
         setIsInfiniting(false);
     };
-    var refreshDone = function() {
+    var refreshDone = function refreshDone() {
         distance.current = 0;
         setTopDisScoll(0);
         isTouching.current = false;
     };
-    var scrollAction = function(e) {
+    var scrollAction = function scrollAction(e) {
         var _e_target;
         scrollTop.current = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.scrollTop;
         if (e.target.scrollTop <= 0) {
@@ -101,7 +101,7 @@ export var InfiniteLoading = function(props) {
         }
         onScroll && onScroll(e.target.scrollTop);
     };
-    var lower = function() {
+    var lower = function lower() {
         return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -127,13 +127,13 @@ export var InfiniteLoading = function(props) {
             });
         })();
     };
-    var touchStart = function(event) {
+    var touchStart = function touchStart(event) {
         if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
             y.current = event.touches[0].pageY;
             isTouching.current = true;
         }
     };
-    var touchMove = function(event) {
+    var touchMove = function touchMove(event) {
         distance.current = event.touches[0].pageY - y.current;
         if (distance.current > 0 && isTouching.current) {
             event.preventDefault();
@@ -148,7 +148,7 @@ export var InfiniteLoading = function(props) {
             isTouching.current = false;
         }
     };
-    var touchEnd = function() {
+    var touchEnd = function touchEnd() {
         return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){

package/dist/es/packages/input/input.js

@@ -42,7 +42,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     var classPrefix = 'nut-input';
     var rtl = useRtl();
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), focus = _$_object_spread.focus, type = _$_object_spread.type, name = _$_object_spread.name, placeholder = _$_object_spread.placeholder, align = _$_object_spread.align, disabled = _$_object_spread.disabled, readOnly = _$_object_spread.readOnly, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, clearIcon = _$_object_spread.clearIcon, formatTrigger = _$_object_spread.formatTrigger, autoFocus = _$_object_spread.autoFocus, style = _$_object_spread.style, className = _$_object_spread.className, plain = _$_object_spread.plain, inputStyle = _$_object_spread.inputStyle, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, formatter = _$_object_spread.formatter, onClick = _$_object_spread.onClick, confirmType = _$_object_spread.confirmType, defaultValue = _$_object_spread.defaultValue, _value = _$_object_spread.value, rest = _object_without_properties(_$_object_spread, [
         "focus",
         "type",
         "name",
@@ -78,7 +78,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     var inputRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), active = _useState[0], setActive = _useState[1];
     // 兼容H5和小程序获取原生input标签
-    var getNativeInput = function() {
+    var getNativeInput = function getNativeInput() {
         if (Taro.getEnv() === 'WEB') {
             var taroInputCoreEl = inputRef.current;
             var inputEl = taroInputCoreEl.querySelector('input');
@@ -88,14 +88,14 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     };
     useImperativeHandle(ref, function() {
         return {
-            clear: function() {
+            clear: function clear() {
                 setValue('');
             },
-            focus: function() {
+            focus: function focus() {
                 var nativeInput = getNativeInput();
                 nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.focus();
             },
-            blur: function() {
+            blur: function blur() {
                 var nativeInput = getNativeInput();
                 nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.blur();
             },
@@ -118,7 +118,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     var forceUpdate = React.useCallback(function() {
         return updateState({});
     }, []);
-    var updateValue = function(value) {
+    var updateValue = function updateValue(value) {
         var trigger = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'onChange';
         var val = value;
         if (type === 'number') val = formatNumber(val, false, true);
@@ -131,7 +131,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         }
         forceUpdate();
     };
-    var handleFocus = function(event) {
+    var handleFocus = function handleFocus(event) {
         if (Taro.getEnv() === 'WEB') {
             var val = event.target.value;
             onFocus && onFocus(val);
@@ -141,17 +141,17 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         }
         setActive(true);
     };
-    var handleInput = function(event) {
+    var handleInput = function handleInput(event) {
         updateValue((event.detail || event.currentTarget).value, 'onChange');
     };
-    var handleBlur = function(event) {
+    var handleBlur = function handleBlur(event) {
         var val = Taro.getEnv() === 'WEB' ? event.target.value : event.detail.value;
         updateValue(val, 'onBlur');
         setTimeout(function() {
             return setActive(false);
         }, 200);
     };
-    var inputType = function(type) {
+    var inputType = function inputType(type) {
         if (getEnv() === ENV_TYPE.WEB) {
             if (type === 'digit') return 'text';
             if (type === 'number') return 'tel';
@@ -160,7 +160,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         }
         return type;
     };
-    var getTextAlign = function() {
+    var getTextAlign = function getTextAlign() {
         if (rtl) {
             if (align === 'right') return 'left';
             if (align === 'left') return 'right';
@@ -170,7 +170,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     return /*#__PURE__*/ React.createElement(View, {
         className: "".concat(inputClass(), "  ").concat(className || ''),
         style: style,
-        onClick: function(e) {
+        onClick: function onClick1(e) {
             onClick && onClick(e);
         }
     }, /*#__PURE__*/ React.createElement(TaroInput, _object_spread_props(_object_spread({}, rest), {
@@ -191,21 +191,28 @@ export var Input = /*#__PURE__*/ 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.createElement(View, {
         style: {
             display: clearable && !readOnly && active && value.length > 0 ? 'flex' : 'none',
             alignItems: 'center',
             cursor: 'pointer'
         },
-        onClick: function(e) {
+        onClick: function onClick(e) {
             e.stopPropagation();
             if (!disabled) {
                 setValue('');
                 onClear === null || onClear === void 0 ? void 0 : onClear('');
             }
-        }
-    }, clearIcon || /*#__PURE__*/ React.createElement(MaskClose, {
+        },
+        ariaRole: "button",
+        ariaLabel: locale.clear || '清除'
+    }, clearIcon ? /*#__PURE__*/ React.cloneElement(clearIcon, {
+        ariaHidden: true
+    }) : /*#__PURE__*/ React.createElement(MaskClose, {
+        ariaHidden: true,
         className: "nut-input-clear"
     })));
 });