@nutui/nutui-react-taro 2.3.11 → 2.3.12

package/dist/esm/Switch.js

@@ -1,8 +1,4 @@
-import { S as Switch } from "./switch.taro-L0BAbMeu.js";
-import "react";
-import "./typings-buMpDfSR.js";
-import "./use-props-value-vKr0R0AX.js";
-import "./use-force-update-0oEVD8Nr.js";
+import { S as Switch } from "./switch.taro-D1HgJoJz.js";
 export {
   Switch as default
 };

package/dist/esm/TabPane.js

@@ -1,6 +1,4 @@
-import { T as TabPane } from "./tabpane.taro-5k7wWimS.js";
-import "react";
-import "classnames";
+import { T as TabPane } from "./tabpane.taro-BAe86j3t.js";
 export {
   TabPane as default
 };

package/dist/esm/Tabbar.js

@@ -1,11 +1,4 @@
-import { T as Tabbar } from "./tabbar.taro-QE0rjSKE.js";
-import "react";
-import "classnames";
-import "./typings-buMpDfSR.js";
-import "./use-props-value-vKr0R0AX.js";
-import "./use-force-update-0oEVD8Nr.js";
-import "./tabbaritem.taro-t9C07OYX.js";
-import "./badge.taro-993L861f.js";
+import { T as Tabbar } from "./tabbar.taro-8_SmJofa.js";
 export {
   Tabbar as default
 };

package/dist/esm/TabbarItem.js

@@ -1,8 +1,4 @@
-import { T as TabbarItem } from "./tabbaritem.taro-t9C07OYX.js";
-import "react";
-import "classnames";
-import "./typings-buMpDfSR.js";
-import "./badge.taro-993L861f.js";
+import { T as TabbarItem } from "./tabbaritem.taro-Cb-yfOln.js";
 export {
   TabbarItem as default
 };

package/dist/esm/Table.js

@@ -1,12 +1,4 @@
-import { T as Table } from "./table.taro-0zRh2hq6.js";
-import "react";
-import "classnames";
-import "@nutui/icons-react-taro";
-import "./configprovider.taro-q5J2gQbi.js";
-import "./index-oitVOJp9.js";
-import "./typings-buMpDfSR.js";
-import "./use-props-value-vKr0R0AX.js";
-import "./use-force-update-0oEVD8Nr.js";
+import { T as Table } from "./table.taro-0BcEBB0F.js";
 export {
   Table as default
 };

package/dist/esm/Tabs.js

@@ -1,14 +1,4 @@
-import { T as Tabs } from "./tabs.taro-Yj7vgtSg.js";
-import "react";
-import "@tarojs/components";
-import "classnames";
-import "@nutui/icons-react-taro";
-import "@tarojs/taro";
-import "./typings-buMpDfSR.js";
-import "./tabpane.taro-5k7wWimS.js";
-import "./use-props-value-vKr0R0AX.js";
-import "./use-force-update-0oEVD8Nr.js";
-import "./raf-UzmDvMUW.js";
+import { T as Tabs } from "./tabs.taro-HgAoKBAc.js";
 export {
   Tabs as default
 };

package/dist/esm/Tag.js

@@ -1,8 +1,4 @@
-import { T as Tag } from "./tag.taro-5KC_wObY.js";
-import "react";
-import "@nutui/icons-react-taro";
-import "classnames";
-import "./typings-buMpDfSR.js";
+import { T as Tag } from "./tag.taro-BsmY5QfN.js";
 export {
   Tag as default
 };

package/dist/esm/TextArea.js

@@ -1,13 +1,4 @@
-import { T as TextArea } from "./textarea.taro-9zQLTCwU.js";
-import "react";
-import "classnames";
-import "@tarojs/taro";
-import "@tarojs/components";
-import "./configprovider.taro-q5J2gQbi.js";
-import "./index-oitVOJp9.js";
-import "./typings-buMpDfSR.js";
-import "./use-props-value-vKr0R0AX.js";
-import "./use-force-update-0oEVD8Nr.js";
+import { T as TextArea } from "./textarea.taro-BJIFCpKb.js";
 export {
   TextArea as default
 };

package/dist/esm/TimeDetail.js

@@ -1,7 +1,4 @@
-import { T as TimeDetail } from "./timedetail.taro-TF9Wcblh.js";
-import "react";
-import "classnames";
-import "./typings-buMpDfSR.js";
+import { T as TimeDetail } from "./timedetail.taro-x6Zey1xi.js";
 export {
   TimeDetail as default
 };

package/dist/esm/TimeSelect.js

@@ -1,19 +1,4 @@
-import { T as TimeSelect } from "./timeselect.taro-j8LgSCe5.js";
-import "react";
-import "classnames";
-import "./popup.taro-ObEUml4r.js";
-import "react-dom";
-import "react-transition-group";
-import "@nutui/icons-react-taro";
-import "@tarojs/components";
-import "./overlay.taro-HsGeVyPh.js";
-import "./typings-buMpDfSR.js";
-import "@tarojs/taro";
-import "./use-touch-BUFdkOSA.js";
-import "./get-scroll-parent-uywvoQMl.js";
-import "./timedetail.taro-TF9Wcblh.js";
-import "./configprovider.taro-q5J2gQbi.js";
-import "./index-oitVOJp9.js";
+import { T as TimeSelect } from "./timeselect.taro-BXq4APSJ.js";
 export {
   TimeSelect as default
 };

package/dist/esm/Toast.js

@@ -1,18 +1,4 @@
-import { T as Toast } from "./toast.taro-xnEQSCDJ.js";
-import "react";
-import "classnames";
-import "@nutui/icons-react-taro";
-import "./overlay.taro-HsGeVyPh.js";
-import "react-transition-group";
-import "@tarojs/components";
-import "./typings-buMpDfSR.js";
-import "@tarojs/taro";
-import "./use-touch-BUFdkOSA.js";
-import "./get-scroll-parent-uywvoQMl.js";
-import "./use-custom-event-XvsODK8c.js";
-import "./index-oitVOJp9.js";
-import "./use-force-update-0oEVD8Nr.js";
-import "./use-props-value-vKr0R0AX.js";
+import { T as Toast } from "./toast.taro-BIR_7Wgb.js";
 export {
   Toast as default
 };

package/dist/esm/Tour.js

@@ -1,19 +1,4 @@
-import { T as Tour } from "./tour.taro-CGEjzzN_.js";
-import "react";
-import "@nutui/icons-react-taro";
-import "classnames";
-import "./popover.taro-qldQwLPC.js";
-import "@tarojs/taro";
-import "./popup.taro-ObEUml4r.js";
-import "react-dom";
-import "react-transition-group";
-import "@tarojs/components";
-import "./overlay.taro-HsGeVyPh.js";
-import "./typings-buMpDfSR.js";
-import "./use-touch-BUFdkOSA.js";
-import "./get-scroll-parent-uywvoQMl.js";
-import "./get-rect-by-taro-piSHvCGp.js";
-import "./ConfigProvider.js";
+import { T as Tour } from "./tour.taro-CMagdKcp.js";
 export {
   Tour as default
 };

package/dist/esm/TrendArrow.js

@@ -1,7 +1,4 @@
-import { T as TrendArrow } from "./trendarrow.taro-hsM6-XsQ.js";
-import "react";
-import "@nutui/icons-react-taro";
-import "./typings-buMpDfSR.js";
+import { T as TrendArrow } from "./trendarrow.taro-BHUetKSS.js";
 export {
   TrendArrow as default
 };

package/dist/esm/Uploader.js

@@ -1,17 +1,4 @@
-import { U as Uploader } from "./uploader.taro-bRF02TR9.js";
-import "react";
-import "classnames";
-import "@tarojs/taro";
-import "@nutui/icons-react-taro";
-import "./button.taro-3IIFy1M2.js";
-import "./typings-buMpDfSR.js";
-import "./configprovider.taro-q5J2gQbi.js";
-import "./index-oitVOJp9.js";
-import "./index-YvHA__3D.js";
-import "./use-props-value-vKr0R0AX.js";
-import "./use-force-update-0oEVD8Nr.js";
-import "@tarojs/components";
-import "./progress.taro-pStvlrbA.js";
+import { U as Uploader } from "./uploader.taro-CuaIVvya.js";
 export {
   Uploader as default
 };

package/dist/esm/Video.js

@@ -1,7 +1,4 @@
-import { V as Video } from "./video.taro-csvHwS2v.js";
-import "react";
-import "classnames";
-import "@tarojs/components";
+import { V as Video } from "./video.taro-CEMVfhCS.js";
 export {
   Video as default
 };

package/dist/esm/VirtualList.js

@@ -1,9 +1,4 @@
-import { V as VirtualList } from "./virtuallist.taro-AeTVtFFa.js";
-import "react";
-import "@tarojs/components";
-import "@tarojs/taro";
-import "classnames";
-import "./typings-buMpDfSR.js";
+import { V as VirtualList } from "./virtuallist.taro-C5vZAyza.js";
 export {
   VirtualList as default
 };

package/dist/esm/WaterMark.js

@@ -1,10 +1,4 @@
-import { W as WaterMark } from "./watermark.taro-nvSmcwu-.js";
-import "react";
-import "@tarojs/taro";
-import "classnames";
-import "./configprovider.taro-q5J2gQbi.js";
-import "./index-oitVOJp9.js";
-import "./typings-buMpDfSR.js";
+import { W as WaterMark } from "./watermark.taro-BxM8VfXb.js";
 export {
   WaterMark as default
 };

package/dist/esm/{actionsheet.taro-kKhb0Vwt.js → actionsheet.taro-C5BqWoML.js}

@@ -1,20 +1,12 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default from "react";
-import { P as Popup } from "./popup.taro-ObEUml4r.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  visible: false,
-  description: "",
-  options: [],
-  optionKey: { name: "name", description: "description" },
-  cancelText: "",
-  onCancel: () => {
-  },
-  onSelect: () => {
-  }
-};
+import { P as Popup } from "./popup.taro-Iy_WQZ-m.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, description: "", options: [], optionKey: { name: "name", description: "description" }, cancelText: "", onCancel: () => {
+}, onSelect: () => {
+} });
 const ActionSheet = (props) => {
-  const { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style, ...rest } = { ...defaultProps, ...props };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style } = _a, rest = __rest(_a, ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"]);
   const classPrefix = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();
@@ -26,9 +18,9 @@ const ActionSheet = (props) => {
   };
   return React__default.createElement(
     Popup,
-    { ...rest, round: true, visible, position: "bottom", title, description, className: classPrefix, onClose: () => {
+    Object.assign({}, rest, { round: true, visible, position: "bottom", title, description, className: classPrefix, onClose: () => {
       onCancel && onCancel();
-    } },
+    } }),
     React__default.createElement(
       "div",
       { className: `${className}`, style },

package/dist/esm/{address.taro-zQuxQEce.js → address.taro-DjlXNWie.js}

@@ -1,11 +1,12 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { forwardRef, useState, useImperativeHandle } from "react";
 import { Check, Location, ArrowLeft } from "@nutui/icons-react-taro";
-import { P as Popup } from "./popup.taro-ObEUml4r.js";
+import { P as Popup } from "./popup.taro-Iy_WQZ-m.js";
 import { ScrollView } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-q5J2gQbi.js";
-import { C as Cascader } from "./cascader.taro-M2nZWxiB.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { C as Cascader } from "./cascader.taro-CpofskUL.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const defaultProps$2 = {
   type: "custom",
   existList: [],
@@ -15,7 +16,8 @@ const defaultProps$2 = {
 };
 const ExistRender = (props) => {
   const { locale } = useConfig();
-  const { children, type, existList, selectIcon, defaultIcon, custom, onSelect, onSwitch, ...rest } = { ...defaultProps$2, ...props };
+  const _a = Object.assign(Object.assign({}, defaultProps$2), props), { children, type, existList, selectIcon, defaultIcon, custom, onSelect, onSwitch } = _a;
+  __rest(_a, ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"]);
   const classPrefix = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -63,47 +65,20 @@ const ExistRender = (props) => {
     )
   );
 };
-const defaultProps$1 = {
-  ...ComponentDefaults,
-  visible: false,
-  type: "custom",
-  options: [],
-  optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" },
-  format: {},
-  height: "200px"
-};
+const defaultProps$1 = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, type: "custom", options: [], optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" }, format: {}, height: "200px" });
 const CustomRender = (props) => {
-  const { children, visible, type, height, options, title, left, value, defaultValue, optionKey, format, onClose, onChange, onPathChange, ...rest } = {
-    ...defaultProps$1,
-    ...props
-  };
-  return React__default.createElement(React__default.Fragment, null, type === "custom" && React__default.createElement(Cascader, { visible, value, defaultValue, title, left, options, format, optionKey, onClose: () => {
-    onClose == null ? void 0 : onClose();
+  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, visible, type, height, options, title, left, value, defaultValue, optionKey, format, onClose, onChange, onPathChange } = _a, rest = __rest(_a, ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"]);
+  return React__default.createElement(React__default.Fragment, null, type === "custom" && React__default.createElement(Cascader, Object.assign({ visible, value, defaultValue, title, left, options, format, optionKey, onClose: () => {
+    onClose === null || onClose === void 0 ? void 0 : onClose();
   }, onChange: (val) => {
-    onChange == null ? void 0 : onChange(val);
-  }, onPathChange, ...rest }));
-};
-const defaultProps = {
-  ...ComponentDefaults,
-  defaultValue: [],
-  type: "custom",
-  options: [],
-  optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" },
-  format: {},
-  custom: false,
-  existList: [],
-  height: "200px",
-  defaultIcon: null,
-  selectIcon: null,
-  closeIcon: null,
-  backIcon: null
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+  }, onPathChange }, rest)));
 };
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: [], type: "custom", options: [], optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" }, format: {}, custom: false, existList: [], height: "200px", defaultIcon: null, selectIcon: null, closeIcon: null, backIcon: null });
 const InternalAddress = (props, ref) => {
   const { locale } = useConfig();
-  const { style, className, visible, defaultVisible, defaultValue, children, type, options, optionKey, format, height, title, existList, custom, selectIcon, defaultIcon, closeIcon, backIcon, onChange, onExistSelect, onClose, onSwitch, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { style, className, visible, defaultVisible, defaultValue, children, type, options, optionKey, format, height, title, existList, custom, selectIcon, defaultIcon, closeIcon, backIcon, onChange, onExistSelect, onClose, onSwitch } = _a;
+  __rest(_a, ["style", "className", "visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch"]);
   const classPrefix = "nut-address";
   const [currentType, setCurrentType] = useState(type);
   const [innerVisible, setInnerVisible] = usePropsValue({
@@ -141,13 +116,13 @@ const InternalAddress = (props, ref) => {
     onSwitch && onSwitch({ type: currentType });
   };
   return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, { visible: innerVisible, closeable: true, title: title || locale.address.selectRegion, left: renderLeftOnCustomSwitch(), defaultValue, closeIcon, options, format, optionKey, type: currentType, height, onClose: handleClose, onChange: (val, params) => {
-    onChange == null ? void 0 : onChange(val, params);
+    onChange === null || onChange === void 0 ? void 0 : onChange(val, params);
   } }) : React__default.createElement(
     Popup,
     { visible: innerVisible, position: "bottom", round: true, closeable: true, closeIcon, title: title || locale.address.selectRegion, onClose: handleClose },
     React__default.createElement(
       "div",
-      { className: `${classPrefix} ${className || ""}`, style: { ...style } },
+      { className: `${classPrefix} ${className || ""}`, style: Object.assign({}, style) },
       // 不需要 close，选中切换即关闭弹框。可手动关闭弹框，只关闭弹框不处理逻辑。
       React__default.createElement(ExistRender, { type: currentType, existList, selectIcon, defaultIcon, custom, onSelect: selectedExistItem, onSwitch: onSwitchModule })
     )

package/dist/esm/{animate.taro-m67VyUHP.js → animate.taro-Dg9jxZEu.js}

@@ -1,20 +1,12 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  type: "shake",
-  action: "initial",
-  loop: false,
-  onClick: (event) => {
-  }
-};
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "shake", action: "initial", loop: false, onClick: (event) => {
+} });
 const classPrefix = `nut-animate`;
 const Animate = (props) => {
-  const { className, type, action, loop, onClick, children, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, type, action, loop, onClick, children } = _a, rest = __rest(_a, ["className", "type", "action", "loop", "onClick", "children"]);
   const [clicked, setClicked] = useState(false);
   const classes = classNames({
     "nut-ani-container": true,
@@ -34,7 +26,7 @@ const Animate = (props) => {
   return React__default.createElement(
     "div",
     { className: "nut-animate" },
-    React__default.createElement("div", { className: cls, onClick: handleClick, ...rest }, children)
+    React__default.createElement("div", Object.assign({ className: cls, onClick: handleClick }, rest), children)
   );
 };
 Animate.defaultProps = defaultProps;

package/dist/esm/{audio.taro-dJgj5qIu.js → audio.taro-DXxWGngO.js}

@@ -1,38 +1,22 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useRef } from "react";
 import { createInnerAudioContext } from "@tarojs/taro";
 import { Service } from "@nutui/icons-react-taro";
-import { R as Range } from "./range.taro-mDYY3SXA.js";
-import { B as Button } from "./button.taro-3IIFy1M2.js";
-import { u as useConfig } from "./configprovider.taro-q5J2gQbi.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  className: "",
-  url: "",
-  style: {},
-  autoplay: false,
-  loop: false,
-  type: "progress",
-  onFastBack: (ctx) => {
-  },
-  onForward: (ctx) => {
-  },
-  onPause: (ctx) => {
-  },
-  onPlay: (ctx) => {
-  },
-  onPlayEnd: (ctx) => {
-  },
-  onCanPlay: (ctx) => {
-  }
-};
+import { R as Range } from "./range.taro-BxMDs5Cy.js";
+import { B as Button } from "./button.taro-OKGsDVW7.js";
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { className: "", url: "", style: {}, autoplay: false, loop: false, type: "progress", onFastBack: (ctx) => {
+}, onForward: (ctx) => {
+}, onPause: (ctx) => {
+}, onPlay: (ctx) => {
+}, onPlayEnd: (ctx) => {
+}, onCanPlay: (ctx) => {
+} });
 const Audio = (props) => {
   const classPrefix = "nut-audio";
   const { locale } = useConfig();
-  const { className, url, style, autoplay, loop, type, onFastBack, onForward, onPause, onPlay, onPlayEnd, onCanPlay, children, iconClassPrefix, iconFontClassName, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, url, style, autoplay, loop, type, onFastBack, onForward, onPause, onPlay, onPlayEnd, onCanPlay, children, iconClassPrefix, iconFontClassName } = _a, rest = __rest(_a, ["className", "url", "style", "autoplay", "loop", "type", "onFastBack", "onForward", "onPause", "onPlay", "onPlayEnd", "onCanPlay", "children", "iconClassPrefix", "iconFontClassName"]);
   const [playing, setPlaying] = useState(false);
   const [totalSeconds, setTotalSeconds] = useState(0);
   const [percent, setPercent] = useState(0);
@@ -174,7 +158,7 @@ const Audio = (props) => {
         return null;
     }
   };
-  return React__default.createElement("div", { className: `${classPrefix} ${className}`, style, ...rest }, renderAudio());
+  return React__default.createElement("div", Object.assign({ className: `${classPrefix} ${className}`, style }, rest), renderAudio());
 };
 Audio.defaultProps = defaultProps;
 Audio.displayName = "NutAudio";

package/dist/esm/avatar.taro-a6CX3kxV.js

@@ -0,0 +1,86 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useState, useRef, useContext, useEffect } from "react";
+import Taro, { getEnv } from "@tarojs/taro";
+import classNames from "classnames";
+import { User } from "@nutui/icons-react-taro";
+import { I as Image } from "./image.taro-BLz2WCva.js";
+import { a as AvatarContext, A as AvatarGroup } from "./avatargroup.taro-bpT5kPbf.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { size: "", shape: "round", icon: "", fit: "cover", background: "#eee", color: "#666", src: "", alt: "" });
+const classPrefix = `nut-avatar`;
+const Avatar = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  const _q = Object.assign(Object.assign({}, defaultProps), props), { children, size, shape, background, color, src, icon, fit, alt, className, style, onClick, onError } = _q, rest = __rest(_q, ["children", "size", "shape", "background", "color", "src", "icon", "fit", "alt", "className", "style", "onClick", "onError"]);
+  const [maxSum, setMaxSum] = useState(0);
+  const [showMax, setShowMax] = useState(false);
+  const [avatarIndex, setAvatarIndex] = useState(1);
+  const avatarRef = useRef(null);
+  const parent = useContext(AvatarContext);
+  const sizeValue = ["large", "normal", "small"];
+  const classes = classNames({
+    [`nut-avatar-${((_a = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _a === void 0 ? void 0 : _a.size) || size || "normal"}`]: true,
+    [`nut-avatar-${((_b = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _b === void 0 ? void 0 : _b.shape) || shape}`]: true
+  });
+  const cls = classNames(classPrefix, classes, className);
+  const styles = Object.assign({ width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`, height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`, backgroundColor: `${background}`, color, marginLeft: avatarIndex !== 1 && ((_c = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _c === void 0 ? void 0 : _c.gap) ? `${(_d = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _d === void 0 ? void 0 : _d.gap}px` : "", zIndex: ((_e = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _e === void 0 ? void 0 : _e.level) === "right" ? `${Math.abs(maxSum - avatarIndex)}` : "" }, style);
+  const maxStyles = {
+    backgroundColor: `${(_f = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _f === void 0 ? void 0 : _f.maxBackground}`,
+    color: `${(_g = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _g === void 0 ? void 0 : _g.maxColor}`
+  };
+  useEffect(() => {
+    var _a2;
+    const avatarChildren = (_a2 = parent === null || parent === void 0 ? void 0 : parent.avatarGroupRef) === null || _a2 === void 0 ? void 0 : _a2.current.children;
+    if (avatarChildren) {
+      avatarLength(avatarChildren);
+    }
+  }, []);
+  const isAvatarInClassList = (element) => {
+    var _a2, _b2;
+    if (getEnv() === Taro.ENV_TYPE.WEB) {
+      return element.classList[0] === "nut-avatar" || element.classList.values().next().value === "nut-avatar";
+    }
+    return ((_a2 = element.classList) === null || _a2 === void 0 ? void 0 : _a2.tokenList[0]) === "nut-avatar" || ((_b2 = element.classList) === null || _b2 === void 0 ? void 0 : _b2.tokenList.values().next().value) === "nut-avatar";
+  };
+  const avatarLength = (children2) => {
+    var _a2, _b2, _c2;
+    for (let i = 0; i < children2.length; i++) {
+      if (children2[i] && children2[i].classList && isAvatarInClassList(children2[i])) {
+        children2[i].setAttribute("data-index", i + 1);
+      }
+    }
+    const index = (_b2 = (_a2 = avatarRef === null || avatarRef === void 0 ? void 0 : avatarRef.current) === null || _a2 === void 0 ? void 0 : _a2.dataset) === null || _b2 === void 0 ? void 0 : _b2.index;
+    const maxCount = (_c2 = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _c2 === void 0 ? void 0 : _c2.max;
+    setMaxSum(children2.length);
+    setAvatarIndex(index);
+    if (index === children2.length && index !== maxCount && children2.length > maxCount) {
+      setShowMax(true);
+    }
+  };
+  const errorEvent = () => {
+    if (props.onError) {
+      props.onError();
+    }
+  };
+  const clickAvatar = (e) => {
+    onClick && onClick(e);
+  };
+  return React__default.createElement(React__default.Fragment, null, (showMax || !((_h = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _h === void 0 ? void 0 : _h.max) || avatarIndex <= ((_j = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _j === void 0 ? void 0 : _j.max)) && React__default.createElement(
+    "div",
+    Object.assign({ className: cls }, rest, { style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef }),
+    (!((_k = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _k === void 0 ? void 0 : _k.max) || avatarIndex <= ((_l = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _l === void 0 ? void 0 : _l.max)) && React__default.createElement(
+      React__default.Fragment,
+      null,
+      src && React__default.createElement(Image, { className: "avatar-img", src, style: { objectFit: fit }, onError: errorEvent }),
+      React__default.isValidElement(icon) ? React__default.cloneElement(icon, Object.assign(Object.assign({}, icon.props), { className: `${icon.props.className || ""} icon` })) : null,
+      children && React__default.createElement("span", { className: "text" }, children),
+      !src && !icon && !children && React__default.createElement(User, { className: "icon" })
+    ),
+    showMax && React__default.createElement("div", { className: "text" }, ((_m = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _m === void 0 ? void 0 : _m.maxContent) ? (_o = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _o === void 0 ? void 0 : _o.maxContent : `+ ${avatarIndex - Number(((_p = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _p === void 0 ? void 0 : _p.max) || 0)}`)
+  ));
+};
+Avatar.defaultProps = defaultProps;
+Avatar.displayName = "NutAvatar";
+Avatar.Group = AvatarGroup;
+export {
+  Avatar as A
+};