@nutui/nutui-react 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("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.4.1 Fri Mar 15 2024 20:51:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.5.0 Fri Mar 22 2024 19:35:51 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1182,15 +1182,15 @@ Check the top-level render call using <` + t2 + ">.");
       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;
@@ -2416,6 +2416,9 @@ Check the top-level render call using <` + t2 + ">.");
       locale: zhCN
     }
   };
+  const setDefaultConfig = (config2) => {
+    defaultConfigRef.current = config2;
+  };
   const getDefaultConfig = () => {
     return defaultConfigRef.current;
   };
@@ -4892,13 +4895,13 @@ Check the top-level render call using <` + t2 + ">.");
       return className2;
     };
     const getClasses = () => {
-      return `
-    ${getClass("", type2)}
-    ${getClass("justify", justify)}
-    ${getClass("align", align)}
-    ${getClass("flex", wrap)}
-    ${classPrefix$m}
-   `;
+      return classNames(
+        classPrefix$m,
+        getClass("", type2),
+        getClass("justify", justify),
+        getClass("align", align),
+        getClass("flex", wrap)
+      );
     };
     const parentRow = {
       gutter
@@ -5148,6 +5151,7 @@ Check the top-level render call using <` + t2 + ">.");
     duration: 1e3
   };
   const BackTop = (props) => {
+    const rtl = useRtl();
     const {
       children,
       target,
@@ -5233,7 +5237,7 @@ Check the top-level render call using <` + t2 + ">.");
       zIndex,
       ...style
     } : {
-      right: "10px",
+      [rtl ? "left" : "right"]: "10px",
       bottom: "20px",
       zIndex
     };
@@ -12086,8 +12090,8 @@ Please add \`${key}Action\` when creating your handler.`);
         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
@@ -13431,14 +13435,11 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       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") {
@@ -16817,11 +16818,13 @@ Please add \`${key}Action\` when creating your handler.`);
     const getParentOffset = () => {
       setTimeout(() => {
         const p = parent.menuRef.current;
-        const rect = p.getBoundingClientRect();
-        setPosition({
-          height: rect.height,
-          top: rect.top
-        });
+        if (p) {
+          const rect = p.getBoundingClientRect();
+          setPosition({
+            height: rect.height,
+            top: rect.top
+          });
+        }
       });
     };
     React.useEffect(() => {
@@ -19491,7 +19494,7 @@ Please add \`${key}Action\` when creating your handler.`);
     disableConfirmButton: false,
     footerDirection: "horizontal",
     lockScroll: true,
-    closeIconPosition: "top-right",
+    closeIconPosition: "bottom",
     closeIcon: false,
     beforeCancel: () => true,
     beforeClose: () => true
@@ -19976,6 +19979,7 @@ Please add \`${key}Action\` when creating your handler.`);
     wrap: false,
     leftIcon: /* @__PURE__ */ React.createElement(r, { width: 16, height: 16 }),
     rightIcon: null,
+    right: null,
     delay: 1,
     scrollable: null,
     speed: 50
@@ -19996,6 +20000,7 @@ Please add \`${key}Action\` when creating your handler.`);
       wrap,
       leftIcon,
       rightIcon,
+      right,
       delay,
       scrollable,
       speed,
@@ -20311,7 +20316,7 @@ Please add \`${key}Action\` when creating your handler.`);
       },
       children,
       content
-    )), closeable || rightIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React.createElement(r$2, { width: 12, height: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React.createElement(
+    )), right ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right" }, right) : null, closeable || rightIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React.createElement(r$2, { width: 12, height: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "nut-noticebar-vertical",
@@ -22812,6 +22817,7 @@ Please add \`${key}Action\` when creating your handler.`);
     className: ""
   };
   const Swiper = React.forwardRef((props, ref) => {
+    const rtl = useRtl();
     const mergedProps = { ...defaultProps$h, ...props };
     const {
       children,
@@ -23022,7 +23028,7 @@ Please add \`${key}Action\` when creating your handler.`);
       target.style.transitionDuration = `${swiperRef.current.moving ? 0 : props.duration}ms`;
       target.style[isVertical ? "height" : "width"] = `${Number(size) * swiperItemCount}px`;
       target.style[isVertical ? "width" : "height"] = `${isVertical ? width : height}px`;
-      target.style.transform = `translate3D${!isVertical ? `(${_offset}px,0,0)` : `(0,${_offset}px,0)`}`;
+      target.style.transform = `translate3D${!isVertical ? `(${rtl ? -_offset : _offset}px,0,0)` : `(0,${_offset}px,0)`}`;
     };
     const onTouchStart = (e2) => {
       if (!props.touchable)
@@ -23081,7 +23087,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       const offset2 = childOffset[index];
       if (offset2) {
-        style.transform = `translate3D${direction === "horizontal" ? `(${offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
+        style.transform = `translate3D${direction === "horizontal" ? `(${rtl ? -offset2 : offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
       }
       return style;
     };
@@ -24498,7 +24504,7 @@ Please add \`${key}Action\` when creating your handler.`);
               "li",
               {
                 "data-index": `${dataIndex}`,
-                className: dataIndex % 2 === 0 ? "nut-virtuallist-item even" : "nut-virtuallist-item odd",
+                className: "nut-virtuallist-item",
                 key: `${keyVal}`,
                 style: { display: styleVal }
               },
@@ -25512,5 +25518,9 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Video = Video;
   exports2.VirtualList = VirtualList;
   exports2.WaterMark = WaterMark;
+  exports2.getDefaultConfig = getDefaultConfig;
+  exports2.setDefaultConfig = setDefaultConfig;
+  exports2.useConfig = useConfig;
+  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;