react-vant-nova 1.0.9 → 1.1.0

package/bundle/react-vant-nova.js

@@ -935,7 +935,7 @@
     );
     return [stateRef.current, setState];
   }
-  var index$17 = {
+  var index$18 = {
     useClickAway,
     useCountDown,
     useEventListener,
@@ -954,7 +954,7 @@
     useMemoizedFn,
     usePropsValue
   };
-  var index$16 = "";
+  var index$17 = "";
   function r(e2) {
     var t2, f2, n2 = "";
     if ("string" == typeof e2 || "number" == typeof e2)
@@ -973,7 +973,7 @@
       (e2 = arguments[f2++]) && (t2 = r(e2)) && (n2 && (n2 += " "), n2 += t2);
     return n2;
   }
-  var index$15 = "";
+  var index$16 = "";
   const SpinIcon = ({ bem: bem2 }) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, Array(12).fill(null).map((_, index2) => /* @__PURE__ */ React__default["default"].createElement("i", {
     key: index2,
     className: clsx(bem2("line", String(index2 + 1)))
@@ -1001,7 +1001,7 @@
       bem: bem2
     })
   });
-  const [bem$1F] = createNamespace("loading");
+  const [bem$1G] = createNamespace("loading");
   const Loading = (props) => {
     const {
       className,
@@ -1023,7 +1023,7 @@
     const renderText = () => {
       if (children) {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
-          className: clsx(bem$1F("text")),
+          className: clsx(bem$1G("text")),
           style: {
             fontSize: addUnit$1(textSize),
             color: textColor != null ? textColor : color
@@ -1033,12 +1033,12 @@
       return null;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(className, bem$1F([type2, { vertical }])),
+      className: clsx(className, bem$1G([type2, { vertical }])),
       style: props.style
     }, /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: clsx(bem$1F("spinner", type2)),
+      className: clsx(bem$1G("spinner", type2)),
       style: spinnerStyle
-    }, Icon(bem$1F)[type2]), renderText());
+    }, Icon(bem$1G)[type2]), renderText());
   };
   const WHITE = "#fff";
   const BORDER = "rv-hairline";
@@ -1051,7 +1051,7 @@
   const SHADOW = "rv-shadow";
   const COMPONENT_TYPE_KEY = "__REACT_VANT_COMPONENT";
   const ButtonContext = React__default["default"].createContext({});
-  const [bem$1E] = createNamespace("button");
+  const [bem$1F] = createNamespace("button");
   const Button$1 = (props) => {
     const {
       color,
@@ -1107,7 +1107,7 @@
     const TagElement = tag;
     const classes = clsx(
       className,
-      bem$1E([
+      bem$1F([
         type2,
         size,
         {
@@ -1144,7 +1144,7 @@
       if (loading) {
         const { loadingSize = "20px" } = props;
         return /* @__PURE__ */ React__default["default"].createElement(Loading, {
-          className: clsx(bem$1E("loading")),
+          className: clsx(bem$1F("loading")),
           size: loadingSize,
           type: loadingType,
           color: type2 === "default" ? void 0 : ""
@@ -1158,7 +1158,7 @@
       }
       if (props.icon) {
         return React__default["default"].cloneElement(props.icon, {
-          className: clsx(bem$1E("icon"))
+          className: clsx(bem$1F("icon"))
         });
       }
       return null;
@@ -1173,13 +1173,13 @@
       if (text) {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
           key: "text",
-          className: clsx(bem$1E("text"))
+          className: clsx(bem$1F("text"))
         }, text);
       }
       return null;
     };
     const renderContent = () => /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: clsx(bem$1E("content"))
+      className: clsx(bem$1F("content"))
     }, iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon());
     const ValidTagElement = TagElement;
     return /* @__PURE__ */ React__default["default"].createElement(ValidTagElement, {
@@ -1191,7 +1191,7 @@
       onClick
     }, renderContent());
   };
-  const [bem$1D] = createNamespace("button-group");
+  const [bem$1E] = createNamespace("button-group");
   const ButtonGroup = ({
     className,
     style,
@@ -1209,7 +1209,7 @@
       style,
       className: clsx(
         className,
-        bem$1D([
+        bem$1E([
           props.type,
           {
             round: props.round,
@@ -1224,7 +1224,7 @@
     }, children));
   };
   const Button = Object.assign(Button$1, { Group: ButtonGroup });
-  var index$14 = "";
+  var index$15 = "";
   function mergeProps(...items) {
     const result = { ...items[0] };
     items.forEach((item) => {
@@ -1235,7 +1235,7 @@
     });
     return result;
   }
-  const [bem$1C] = createNamespace("badge");
+  const [bem$1D] = createNamespace("badge");
   const Badge = (p2) => {
     const props = mergeProps(p2, {
       tag: "div",
@@ -1281,7 +1281,7 @@
             {
               [props.className]: props.className && !props.children
             },
-            bem$1C({ dot: props.dot, fixed: !!props.children })
+            bem$1D({ dot: props.dot, fixed: !!props.children })
           ),
           style
         }, renderContent());
@@ -1291,7 +1291,7 @@
     if (props.children) {
       const ValidTagElement = TagElement;
       return /* @__PURE__ */ React__default["default"].createElement(ValidTagElement, {
-        className: clsx(bem$1C("wrapper"), props.className),
+        className: clsx(bem$1D("wrapper"), props.className),
         style: props.style,
         onClick: props.onClick,
         onTouchStart: props.onTouchStart
@@ -1299,6 +1299,69 @@
     }
     return renderBadge();
   };
+  var index$14 = "";
+  const [bem$1C] = createNamespace("avatar");
+  const presetSizes = ["mini", "small", "normal", "large"];
+  const Avatar = (props) => {
+    const {
+      alt,
+      children,
+      className,
+      fallback,
+      fit = "cover",
+      shape = "circle",
+      size = "normal",
+      src,
+      style,
+      onClick,
+      onError,
+      onLoad
+    } = props;
+    const [failed, setFailed] = React.useState(false);
+    React.useEffect(() => {
+      setFailed(false);
+    }, [src]);
+    const avatarStyle = React.useMemo(() => {
+      const internalStyle = { ...style };
+      if (!presetSizes.includes(String(size))) {
+        const sizeValue = addUnit$1(size);
+        internalStyle.width = sizeValue;
+        internalStyle.height = sizeValue;
+      }
+      return internalStyle;
+    }, [style, size]);
+    const handleLoad = (event) => {
+      onLoad == null ? void 0 : onLoad(event);
+    };
+    const handleError = (event) => {
+      setFailed(true);
+      onError == null ? void 0 : onError(event);
+    };
+    const renderContent = () => {
+      if (src && !failed) {
+        return /* @__PURE__ */ React__default["default"].createElement("img", {
+          className: clsx(bem$1C("img")),
+          src,
+          alt: alt || "",
+          style: { objectFit: fit },
+          onLoad: handleLoad,
+          onError: handleError
+        });
+      }
+      return fallback != null ? fallback : children;
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: clsx(
+        className,
+        bem$1C({
+          [shape]: !!shape,
+          [String(size)]: presetSizes.includes(String(size))
+        })
+      ),
+      style: avatarStyle,
+      onClick
+    }, renderContent());
+  };
   var index$13 = "";
   var __rest = globalThis && globalThis.__rest || function(s, e2) {
     var t2 = {};
@@ -25356,6 +25419,7 @@
   exports2.ActionBar = ActionBar;
   exports2.ActionSheet = ActionSheet;
   exports2.Area = Area;
+  exports2.Avatar = Avatar;
   exports2.Badge = Badge;
   exports2.Button = Button;
   exports2.Calendar = Calendar;
@@ -25435,6 +25499,6 @@
   exports2.Typography = TypographyNamespace;
   exports2.Uploader = Uploader;
   exports2.WaterMark = WaterMark;
-  exports2.hooks = index$17;
+  exports2.hooks = index$18;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });