@sheinx/base 3.5.0-beta.4 → 3.5.0-beta.5

package/cjs/avatar/avatar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarProps } from './avatar.type';
+declare const Avatar: (props: AvatarProps) => JSX.Element;
+export default Avatar;
+//# sourceMappingURL=avatar.d.ts.map

package/cjs/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAiB,MAAM,eAAe,CAAC;AAE3D,QAAA,MAAM,MAAM,UAAW,WAAW,gBA4HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/avatar/avatar.js

@@ -0,0 +1,140 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "className", "children", "style", "src", "alt", "icon", "gap", "shape", "srcSet", "draggable", "size", "crossOrigin", "onError"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Avatar = function Avatar(props) {
+  var _jssStyle$avatar;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    children = props.children,
+    style = props.style,
+    src = props.src,
+    alt = props.alt,
+    icon = props.icon,
+    _props$gap = props.gap,
+    gap = _props$gap === void 0 ? 4 : _props$gap,
+    shapeProp = props.shape,
+    srcSet = props.srcSet,
+    draggable = props.draggable,
+    sizeProp = props.size,
+    crossOrigin = props.crossOrigin,
+    onError = props.onError,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = (0, _react.useState)(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    scale = _useState2[0],
+    setScale = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    mounted = _useState4[0],
+    setMounted = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isImgExist = _useState6[0],
+    setIsImgExist = _useState6[1];
+  var avatarRef = (0, _react.useRef)(null);
+  var childrenRef = (0, _react.useRef)(null);
+  var avatarContext = (0, _react.useContext)(_context.AvatarContext);
+  var shape = shapeProp || avatarContext.shape || 'circle';
+  var size = sizeProp || avatarContext.size;
+  var hasImageElement = /*#__PURE__*/(0, _react.isValidElement)(src);
+  var avatarClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$avatar = jssStyle.avatar) === null || _jssStyle$avatar === void 0 ? void 0 : _jssStyle$avatar.call(jssStyle)) || {};
+  var rootClass = (0, _classnames.default)(className, avatarClasses.wrapper, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, avatarClasses.circle, shape === 'circle'), avatarClasses.square, shape === 'square'), avatarClasses.image, hasImageElement || src), avatarClasses.small, size === 'small'), avatarClasses.large, size === 'large'), avatarClasses.icon, !!icon));
+  var setScaleByChildren = function setScaleByChildren() {
+    if (!childrenRef.current || !avatarRef.current) return;
+    var avatarWidth = avatarRef.current.offsetWidth;
+    var childrenWidth = childrenRef.current.offsetWidth;
+    if (childrenWidth !== 0 && avatarWidth !== 0) {
+      if (gap * 2 < avatarWidth) {
+        setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);
+      }
+    }
+  };
+  var handleImageLoadError = function handleImageLoadError() {
+    var errorFlag = (onError === null || onError === void 0 ? void 0 : onError()) || false;
+    if (errorFlag !== false) {
+      setIsImgExist(false);
+    }
+  };
+  var renderChildren = function renderChildren() {
+    if (typeof src === 'string' && isImgExist) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: src,
+        alt: alt,
+        draggable: draggable,
+        srcSet: srcSet,
+        crossOrigin: crossOrigin,
+        onError: handleImageLoadError
+      });
+    }
+    if (hasImageElement) {
+      return src;
+    }
+    if (icon) {
+      return icon;
+    }
+    var className = (0, _classnames.default)(icon ? avatarClasses.icon : avatarClasses.string);
+    if (mounted || scale !== 1) {
+      var transform = "scale(".concat(scale, ")");
+      var childrenStyle = {
+        transform: transform,
+        msTransform: transform,
+        WebkitTransform: transform
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: childrenStyle,
+        className: className,
+        ref: childrenRef,
+        children: children
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        opacity: 0
+      },
+      className: className,
+      ref: childrenRef,
+      children: children
+    });
+  };
+  (0, _react.useEffect)(function () {
+    setMounted(true);
+  }, []);
+  (0, _react.useEffect)(function () {
+    setIsImgExist(true);
+    setScale(1);
+  }, [props.src]);
+  (0, _react.useEffect)(setScaleByChildren, [gap]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({
+    ref: avatarRef,
+    className: rootClass,
+    style: style
+  }, rest), {}, {
+    children: renderChildren()
+  }));
+};
+var _default = exports.default = Avatar;

package/cjs/avatar/avatar.type.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+import { PopoverClasses, PopoverProps } from '../popover/popover.type';
+export interface AvatarClasses {
+    wrapper: string;
+    small: string;
+    large: string;
+    image: string;
+    string: string;
+    circle: string;
+    square: string;
+    icon: string;
+    text: string;
+    group: string;
+    max: string;
+    popover: string;
+}
+export interface AvatarProps extends Pick<CommonType, 'className' | 'style' | 'size'> {
+    jssStyle?: {
+        avatar: () => AvatarClasses;
+    };
+    /**
+     * @en The alternative text for the image
+     * @cn 图像无法显示时的替代文本
+     */
+    alt?: string;
+    /**
+     * @en The address of the image or the image element of the image class avatar
+     * @cn 图片类头像的资源地址或者图片元素
+     */
+    src?: string | React.ReactNode;
+    /**
+     * @en Set the custom icon of the avatar
+     * @cn 设置头像的自定义图标
+     */
+    icon?: React.ReactNode;
+    /**
+     * @en Specifies the shape of the avatar
+     * @cn 指定头像的形状
+     * @default 'circle'
+     */
+    children?: React.ReactNode;
+    /**
+     * @en The text content of the avatar, the scaling ratio will be calculated according to the content size
+     * @cn 头像文本内容，会根据内容尺寸自适应计算缩放比例
+     */
+    shape?: 'circle' | 'square';
+    /**
+     * @en Set the responsive resource address of the image class avatar
+     * @cn 设置图片类头像响应式资源地址
+     */
+    srcSet?: string;
+    /**
+     * @en The distance between the left and right edges of the character type in pixels
+     * @cn 字符类型距离左右两侧边界单位像素
+     */
+    gap?: number;
+    /**
+     * @en Whether the image is allowed to be dragged
+     * @cn 图片是否允许拖动
+     * @default true
+     */
+    draggable?: boolean;
+    /**
+     * @en CORS attribute setting
+     * @cn CORS 属性设置
+     */
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    /**
+     * @en The event that the image fails to load, returning false will close the component's default fallback behavior
+     * @cn 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为
+     */
+    onError?: () => boolean;
+}
+export interface AvatarGroupProps extends Pick<CommonType, 'className' | 'style' | 'size'>, Pick<AvatarProps, 'shape'> {
+    jssStyle?: {
+        avatar: () => AvatarClasses;
+        popover: () => PopoverClasses;
+    };
+    /**
+     * @en Set the maximum number of avatars displayed in the avatar group
+     * @cn 设置头像组展示头像的最大数量
+     */
+    max?: number;
+    /**
+     * @en Custom rendering of hidden avatar nodes, hideAvatarNodes is an array of hidden node dom, max is the number of hidden nodes
+     * @cn 自定义渲染隐藏的头像节点，hideAvatarNodes 为隐藏的节点 dom 数组，max 为隐藏的节点数量
+     */
+    renderMax?: (hideAvatarNodes: React.ReactNode[], max: number) => React.ReactNode;
+    /**
+     * @en Avatar node
+     * @cn 头像节点
+     */
+    children: React.ReactNode;
+    /**
+     * @en The event that the image fails to load, returning false will close the component's default fallback behavior
+     * @cn 用于展示隐藏头像的 Popover 相关配置，配置属性为 Popover 部分属性: position、zIndex、getPopupContainer、adjust
+     */
+    popover?: Pick<PopoverProps, 'position' | 'zIndex' | 'getPopupContainer' | 'adjust'>;
+}
+//# sourceMappingURL=avatar.type.d.ts.map

package/cjs/avatar/avatar.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.type.d.ts","sourceRoot":"","sources":["avatar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACnF,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;CACzB;AACD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;QAC5B,OAAO,EAAE,MAAM,cAAc,CAAC;KAC/B,CAAC;IACF;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,QAAQ,GAAG,mBAAmB,GAAG,QAAQ,CAAC,CAAC;CACtF"}

package/cjs/avatar/avatar.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/avatar/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from './avatar.type';
+export type AvatarContextProps = Pick<AvatarGroupProps, 'shape' | 'size'>;
+export declare const AvatarContext: import("react").Context<AvatarContextProps>;
+//# sourceMappingURL=context.d.ts.map

package/cjs/avatar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,aAAa,6CAAwC,CAAC"}

package/cjs/avatar/context.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarContext = void 0;
+var _react = require("react");
+var AvatarContext = exports.AvatarContext = /*#__PURE__*/(0, _react.createContext)({});

package/cjs/avatar/group.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from './avatar.type';
+declare const AvatarGroup: (props: AvatarGroupProps) => JSX.Element;
+export default AvatarGroup;
+//# sourceMappingURL=group.d.ts.map

package/cjs/avatar/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAiB,MAAM,eAAe,CAAC;AAahE,QAAA,MAAM,WAAW,UAAW,gBAAgB,gBA2C3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/avatar/group.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _context = require("./context");
+var _avatar = _interopRequireDefault(require("./avatar"));
+var _popover = require("../popover");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var AvatarProvider = function AvatarProvider(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AvatarContext.Provider, {
+    value: props,
+    children: props.children
+  });
+};
+var AvatarGroup = function AvatarGroup(props) {
+  var _jssStyle$avatar;
+  var jssStyle = props.jssStyle,
+    childrenProp = props.children,
+    size = props.size,
+    shape = props.shape,
+    max = props.max,
+    popover = props.popover,
+    renderMax = props.renderMax;
+  var avatarGroupClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$avatar = jssStyle.avatar) === null || _jssStyle$avatar === void 0 ? void 0 : _jssStyle$avatar.call(jssStyle)) || {};
+  var children = _react.Children.toArray(childrenProp).map(function (child, index) {
+    return /*#__PURE__*/(0, _react.cloneElement)(child, {
+      key: "avatar-key-".concat(index)
+    });
+  });
+  var childrenNumber = children.length;
+  if (max && max < childrenNumber) {
+    var childrenShow = children.slice(0, max);
+    var childrenHidden = children.slice(max, childrenNumber);
+    if (renderMax) {
+      childrenShow.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: renderMax(childrenHidden, childrenHidden.length)
+      }, 'avatar-provider-key'));
+    } else {
+      childrenShow.push( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_avatar.default, {
+        jssStyle: jssStyle,
+        className: avatarGroupClasses.max,
+        children: ["+", childrenHidden.length, /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.Popover, _objectSpread(_objectSpread({
+          jssStyle: jssStyle
+        }, popover), {}, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: avatarGroupClasses.popover,
+            children: childrenHidden
+          })
+        }))]
+      }, 'avatar-provider-key'));
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarProvider, {
+      shape: shape,
+      size: size,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: avatarGroupClasses.group,
+        children: childrenShow
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarProvider, {
+    shape: shape,
+    size: size,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: avatarGroupClasses.group,
+      children: children
+    })
+  });
+};
+var _default = exports.default = AvatarGroup;

package/cjs/avatar/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Avatar } from './avatar';
+export type { AvatarProps } from './avatar.type';
+export { default as AvatarGroup } from './group';
+export type { AvatarGroupProps } from './avatar.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/cjs/avatar/index.js

@@ -0,0 +1,27 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _avatar.default;
+  }
+});
+Object.defineProperty(exports, "AvatarGroup", {
+  enumerable: true,
+  get: function get() {
+    return _group.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _avatar.default;
+  }
+});
+var _avatar = _interopRequireDefault(require("./avatar"));
+var _group = _interopRequireDefault(require("./group"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/index.d.ts

@@ -1,4 +1,5 @@
 export * from './alert';
+export * from './avatar';
 export * from './badge';
 export * from './breadcrumb';
 export * from './button';

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/cjs/index.js

@@ -25,6 +25,18 @@ Object.keys(_alert).forEach(function (key) {
     }
   });
 });
+var _avatar = require("./avatar");
+Object.keys(_avatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _avatar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _avatar[key];
+    }
+  });
+});
 var _badge = require("./badge");
 Object.keys(_badge).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/esm/avatar/avatar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarProps } from './avatar.type';
+declare const Avatar: (props: AvatarProps) => JSX.Element;
+export default Avatar;
+//# sourceMappingURL=avatar.d.ts.map

package/esm/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAiB,MAAM,eAAe,CAAC;AAE3D,QAAA,MAAM,MAAM,UAAW,WAAW,gBA4HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/avatar/avatar.js

@@ -0,0 +1,131 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["jssStyle", "className", "children", "style", "src", "alt", "icon", "gap", "shape", "srcSet", "draggable", "size", "crossOrigin", "onError"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useRef, isValidElement, useEffect, useContext } from 'react';
+import classNames from 'classnames';
+import { AvatarContext } from "./context";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Avatar = function Avatar(props) {
+  var _jssStyle$avatar;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    children = props.children,
+    style = props.style,
+    src = props.src,
+    alt = props.alt,
+    icon = props.icon,
+    _props$gap = props.gap,
+    gap = _props$gap === void 0 ? 4 : _props$gap,
+    shapeProp = props.shape,
+    srcSet = props.srcSet,
+    draggable = props.draggable,
+    sizeProp = props.size,
+    crossOrigin = props.crossOrigin,
+    onError = props.onError,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    scale = _useState2[0],
+    setScale = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    mounted = _useState4[0],
+    setMounted = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isImgExist = _useState6[0],
+    setIsImgExist = _useState6[1];
+  var avatarRef = useRef(null);
+  var childrenRef = useRef(null);
+  var avatarContext = useContext(AvatarContext);
+  var shape = shapeProp || avatarContext.shape || 'circle';
+  var size = sizeProp || avatarContext.size;
+  var hasImageElement = /*#__PURE__*/isValidElement(src);
+  var avatarClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$avatar = jssStyle.avatar) === null || _jssStyle$avatar === void 0 ? void 0 : _jssStyle$avatar.call(jssStyle)) || {};
+  var rootClass = classNames(className, avatarClasses.wrapper, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, avatarClasses.circle, shape === 'circle'), avatarClasses.square, shape === 'square'), avatarClasses.image, hasImageElement || src), avatarClasses.small, size === 'small'), avatarClasses.large, size === 'large'), avatarClasses.icon, !!icon));
+  var setScaleByChildren = function setScaleByChildren() {
+    if (!childrenRef.current || !avatarRef.current) return;
+    var avatarWidth = avatarRef.current.offsetWidth;
+    var childrenWidth = childrenRef.current.offsetWidth;
+    if (childrenWidth !== 0 && avatarWidth !== 0) {
+      if (gap * 2 < avatarWidth) {
+        setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);
+      }
+    }
+  };
+  var handleImageLoadError = function handleImageLoadError() {
+    var errorFlag = (onError === null || onError === void 0 ? void 0 : onError()) || false;
+    if (errorFlag !== false) {
+      setIsImgExist(false);
+    }
+  };
+  var renderChildren = function renderChildren() {
+    if (typeof src === 'string' && isImgExist) {
+      return /*#__PURE__*/_jsx("img", {
+        src: src,
+        alt: alt,
+        draggable: draggable,
+        srcSet: srcSet,
+        crossOrigin: crossOrigin,
+        onError: handleImageLoadError
+      });
+    }
+    if (hasImageElement) {
+      return src;
+    }
+    if (icon) {
+      return icon;
+    }
+    var className = classNames(icon ? avatarClasses.icon : avatarClasses.string);
+    if (mounted || scale !== 1) {
+      var transform = "scale(".concat(scale, ")");
+      var childrenStyle = {
+        transform: transform,
+        msTransform: transform,
+        WebkitTransform: transform
+      };
+      return /*#__PURE__*/_jsx("span", {
+        style: childrenStyle,
+        className: className,
+        ref: childrenRef,
+        children: children
+      });
+    }
+    return /*#__PURE__*/_jsx("span", {
+      style: {
+        opacity: 0
+      },
+      className: className,
+      ref: childrenRef,
+      children: children
+    });
+  };
+  useEffect(function () {
+    setMounted(true);
+  }, []);
+  useEffect(function () {
+    setIsImgExist(true);
+    setScale(1);
+  }, [props.src]);
+  useEffect(setScaleByChildren, [gap]);
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
+    ref: avatarRef,
+    className: rootClass,
+    style: style
+  }, rest), {}, {
+    children: renderChildren()
+  }));
+};
+export default Avatar;

package/esm/avatar/avatar.type.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+import { PopoverClasses, PopoverProps } from '../popover/popover.type';
+export interface AvatarClasses {
+    wrapper: string;
+    small: string;
+    large: string;
+    image: string;
+    string: string;
+    circle: string;
+    square: string;
+    icon: string;
+    text: string;
+    group: string;
+    max: string;
+    popover: string;
+}
+export interface AvatarProps extends Pick<CommonType, 'className' | 'style' | 'size'> {
+    jssStyle?: {
+        avatar: () => AvatarClasses;
+    };
+    /**
+     * @en The alternative text for the image
+     * @cn 图像无法显示时的替代文本
+     */
+    alt?: string;
+    /**
+     * @en The address of the image or the image element of the image class avatar
+     * @cn 图片类头像的资源地址或者图片元素
+     */
+    src?: string | React.ReactNode;
+    /**
+     * @en Set the custom icon of the avatar
+     * @cn 设置头像的自定义图标
+     */
+    icon?: React.ReactNode;
+    /**
+     * @en Specifies the shape of the avatar
+     * @cn 指定头像的形状
+     * @default 'circle'
+     */
+    children?: React.ReactNode;
+    /**
+     * @en The text content of the avatar, the scaling ratio will be calculated according to the content size
+     * @cn 头像文本内容，会根据内容尺寸自适应计算缩放比例
+     */
+    shape?: 'circle' | 'square';
+    /**
+     * @en Set the responsive resource address of the image class avatar
+     * @cn 设置图片类头像响应式资源地址
+     */
+    srcSet?: string;
+    /**
+     * @en The distance between the left and right edges of the character type in pixels
+     * @cn 字符类型距离左右两侧边界单位像素
+     */
+    gap?: number;
+    /**
+     * @en Whether the image is allowed to be dragged
+     * @cn 图片是否允许拖动
+     * @default true
+     */
+    draggable?: boolean;
+    /**
+     * @en CORS attribute setting
+     * @cn CORS 属性设置
+     */
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    /**
+     * @en The event that the image fails to load, returning false will close the component's default fallback behavior
+     * @cn 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为
+     */
+    onError?: () => boolean;
+}
+export interface AvatarGroupProps extends Pick<CommonType, 'className' | 'style' | 'size'>, Pick<AvatarProps, 'shape'> {
+    jssStyle?: {
+        avatar: () => AvatarClasses;
+        popover: () => PopoverClasses;
+    };
+    /**
+     * @en Set the maximum number of avatars displayed in the avatar group
+     * @cn 设置头像组展示头像的最大数量
+     */
+    max?: number;
+    /**
+     * @en Custom rendering of hidden avatar nodes, hideAvatarNodes is an array of hidden node dom, max is the number of hidden nodes
+     * @cn 自定义渲染隐藏的头像节点，hideAvatarNodes 为隐藏的节点 dom 数组，max 为隐藏的节点数量
+     */
+    renderMax?: (hideAvatarNodes: React.ReactNode[], max: number) => React.ReactNode;
+    /**
+     * @en Avatar node
+     * @cn 头像节点
+     */
+    children: React.ReactNode;
+    /**
+     * @en The event that the image fails to load, returning false will close the component's default fallback behavior
+     * @cn 用于展示隐藏头像的 Popover 相关配置，配置属性为 Popover 部分属性: position、zIndex、getPopupContainer、adjust
+     */
+    popover?: Pick<PopoverProps, 'position' | 'zIndex' | 'getPopupContainer' | 'adjust'>;
+}
+//# sourceMappingURL=avatar.type.d.ts.map

package/esm/avatar/avatar.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.type.d.ts","sourceRoot":"","sources":["avatar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACnF,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;CACzB;AACD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,aAAa,CAAC;QAC5B,OAAO,EAAE,MAAM,cAAc,CAAC;KAC/B,CAAC;IACF;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,QAAQ,GAAG,mBAAmB,GAAG,QAAQ,CAAC,CAAC;CACtF"}

package/esm/avatar/avatar.type.js

@@ -0,0 +1 @@
+export {};

package/esm/avatar/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from './avatar.type';
+export type AvatarContextProps = Pick<AvatarGroupProps, 'shape' | 'size'>;
+export declare const AvatarContext: import("react").Context<AvatarContextProps>;
+//# sourceMappingURL=context.d.ts.map

package/esm/avatar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,aAAa,6CAAwC,CAAC"}

package/esm/avatar/context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var AvatarContext = /*#__PURE__*/createContext({});

package/esm/avatar/group.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from './avatar.type';
+declare const AvatarGroup: (props: AvatarGroupProps) => JSX.Element;
+export default AvatarGroup;
+//# sourceMappingURL=group.d.ts.map

package/esm/avatar/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAiB,MAAM,eAAe,CAAC;AAahE,QAAA,MAAM,WAAW,UAAW,gBAAgB,gBA2C3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/avatar/group.js

@@ -0,0 +1,74 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Children, cloneElement } from 'react';
+import { AvatarContext } from "./context";
+import Avatar from "./avatar";
+import { Popover } from "../popover";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var AvatarProvider = function AvatarProvider(props) {
+  return /*#__PURE__*/_jsx(AvatarContext.Provider, {
+    value: props,
+    children: props.children
+  });
+};
+var AvatarGroup = function AvatarGroup(props) {
+  var _jssStyle$avatar;
+  var jssStyle = props.jssStyle,
+    childrenProp = props.children,
+    size = props.size,
+    shape = props.shape,
+    max = props.max,
+    popover = props.popover,
+    renderMax = props.renderMax;
+  var avatarGroupClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$avatar = jssStyle.avatar) === null || _jssStyle$avatar === void 0 ? void 0 : _jssStyle$avatar.call(jssStyle)) || {};
+  var children = Children.toArray(childrenProp).map(function (child, index) {
+    return /*#__PURE__*/cloneElement(child, {
+      key: "avatar-key-".concat(index)
+    });
+  });
+  var childrenNumber = children.length;
+  if (max && max < childrenNumber) {
+    var childrenShow = children.slice(0, max);
+    var childrenHidden = children.slice(max, childrenNumber);
+    if (renderMax) {
+      childrenShow.push( /*#__PURE__*/_jsx(React.Fragment, {
+        children: renderMax(childrenHidden, childrenHidden.length)
+      }, 'avatar-provider-key'));
+    } else {
+      childrenShow.push( /*#__PURE__*/_jsxs(Avatar, {
+        jssStyle: jssStyle,
+        className: avatarGroupClasses.max,
+        children: ["+", childrenHidden.length, /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({
+          jssStyle: jssStyle
+        }, popover), {}, {
+          children: /*#__PURE__*/_jsx("div", {
+            className: avatarGroupClasses.popover,
+            children: childrenHidden
+          })
+        }))]
+      }, 'avatar-provider-key'));
+    }
+    return /*#__PURE__*/_jsx(AvatarProvider, {
+      shape: shape,
+      size: size,
+      children: /*#__PURE__*/_jsx("div", {
+        className: avatarGroupClasses.group,
+        children: childrenShow
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(AvatarProvider, {
+    shape: shape,
+    size: size,
+    children: /*#__PURE__*/_jsx("div", {
+      className: avatarGroupClasses.group,
+      children: children
+    })
+  });
+};
+export default AvatarGroup;

package/esm/avatar/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Avatar } from './avatar';
+export type { AvatarProps } from './avatar.type';
+export { default as AvatarGroup } from './group';
+export type { AvatarGroupProps } from './avatar.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/esm/avatar/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { default, default as Avatar } from "./avatar";
+export { default as AvatarGroup } from "./group";

package/esm/index.d.ts

@@ -1,4 +1,5 @@
 export * from './alert';
+export * from './avatar';
 export * from './badge';
 export * from './breadcrumb';
 export * from './button';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/esm/index.js

@@ -1,5 +1,6 @@
 "use client";
 export * from "./alert";
+export * from "./avatar";
 export * from "./badge";
 export * from "./breadcrumb";
 export * from "./button";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.5.0-beta.4",
+  "version": "3.5.0-beta.5",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.5.0-beta.4",
+    "@sheinx/hooks": "3.5.0-beta.5",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"