@nutui/nutui-react 2.4.1 → 2.5.0

package/dist/esm/nutui-react.es.js

@@ -1,100 +1,198 @@
+export * from "./Button.js";
 import { default as default2 } from "./Button.js";
+export * from "./Cell.js";
 import { default as default3 } from "./Cell.js";
+export * from "./CellGroup.js";
 import { default as default4 } from "./CellGroup.js";
+export * from "./ConfigProvider.js";
 import { default as default5 } from "./ConfigProvider.js";
+export * from "./Image.js";
 import { default as default6 } from "./Image.js";
+export * from "./Overlay.js";
 import { default as default7 } from "./Overlay.js";
+export * from "./Col.js";
 import { default as default8 } from "./Col.js";
+export * from "./Divider.js";
 import { default as default9 } from "./Divider.js";
+export * from "./Grid.js";
 import { default as default10 } from "./Grid.js";
+export * from "./GridItem.js";
 import { default as default11 } from "./GridItem.js";
+export * from "./Layout.js";
 import { default as default12 } from "./Layout.js";
+export * from "./Row.js";
 import { default as default13 } from "./Row.js";
+export * from "./Space.js";
 import { default as default14 } from "./Space.js";
+export * from "./Sticky.js";
 import { default as default15 } from "./Sticky.js";
+export * from "./SafeArea.js";
 import { default as default16 } from "./SafeArea.js";
+export * from "./BackTop.js";
 import { default as default17 } from "./BackTop.js";
+export * from "./Elevator.js";
 import { default as default18 } from "./Elevator.js";
+export * from "./FixedNav.js";
 import { default as default19 } from "./FixedNav.js";
+export * from "./NavBar.js";
 import { default as default20 } from "./NavBar.js";
+export * from "./SideNavBar.js";
 import { default as default21 } from "./SideNavBar.js";
+export * from "./SideNavBarItem.js";
 import { default as default22 } from "./SideNavBarItem.js";
+export * from "./SubSideNavBar.js";
 import { default as default23 } from "./SubSideNavBar.js";
+export * from "./Tabbar.js";
 import { default as default24 } from "./Tabbar.js";
+export * from "./TabbarItem.js";
 import { default as default25 } from "./TabbarItem.js";
+export * from "./TabPane.js";
 import { default as default26 } from "./TabPane.js";
+export * from "./Tabs.js";
 import { default as default27 } from "./Tabs.js";
+export * from "./Address.js";
 import { default as default28 } from "./Address.js";
+export * from "./Calendar.js";
 import { default as default29 } from "./Calendar.js";
+export * from "./CalendarItem.js";
 import { default as default30 } from "./CalendarItem.js";
+export * from "./CalendarCard.js";
 import { default as default31 } from "./CalendarCard.js";
+export * from "./Cascader.js";
 import { default as default32 } from "./Cascader.js";
+export * from "./Checkbox.js";
 import { default as default33 } from "./Checkbox.js";
+export * from "./CheckboxGroup.js";
 import { default as default34 } from "./CheckboxGroup.js";
+export * from "./DatePicker.js";
 import { default as default35 } from "./DatePicker.js";
+export * from "./Form.js";
 import { default as default36 } from "./Form.js";
+export * from "./FormItem.js";
 import { default as default37 } from "./FormItem.js";
+export * from "./Input.js";
 import { default as default38 } from "./Input.js";
+export * from "./InputNumber.js";
 import { default as default39 } from "./InputNumber.js";
+export * from "./Menu.js";
 import { default as default40 } from "./Menu.js";
+export * from "./MenuItem.js";
 import { default as default41 } from "./MenuItem.js";
+export * from "./NumberKeyboard.js";
 import { default as default42 } from "./NumberKeyboard.js";
+export * from "./Picker.js";
 import { default as default43 } from "./Picker.js";
+export * from "./Radio.js";
 import { default as default44 } from "./Radio.js";
+export * from "./RadioGroup.js";
 import { default as default45 } from "./RadioGroup.js";
+export * from "./Range.js";
 import { default as default46 } from "./Range.js";
+export * from "./Rate.js";
 import { default as default47 } from "./Rate.js";
+export * from "./SearchBar.js";
 import { default as default48 } from "./SearchBar.js";
+export * from "./ShortPassword.js";
 import { default as default49 } from "./ShortPassword.js";
+export * from "./Signature.js";
 import { default as default50 } from "./Signature.js";
+export * from "./Switch.js";
 import { default as default51 } from "./Switch.js";
+export * from "./TextArea.js";
 import { default as default52 } from "./TextArea.js";
+export * from "./Uploader.js";
 import { default as default53 } from "./Uploader.js";
+export * from "./ActionSheet.js";
 import { default as default54 } from "./ActionSheet.js";
+export * from "./Badge.js";
 import { default as default55 } from "./Badge.js";
+export * from "./Dialog.js";
 import { default as default56 } from "./Dialog.js";
+export * from "./Drag.js";
 import { default as default57 } from "./Drag.js";
+export * from "./Empty.js";
 import { default as default58 } from "./Empty.js";
+export * from "./InfiniteLoading.js";
 import { default as default59 } from "./InfiniteLoading.js";
+export * from "./Loading.js";
 import { default as default60 } from "./Loading.js";
+export * from "./NoticeBar.js";
 import { default as default61 } from "./NoticeBar.js";
+export * from "./Notify.js";
 import { default as default62 } from "./Notify.js";
+export * from "./Popover.js";
 import { default as default63 } from "./Popover.js";
+export * from "./Popup.js";
 import { default as default64 } from "./Popup.js";
+export * from "./PullToRefresh.js";
 import { default as default65 } from "./PullToRefresh.js";
+export * from "./Skeleton.js";
 import { default as default66 } from "./Skeleton.js";
+export * from "./Swipe.js";
 import { default as default67 } from "./Swipe.js";
+export * from "./Toast.js";
 import { default as default68 } from "./Toast.js";
+export * from "./Animate.js";
 import { default as default69 } from "./Animate.js";
+export * from "./AnimatingNumbers.js";
 import { default as default70 } from "./AnimatingNumbers.js";
+export * from "./Audio.js";
 import { default as default71 } from "./Audio.js";
+export * from "./Avatar.js";
 import { default as default72 } from "./Avatar.js";
+export * from "./AvatarGroup.js";
 import { default as default73 } from "./AvatarGroup.js";
+export * from "./CircleProgress.js";
 import { default as default74 } from "./CircleProgress.js";
+export * from "./Collapse.js";
 import { default as default75 } from "./Collapse.js";
+export * from "./CollapseItem.js";
 import { default as default76 } from "./CollapseItem.js";
+export * from "./CountDown.js";
 import { default as default77 } from "./CountDown.js";
+export * from "./Ellipsis.js";
 import { default as default78 } from "./Ellipsis.js";
+export * from "./ImagePreview.js";
 import { default as default79 } from "./ImagePreview.js";
+export * from "./Indicator.js";
 import { default as default80 } from "./Indicator.js";
+export * from "./Pagination.js";
 import { default as default81 } from "./Pagination.js";
+export * from "./Price.js";
 import { default as default82 } from "./Price.js";
+export * from "./Progress.js";
 import { default as default83 } from "./Progress.js";
+export * from "./Step.js";
 import { default as default84 } from "./Step.js";
+export * from "./Steps.js";
 import { default as default85 } from "./Steps.js";
+export * from "./Swiper.js";
 import { default as default86 } from "./Swiper.js";
+export * from "./SwiperItem.js";
 import { default as default87 } from "./SwiperItem.js";
+export * from "./Table.js";
 import { default as default88 } from "./Table.js";
+export * from "./Tag.js";
 import { default as default89 } from "./Tag.js";
+export * from "./Tour.js";
 import { default as default90 } from "./Tour.js";
+export * from "./Video.js";
 import { default as default91 } from "./Video.js";
+export * from "./VirtualList.js";
 import { default as default92 } from "./VirtualList.js";
+export * from "./Barrage.js";
 import { default as default93 } from "./Barrage.js";
+export * from "./Card.js";
 import { default as default94 } from "./Card.js";
+export * from "./TimeDetail.js";
 import { default as default95 } from "./TimeDetail.js";
+export * from "./TimeSelect.js";
 import { default as default96 } from "./TimeSelect.js";
+export * from "./TrendArrow.js";
 import { default as default97 } from "./TrendArrow.js";
+export * from "./WaterMark.js";
 import { default as default98 } from "./WaterMark.js";
+export * from "./AvatarCropper.js";
 import { default as default99 } from "./AvatarCropper.js";
 export {
   default54 as ActionSheet,

package/dist/esm/popup2.js

@@ -4,7 +4,7 @@ import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react";
 import { d as defaultOverlayProps, u as useLockScroll } from "./overlay2.js";
-import Overlay from "./Overlay.js";
+import Overlay__default from "./Overlay.js";
 import { C as ComponentDefaults } from "./typings.js";
 const defaultProps = Object.assign(Object.assign(Object.assign({}, ComponentDefaults), { position: "center", transition: "", overlayStyle: {}, overlayClassName: "", closeable: false, closeIconPosition: "top-right", closeIcon: "close", destroyOnClose: false, portal: null, overlay: true, round: false, onOpen: () => {
 }, onClose: () => {
@@ -125,7 +125,7 @@ const Popup = (props) => {
     return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(
       React__default.Fragment,
       null,
-      React__default.createElement(Overlay, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick, lockScroll, duration, onClick: onHandleClickOverlay }),
+      React__default.createElement(Overlay__default, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick, lockScroll, duration, onClick: onHandleClickOverlay }),
       renderPop()
     ) : React__default.createElement(React__default.Fragment, null, renderPop()));
   };

package/dist/esm/radio2.js

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useContext } from "react";
 import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react";
 import classNames from "classnames";
-import RadioGroup from "./RadioGroup.js";
+import RadioGroup__default from "./RadioGroup.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
 const RadioContext = React__default.createContext(null);
@@ -88,7 +88,7 @@ const Radio = (props) => {
 };
 Radio.defaultProps = defaultProps;
 Radio.displayName = "NutRadio";
-Radio.Group = RadioGroup;
+Radio.Group = RadioGroup__default;
 export {
   Radio as R,
   RadioContext as a

package/dist/esm/tabs2.js

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react";
 import { C as ComponentDefaults } from "./typings.js";
-import TabPane from "./TabPane.js";
+import TabPane__default from "./TabPane.js";
 import { r as requestAniFrame } from "./raf.js";
 import { u as usePropsValue, a as useForceUpdate } from "./use-props-value.js";
 import { a as useRtl } from "./configprovider2.js";
@@ -155,7 +155,7 @@ const Tabs = (props) => {
 };
 Tabs.defaultProps = defaultProps;
 Tabs.displayName = "NutTabs";
-Tabs.TabPane = TabPane;
+Tabs.TabPane = TabPane__default;
 export {
   Tabs as T
 };

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.4.1 Fri Mar 15 2024 20:52:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.5.0 Fri Mar 22 2024 19:36:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.4.1 Fri Mar 15 2024 20:52:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.5.0 Fri Mar 22 2024 19:36:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.4.1 Fri Mar 15 2024 20:52:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.5.0 Fri Mar 22 2024 19:36:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.4.1 Fri Mar 15 2024 20:52:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.5.0 Fri Mar 22 2024 19:36:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.4.1 Fri Mar 15 2024 20:52:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.5.0 Fri Mar 22 2024 19:36:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.4.1 Fri Mar 15 2024 20:52:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.5.0 Fri Mar 22 2024 19:36:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.4.1 Fri Mar 15 2024 20:52:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.5.0 Fri Mar 22 2024 19:36:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @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.
 */
@@ -1164,15 +1164,15 @@ const Button = React__default.forwardRef(
     const getStyle = 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;
@@ -2398,6 +2398,9 @@ const defaultConfigRef = {
     locale: zhCN
   }
 };
+const setDefaultConfig = (config2) => {
+  defaultConfigRef.current = config2;
+};
 const getDefaultConfig = () => {
   return defaultConfigRef.current;
 };
@@ -4874,13 +4877,13 @@ const Row = (props) => {
     return className2;
   };
   const getClasses = () => {
-    return `
-    ${getClass("", type4)}
-    ${getClass("justify", justify)}
-    ${getClass("align", align)}
-    ${getClass("flex", wrap)}
-    ${classPrefix$m}
-   `;
+    return classNames(
+      classPrefix$m,
+      getClass("", type4),
+      getClass("justify", justify),
+      getClass("align", align),
+      getClass("flex", wrap)
+    );
   };
   const parentRow = {
     gutter
@@ -5130,6 +5133,7 @@ const defaultProps$1i = {
   duration: 1e3
 };
 const BackTop = (props) => {
+  const rtl = useRtl();
   const {
     children,
     target,
@@ -5215,7 +5219,7 @@ const BackTop = (props) => {
     zIndex,
     ...style
   } : {
-    right: "10px",
+    [rtl ? "left" : "right"]: "10px",
     bottom: "20px",
     zIndex
   };
@@ -12068,8 +12072,8 @@ const CustomRender = (props) => {
       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
@@ -13413,14 +13417,11 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     }
     return range3 ? [convertDayToDate(range3)] : [];
   };
-  const [innerValue, setInnerValue] = 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: []
   });
-  useEffect(() => {
-    const val = value || defaultValue ? valueToRange(value || defaultValue) : [];
-    setInnerValue(val);
-  }, [value]);
   const change = (v) => {
     setInnerValue(v);
     if (type4 === "single") {
@@ -16799,11 +16800,13 @@ const MenuItem = forwardRef((props, ref) => {
   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
+        });
+      }
     });
   };
   useEffect(() => {
@@ -19473,7 +19476,7 @@ const defaultProps$E = {
   disableConfirmButton: false,
   footerDirection: "horizontal",
   lockScroll: true,
-  closeIconPosition: "top-right",
+  closeIconPosition: "bottom",
   closeIcon: false,
   beforeCancel: () => true,
   beforeClose: () => true
@@ -19958,6 +19961,7 @@ const defaultProps$z = {
   wrap: false,
   leftIcon: /* @__PURE__ */ React__default.createElement(r, { width: 16, height: 16 }),
   rightIcon: null,
+  right: null,
   delay: 1,
   scrollable: null,
   speed: 50
@@ -19978,6 +19982,7 @@ const NoticeBar = (props) => {
     wrap,
     leftIcon,
     rightIcon,
+    right,
     delay,
     scrollable,
     speed,
@@ -20293,7 +20298,7 @@ const NoticeBar = (props) => {
     },
     children,
     content
-  )), closeable || rightIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React__default.createElement(r$2, { width: 12, height: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React__default.createElement(
+  )), right ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-right" }, right) : null, closeable || rightIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React__default.createElement(r$2, { width: 12, height: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: "nut-noticebar-vertical",
@@ -22794,6 +22799,7 @@ const defaultProps$h = {
   className: ""
 };
 const Swiper = React__default.forwardRef((props, ref) => {
+  const rtl = useRtl();
   const mergedProps = { ...defaultProps$h, ...props };
   const {
     children,
@@ -23004,7 +23010,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     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)
@@ -23063,7 +23069,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     }
     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;
   };
@@ -24480,7 +24486,7 @@ const VirtualList = (props) => {
             "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 }
             },
@@ -25494,5 +25500,9 @@ export {
   Uploader,
   Video,
   VirtualList,
-  WaterMark
+  WaterMark,
+  getDefaultConfig,
+  setDefaultConfig,
+  useConfig,
+  useRtl
 };