@nutui/nutui-react-taro 3.0.4 → 3.0.6

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

@@ -697,11 +697,12 @@
   text-align: center;
 }
 .nut-imagepreview-pop {
+  width: 100%;
   height: 100%;
+  max-width: 100% !important;
   background: transparent !important;
   display: flex;
   align-items: center;
-  width: 100%;
 }
 .nut-imagepreview-swiper .nut-imagepreview-swiper-item,
 .nut-imagepreview-swiper .nut-swiper-item {

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

@@ -53,11 +53,12 @@
   text-align: center;
 }
 .nut-imagepreview-pop {
+  width: 100%;
   height: 100%;
+  max-width: 100% !important;
   background: transparent !important;
   display: flex;
   align-items: center;
-  width: 100%;
 }
 .nut-imagepreview-swiper .nut-imagepreview-swiper-item,
 .nut-imagepreview-swiper .nut-swiper-item {

package/dist/cjs/packages/indicator/indicator.js

@@ -26,7 +26,7 @@ var defaultProps = {
 var classPrefix = "nut-indicator";
 var Indicator = function Indicator(props) {
     var maybeFixedWidth = function maybeFixedWidth() {
-        if (total === 2 || type === 'slide') {
+        if (type === 'dualScreen' || type === 'slide') {
             return "".concat(classPrefix, "-fixed-width");
         }
         return '';

package/dist/cjs/packages/inputnumber/inputnumber.js

@@ -250,7 +250,7 @@ var InputNumber = function InputNumber(props) {
         onClick: handleReduce
     }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Minus, {
         size: 10,
-        className: (0, _classnames.default)("".concat(classPrefix, "-icon ").concat(classPrefix, "-icon-minus"), (0, _define_property._)({}, "".concat(classPrefix, "-icon-disabled"), shadowValue === min || disabled))
+        className: (0, _classnames.default)("".concat(classPrefix, "-icon ").concat(classPrefix, "-icon-minus"), (0, _define_property._)({}, "".concat(classPrefix, "-icon-disabled"), Number(shadowValue) <= Number(min) || disabled))
     })), /*#__PURE__*/ _react.default.createElement("input", {
         className: (0, _classnames.default)("".concat(classPrefix, "-input"), (0, _define_property._)({}, "".concat(classPrefix, "-input-disabled"), disabled)),
         type: type,
@@ -267,7 +267,7 @@ var InputNumber = function InputNumber(props) {
         onClick: handlePlus
     }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Plus, {
         size: 10,
-        className: (0, _classnames.default)("".concat(classPrefix, "-icon ").concat(classPrefix, "-icon-plus"), (0, _define_property._)({}, "".concat(classPrefix, "-icon-disabled"), shadowValue === max || disabled))
+        className: (0, _classnames.default)("".concat(classPrefix, "-icon ").concat(classPrefix, "-icon-plus"), (0, _define_property._)({}, "".concat(classPrefix, "-icon-disabled"), Number(shadowValue) >= Number(max) || disabled))
     })));
 };
 InputNumber.displayName = 'NutInputNumber';

package/dist/cjs/packages/lottie/index.js

@@ -8,15 +8,15 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-var _web = require("./web");
-var _mp = require("./mp");
+var _lottieweb = require("./lottieweb");
+var _lottiemp = require("./lottiemp");
 var implementation;
 if (process.env.TARO_ENV === 'h5') {
     // @ts-ignore
-    implementation = _web.Lottie;
-} else if (process.env.TARO_ENV === 'weapp') {
+    implementation = _lottieweb.Lottie;
+} else if (process.env.TARO_ENV === 'weapp' || process.env.TARO_ENV === 'jd') {
     // @ts-ignore
-    implementation = _mp.Lottie;
+    implementation = _lottiemp.Lottie;
 } else {
     // throw new Error(`不支持的 TARO_ENV: ${process.env.TARO_ENV}`)
     implementation = function implementation(props) {

package/dist/cjs/packages/lottie/{mp.js → lottiemp.js}

@@ -12,7 +12,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _taro = require("@tarojs/taro");
-var _lottieminiprogram = /*#__PURE__*/ _interop_require_default._(require("lottie-miniprogram"));
+var _lottieminiprogram = /*#__PURE__*/ _interop_require_default._(require("@nutui/lottie-miniprogram"));
 var _getsysteminfo = require("../../utils/get-system-info");
 var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
 var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {

package/dist/cjs/packages/notify/notify.js

@@ -29,27 +29,33 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _reacttransitiongroup = require("react-transition-group");
 var _components = require("@tarojs/components");
+var _iconsreacttaro = require("@nutui/icons-react-taro");
+var _platformtaro = require("../../utils/platform-taro");
+var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
 var _typings = require("../../utils/typings");
 var _usecustomevent = require("../../hooks/use-custom-event");
 var _mergeprops = require("../../utils/merge-props");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     id: '',
-    duration: 3000,
-    type: 'danger',
+    distance: 8,
+    navHeight: 57,
     position: 'top',
     visible: false,
+    closeable: false,
+    leftIcon: null,
+    rightIcon: null,
+    duration: 3000,
     onClose: function onClose() {},
     onClick: function onClick() {}
 });
 var classPrefix = 'nut-notify';
 var Notify = function Notify(props) {
-    var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), id = _mergeProps.id, children = _mergeProps.children, style = _mergeProps.style, type = _mergeProps.type, className = _mergeProps.className, position = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
+    var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), id = _mergeProps.id, style = _mergeProps.style, children = _mergeProps.children, distance = _mergeProps.distance, navHeight = _mergeProps.navHeight, closeable = _mergeProps.closeable, leftIcon = _mergeProps.leftIcon, rightIcon = _mergeProps.rightIcon, position = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, className = _mergeProps.className, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
     (0, _usecustomevent.useCustomEvent)(id, function(status) {
         status ? show() : hide();
     });
     var timer;
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), showNotify = _useState[0], setShowNotify = _useState[1];
-    var cssRef = (0, _react.useRef)(null);
     (0, _react.useEffect)(function() {
         if (visible) {
             show();
@@ -59,9 +65,6 @@ var Notify = function Notify(props) {
     }, [
         visible
     ]);
-    var clickHandle = function clickHandle() {
-        onClick();
-    };
     var show = function show() {
         setShowNotify(true);
         clearTimer();
@@ -81,10 +84,29 @@ var Notify = function Notify(props) {
         setShowNotify(false);
         onClose();
     };
+    var getDistance = (0, _react.useMemo)(function() {
+        if (position === 'top') {
+            return {
+                top: (0, _pxtransform.default)((0, _platformtaro.web)() ? Number(distance) + navHeight : Number(distance))
+            };
+        }
+        return {
+            bottom: (0, _pxtransform.default)(Number(distance))
+        };
+    }, [
+        distance,
+        position
+    ]);
     var _obj;
-    var classes = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-popup-top"), position === 'top'), (0, _define_property._)(_obj, "".concat(classPrefix, "-popup-bottom"), position === 'bottom'), (0, _define_property._)(_obj, "".concat(classPrefix), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(type), true), _obj));
+    var classes = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix), true), (0, _define_property._)(_obj, "".concat(className), true), _obj));
+    var handleClick = function handleClick() {
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    var handleClickIcon = function handleClickIcon() {
+        hide();
+    };
+    var _obj1;
     return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
-        nodeRef: cssRef,
         in: showNotify,
         timeout: 300,
         classNames: "fade",
@@ -93,10 +115,19 @@ var Notify = function Notify(props) {
         position: position,
         id: id
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "".concat(classes, " ").concat(className),
-        style: style,
-        onClick: clickHandle
-    }, children));
+        className: classes,
+        style: (0, _object_spread._)({}, style, getDistance),
+        onClick: handleClick
+    }, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "".concat(classPrefix, "-left-icon")
+    }, leftIcon) : null, /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: (0, _classnames.default)((_obj1 = {}, (0, _define_property._)(_obj1, "".concat(classPrefix, "-content"), true), (0, _define_property._)(_obj1, "".concat(classPrefix, "-ellipsis"), closeable || rightIcon), (0, _define_property._)(_obj1, "".concat(classPrefix, "-layout-left"), leftIcon || rightIcon), _obj1))
+    }, children), rightIcon || closeable ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "".concat(classPrefix, "-right-icon"),
+        onClick: handleClickIcon
+    }, rightIcon || (closeable ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
+        size: 12
+    }) : null)) : null));
 };
 function open(selector) {
     // eslint-disable-next-line react-hooks/rules-of-hooks

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

@@ -6,7 +6,7 @@
 /*入场动画过程*/
 .fade-enter-active {
   opacity: 1;
-  transition: opacity 1s;
+  transition: opacity 300ms ease-in;
 }
 
 /*入场动画结束*/
@@ -22,7 +22,7 @@
 /*离场动画过程*/
 .fade-exit-active {
   opacity: 0;
-  transition: opacity 1s;
+  transition: opacity 300ms ease-out;
 }
 
 /*离场动画结束*/
@@ -38,56 +38,59 @@
 /*页面第一次加载时的动画过程*/
 .fade-appear-active {
   opacity: 1;
-  transition: opacity 1s;
+  transition: opacity 300ms;
 }
 
 .nut-notify {
+  position: fixed;
+  left: 8px;
+  right: 8px;
+  z-index: $notify-z-index;
   display: flex;
-  justify-content: center;
   align-items: center;
   box-sizing: border-box;
-  padding: $notify-padding;
-  color: $notify-text-color;
-  font-size: $notify-font-size;
-  white-space: pre-wrap;
-  word-wrap: break-word;
   height: $notify-height;
-
-  &-popup-top,
-  &-popup-bottom {
-    position: fixed;
-    left: 0;
-    right: 0;
-    overflow-y: auto;
-    transition: transform 0.3s;
-    z-index: 9999;
-  }
-
-  &-popup-top {
-    top: 0;
-  }
-
-  &-popup-bottom {
-    bottom: 0;
+  padding: $notify-padding;
+  border-radius: $notify-border-radius;
+  box-shadow: $notify-box-shadow;
+  background-color: $notify-background-color;
+
+  &-content {
+    flex: 1;
+    text-align: center;
+    min-width: 0;
+    font-size: $notify-font-size;
+    color: $notify-text-color;
+    white-space: nowrap;
+    overflow: hidden;
   }
 
-  &-base {
-    background: $notify-base-background-color;
+  &-ellipsis {
+    text-overflow: ellipsis;
   }
 
-  &-primary {
-    background: $notify-primary-background-color;
+  &-layout-left {
+    text-align: left;
   }
 
-  &-success {
-    background: $notify-success-background-color;
+  &-left-icon,
+  &-right-icon {
+    display: inline-flex;
   }
 
-  &-danger {
-    background: $notify-danger-background-color;
+  &-left-icon {
+    margin-right: 6px;
+    .nut-icon {
+      height: 16px;
+      width: 16px;
+    }
   }
 
-  &-warning {
-    background: $notify-warning-background-color;
+  &-right-icon {
+    margin-left: 6px;
+    .nut-icon {
+      height: 12px;
+      width: 12px;
+    }
   }
 }

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

@@ -11,7 +11,7 @@
 /*入场动画过程*/
 .fade-enter-active {
   opacity: 1;
-  transition: opacity 1s;
+  transition: opacity 300ms ease-in;
 }
 
 /*入场动画结束*/
@@ -27,7 +27,7 @@
 /*离场动画过程*/
 .fade-exit-active {
   opacity: 0;
-  transition: opacity 1s;
+  transition: opacity 300ms ease-out;
 }
 
 /*离场动画结束*/
@@ -43,47 +43,52 @@
 /*页面第一次加载时的动画过程*/
 .fade-appear-active {
   opacity: 1;
-  transition: opacity 1s;
+  transition: opacity 300ms;
 }
 
 .nut-notify {
+  position: fixed;
+  left: 8px;
+  right: 8px;
+  z-index: var(--nutui-notify-z-index, 1000);
   display: flex;
-  justify-content: center;
   align-items: center;
   box-sizing: border-box;
-  padding: var(--nutui-notify-padding, 0px 10px);
-  color: var(--nutui-notify-text-color, #ffffff);
-  font-size: var(--nutui-notify-font-size, var(--nutui-font-size-base, 14px));
-  white-space: pre-wrap;
-  word-wrap: break-word;
   height: var(--nutui-notify-height, 40px);
+  padding: var(--nutui-notify-padding, 0px 12px);
+  border-radius: var(--nutui-notify-border-radius, 8px);
+  box-shadow: var(--nutui-notify-box-shadow, 0px 4px 12px 0px rgba(0, 0, 0, 0.06));
+  background-color: var(--nutui-notify-background-color, #ffffff);
+}
+.nut-notify-content {
+  flex: 1;
+  text-align: center;
+  min-width: 0;
+  font-size: var(--nutui-notify-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-notify-text-color, var(--nutui-color-title, #1a1a1a));
+  white-space: nowrap;
+  overflow: hidden;
 }
-.nut-notify-popup-top, .nut-notify-popup-bottom {
-  position: fixed;
-  left: 0;
-  right: 0;
-  overflow-y: auto;
-  transition: transform 0.3s;
-  z-index: 9999;
-}
-.nut-notify-popup-top {
-  top: 0;
+.nut-notify-ellipsis {
+  text-overflow: ellipsis;
 }
-.nut-notify-popup-bottom {
-  bottom: 0;
+.nut-notify-layout-left {
+  text-align: left;
 }
-.nut-notify-base {
-  background: var(--nutui-notify-base-background-color, var(--nutui-color-primary, #ff0f23));
+.nut-notify-left-icon, .nut-notify-right-icon {
+  display: inline-flex;
 }
-.nut-notify-primary {
-  background: var(--nutui-notify-primary-background-color, var(--nutui-color-info, #0073ff));
+.nut-notify-left-icon {
+  margin-right: 6px;
 }
-.nut-notify-success {
-  background: var(--nutui-notify-success-background-color, var(--nutui-color-success, #00d900));
+.nut-notify-left-icon .nut-icon {
+  height: 16px;
+  width: 16px;
 }
-.nut-notify-danger {
-  background: var(--nutui-notify-danger-background-color, var(--nutui-color-primary, #ff0f23));
+.nut-notify-right-icon {
+  margin-left: 6px;
 }
-.nut-notify-warning {
-  background: var(--nutui-notify-warning-background-color, var(--nutui-color-warning, #ffbf00));
+.nut-notify-right-icon .nut-icon {
+  height: 12px;
+  width: 12px;
 }

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

@@ -12,7 +12,7 @@
 /*入场动画过程*/
 .fade-enter-active {
   opacity: 1;
-  transition: opacity 1s;
+  transition: opacity 300ms ease-in;
 }
 
 /*入场动画结束*/
@@ -28,7 +28,7 @@
 /*离场动画过程*/
 .fade-exit-active {
   opacity: 0;
-  transition: opacity 1s;
+  transition: opacity 300ms ease-out;
 }
 
 /*离场动画结束*/
@@ -44,47 +44,52 @@
 /*页面第一次加载时的动画过程*/
 .fade-appear-active {
   opacity: 1;
-  transition: opacity 1s;
+  transition: opacity 300ms;
 }
 
 .nut-notify {
+  position: fixed;
+  left: 8px;
+  right: 8px;
+  z-index: 1000;
   display: flex;
-  justify-content: center;
   align-items: center;
   box-sizing: border-box;
-  padding: 0px 10px;
-  color: #ffffff;
-  font-size: 14px;
-  white-space: pre-wrap;
-  word-wrap: break-word;
   height: 40px;
+  padding: 0px 12px;
+  border-radius: 8px;
+  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
+  background-color: #ffffff;
+}
+.nut-notify-content {
+  flex: 1;
+  text-align: center;
+  min-width: 0;
+  font-size: 14px;
+  color: #1a1a1a;
+  white-space: nowrap;
+  overflow: hidden;
 }
-.nut-notify-popup-top, .nut-notify-popup-bottom {
-  position: fixed;
-  left: 0;
-  right: 0;
-  overflow-y: auto;
-  transition: transform 0.3s;
-  z-index: 9999;
-}
-.nut-notify-popup-top {
-  top: 0;
+.nut-notify-ellipsis {
+  text-overflow: ellipsis;
 }
-.nut-notify-popup-bottom {
-  bottom: 0;
+.nut-notify-layout-left {
+  text-align: left;
 }
-.nut-notify-base {
-  background: #ff0f23;
+.nut-notify-left-icon, .nut-notify-right-icon {
+  display: inline-flex;
 }
-.nut-notify-primary {
-  background: #0073ff;
+.nut-notify-left-icon {
+  margin-right: 6px;
 }
-.nut-notify-success {
-  background: #00d900;
+.nut-notify-left-icon .nut-icon {
+  height: 16px;
+  width: 16px;
 }
-.nut-notify-danger {
-  background: #ff0f23;
+.nut-notify-right-icon {
+  margin-left: 6px;
 }
-.nut-notify-warning {
-  background: #ffbf00;
+.nut-notify-right-icon .nut-icon {
+  height: 12px;
+  width: 12px;
 }

package/dist/cjs/packages/nutui.react.d.ts

@@ -310,4 +310,5 @@ import "./timedetail/timedetail.scss";
 import "./timeselect/timeselect.scss";
 import "./trendarrow/trendarrow.scss";
 import "./watermark/watermark.scss";
+export * from "../types";
 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/cjs/packages/nutui.react.js

@@ -532,3 +532,4 @@ require("./timedetail/timedetail.scss");
 require("./timeselect/timeselect.scss");
 require("./trendarrow/trendarrow.scss");
 require("./watermark/watermark.scss");
+_export_star._(require("../types"), exports);

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

@@ -384,7 +384,6 @@
 }
 
 .nut-pickerview {
-  --nutui-picker-item-height: 36px;
   position: relative;
   display: flex;
   width: 100%;
@@ -430,6 +429,9 @@
   z-index: 1;
   transform-style: preserve-3d;
 }
+.nut-pickerview-roller-placeholder {
+  height: var(--nutui-picker-item-height, 36px);
+}
 .nut-pickerview-roller-item {
   position: absolute;
   top: 0;