@nutui/nutui-react-taro 1.3.10 → 1.3.11

package/dist/nutui.react.es.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui-react-taro v1.3.10 Wed Nov 09 2022 13:51:43 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.3.11 Wed Nov 16 2022 13:53:31 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
-import React__default, { useCallback, useState, useEffect, useRef, createContext as createContext$1, useContext as useContext$1, useImperativeHandle, forwardRef, useLayoutEffect, useMemo, memo, Component } from "react";
+import React__default, { useCallback, useState, useEffect, useRef, createContext as createContext$1, useContext as useContext$1, forwardRef, useImperativeHandle, useLayoutEffect, useMemo, memo, Component } from "react";
 import Taro, { usePageScroll, eventCenter, getCurrentInstance, nextTick, useReady, createSelectorQuery } from "@tarojs/taro";
 import ReactDOM, { createPortal, unstable_batchedUpdates } from "react-dom";
 function getAugmentedNamespace(n2) {
@@ -223,7 +223,7 @@ const Button = (props) => {
       onClick(e2);
     }
   };
-  return /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ React__default.createElement("button", {
     className: `${btnName} ${className}`,
     style: { ...btnStyle, ...style },
     ...rest,
@@ -239,8 +239,8 @@ const Button = (props) => {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: icon
-  }) : "", /* @__PURE__ */ React__default.createElement("div", {
-    className: "text"
+  }) : "", children && /* @__PURE__ */ React__default.createElement("div", {
+    className: icon || loading ? "text" : ""
   }, children)));
 };
 Button.defaultProps = defaultProps$1n;
@@ -2507,7 +2507,17 @@ const defaultProps$1h = {
   gutter: "0"
 };
 const Col = (props) => {
-  const { span, offset, children, onClick } = { ...defaultProps$1h, ...props };
+  const {
+    className,
+    style = {},
+    span,
+    offset,
+    children,
+    onClick
+  } = {
+    ...defaultProps$1h,
+    ...props
+  };
   const [colName, setColName] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2516,18 +2526,18 @@ const Col = (props) => {
     return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ""} ${prefixCls}-${offset}`;
   };
   const getStyle = () => {
-    const style = {};
-    style.paddingLeft = `${gutter / 2}px`;
-    style.paddingRight = `${gutter / 2}px`;
-    return style;
+    const style2 = {};
+    style2.paddingLeft = `${gutter / 2}px`;
+    style2.paddingRight = `${gutter / 2}px`;
+    return style2;
   };
   useEffect(() => {
     setColName(classs);
     setColStyle(getStyle);
   }, [span, offset, gutter]);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${colName}`,
-    style: { ...colStyle },
+    className: `${colName} ${className}`,
+    style: { ...style, ...colStyle },
     onClick: (e2) => {
       onClick && onClick(e2, "col");
     }
@@ -2543,15 +2553,25 @@ const defaultProps$1g = {
   gutter: "0"
 };
 const Row = (props) => {
-  const { children, type, justify, align, wrap, gutter, onClick } = {
+  const {
+    className,
+    style = {},
+    children,
+    type,
+    justify,
+    align,
+    wrap,
+    gutter,
+    onClick
+  } = {
     ...defaultProps$1g,
     ...props
   };
   const prefixCls = "nut-row";
   const getClass = (prefix2, type2) => {
     const classType = type2 ? `nut-row-${prefix2}-${type2}` : "";
-    const className = prefix2 ? classType : `nut-row-${type2}`;
-    return className;
+    const className2 = prefix2 ? classType : `nut-row-${type2}`;
+    return className2;
   };
   const getClasses = () => {
     return `
@@ -2570,7 +2590,8 @@ const Row = (props) => {
   }, React__default.createElement(
     "div",
     {
-      className: getClasses(),
+      className: `${getClasses()} ${className}`,
+      style,
       onClick: (e2) => {
         onClick && onClick(e2, "row");
       }
@@ -3101,16 +3122,17 @@ const TabbarItem = (props) => {
   };
   const b2 = cn("tabbar-item");
   const bIcon = cn("tabbar-item__icon-box");
-  const history = useHistory();
   useEffect(() => {
     if (active && href) {
       window.location.href = href;
       return;
     }
     if (active && to2) {
-      history.push(to2);
+      Taro.navigateTo({
+        url: to2
+      });
     }
-  }, [active, history, href, to2]);
+  }, [active, href, to2]);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2({ active })} ${className}`,
     style: {
@@ -4028,7 +4050,7 @@ const defaultProps$$ = {
   fontClassName: "nutui-iconfont",
   onChange: (value) => void 0
 };
-const MenuItem = (props) => {
+const MenuItem = forwardRef((props, ref) => {
   useConfig$1();
   const mergedProps = { ...defaultProps$$, ...props };
   const {
@@ -4058,6 +4080,9 @@ const MenuItem = (props) => {
   useEffect(() => {
     getParentOffset();
   }, [_showPopup]);
+  useImperativeHandle(ref, () => ({
+    toggle: parent.toggleItemShow
+  }));
   const getIconCName = (optionVal, value2) => {
     return classNames({
       [activeTitleClass]: optionVal === value2,
@@ -4163,7 +4188,7 @@ const MenuItem = (props) => {
       }
     }, item.text));
   }), children))));
-};
+});
 MenuItem.defaultProps = defaultProps$$;
 MenuItem.displayName = "NutMenuItem";
 const MIN_DISTANCE = 10;
@@ -5356,7 +5381,7 @@ const CalendarItem = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-day"
   }, day.type === "curr" ? day.day : ""), isCurrDay(month, day.day) ? /* @__PURE__ */ React__default.createElement("div", {
-    className: "calendar-curr-tips"
+    className: "calendar-curr-tip-curr"
   }, locale.calendaritem.today) : "", isStartTip(day, month) ? /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-day-tip"
   }, locale.calendaritem.start) : "", isEndTip(day, month) ? /* @__PURE__ */ React__default.createElement("div", {
@@ -5553,7 +5578,7 @@ const CheckboxGroup = React__default.forwardRef(
           checked: childChecked
         });
       });
-    }, [innerValue]);
+    }, [innerValue, options]);
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2()} ${className || ""}`,
       ...rest
@@ -6725,9 +6750,7 @@ const Input = forwardRef((props, ref) => {
   });
   useEffect(() => {
     setClasses(inputClass);
-    if (defaultValue) {
-      SetInputValue(defaultValue);
-    }
+    SetInputValue(defaultValue);
   }, [defaultValue]);
   useEffect(() => {
     if (inputValue) {
@@ -7012,7 +7035,7 @@ const RadioGroup = React__default.forwardRef(
           checked: childChecked
         });
       });
-    }, [val2State]);
+    }, [val2State, options]);
     return /* @__PURE__ */ React__default.createElement(RadioContext.Provider, {
       value: {
         onChange: (val) => {
@@ -7144,6 +7167,8 @@ const defaultProps$O = {
 };
 const Rate = (props) => {
   const {
+    className,
+    style,
     count,
     modelValue,
     minimizeValue,
@@ -7201,7 +7226,8 @@ const Rate = (props) => {
     onChange && onChange(value);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: b2()
+    className: `${b2()} ${className}`,
+    style
   }, countArray.map((n2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: bi(),
@@ -9540,6 +9566,7 @@ const Infiniteloading = (props) => {
     className: classes,
     scrollY: true,
     id: "scroller",
+    style: { height: "100%" },
     onScroll: scrollAction,
     onScrollToLower: lower,
     onTouchStart: touchStart,
@@ -15599,11 +15626,11 @@ const defaultProps$r = {
 };
 const SwiperItem = React__default.forwardRef((props, ref) => {
   const _props = { ...defaultProps$r, ...props };
-  const { children, direction, size } = _props;
+  const { className, style, children, direction, size } = _props;
   const parent = useContext$1(DataContext);
   const b2 = cn("swiper-item");
-  const classes = classNames(b2(""));
-  const style = () => {
+  const classes = classNames(b2(""), className);
+  const getStyle = () => {
     const style2 = {};
     const _direction = (parent == null ? void 0 : parent.propSwiper.direction) || direction;
     const _size = (parent == null ? void 0 : parent.size) || size;
@@ -15614,7 +15641,7 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes,
-    style: style()
+    style: { ...style, ...getStyle() }
   }, children);
 });
 SwiperItem.defaultProps = defaultProps$r;
@@ -15624,11 +15651,11 @@ const defaultProps$q = {
   ...ComponentDefaults,
   size: "",
   icon: "",
+  iconSize: "",
   bgColor: "#eee",
   color: "#666",
   prefixCls: "nut-avatar",
-  url: "",
-  alt: ""
+  url: ""
 };
 const Avatar = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
@@ -15640,8 +15667,8 @@ const Avatar = (props) => {
     bgColor,
     color,
     url,
-    alt,
     icon,
+    iconSize,
     className,
     style,
     activeAvatar,
@@ -15722,15 +15749,16 @@ const Avatar = (props) => {
     style: !showMax ? styles : maxStyles,
     onClick: clickAvatar,
     ref: avatarRef
-  }, (!((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount) || avatarIndex <= ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxCount)) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, url && /* @__PURE__ */ React__default.createElement("img", {
+  }, (!((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount) || avatarIndex <= ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxCount)) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, url && /* @__PURE__ */ React__default.createElement(index_cjs.Image, {
+    className: "avatar-img",
     src: url,
-    alt,
     onError: errorEvent
   }), icon && /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "icon",
-    name: iconStyles
+    name: iconStyles,
+    size: iconSize
   }), children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
   }, children)), showMax && /* @__PURE__ */ React__default.createElement("div", {
@@ -15872,6 +15900,8 @@ const defaultProps$n = {
 };
 const Badge = (props) => {
   const {
+    className,
+    style,
     children,
     dot,
     top,
@@ -15896,15 +15926,16 @@ const Badge = (props) => {
     return value;
   }
   const getStyle = () => {
-    const style = {};
-    style.top = `${Number(top) || parseFloat(top) || 0}px`;
-    style.right = `${Number(right) || parseFloat(right) || 0}px`;
-    style.zIndex = zIndex;
-    style.backgroundColor = color;
-    return style;
+    const style2 = {};
+    style2.top = `${Number(top) || parseFloat(top) || 0}px`;
+    style2.right = `${Number(right) || parseFloat(right) || 0}px`;
+    style2.zIndex = zIndex;
+    style2.backgroundColor = color;
+    return style2;
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: "nut-badge"
+    className: `nut-badge ${className}`,
+    style
   }, icons !== "" && /* @__PURE__ */ React__default.createElement("div", {
     className: "slot-icons"
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
@@ -16002,7 +16033,7 @@ const Tag = (props) => {
     }
     return style2;
   };
-  return /* @__PURE__ */ React__default.createElement("div", null, closeable ? isTagShow && /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, closeable ? isTagShow && /* @__PURE__ */ React__default.createElement("div", {
     className: `${btnName} ${className}`,
     style: { ...style, ...getStyle() },
     onClick: (e2) => handleClick2(e2)

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.10 Wed Nov 09 2022 13:51:43 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.3.11 Wed Nov 16 2022 13:53:31 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -250,7 +250,7 @@
         onClick(e2);
       }
     };
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
+    return /* @__PURE__ */ React__default["default"].createElement("button", {
       className: `${btnName} ${className}`,
       style: { ...btnStyle, ...style },
       ...rest,
@@ -266,8 +266,8 @@
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: icon
-    }) : "", /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "text"
+    }) : "", children && /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: icon || loading ? "text" : ""
     }, children)));
   };
   Button.defaultProps = defaultProps$1n;
@@ -2534,7 +2534,17 @@
     gutter: "0"
   };
   const Col = (props) => {
-    const { span, offset, children, onClick } = { ...defaultProps$1h, ...props };
+    const {
+      className,
+      style = {},
+      span,
+      offset,
+      children,
+      onClick
+    } = {
+      ...defaultProps$1h,
+      ...props
+    };
     const [colName, setColName] = React.useState("");
     const [colStyle, setColStyle] = React.useState({});
     const { gutter } = React.useContext(DataContext$2);
@@ -2543,18 +2553,18 @@
       return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ""} ${prefixCls}-${offset}`;
     };
     const getStyle = () => {
-      const style = {};
-      style.paddingLeft = `${gutter / 2}px`;
-      style.paddingRight = `${gutter / 2}px`;
-      return style;
+      const style2 = {};
+      style2.paddingLeft = `${gutter / 2}px`;
+      style2.paddingRight = `${gutter / 2}px`;
+      return style2;
     };
     React.useEffect(() => {
       setColName(classs);
       setColStyle(getStyle);
     }, [span, offset, gutter]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${colName}`,
-      style: { ...colStyle },
+      className: `${colName} ${className}`,
+      style: { ...style, ...colStyle },
       onClick: (e2) => {
         onClick && onClick(e2, "col");
       }
@@ -2570,15 +2580,25 @@
     gutter: "0"
   };
   const Row = (props) => {
-    const { children, type, justify, align, wrap, gutter, onClick } = {
+    const {
+      className,
+      style = {},
+      children,
+      type,
+      justify,
+      align,
+      wrap,
+      gutter,
+      onClick
+    } = {
       ...defaultProps$1g,
       ...props
     };
     const prefixCls = "nut-row";
     const getClass = (prefix2, type2) => {
       const classType = type2 ? `nut-row-${prefix2}-${type2}` : "";
-      const className = prefix2 ? classType : `nut-row-${type2}`;
-      return className;
+      const className2 = prefix2 ? classType : `nut-row-${type2}`;
+      return className2;
     };
     const getClasses = () => {
       return `
@@ -2597,7 +2617,8 @@
     }, React__default["default"].createElement(
       "div",
       {
-        className: getClasses(),
+        className: `${getClasses()} ${className}`,
+        style,
         onClick: (e2) => {
           onClick && onClick(e2, "row");
         }
@@ -3128,16 +3149,17 @@
     };
     const b2 = cn("tabbar-item");
     const bIcon = cn("tabbar-item__icon-box");
-    const history = useHistory();
     React.useEffect(() => {
       if (active && href) {
         window.location.href = href;
         return;
       }
       if (active && to2) {
-        history.push(to2);
+        Taro__default["default"].navigateTo({
+          url: to2
+        });
       }
-    }, [active, history, href, to2]);
+    }, [active, href, to2]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2({ active })} ${className}`,
       style: {
@@ -4055,7 +4077,7 @@
     fontClassName: "nutui-iconfont",
     onChange: (value) => void 0
   };
-  const MenuItem = (props) => {
+  const MenuItem = React.forwardRef((props, ref) => {
     useConfig$1();
     const mergedProps = { ...defaultProps$$, ...props };
     const {
@@ -4085,6 +4107,9 @@
     React.useEffect(() => {
       getParentOffset();
     }, [_showPopup]);
+    React.useImperativeHandle(ref, () => ({
+      toggle: parent.toggleItemShow
+    }));
     const getIconCName = (optionVal, value2) => {
       return classNames({
         [activeTitleClass]: optionVal === value2,
@@ -4190,7 +4215,7 @@
         }
       }, item.text));
     }), children))));
-  };
+  });
   MenuItem.defaultProps = defaultProps$$;
   MenuItem.displayName = "NutMenuItem";
   const MIN_DISTANCE = 10;
@@ -5383,7 +5408,7 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "calendar-day"
     }, day.type === "curr" ? day.day : ""), isCurrDay(month, day.day) ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "calendar-curr-tips"
+      className: "calendar-curr-tip-curr"
     }, locale.calendaritem.today) : "", isStartTip(day, month) ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "calendar-day-tip"
     }, locale.calendaritem.start) : "", isEndTip(day, month) ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -5580,7 +5605,7 @@
             checked: childChecked
           });
         });
-      }, [innerValue]);
+      }, [innerValue, options]);
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2()} ${className || ""}`,
         ...rest
@@ -6752,9 +6777,7 @@
     });
     React.useEffect(() => {
       setClasses(inputClass);
-      if (defaultValue) {
-        SetInputValue(defaultValue);
-      }
+      SetInputValue(defaultValue);
     }, [defaultValue]);
     React.useEffect(() => {
       if (inputValue) {
@@ -7039,7 +7062,7 @@
             checked: childChecked
           });
         });
-      }, [val2State]);
+      }, [val2State, options]);
       return /* @__PURE__ */ React__default["default"].createElement(RadioContext.Provider, {
         value: {
           onChange: (val) => {
@@ -7171,6 +7194,8 @@
   };
   const Rate = (props) => {
     const {
+      className,
+      style,
       count,
       modelValue,
       minimizeValue,
@@ -7228,7 +7253,8 @@
       onChange && onChange(value);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2()
+      className: `${b2()} ${className}`,
+      style
     }, countArray.map((n2) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: bi(),
@@ -9567,6 +9593,7 @@
       className: classes,
       scrollY: true,
       id: "scroller",
+      style: { height: "100%" },
       onScroll: scrollAction,
       onScrollToLower: lower,
       onTouchStart: touchStart,
@@ -15626,11 +15653,11 @@
   };
   const SwiperItem = React__default["default"].forwardRef((props, ref) => {
     const _props = { ...defaultProps$r, ...props };
-    const { children, direction, size } = _props;
+    const { className, style, children, direction, size } = _props;
     const parent = React.useContext(DataContext);
     const b2 = cn("swiper-item");
-    const classes = classNames(b2(""));
-    const style = () => {
+    const classes = classNames(b2(""), className);
+    const getStyle = () => {
       const style2 = {};
       const _direction = (parent == null ? void 0 : parent.propSwiper.direction) || direction;
       const _size = (parent == null ? void 0 : parent.size) || size;
@@ -15641,7 +15668,7 @@
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes,
-      style: style()
+      style: { ...style, ...getStyle() }
     }, children);
   });
   SwiperItem.defaultProps = defaultProps$r;
@@ -15651,11 +15678,11 @@
     ...ComponentDefaults,
     size: "",
     icon: "",
+    iconSize: "",
     bgColor: "#eee",
     color: "#666",
     prefixCls: "nut-avatar",
-    url: "",
-    alt: ""
+    url: ""
   };
   const Avatar = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
@@ -15667,8 +15694,8 @@
       bgColor,
       color,
       url,
-      alt,
       icon,
+      iconSize,
       className,
       style,
       activeAvatar,
@@ -15749,15 +15776,16 @@
       style: !showMax ? styles : maxStyles,
       onClick: clickAvatar,
       ref: avatarRef
-    }, (!((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount) || avatarIndex <= ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxCount)) && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, url && /* @__PURE__ */ React__default["default"].createElement("img", {
+    }, (!((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount) || avatarIndex <= ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxCount)) && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, url && /* @__PURE__ */ React__default["default"].createElement(index_cjs.Image, {
+      className: "avatar-img",
       src: url,
-      alt,
       onError: errorEvent
     }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "icon",
-      name: iconStyles
+      name: iconStyles,
+      size: iconSize
     }), children && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "text"
     }, children)), showMax && /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -15899,6 +15927,8 @@
   };
   const Badge = (props) => {
     const {
+      className,
+      style,
       children,
       dot,
       top,
@@ -15923,15 +15953,16 @@
       return value;
     }
     const getStyle = () => {
-      const style = {};
-      style.top = `${Number(top) || parseFloat(top) || 0}px`;
-      style.right = `${Number(right) || parseFloat(right) || 0}px`;
-      style.zIndex = zIndex;
-      style.backgroundColor = color;
-      return style;
+      const style2 = {};
+      style2.top = `${Number(top) || parseFloat(top) || 0}px`;
+      style2.right = `${Number(right) || parseFloat(right) || 0}px`;
+      style2.zIndex = zIndex;
+      style2.backgroundColor = color;
+      return style2;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "nut-badge"
+      className: `nut-badge ${className}`,
+      style
     }, icons !== "" && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "slot-icons"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
@@ -16029,7 +16060,7 @@
       }
       return style2;
     };
-    return /* @__PURE__ */ React__default["default"].createElement("div", null, closeable ? isTagShow && /* @__PURE__ */ React__default["default"].createElement("div", {
+    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, closeable ? isTagShow && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${btnName} ${className}`,
       style: { ...style, ...getStyle() },
       onClick: (e2) => handleClick2(e2)

package/dist/packages/avatar/avatar.scss

@@ -6,7 +6,7 @@
   position: relative;
   flex: 0 0 auto; // 防止被压缩
   text-align: center;
-  img {
+  .avatar-img {
     position: absolute;
     width: 100%;
     height: 100%;