@nutui/nutui-react-taro 2.0.24 → 2.1.0

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.24 Fri Nov 10 2023 14:56:03 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.1.0 Fri Nov 17 2023 14:40:35 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -99,7 +99,7 @@ var __publicField = (obj, key, value) => {
   function k$1(e2) {
     return Number.isNaN(Number(e2)) ? String(e2) : `${e2}px`;
   }
-  const r$3 = (e2) => {
+  const r$2 = (e2) => {
     const {
       name: t2,
       size: a2,
@@ -138,8 +138,8 @@ var __publicField = (obj, key, value) => {
       u
     );
   };
-  r$3.defaultProps = o$2;
-  r$3.displayName = "NutIcon";
+  r$2.defaultProps = o$2;
+  r$2.displayName = "NutIcon";
   var H = {}, ir = {
     get exports() {
       return H;
@@ -776,84 +776,82 @@ Check the top-level render call using <` + t2 + ">.");
     process.env.NODE_ENV === "production" ? h.exports = ur() : h.exports = sr();
   })(ir);
   const lr = H.jsx;
-  const n$3 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "arrow-down2" });
+  const n$3 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "arrow-down2" });
   n$3.displayName = "NutIconarrow-down2";
-  const m$7 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "arrow-up2" });
+  const m$7 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "arrow-up2" });
   m$7.displayName = "NutIconarrow-up2";
-  const m$6 = (c2) => /* @__PURE__ */ lr(r$3, { ...c2, name: c2.name || "check-checked" });
+  const m$6 = (c2) => /* @__PURE__ */ lr(r$2, { ...c2, name: c2.name || "check-checked" });
   m$6.displayName = "NutIconcheck-checked";
-  const c = (e2) => /* @__PURE__ */ lr(r$3, { ...e2, name: e2.name || "check-disabled" });
+  const c = (e2) => /* @__PURE__ */ lr(r$2, { ...e2, name: e2.name || "check-disabled" });
   c.displayName = "NutIconcheck-disabled";
-  const n$2 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "check-normal" });
+  const n$2 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "check-normal" });
   n$2.displayName = "NutIconcheck-normal";
-  const t$5 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "Check" });
+  const t$5 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "Check" });
   t$5.displayName = "NutIconCheck";
-  const m$5 = (e2) => /* @__PURE__ */ lr(r$3, { ...e2, name: e2.name || "checked" });
+  const m$5 = (e2) => /* @__PURE__ */ lr(r$2, { ...e2, name: e2.name || "checked" });
   m$5.displayName = "NutIconchecked";
-  const e$6 = (t2) => /* @__PURE__ */ lr(r$3, { ...t2, name: t2.name || "checklist" });
+  const e$6 = (t2) => /* @__PURE__ */ lr(r$2, { ...t2, name: t2.name || "checklist" });
   e$6.displayName = "NutIconchecklist";
-  const r$2 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "circle-close" });
-  r$2.displayName = "NutIconcircle-close";
-  const t$4 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "close" });
+  const t$4 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "close" });
   t$4.displayName = "NutIconclose";
-  const t$3 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "del" });
+  const t$3 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "del" });
   t$3.displayName = "NutIcondel";
-  const n$1 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "down-arrow" });
+  const n$1 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "down-arrow" });
   n$1.displayName = "NutIcondown-arrow";
-  const e$5 = (a2) => /* @__PURE__ */ lr(r$3, { ...a2, name: a2.name || "failure" });
+  const e$5 = (a2) => /* @__PURE__ */ lr(r$2, { ...a2, name: a2.name || "failure" });
   e$5.displayName = "NutIconfailure";
-  const m$4 = (r2) => /* @__PURE__ */ lr(r$3, { ...r2, name: r2.name || "image-error" });
+  const m$4 = (r2) => /* @__PURE__ */ lr(r$2, { ...r2, name: r2.name || "image-error" });
   m$4.displayName = "NutIconimage-error";
-  const e$4 = (m2) => /* @__PURE__ */ lr(r$3, { ...m2, name: m2.name || "image" });
+  const e$4 = (m2) => /* @__PURE__ */ lr(r$2, { ...m2, name: m2.name || "image" });
   e$4.displayName = "NutIconimage";
-  const t$2 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "joy-smile" });
+  const t$2 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "joy-smile" });
   t$2.displayName = "NutIconjoy-smile";
-  const m$3 = (t2) => /* @__PURE__ */ lr(r$3, { ...t2, name: t2.name || "left" });
+  const m$3 = (t2) => /* @__PURE__ */ lr(r$2, { ...t2, name: t2.name || "left" });
   m$3.displayName = "NutIconleft";
-  const t$1 = (n2) => /* @__PURE__ */ lr(r$3, { ...n2, name: n2.name || "link" });
+  const t$1 = (n2) => /* @__PURE__ */ lr(r$2, { ...n2, name: n2.name || "link" });
   t$1.displayName = "NutIconlink";
-  const m$2 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "loading" });
+  const m$2 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "loading" });
   m$2.displayName = "NutIconloading";
-  const m$1 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "loading1" });
+  const m$1 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "loading1" });
   m$1.displayName = "NutIconloading1";
-  const n = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "location2" });
+  const n = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "location2" });
   n.displayName = "NutIconlocation2";
-  const e$3 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "mask-close" });
+  const e$3 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "mask-close" });
   e$3.displayName = "NutIconmask-close";
-  const t = (m2) => /* @__PURE__ */ lr(r$3, { ...m2, name: m2.name || "minus" });
+  const t = (m2) => /* @__PURE__ */ lr(r$2, { ...m2, name: m2.name || "minus" });
   t.displayName = "NutIconminus";
-  const a$4 = (m2) => /* @__PURE__ */ lr(r$3, { ...m2, name: m2.name || "my" });
+  const a$4 = (m2) => /* @__PURE__ */ lr(r$2, { ...m2, name: m2.name || "my" });
   a$4.displayName = "NutIconmy";
-  const e$2 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "notice" });
+  const e$2 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "notice" });
   e$2.displayName = "NutIconnotice";
-  const r$1 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "photograph" });
+  const r$1 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "photograph" });
   r$1.displayName = "NutIconphotograph";
-  const a$3 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "plus" });
+  const a$3 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "plus" });
   a$3.displayName = "NutIconplus";
-  const r = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "rect-down" });
+  const r = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "rect-down" });
   r.displayName = "NutIconrect-down";
-  const e$1 = (a2) => /* @__PURE__ */ lr(r$3, { ...a2, name: a2.name || "search" });
+  const e$1 = (a2) => /* @__PURE__ */ lr(r$2, { ...a2, name: a2.name || "search" });
   e$1.displayName = "NutIconsearch";
-  const m = (e2) => /* @__PURE__ */ lr(r$3, { ...e2, name: e2.name || "service" });
+  const m = (e2) => /* @__PURE__ */ lr(r$2, { ...e2, name: e2.name || "service" });
   m.displayName = "NutIconservice";
-  const o$1 = (t2) => /* @__PURE__ */ lr(r$3, { ...t2, name: t2.name || "star-fill-n" });
+  const o$1 = (t2) => /* @__PURE__ */ lr(r$2, { ...t2, name: t2.name || "star-fill-n" });
   o$1.displayName = "NutIconstar-fill-n";
-  const e = (s) => /* @__PURE__ */ lr(r$3, { ...s, name: s.name || "success" });
+  const e = (s) => /* @__PURE__ */ lr(r$2, { ...s, name: s.name || "success" });
   e.displayName = "NutIconsuccess";
-  const a$2 = (t2) => /* @__PURE__ */ lr(r$3, { ...t2, name: t2.name || "tips" });
+  const a$2 = (t2) => /* @__PURE__ */ lr(r$2, { ...t2, name: t2.name || "tips" });
   a$2.displayName = "NutIcontips";
-  const a$1 = (o2) => /* @__PURE__ */ lr(r$3, { ...o2, name: o2.name || "top" });
+  const a$1 = (o2) => /* @__PURE__ */ lr(r$2, { ...o2, name: o2.name || "top" });
   a$1.displayName = "NutIcontop";
-  const a = (n2) => /* @__PURE__ */ lr(r$3, { ...n2, name: n2.name || "triangle-down" });
+  const a = (n2) => /* @__PURE__ */ lr(r$2, { ...n2, name: n2.name || "triangle-down" });
   a.displayName = "NutIcontriangle-down";
-  const o = (t2) => /* @__PURE__ */ lr(r$3, { ...t2, name: t2.name || "triangle-up" });
+  const o = (t2) => /* @__PURE__ */ lr(r$2, { ...t2, name: t2.name || "triangle-up" });
   o.displayName = "NutIcontriangle-up";
   const style_iconfont = "";
   const ComponentDefaults = {
     className: "",
     style: {}
   };
-  const prefixCls$1 = "nut-button";
+  const prefixCls$2 = "nut-button";
   const defaultProps$1w = {
     ...ComponentDefaults,
     color: "",
@@ -923,17 +921,17 @@ Check the top-level render call using <` + t2 + ">.");
             ...rest,
             ref,
             className: classNames(
-              prefixCls$1,
-              className,
-              props.type ? `${prefixCls$1}--${type2}` : null,
-              props.fill ? `${prefixCls$1}--${fill}` : null,
+              prefixCls$2,
+              props.type ? `${prefixCls$2}--${type2}` : null,
+              props.fill ? `${prefixCls$2}--${fill}` : null,
               {
-                [`${prefixCls$1}--${size}`]: size,
-                [`${prefixCls$1}--${shape}`]: shape,
-                [`${prefixCls$1}--block`]: block,
-                [`${prefixCls$1}--disabled`]: disabled,
-                [`${prefixCls$1}--loading`]: loading
-              }
+                [`${prefixCls$2}--${size}`]: size,
+                [`${prefixCls$2}--${shape}`]: shape,
+                [`${prefixCls$2}--block`]: block,
+                [`${prefixCls$2}--disabled`]: disabled,
+                [`${prefixCls$2}--loading`]: loading
+              },
+              className
             ),
             style: { ...getStyle(), ...style },
             onClick: (e2) => handleClick(e2)
@@ -951,16 +949,16 @@ Check the top-level render call using <` + t2 + ">.");
     description: "",
     divider: true
   };
-  const classPrefix$q = "nut-cell-group";
+  const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, divider, ...rest } = {
       ...defaultProps$1v,
       ...props
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$q, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+    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(
       "div",
       {
-        className: `${classPrefix$q}__wrap ${divider ? `${classPrefix$q}__wrap--divider` : ""}`
+        className: `${classPrefix$r}__wrap ${divider ? `${classPrefix$r}__wrap--divider` : ""}`
       },
       /* @__PURE__ */ React.createElement(CellGroupContext.Provider, { value: { divider } }, children)
     ));
@@ -977,7 +975,7 @@ Check the top-level render call using <` + t2 + ">.");
     onClick: (event) => {
     }
   };
-  const classPrefix$p = "nut-cell";
+  const classPrefix$q = "nut-cell";
   const Cell = (props) => {
     const ctx = React.useContext(CellGroupContext);
     const {
@@ -1009,20 +1007,20 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$p, className),
+        className: classNames(classPrefix$q, className),
         onClick: (event) => handleClick(event),
         style: baseStyle,
         ...rest
       },
-      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$p}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$p}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$p}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
+      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$p}__extra`,
+          className: `${classPrefix$q}__extra`,
           style: styles
         },
         extra
       ) : null),
-      (ctx == null ? void 0 : ctx.divider) ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$p}__divider` }) : null
+      (ctx == null ? void 0 : ctx.divider) ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}__divider` }) : null
     );
   };
   Cell.defaultProps = defaultProps$1u;
@@ -1991,7 +1989,7 @@ Check the top-level render call using <` + t2 + ">.");
     },
     infiniteloading: {
       pullRefreshText: "松开刷新",
-      loadText: "加载中……",
+      loadText: "加载中",
       loadMoreText: "哎呀，这里是底部了啦"
     },
     pagination: {
@@ -2094,8 +2092,8 @@ Check the top-level render call using <` + t2 + ">.");
     },
     pullToRefresh: {
       pullingText: "下拉刷新",
-      canReleaseText: "松开刷新",
-      refreshingText: "加载中...",
+      canReleaseText: "松手刷新",
+      refreshingText: "刷新中",
       completeText: "刷新成功"
     },
     tour: {
@@ -2107,7 +2105,7 @@ Check the top-level render call using <` + t2 + ">.");
       errorCanvasTips: "当前环境不支持Canvas"
     }
   };
-  const classPrefix$o = "nut-configprovider";
+  const classPrefix$p = "nut-configprovider";
   const defaultConfigRef$1 = {
     current: {
       locale: zhCN
@@ -2148,7 +2146,7 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(ConfigContext$1.Provider, { value: mergedConfig }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$o, className),
+        className: classNames(classPrefix$p, className),
         style: {
           ...cssVarStyle,
           ...style
@@ -4177,7 +4175,7 @@ Check the top-level render call using <` + t2 + ">.");
         setInnerVisible(false);
       }
     }, [visible]);
-    const classes = classNames(className, classPrefix2);
+    const classes = classNames(classPrefix2, className);
     const styles = {
       ...style
     };
@@ -4267,21 +4265,21 @@ Check the top-level render call using <` + t2 + ">.");
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$n = `nut-divider`;
+  const classPrefix$o = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
       ...defaultProps$1r,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
-      [`${classPrefix$n}`]: true,
-      [`${classPrefix$n}__center`]: children,
-      [`${classPrefix$n}__left`]: contentPosition === "left",
-      [`${classPrefix$n}__right`]: contentPosition === "right",
-      [`${classPrefix$n}__hairline`]: true
+      [`${classPrefix$o}`]: true,
+      [`${classPrefix$o}__center`]: children,
+      [`${classPrefix$o}__left`]: contentPosition === "left",
+      [`${classPrefix$o}__right`]: contentPosition === "right",
+      [`${classPrefix$o}__hairline`]: true
     }) : classNames({
-      [`${classPrefix$n}`]: true,
-      [`${classPrefix$n}__vertical`]: direction === "vertical"
+      [`${classPrefix$o}`]: true,
+      [`${classPrefix$o}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
@@ -4403,9 +4401,13 @@ Check the top-level render call using <` + t2 + ">.");
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
-      return classNames(className, classPrefix2, {
-        [`${classPrefix2}__border`]: !gap
-      });
+      return classNames(
+        classPrefix2,
+        {
+          [`${classPrefix2}__border`]: !gap
+        },
+        className
+      );
     };
     const rootStyle = () => {
       let styleSelf = {};
@@ -4439,7 +4441,7 @@ Check the top-level render call using <` + t2 + ">.");
   };
   Layout.defaultProps = defaultProps$1o;
   Layout.displayName = "NutLayout";
-  const classPrefix$m = "nut-row";
+  const classPrefix$n = "nut-row";
   const defaultProps$1n = {
     ...ComponentDefaults,
     type: "",
@@ -4474,7 +4476,7 @@ Check the top-level render call using <` + t2 + ">.");
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$m}
+    ${classPrefix$n}
    `;
     };
     const parentRow = {
@@ -4494,7 +4496,7 @@ Check the top-level render call using <` + t2 + ">.");
   };
   Row.defaultProps = defaultProps$1n;
   Row.displayName = "NutRow";
-  const prefixCls = "nut-space";
+  const prefixCls$1 = "nut-space";
   const defaultProps$1m = {
     direction: "horizontal"
   };
@@ -4504,15 +4506,15 @@ Check the top-level render call using <` + t2 + ">.");
       ...props
     };
     const cls = classNames(
-      className,
-      prefixCls,
-      wrap && `${prefixCls}-wrap`,
-      direction && `${prefixCls}-${direction}`,
-      align && `${prefixCls}-align-${align}`,
-      justify && `${prefixCls}-justify-${justify}`
+      prefixCls$1,
+      wrap && `${prefixCls$1}-wrap`,
+      direction && `${prefixCls$1}-${direction}`,
+      align && `${prefixCls$1}-align-${align}`,
+      justify && `${prefixCls$1}-justify-${justify}`,
+      className
     );
     return /* @__PURE__ */ React.createElement("div", { className: cls, style }, React.Children.map(children, (child) => {
-      return child !== null && child !== void 0 && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-item` }, child);
+      return child !== null && child !== void 0 && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls$1}-item` }, child);
     }));
   };
   Space.defaultProps = defaultProps$1m;
@@ -4598,7 +4600,7 @@ Check the top-level render call using <` + t2 + ">.");
     position: "top",
     zIndex: 900
   };
-  const classPrefix$l = "nut-sticky";
+  const classPrefix$m = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -4700,7 +4702,7 @@ Check the top-level render call using <` + t2 + ">.");
       {
         ref: rootRef,
         style: rootStyle,
-        className: classNames(classPrefix$l, className),
+        className: classNames(classPrefix$m, className),
         ...rest
       },
       /* @__PURE__ */ React.createElement(
@@ -4718,6 +4720,18 @@ Check the top-level render call using <` + t2 + ">.");
   };
   Sticky.defaultProps = defaultProps$1l;
   Sticky.displayName = "NutSticky";
+  const classPrefix$l = "nut-safe-area";
+  const SafeArea = (props) => {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: classNames(
+          classPrefix$l,
+          `${classPrefix$l}-position-${props.position}`
+        )
+      }
+    );
+  };
   const defaultProps$1k = {
     ...ComponentDefaults,
     threshold: 200,
@@ -4753,9 +4767,13 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix2, className, {
-          show: backTop
-        }),
+        className: classNames(
+          classPrefix2,
+          {
+            show: backTop
+          },
+          className
+        ),
         style: styles,
         onClick: (e2) => {
           goTop(e2);
@@ -5042,12 +5060,12 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const classPrefix2 = "nut-fixednav";
     const classes = classNames(
+      classPrefix2,
       {
         active: visible
       },
       type2,
-      className,
-      classPrefix2
+      className
     );
     const handleClick = (item, event) => {
       onSelect(item, event);
@@ -5380,7 +5398,7 @@ Check the top-level render call using <` + t2 + ">.");
         position,
         onClose
       },
-      /* @__PURE__ */ React.createElement("div", { className: classNames(className, classPrefix2), ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React.createElement(
         "div",
         {
           className: `${classPrefix2}__list ${sidenavbarShow ? "sidenavbar-show" : "sidenavbar-hide"}`,
@@ -5581,9 +5599,13 @@ Check the top-level render call using <` + t2 + ">.");
       ...props
     };
     const classPrefix2 = "nut-tabbar-item";
-    const tabbarItemClass = classNames(className, classPrefix2, {
-      [`${classPrefix2}-active`]: active
-    });
+    const tabbarItemClass = classNames(
+      classPrefix2,
+      {
+        [`${classPrefix2}-active`]: active
+      },
+      className
+    );
     const boxPrefix = `${classPrefix2}__icon-box`;
     const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
       [`${boxPrefix}-large`]: !icon
@@ -5646,9 +5668,13 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix2, className, {
-          [`${classPrefix2}__fixed`]: fixed
-        }),
+        className: classNames(
+          classPrefix2,
+          {
+            [`${classPrefix2}__fixed`]: fixed
+          },
+          className
+        ),
         style
       },
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__wrap` }, React.Children.map(children, (child, idx) => {
@@ -5683,10 +5709,10 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const classPrefix2 = "nut-tabpane";
     const classes = classNames(
+      classPrefix2,
       {
         active: !disabled && props.active
       },
-      classPrefix2,
       autoHeightClassName,
       className
     );
@@ -7448,8 +7474,8 @@ Check the top-level render call using <` + t2 + ">.");
         [`${classPrefix2}-title`]: !popup,
         [`${classPrefix2}-nofooter`]: !!autoBackfill
       },
-      className,
-      classPrefix2
+      classPrefix2,
+      className
     );
     const headerClasses = classNames({
       [`${classPrefix2}-header`]: true,
@@ -7645,6 +7671,7 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(React.Fragment, null, popup ? /* @__PURE__ */ React.createElement(
       Popup,
       {
+        className: "nut-calendar-popup",
         visible,
         position: "bottom",
         round: true,
@@ -7652,7 +7679,7 @@ Check the top-level render call using <` + t2 + ">.");
         destroyOnClose: true,
         onOverlayClick: closePopup,
         onCloseIconClick: closePopup,
-        style: { height: "85vh" }
+        style: { height: "83%" }
       },
       renderItem()
     ) : renderItem());
@@ -7737,10 +7764,12 @@ Check the top-level render call using <` + t2 + ">.");
     type: "single",
     firstDayOfWeek: 0
   };
+  const prefixCls = "nut-calendarcard";
   const CalendarCard = React.forwardRef((props, ref) => {
     const { locale } = useConfig$1();
     const {
       style,
+      className,
       type: type2,
       value,
       defaultValue,
@@ -7992,7 +8021,7 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const monthTitle = locale.calendaritem.monthTitle;
     const renderHeader = () => {
-      return /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-header" }, /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-header-left" }, /* @__PURE__ */ React.createElement("div", { className: "double-left", onClick: () => jump(-12) }, /* @__PURE__ */ React.createElement(DoubleLeft, null)), /* @__PURE__ */ React.createElement("div", { className: "left", onClick: () => jump(-1) }, /* @__PURE__ */ React.createElement(Left, null))), /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-header-title" }, monthTitle(month.year, month.month)), /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-header-right" }, /* @__PURE__ */ React.createElement("div", { className: "right", onClick: () => jump(1) }, /* @__PURE__ */ React.createElement(Right, null)), /* @__PURE__ */ React.createElement("div", { className: "double-right", onClick: () => jump(12) }, /* @__PURE__ */ React.createElement(DoubleRight, null))));
+      return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-left` }, /* @__PURE__ */ React.createElement("div", { className: "double-left", onClick: () => jump(-12) }, /* @__PURE__ */ React.createElement(DoubleLeft, null)), /* @__PURE__ */ React.createElement("div", { className: "left", onClick: () => jump(-1) }, /* @__PURE__ */ React.createElement(Left, null))), /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-title` }, monthTitle(month.year, month.month)), /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-right` }, /* @__PURE__ */ React.createElement("div", { className: "right", onClick: () => jump(1) }, /* @__PURE__ */ React.createElement(Right, null)), /* @__PURE__ */ React.createElement("div", { className: "double-right", onClick: () => jump(12) }, /* @__PURE__ */ React.createElement(DoubleRight, null))));
     };
     const [weekHeader] = React.useState(() => {
       const weekdays = locale.calendaritem.weekdays.map((day, index) => {
@@ -8007,34 +8036,34 @@ Check the top-level render call using <` + t2 + ">.");
       ];
     });
     const renderContent = () => {
-      return /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-content" }, /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-days" }, weekHeader.map((day) => {
+      return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-days` }, weekHeader.map((day) => {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames("nut-calendarcard-day", "header", {
+            className: classNames(`${prefixCls}-day`, "header", {
               weekend: day.key === 0 || day.key === 6
             }),
             key: day.key
           },
           day.name
         );
-      })), /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-days" }, days.map((day) => /* @__PURE__ */ React.createElement(
+      })), /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-days` }, days.map((day) => /* @__PURE__ */ React.createElement(
         "div",
         {
           className: classNames(
-            "nut-calendarcard-day",
+            `${prefixCls}-day`,
             day.type,
             getClasses(day)
           ),
           key: `${day.year}-${day.month}-${day.date}`,
           onClick: () => handleDayClick(day)
         },
-        /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-day-top" }, renderDayTop ? renderDayTop(day) : ""),
-        /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-day-inner" }, renderDay ? renderDay(day) : day.date),
-        /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard-day-bottom" }, renderDayBottom ? renderDayBottom(day) : "")
+        /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-day-top` }, renderDayTop ? renderDayTop(day) : ""),
+        /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-day-inner` }, renderDay ? renderDay(day) : day.date),
+        /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-day-bottom` }, renderDayBottom ? renderDayBottom(day) : "")
       ))));
     };
-    return days.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "nut-calendarcard", style }, renderHeader(), renderContent()) : null;
+    return days.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, className), style }, renderHeader(), renderContent()) : null;
   });
   CalendarCard.defaultProps = defaultProps$12;
   CalendarCard.displayName = "NutCalendarCard";
@@ -8130,9 +8159,13 @@ Check the top-level render call using <` + t2 + ">.");
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$j, className, {
-              [`nut-checkboxgroup--${props.direction}`]: props.direction
-            }),
+            className: classNames(
+              classPrefix$j,
+              {
+                [`nut-checkboxgroup--${props.direction}`]: props.direction
+              },
+              className
+            ),
             ...rest
           },
           (options == null ? void 0 : options.length) ? renderOptions() : children
@@ -8248,9 +8281,13 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$i, className, {
-          [`${classPrefix$i}--reverse`]: labelPosition === "left"
-        }),
+        className: classNames(
+          classPrefix$i,
+          {
+            [`${classPrefix$i}--reverse`]: labelPosition === "left"
+          },
+          className
+        ),
         ...rest,
         onClick: handleClick
       },
@@ -8818,7 +8855,7 @@ Check the top-level render call using <` + t2 + ">.");
           onPickStart: pickerStart,
           onChange: pickerChange,
           onPickEnd: pickerEnd,
-          indicatorClass: Taro.getEnv() === "JD" ? "nut-picker-indicator-jdapp" : "",
+          indicatorClass: "nut-picker-indicator-taro",
           className: "nut-picker-view-panel"
         },
         columnsList == null ? void 0 : columnsList.map((columnOptions, index) => {
@@ -10455,8 +10492,8 @@ Check the top-level render call using <` + t2 + ">.");
         {
           className: classNames(
             classPrefix2,
-            className,
-            PositionInfo[labelPosition]
+            PositionInfo[labelPosition],
+            className
           ),
           style,
           onSubmit: (e2) => {
@@ -11233,10 +11270,13 @@ Check the top-level render call using <` + t2 + ">.");
     ) : null, /* @__PURE__ */ React.createElement(
       components.View,
       {
-        className: classNames(className, {
-          "nut-menu-item__wrap": direction === "down",
-          "nut-menu-item__wrap-up": direction !== "down"
-        }),
+        className: classNames(
+          {
+            "nut-menu-item__wrap": direction === "down",
+            "nut-menu-item__wrap-up": direction !== "down"
+          },
+          className
+        ),
         style: {
           ...style,
           ...isShow()
@@ -11397,10 +11437,14 @@ Check the top-level render call using <` + t2 + ">.");
           return /* @__PURE__ */ React.createElement(
             "div",
             {
-              className: classNames("nut-menu__item ", className, {
-                active: showMenuItem[index],
-                disabled
-              }),
+              className: classNames(
+                "nut-menu__item ",
+                {
+                  active: showMenuItem[index],
+                  disabled
+                },
+                className
+              ),
               style: { color: showMenuItem[index] ? activeColor : "" },
               key: index,
               onClick: () => {
@@ -11659,9 +11703,13 @@ Check the top-level render call using <` + t2 + ">.");
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(classPrefix$g, className, {
-              [`${classPrefix$g}--${props.direction}`]: props.direction
-            }),
+            className: classNames(
+              classPrefix$g,
+              {
+                [`${classPrefix$g}--${props.direction}`]: props.direction
+              },
+              className
+            ),
             ...rest
           },
           (options == null ? void 0 : options.length) ? renderOptionsChildren() : children
@@ -11767,14 +11815,10 @@ Check the top-level render call using <` + t2 + ">.");
         className: classNames(color())
       }) : /* @__PURE__ */ React.createElement(n$2, { className: classNames(color()) });
     };
-    const reverse = labelPosition === "left";
     const renderRadioItem = () => {
       if (shape === "button") {
         return renderButton();
       }
-      if (reverse) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, renderLabel(), renderIcon());
-      }
       return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), renderLabel());
     };
     const handleClick = (e2) => {
@@ -11785,7 +11829,13 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2} ${className} ${reverse ? `${classPrefix2}--reverse` : ""}`,
+        className: classNames(
+          classPrefix2,
+          {
+            [`${classPrefix2}--reverse`]: labelPosition === "left"
+          },
+          className
+        ),
         style,
         onClick: handleClick,
         ...rest
@@ -11858,9 +11908,13 @@ Check the top-level render call using <` + t2 + ">.");
       [`${classPrefix2}-disabled`]: disabled,
       [`${classPrefix2}-vertical`]: vertical
     });
-    const containerClasses = classNames(`${classPrefix2}-container`, className, {
-      [`${classPrefix2}-container-vertical`]: vertical
-    });
+    const containerClasses = classNames(
+      `${classPrefix2}-container`,
+      {
+        [`${classPrefix2}-container-vertical`]: vertical
+      },
+      className
+    );
     const markClassName = React.useCallback(
       (mark) => {
         const classPrefix22 = "nut-range-mark";
@@ -12159,10 +12213,14 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix2, className, {
-          disabled,
-          readonly: readOnly
-        }),
+        className: classNames(
+          classPrefix2,
+          {
+            disabled,
+            readonly: readOnly
+          },
+          className
+        ),
         style
       },
       countArray.map((n2) => {
@@ -12319,7 +12377,7 @@ Check the top-level render call using <` + t2 + ">.");
           className: `${classPrefix2}__clear ${rightIn ? "pos-right" : ""}`,
           onClick: (e2) => clearaVal(e2)
         },
-        /* @__PURE__ */ React.createElement(r$2, { color: "#555", size: 12 })
+        /* @__PURE__ */ React.createElement(e$5, { color: "#555", size: 12 })
       );
     };
     const clearaVal = (event) => {
@@ -12437,7 +12495,7 @@ Check the top-level render call using <` + t2 + ">.");
         onCloseIconClick: onClose,
         ...rest
       },
-      /* @__PURE__ */ React.createElement("div", { className: classNames(className, classPrefix2), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
+      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
         return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-fake__li`, key: index }, inputValue.length > index && /* @__PURE__ */ React.createElement(React.Fragment, null, plain ? inputValue[index] : /* @__PURE__ */ React.createElement(
           "div",
           {
@@ -12745,9 +12803,13 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix2, className, {
-          [`${classPrefix2}__disabled`]: disabled
-        })
+        className: classNames(
+          classPrefix2,
+          {
+            [`${classPrefix2}__disabled`]: disabled
+          },
+          className
+        )
       },
       /* @__PURE__ */ React.createElement(
         components.Textarea,
@@ -13966,12 +14028,11 @@ Check the top-level render call using <` + t2 + ">.");
     const refreshTop = React.useRef(null);
     const scrollHeight = React.useRef(0);
     const scrollTop = React.useRef(0);
-    const direction = React.useRef("down");
     const isTouching = React.useRef(false);
     const y = React.useRef(0);
     const refreshMaxH = React.useRef(0);
     const distance = React.useRef(0);
-    const classes = classNames(className, classPrefix$e);
+    const classes = classNames(classPrefix$e, className);
     React.useEffect(() => {
       refreshMaxH.current = threshold;
       setTimeout(() => {
@@ -14007,16 +14068,10 @@ Check the top-level render call using <` + t2 + ">.");
       } else if (e2.target.scrollTop >= scrollHeight.current) {
         e2.target.scrollTop = scrollHeight.current;
       }
-      if (e2.target.scrollTop > scrollTop.current || e2.target.scrollTop >= scrollHeight.current) {
-        direction.current = "down";
-      } else {
-        direction.current = "up";
-      }
-      scrollTop.current = e2.target.scrollTop;
       onScroll && onScroll(e2.target.scrollTop);
     };
     const lower = () => {
-      if (direction.current === "up" || !hasMore || isInfiniting) {
+      if (!hasMore || isInfiniting) {
         return false;
       }
       setIsInfiniting(true);
@@ -14094,8 +14149,8 @@ Check the top-level render call using <` + t2 + ">.");
       {
         className: classNames(
           classPrefix2,
-          className,
-          direction === "vertical" ? `${classPrefix2}-vertical` : ""
+          direction === "vertical" ? `${classPrefix2}-vertical` : "",
+          className
         ),
         style
       },
@@ -15094,7 +15149,7 @@ Check the top-level render call using <` + t2 + ">.");
       width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
       height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
       backgroundColor: `${background}`,
-      color: `${color}`,
+      color,
       marginLeft: avatarIndex !== 1 && ((_c = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c.gap) ? `${(_d = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _d.gap}px` : "",
       zIndex: ((_e = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _e.level) === "right" ? `${Math.abs(maxSum - avatarIndex)}` : "",
       ...style
@@ -15194,7 +15249,7 @@ Check the top-level render call using <` + t2 + ">.");
       ...props
     };
     const classPrefix2 = "nut-skeleton";
-    const classes = classNames(className, classPrefix2);
+    const classes = classNames(classPrefix2, className);
     const avatarClass = classNames({
       avatar: true,
       [`avatar--${avatarShape}`]: avatarShape
@@ -15284,7 +15339,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
       if (rightWrapper.current) {
         const rightRect = await getRectByTaro(rightWrapper.current);
-        setActionWidth((v) => ({ ...v, right: rightRect.width }));
+        setActionWidth((v) => ({ ...v, right: rightRect == null ? void 0 : rightRect.width }));
       }
       if (!props.disabled) {
         startOffset.current = state.offset;
@@ -15960,7 +16015,7 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const oldValue = React.useRef(percent);
     const forceUpdate = useForceUpdate();
-    const classes = classNames(className, classPrefix$7);
+    const classes = classNames(classPrefix$7, className);
     const refRandomId = Math.random().toString(36).slice(-8);
     const animateIdRef = React.useRef(0);
     const styles = {
@@ -16570,8 +16625,8 @@ Check the top-level render call using <` + t2 + ">.");
     const letterLowerReg = /^[a-z]+$/;
     const classes = classNames(
       classPrefix$6,
-      className,
-      width ? `${classPrefix$6}-width` : ""
+      width ? `${classPrefix$6}-width` : "",
+      className
     );
     const init = () => {
       setExceeded(false);
@@ -17025,6 +17080,8 @@ Check the top-level render call using <` + t2 + ">.");
   };
   const ImagePreview = (props) => {
     const {
+      className,
+      style,
       images,
       videos,
       visible,
@@ -17183,7 +17240,8 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: classPrefix2,
+          className: classNames(classPrefix2, className),
+          style,
           ref,
           onClick: closeOnImg,
           onTouchStart
@@ -17445,7 +17503,7 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2} ${className} ${line ? `${classPrefix2}--line` : ""}`,
+        className: `${classPrefix2} ${line ? `${classPrefix2}--line` : ""} ${className}`,
         style,
         ...rest
       },
@@ -17503,11 +17561,11 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const classPrefix2 = `nut-step`;
     const classes = classNames(
+      classPrefix2,
       {
         [`${classPrefix2}-${getCurrentStatus()}`]: true
       },
-      className,
-      classPrefix2
+      className
     );
     const renderIconClass = () => {
       if (icon) {
@@ -17544,12 +17602,12 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const classPrefix2 = `nut-steps`;
     const classes = classNames(
+      classPrefix2,
       {
         [`${classPrefix2}-${direction}`]: true,
         [`${classPrefix2}-dot`]: !!props.dot
       },
-      className,
-      classPrefix2
+      className
     );
     return /* @__PURE__ */ React.createElement(DataContext.Provider, { value: parentSteps }, React.createElement(
       "div",
@@ -17863,7 +17921,7 @@ Check the top-level render call using <` + t2 + ">.");
       width: 0,
       height: 0
     });
-    const classes = classNames(className, classPrefix$3);
+    const classes = classNames(classPrefix$3, className);
     React.useEffect(() => {
       if (visible) {
         getRootPosition();
@@ -18006,7 +18064,7 @@ Check the top-level render call using <` + t2 + ">.");
       ...defaultProps$8,
       ...props
     };
-    const classes = classNames(className, classPrefix$2);
+    const classes = classNames(classPrefix$2, className);
     return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, /* @__PURE__ */ React.createElement(
       components.Video,
       {
@@ -18201,7 +18259,7 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box",
+        className: classNames("nut-virtualList-box", className),
         ...rest,
         style: {
           height: containerHeight ? `${offSetSize}px` : ""
@@ -18287,9 +18345,13 @@ Check the top-level render call using <` + t2 + ">.");
     const barrageContainer = React.useRef(null);
     const timeId = React.useRef((/* @__PURE__ */ new Date()).getTime());
     const timer = React.useRef(0);
-    const classes = classNames(className, classPrefix$1, {
-      [`${classPrefix$1}__body${timeId.current}`]: true
-    });
+    const classes = classNames(
+      classPrefix$1,
+      {
+        [`${classPrefix$1}__body${timeId.current}`]: true
+      },
+      className
+    );
     React.useImperativeHandle(ref, () => ({
       add: (word) => {
         barrageListSet.current = [...barrageListSet.current, word];
@@ -18811,8 +18873,8 @@ Check the top-level render call using <` + t2 + ">.");
     space: 10,
     toolbar: [
       /* @__PURE__ */ React.createElement(Button, { type: "danger", key: "cancel" }, "取消"),
-      /* @__PURE__ */ React.createElement(Button, { type: "info", key: "reset" }, "重置"),
-      /* @__PURE__ */ React.createElement(Button, { type: "warning", key: "rotate" }, "旋转"),
+      /* @__PURE__ */ React.createElement(Button, { key: "reset" }, "重置"),
+      /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, "旋转"),
       /* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, "确认")
     ],
     toolbarPosition: "bottom",
@@ -18840,7 +18902,7 @@ Check the top-level render call using <` + t2 + ">.");
       ...defaultProps,
       ...props
     };
-    const cls = classNames(classPrefix, className, "taro");
+    const cls = classNames(classPrefix, "taro", className);
     const toolbarPositionCls = classNames(
       `${classPrefix}-popup-toolbar`,
       toolbarPosition
@@ -19398,6 +19460,7 @@ Check the top-level render call using <` + t2 + ">.");
   exports2.Range = Range;
   exports2.Rate = Rate;
   exports2.Row = Row;
+  exports2.SafeArea = SafeArea;
   exports2.SearchBar = SearchBar;
   exports2.ShortPassword = ShortPassword;
   exports2.SideNavBar = SideNavBar;