@nutui/nutui-react-taro 2.4.1 → 2.5.0

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.5.0 Fri Mar 22 2024 19:33:37 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;
@@ -1464,6 +1464,9 @@
       direction: "ltr"
     }
   };
+  const setDefaultConfig = (config2) => {
+    defaultConfigRef$1.current = config2;
+  };
   const getDefaultConfig$1 = () => {
     return defaultConfigRef$1.current;
   };
@@ -3837,13 +3840,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 +4108,7 @@
     duration: 1e3
   };
   const BackTop = (props) => {
+    const rtl = useRtl();
     const { children, threshold, zIndex, className, duration, style, onClick } = {
       ...defaultProps$1k,
       ...props
@@ -4126,7 +4130,7 @@
       zIndex,
       ...style
     } : {
-      right: "10px",
+      [rtl ? "left" : "right"]: "10px",
       bottom: "20px",
       zIndex
     };
@@ -6035,8 +6039,8 @@
         onClose: () => {
           onClose == null ? void 0 : onClose();
         },
-        onChange: (val) => {
-          onChange == null ? void 0 : onChange(val);
+        onChange: (val, params) => {
+          onChange == null ? void 0 : onChange(val, params);
         },
         onPathChange,
         ...rest
@@ -7312,14 +7316,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") {
@@ -13329,7 +13330,7 @@
     disableConfirmButton: false,
     footerDirection: "horizontal",
     lockScroll: true,
-    closeIconPosition: "top-right",
+    closeIconPosition: "bottom",
     closeIcon: false,
     beforeCancel: () => true,
     beforeClose: () => true,
@@ -13873,6 +13874,7 @@
     wrap: false,
     leftIcon: /* @__PURE__ */ React.createElement(A, { size: 16 }),
     rightIcon: null,
+    right: null,
     delay: 1,
     scrollable: null,
     speed: 50
@@ -13893,6 +13895,7 @@
       wrap,
       leftIcon,
       rightIcon,
+      right: right2,
       delay,
       scrollable,
       speed,
@@ -14215,7 +14218,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",
@@ -16427,6 +16430,9 @@
             bsize * 0.4,
             bsize * 0.75
           ];
+          if (rootContain.current) {
+            rootContain.current.style.fontSize = `${bsize}px`;
+          }
           calcEllipse();
         }
       ).exec();
@@ -16671,7 +16677,8 @@
     indicator: false,
     autoPlay: false,
     loop: false,
-    defaultValue: 0
+    defaultValue: 0,
+    style: {}
   };
   const classPrefix$4 = "nut-swiper";
   const Swiper = React.forwardRef((props, ref) => {
@@ -16687,6 +16694,7 @@
       direction,
       defaultValue,
       onChange,
+      style,
       ...rest
     } = {
       ...defaultProps$i,
@@ -16750,6 +16758,7 @@
       {
         className: classNames(classPrefix$4, className),
         style: {
+          ...style,
           width: !width ? "100%" : pxCheck(width),
           height: !height ? "150px" : pxCheck(height)
         }
@@ -17659,7 +17668,7 @@
       },
       children && /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-text` }, children),
       React.isValidElement(closeIcon) ? /* @__PURE__ */ React.createElement(
-        "i",
+        components.View,
         {
           className: `${classPrefix2}-custom-icon`,
           onClick: (e2) => {
@@ -19356,5 +19365,9 @@
   exports2.Video = Video;
   exports2.VirtualList = VirtualList;
   exports2.WaterMark = WaterMark;
+  exports2.getDefaultConfig = getDefaultConfig$1;
+  exports2.setDefaultConfig = setDefaultConfig;
+  exports2.useConfig = useConfig$1;
+  exports2.useRtl = useRtl;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });

package/dist/packages/dialog/dialog.scss

@@ -42,6 +42,11 @@
     align-items: center;
     top: $dialog-close-top;
     color: $dialog-close-color;
+    .nut-icon {
+      font-size: 24px;
+      height: 24px;
+      width: 24px;
+    }
 
     &-top-right {
       right: $dialog-close-right;

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 {

package/dist/packages/popover/popover.scss

@@ -100,11 +100,11 @@
         border-bottom: none;
       }
 
-      &:hover {
-        cursor: pointer;
-        color: $popover-hover-text-color;
-        background-color: $popover-hover-background-color;
-      }
+      // &:hover:not(:only-child) {
+      //   cursor: pointer;
+      //   color: $popover-hover-text-color;
+      //   background-color: $popover-hover-background-color;
+      // }
 
       &:hover:nth-of-type(2) {
         border-radius: 8px 8px 0px 0px;
@@ -121,17 +121,20 @@
         width: 12px;
         height: 12px;
         font-size: 12px;
+        .nut-icon {
+          width: 12px;
+          height: 12px;
+          font-size: 12px;
+        }
       }
 
       &-name {
         width: 100%;
         word-break: keep-all;
-        margin-left: 4px;
+        margin: 0 6px 0 4px;
       }
 
       &-action-icon {
-        position: absolute;
-        right: $popover-menu-item-padding;
         display: flex;
         justify-content: center;
         align-items: center;

package/dist/packages/virtuallist/virtuallist.scss

@@ -34,29 +34,10 @@
   }
 }
 
-.nut-virtualList-demo-item {
-  height: 100px;
-}
-
 .nut-virtualList-box {
   overflow: auto;
 }
 
-.nut-virtualList-demo-box {
-  .heigh1 {
-    height: 500px;
-  }
-
-  &.hideScrollbar {
-    .nut-virtualList-box {
-      &::-webkit-scrollbar {
-        width: 0px;
-        height: 0px;
-      }
-    }
-  }
-}
-
 .nut-virtuallist {
   width: 100%;
   overflow: scroll;