@nutui/nutui-react-taro 3.0.0 → 3.0.1

package/dist/es/packages/nutui.react.build.js

@@ -22,12 +22,12 @@ import Col from "./col/index";
 export * from "./col/index";
 import Row from "./row/index";
 export * from "./row/index";
+import SafeArea from "./safearea/index";
+export * from "./safearea/index";
 import Space from "./space/index";
 export * from "./space/index";
 import Sticky from "./sticky/index";
 export * from "./sticky/index";
-import SafeArea from "./safearea/index";
-export * from "./safearea/index";
 import BackTop from "./backtop/index";
 export * from "./backtop/index";
 import Elevator from "./elevator/index";
@@ -40,16 +40,10 @@ import HoverButtonItem from "./hoverbuttonitem/index";
 export * from "./hoverbuttonitem/index";
 import NavBar from "./navbar/index";
 export * from "./navbar/index";
-import SideNavBar from "./sidenavbar/index";
-export * from "./sidenavbar/index";
 import SideBar from "./sidebar/index";
 export * from "./sidebar/index";
 import SideBarItem from "./sidebaritem/index";
 export * from "./sidebaritem/index";
-import SideNavBarItem from "./sidenavbaritem/index";
-export * from "./sidenavbaritem/index";
-import SubSideNavBar from "./subsidenavbar/index";
-export * from "./subsidenavbar/index";
 import Tabbar from "./tabbar/index";
 export * from "./tabbar/index";
 import TabbarItem from "./tabbaritem/index";
@@ -74,6 +68,8 @@ import CheckboxGroup from "./checkboxgroup/index";
 export * from "./checkboxgroup/index";
 import DatePicker from "./datepicker/index";
 export * from "./datepicker/index";
+import DatePickerView from "./datepickerview/index";
+export * from "./datepickerview/index";
 import Form from "./form/index";
 export * from "./form/index";
 import FormItem from "./formitem/index";
@@ -122,8 +118,6 @@ import Drag from "./drag/index";
 export * from "./drag/index";
 import Empty from "./empty/index";
 export * from "./empty/index";
-import ResultPage from "./resultpage/index";
-export * from "./resultpage/index";
 import InfiniteLoading from "./infiniteloading/index";
 export * from "./infiniteloading/index";
 import Loading from "./loading/index";
@@ -138,6 +132,8 @@ import Popup from "./popup/index";
 export * from "./popup/index";
 import PullToRefresh from "./pulltorefresh/index";
 export * from "./pulltorefresh/index";
+import ResultPage from "./resultpage/index";
+export * from "./resultpage/index";
 import Skeleton from "./skeleton/index";
 export * from "./skeleton/index";
 import Swipe from "./swipe/index";
@@ -172,12 +168,12 @@ import Lottie from "./lottie/index";
 export * from "./lottie/index";
 import Pagination from "./pagination/index";
 export * from "./pagination/index";
-import Segmented from "./segmented/index";
-export * from "./segmented/index";
 import Price from "./price/index";
 export * from "./price/index";
 import Progress from "./progress/index";
 export * from "./progress/index";
+import Segmented from "./segmented/index";
+export * from "./segmented/index";
 import Step from "./step/index";
 export * from "./step/index";
 import Steps from "./steps/index";
@@ -196,6 +192,8 @@ import Video from "./video/index";
 export * from "./video/index";
 import VirtualList from "./virtuallist/index";
 export * from "./virtuallist/index";
+import AvatarCropper from "./avatarcropper/index";
+export * from "./avatarcropper/index";
 import Barrage from "./barrage/index";
 export * from "./barrage/index";
 import Card from "./card/index";
@@ -208,6 +206,4 @@ import TrendArrow from "./trendarrow/index";
 export * from "./trendarrow/index";
 import WaterMark from "./watermark/index";
 export * from "./watermark/index";
-import AvatarCropper from "./avatarcropper/index";
-export * from "./avatarcropper/index";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideBarItem, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/es/packages/overlay/overlay.js

@@ -8,7 +8,6 @@ import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
 import { useLockScrollTaro } from "../../hooks/use-lock-scoll-taro";
-import { harmony } from "../../utils/platform-taro";
 export var defaultOverlayProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     zIndex: 1000,
     duration: 300,
@@ -42,9 +41,9 @@ export var Overlay = function(props) {
         visible
     ]);
     var classes = classNames(classPrefix, className);
-    var styles = _object_spread_props(_object_spread({}, style), {
+    var styles = _object_spread({
         zIndex: zIndex
-    });
+    }, style);
     var handleClick = function(e) {
         if (closeOnOverlayClick) {
             onClick && onClick(e);
@@ -60,7 +59,7 @@ export var Overlay = function(props) {
             onClick: handleClick
         }), children);
     };
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, !harmony() ? /*#__PURE__*/ React.createElement(CSSTransition, {
+    return /*#__PURE__*/ React.createElement(CSSTransition, {
         nodeRef: nodeRef,
         classNames: "".concat(classPrefix, "-slide"),
         unmountOnExit: true,
@@ -68,6 +67,6 @@ export var Overlay = function(props) {
         in: innerVisible,
         onEntered: afterShow,
         onExited: afterClose
-    }, renderOverlay()) : innerVisible && renderOverlay());
+    }, renderOverlay());
 };
 Overlay.displayName = 'NutOverlay';

package/dist/es/packages/overlay/style/overlay.scss

@@ -19,11 +19,9 @@
     0% {
       opacity: 0;
     }
-
     1% {
       opacity: 0;
     }
-
     100% {
       opacity: 1;
     }
@@ -33,11 +31,9 @@
     0% {
       opacity: 1;
     }
-
     1% {
       opacity: 1;
     }
-
     100% {
       opacity: 0;
     }

package/dist/es/packages/picker/style/style.css

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

package/dist/es/packages/popover/style/style.css

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

package/dist/es/packages/popup/popup.js

@@ -11,6 +11,7 @@ import { View } from "@tarojs/components";
 import { defaultOverlayProps } from "../overlay/overlay";
 import Overlay from "../overlay/index";
 import { useLockScrollTaro } from "../../hooks/use-lock-scoll-taro";
+import { harmony } from "../../utils/platform-taro";
 var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -44,9 +45,11 @@ export var Popup = function(props) {
     var refObject = useLockScrollTaro(innerVisible && lockScroll);
     var classPrefix = 'nut-popup';
     var overlayStyles = _object_spread({}, overlayStyle);
-    var popStyles = _object_spread_props(_object_spread({}, style), {
-        zIndex: index
-    });
+    var contentZIndex = harmony() ? index + 1 : index // 解决harmony层级问题
+    ;
+    var popStyles = _object_spread({
+        zIndex: contentZIndex
+    }, style);
     var _obj;
     var popClassName = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
     var open = function() {
@@ -104,6 +107,15 @@ export var Popup = function(props) {
             return renderCloseIcon();
         }
     };
+    var renderContent = function() {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
+            ref: refObject,
+            style: popStyles,
+            className: popClassName,
+            onClick: onClick,
+            catchMove: lockScroll
+        }, renderTitle(), showChildren ? children : null));
+    };
     var renderPop = function() {
         return /*#__PURE__*/ React.createElement(CSSTransition, {
             nodeRef: refObject,
@@ -114,13 +126,7 @@ export var Popup = function(props) {
             in: innerVisible,
             onEntered: afterShow,
             onExited: afterClose
-        }, /*#__PURE__*/ React.createElement(View, {
-            ref: refObject,
-            style: popStyles,
-            className: popClassName,
-            onClick: onClick,
-            catchMove: lockScroll
-        }, renderTitle(), showChildren ? children : null));
+        }, renderContent());
     };
     var renderNode = function() {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay ? /*#__PURE__*/ React.createElement(Overlay, {
@@ -132,7 +138,7 @@ export var Popup = function(props) {
             lockScroll: lockScroll,
             duration: duration,
             onClick: handleOverlayClick
-        }, renderPop()) : renderPop());
+        }) : null, renderPop());
     };
     useEffect(function() {
         visible ? open() : close();

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

@@ -141,7 +141,6 @@
         opacity: 0;
         transform: scale(0.8);
       }
-
       to {
         opacity: 1;
         transform: scale(1);
@@ -153,7 +152,6 @@
         opacity: 1;
         transform: scale(1);
       }
-
       to {
         opacity: 0;
         transform: scale(0.8);
@@ -176,7 +174,6 @@
       from {
         opacity: 0;
       }
-
       to {
         opacity: 1;
       }
@@ -186,7 +183,6 @@
       from {
         opacity: 1;
       }
-
       to {
         opacity: 0;
       }
@@ -209,6 +205,9 @@
       from {
         transform: translate3d(0, -100%, 0);
       }
+      to {
+        transform: translate3d(0, 0%, 0);
+      }
     }
 
     @keyframes popup-slide-top-exit {
@@ -236,6 +235,9 @@
       from {
         transform: translate3d(100%, 0, 0);
       }
+      to {
+        transform: translate3d(0%, 0, 0);
+      }
     }
 
     @keyframes popup-slide-right-exit {
@@ -263,6 +265,9 @@
       from {
         transform: translate3d(0, 100%, 0);
       }
+      to {
+        transform: translate3d(0, 0%, 0);
+      }
     }
 
     @keyframes slide-bottom-exit {
@@ -290,6 +295,9 @@
       from {
         transform: translate3d(-100%, 0, 0);
       }
+      to {
+        transform: translate3d(0%, 0, 0);
+      }
     }
 
     @keyframes popup-slide-left-exit {

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

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

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

@@ -184,6 +184,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -211,6 +214,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -238,6 +244,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -265,6 +274,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

package/dist/es/packages/shortpassword/shortpassword.js

@@ -21,7 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var InternalShortPassword = function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), title = _ref.title, description = _ref.description, tips = _ref.tips, outerVisible = _ref.visible, value = _ref.value, error = _ref.error, hideFooter = _ref.hideFooter, length = _ref.length, plain = _ref.plain, style = _ref.style, className = _ref.className, closeable = _ref.closeable, autoFocus = _ref.autoFocus, onFocus = _ref.onFocus, onChange = _ref.onChange, onConfirm = _ref.onConfirm, onTips = _ref.onTips, onCancel = _ref.onCancel, onClose = _ref.onClose, onComplete = _ref.onComplete, onOverlayClick = _ref.onOverlayClick, onCloseIconClick = _ref.onCloseIconClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), title = _ref.title, description = _ref.description, tips = _ref.tips, outerVisible = _ref.visible, value = _ref.value, error = _ref.error, hideFooter = _ref.hideFooter, length = _ref.length, plain = _ref.plain, style = _ref.style, className = _ref.className, closeable = _ref.closeable, autoFocus = _ref.autoFocus, round = _ref.round, onFocus = _ref.onFocus, onChange = _ref.onChange, onConfirm = _ref.onConfirm, onTips = _ref.onTips, onCancel = _ref.onCancel, onClose = _ref.onClose, onComplete = _ref.onComplete, onOverlayClick = _ref.onOverlayClick, onCloseIconClick = _ref.onCloseIconClick, rest = _object_without_properties(_ref, [
         "title",
         "description",
         "tips",
@@ -35,6 +35,7 @@ export var InternalShortPassword = function(props, ref) {
         "className",
         "closeable",
         "autoFocus",
+        "round",
         "onFocus",
         "onChange",
         "onConfirm",
@@ -98,15 +99,12 @@ export var InternalShortPassword = function(props, ref) {
         onConfirm && onConfirm(inputValue);
     };
     return /*#__PURE__*/ React.createElement(Popup, _object_spread({
-        style: {
-            padding: '32px 24px 28px 24px',
-            borderRadius: '12px',
-            textAlign: 'center'
-        },
+        className: "".concat(classPrefix, "-popup"),
         visible: visible,
         closeable: true,
         onOverlayClick: onClose,
-        onCloseIconClick: onClose
+        onCloseIconClick: onClose,
+        round: round
     }, rest), /*#__PURE__*/ React.createElement(View, {
         className: classNames(classPrefix, className),
         style: style

package/dist/es/packages/shortpassword/style/shortpassword.scss

@@ -1,11 +1,21 @@
 .nut-shortpassword {
+  &-popup {
+    padding: 32px 24px 28px 24px;
+    border-radius: 12px;
+    text-align: center;
+  }
+
   &-title {
+    display: flex;
+    justify-content: center;
     line-height: 1;
     font-size: $font-size-l;
     color: $color-title;
   }
 
   &-description {
+    display: flex;
+    justify-content: center;
     margin-top: 12px;
     margin-bottom: 24px;
     line-height: 1;

package/dist/es/packages/shortpassword/style/style.css

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {
@@ -371,12 +383,21 @@
   right: 0;
 }
 
+.nut-shortpassword-popup {
+  padding: 32px 24px 28px 24px;
+  border-radius: 12px;
+  text-align: center;
+}
 .nut-shortpassword-title {
+  display: flex;
+  justify-content: center;
   line-height: 1;
   font-size: var(--nutui-font-size-l, 16px);
   color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-shortpassword-description {
+  display: flex;
+  justify-content: center;
   margin-top: 12px;
   margin-bottom: 24px;
   line-height: 1;

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

@@ -2,12 +2,21 @@
 /* #endif */
 /* #ifndef harmony */
 /* #endif */
+.nut-shortpassword-popup {
+  padding: 32px 24px 28px 24px;
+  border-radius: 12px;
+  text-align: center;
+}
 .nut-shortpassword-title {
+  display: flex;
+  justify-content: center;
   line-height: 1;
   font-size: 16px;
   color: #1a1a1a;
 }
 .nut-shortpassword-description {
+  display: flex;
+  justify-content: center;
   margin-top: 12px;
   margin-bottom: 24px;
   line-height: 1;

package/dist/es/packages/tabbar/style/style.css

@@ -121,6 +121,12 @@
   width: 22px;
   height: 22px;
   font-size: 22px;
+  /* #ifdef harmony*/
+  color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
+  /* #endif*/
+  /* #ifndef harmony*/
+  color: inherit;
+  /* #endif*/
 }
 .nut-tabbar-item-icon-box-nav {
   display: block;

package/dist/es/packages/tabbaritem/style/style.css

@@ -121,6 +121,12 @@
   width: 22px;
   height: 22px;
   font-size: 22px;
+  /* #ifdef harmony*/
+  color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
+  /* #endif*/
+  /* #ifndef harmony*/
+  color: inherit;
+  /* #endif*/
 }
 .nut-tabbar-item-icon-box-nav {
   display: block;

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

@@ -24,6 +24,12 @@
   width: 22px;
   height: 22px;
   font-size: 22px;
+  /* #ifdef harmony*/
+  color: #1a1a1a;
+  /* #endif*/
+  /* #ifndef harmony*/
+  color: inherit;
+  /* #endif*/
 }
 .nut-tabbar-item-icon-box-nav {
   display: block;

package/dist/es/packages/tabbaritem/style/tabbaritem.scss

@@ -20,6 +20,12 @@
       width: 22px;
       height: 22px;
       font-size: 22px;
+      /* #ifdef harmony*/
+      color: $tabbar-inactive-color;
+      /* #endif*/
+      /* #ifndef harmony*/
+      color: inherit;
+      /* #endif*/
     }
 
     &-nav {