tdesign-react 1.5.4 → 1.5.5

package/CHANGELOG.md

@@ -5,6 +5,10 @@ toc: false
 spline: explain
 ---
 
+## 🌈 1.5.5 `2024-03-28` 
+### 🐞 Bug Fixes
+- `ImageViewer`: 修复 `imageReferrerpolicy` 没有对顶部缩略图生效的问题 @uyarn ([#2815](https://github.com/Tencent/tdesign-react/pull/2815))
+
 ## 🌈 1.5.4 `2024-03-28` 
 ### 🚀 Features
 - `ImageViewer`: 新增`imageReferrerpolicy` API，支持配合 Image 组件的需要配置 Referrerpolicy 的场景 @uyarn ([#2813](https://github.com/Tencent/tdesign-react/pull/2813))

package/cjs/_chunks/dep-004ca8a6.js

@@ -0,0 +1,39 @@
+/**
+ * tdesign v1.5.5
+ * (c) 2024 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+/**
+ * The base implementation of `_.slice` without an iteratee call guard.
+ *
+ * @private
+ * @param {Array} array The array to slice.
+ * @param {number} [start=0] The start position.
+ * @param {number} [end=array.length] The end position.
+ * @returns {Array} Returns the slice of `array`.
+ */
+function baseSlice(array, start, end) {
+  var index = -1,
+    length = array.length;
+  if (start < 0) {
+    start = -start > length ? 0 : length + start;
+  }
+  end = end > length ? length : end;
+  if (end < 0) {
+    end += length;
+  }
+  length = start > end ? 0 : end - start >>> 0;
+  start >>>= 0;
+  var result = Array(length);
+  while (++index < length) {
+    result[index] = array[index + start];
+  }
+  return result;
+}
+var _baseSlice = baseSlice;
+
+exports._baseSlice = _baseSlice;
+//# sourceMappingURL=dep-004ca8a6.js.map

package/cjs/_chunks/dep-004ca8a6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-004ca8a6.js","sources":["../../node_modules/lodash/_baseSlice.js"],"sourcesContent":["/**\n * The base implementation of `_.slice` without an iteratee call guard.\n *\n * @private\n * @param {Array} array The array to slice.\n * @param {number} [start=0] The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns the slice of `array`.\n */\nfunction baseSlice(array, start, end) {\n  var index = -1,\n      length = array.length;\n\n  if (start < 0) {\n    start = -start > length ? 0 : (length + start);\n  }\n  end = end > length ? length : end;\n  if (end < 0) {\n    end += length;\n  }\n  length = start > end ? 0 : ((end - start) >>> 0);\n  start >>>= 0;\n\n  var result = Array(length);\n  while (++index < length) {\n    result[index] = array[index + start];\n  }\n  return result;\n}\n\nmodule.exports = baseSlice;\n"],"names":["baseSlice","array","start","end","index","length","result","Array","_baseSlice"],"mappings":";;;;;;;;;;;;;;;;;AASA,SAASA,SAASA,CAACC,KAAK,EAAEC,KAAK,EAAEC,GAAG,EAAE;EACpC,IAAIC,KAAK,GAAG,CAAC,CAAC;IACVC,MAAM,GAAGJ,KAAK,CAACI,MAAM,CAAA;EAEzB,IAAIH,KAAK,GAAG,CAAC,EAAE;IACbA,KAAK,GAAG,CAACA,KAAK,GAAGG,MAAM,GAAG,CAAC,GAAIA,MAAM,GAAGH,KAAM,CAAA;AAC/C,GAAA;AACDC,EAAAA,GAAG,GAAGA,GAAG,GAAGE,MAAM,GAAGA,MAAM,GAAGF,GAAG,CAAA;EACjC,IAAIA,GAAG,GAAG,CAAC,EAAE;AACXA,IAAAA,GAAG,IAAIE,MAAM,CAAA;AACd,GAAA;EACDA,MAAM,GAAGH,KAAK,GAAGC,GAAG,GAAG,CAAC,GAAKA,GAAG,GAAGD,KAAK,KAAM,CAAE,CAAA;AAChDA,EAAAA,KAAK,MAAM,CAAC,CAAA;AAEZ,EAAA,IAAII,MAAM,GAAGC,KAAK,CAACF,MAAM,CAAC,CAAA;AAC1B,EAAA,OAAO,EAAED,KAAK,GAAGC,MAAM,EAAE;IACvBC,MAAM,CAACF,KAAK,CAAC,GAAGH,KAAK,CAACG,KAAK,GAAGF,KAAK,CAAC,CAAA;AACrC,GAAA;AACD,EAAA,OAAOI,MAAM,CAAA;AACf,CAAA;AAEAE,IAAAA,UAAc,GAAGR;;;;"}

package/cjs/_chunks/dep-006f3dfb.js

@@ -0,0 +1,32 @@
+/**
+ * tdesign v1.5.5
+ * (c) 2024 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var _typeof = require('./dep-620f84cf.js');
+
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/** Used to detect unsigned integer values. */
+var reIsUint = /^(?:0|[1-9]\d*)$/;
+
+/**
+ * Checks if `value` is a valid array-like index.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+ * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+ */
+function isIndex(value, length) {
+  var type = _typeof._typeof(value);
+  length = length == null ? MAX_SAFE_INTEGER : length;
+  return !!length && (type == 'number' || type != 'symbol' && reIsUint.test(value)) && value > -1 && value % 1 == 0 && value < length;
+}
+var _isIndex = isIndex;
+
+exports._isIndex = _isIndex;
+//# sourceMappingURL=dep-006f3dfb.js.map

package/cjs/_chunks/dep-006f3dfb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-006f3dfb.js","sources":["../../node_modules/lodash/_isIndex.js"],"sourcesContent":["/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  var type = typeof value;\n  length = length == null ? MAX_SAFE_INTEGER : length;\n\n  return !!length &&\n    (type == 'number' ||\n      (type != 'symbol' && reIsUint.test(value))) &&\n        (value > -1 && value % 1 == 0 && value < length);\n}\n\nmodule.exports = isIndex;\n"],"names":["MAX_SAFE_INTEGER","reIsUint","isIndex","value","length","type","_typeof","test","_isIndex"],"mappings":";;;;;;;;;;AACA,IAAIA,gBAAgB,GAAG,gBAAgB,CAAA;;AAEvC;AACA,IAAIC,QAAQ,GAAG,kBAAkB,CAAA;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,OAAOA,CAACC,KAAK,EAAEC,MAAM,EAAE;AAC9B,EAAA,IAAIC,IAAI,GAAAC,eAAA,CAAUH,KAAK,CAAA,CAAA;AACvBC,EAAAA,MAAM,GAAGA,MAAM,IAAI,IAAI,GAAGJ,gBAAgB,GAAGI,MAAM,CAAA;AAEnD,EAAA,OAAO,CAAC,CAACA,MAAM,KACZC,IAAI,IAAI,QAAQ,IACdA,IAAI,IAAI,QAAQ,IAAIJ,QAAQ,CAACM,IAAI,CAACJ,KAAK,CAAE,CAAC,IACxCA,KAAK,GAAG,CAAC,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAI,CAAC,IAAIA,KAAK,GAAGC,MAAO,CAAA;AACxD,CAAA;AAEAI,IAAAA,QAAc,GAAGN;;;;"}

package/cjs/_chunks/dep-04e8970c.js

@@ -0,0 +1,29 @@
+/**
+ * tdesign v1.5.5
+ * (c) 2024 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+/**
+ * Appends the elements of `values` to `array`.
+ *
+ * @private
+ * @param {Array} array The array to modify.
+ * @param {Array} values The values to append.
+ * @returns {Array} Returns `array`.
+ */
+function arrayPush(array, values) {
+  var index = -1,
+    length = values.length,
+    offset = array.length;
+  while (++index < length) {
+    array[offset + index] = values[index];
+  }
+  return array;
+}
+var _arrayPush = arrayPush;
+
+exports._arrayPush = _arrayPush;
+//# sourceMappingURL=dep-04e8970c.js.map

package/cjs/_chunks/dep-04e8970c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-04e8970c.js","sources":["../../node_modules/lodash/_arrayPush.js"],"sourcesContent":["/**\n * Appends the elements of `values` to `array`.\n *\n * @private\n * @param {Array} array The array to modify.\n * @param {Array} values The values to append.\n * @returns {Array} Returns `array`.\n */\nfunction arrayPush(array, values) {\n  var index = -1,\n      length = values.length,\n      offset = array.length;\n\n  while (++index < length) {\n    array[offset + index] = values[index];\n  }\n  return array;\n}\n\nmodule.exports = arrayPush;\n"],"names":["arrayPush","array","values","index","length","offset","_arrayPush"],"mappings":";;;;;;;;;;;;;;;;AAQA,SAASA,SAASA,CAACC,KAAK,EAAEC,MAAM,EAAE;EAChC,IAAIC,KAAK,GAAG,CAAC,CAAC;IACVC,MAAM,GAAGF,MAAM,CAACE,MAAM;IACtBC,MAAM,GAAGJ,KAAK,CAACG,MAAM,CAAA;AAEzB,EAAA,OAAO,EAAED,KAAK,GAAGC,MAAM,EAAE;IACvBH,KAAK,CAACI,MAAM,GAAGF,KAAK,CAAC,GAAGD,MAAM,CAACC,KAAK,CAAC,CAAA;AACtC,GAAA;AACD,EAAA,OAAOF,KAAK,CAAA;AACd,CAAA;AAEAK,IAAAA,UAAc,GAAGN;;;;"}

package/cjs/_chunks/dep-0a535a46.js

@@ -0,0 +1,66 @@
+/**
+ * tdesign v1.5.5
+ * (c) 2024 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var toString$1 = require('./dep-fbea7bff.js');
+
+var toString = toString$1.toString_1;
+
+/** Used to generate unique IDs. */
+var idCounter = 0;
+
+/**
+ * Generates a unique ID. If `prefix` is given, the ID is appended to it.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {string} [prefix=''] The value to prefix the ID with.
+ * @returns {string} Returns the unique ID.
+ * @example
+ *
+ * _.uniqueId('contact_');
+ * // => 'contact_104'
+ *
+ * _.uniqueId();
+ * // => '105'
+ */
+function uniqueId(prefix) {
+  var id = ++idCounter;
+  return toString(prefix) + id;
+}
+var uniqueId_1 = uniqueId;
+
+/**
+ * Checks if `value` is `null` or `undefined`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
+ * @example
+ *
+ * _.isNil(null);
+ * // => true
+ *
+ * _.isNil(void 0);
+ * // => true
+ *
+ * _.isNil(NaN);
+ * // => false
+ */
+function isNil(value) {
+  return value == null;
+}
+var isNil_1 = isNil;
+
+exports.isNil_1 = isNil_1;
+exports.uniqueId_1 = uniqueId_1;
+//# sourceMappingURL=dep-0a535a46.js.map

package/cjs/_chunks/dep-0a535a46.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-0a535a46.js","sources":["../../node_modules/lodash/uniqueId.js","../../node_modules/lodash/isNil.js"],"sourcesContent":["var toString = require('./toString');\n\n/** Used to generate unique IDs. */\nvar idCounter = 0;\n\n/**\n * Generates a unique ID. If `prefix` is given, the ID is appended to it.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Util\n * @param {string} [prefix=''] The value to prefix the ID with.\n * @returns {string} Returns the unique ID.\n * @example\n *\n * _.uniqueId('contact_');\n * // => 'contact_104'\n *\n * _.uniqueId();\n * // => '105'\n */\nfunction uniqueId(prefix) {\n  var id = ++idCounter;\n  return toString(prefix) + id;\n}\n\nmodule.exports = uniqueId;\n","/**\n * Checks if `value` is `null` or `undefined`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is nullish, else `false`.\n * @example\n *\n * _.isNil(null);\n * // => true\n *\n * _.isNil(void 0);\n * // => true\n *\n * _.isNil(NaN);\n * // => false\n */\nfunction isNil(value) {\n  return value == null;\n}\n\nmodule.exports = isNil;\n"],"names":["toString","require$$0","idCounter","uniqueId","prefix","id","uniqueId_1","isNil","value","isNil_1"],"mappings":";;;;;;;;;;AAAA,IAAIA,QAAQ,GAAGC,qBAAqB,CAAA;;AAEpC;AACA,IAAIC,SAAS,GAAG,CAAC,CAAA;;AAEjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQA,CAACC,MAAM,EAAE;EACxB,IAAIC,EAAE,GAAG,EAAEH,SAAS,CAAA;AACpB,EAAA,OAAOF,QAAQ,CAACI,MAAM,CAAC,GAAGC,EAAE,CAAA;AAC9B,CAAA;AAEAC,IAAAA,UAAc,GAAGH;;;;;;;;;;;;;;;;;;;;;;ACPjB,SAASI,KAAKA,CAACC,KAAK,EAAE;EACpB,OAAOA,KAAK,IAAI,IAAI,CAAA;AACtB,CAAA;AAEAC,IAAAA,OAAc,GAAGF;;;;;"}

package/cjs/_chunks/dep-0e51f0a4.js

@@ -0,0 +1,179 @@
+/**
+ * tdesign v1.5.5
+ * (c) 2024 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var defineProperty = require('./dep-12226051.js');
+var slicedToArray = require('./dep-ffc0d12c.js');
+var objectWithoutProperties = require('./dep-b007cb8b.js');
+var React = require('react');
+var classNames = require('classnames');
+var hooks_useConfig = require('../hooks/useConfig.js');
+var _util_forwardRefWithStatics = require('../_util/forwardRefWithStatics.js');
+var _util_useCommonClassName = require('../_util/useCommonClassName.js');
+var _util_composeRefs = require('../_util/composeRefs.js');
+var avatar_AvatarContext = require('../avatar/AvatarContext.js');
+var avatar_defaultProps = require('../avatar/defaultProps.js');
+var hooks_useResizeObserver = require('../hooks/useResizeObserver.js');
+var image_index = require('../image/index.js');
+var hooks_useDefaultProps = require('../hooks/useDefaultProps.js');
+var _util_parseTNode = require('../_util/parseTNode.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+var _excluded$1 = ["className", "cascading", "collapseAvatar", "max", "size", "children"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AvatarGroup = function AvatarGroup(props) {
+  var _useConfig = hooks_useConfig["default"](),
+    classPrefix = _useConfig.classPrefix;
+  var preClass = "".concat(classPrefix, "-avatar");
+  var _useDefaultProps = hooks_useDefaultProps["default"](props, avatar_defaultProps.avatarGroupDefaultProps),
+    className = _useDefaultProps.className,
+    cascading = _useDefaultProps.cascading,
+    collapseAvatar = _useDefaultProps.collapseAvatar,
+    max = _useDefaultProps.max,
+    size = _useDefaultProps.size,
+    children = _useDefaultProps.children,
+    avatarGroupProps = objectWithoutProperties._objectWithoutProperties(_useDefaultProps, _excluded$1);
+  var childrenList = React__default["default"].Children.toArray(children);
+  var allChildrenList;
+  if (childrenList.length > 0) {
+    allChildrenList = childrenList.map(function (child, index) {
+      return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$1({
+        key: "avatar-group-item-".concat(index)
+      }, child.props));
+    });
+  }
+  var groupClass = classNames__default["default"]("".concat(preClass, "-group"), className, defineProperty._defineProperty(defineProperty._defineProperty({}, "".concat(preClass, "--offset-right"), cascading === "right-up"), "".concat(preClass, "--offset-left"), cascading === "left-up"));
+  var childrenCount = childrenList.length;
+  if (max && childrenCount > max) {
+    var showList = allChildrenList.slice(0, max);
+    var ellipsisAvatar = /* @__PURE__ */React__default["default"].createElement(Avatar, {
+      className: "".concat(preClass, "__collapse")
+    }, _util_parseTNode["default"](collapseAvatar) || "+".concat(childrenCount - max));
+    showList.push( /* @__PURE__ */React__default["default"].createElement(React.Fragment, {
+      key: "t-avatar__collapse"
+    }, ellipsisAvatar));
+    return /* @__PURE__ */React__default["default"].createElement(avatar_AvatarContext.AvatarContextProvider, {
+      size: size
+    }, /* @__PURE__ */React__default["default"].createElement("div", {
+      className: groupClass
+    }, showList));
+  }
+  return /* @__PURE__ */React__default["default"].createElement(avatar_AvatarContext.AvatarContextProvider, {
+    size: size
+  }, /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1({
+    className: groupClass
+  }, avatarGroupProps), allChildrenList));
+};
+AvatarGroup.displayName = "AvatarGroup";
+
+var _excluded = ["alt", "hideOnLoadFailed", "icon", "image", "shape", "size", "onError", "children", "content", "style", "imageProps", "className"];
+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._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; }
+var Avatar = _util_forwardRefWithStatics["default"](function (props, ref) {
+  var _useDefaultProps = hooks_useDefaultProps["default"](props, avatar_defaultProps.avatarDefaultProps),
+    alt = _useDefaultProps.alt,
+    hideOnLoadFailed = _useDefaultProps.hideOnLoadFailed,
+    icon = _useDefaultProps.icon,
+    image = _useDefaultProps.image,
+    shape = _useDefaultProps.shape,
+    avatarSize = _useDefaultProps.size,
+    onError = _useDefaultProps.onError,
+    children = _useDefaultProps.children,
+    content = _useDefaultProps.content,
+    style = _useDefaultProps.style,
+    imageProps = _useDefaultProps.imageProps,
+    className = _useDefaultProps.className,
+    avatarProps = objectWithoutProperties._objectWithoutProperties(_useDefaultProps, _excluded);
+  var groupSize = React.useContext(avatar_AvatarContext["default"]);
+  var _useConfig = hooks_useConfig["default"](),
+    classPrefix = _useConfig.classPrefix;
+  var _useState = React.useState(1),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    scale = _useState2[0],
+    setScale = _useState2[1];
+  var _useState3 = React.useState(true),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    isImgExist = _useState4[0],
+    setIsImgExist = _useState4[1];
+  var avatarRef = React.useRef(null);
+  var avatarChildrenRef = React.useRef(null);
+  var size = avatarSize === void 0 ? 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);
+      }
+    }
+  };
+  hooks_useResizeObserver["default"](avatarChildrenRef.current, handleScale);
+  var handleImgLoadError = function handleImgLoadError(ctx) {
+    onError === null || onError === void 0 || onError(ctx);
+    !hideOnLoadFailed && setIsImgExist(false);
+  };
+  React.useEffect(function () {
+    setIsImgExist(true);
+    setScale(1);
+  }, [image]);
+  React.useEffect(function () {
+    handleScale();
+  }, []);
+  var _useCommonClassName = _util_useCommonClassName["default"](),
+    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__default["default"](preClass, className, defineProperty._defineProperty(defineProperty._defineProperty(defineProperty._defineProperty({}, SIZE[size], !!SIZE[size]), "".concat(preClass, "--").concat(shape), !!shape), "".concat(preClass, "__icon"), !!icon));
+  var renderChildren;
+  if (image && isImgExist) {
+    renderChildren = /* @__PURE__ */React__default["default"].createElement(image_index.Image, _objectSpread({
+      src: image,
+      alt: alt,
+      style: imageStyle,
+      onError: handleImgLoadError
+    }, imageProps));
+  } else if (icon) {
+    renderChildren = icon;
+  } else {
+    var childrenStyle = {
+      transform: "scale(".concat(scale, ")")
+    };
+    renderChildren = /* @__PURE__ */React__default["default"].createElement("span", {
+      ref: _util_composeRefs["default"](ref, avatarChildrenRef),
+      style: childrenStyle
+    }, children || content);
+  }
+  return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread({
+    ref: _util_composeRefs["default"](ref, avatarRef),
+    className: avatarClass,
+    style: _objectSpread(_objectSpread({}, numSizeStyle), style)
+  }, avatarProps), renderChildren);
+}, {
+  Group: AvatarGroup
+});
+Avatar.displayName = "Avatar";
+
+exports.Avatar = Avatar;
+exports.AvatarGroup = AvatarGroup;
+//# sourceMappingURL=dep-0e51f0a4.js.map

package/cjs/_chunks/dep-0e51f0a4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-0e51f0a4.js","sources":["../../src/avatar/AvatarGroup.tsx","../../src/avatar/Avatar.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport classNames from 'classnames';\nimport Avatar from './Avatar';\nimport useConfig from '../hooks/useConfig';\nimport { AvatarContextProvider } from './AvatarContext';\nimport { TdAvatarGroupProps } from './type';\nimport { StyledProps } from '../common';\nimport { avatarGroupDefaultProps } from './defaultProps';\nimport parseTNode from '../_util/parseTNode';\nimport useDefaultProps from '../hooks/useDefaultProps';\n\nexport interface AvatarGroupProps extends TdAvatarGroupProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const preClass = `${classPrefix}-avatar`;\n  const { className, cascading, collapseAvatar, max, size, children, ...avatarGroupProps } =\n    useDefaultProps<AvatarGroupProps>(props, avatarGroupDefaultProps);\n\n  const childrenList = React.Children.toArray(children);\n  let allChildrenList: React.ReactElement[];\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\n  const childrenCount = childrenList.length;\n  if (max && childrenCount > max) {\n    const showList = allChildrenList.slice(0, max);\n    const ellipsisAvatar = (\n      <Avatar className={`${preClass}__collapse`}>{parseTNode(collapseAvatar) || `+${childrenCount - max}`}</Avatar>\n    );\n    showList.push(<Fragment key=\"t-avatar__collapse\">{ellipsisAvatar}</Fragment>);\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';\n\nexport default AvatarGroup;\n","import React, { useRef, useState, useEffect, useContext, Ref } from 'react';\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 './AvatarGroup';\nimport { avatarDefaultProps } from './defaultProps';\nimport useResizeObserver from '../hooks/useResizeObserver';\nimport Image, { ImageProps } from '../image';\nimport useDefaultProps from '../hooks/useDefaultProps';\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      content,\n      style,\n      imageProps,\n      className,\n      ...avatarProps\n    } = useDefaultProps<AvatarProps>(props, avatarDefaultProps);\n    const groupSize = useContext(AvatarContext);\n\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 === undefined ? 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    useResizeObserver(avatarChildrenRef.current, handleScale);\n\n    const handleImgLoadError: ImageProps['onError'] = (ctx) => {\n      onError?.(ctx);\n      !hideOnLoadFailed && setIsImgExist(false);\n    };\n\n    useEffect(() => {\n      setIsImgExist(true);\n      setScale(1);\n    }, [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    let renderChildren: React.ReactNode;\n    if (image && isImgExist) {\n      renderChildren = <Image src={image} alt={alt} style={imageStyle} onError={handleImgLoadError} {...imageProps} />;\n    } else if (icon) {\n      renderChildren = icon;\n    } else {\n      const childrenStyle: React.CSSProperties = {\n        transform: `scale(${scale})`,\n      };\n      renderChildren = (\n        <span ref={composeRefs(ref, avatarChildrenRef)} style={childrenStyle}>\n          {children || content}\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        {renderChildren}\n      </div>\n    );\n  },\n  { Group: AvatarGroup },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"names":["AvatarGroup","props","_useConfig","useConfig","classPrefix","preClass","_useDefaultProps","useDefaultProps","avatarGroupDefaultProps","className","cascading","collapseAvatar","max","size","children","avatarGroupProps","_objectWithoutProperties","_excluded","childrenList","React","Children","toArray","allChildrenList","length","map","child","index","cloneElement","_objectSpread","key","concat","groupClass","classNames","_defineProperty","childrenCount","showList","slice","ellipsisAvatar","createElement","Avatar","parseTNode","push","Fragment","AvatarContextProvider","displayName","forwardRefWithStatics","ref","avatarDefaultProps","alt","hideOnLoadFailed","icon","image","shape","avatarSize","onError","content","style","imageProps","avatarProps","groupSize","useContext","AvatarContext","_useState","useState","_useState2","_slicedToArray","scale","setScale","_useState3","_useState4","isImgExist","setIsImgExist","avatarRef","useRef","avatarChildrenRef","gap","handleScale","current","childrenWidth","offsetWidth","avatarWidth","useResizeObserver","handleImgLoadError","ctx","useEffect","_useCommonClassName","useCommonClassName","SIZE","numSizeStyle","width","height","fontSize","Number","parseInt","imageStyle","avatarClass","renderChildren","Image","src","childrenStyle","transform","composeRefs","Group"],"mappings":"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"}