@nutui/nutui-react 2.3.12 → 2.4.0

package/dist/esm/types/src/packages/toast/toast.taro.d.ts

@@ -8,9 +8,9 @@ export interface ToastProps extends BasicComponent {
     maskClassName?: string;
     contentClassName?: string;
     contentStyle?: React.CSSProperties;
-    icon: string | React.ReactNode;
+    icon: React.ReactNode;
     iconSize: string;
-    msg: string | React.ReactNode;
+    content: React.ReactNode;
     duration: number;
     position?: ToastPositionType;
     type: string;
@@ -21,8 +21,12 @@ export interface ToastProps extends BasicComponent {
     visible: boolean;
     wordBreak?: ToastWordBreakType;
     onClose: () => void;
+    /**
+     * @deprecated Please use `content` prop instead.
+     */
+    msg: React.ReactNode;
 }
-export declare const Toast: FunctionComponent<Partial<ToastProps> & React.HTMLAttributes<HTMLDivElement>> & {
+export declare const Toast: FunctionComponent<Partial<ToastProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'content'>> & {
     show: typeof show;
     hide: typeof hide;
 };

package/dist/esm/types/src/packages/tour/tour.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { PopoverLocation } from '@/packages/popover/popover';
+import { PopoverLocation } from '@/packages/popover/types';
 import { BasicComponent } from '@/utils/typings';
 export interface ListOptions {
     target: Element | string;

package/dist/esm/types/src/packages/tour/tour.taro.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { PopoverLocation } from '@/packages/popover/index.taro';
+import { PopoverLocation } from '@/packages/popover/types';
 import { BasicComponent } from '@/utils/typings';
 export interface ListOptions {
     target: Element | string;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.12 Fri Mar 01 2024 16:09:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:23:07 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.3.12 Fri Mar 01 2024 16:09:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:23:07 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.3.12 Fri Mar 01 2024 16:09:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:23:07 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.3.12 Fri Mar 01 2024 16:09:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:23:07 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.3.12 Fri Mar 01 2024 16:09:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:23:07 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.3.12 Fri Mar 01 2024 16:09:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:23:07 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.3.12 Fri Mar 01 2024 16:09:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:23:07 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.3.12 Fri Mar 01 2024 16:09:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:22:38 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11117,6 +11117,7 @@ const defaultProps$1b = {
 };
 const Badge = (props) => {
   var _a;
+  const rtl = useRtl();
   const { className, style, value, max, children, dot, top, right, color } = {
     ...defaultProps$1b,
     ...props
@@ -11154,7 +11155,8 @@ const Badge = (props) => {
   const getStyle = () => {
     const style2 = {};
     style2.top = `${Number(top) || parseFloat(String(top)) || 0}px`;
-    style2.right = `${Number(right) || parseFloat(String(right)) || 0}px`;
+    const dir = rtl ? "left" : "right";
+    style2[dir] = `${Number(right) || parseFloat(String(right)) || 0}px`;
     style2.background = color;
     return style2;
   };
@@ -13663,6 +13665,7 @@ const Context$1 = CheckboxGroupContext;
 const defaultProps$$ = {
   max: void 0,
   min: void 0,
+  list: false,
   labelPosition: "right",
   direction: "vertical",
   onChange: (value) => {
@@ -13678,6 +13681,7 @@ const CheckboxGroup = React__default.forwardRef(
       children,
       className,
       disabled,
+      list,
       onChange,
       value,
       defaultValue,
@@ -13741,6 +13745,7 @@ const CheckboxGroup = React__default.forwardRef(
           labelPosition: labelPosition || "right",
           disabled,
           max,
+          list,
           onLimit,
           value: _value,
           check: (value2) => {
@@ -13767,7 +13772,8 @@ const CheckboxGroup = React__default.forwardRef(
           className: classNames(
             classPrefix$i,
             {
-              [`nut-checkboxgroup-${props.direction}`]: props.direction
+              [`nut-checkboxgroup-${props.direction}`]: props.direction,
+              [`nut-checkboxgroup-list`]: list
             },
             className
           ),
@@ -13910,7 +13916,13 @@ const Checkbox = (props) => {
       innerChecked && activeIcon ? /* @__PURE__ */ React__default.createElement("div", { className: classNames(`${classPrefix$h}-button-icon`) }, activeIcon) : null
     );
   };
+  const renderListItem = () => {
+    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$h}-list-item` }, renderLabel(), renderIcon());
+  };
   const renderCheckboxItem = () => {
+    if (ctx2 == null ? void 0 : ctx2.list) {
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderListItem());
+    }
     if (shape === "button") {
       return renderButton();
     }
@@ -14667,7 +14679,7 @@ const DatePicker = (props) => {
       } else {
         cmin++;
       }
-      if (cmin <= val) {
+      if (cmin <= Number(val)) {
         index++;
       }
     }
@@ -16535,7 +16547,7 @@ const InputNumber = (props) => {
       );
       const nextValue = bound2(shouldOverBoundary, Number(min), Number(max));
       setShadowValue(nextValue);
-      if (negative ? shouldOverBoundary < min : shouldOverBoundary > max) {
+      if (negative ? shouldOverBoundary < Number(min) : shouldOverBoundary > Number(max)) {
         onOverlimit == null ? void 0 : onOverlimit(e2);
       } else {
         onChange == null ? void 0 : onChange(nextValue, e2);
@@ -19050,7 +19062,7 @@ const InternalUploader = (props, ref) => {
   const handleItemClick = (file, index) => {
     onFileItemClick == null ? void 0 : onFileItemClick(file, index);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(
     "input",
     {
       className: "nut-uploader-input",
@@ -19075,7 +19087,7 @@ const InternalUploader = (props, ref) => {
         children
       }
     }
-  ), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
+  ), Number(maxCount) > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: classNames("nut-uploader-upload", previewType, {
@@ -19260,7 +19272,7 @@ const confirm = (config2, renderFunc) => {
     const ret = _onConfirm == null ? void 0 : _onConfirm();
     if (ret && ret.then) {
       renderFunction(dialogConfig);
-      ret.then(
+      return ret.then(
         () => {
           onCancel(true);
         },
@@ -19461,6 +19473,7 @@ const BaseDialog = (props, ref) => {
     ...restProps
   } = props;
   const classPrefix2 = "nut-dialog";
+  const [loading, setLoading] = useState(false);
   const renderFooter = () => {
     if (footer === null)
       return "";
@@ -19473,10 +19486,16 @@ const BaseDialog = (props, ref) => {
       onClose == null ? void 0 : onClose();
       onCancel == null ? void 0 : onCancel();
     };
-    const handleOk = (e2) => {
+    const handleOk = async (e2) => {
       e2.stopPropagation();
-      onClose == null ? void 0 : onClose();
-      onConfirm == null ? void 0 : onConfirm(e2);
+      setLoading(true);
+      try {
+        await (onConfirm == null ? void 0 : onConfirm(e2));
+        setLoading(false);
+        onClose == null ? void 0 : onClose();
+      } catch {
+        setLoading(false);
+      }
     };
     return footer || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !hideCancelButton && /* @__PURE__ */ React__default.createElement(
       Button,
@@ -19494,7 +19513,8 @@ const BaseDialog = (props, ref) => {
           disabled: disableConfirmButton
         }),
         disabled: disableConfirmButton,
-        onClick: (e2) => handleOk(e2)
+        onClick: (e2) => handleOk(e2),
+        loading
       },
       confirmText || locale.confirm
     ));
@@ -19899,6 +19919,7 @@ Loading.defaultProps = defaultProps$A;
 Loading.displayName = "NutLoading";
 const defaultProps$z = {
   ...ComponentDefaults,
+  align: "left",
   direction: "horizontal",
   list: [],
   duration: 1e3,
@@ -19913,10 +19934,12 @@ const defaultProps$z = {
   speed: 50
 };
 const NoticeBar = (props) => {
+  const rtl = useRtl();
   const {
     children,
     className,
     style,
+    align,
     direction,
     list,
     duration,
@@ -20021,7 +20044,7 @@ const NoticeBar = (props) => {
       }
       const wrapW = getRect(wrapRef.current).width;
       const offsetW = getRect(contentRef.current).width;
-      const canScroll = scrollable == null ? offsetW > wrapW : scrollable;
+      const canScroll = align === "left" && scrollable == null ? offsetW > wrapW : scrollable;
       SetIsCanScroll(canScroll);
       if (canScroll) {
         SetWrapWidth(wrapW);
@@ -20071,7 +20094,7 @@ const NoticeBar = (props) => {
     onClose && onClose(event);
   };
   const isEllipsis = () => {
-    if (isCanScroll == null) {
+    if (isCanScroll == null && align === "left") {
       return wrap;
     }
     return !isCanScroll && !wrap;
@@ -20079,7 +20102,7 @@ const NoticeBar = (props) => {
   const contentStyle = {
     animationDelay: `${firstRound ? delay : 0}s`,
     animationDuration: `${animationDuration}s`,
-    transform: `translateX(${firstRound ? 0 : `${wrapWidth}px`})`
+    transform: `translateX(${firstRound ? 0 : `${rtl ? -wrapWidth : wrapWidth}px`})`
   };
   const barStyle = {
     height: isVertical ? `${height}px` : ""
@@ -20221,15 +20244,17 @@ const NoticeBar = (props) => {
     }
   };
   const noticebarClass = classNames({
-    "nut-noticebar-box": true,
-    [`nut-noticebar-box-wrapable`]: wrap
+    [`${classPrefix2}-box`]: true,
+    [`${classPrefix2}-box-wrapable`]: wrap,
+    [`${classPrefix2}-box-${align}`]: true
   });
+  const cls = classNames(classPrefix2, className);
   useEffect(() => {
     return () => {
       stopAutoPlay();
     };
   }, []);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React__default.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick2 }, leftIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React__default.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: cls, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React__default.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick2 }, leftIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React__default.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       ref: contentRef,
@@ -20463,6 +20488,7 @@ const Notify = {
 const defaultProps$y = {
   ...ComponentDefaults,
   list: [],
+  theme: "light",
   location: "bottom",
   visible: false,
   offset: [0, 12],
@@ -20484,6 +20510,7 @@ const Popover = (props) => {
   const {
     children,
     list,
+    theme,
     location,
     visible,
     offset,
@@ -20567,7 +20594,8 @@ const Popover = (props) => {
   };
   const classes = classNames(
     {
-      [`${classPrefix$b}`]: true
+      [`${classPrefix$b}`]: true,
+      [`${classPrefix$b}-${theme}`]: theme === "dark"
     },
     className
   );
@@ -22249,7 +22277,7 @@ const InternalCountDown = (props, ref) => {
     if (!timeStr)
       return Date.now();
     let t2 = timeStr;
-    t2 = t2 > 0 ? +t2 : t2.toString().replace(/-/g, "/");
+    t2 = Number(t2) > 0 ? +t2 : t2.toString().replace(/-/g, "/");
     return new Date(t2).getTime();
   };
   const initTime = () => {
@@ -22805,7 +22833,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     swiperRef.current.autoplayTimer = null;
   };
   const startPlay = () => {
-    if (mergedProps.autoPlay <= 0 || swiperItemCount <= 1)
+    if (Number(mergedProps.autoPlay) <= 0 || swiperItemCount <= 1)
       return;
     stopAutoPlay();
     swiperRef.current.autoplayTimer = setTimeout(() => {
@@ -23646,7 +23674,7 @@ const Steps = (props) => {
 };
 Steps.defaultProps = defaultProps$b;
 Steps.displayName = "NutSteps";
-function useTableSticky(columns) {
+function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
   const [stickyColumnStyleMap, setStickyColumnStyleMap] = useState({});
   const [stickyColumnClassMap, setStickyColumnClassMap] = useState({});
@@ -23661,9 +23689,9 @@ function useTableSticky(columns) {
     let _stickyLeftWidth = 0;
     let _stickyRightWidth = 0;
     leftColumns.forEach((curr, index) => {
-      leftColumns[index - 1] || {};
+      const dir = rtl ? "right" : "left";
       _columnStyleMap[curr.key] = {
-        left: _stickyLeftWidth || 0,
+        [dir]: _stickyLeftWidth || 0,
         width: curr.width || "auto"
       };
       _columnClassMap[curr.key] = {
@@ -23679,9 +23707,9 @@ function useTableSticky(columns) {
     });
     for (let i = rightColumns.length - 1; i >= 0; i--) {
       const curr = rightColumns[i];
-      rightColumns[i + 1] || {};
+      const dir = rtl ? "left" : "right";
       _columnStyleMap[curr.key] = {
-        right: _stickyRightWidth || 0,
+        [dir]: _stickyRightWidth || 0,
         width: curr.width || "auto"
       };
       _columnClassMap[curr.key] = {
@@ -23728,6 +23756,7 @@ const defaultProps$a = {
 };
 const Table = (props) => {
   const { locale } = useConfig();
+  const rtl = useRtl();
   defaultProps$a.noData = locale.noData;
   const {
     children,
@@ -23758,7 +23787,7 @@ const Table = (props) => {
     stickyRightWidth,
     getStickyClass,
     getStickyStyle
-  } = useTableSticky(columns);
+  } = useTableSticky(columns, rtl);
   useEffect(() => {
     setValue(data);
   }, [data]);