@nutui/nutui-react-taro 3.0.0-beta.5 → 3.0.0-beta.7

package/dist/es/packages/toast/toast.d.ts

@@ -12,7 +12,6 @@ export interface ToastProps extends BasicComponent {
     lockScroll: boolean;
     size: ToastSize;
     icon: React.ReactNode;
-    iconSize: string;
     maskClassName?: string;
     content: React.ReactNode;
     contentClassName?: string;
@@ -21,10 +20,6 @@ export interface ToastProps extends BasicComponent {
     visible: boolean;
     wordBreak?: ToastWordBreak;
     onClose: () => void;
-    /**
-     * @deprecated Please use `content` prop instead.
-     */
-    msg: React.ReactNode;
 }
 export declare const Toast: FunctionComponent<Partial<ToastProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'content'>> & {
     show: typeof show;

package/dist/es/packages/toast/toast.js

@@ -1,3 +1,4 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
@@ -19,9 +20,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: '',
     size: 'base',
     icon: null,
-    iconSize: '20',
     content: '',
-    msg: '',
     type: 'text',
     closeOnOverlayClick: false,
     lockScroll: false,
@@ -33,7 +32,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 var classPrefix = 'nut-toast';
 // export default class Notification extends React.PureComponent<NotificationProps> {
 export var Toast = function(props) {
-    var _useParams = useParams(mergeProps(defaultProps, props)), _useParams_params = _useParams.params, id = _useParams_params.id, position = _useParams_params.position, contentStyle = _useParams_params.contentStyle, icon = _useParams_params.icon, iconSize = _useParams_params.iconSize, content = _useParams_params.content, msg = _useParams_params.msg, duration = _useParams_params.duration, type = _useParams_params.type, title = _useParams_params.title, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, lockScroll = _useParams_params.lockScroll, contentClassName = _useParams_params.contentClassName, visible = _useParams_params.visible, size = _useParams_params.size, className = _useParams_params.className, style = _useParams_params.style, onClose = _useParams_params.onClose, wordBreak = _useParams_params.wordBreak, setParams = _useParams.setParams;
+    var _useParams = useParams(mergeProps(defaultProps, props)), _useParams_params = _useParams.params, id = _useParams_params.id, position = _useParams_params.position, contentStyle = _useParams_params.contentStyle, icon = _useParams_params.icon, content = _useParams_params.content, duration = _useParams_params.duration, type = _useParams_params.type, title = _useParams_params.title, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, lockScroll = _useParams_params.lockScroll, contentClassName = _useParams_params.contentClassName, visible = _useParams_params.visible, size = _useParams_params.size, className = _useParams_params.className, style = _useParams_params.style, onClose = _useParams_params.onClose, wordBreak = _useParams_params.wordBreak, setParams = _useParams.setParams;
     var timer = useRef(-1);
     var rtl = useRtl();
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -102,23 +101,10 @@ export var Toast = function(props) {
             return icon;
         }
         return ({
-            success: /*#__PURE__*/ React.createElement(Success, {
-                className: "nut-toast-icon",
-                color: "#ffffff",
-                size: iconSize
-            }),
-            fail: /*#__PURE__*/ React.createElement(Failure, {
-                color: "#ffffff",
-                size: iconSize
-            }),
-            warn: /*#__PURE__*/ React.createElement(Tips, {
-                color: "#ffffff",
-                size: iconSize
-            }),
-            loading: /*#__PURE__*/ React.createElement(Loading, {
-                color: "#ffffff",
-                size: iconSize
-            })
+            success: /*#__PURE__*/ React.createElement(Success, null),
+            fail: /*#__PURE__*/ React.createElement(Failure, null),
+            warn: /*#__PURE__*/ React.createElement(Tips, null),
+            loading: /*#__PURE__*/ React.createElement(Loading, null)
         })[type];
     };
     var classes = classNames({
@@ -142,15 +128,15 @@ export var Toast = function(props) {
         className: "".concat(classPrefix, " ").concat(classes),
         id: id
     }, /*#__PURE__*/ React.createElement(View, {
-        className: "".concat(classPrefix, "-inner ").concat(classPrefix, "-").concat(position, " ").concat(contentClassName, " ").concat(classPrefix, "-inner-").concat(size, " ").concat(classPrefix, "-inner-").concat(wordBreak),
+        className: classNames("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix, "-inner-descrption"), content)),
         style: _object_spread({}, styles, contentStyle)
     }, hasIcon() ? /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-icon-wrapper")
     }, iconName()) : null, title ? /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, "-title")
-    }, title) : null, /*#__PURE__*/ React.createElement(Text, {
-        className: "".concat(classPrefix, "-text  ").concat(content ? '' : "".concat(classPrefix, "-text-empty"))
-    }, content || msg)))) : null);
+    }, title) : null, content ? /*#__PURE__*/ React.createElement(Text, {
+        className: "".concat(classPrefix, "-text")
+    }, content) : null))) : null);
 };
 export function show(selector, options) {
     // eslint-disable-next-line react-hooks/rules-of-hooks

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;
@@ -492,6 +493,8 @@
   justify-content: center;
   padding: var(--nutui-popover-menu-item-padding, 8px);
   border-bottom: 1px solid var(--nutui-popover-divider-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  max-width: var(--nutui-popover-menu-item-width, 160px);
+  word-wrap: break-word;
 }
 .nut-popover .nut-popover-content .nut-popover-menu-item:last-child {
   margin-bottom: 0px;
@@ -517,9 +520,10 @@
   font-size: 12px;
 }
 .nut-popover .nut-popover-content .nut-popover-menu-item-name {
-  width: 100%;
+  width: calc(100% - 34px);
   word-break: keep-all;
   margin: 0 6px 0 4px;
+  flex: 1;
 }
 .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
   display: flex;
@@ -590,9 +594,18 @@
   background: var(--nutui-popover-text-color, #1a1a1a);
   color: var(--nutui-popover-content-background-color, #ffffff);
 }
-.nut-popover-dark .nut-popover-arrow {
+.nut-popover-dark .nut-popover-arrow-top {
+  border-top-color: var(--nutui-popover-text-color, #1a1a1a);
+}
+.nut-popover-dark .nut-popover-arrow-bottom {
   border-bottom-color: var(--nutui-popover-text-color, #1a1a1a);
 }
+.nut-popover-dark .nut-popover-arrow-left {
+  border-left-color: var(--nutui-popover-text-color, #1a1a1a);
+}
+.nut-popover-dark .nut-popover-arrow-right {
+  border-right-color: var(--nutui-popover-text-color, #1a1a1a);
+}
 .nut-popover-dark .nut-popover-content {
   background: var(--nutui-popover-text-color, #1a1a1a) !important;
   color: var(--nutui-popover-content-background-color, #ffffff) !important;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-trendarrow {
   display: flex;
   flex-direction: row;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-progress {
   display: flex;
   align-items: center;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-video {
   width: 100%;
   height: 100%;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-horizontal-items {
   float: left;
 }

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-watermark {
   position: absolute;
   z-index: var(--nutui-watermark-z-index, 1200);