@nutui/nutui-react-taro 2.6.18 → 2.6.20

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.6.18 Fri Sep 13 2024 10:21:29 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:48:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -280,7 +280,7 @@
     style: {}
   };
   const prefixCls$2 = "nut-button";
-  const defaultProps$1v = {
+  const defaultProps$1u = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -315,7 +315,7 @@
         onClick,
         ...rest
       } = {
-        ...defaultProps$1v,
+        ...defaultProps$1u,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -382,7 +382,7 @@
   );
   Button.displayName = "NutButton";
   const CellGroupContext = React.createContext(null);
-  const defaultProps$1u = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -391,7 +391,7 @@
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, title, description, divider, ...rest } = {
-      ...defaultProps$1u,
+      ...defaultProps$1t,
       ...props
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React.createElement(
@@ -403,7 +403,7 @@
     ));
   };
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1t = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -430,7 +430,7 @@
       clickable,
       ...rest
     } = {
-      ...defaultProps$1t,
+      ...defaultProps$1s,
       ...props
     };
     const handleClick = (event) => {
@@ -1415,6 +1415,8 @@
     noData: "暂无数据",
     placeholder: "请输入内容",
     select: "请选择",
+    edit: "编辑",
+    reset: "重置",
     video: {
       errorTip: "视频加载失败",
       clickRetry: "点击重试"
@@ -1452,6 +1454,7 @@
       tips: "忘记密码"
     },
     uploader: {
+      list: "上传文件",
       ready: "准备完成",
       readyUpload: "准备上传",
       waitingUpload: "等待上传",
@@ -1518,6 +1521,7 @@
       mute: "静音",
       tips: "onPlayEnd事件在loop=false时才会触发"
     },
+    avatarCropper: { rotate: "旋转", selectImage: "选择图片" },
     datepicker: {
       year: "年",
       month: "月",
@@ -1605,7 +1609,7 @@
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1s = {
+  const defaultProps$1r = {
     src: "",
     error: true,
     loading: true
@@ -1624,7 +1628,7 @@
       onLoad,
       onError,
       ...rest
-    } = { ...defaultProps$1s, ...props };
+    } = { ...defaultProps$1r, ...props };
     const [innerLoading, setInnerLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     const handleLoad = (e2) => {
@@ -3616,7 +3620,7 @@
     const onHandleClosed = (e2) => {
       afterClose && afterClose();
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       CSSTransition,
       {
         nodeRef,
@@ -3639,11 +3643,11 @@
         },
         children
       )
-    ));
+    );
   };
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1r = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -3651,7 +3655,7 @@
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1r,
+      ...defaultProps$1q,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -3684,7 +3688,7 @@
     );
   };
   Col.displayName = "NutCol";
-  const defaultProps$1q = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -3692,7 +3696,7 @@
   const classPrefix$o = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1q,
+      ...defaultProps$1p,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
@@ -3713,7 +3717,7 @@
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1p = {
+  const defaultProps$1o = {
     text: "",
     columns: 4,
     gap: 0,
@@ -3723,7 +3727,6 @@
     direction: "vertical"
   };
   const GridItem = (props) => {
-    useConfig$1();
     const {
       children,
       style,
@@ -3739,7 +3742,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1p,
+      ...defaultProps$1o,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -3798,7 +3801,7 @@
     );
   };
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1o = {
+  const defaultProps$1n = {
     columns: 4,
     gap: 0,
     center: true,
@@ -3819,7 +3822,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1o, ...props };
+    } = { ...defaultProps$1n, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -3855,9 +3858,7 @@
   };
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1n = {};
-  const Layout = (props) => {
-    ({ ...defaultProps$1n, ...props });
+  const Layout = () => {
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
   Layout.displayName = "NutLayout";
@@ -4782,6 +4783,7 @@
       return /* @__PURE__ */ React.createElement(
         CSSTransition,
         {
+          nodeRef: refObject,
           classNames: transitionName,
           mountOnEnter: true,
           unmountOnExit: destroyOnClose,
@@ -4805,7 +4807,7 @@
       );
     };
     const renderNode = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(
         Overlay,
         {
           style: overlayStyles,
@@ -4816,7 +4818,7 @@
           duration,
           onClick: onHandleClickOverlay
         }
-      ), renderPop()) : /* @__PURE__ */ React.createElement(React.Fragment, null, renderPop()));
+      ) : null, /* @__PURE__ */ React.createElement(React.Fragment, null, renderPop()));
     };
     React.useEffect(() => {
       visible && open2();
@@ -5702,6 +5704,7 @@
     }
   };
   const InternalCascader = (props, ref) => {
+    const { locale } = useConfig$1();
     const {
       className,
       style,
@@ -5777,6 +5780,9 @@
     React.useEffect(() => {
       initData();
     }, [options, format2]);
+    React.useEffect(() => {
+      syncValue();
+    }, [value]);
     const initData = async () => {
       state.lazyLoadMap.clear();
       if (format2 && Object.keys(format2).length > 0) {
@@ -5998,7 +6004,7 @@
                   className: `nut-tabs-titles-item ${tabvalue === pane.paneKey ? "nut-tabs-titles-item-active" : ""}`,
                   key: pane.paneKey
                 },
-                /* @__PURE__ */ React.createElement("span", { className: "nut-tabs-titles-item-text" }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "请选择", !(!state.initLoading && state.panes.length) && "Loading..."),
+                /* @__PURE__ */ React.createElement("span", { className: "nut-tabs-titles-item-text" }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && `${locale.select}`, !(!state.initLoading && state.panes.length) && "Loading..."),
                 /* @__PURE__ */ React.createElement("span", { className: "nut-tabs-titles-item-line" })
               );
             });
@@ -7073,7 +7079,7 @@
     const renderFooter = () => {
       return /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm }, confirmText || locale.confirm));
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
   });
   CalendarItem.displayName = "NutCalendarItem";
   const defaultProps$12 = {
@@ -8782,7 +8788,7 @@
         catchMove: true,
         ...rest
       },
-      pickerOptions.length && /* @__PURE__ */ React.createElement(
+      pickerOptions.length > 0 && /* @__PURE__ */ React.createElement(
         Picker,
         {
           ...pickerProps,
@@ -10696,7 +10702,7 @@
           [`${classPrefix$h}-icon-disabled`]: shadowValue === min || disabled
         })
       }
-    )), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement(
       "input",
       {
         className: "nut-number-input",
@@ -10710,7 +10716,7 @@
         onBlur: handleBlur,
         onFocus: handleFocus
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React.createElement(
       t,
       {
         className: classNames("nut-inputnumber-icon icon-plus", {
@@ -10765,6 +10771,7 @@
         onChange == null ? void 0 : onChange(option);
       }
     });
+    const cssRef = React.useRef(null);
     React.useEffect(() => {
       setShowPopup(show2);
     }, [show2]);
@@ -10888,6 +10895,7 @@
       /* @__PURE__ */ React.createElement(
         CSSTransition,
         {
+          nodeRef: cssRef,
           in: showPopup,
           timeout: 100,
           classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up"
@@ -12313,7 +12321,7 @@
             onConfirm && onConfirm(res2.tempFilePath, isSignedRef.current);
           },
           fail: (res2) => {
-            console.warn("保存失败");
+            console.warn("保存失败", res2);
           }
         });
       });
@@ -12707,7 +12715,7 @@
   class FileItem {
     constructor() {
       this.status = "ready";
-      this.message = "准备中..";
+      this.message = "";
       this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
       this.percentage = 0;
       this.formData = {};
@@ -13078,7 +13086,6 @@
       }
       if ((Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD") && Taro.chooseMedia) {
         Taro.chooseMedia({
-          /** 最多可以选择的文件个数 */
           count: multiple ? maxCount * 1 - fileList.length : 1,
           /** 文件类型 */
           mediaType,
@@ -13090,16 +13097,13 @@
           sizeType,
           /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */
           camera,
-          /** 接口调用失败的回调函数 */
           fail: (res) => {
             onFailure && onFailure(res);
           },
-          /** 接口调用成功的回调函数 */
           success: onChangeMedia
         });
       } else {
         Taro.chooseImage({
-          // 选择数量
           count: multiple ? maxCount * 1 - fileList.length : 1,
           // 可以指定是原图还是压缩图，默认二者都有
           sizeType,
@@ -13295,7 +13299,7 @@
     const handleItemClick = (file, index) => {
       onFileItemClick == null ? void 0 : onFileItemClick(file, index);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { nativeType: "button", size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { nativeType: "button", size: "small", type: "primary" }, locale.uploader.list), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(
       Button,
       {
         nativeType: "button",
@@ -13333,6 +13337,19 @@
   };
   const Uploader = React.forwardRef(InternalUploader);
   Uploader.displayName = "NutUploader";
+  function mergeProps(...items) {
+    const ret = {};
+    items.forEach((item) => {
+      if (item) {
+        Object.keys(item).forEach((key) => {
+          if (item[key] !== void 0) {
+            ret[key] = item[key];
+          }
+        });
+      }
+    });
+    return ret;
+  }
   const defaultProps$G = {
     ...ComponentDefaults,
     visible: false,
@@ -13359,7 +13376,7 @@
       className,
       style,
       ...rest
-    } = { ...defaultProps$G, ...props };
+    } = mergeProps(defaultProps$G, props);
     const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
@@ -13551,7 +13568,7 @@
         beforeClose
       },
       setParams
-    } = useParams({ ...defaultProps$F, ...props });
+    } = useParams(mergeProps(defaultProps$F, props));
     useCustomEvent(
       id,
       ({ status, options }) => {
@@ -13676,7 +13693,6 @@
     const path = useCustomEventsPath(selector);
     customEvents.trigger(path, { status: false });
   }
-  BaseDialog.defaultProps = defaultProps$F;
   BaseDialog.displayName = "NutDialog";
   BaseDialog.open = open$1;
   BaseDialog.close = close$1;
@@ -13829,7 +13845,6 @@
   };
   const classPrefix$f = `nut-empty`;
   const Empty = (props) => {
-    useConfig$1();
     const {
       image,
       imageSize,
@@ -14477,7 +14492,6 @@
     ...ComponentDefaults,
     id: "",
     duration: 3e3,
-    // 时长
     type: "danger",
     position: "top",
     visible: false,
@@ -14499,12 +14513,13 @@
       duration,
       onClose,
       onClick
-    } = { ...defaultProps$z, ...props };
+    } = mergeProps(defaultProps$z, props);
     useCustomEvent(id, (status) => {
       status ? show2() : hide2();
     });
     let timer;
     const [showNotify, setShowNotify] = React.useState(false);
+    const cssRef = React.useRef(null);
     React.useEffect(() => {
       if (visible) {
         show2();
@@ -14543,6 +14558,7 @@
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       CSSTransition,
       {
+        nodeRef: cssRef,
         in: showNotify,
         timeout: 300,
         classNames: "fade",
@@ -14570,7 +14586,6 @@
     const path = useCustomEventsPath(selector);
     customEvents.trigger(path, false);
   }
-  Notify.defaultProps = defaultProps$z;
   Notify.displayName = "NutNotify";
   Notify.open = open;
   Notify.close = close;
@@ -15460,7 +15475,7 @@
         wordBreak
       },
       setParams
-    } = useParams({ ...defaultProps$s, ...props });
+    } = useParams(mergeProps(defaultProps$s, props));
     const timer = React.useRef(-1);
     const [innerVisible, setInnerVisible] = usePropsValue({
       value: visible,
@@ -15568,7 +15583,6 @@
     const path = useCustomEventsPath(selector);
     customEvents.trigger(path, { status: false });
   }
-  Toast.defaultProps = defaultProps$s;
   Toast.displayName = "NutToast";
   Toast.show = show;
   Toast.hide = hide;
@@ -15623,10 +15637,7 @@
       thousands,
       style,
       ...reset
-    } = {
-      ...defaultProps$q,
-      ...props
-    };
+    } = mergeProps(defaultProps$q, props);
     const classPrefix2 = "nut-countup";
     const countupRef = React.useRef(null);
     const timerRef = React.useRef(0);
@@ -15698,7 +15709,6 @@
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$q;
   CountUp.displayName = "NutCountUp";
   const defaultProps$p = {};
   const _AnimatingNumbers = class _AnimatingNumbers extends React.Component {
@@ -15850,14 +15860,14 @@
       }
     };
     const renderIcon = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon` }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon` }, /* @__PURE__ */ React.createElement(
         "div",
         {
           className: `${classPrefix2}-icon-box} ${playing ? `${classPrefix2}-icon-play}` : `${classPrefix2}-icon-stop}`}`,
           onClick: handleStatusChange
         },
         /* @__PURE__ */ React.createElement(L, { className: playing ? "nut-icon-loading" : "" })
-      )));
+      ));
     };
     const renderProgerss = () => {
       return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-progress` }, /* @__PURE__ */ React.createElement("div", { className: "time" }, currentDuration), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-progress-bar-wrapper` }, /* @__PURE__ */ React.createElement(
@@ -16273,7 +16283,6 @@
     destroy: false
   };
   const InternalCountDown = (props, ref) => {
-    useConfig$1();
     const {
       paused,
       startTime,
@@ -16302,7 +16311,6 @@
       isIninted: false,
       timer: 0,
       restTime: 0,
-      // 倒计时剩余时间时间
       counting: !paused && autoStart,
       // 是否处于倒计时中
       handleEndTime: Date.now(),
@@ -16776,7 +16784,7 @@
         ) : null,
         ((_c = ellipsis.current) == null ? void 0 : _c.tailing) && symbol,
         (_d = ellipsis.current) == null ? void 0 : _d.tailing
-      ) : null, exceeded && expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      ) : null, exceeded && expanded ? /* @__PURE__ */ React.createElement(
         components.View,
         {
           style: {
@@ -16795,7 +16803,7 @@
           },
           collapseText
         ) : null
-      )) : null)
+      ) : null)
     ), /* @__PURE__ */ React.createElement(
       components.View,
       {
@@ -17380,7 +17388,7 @@
         onClick: (e2) => handleSelectPage(currentPage + 1)
       },
       next || locale.pagination.next
-    )), mode === "lite" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
+    )), mode === "lite" && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-default` }, 8)));
   };
   Pagination.displayName = "NutPagination";
   const defaultProps$e = {
@@ -18911,19 +18919,27 @@
     maxZoom: 3,
     space: 10,
     toolbar: [
-      /* @__PURE__ */ React.createElement(Button, { type: "danger", key: "cancel" }, "取消"),
-      /* @__PURE__ */ React.createElement(Button, { key: "reset" }, "重置"),
-      /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, "旋转"),
-      /* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, "确认")
+      /* @__PURE__ */ React.createElement(Button, { type: "danger", key: "cancel" }, "Cancel"),
+      /* @__PURE__ */ React.createElement(Button, { key: "reset" }, "Reset"),
+      /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, "Rotate"),
+      /* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, "Confirm")
     ],
     toolbarPosition: "bottom",
-    editText: "编辑",
+    editText: "Edit",
     sizeType: ["original", "compressed"],
     sourceType: ["album", "camera"],
     shape: "square"
   };
   const classPrefix = `nut-avatar-cropper`;
   const AvatarCropper = (props) => {
+    const { locale } = useConfig$1();
+    defaultProps.toolbar = [
+      /* @__PURE__ */ React.createElement(Button, { type: "danger", key: "cancel" }, locale.cancel),
+      /* @__PURE__ */ React.createElement(Button, { key: "reset" }, locale.reset),
+      /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
+      /* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
+    ];
+    defaultProps.editText = locale.edit;
     const {
       children,
       toolbar,
@@ -19395,7 +19411,7 @@
     };
     const ToolBar = () => {
       const actions = [cancel, reset, rotate, confirm];
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React.createElement(
         "div",
         {
           key: index,
@@ -19403,11 +19419,11 @@
           onClick: (_e) => action()
         },
         toolbar[index]
-      ))));
+      )));
     };
     const CropperPopup = () => {
       const { canvasId } = canvasAll;
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(
         "div",
         {
           className: `${classPrefix}-popup`,
@@ -19434,7 +19450,7 @@
           /* @__PURE__ */ React.createElement("div", { className: "highlight", style: highlightStyle })
         ),
         /* @__PURE__ */ React.createElement("div", { className: toolbarPositionCls }, /* @__PURE__ */ React.createElement(ToolBar, null))
-      ));
+      );
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: cls, ...rest, style }, children, /* @__PURE__ */ React.createElement("div", { className: "nut-avatar-cropper-edit-text", onClick: chooseImage }, editText)), CropperPopup());
   };

package/dist/packages/elevator/elevator.scss

@@ -99,13 +99,12 @@
       &-item {
         display: block;
         padding: $elevator-bars-inner-item-padding;
+        cursor: pointer;
 
         &-active {
           font-weight: $font-weight-bold;
           color: $elevator-bars-active-color;
         }
-
-        cursor: pointer;
       }
     }
   }

package/dist/packages/popover/popover.scss

@@ -162,11 +162,11 @@
     }
 
     &-top-end {
+      right: 0;
       .nut-popover-arrow-top-end {
         right: 16px;
         transform: translateX(0%);
       }
-      right: 0;
     }
 
     &-top-start {
@@ -186,12 +186,12 @@
     }
 
     &-bottom-end {
+      right: 0;
+
       .nut-popover-arrow-bottom-end {
         right: 16px;
         transform: translateX(0%);
       }
-
-      right: 0;
     }
 
     &-bottom-start {

package/dist/packages/tabs/tabs.scss

@@ -423,10 +423,10 @@
 }
 
 .nut-tabs-content {
+  display: flex;
+  box-sizing: border-box;
+
   &-wrap {
     overflow: hidden;
   }
-
-  display: flex;
-  box-sizing: border-box;
 }

package/dist/packages/uploader/uploader.scss

@@ -195,6 +195,7 @@
           width: 90%;
           font-size: 12px;
           color: $color-text;
+          @include moreline-ellipsis();
 
           &.error {
             color: red !important;
@@ -207,8 +208,6 @@
           .nut-icon-Link {
             flex-shrink: 0;
           }
-
-          @include moreline-ellipsis();
         }
       }
     }