@nutui/nutui-react-taro 2.4.1 → 2.4.2

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.4.1 Fri Mar 15 2024 20:38:51 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.4.2 Wed Mar 20 2024 20:01:38 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -235,15 +235,15 @@
       const getStyle = React.useCallback(() => {
         const style2 = {};
         if (props.color) {
-          if (props.fill && (props.fill === "outline" || props.fill === "dashed")) {
+          if (props.fill === "outline" || props.fill === "dashed") {
             style2.color = color;
-            style2.background = "#fff";
             if (!(color == null ? void 0 : color.includes("gradient"))) {
               style2.borderColor = color;
             }
           } else {
             style2.color = "#fff";
             style2.background = color;
+            style2.borderColor = "transparent";
           }
         }
         return style2;
@@ -3837,13 +3837,13 @@
       return className2;
     };
     const getClasses = () => {
-      return `
-    ${getClass("", type2)}
-    ${getClass("justify", justify)}
-    ${getClass("align", align)}
-    ${getClass("flex", wrap)}
-    ${classPrefix$n}
-   `;
+      return classNames(
+        classPrefix$n,
+        getClass("", type2),
+        getClass("justify", justify),
+        getClass("align", align),
+        getClass("flex", wrap)
+      );
     };
     const parentRow = {
       gutter
@@ -4105,6 +4105,7 @@
     duration: 1e3
   };
   const BackTop = (props) => {
+    const rtl = useRtl();
     const { children, threshold, zIndex, className, duration, style, onClick } = {
       ...defaultProps$1k,
       ...props
@@ -4126,7 +4127,7 @@
       zIndex,
       ...style
     } : {
-      right: "10px",
+      [rtl ? "left" : "right"]: "10px",
       bottom: "20px",
       zIndex
     };
@@ -7312,14 +7313,11 @@
       }
       return range2 ? [convertDayToDate(range2)] : [];
     };
-    const [innerValue, setInnerValue] = React.useState(() => {
-      const val = value || defaultValue ? valueToRange(value || defaultValue) : [];
-      return val;
+    const [innerValue, setInnerValue] = usePropsValue({
+      value: value ? valueToRange(value) : void 0,
+      defaultValue: defaultValue ? valueToRange(defaultValue) : void 0,
+      finalValue: []
     });
-    React.useEffect(() => {
-      const val = value || defaultValue ? valueToRange(value || defaultValue) : [];
-      setInnerValue(val);
-    }, [value]);
     const change = (v) => {
       setInnerValue(v);
       if (type2 === "single") {
@@ -13873,6 +13871,7 @@
     wrap: false,
     leftIcon: /* @__PURE__ */ React.createElement(A, { size: 16 }),
     rightIcon: null,
+    right: null,
     delay: 1,
     scrollable: null,
     speed: 50
@@ -13893,6 +13892,7 @@
       wrap,
       leftIcon,
       rightIcon,
+      right: right2,
       delay,
       scrollable,
       speed,
@@ -14215,7 +14215,7 @@
       },
       children,
       content
-    )), closeable || rightIcon ? /* @__PURE__ */ React.createElement(
+    )), right2 ? /* @__PURE__ */ React.createElement(components.View, { className: "nut-noticebar-box-right" }, right2) : null, closeable || rightIcon ? /* @__PURE__ */ React.createElement(
       components.View,
       {
         className: "nut-noticebar-box-right-icon",

package/dist/packages/noticebar/noticebar.scss

@@ -59,6 +59,11 @@
       justify-content: center;
       width: $noticebar-right-icon-width;
       margin-left: $noticebar-icon-gap;
+
+      .nut-icon {
+        width: 12px;
+        height: 12px;
+      }
     }
 
     &-wrap {