tdesign-react 0.19.1 → 0.21.0

package/es/avatar/Avatar.js

@@ -0,0 +1,141 @@
+/**
+ * tdesign v0.21.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-3457a894.js';
+import { _ as _slicedToArray } from '../_chunks/dep-06e3288c.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-7cd001a1.js';
+import React__default, { forwardRef, useContext, useState, useRef, useEffect } from 'react';
+import useResizeObserver from 'use-resize-observer';
+import classNames from 'classnames';
+import useConfig from '../_util/useConfig.js';
+import useCommonClassName from '../_util/useCommonClassName.js';
+import composeRefs from '../_util/composeRefs.js';
+import AvatarContext from './AvatarContext.js';
+import '../_chunks/dep-eeb051d7.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+
+var _excluded = ["alt", "hideOnLoadFailed", "icon", "image", "shape", "size", "onError", "children", "style", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Avatar = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _classNames;
+
+  var alt = props.alt,
+      _props$hideOnLoadFail = props.hideOnLoadFailed,
+      hideOnLoadFailed = _props$hideOnLoadFail === void 0 ? false : _props$hideOnLoadFail,
+      icon = props.icon,
+      image = props.image,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? "circle" : _props$shape,
+      _props$size = props.size,
+      avatarSize = _props$size === void 0 ? "default" : _props$size,
+      onError = props.onError,
+      children = props.children,
+      style = props.style,
+      className = props.className,
+      avatarProps = _objectWithoutProperties(props, _excluded);
+
+  var groupSize = useContext(AvatarContext);
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var _useState = useState(1),
+      _useState2 = _slicedToArray(_useState, 2),
+      scale = _useState2[0],
+      setScale = _useState2[1];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isImgExist = _useState4[0],
+      setIsImgExist = _useState4[1];
+
+  var avatarRef = useRef(null);
+  var avatarChildrenRef = useRef(null);
+  var size = avatarSize === "default" ? groupSize : avatarSize;
+  var gap = 4;
+
+  var handleScale = function handleScale() {
+    if (!avatarChildrenRef.current || !avatarRef.current) {
+      return;
+    }
+
+    var childrenWidth = avatarChildrenRef.current.offsetWidth;
+    var avatarWidth = avatarRef.current.offsetWidth;
+
+    if (childrenWidth !== 0 && avatarWidth !== 0) {
+      if (gap * 2 < avatarWidth) {
+        setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);
+      }
+    }
+  };
+
+  var _useResizeObserver = useResizeObserver({
+    onResize: handleScale
+  }),
+      observerRef = _useResizeObserver.ref;
+
+  var handleImgLoadError = function handleImgLoadError() {
+    onError && onError();
+    !hideOnLoadFailed && setIsImgExist(false);
+  };
+
+  useEffect(function () {
+    setIsImgExist(true);
+    setScale(1);
+  }, [props.image]);
+  useEffect(function () {
+    handleScale();
+  }, []);
+
+  var _useCommonClassName = useCommonClassName(),
+      SIZE = _useCommonClassName.SIZE;
+
+  var numSizeStyle = size && !SIZE[size] ? {
+    width: size,
+    height: size,
+    fontSize: "".concat(Number.parseInt(size, 10) / 2, "px")
+  } : {};
+  var imageStyle = size && !SIZE[size] ? {
+    width: size,
+    height: size
+  } : {};
+  var preClass = "".concat(classPrefix, "-avatar");
+  var avatarClass = classNames(preClass, className, (_classNames = {}, _defineProperty(_classNames, SIZE[size], !!SIZE[size]), _defineProperty(_classNames, "".concat(preClass, "--").concat(shape), !!shape), _defineProperty(_classNames, "".concat(preClass, "-icon"), !!icon), _classNames));
+  var content;
+
+  if (image && isImgExist) {
+    content = /* @__PURE__ */React__default.createElement("img", {
+      src: image,
+      alt: alt,
+      style: imageStyle,
+      onError: handleImgLoadError
+    });
+  } else if (icon) {
+    content = icon;
+  } else {
+    var childrenStyle = {
+      transform: "scale(".concat(scale, ")")
+    };
+    content = /* @__PURE__ */React__default.createElement("span", {
+      ref: composeRefs(ref, avatarChildrenRef, observerRef),
+      style: childrenStyle
+    }, children);
+  }
+
+  return /* @__PURE__ */React__default.createElement("div", _objectSpread({
+    ref: composeRefs(ref, avatarRef),
+    className: avatarClass,
+    style: _objectSpread(_objectSpread({}, numSizeStyle), style)
+  }, avatarProps), content);
+});
+Avatar.displayName = "Avatar";
+
+export { Avatar as default };
+//# sourceMappingURL=Avatar.js.map

package/es/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../src/avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect, useContext } from 'react';\nimport useResizeObserver from 'use-resize-observer';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport composeRefs from '../_util/composeRefs';\nimport { TdAvatarProps } from './type';\nimport { StyledProps } from '../common';\nimport AvatarContext from './AvatarContext';\n\nexport interface AvatarProps extends TdAvatarProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst Avatar = forwardRef<HTMLElement, AvatarProps>((props, ref) => {\n  const {\n    alt,\n    hideOnLoadFailed = false,\n    icon,\n    image,\n    shape = 'circle',\n    size: avatarSize = 'default',\n    onError,\n    children,\n    style,\n    className,\n    ...avatarProps\n  } = props;\n  const groupSize = useContext(AvatarContext);\n  const { classPrefix } = useConfig();\n  const [scale, setScale] = useState(1);\n  const [isImgExist, setIsImgExist] = useState(true);\n  const avatarRef = useRef<HTMLElement>(null);\n  const avatarChildrenRef = useRef<HTMLElement>(null);\n  const size = avatarSize === 'default' ? groupSize : avatarSize;\n  const gap = 4;\n  const handleScale = () => {\n    if (!avatarChildrenRef.current || !avatarRef.current) {\n      return;\n    }\n    const childrenWidth = avatarChildrenRef.current.offsetWidth;\n    const avatarWidth = avatarRef.current.offsetWidth;\n\n    if (childrenWidth !== 0 && avatarWidth !== 0) {\n      if (gap * 2 < avatarWidth) {\n        setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);\n      }\n    }\n  };\n  const { ref: observerRef } = useResizeObserver<HTMLDivElement>({\n    onResize: handleScale,\n  });\n\n  const handleImgLoadError = () => {\n    onError && onError();\n    !hideOnLoadFailed && setIsImgExist(false);\n  };\n\n  useEffect(() => {\n    setIsImgExist(true);\n    setScale(1);\n  }, [props.image]);\n\n  useEffect(() => {\n    handleScale();\n  }, []);\n\n  const { SIZE } = useCommonClassName();\n  const numSizeStyle: React.CSSProperties =\n    size && !SIZE[size]\n      ? {\n          width: size,\n          height: size,\n          fontSize: `${Number.parseInt(size, 10) / 2}px`,\n        }\n      : {};\n  const imageStyle: React.CSSProperties =\n    size && !SIZE[size]\n      ? {\n          width: size,\n          height: size,\n        }\n      : {};\n\n  const preClass = `${classPrefix}-avatar`;\n\n  const avatarClass = classNames(preClass, className, {\n    [SIZE[size]]: !!SIZE[size],\n    [`${preClass}--${shape}`]: !!shape,\n    [`${preClass}-icon`]: !!icon,\n  });\n\n  let content;\n  if (image && isImgExist) {\n    content = <img src={image} alt={alt} style={imageStyle} onError={handleImgLoadError} />;\n  } else if (icon) {\n    content = icon;\n  } else {\n    const childrenStyle: React.CSSProperties = {\n      transform: `scale(${scale})`,\n    };\n    content = (\n      <span ref={composeRefs(ref, avatarChildrenRef, observerRef) as any} style={childrenStyle}>\n        {children}\n      </span>\n    );\n  }\n  return (\n    <div\n      ref={composeRefs(ref, avatarRef) as any}\n      className={avatarClass}\n      style={{ ...numSizeStyle, ...style }}\n      {...avatarProps}\n    >\n      {content}\n    </div>\n  );\n});\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"names":["Avatar","forwardRef","props","ref","alt","hideOnLoadFailed","icon","image","shape","size","avatarSize","onError","children","style","className","avatarProps","groupSize","useContext","AvatarContext","useConfig","classPrefix","useState","scale","setScale","isImgExist","setIsImgExist","avatarRef","useRef","avatarChildrenRef","gap","handleScale","current","childrenWidth","offsetWidth","avatarWidth","useResizeObserver","onResize","observerRef","handleImgLoadError","useCommonClassName","SIZE","numSizeStyle","width","height","fontSize","Number","parseInt","imageStyle","preClass","avatarClass","classNames","content","src","childrenStyle","transform","composeRefs","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,sBAASC,WAAqC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;MAEhEC,MAWEF,MAXFE;8BAWEF,MAVFG;MAAAA,sDAAmB;MACnBC,OASEJ,MATFI;MACAC,QAQEL,MARFK;qBAQEL,MAPFM;MAAAA,kCAAQ;oBAONN,MANFO;MAAMC,sCAAa;MACnBC,UAKET,MALFS;MACAC,WAIEV,MAJFU;MACAC,QAGEX,MAHFW;MACAC,YAEEZ,MAFFY;MACGC,uCACDb;;MACEc,YAAYC,WAAWC;;mBACLC;MAAhBC,yBAAAA;;kBACkBC,SAAS;;MAA5BC;MAAOC;;mBACsBF,SAAS;;MAAtCG;MAAYC;;MACbC,YAAYC,OAAoB;MAChCC,oBAAoBD,OAAoB;MACxClB,OAAOC,eAAe,SAAf,GAA2BM,SAA3B,GAAuCN;MAC9CmB,MAAM;;MACNC,cAAc,SAAdA,WAAc,GAAM;QACpB,CAACF,kBAAkBG,OAAnB,IAA8B,CAACL,UAAUK,SAAS;;;;QAGhDC,gBAAgBJ,kBAAkBG,OAAlB,CAA0BE;QAC1CC,cAAcR,UAAUK,OAAV,CAAkBE;;QAElCD,kBAAkB,CAAlB,IAAuBE,gBAAgB,GAAG;UACxCL,MAAM,CAAN,GAAUK,aAAa;iBAChBA,cAAcL,MAAM,CAApB,GAAwBG,aAAxB,GAAyC,eAAcH,MAAM,CAApB,IAAyBG,aAAlE,GAAkF;;;;;2BAIpEG,kBAAkC;AAC7DC,IAAAA,UAAUN;AADmD;MAAlDO,iCAALlC;;MAIFmC,qBAAqB,SAArBA,kBAAqB,GAAM;eACpB3B;KACVN,oBAAoBoB,cAAc;;;YAG3B,YAAM;kBACA;aACL;KACR,CAACvB,MAAMK,KAAP;YAEO,YAAM;;KAEb;;4BAEcgC;MAATC,2BAAAA;;MACFC,eACJhC,QAAQ,CAAC+B,KAAK/B,KAAd,GACI;AACEiC,IAAAA,OAAOjC,IADT;AAEEkC,IAAAA,QAAQlC,IAFV;AAGEmC,IAAAA,oBAAaC,OAAOC,QAAP,CAAgBrC,IAAhB,EAAsB,EAAtB,IAA4B;AAH3C,GADJ,GAMI;MACAsC,aACJtC,QAAQ,CAAC+B,KAAK/B,KAAd,GACI;AACEiC,IAAAA,OAAOjC,IADT;AAEEkC,IAAAA,QAAQlC;AAFV,GADJ,GAKI;MAEAuC,qBAAc5B;MAEd6B,cAAcC,WAAWF,UAAUlC,2DACtC0B,KAAK/B,OAAQ,CAAC,CAAC+B,KAAK/B,+CACjBuC,uBAAaxC,QAAU,CAAC,CAACA,+CACzBwC,oBAAkB,CAAC,CAAC1C;MAGtB6C;;MACA5C,SAASiB,YAAY;0DACZ,OAAD;AAAK4B,MAAAA,KAAK7C,KAAV;AAAiBH,MAAAA,KAAAA,GAAjB;AAA2BS,MAAAA,OAAOkC,UAAlC;AAA8CpC,MAAAA,SAAS2B;AAAvD;aACDhC,MAAM;cACLA;SACL;QACC+C,gBAAqC;AACzCC,MAAAA,2BAAoBhC;AADqB;0DAIxC,QAAD;AAAMnB,MAAAA,KAAKoD,YAAYpD,KAAKyB,mBAAmBS,YAA/C;AAAoExB,MAAAA,OAAOwC;AAA3E,OACGzC;;;qDAKJ;AACCT,IAAAA,KAAKoD,YAAYpD,KAAKuB;AACtBZ,IAAAA,WAAWmC;AACXpC,IAAAA,uCAAY4B,eAAiB5B;KACzBE,cAEHoC;;AAKPnD,OAAOwD,WAAP,GAAqB,QAArB;;;;"}

package/es/avatar/AvatarContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const AvatarContext: React.Context<string>;
+export interface AvatarContextProps {
+    size?: string;
+}
+export declare const AvatarContextProvider: React.FC<AvatarContextProps>;
+export default AvatarContext;

package/es/avatar/AvatarContext.js

@@ -0,0 +1,21 @@
+/**
+ * tdesign v0.21.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import * as React from 'react';
+
+var AvatarContext = /*#__PURE__*/React.createContext("default");
+var AvatarContextProvider = function AvatarContextProvider(_ref) {
+  var children = _ref.children,
+      size = _ref.size;
+  return /* @__PURE__ */React.createElement(AvatarContext.Consumer, null, function (inputSize) {
+    return /* @__PURE__ */React.createElement(AvatarContext.Provider, {
+      value: size || inputSize
+    }, children);
+  });
+};
+
+export { AvatarContextProvider, AvatarContext as default };
+//# sourceMappingURL=AvatarContext.js.map

package/es/avatar/AvatarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarContext.js","sources":["../../src/avatar/AvatarContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst AvatarContext = React.createContext('default');\n\nexport interface AvatarContextProps {\n  size?: string;\n}\n\nexport const AvatarContextProvider: React.FC<AvatarContextProps> = ({ children, size }) => (\n  <AvatarContext.Consumer>\n    {(inputSize) => <AvatarContext.Provider value={size || inputSize}>{children}</AvatarContext.Provider>}\n  </AvatarContext.Consumer>\n);\n\nexport default AvatarContext;\n"],"names":["AvatarContext","React","createContext","AvatarContextProvider","children","size","Consumer","inputSize","Provider","value"],"mappings":";;;;;;;;IAEMA,6BAAgBC,MAAMC,aAAN,CAAoB,SAApB;IAMTC,wBAAsD,SAAtDA,qBAAsD;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,IAAb,QAAaA,IAAb;AAAA,4CAChEL,cAAcM,UAAf,MACG,UAACC,SAAD;AAAA,8CAAgBP,cAAcQ,UAAf;AAAwBC,MAAAA,OAAOJ,QAAQE;AAAvC,OAAmDH,SAAlE;AAAA,IAF8D;AAAA;;;;"}

package/es/avatar/Group.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TdAvatarGroupProps } from './type';
+import { StyledProps } from '../common';
+export interface AvatarGroupProps extends TdAvatarGroupProps, StyledProps {
+    children?: React.ReactNode;
+}
+declare const Group: React.FC<AvatarGroupProps>;
+export default Group;

package/es/avatar/Group.js

@@ -0,0 +1,113 @@
+/**
+ * tdesign v0.21.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-3457a894.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-7cd001a1.js';
+import React__default from 'react';
+import classNames from 'classnames';
+import Avatar from './Avatar.js';
+import Popup from '../popup/Popup.js';
+import useConfig from '../_util/useConfig.js';
+import { AvatarContextProvider } from './AvatarContext.js';
+import '../_chunks/dep-06e3288c.js';
+import '../_chunks/dep-eeb051d7.js';
+import 'use-resize-observer';
+import '../_util/useCommonClassName.js';
+import '../_util/composeRefs.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+import 'react-transition-group';
+import 'react-popper';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import '../_util/usePrevious.js';
+import '../popup/Portal.js';
+import 'react-dom';
+import '../popup/hooks/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/hooks/usePopupCssTransition.js';
+
+var _excluded = ["className", "cascading", "collapseAvatar", "max", "placement", "popupProps", "size", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var Group = function Group(props) {
+  var _classNames;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var preClass = "".concat(classPrefix, "-avatar");
+
+  var className = props.className,
+      _props$cascading = props.cascading,
+      cascading = _props$cascading === void 0 ? "right-up" : _props$cascading,
+      collapseAvatar = props.collapseAvatar,
+      max = props.max,
+      placement = props.placement,
+      popupProps = props.popupProps,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "medium" : _props$size,
+      children = props.children,
+      avatarGroupProps = _objectWithoutProperties(props, _excluded);
+
+  var childrenList = React__default.Children.toArray(children);
+  var allChildrenList;
+
+  if (childrenList.length > 0) {
+    allChildrenList = childrenList.map(function (child, index) {
+      return /*#__PURE__*/React__default.cloneElement(child, _objectSpread({
+        key: "avatar-group-item-".concat(index)
+      }, child.props));
+    });
+  }
+
+  var groupClass = classNames("".concat(preClass, "-group"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(preClass, "--offset-right"), cascading === "right-up"), _defineProperty(_classNames, "".concat(preClass, "--offset-left"), cascading === "left-up"), _classNames));
+  var childrenCount = childrenList.length;
+
+  if (max && childrenCount > max) {
+    var showList = allChildrenList.slice(0, max);
+    var hiddenList = allChildrenList.slice(max, childrenCount);
+    var popupNum = "+".concat(childrenCount - max);
+
+    var popupMergeProps = _objectSpread(_objectSpread({}, popupProps), {}, {
+      placement: placement
+    });
+
+    var popupNodes = popupProps ? /* @__PURE__ */React__default.createElement(Popup, _objectSpread({}, popupMergeProps), collapseAvatar ? /* @__PURE__ */React__default.createElement(Avatar, {
+      size: size
+    }, collapseAvatar) : /* @__PURE__ */React__default.createElement(Avatar, {
+      size: size
+    }, popupNum)) : /* @__PURE__ */React__default.createElement(Popup, {
+      key: "avatar-popup-key",
+      placement: placement,
+      content: hiddenList,
+      trigger: "hover",
+      showArrow: true
+    }, collapseAvatar ? /* @__PURE__ */React__default.createElement(Avatar, {
+      size: size
+    }, collapseAvatar) : /* @__PURE__ */React__default.createElement(Avatar, {
+      size: size
+    }, popupNum));
+    showList.push(popupNodes);
+    return /* @__PURE__ */React__default.createElement(AvatarContextProvider, {
+      size: size
+    }, /* @__PURE__ */React__default.createElement("div", {
+      className: groupClass
+    }, showList));
+  }
+
+  return /* @__PURE__ */React__default.createElement(AvatarContextProvider, {
+    size: size
+  }, /* @__PURE__ */React__default.createElement("div", _objectSpread({
+    className: groupClass
+  }, avatarGroupProps), allChildrenList));
+};
+
+export { Group as default };
+//# sourceMappingURL=Group.js.map

package/es/avatar/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../src/avatar/Group.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Avatar from './Avatar';\nimport Popup from '../popup/Popup';\nimport useConfig from '../_util/useConfig';\nimport { AvatarContextProvider } from './AvatarContext';\nimport { TdAvatarGroupProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface AvatarGroupProps extends TdAvatarGroupProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst Group: React.FC<AvatarGroupProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const preClass = `${classPrefix}-avatar`;\n  const {\n    className,\n    cascading = 'right-up',\n    collapseAvatar,\n    max,\n    placement,\n    popupProps,\n    size = 'medium',\n    children,\n    ...avatarGroupProps\n  } = props;\n\n  const childrenList = React.Children.toArray(children);\n  let allChildrenList;\n  if (childrenList.length > 0) {\n    allChildrenList = childrenList.map((child: JSX.Element, index: number) =>\n      React.cloneElement(child, { key: `avatar-group-item-${index}`, ...child.props }),\n    );\n  }\n  const groupClass = classNames(`${preClass}-group`, className, {\n    [`${preClass}--offset-right`]: cascading === 'right-up',\n    [`${preClass}--offset-left`]: cascading === 'left-up',\n  });\n  const childrenCount = childrenList.length;\n  if (max && childrenCount > max) {\n    const showList = allChildrenList.slice(0, max);\n    const hiddenList = allChildrenList.slice(max, childrenCount);\n    const popupNum = `+${childrenCount - max}`;\n    const popupMergeProps = { ...popupProps, placement };\n    const popupNodes = popupProps ? (\n      <Popup {...popupMergeProps}>\n        {collapseAvatar ? <Avatar size={size}>{collapseAvatar}</Avatar> : <Avatar size={size}>{popupNum}</Avatar>}\n      </Popup>\n    ) : (\n      <Popup key=\"avatar-popup-key\" placement={placement} content={hiddenList} trigger=\"hover\" showArrow>\n        {collapseAvatar ? <Avatar size={size}>{collapseAvatar}</Avatar> : <Avatar size={size}>{popupNum}</Avatar>}\n      </Popup>\n    );\n    showList.push(popupNodes);\n    return (\n      <AvatarContextProvider size={size}>\n        <div className={groupClass}>{showList}</div>\n      </AvatarContextProvider>\n    );\n  }\n  return (\n    <AvatarContextProvider size={size}>\n      <div className={groupClass} {...avatarGroupProps}>\n        {allChildrenList}\n      </div>\n    </AvatarContextProvider>\n  );\n};\nexport default Group;\n"],"names":["Group","props","useConfig","classPrefix","preClass","className","cascading","collapseAvatar","max","placement","popupProps","size","children","avatarGroupProps","childrenList","React","Children","toArray","allChildrenList","length","map","child","index","cloneElement","key","groupClass","classNames","childrenCount","showList","slice","hiddenList","popupNum","popupMergeProps","popupNodes","Popup","Avatar","content","trigger","showArrow","push","AvatarContextProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,QAAoC,SAApCA,KAAoC,CAACC,KAAD,EAAW;AAAA;;mBAC3BC;MAAhBC,yBAAAA;;MACFC,qBAAcD;;MAElBE,YASEJ,MATFI;yBASEJ,MARFK;MAAAA,0CAAY;MACZC,iBAOEN,MAPFM;MACAC,MAMEP,MANFO;MACAC,YAKER,MALFQ;MACAC,aAIET,MAJFS;oBAIET,MAHFU;MAAAA,gCAAO;MACPC,WAEEX,MAFFW;MACGC,4CACDZ;;MAEEa,eAAeC,eAAMC,QAAN,CAAeC,OAAf,CAAuBL,QAAvB;MACjBM;;MACAJ,aAAaK,MAAb,GAAsB,GAAG;sBACTL,aAAaM,GAAb,CAAiB,UAACC,KAAD,EAAqBC,KAArB;AAAA,0BACjCP,eAAMQ,YAAN,CAAmBF,KAAnB;AAA4BG,QAAAA,iCAA0BF;AAAtD,SAAkED,MAAMpB,KAAxE,EADiC;AAAA,KAAjB;;;MAIdwB,aAAaC,qBAActB,qBAAkBC,qEAC7CD,6BAA2BE,cAAc,oDACzCF,4BAA0BE,cAAc;MAExCqB,gBAAgBb,aAAaK;;MAC/BX,OAAOmB,gBAAgBnB,KAAK;QACxBoB,WAAWV,gBAAgBW,KAAhB,CAAsB,CAAtB,EAAyBrB,GAAzB;QACXsB,aAAaZ,gBAAgBW,KAAhB,CAAsBrB,GAAtB,EAA2BmB,aAA3B;QACbI,sBAAeJ,gBAAgBnB;;QAC/BwB,kDAAuBtB;AAAYD,MAAAA,WAAAA;;;QACnCwB,aAAavB,yDAChBwB,yBAAUF,kBACRzB,6DAAkB4B,QAAD;AAAQxB,MAAAA,MAAAA;AAAR,OAAqBJ,8DAA4B4B,QAAD;AAAQxB,MAAAA,MAAAA;AAAR,OAAqBoB,yDAGxFG,OAAD;AAAOV,MAAAA,KAAI,kBAAX;AAA8Bf,MAAAA,WAAAA,SAA9B;AAAoD2B,MAAAA,SAASN,UAA7D;AAAyEO,MAAAA,SAAQ,OAAjF;AAAyFC,MAAAA,WAAS;AAAlG,OACG/B,6DAAkB4B,QAAD;AAAQxB,MAAAA,MAAAA;AAAR,OAAqBJ,8DAA4B4B,QAAD;AAAQxB,MAAAA,MAAAA;AAAR,OAAqBoB;aAGlFQ,KAAKN;uDAEXO,uBAAD;AAAuB7B,MAAAA,MAAAA;AAAvB,mDACG,OAAD;AAAKN,MAAAA,WAAWoB;AAAhB,OAA6BG;;;qDAKhCY,uBAAD;AAAuB7B,IAAAA,MAAAA;AAAvB,iDACG;AAAIN,IAAAA,WAAWoB;KAAgBZ,mBAC7BK;;;;;"}

package/es/avatar/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './style/index.js';
+export type { AvatarProps } from './Avatar';
+export type { AvatarGroupProps } from './Group';
+export * from './type';
+export declare const Avatar: import("react").ForwardRefExoticComponent<import("./Avatar").AvatarProps & import("react").RefAttributes<HTMLElement>>;
+export declare const AvatarGroup: import("react").FC<import("./Group").AvatarGroupProps>;
+export default Avatar;

package/es/avatar/index.js

@@ -0,0 +1,40 @@
+/**
+ * tdesign v0.21.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import Avatar$1 from './Avatar.js';
+import Group from './Group.js';
+import './style/css.js';
+import './type.js';
+import '../_chunks/dep-3457a894.js';
+import '../_chunks/dep-06e3288c.js';
+import '../_chunks/dep-eeb051d7.js';
+import '../_chunks/dep-7cd001a1.js';
+import 'react';
+import 'use-resize-observer';
+import 'classnames';
+import '../_util/useConfig.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+import '../_util/useCommonClassName.js';
+import '../_util/composeRefs.js';
+import './AvatarContext.js';
+import '../popup/Popup.js';
+import 'react-transition-group';
+import 'react-popper';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import '../_util/usePrevious.js';
+import '../popup/Portal.js';
+import 'react-dom';
+import '../popup/hooks/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/hooks/usePopupCssTransition.js';
+
+var Avatar = Avatar$1;
+var AvatarGroup = Group;
+
+export { Avatar, AvatarGroup, Avatar as default };
+//# sourceMappingURL=index.js.map

package/es/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/avatar/index.ts"],"sourcesContent":["import _Avatar from './Avatar';\nimport _Group from './Group';\n\nimport './style/index.js';\n\nexport type { AvatarProps } from './Avatar';\nexport type { AvatarGroupProps } from './Group';\nexport * from './type';\n\nexport const Avatar = _Avatar;\nexport const AvatarGroup = _Group;\nexport default Avatar;\n"],"names":["Avatar","_Avatar","AvatarGroup","_Group"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAASC;IACTC,cAAcC;;;;"}

package/es/avatar/style/css.d.ts

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

package/es/avatar/style/css.js

@@ -0,0 +1 @@
+import './index.css';