tdesign-react 0.25.1 → 0.26.0

package/lib/_chunks/dep-3ee89793.js

@@ -0,0 +1,95 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var toNumber$1 = require('./dep-aabd5522.js');
+
+var toNumber = toNumber$1.toNumber_1;
+/** Used as references for various `Number` constants. */
+
+var INFINITY = 1 / 0,
+    MAX_INTEGER = 1.7976931348623157e+308;
+/**
+ * Converts `value` to a finite number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.12.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {number} Returns the converted number.
+ * @example
+ *
+ * _.toFinite(3.2);
+ * // => 3.2
+ *
+ * _.toFinite(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toFinite(Infinity);
+ * // => 1.7976931348623157e+308
+ *
+ * _.toFinite('3.2');
+ * // => 3.2
+ */
+
+function toFinite$1(value) {
+  if (!value) {
+    return value === 0 ? value : 0;
+  }
+
+  value = toNumber(value);
+
+  if (value === INFINITY || value === -INFINITY) {
+    var sign = value < 0 ? -1 : 1;
+    return sign * MAX_INTEGER;
+  }
+
+  return value === value ? value : 0;
+}
+
+var toFinite_1 = toFinite$1;
+
+var toFinite = toFinite_1;
+/**
+ * Converts `value` to an integer.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {number} Returns the converted integer.
+ * @example
+ *
+ * _.toInteger(3.2);
+ * // => 3
+ *
+ * _.toInteger(Number.MIN_VALUE);
+ * // => 0
+ *
+ * _.toInteger(Infinity);
+ * // => 1.7976931348623157e+308
+ *
+ * _.toInteger('3.2');
+ * // => 3
+ */
+
+function toInteger(value) {
+  var result = toFinite(value),
+      remainder = result % 1;
+  return result === result ? remainder ? result - remainder : result : 0;
+}
+
+var toInteger_1 = toInteger;
+
+exports.toFinite_1 = toFinite_1;
+exports.toInteger_1 = toInteger_1;
+//# sourceMappingURL=dep-3ee89793.js.map

package/lib/_chunks/dep-3ee89793.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-3ee89793.js","sources":["../../node_modules/lodash/toFinite.js","../../node_modules/lodash/toInteger.js"],"sourcesContent":["var toNumber = require('./toNumber');\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_INTEGER = 1.7976931348623157e+308;\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\nmodule.exports = toFinite;\n","var toFinite = require('./toFinite');\n\n/**\n * Converts `value` to an integer.\n *\n * **Note:** This method is loosely based on\n * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toInteger(3.2);\n * // => 3\n *\n * _.toInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toInteger(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toInteger('3.2');\n * // => 3\n */\nfunction toInteger(value) {\n  var result = toFinite(value),\n      remainder = result % 1;\n\n  return result === result ? (remainder ? result - remainder : result) : 0;\n}\n\nmodule.exports = toInteger;\n"],"names":["toNumber","require$$0","INFINITY","MAX_INTEGER","toFinite","value","sign","toFinite_1","toInteger","result","remainder","toInteger_1"],"mappings":";;;;;;;;;;AAAA,IAAIA,QAAQ,GAAGC,qBAAf;AAEA;;AACA,IAAIC,QAAQ,GAAG,IAAI,CAAnB;AAAA,IACIC,WAAW,GAAG,uBADlB;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,UAAT,CAAkBC,KAAlB,EAAyB;AACvB,MAAI,CAACA,KAAL,EAAY;AACV,WAAOA,KAAK,KAAK,CAAV,GAAcA,KAAd,GAAsB,CAA7B;AACD;;AACDA,EAAAA,KAAK,GAAGL,QAAQ,CAACK,KAAD,CAAhB;;AACA,MAAIA,KAAK,KAAKH,QAAV,IAAsBG,KAAK,KAAK,CAACH,QAArC,EAA+C;AAC7C,QAAII,IAAI,GAAID,KAAK,GAAG,CAAR,GAAY,CAAC,CAAb,GAAiB,CAA7B;AACA,WAAOC,IAAI,GAAGH,WAAd;AACD;;AACD,SAAOE,KAAK,KAAKA,KAAV,GAAkBA,KAAlB,GAA0B,CAAjC;AACD;;IAEDE,UAAc,GAAGH;;ACzCjB,IAAIA,QAAQ,GAAGH,UAAf;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASO,SAAT,CAAmBH,KAAnB,EAA0B;AACxB,MAAII,MAAM,GAAGL,QAAQ,CAACC,KAAD,CAArB;AAAA,MACIK,SAAS,GAAGD,MAAM,GAAG,CADzB;AAGA,SAAOA,MAAM,KAAKA,MAAX,GAAqBC,SAAS,GAAGD,MAAM,GAAGC,SAAZ,GAAwBD,MAAtD,GAAgE,CAAvE;AACD;;IAEDE,WAAc,GAAGH;;;;;"}

package/lib/_chunks/dep-4aa7b082.js

@@ -0,0 +1,44 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var _baseGetTag = require('./dep-346e4fd6.js');
+var isArray$1 = require('./dep-c093a95b.js');
+var isObjectLike$1 = require('./dep-91b0bcca.js');
+
+var baseGetTag = _baseGetTag._baseGetTag,
+    isArray = isArray$1.isArray_1,
+    isObjectLike = isObjectLike$1.isObjectLike_1;
+/** `Object#toString` result references. */
+
+var stringTag = '[object String]';
+/**
+ * Checks if `value` is classified as a `String` primitive or object.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a string, else `false`.
+ * @example
+ *
+ * _.isString('abc');
+ * // => true
+ *
+ * _.isString(1);
+ * // => false
+ */
+
+function isString(value) {
+  return typeof value == 'string' || !isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag;
+}
+
+var isString_1 = isString;
+
+exports.isString_1 = isString_1;
+//# sourceMappingURL=dep-4aa7b082.js.map

package/lib/_chunks/dep-4aa7b082.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-4aa7b082.js","sources":["../../node_modules/lodash/isString.js"],"sourcesContent":["var baseGetTag = require('./_baseGetTag'),\n    isArray = require('./isArray'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar stringTag = '[object String]';\n\n/**\n * Checks if `value` is classified as a `String` primitive or object.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a string, else `false`.\n * @example\n *\n * _.isString('abc');\n * // => true\n *\n * _.isString(1);\n * // => false\n */\nfunction isString(value) {\n  return typeof value == 'string' ||\n    (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag);\n}\n\nmodule.exports = isString;\n"],"names":["baseGetTag","require$$0","isArray","require$$1","isObjectLike","require$$2","stringTag","isString","value","isString_1"],"mappings":";;;;;;;;;;;;AAAA,IAAIA,UAAU,GAAGC,uBAAjB;AAAA,IACIC,OAAO,GAAGC,mBADd;AAAA,IAEIC,YAAY,GAAGC,6BAFnB;AAIA;;AACA,IAAIC,SAAS,GAAG,iBAAhB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;AACvB,SAAO,OAAOA,KAAP,IAAgB,QAAhB,IACJ,CAACN,OAAO,CAACM,KAAD,CAAR,IAAmBJ,YAAY,CAACI,KAAD,CAA/B,IAA0CR,UAAU,CAACQ,KAAD,CAAV,IAAqBF,SADlE;AAED;;IAEDG,UAAc,GAAGF;;;;"}

package/lib/_chunks/dep-4f241655.js

@@ -0,0 +1,47 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var isFunction$1 = require('./dep-81c8f336.js');
+var isLength$1 = require('./dep-fe548b95.js');
+
+var isFunction = isFunction$1.isFunction_1,
+    isLength = isLength$1.isLength_1;
+/**
+ * Checks if `value` is array-like. A value is considered array-like if it's
+ * not a function and has a `value.length` that's an integer greater than or
+ * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+ * @example
+ *
+ * _.isArrayLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLike(document.body.children);
+ * // => true
+ *
+ * _.isArrayLike('abc');
+ * // => true
+ *
+ * _.isArrayLike(_.noop);
+ * // => false
+ */
+
+function isArrayLike(value) {
+  return value != null && isLength(value.length) && !isFunction(value);
+}
+
+var isArrayLike_1 = isArrayLike;
+
+exports.isArrayLike_1 = isArrayLike_1;
+//# sourceMappingURL=dep-4f241655.js.map

package/lib/_chunks/dep-4f241655.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-4f241655.js","sources":["../../node_modules/lodash/isArrayLike.js"],"sourcesContent":["var isFunction = require('./isFunction'),\n    isLength = require('./isLength');\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\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 array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\nmodule.exports = isArrayLike;\n"],"names":["isFunction","require$$0","isLength","require$$1","isArrayLike","value","length","isArrayLike_1"],"mappings":";;;;;;;;;;;AAAA,IAAIA,UAAU,GAAGC,yBAAjB;AAAA,IACIC,QAAQ,GAAGC,qBADf;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AAC1B,SAAOA,KAAK,IAAI,IAAT,IAAiBH,QAAQ,CAACG,KAAK,CAACC,MAAP,CAAzB,IAA2C,CAACN,UAAU,CAACK,KAAD,CAA7D;AACD;;IAEDE,aAAc,GAAGH;;;;"}

package/lib/_chunks/dep-564b02a2.js

@@ -0,0 +1,230 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var defineProperty = require('./dep-ca7914de.js');
+var slicedToArray = require('./dep-1c9c3eb3.js');
+var objectWithoutProperties = require('./dep-118265e9.js');
+var React = require('react');
+var useResizeObserver = require('use-resize-observer');
+var classNames = require('classnames');
+var _util_useConfig = require('../_util/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 popup_Popup = require('../popup/Popup.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+var _excluded$1 = ["className", "cascading", "collapseAvatar", "max", "placement", "popupProps", "size", "children"];
+
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var Group = function Group(props) {
+  var _classNames;
+
+  var _useConfig = _util_useConfig["default"](),
+      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._objectWithoutProperties(props, _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, (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(preClass, "--offset-right"), cascading === "right-up"), defineProperty._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$1(_objectSpread$1({}, popupProps), {}, {
+      placement: placement
+    });
+
+    var popupNodes = popupProps ? /* @__PURE__ */React__default["default"].createElement(popup_Popup["default"], _objectSpread$1({}, popupMergeProps), collapseAvatar ? /* @__PURE__ */React__default["default"].createElement(Avatar, {
+      size: size
+    }, collapseAvatar) : /* @__PURE__ */React__default["default"].createElement(Avatar, {
+      size: size
+    }, popupNum)) : /* @__PURE__ */React__default["default"].createElement(popup_Popup["default"], {
+      key: "avatar-popup-key",
+      placement: placement,
+      content: hiddenList,
+      trigger: "hover",
+      showArrow: true
+    }, collapseAvatar ? /* @__PURE__ */React__default["default"].createElement(Avatar, {
+      size: size
+    }, collapseAvatar) : /* @__PURE__ */React__default["default"].createElement(Avatar, {
+      size: size
+    }, popupNum));
+    showList.push(popupNodes);
+    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));
+};
+
+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._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 = _util_forwardRefWithStatics["default"](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._objectWithoutProperties(props, _excluded);
+
+  var groupSize = React.useContext(avatar_AvatarContext["default"]);
+
+  var _useConfig = _util_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 === "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__default["default"]({
+    onResize: handleScale
+  }),
+      observerRef = _useResizeObserver.ref;
+
+  var handleImgLoadError = function handleImgLoadError() {
+    onError && onError();
+    !hideOnLoadFailed && setIsImgExist(false);
+  };
+
+  React.useEffect(function () {
+    setIsImgExist(true);
+    setScale(1);
+  }, [props.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, (_classNames = {}, defineProperty._defineProperty(_classNames, SIZE[size], !!SIZE[size]), defineProperty._defineProperty(_classNames, "".concat(preClass, "--").concat(shape), !!shape), defineProperty._defineProperty(_classNames, "".concat(preClass, "-icon"), !!icon), _classNames));
+  var content;
+
+  if (image && isImgExist) {
+    content = /* @__PURE__ */React__default["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["default"].createElement("span", {
+      ref: _util_composeRefs["default"](ref, avatarChildrenRef, observerRef),
+      style: childrenStyle
+    }, children);
+  }
+
+  return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread({
+    ref: _util_composeRefs["default"](ref, avatarRef),
+    className: avatarClass,
+    style: _objectSpread(_objectSpread({}, numSizeStyle), style)
+  }, avatarProps), content);
+}, {
+  Group: Group
+});
+Avatar.displayName = "Avatar";
+
+exports.Avatar = Avatar;
+exports.Group = Group;
+//# sourceMappingURL=dep-564b02a2.js.map

package/lib/_chunks/dep-564b02a2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-564b02a2.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 '../_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","import React, { useRef, useState, useEffect, useContext, Ref } from 'react';\nimport useResizeObserver from 'use-resize-observer';\nimport classNames from 'classnames';\nimport useConfig from '../_util/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';\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 = 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  { Group: AvatarGroup },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\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","createElement","Popup","Avatar","content","trigger","showArrow","push","AvatarContextProvider","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","AvatarGroup","displayName"],"mappings":"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"}

package/lib/_chunks/dep-57ef2d3f.js

@@ -0,0 +1,161 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var defineProperty = require('./dep-ca7914de.js');
+var React = require('react');
+var _util_forwardRefWithStatics = require('../_util/forwardRefWithStatics.js');
+var common_Check = require('../common/Check.js');
+var slicedToArray = require('./dep-1c9c3eb3.js');
+var classNames = require('classnames');
+var _util_useConfig = require('../_util/useConfig.js');
+var _util_useDefault = require('../_util/useDefault.js');
+var _util_useCommonClassName = require('../_util/useCommonClassName.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);
+
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var RadioGroup = function RadioGroup(props) {
+  var _classNames;
+
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var disabled = props.disabled,
+      children = props.children,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      onChange = props.onChange,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "medium" : _props$size,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? "outline" : _props$variant,
+      _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options;
+
+  var _useDefault = _util_useDefault["default"](value, defaultValue, onChange),
+      _useDefault2 = slicedToArray._slicedToArray(_useDefault, 2),
+      internalValue = _useDefault2[0],
+      setInternalValue = _useDefault2[1];
+
+  var _useState = React.useState({}),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      barStyle = _useState2[0],
+      setBarStyle = _useState2[1];
+
+  var groupRef = React.useRef(null);
+
+  var _useCommonClassName = _util_useCommonClassName["default"](),
+      sizeMap = _useCommonClassName.SIZE;
+
+  var context = {
+    inject: function inject(checkProps) {
+      if (typeof checkProps.checked !== "undefined") {
+        return checkProps;
+      }
+
+      var checkValue = checkProps.value;
+      return _objectSpread$1(_objectSpread$1({}, checkProps), {}, {
+        checked: internalValue === checkProps.value,
+        disabled: checkProps.disabled || disabled,
+        onChange: function onChange(checked, _ref) {
+          var e = _ref.e;
+
+          if (typeof checkProps.onChange === "function") {
+            checkProps.onChange(checked, {
+              e: e
+            });
+          }
+
+          setInternalValue(checkValue, {
+            e: e
+          });
+        }
+      });
+    }
+  };
+
+  function calcBarStyle() {
+    if (!variant.includes("filled")) return;
+    var checkedRadioCls = ".".concat(classPrefix, "-radio-button.").concat(classPrefix, "-is-checked");
+    var checkedRadio = groupRef.current.querySelector(checkedRadioCls);
+    if (!checkedRadio) return;
+    var offsetWidth = checkedRadio.offsetWidth,
+        offsetLeft = checkedRadio.offsetLeft;
+    setBarStyle({
+      width: "".concat(offsetWidth, "px"),
+      left: "".concat(offsetLeft, "px")
+    });
+  }
+
+  React.useEffect(function () {
+    calcBarStyle();
+  }, [internalValue]);
+
+  var renderBlock = function renderBlock() {
+    if (!variant.includes("filled")) return null;
+    return /* @__PURE__ */React__default["default"].createElement("div", {
+      style: barStyle,
+      className: "".concat(classPrefix, "-radio-group__bg-block")
+    });
+  };
+
+  var renderOptions = function renderOptions() {
+    return options.map(function (item) {
+      if (typeof item === "string" || typeof item === "number") {
+        return /* @__PURE__ */React__default["default"].createElement(Radio, {
+          value: item,
+          key: item
+        }, item);
+      }
+
+      return /* @__PURE__ */React__default["default"].createElement(Radio, {
+        value: item.value,
+        key: item.value,
+        disabled: item.disabled
+      }, item.label);
+    });
+  };
+
+  return /* @__PURE__ */React__default["default"].createElement(common_Check.CheckContext.Provider, {
+    value: context
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    ref: groupRef,
+    className: classNames__default["default"]("".concat(classPrefix, "-radio-group"), sizeMap[size], (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-radio-group__outline"), variant === "outline"), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-radio-group--filled"), variant.includes("filled")), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-radio-group--primary-filled"), variant === "primary-filled"), _classNames))
+  }, children || renderOptions(), renderBlock()));
+};
+
+RadioGroup.displayName = "RadioGroup";
+
+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._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 Radio = _util_forwardRefWithStatics["default"](function (props, ref) {
+  return /* @__PURE__ */React__default["default"].createElement(common_Check["default"], _objectSpread({
+    ref: ref,
+    type: "radio"
+  }, props));
+}, {
+  Group: RadioGroup,
+  Button: /*#__PURE__*/React.forwardRef(function (props, ref) {
+    return /* @__PURE__ */React__default["default"].createElement(common_Check["default"], _objectSpread({
+      ref: ref,
+      type: "radio-button"
+    }, props));
+  })
+});
+Radio.displayName = "Radio";
+
+exports.Radio = Radio;
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=dep-57ef2d3f.js.map

package/lib/_chunks/dep-57ef2d3f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-57ef2d3f.js","sources":["../../src/radio/RadioGroup.tsx","../../src/radio/Radio.tsx"],"sourcesContent":["import React, { ReactNode, useState, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { TdRadioGroupProps } from './type';\nimport useDefault from '../_util/useDefault';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { CheckContext, CheckContextValue } from '../common/Check';\nimport Radio from './Radio';\n/**\n * RadioGroup 组件所接收的属性\n */\nexport interface RadioGroupProps extends TdRadioGroupProps {\n  children?: ReactNode;\n}\n\n/**\n * 单选选项组，里面可以嵌套 <Radio />\n */\nconst RadioGroup = (props: RadioGroupProps) => {\n  const { classPrefix } = useConfig();\n  const {\n    disabled,\n    children,\n    value,\n    defaultValue,\n    onChange,\n    size = 'medium',\n    variant = 'outline',\n    options = [],\n  } = props;\n\n  const [internalValue, setInternalValue] = useDefault(value, defaultValue, onChange);\n  const [barStyle, setBarStyle] = useState({});\n  const groupRef = useRef(null);\n  const { SIZE: sizeMap } = useCommonClassName();\n\n  const context: CheckContextValue = {\n    inject: (checkProps) => {\n      // 如果已经受控，则不注入\n      if (typeof checkProps.checked !== 'undefined') {\n        return checkProps;\n      }\n\n      const { value: checkValue } = checkProps;\n\n      return {\n        ...checkProps,\n        checked: internalValue === checkProps.value,\n        disabled: checkProps.disabled || disabled,\n        onChange(checked, { e }) {\n          if (typeof checkProps.onChange === 'function') {\n            checkProps.onChange(checked, { e });\n          }\n\n          setInternalValue(checkValue, { e });\n        },\n      };\n    },\n  };\n\n  function calcBarStyle() {\n    if (!variant.includes('filled')) return;\n\n    const checkedRadioCls = `.${classPrefix}-radio-button.${classPrefix}-is-checked`;\n    const checkedRadio = groupRef.current.querySelector(checkedRadioCls);\n    if (!checkedRadio) return;\n    const { offsetWidth, offsetLeft } = checkedRadio;\n    setBarStyle({ width: `${offsetWidth}px`, left: `${offsetLeft}px` });\n  }\n\n  useEffect(() => {\n    calcBarStyle();\n  }, [internalValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const renderBlock = () => {\n    if (!variant.includes('filled')) return null;\n\n    return <div style={barStyle} className={`${classPrefix}-radio-group__bg-block`}></div>;\n  };\n\n  const renderOptions = () =>\n    options.map((item) => {\n      if (typeof item === 'string' || typeof item === 'number') {\n        return (\n          <Radio value={item} key={item}>\n            {item}\n          </Radio>\n        );\n      }\n      return (\n        <Radio value={item.value} key={item.value} disabled={item.disabled}>\n          {item.label}\n        </Radio>\n      );\n    });\n\n  return (\n    <CheckContext.Provider value={context}>\n      <div\n        ref={groupRef}\n        className={classNames(`${classPrefix}-radio-group`, sizeMap[size], {\n          [`${classPrefix}-radio-group__outline`]: variant === 'outline',\n          [`${classPrefix}-radio-group--filled`]: variant.includes('filled'),\n          [`${classPrefix}-radio-group--primary-filled`]: variant === 'primary-filled',\n        })}\n      >\n        {children || renderOptions()}\n        {renderBlock()}\n      </div>\n    </CheckContext.Provider>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nexport default RadioGroup;\n","import React, { Ref, forwardRef } from 'react';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport Check, { CheckProps } from '../common/Check';\nimport RadioGroup from './RadioGroup';\n\nexport type RadioProps = Omit<CheckProps, 'type'>;\n\nconst Radio = forwardRefWithStatics(\n  (props: RadioProps, ref: Ref<HTMLLabelElement>) => <Check ref={ref} type=\"radio\" {...props} />,\n  {\n    Group: RadioGroup,\n    Button: forwardRef((props: RadioProps, ref: Ref<HTMLLabelElement>) => (\n      <Check ref={ref} type=\"radio-button\" {...props} />\n    )),\n  },\n);\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["RadioGroup","props","useConfig","classPrefix","disabled","children","value","defaultValue","onChange","size","variant","options","useDefault","internalValue","setInternalValue","useState","barStyle","setBarStyle","groupRef","useRef","useCommonClassName","sizeMap","SIZE","context","inject","checkProps","checked","checkValue","e","calcBarStyle","includes","checkedRadioCls","checkedRadio","current","querySelector","offsetWidth","offsetLeft","width","left","useEffect","renderBlock","React","createElement","style","className","renderOptions","map","item","Radio","key","label","CheckContext","Provider","ref","classNames","displayName","forwardRefWithStatics","Check","type","Group","Button","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;AAAA;;AAC5B,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MACEC,QADF,GASIH,KATJ,CACEG,QADF;AAAA,MAEEC,QAFF,GASIJ,KATJ,CAEEI,QAFF;AAAA,MAGEC,KAHF,GASIL,KATJ,CAGEK,KAHF;AAAA,MAIEC,YAJF,GASIN,KATJ,CAIEM,YAJF;AAAA,MAKEC,QALF,GASIP,KATJ,CAKEO,QALF;AAAA,oBASIP,KATJ,CAMEQ,IANF;AAAA,MAMEA,IANF,4BAMS,QANT;AAAA,uBASIR,KATJ,CAOES,OAPF;AAAA,MAOEA,OAPF,+BAOY,SAPZ;AAAA,uBASIT,KATJ,CAQEU,OARF;AAAA,MAQEA,OARF,+BAQY,EARZ;;AAUA,oBAA0CC,2BAAU,CAACN,KAAD,EAAQC,YAAR,EAAsBC,QAAtB,CAApD;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,kBAAgCC,cAAQ,CAAC,EAAD,CAAxC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,QAAQ,GAAGC,YAAM,CAAC,IAAD,CAAvB;;AACA,4BAA0BC,mCAAkB,EAA5C;AAAA,MAAcC,OAAd,uBAAQC,IAAR;;AACA,MAAMC,OAAO,GAAG;AACdC,IAAAA,MAAM,EAAE,gBAACC,UAAD,EAAgB;AACtB,UAAI,OAAOA,UAAU,CAACC,OAAlB,KAA8B,WAAlC,EAA+C;AAC7C,eAAOD,UAAP;AACD;;AACD,UAAeE,UAAf,GAA8BF,UAA9B,CAAQnB,KAAR;AACA,iDACKmB,UADL;AAEEC,QAAAA,OAAO,EAAEb,aAAa,KAAKY,UAAU,CAACnB,KAFxC;AAGEF,QAAAA,QAAQ,EAAEqB,UAAU,CAACrB,QAAX,IAAuBA,QAHnC;AAIEI,QAAAA,QAJF,oBAIWkB,OAJX,QAI2B;AAAA,cAALE,CAAK,QAALA,CAAK;;AACvB,cAAI,OAAOH,UAAU,CAACjB,QAAlB,KAA+B,UAAnC,EAA+C;AAC7CiB,YAAAA,UAAU,CAACjB,QAAX,CAAoBkB,OAApB,EAA6B;AAAEE,cAAAA,CAAC,EAADA;AAAF,aAA7B;AACD;;AACDd,UAAAA,gBAAgB,CAACa,UAAD,EAAa;AAAEC,YAAAA,CAAC,EAADA;AAAF,WAAb,CAAhB;AACD;AATH;AAWD;AAjBa,GAAhB;;AAmBA,WAASC,YAAT,GAAwB;AACtB,QAAI,CAACnB,OAAO,CAACoB,QAAR,CAAiB,QAAjB,CAAL,EACE;AACF,QAAMC,eAAe,cAAO5B,WAAP,2BAAmCA,WAAnC,gBAArB;AACA,QAAM6B,YAAY,GAAGd,QAAQ,CAACe,OAAT,CAAiBC,aAAjB,CAA+BH,eAA/B,CAArB;AACA,QAAI,CAACC,YAAL,EACE;AACF,QAAQG,WAAR,GAAoCH,YAApC,CAAQG,WAAR;AAAA,QAAqBC,UAArB,GAAoCJ,YAApC,CAAqBI,UAArB;AACAnB,IAAAA,WAAW,CAAC;AAAEoB,MAAAA,KAAK,YAAKF,WAAL,OAAP;AAA6BG,MAAAA,IAAI,YAAKF,UAAL;AAAjC,KAAD,CAAX;AACD;;AACDG,EAAAA,eAAS,CAAC,YAAM;AACdV,IAAAA,YAAY;AACb,GAFQ,EAEN,CAAChB,aAAD,CAFM,CAAT;;AAGA,MAAM2B,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,QAAI,CAAC9B,OAAO,CAACoB,QAAR,CAAiB,QAAjB,CAAL,EACE,OAAO,IAAP;AACF,0BAAuBW,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,MAAAA,KAAK,EAAE3B,QADyC;AAEhD4B,MAAAA,SAAS,YAAKzC,WAAL;AAFuC,KAA3B,CAAvB;AAID,GAPD;;AAQA,MAAM0C,aAAa,GAAG,SAAhBA,aAAgB;AAAA,WAAMlC,OAAO,CAACmC,GAAR,CAAY,UAACC,IAAD,EAAU;AAChD,UAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4B,OAAOA,IAAP,KAAgB,QAAhD,EAA0D;AACxD,8BAAuBN,yBAAK,CAACC,aAAN,CAAoBM,KAApB,EAA2B;AAChD1C,UAAAA,KAAK,EAAEyC,IADyC;AAEhDE,UAAAA,GAAG,EAAEF;AAF2C,SAA3B,EAGpBA,IAHoB,CAAvB;AAID;;AACD,4BAAuBN,yBAAK,CAACC,aAAN,CAAoBM,KAApB,EAA2B;AAChD1C,QAAAA,KAAK,EAAEyC,IAAI,CAACzC,KADoC;AAEhD2C,QAAAA,GAAG,EAAEF,IAAI,CAACzC,KAFsC;AAGhDF,QAAAA,QAAQ,EAAE2C,IAAI,CAAC3C;AAHiC,OAA3B,EAIpB2C,IAAI,CAACG,KAJe,CAAvB;AAKD,KAZ2B,CAAN;AAAA,GAAtB;;AAaA,wBAAuBT,yBAAK,CAACC,aAAN,CAAoBS,yBAAY,CAACC,QAAjC,EAA2C;AAChE9C,IAAAA,KAAK,EAAEiB;AADyD,GAA3C,iBAEJkB,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CW,IAAAA,GAAG,EAAEnC,QADuC;AAE5C0B,IAAAA,SAAS,EAAEU,8BAAU,WAAInD,WAAJ,mBAA+BkB,OAAO,CAACZ,IAAD,CAAtC,2EACfN,WADe,4BACsBO,OAAO,KAAK,SADlC,yDAEfP,WAFe,2BAEqBO,OAAO,CAACoB,QAAR,CAAiB,QAAjB,CAFrB,yDAGf3B,WAHe,mCAG6BO,OAAO,KAAK,gBAHzC;AAFuB,GAA3B,EAOhBL,QAAQ,IAAIwC,aAAa,EAPT,EAOaL,WAAW,EAPxB,CAFI,CAAvB;AAUD;;AACDxC,UAAU,CAACuD,WAAX,GAAyB,YAAzB;;;;;ICnFMP,KAAK,GAAGQ,sCAAqB,CAAC,UAACvD,KAAD,EAAQoD,GAAR;AAAA,wBAAgCZ,yBAAK,CAACC,aAAN,CAAoBe,uBAApB;AAClEJ,IAAAA,GAAG,EAAHA,GADkE;AAElEK,IAAAA,IAAI,EAAE;AAF4D,KAG/DzD,KAH+D,EAAhC;AAAA,CAAD,EAI/B;AACF0D,EAAAA,KAAK,EAAE3D,UADL;AAEF4D,EAAAA,MAAM,eAAEC,gBAAU,CAAC,UAAC5D,KAAD,EAAQoD,GAAR;AAAA,0BAAgCZ,yBAAK,CAACC,aAAN,CAAoBe,uBAApB;AACjDJ,MAAAA,GAAG,EAAHA,GADiD;AAEjDK,MAAAA,IAAI,EAAE;AAF2C,OAG9CzD,KAH8C,EAAhC;AAAA,GAAD;AAFhB,CAJ+B;AAYnC+C,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;;"}