tdesign-react 0.20.0 → 0.20.1

package/cjs/_chunks/dep-c33ad3ac.js

@@ -0,0 +1,119 @@
+/**
+ * tdesign v0.20.1
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var isObject$1 = require('./dep-7caf4621.js');
+var isSymbol$1 = require('./dep-7bf5a99b.js');
+
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+
+function trimmedEndIndex$1(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+
+  return index;
+}
+
+var _trimmedEndIndex = trimmedEndIndex$1;
+
+var trimmedEndIndex = _trimmedEndIndex;
+/** Used to match leading whitespace. */
+
+var reTrimStart = /^\s+/;
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+
+function baseTrim$1(string) {
+  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '') : string;
+}
+
+var _baseTrim = baseTrim$1;
+
+var baseTrim = _baseTrim,
+    isObject = isObject$1.isObject_1,
+    isSymbol = isSymbol$1.isSymbol_1;
+/** Used as references for various `Number` constants. */
+
+var NAN = 0 / 0;
+/** Used to detect bad signed hexadecimal string values. */
+
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+/** Used to detect binary string values. */
+
+var reIsBinary = /^0b[01]+$/i;
+/** Used to detect octal string values. */
+
+var reIsOctal = /^0o[0-7]+$/i;
+/** Built-in method references without a dependency on `root`. */
+
+var freeParseInt = parseInt;
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+
+  if (isSymbol(value)) {
+    return NAN;
+  }
+
+  if (isObject(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject(other) ? other + '' : other;
+  }
+
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+
+  value = baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+}
+
+var toNumber_1 = toNumber;
+
+exports.toNumber_1 = toNumber_1;
+//# sourceMappingURL=dep-c33ad3ac.js.map

package/cjs/_chunks/dep-c33ad3ac.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-c33ad3ac.js","sources":["../../node_modules/lodash/_trimmedEndIndex.js","../../node_modules/lodash/_baseTrim.js","../../node_modules/lodash/toNumber.js"],"sourcesContent":["/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n  var index = string.length;\n\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n  return string\n    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n    : string;\n}\n\nmodule.exports = baseTrim;\n","var baseTrim = require('./_baseTrim'),\n    isObject = require('./isObject'),\n    isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n"],"names":["reWhitespace","trimmedEndIndex","string","index","length","test","charAt","_trimmedEndIndex","require$$0","reTrimStart","baseTrim","slice","replace","_baseTrim","isObject","require$$1","isSymbol","require$$2","NAN","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","parseInt","toNumber","value","other","valueOf","isBinary","toNumber_1"],"mappings":";;;;;;;;;;;;AACA,IAAIA,YAAY,GAAG,IAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,iBAAT,CAAyBC,MAAzB,EAAiC;AAC/B,MAAIC,KAAK,GAAGD,MAAM,CAACE,MAAnB;;AAEA,SAAOD,KAAK,MAAMH,YAAY,CAACK,IAAb,CAAkBH,MAAM,CAACI,MAAP,CAAcH,KAAd,CAAlB,CAAlB,EAA2D;;AAC3D,SAAOA,KAAP;AACD;;IAEDI,gBAAc,GAAGN;;AClBjB,IAAIA,eAAe,GAAGO,gBAAtB;AAEA;;AACA,IAAIC,WAAW,GAAG,MAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,UAAT,CAAkBR,MAAlB,EAA0B;AACxB,SAAOA,MAAM,GACTA,MAAM,CAACS,KAAP,CAAa,CAAb,EAAgBV,eAAe,CAACC,MAAD,CAAf,GAA0B,CAA1C,EAA6CU,OAA7C,CAAqDH,WAArD,EAAkE,EAAlE,CADS,GAETP,MAFJ;AAGD;;IAEDW,SAAc,GAAGH;;AClBjB,IAAIA,QAAQ,GAAGF,SAAf;AAAA,IACIM,QAAQ,GAAGC,qBADf;AAAA,IAEIC,QAAQ,GAAGC,qBAFf;AAIA;;AACA,IAAIC,GAAG,GAAG,IAAI,CAAd;AAEA;;AACA,IAAIC,UAAU,GAAG,oBAAjB;AAEA;;AACA,IAAIC,UAAU,GAAG,YAAjB;AAEA;;AACA,IAAIC,SAAS,GAAG,aAAhB;AAEA;;AACA,IAAIC,YAAY,GAAGC,QAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;AACvB,MAAI,OAAOA,KAAP,IAAgB,QAApB,EAA8B;AAC5B,WAAOA,KAAP;AACD;;AACD,MAAIT,QAAQ,CAACS,KAAD,CAAZ,EAAqB;AACnB,WAAOP,GAAP;AACD;;AACD,MAAIJ,QAAQ,CAACW,KAAD,CAAZ,EAAqB;AACnB,QAAIC,KAAK,GAAG,OAAOD,KAAK,CAACE,OAAb,IAAwB,UAAxB,GAAqCF,KAAK,CAACE,OAAN,EAArC,GAAuDF,KAAnE;AACAA,IAAAA,KAAK,GAAGX,QAAQ,CAACY,KAAD,CAAR,GAAmBA,KAAK,GAAG,EAA3B,GAAiCA,KAAzC;AACD;;AACD,MAAI,OAAOD,KAAP,IAAgB,QAApB,EAA8B;AAC5B,WAAOA,KAAK,KAAK,CAAV,GAAcA,KAAd,GAAsB,CAACA,KAA9B;AACD;;AACDA,EAAAA,KAAK,GAAGf,QAAQ,CAACe,KAAD,CAAhB;AACA,MAAIG,QAAQ,GAAGR,UAAU,CAACf,IAAX,CAAgBoB,KAAhB,CAAf;AACA,SAAQG,QAAQ,IAAIP,SAAS,CAAChB,IAAV,CAAeoB,KAAf,CAAb,GACHH,YAAY,CAACG,KAAK,CAACd,KAAN,CAAY,CAAZ,CAAD,EAAiBiB,QAAQ,GAAG,CAAH,GAAO,CAAhC,CADT,GAEFT,UAAU,CAACd,IAAX,CAAgBoB,KAAhB,IAAyBP,GAAzB,GAA+B,CAACO,KAFrC;AAGD;;IAEDI,UAAc,GAAGL;;;;"}

package/cjs/_chunks/dep-c6eacafa.js

@@ -0,0 +1,26 @@
+/**
+ * tdesign v0.20.1
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+/**
+ * The base implementation of `_.property` without support for deep paths.
+ *
+ * @private
+ * @param {string} key The key of the property to get.
+ * @returns {Function} Returns the new accessor function.
+ */
+
+function baseProperty(key) {
+  return function (object) {
+    return object == null ? undefined : object[key];
+  };
+}
+
+var _baseProperty = baseProperty;
+
+exports._baseProperty = _baseProperty;
+//# sourceMappingURL=dep-c6eacafa.js.map

package/cjs/_chunks/dep-c6eacafa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-c6eacafa.js","sources":["../../node_modules/lodash/_baseProperty.js"],"sourcesContent":["/**\n * The base implementation of `_.property` without support for deep paths.\n *\n * @private\n * @param {string} key The key of the property to get.\n * @returns {Function} Returns the new accessor function.\n */\nfunction baseProperty(key) {\n  return function(object) {\n    return object == null ? undefined : object[key];\n  };\n}\n\nmodule.exports = baseProperty;\n"],"names":["baseProperty","key","object","undefined","_baseProperty"],"mappings":";;;;;;;;;;;;;;;;AAOA,SAASA,YAAT,CAAsBC,GAAtB,EAA2B;AACzB,SAAO,UAASC,MAAT,EAAiB;AACtB,WAAOA,MAAM,IAAI,IAAV,GAAiBC,SAAjB,GAA6BD,MAAM,CAACD,GAAD,CAA1C;AACD,GAFD;AAGD;;IAEDG,aAAc,GAAGJ;;;;"}

package/cjs/_chunks/dep-d22f0d7a.js

@@ -0,0 +1,47 @@
+/**
+ * tdesign v0.20.1
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var isFunction$1 = require('./dep-1fa5b511.js');
+var isLength$1 = require('./dep-8c8252bd.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-d22f0d7a.js.map

package/cjs/_chunks/dep-d22f0d7a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-d22f0d7a.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/cjs/_chunks/dep-de7ecaf3.js

@@ -0,0 +1,161 @@
+/**
+ * tdesign v0.20.1
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var defineProperty = require('./dep-8900d0bc.js');
+var React = require('react');
+var _util_forwardRefWithStatics = require('../_util/forwardRefWithStatics.js');
+var common_Check = require('../common/Check.js');
+var slicedToArray = require('./dep-4a78b060.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-de7ecaf3.js.map

package/cjs/_chunks/dep-de7ecaf3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-de7ecaf3.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","includes","checkedRadioCls","checkedRadio","current","querySelector","offsetWidth","offsetLeft","width","left","renderBlock","style","className","renderOptions","map","item","Radio","key","label","CheckContext","Provider","ref","classNames","displayName","forwardRefWithStatics","Check","type","Group","Button","forwardRef"],"mappings":"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"}