tdesign-react 0.42.7-alpha.1 → 0.42.7-alpha.2

package/es/style/index.css

@@ -371,9 +371,10 @@
   --td-size-14: 56px;
   --td-size-15: 64px;
   --td-size-16: 72px;
-  --td-comp-size-xxs: var(--td-size-6);
-  --td-comp-size-xs: var(--td-size-7);
-  --td-comp-size-s: var(--td-size-8);
+  --td-comp-size-xxxs: var(--td-size-6);
+  --td-comp-size-xxs: var(--td-size-7);
+  --td-comp-size-xs: var(--td-size-8);
+  --td-comp-size-s: var(--td-size-9);
   --td-comp-size-m: var(--td-size-10);
   --td-comp-size-l: var(--td-size-11);
   --td-comp-size-xl: var(--td-size-12);

package/es/swiper/style/index.css

@@ -263,9 +263,9 @@
           transform: translateX(-50%);
   top: auto;
   right: auto;
-  bottom: -34px;
-  height: 22px;
-  line-height: 22px;
+  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
+  height: var(--td-line-height-body-medium);
+  line-height: var(--td-line-height-body-medium);
 }
 .t-swiper__navigation--fraction .t-swiper__arrow-left {
   display: -webkit-box;
@@ -280,8 +280,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 22px;
-  height: 22px;
+  width: var(--td-line-height-body-medium);
+  height: var(--td-line-height-body-medium);
   cursor: pointer;
 }
 .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
@@ -303,8 +303,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 22px;
-  height: 22px;
+  width: var(--td-line-height-body-medium);
+  height: var(--td-line-height-body-medium);
   cursor: pointer;
 }
 .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
@@ -444,9 +444,9 @@
           transform: translateX(-50%);
   top: auto;
   right: auto;
-  bottom: -34px;
-  height: 22px;
-  line-height: 22px;
+  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
+  height: var(--td-line-height-body-medium);
+  line-height: var(--td-line-height-body-medium);
 }
 .t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left {
   display: -webkit-box;
@@ -461,8 +461,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 22px;
-  height: 22px;
+  width: var(--td-line-height-body-medium);
+  height: var(--td-line-height-body-medium);
   cursor: pointer;
 }
 .t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
@@ -484,8 +484,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 22px;
-  height: 22px;
+  width: var(--td-line-height-body-medium);
+  height: var(--td-line-height-body-medium);
   cursor: pointer;
 }
 .t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
@@ -523,9 +523,9 @@
           transform: translateX(-50%);
   top: auto;
   right: auto;
-  bottom: -34px;
-  height: 22px;
-  line-height: 22px;
+  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
+  height: var(--td-line-height-body-medium);
+  line-height: var(--td-line-height-body-medium);
 }
 .t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left {
   display: -webkit-box;
@@ -540,8 +540,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 22px;
-  height: 22px;
+  width: var(--td-line-height-body-medium);
+  height: var(--td-line-height-body-medium);
   cursor: pointer;
 }
 .t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
@@ -563,8 +563,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 22px;
-  height: 22px;
+  width: var(--td-line-height-body-medium);
+  height: var(--td-line-height-body-medium);
   cursor: pointer;
 }
 .t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
@@ -601,9 +601,9 @@
           transform: translateX(-50%);
   top: auto;
   right: auto;
-  bottom: -34px;
-  height: 22px;
-  line-height: 22px;
+  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
+  height: var(--td-line-height-body-medium);
+  line-height: var(--td-line-height-body-medium);
 }
 .t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left {
   display: -webkit-box;
@@ -618,8 +618,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 22px;
-  height: 22px;
+  width: var(--td-line-height-body-medium);
+  height: var(--td-line-height-body-medium);
   cursor: pointer;
 }
 .t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
@@ -641,8 +641,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 22px;
-  height: 22px;
+  width: var(--td-line-height-body-medium);
+  height: var(--td-line-height-body-medium);
   cursor: pointer;
 }
 .t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
@@ -706,9 +706,9 @@
           transform: translateX(-50%);
   top: auto;
   right: auto;
-  bottom: -36px;
-  height: 24px;
-  line-height: 24px;
+  bottom: calc(0px - calc(var(--td-line-height-body-large) + 12px));
+  height: var(--td-line-height-body-large);
+  line-height: var(--td-line-height-body-large);
 }
 .t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left {
   display: -webkit-box;
@@ -723,8 +723,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 24px;
-  height: 24px;
+  width: var(--td-line-height-body-large);
+  height: var(--td-line-height-body-large);
   cursor: pointer;
 }
 .t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
@@ -746,8 +746,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 24px;
-  height: 24px;
+  width: var(--td-line-height-body-large);
+  height: var(--td-line-height-body-large);
   cursor: pointer;
 }
 .t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
@@ -870,9 +870,9 @@
           transform: translateX(-50%);
   top: auto;
   right: auto;
-  bottom: -32px;
-  height: 20px;
-  line-height: 20px;
+  bottom: calc(0px - calc(var(--td-line-height-body-small) + 12px));
+  height: var(--td-line-height-body-small);
+  line-height: var(--td-line-height-body-small);
 }
 .t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left {
   display: -webkit-box;
@@ -887,8 +887,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 20px;
-  height: 20px;
+  width: var(--td-line-height-body-small);
+  height: var(--td-line-height-body-small);
   cursor: pointer;
 }
 .t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
@@ -910,8 +910,8 @@
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-gray-4);
-  width: 20px;
-  height: 20px;
+  width: var(--td-line-height-body-small);
+  height: var(--td-line-height-body-small);
   cursor: pointer;
 }
 .t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {

package/es/tabs/style/index.css

@@ -73,12 +73,12 @@
   background-color: var(--td-bg-color-secondarycontainer-hover);
 }
 .t-tabs__btn.t-size-m {
-  height: 48px;
-  line-height: 48px;
+  height: var(--td-comp-size-xxl);
+  line-height: var(--td-comp-size-xxl);
 }
 .t-tabs__btn.t-size-l {
-  height: 64px;
-  line-height: 64px;
+  height: var(--td-comp-size-xxxxl);
+  line-height: var(--td-comp-size-xxxxl);
 }
 .t-tabs__btn--left {
   border-right: 1px solid var(--td-component-stroke);
@@ -165,12 +165,12 @@
   font: var(--td-font-body-large);
 }
 .t-tabs__scroll-btn.t-size-m {
-  height: 48px;
-  line-height: 48px;
+  height: var(--td-comp-size-xxl);
+  line-height: var(--td-comp-size-xxl);
 }
 .t-tabs__scroll-btn.t-size-l {
-  height: 64px;
-  line-height: 64px;
+  height: var(--td-comp-size-xxxxl);
+  line-height: var(--td-comp-size-xxxxl);
 }
 .t-tabs__nav-scroll {
   position: relative;
@@ -293,12 +293,12 @@
           align-items: center;
 }
 .t-tabs__nav-item.t-size-m {
-  height: 48px;
-  line-height: 48px;
+  height: var(--td-comp-size-xxl);
+  line-height: var(--td-comp-size-xxl);
 }
 .t-tabs__nav-item.t-size-l {
-  height: 64px;
-  line-height: 64px;
+  height: var(--td-comp-size-xxxxl);
+  line-height: var(--td-comp-size-xxxxl);
 }
 .t-tabs__nav-item.t-is-active {
   color: var(--td-brand-color);

package/es/tag-input/style/index.css

@@ -93,12 +93,15 @@
   margin-left: 4px;
 }
 .t-tag-input .t-input {
-  padding-left: 4px;
   overflow: hidden;
   min-height: 32px;
+  padding: 4px;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
 }
 .t-tag-input .t-input.t-size-s {
-  padding-left: 2px;
+  padding: 2px;
   min-height: 24px;
 }
 .t-tag-input .t-input.t-size-l {
@@ -119,14 +122,11 @@
   cursor: pointer;
 }
 .t-tag-input--break-line .t-input {
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
+  display: block;
   padding-right: 24px;
 }
 .t-tag-input--break-line .t-input.t-input--prefix > .t-input__prefix {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
+  display: inline;
   text-align: left;
 }
 .t-tag-input--break-line .t-input .t-input__suffix-icon {

package/es/tree/style/index.css

@@ -40,7 +40,7 @@
   display: flex;
   -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
-  padding: 4px 0 4px calc(24px * var(--level) + 8px);
+  padding: var(--td-comp-paddingTB-xs) 0 var(--td-comp-paddingTB-xs) calc(var(--td-comp-margin-xxl) * var(--level));
   cursor: default;
   -webkit-transform: translateZ(0);
           transform: translateZ(0);
@@ -48,14 +48,13 @@
           backface-visibility: hidden;
   -webkit-perspective: 1000;
           perspective: 1000;
-  line-height: 22px;
 }
 .t-tree__item .t-icon,
 .t-tree__item .t-loading {
   display: inline-block;
   position: relative;
   z-index: 2;
-  font-size: var(--td-font-size-body-large);
+  font-size: calc(var(--td-font-size-body-medium) + 2px);
 }
 .t-tree__item .t-icon {
   color: var(--td-text-color-secondary);
@@ -104,12 +103,12 @@
   background-clip: content-box;
 }
 .t-tree__item--tip-top::before {
-  background-color: var(--td-brand-color-6);
+  background-color: var(--td-brand-color);
 }
 .t-tree__item--tip-bottom::before {
   top: unset;
   bottom: -2px;
-  background-color: var(--td-brand-color-6);
+  background-color: var(--td-brand-color);
 }
 .t-tree__item--tip-highlight {
   background-color: var(--td-brand-color-light);
@@ -126,13 +125,13 @@
 .t-tree__line {
   --level: 0;
   --color: var(--td-border-level-1-color);
-  --space: 24px;
+  --space: var(--td-comp-margin-xxl);
   --iconSize: 16px;
   position: absolute;
-  left: calc(24px * var(--level) - 8px);
-  bottom: 17px;
+  left: calc(var(--td-comp-margin-xxl) * var(--level) - var(--td-comp-margin-l));
+  bottom: var(--td-comp-margin-l);
   width: 1px;
-  height: 34px;
+  height: 100%;
   pointer-events: none;
 }
 .t-tree__line::before {
@@ -141,16 +140,16 @@
   bottom: 0;
   left: 0;
   display: block;
-  height: 34px;
-  width: 12px;
+  height: 100%;
+  width: var(--td-comp-margin-m);
   border-left: 1px solid var(--color);
   border-bottom: 1px solid var(--color);
 }
 .t-tree__line--first::before {
-  height: 22px;
+  height: var(--td-line-height-body-medium);
 }
 .t-tree__line--leaf::before {
-  width: 12px;
+  width: var(--td-comp-margin-m);
 }
 .t-tree__icon {
   position: relative;
@@ -164,7 +163,7 @@
       -ms-flex-align: center;
           align-items: center;
   text-align: center;
-  width: 16px;
+  width: calc(var(--td-font-size-body-medium) + 2px);
   font-size: 0;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -180,14 +179,17 @@
   content: "";
   display: block;
   position: absolute;
-  left: 0;
-  top: 5px;
-  width: 16px;
-  height: 16px;
+  left: calc((calc(var(--td-font-size-body-medium) + 2px) - calc(var(--td-font-size-body-medium) + 6px)) / 2);
+  width: calc(var(--td-font-size-body-medium) + 6px);
+  height: calc(var(--td-font-size-body-medium) + 6px);
   border-radius: var(--td-radius-default);
+  -webkit-transition: 0.2s linear;
+  transition: 0.2s linear;
 }
 .t-tree__icon:not(:empty):hover::after {
   background-color: var(--td-bg-color-container-hover);
+  -webkit-transition: 0.2s linear;
+  transition: 0.2s linear;
 }
 .t-tree__icon:empty {
   cursor: initial;
@@ -199,8 +201,8 @@
   -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
           flex: 0 0 auto;
-  padding: 2px 4px;
-  margin-left: 4px;
+  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xs);
+  margin-left: var(--td-comp-margin-xs);
   border-radius: var(--td-radius-default);
   cursor: pointer;
   -webkit-transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
@@ -316,11 +318,11 @@
   }
   50% {
     opacity: 0;
-    max-height: calc(34px * var(--hscale) + 0px);
+    max-height: calc(100% * var(--hscale) + 0px);
   }
   100% {
     opacity: 1;
-    max-height: calc(34px * var(--hscale) + 0px);
+    max-height: calc(100% * var(--hscale) + 0px);
   }
 }
 @keyframes t-tree-toggle {
@@ -330,11 +332,11 @@
   }
   50% {
     opacity: 0;
-    max-height: calc(34px * var(--hscale) + 0px);
+    max-height: calc(100% * var(--hscale) + 0px);
   }
   100% {
     opacity: 1;
-    max-height: calc(34px * var(--hscale) + 0px);
+    max-height: calc(100% * var(--hscale) + 0px);
   }
 }
 .t-tree-select.t-single-suffix {

package/es/upload/index.js

@@ -80,7 +80,7 @@ import '../hooks/useCommonClassName.js';
 import './hooks/useDrag.js';
 import '../image-viewer/index.js';
 import '../image-viewer/ImageViewer.js';
-import '../_chunks/dep-51336096.js';
+import '../_chunks/dep-26aef3c9.js';
 import '../tooltip/index.js';
 import '../tooltip/Tooltip.js';
 import '../popup/index.js';

package/es/upload/themes/DraggerFile.js

@@ -72,7 +72,7 @@ import '../../loading/type.js';
 import '../../button/style/css.js';
 import '../../button/type.js';
 import '../../image-viewer/ImageViewer.js';
-import '../../_chunks/dep-51336096.js';
+import '../../_chunks/dep-26aef3c9.js';
 import '../../tooltip/index.js';
 import '../../tooltip/Tooltip.js';
 import '../../popup/index.js';

package/es/upload/themes/ImageCard.js

@@ -61,7 +61,7 @@ import '../../loading/plugin.js';
 import '../../loading/style/css.js';
 import '../../loading/type.js';
 import '../../image-viewer/ImageViewer.js';
-import '../../_chunks/dep-51336096.js';
+import '../../_chunks/dep-26aef3c9.js';
 import '../../tooltip/index.js';
 import '../../tooltip/Tooltip.js';
 import '../../popup/index.js';

package/es/upload/themes/MultipleFlowList.js

@@ -48,7 +48,7 @@ import '../../_common/js/global-config/default-config.js';
 import '../../image-viewer/ImageViewer.js';
 import '../../_chunks/dep-1e7c37d1.js';
 import 'react-dom';
-import '../../_chunks/dep-51336096.js';
+import '../../_chunks/dep-26aef3c9.js';
 import '../../_chunks/dep-fe647e5e.js';
 import '../../tooltip/index.js';
 import '../../tooltip/Tooltip.js';

package/es/upload/upload.js

@@ -76,7 +76,7 @@ import '../hooks/useCommonClassName.js';
 import './hooks/useDrag.js';
 import '../image-viewer/index.js';
 import '../image-viewer/ImageViewer.js';
-import '../_chunks/dep-51336096.js';
+import '../_chunks/dep-26aef3c9.js';
 import '../tooltip/index.js';
 import '../tooltip/Tooltip.js';
 import '../popup/index.js';

package/{es/_chunks/dep-8e115ca7.js → esm/_chunks/dep-5e0eb6ae.js}

@@ -187,4 +187,4 @@ Avatar.defaultProps = avatarDefaultProps;
 var _Avatar = Avatar;
 
 export { AvatarGroup as A, _Avatar as _ };
-//# sourceMappingURL=dep-8e115ca7.js.map
+//# sourceMappingURL=dep-5e0eb6ae.js.map

package/{es/_chunks/dep-8e115ca7.js.map → esm/_chunks/dep-5e0eb6ae.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dep-8e115ca7.js","sources":["../../src/avatar/AvararGroup.tsx","../../src/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Avatar from './Avatar';\nimport Popup from '../popup/Popup';\nimport useConfig from '../hooks/useConfig';\nimport { AvatarContextProvider } from './AvatarContext';\nimport { TdAvatarGroupProps } from './type';\nimport { StyledProps } from '../common';\nimport { avatarGroupDefaultProps } from './defaultProps';\n\nexport interface AvatarGroupProps extends TdAvatarGroupProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst AvatarGroup = (props: AvatarGroupProps) => {\n  const { classPrefix } = useConfig();\n  const preClass = `${classPrefix}-avatar`;\n  const { className, cascading, collapseAvatar, max, placement, popupProps, size, children, ...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};\n\nAvatarGroup.displayName = 'AvatarGroup';\nAvatarGroup.defaultProps = avatarGroupDefaultProps;\n\nexport default AvatarGroup;\n","import React, { useRef, useState, useEffect, useContext, Ref } from 'react';\nimport useResizeObserver from 'use-resize-observer';\nimport classNames from 'classnames';\nimport useConfig from '../hooks/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport composeRefs from '../_util/composeRefs';\nimport { TdAvatarProps } from './type';\nimport { StyledProps } from '../common';\nimport AvatarContext from './AvatarContext';\nimport AvatarGroup from './AvararGroup';\nimport { avatarDefaultProps } from './defaultProps';\n\nexport interface AvatarProps extends TdAvatarProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Avatar = forwardRefWithStatics(\n  (props: AvatarProps, ref: Ref<HTMLElement>) => {\n    const {\n      alt,\n      hideOnLoadFailed,\n      icon,\n      image,\n      shape,\n      size: avatarSize,\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  { Group: AvatarGroup },\n);\n\nAvatar.displayName = 'Avatar';\nAvatar.defaultProps = avatarDefaultProps;\n\nexport default Avatar;\n"],"names":["AvatarGroup","props","useConfig","classPrefix","preClass","className","cascading","collapseAvatar","max","placement","popupProps","size","children","avatarGroupProps","_excluded","childrenList","React","Children","toArray","allChildrenList","length","map","child","index","cloneElement","_objectSpread","key","groupClass","classNames","childrenCount","showList","slice","hiddenList","popupNum","popupMergeProps","popupNodes","createElement","Popup","Avatar","content","trigger","showArrow","push","AvatarContextProvider","displayName","defaultProps","avatarGroupDefaultProps","forwardRefWithStatics","ref","alt","hideOnLoadFailed","icon","image","shape","avatarSize","onError","style","avatarProps","groupSize","useContext","AvatarContext","useState","scale","setScale","isImgExist","setIsImgExist","avatarRef","useRef","avatarChildrenRef","gap","handleScale","current","childrenWidth","offsetWidth","avatarWidth","useResizeObserver","onResize","observerRef","handleImgLoadError","useEffect","useCommonClassName","SIZE","numSizeStyle","width","height","fontSize","Number","parseInt","imageStyle","avatarClass","src","childrenStyle","transform","composeRefs","Group","avatarDefaultProps"],"mappings":"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"}
+{"version":3,"file":"dep-5e0eb6ae.js","sources":["../../src/avatar/AvararGroup.tsx","../../src/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Avatar from './Avatar';\nimport Popup from '../popup/Popup';\nimport useConfig from '../hooks/useConfig';\nimport { AvatarContextProvider } from './AvatarContext';\nimport { TdAvatarGroupProps } from './type';\nimport { StyledProps } from '../common';\nimport { avatarGroupDefaultProps } from './defaultProps';\n\nexport interface AvatarGroupProps extends TdAvatarGroupProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst AvatarGroup = (props: AvatarGroupProps) => {\n  const { classPrefix } = useConfig();\n  const preClass = `${classPrefix}-avatar`;\n  const { className, cascading, collapseAvatar, max, placement, popupProps, size, children, ...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};\n\nAvatarGroup.displayName = 'AvatarGroup';\nAvatarGroup.defaultProps = avatarGroupDefaultProps;\n\nexport default AvatarGroup;\n","import React, { useRef, useState, useEffect, useContext, Ref } from 'react';\nimport useResizeObserver from 'use-resize-observer';\nimport classNames from 'classnames';\nimport useConfig from '../hooks/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport composeRefs from '../_util/composeRefs';\nimport { TdAvatarProps } from './type';\nimport { StyledProps } from '../common';\nimport AvatarContext from './AvatarContext';\nimport AvatarGroup from './AvararGroup';\nimport { avatarDefaultProps } from './defaultProps';\n\nexport interface AvatarProps extends TdAvatarProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Avatar = forwardRefWithStatics(\n  (props: AvatarProps, ref: Ref<HTMLElement>) => {\n    const {\n      alt,\n      hideOnLoadFailed,\n      icon,\n      image,\n      shape,\n      size: avatarSize,\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  { Group: AvatarGroup },\n);\n\nAvatar.displayName = 'Avatar';\nAvatar.defaultProps = avatarDefaultProps;\n\nexport default Avatar;\n"],"names":["AvatarGroup","props","useConfig","classPrefix","preClass","className","cascading","collapseAvatar","max","placement","popupProps","size","children","avatarGroupProps","_excluded","childrenList","React","Children","toArray","allChildrenList","length","map","child","index","cloneElement","_objectSpread","key","groupClass","classNames","childrenCount","showList","slice","hiddenList","popupNum","popupMergeProps","popupNodes","createElement","Popup","Avatar","content","trigger","showArrow","push","AvatarContextProvider","displayName","defaultProps","avatarGroupDefaultProps","forwardRefWithStatics","ref","alt","hideOnLoadFailed","icon","image","shape","avatarSize","onError","style","avatarProps","groupSize","useContext","AvatarContext","useState","scale","setScale","isImgExist","setIsImgExist","avatarRef","useRef","avatarChildrenRef","gap","handleScale","current","childrenWidth","offsetWidth","avatarWidth","useResizeObserver","onResize","observerRef","handleImgLoadError","useEffect","useCommonClassName","SIZE","numSizeStyle","width","height","fontSize","Number","parseInt","imageStyle","avatarClass","src","childrenStyle","transform","composeRefs","Group","avatarDefaultProps"],"mappings":"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"}

package/esm/_chunks/{dep-fad7989c.js → dep-72461c3f.js}

@@ -501,4 +501,4 @@ var ImageModal = function ImageModal(props) {
 };
 
 export { ImageModal as I, ImageModelMiniContent as a, ImageModelMini as b, ImageModelItem as c, ImageViewerUtils as d };
-//# sourceMappingURL=dep-fad7989c.js.map
+//# sourceMappingURL=dep-72461c3f.js.map