tdesign-react 0.35.2-alpha.7 → 0.36.0

package/esm/_chunks/dep-264fe846.js

@@ -0,0 +1,275 @@
+/**
+ * tdesign v0.36.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from './dep-a056d38d.js';
+import React, { forwardRef, useState, useImperativeHandle, useContext } from 'react';
+import classNames from 'classnames';
+import { CheckCircleFilledIcon, InfoCircleFilledIcon, CloseIcon } from 'tdesign-icons-react';
+import { _ as _toConsumableArray } from './dep-e3b14935.js';
+import { _ as _slicedToArray } from './dep-b349a8d5.js';
+import ReactDOM from 'react-dom';
+import useConfig from '../_util/useConfig.js';
+import noop from '../_util/noop.js';
+import { notificationDefaultProps } from '../notification/defaultProps.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var seed = 0;
+var listMap = /* @__PURE__ */new Map();
+var NotificationRemoveContext = /*#__PURE__*/React.createContext(noop);
+var NotificationList = /*#__PURE__*/forwardRef(function (props, ref) {
+  var placement = props.placement,
+      zIndex = props.zIndex;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      list = _useState2[0],
+      setList = _useState2[1];
+
+  var remove = function remove(key) {
+    setList(function (oldList) {
+      var index = oldList.findIndex(function (item) {
+        return item.key === key;
+      });
+
+      if (index !== -1) {
+        var tempList = _toConsumableArray(oldList);
+
+        tempList.splice(index, 1);
+        return _toConsumableArray(tempList);
+      }
+
+      return oldList;
+    });
+  };
+
+  var calOffset = function calOffset(offset) {
+    if (!offset) return "16px";
+    return isNaN(Number(offset)) ? offset : "".concat(offset, "px");
+  };
+
+  var push = function push(theme, options) {
+    var key = String(seed += 1);
+    var style = {
+      margin: "16px"
+    };
+
+    if (Array.isArray(options.offset)) {
+      var _ref = _toConsumableArray(options.offset),
+          horizontal = _ref[0],
+          vertical = _ref[1];
+
+      var horizontalOffset = calOffset(horizontal);
+      var verticalOffset = calOffset(vertical);
+      style = {
+        marginTop: verticalOffset,
+        marginBottom: verticalOffset,
+        marginLeft: horizontalOffset,
+        marginRight: horizontalOffset
+      };
+    }
+
+    var ref2 = /*#__PURE__*/React.createRef();
+    setList(function (oldList) {
+      return [].concat(_toConsumableArray(oldList), [_objectSpread(_objectSpread({}, options), {}, {
+        key: key,
+        theme: theme,
+        style: style,
+        ref: ref2,
+        id: key
+      })]);
+    });
+    return Promise.resolve(ref2.current);
+  };
+
+  var removeAll = function removeAll() {
+    setList([]);
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      push: push,
+      remove: remove,
+      removeAll: removeAll
+    };
+  });
+  return /* @__PURE__ */React.createElement(NotificationRemoveContext.Provider, {
+    value: remove
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-notification__show--").concat(placement),
+    style: {
+      zIndex: zIndex
+    }
+  }, list.map(function (props2) {
+    var _props2$onDurationEnd = props2.onDurationEnd,
+        _onDurationEnd = _props2$onDurationEnd === void 0 ? noop : _props2$onDurationEnd,
+        _props2$onCloseBtnCli = props2.onCloseBtnClick,
+        _onCloseBtnClick = _props2$onCloseBtnCli === void 0 ? noop : _props2$onCloseBtnCli;
+
+    return /* @__PURE__ */React.createElement(_Notification, _objectSpread(_objectSpread({
+      ref: props2.ref,
+      key: props2.key
+    }, props2), {}, {
+      onDurationEnd: function onDurationEnd() {
+        remove(props2.key);
+
+        _onDurationEnd();
+      },
+      onCloseBtnClick: function onCloseBtnClick(e) {
+        remove(props2.key);
+
+        _onCloseBtnClick(e);
+      }
+    }));
+  })));
+});
+var fetchListInstance = function fetchListInstance(placement, attach, zIndex) {
+  return new Promise(function (resolve) {
+    if (listMap.has(placement)) {
+      resolve(listMap.get(placement));
+    } else {
+      var hasExec = false;
+      ReactDOM.render( /* @__PURE__ */React.createElement(NotificationList, {
+        attach: attach,
+        placement: placement,
+        zIndex: Number(zIndex),
+        ref: function ref(instance) {
+          if (!hasExec) {
+            hasExec = true;
+            listMap.set(placement, instance);
+            resolve(instance);
+          }
+        }
+      }), attach);
+    }
+  });
+};
+
+var Notification = /*#__PURE__*/forwardRef(function (props, ref) {
+  var title = props.title,
+      content = props.content,
+      theme = props.theme,
+      icon = props.icon,
+      closeBtn = props.closeBtn,
+      footer = props.footer,
+      duration = props.duration,
+      _props$onCloseBtnClic = props.onCloseBtnClick,
+      onCloseBtnClick = _props$onCloseBtnClic === void 0 ? noop : _props$onCloseBtnClic,
+      _props$onDurationEnd = props.onDurationEnd,
+      onDurationEnd = _props$onDurationEnd === void 0 ? noop : _props$onDurationEnd,
+      style = props.style,
+      id = props.id;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var remove = useContext(NotificationRemoveContext);
+  React.useImperativeHandle(ref, function () {
+    return {
+      close: function close() {
+        return remove(id);
+      }
+    };
+  });
+  React.useEffect(function () {
+    var timer;
+
+    if (duration > 0) {
+      timer = setTimeout(function () {
+        clearTimeout(timer);
+        onDurationEnd();
+      }, duration);
+    }
+
+    return function () {
+      if (timer) clearTimeout(timer);
+    };
+  }, []);
+
+  var renderIcon = function renderIcon() {
+    var IconWrapper = function IconWrapper(_ref) {
+      var children = _ref.children;
+      return /* @__PURE__ */React.createElement("div", {
+        className: "".concat(classPrefix, "-notification__icon")
+      }, children);
+    };
+
+    if ( /*#__PURE__*/React.isValidElement(icon)) {
+      return /* @__PURE__ */React.createElement(IconWrapper, null, icon);
+    }
+
+    if (theme && theme === "success") {
+      return /* @__PURE__ */React.createElement(IconWrapper, null, /* @__PURE__ */React.createElement(CheckCircleFilledIcon, {
+        className: "".concat(classPrefix, "-is-success")
+      }));
+    }
+
+    if (theme && ["info", "warning", "error"].indexOf(theme) >= 0) {
+      return /* @__PURE__ */React.createElement(IconWrapper, null, /* @__PURE__ */React.createElement(InfoCircleFilledIcon, {
+        className: "".concat(classPrefix, "-is-").concat(theme)
+      }));
+    }
+
+    return null;
+  };
+
+  return /* @__PURE__ */React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-notification"), _defineProperty({}, "".concat(classPrefix, "-is-").concat(theme), theme)),
+    style: style
+  }, renderIcon(), /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-notification__main")
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-notification__title__wrap")
+  }, /* @__PURE__ */React.createElement("span", {
+    className: "".concat(classPrefix, "-notification__title")
+  }, title), function () {
+    if (typeof closeBtn === "boolean" && closeBtn) {
+      return /* @__PURE__ */React.createElement(CloseIcon, {
+        className: "".concat(classPrefix, "-icon-close"),
+        onClick: function onClick(e) {
+          onCloseBtnClick({
+            e: e
+          });
+        }
+      });
+    }
+
+    if ( /*#__PURE__*/React.isValidElement(closeBtn)) {
+      return /* @__PURE__ */React.createElement("div", {
+        onClick: function onClick(e) {
+          onCloseBtnClick({
+            e: e
+          });
+        }
+      }, closeBtn);
+    }
+
+    return null;
+  }()), function () {
+    if (typeof content === "string") {
+      return /* @__PURE__ */React.createElement("div", {
+        className: "".concat(classPrefix, "-notification__content")
+      }, content);
+    }
+
+    if ( /*#__PURE__*/React.isValidElement(content)) return content;
+    return null;
+  }(), /*#__PURE__*/React.isValidElement(footer) && /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-notification__detail")
+  }, footer), typeof footer === "function" && /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-notification__detail")
+  }, footer())));
+});
+Notification.displayName = "Notification";
+Notification.defaultProps = notificationDefaultProps;
+var _Notification = Notification;
+
+export { NotificationRemoveContext as N, _Notification as _, Notification as a, fetchListInstance as f, listMap as l };
+//# sourceMappingURL=dep-264fe846.js.map

package/esm/_chunks/dep-264fe846.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-264fe846.js","sources":["../../src/notification/NotificationList.tsx","../../src/notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport useConfig from '../_util/useConfig';\nimport {\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationPlacementList,\n  NotificationThemeList,\n  TdNotificationProps,\n} from './type';\nimport { Styles } from '../common';\nimport noop from '../_util/noop';\nimport NotificationComponent from './Notification';\n\ninterface NotificationListInstance extends TdNotificationProps {\n  push: (theme: NotificationThemeList, options: NotificationInfoOptions) => Promise<NotificationInstance>;\n  remove: (key: string) => void;\n  removeAll: () => void;\n}\n\ninterface NotificationListOpenOption extends NotificationInfoOptions {\n  id: string;\n  key: string;\n  theme: NotificationThemeList;\n  style: Styles;\n  ref: React.RefObject<NotificationInstance>;\n}\n\ninterface NotificationListProps {\n  attach: HTMLElement;\n  zIndex: number;\n  placement: NotificationPlacementList;\n}\n\nlet seed = 0;\n\nexport const listMap: Map<NotificationPlacementList, NotificationListInstance> = new Map();\n\nexport const NotificationRemoveContext = React.createContext<(key: string) => void>(noop);\n\nconst NotificationList = forwardRef<NotificationListInstance, NotificationListProps>((props, ref) => {\n  const { placement, zIndex } = props;\n  const { classPrefix } = useConfig();\n  const [list, setList] = useState<NotificationListOpenOption[]>([]);\n\n  const remove = (key: string) => {\n    setList((oldList) => {\n      const index = oldList.findIndex((item) => item.key === key);\n      if (index !== -1) {\n        const tempList = [...oldList];\n        tempList.splice(index, 1);\n        return [...tempList];\n      }\n      return oldList;\n    });\n  };\n\n  const calOffset = (offset: string | number) => {\n    if (!offset) return '16px';\n    return isNaN(Number(offset)) ? offset : `${offset}px`;\n  };\n\n  const push = (theme: NotificationThemeList, options: NotificationInfoOptions): Promise<NotificationInstance> => {\n    const key = String((seed += 1));\n    let style: React.CSSProperties = {\n      margin: '16px',\n    };\n    if (Array.isArray(options.offset)) {\n      const [horizontal, vertical] = [...options.offset];\n      const horizontalOffset = calOffset(horizontal);\n      const verticalOffset = calOffset(vertical);\n\n      style = {\n        marginTop: verticalOffset,\n        marginBottom: verticalOffset,\n        marginLeft: horizontalOffset,\n        marginRight: horizontalOffset,\n      };\n    }\n    const ref = React.createRef<NotificationInstance>();\n\n    setList((oldList) => [\n      ...oldList,\n      {\n        ...options,\n        key,\n        theme,\n        style,\n        ref,\n        id: key,\n      },\n    ]);\n\n    return Promise.resolve(ref.current);\n  };\n\n  const removeAll = () => {\n    setList([]);\n  };\n\n  useImperativeHandle(ref, () => ({\n    push,\n    remove,\n    removeAll,\n  }));\n\n  return (\n    <NotificationRemoveContext.Provider value={remove}>\n      <div className={`${classPrefix}-notification__show--${placement}`} style={{ zIndex }}>\n        {list.map((props) => {\n          const { onDurationEnd = noop, onCloseBtnClick = noop } = props;\n          return (\n            <NotificationComponent\n              ref={props.ref}\n              key={props.key}\n              {...props}\n              onDurationEnd={() => {\n                remove(props.key);\n                onDurationEnd();\n              }}\n              onCloseBtnClick={(e) => {\n                remove(props.key);\n                onCloseBtnClick(e);\n              }}\n            />\n          );\n        })}\n      </div>\n    </NotificationRemoveContext.Provider>\n  );\n});\n\nexport const fetchListInstance = (\n  placement: NotificationPlacementList,\n  attach: HTMLElement,\n  zIndex: number,\n): Promise<NotificationListInstance> =>\n  new Promise((resolve) => {\n    if (listMap.has(placement)) {\n      resolve(listMap.get(placement));\n    } else {\n      let hasExec = false;\n      ReactDOM.render(\n        <NotificationList\n          attach={attach}\n          placement={placement}\n          zIndex={Number(zIndex)}\n          ref={(instance) => {\n            if (!hasExec) {\n              hasExec = true;\n              listMap.set(placement, instance);\n              resolve(instance);\n            }\n          }}\n        />,\n        attach,\n      );\n    }\n  });\n","import React, { forwardRef, useContext } from 'react';\nimport classNames from 'classnames';\nimport { CheckCircleFilledIcon, CloseIcon, InfoCircleFilledIcon } from 'tdesign-icons-react';\nimport { NotificationRemoveContext } from './NotificationList';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\n\nimport { NotificationInstance, TdNotificationProps } from './type';\nimport { Styles } from '../common';\nimport { notificationDefaultProps } from './defaultProps';\n\nexport interface NotificationProps extends TdNotificationProps {\n  style?: Styles;\n  id?: string;\n}\n\nexport const Notification = forwardRef<any, NotificationProps>((props, ref) => {\n  const {\n    title,\n    content,\n    theme,\n    icon,\n    closeBtn,\n    footer,\n    duration,\n    onCloseBtnClick = noop,\n    onDurationEnd = noop,\n    style,\n    id,\n  } = props;\n\n  const { classPrefix } = useConfig();\n\n  const remove = useContext(NotificationRemoveContext);\n  React.useImperativeHandle(ref as React.Ref<NotificationInstance>, () => ({ close: () => remove(id) }));\n\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(() => {\n    let timer;\n    if (duration > 0) {\n      timer = setTimeout(() => {\n        clearTimeout(timer);\n        onDurationEnd();\n      }, duration);\n    }\n    return () => {\n      if (timer) clearTimeout(timer);\n    };\n  }, []);\n\n  const renderIcon = () => {\n    const IconWrapper = ({ children }) => <div className={`${classPrefix}-notification__icon`}>{children}</div>;\n\n    // 调整优先级，icon 优先级最高\n    if (React.isValidElement(icon)) {\n      return <IconWrapper>{icon}</IconWrapper>;\n    }\n\n    if (theme && theme === 'success') {\n      return (\n        <IconWrapper>\n          <CheckCircleFilledIcon className={`${classPrefix}-is-success`} />\n        </IconWrapper>\n      );\n    }\n    if (theme && ['info', 'warning', 'error'].indexOf(theme) >= 0) {\n      return (\n        <IconWrapper>\n          <InfoCircleFilledIcon className={`${classPrefix}-is-${theme}`} />\n        </IconWrapper>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <div\n      className={classNames(`${classPrefix}-notification`, {\n        [`${classPrefix}-is-${theme}`]: theme,\n      })}\n      style={style}\n    >\n      {renderIcon()}\n      <div className={`${classPrefix}-notification__main`}>\n        <div className={`${classPrefix}-notification__title__wrap`}>\n          <span className={`${classPrefix}-notification__title`}>{title}</span>\n          {((): React.ReactNode => {\n            if (typeof closeBtn === 'boolean' && closeBtn) {\n              return (\n                <CloseIcon\n                  className={`${classPrefix}-icon-close`}\n                  onClick={(e) => {\n                    onCloseBtnClick({ e });\n                  }}\n                />\n              );\n            }\n            if (React.isValidElement(closeBtn)) {\n              return (\n                <div\n                  onClick={(e) => {\n                    onCloseBtnClick({ e });\n                  }}\n                >\n                  {closeBtn}\n                </div>\n              );\n            }\n            return null;\n          })()}\n        </div>\n        {((): React.ReactNode => {\n          if (typeof content === 'string') {\n            return <div className={`${classPrefix}-notification__content`}>{content}</div>;\n          }\n          if (React.isValidElement(content)) return content;\n          return null;\n        })()}\n        {React.isValidElement(footer) && <div className={`${classPrefix}-notification__detail`}>{footer}</div>}\n        {typeof footer === 'function' && <div className={`${classPrefix}-notification__detail`}>{footer()}</div>}\n      </div>\n    </div>\n  );\n});\n\nNotification.displayName = 'Notification';\nNotification.defaultProps = notificationDefaultProps;\n\nexport default Notification;\n"],"names":["seed","listMap","Map","NotificationRemoveContext","React","createContext","noop","NotificationList","forwardRef","props","ref","placement","zIndex","useConfig","classPrefix","useState","list","setList","remove","key","oldList","index","findIndex","item","tempList","splice","calOffset","offset","isNaN","Number","push","theme","options","String","style","margin","Array","isArray","horizontal","vertical","horizontalOffset","verticalOffset","marginTop","marginBottom","marginLeft","marginRight","ref2","createRef","id","Promise","resolve","current","removeAll","useImperativeHandle","createElement","Provider","value","className","map","props2","onDurationEnd","onCloseBtnClick","NotificationComponent","e","fetchListInstance","attach","has","get","hasExec","ReactDOM","render","instance","set","Notification","title","content","icon","closeBtn","footer","duration","useContext","close","useEffect","timer","setTimeout","clearTimeout","renderIcon","IconWrapper","children","isValidElement","CheckCircleFilledIcon","indexOf","InfoCircleFilledIcon","classNames","CloseIcon","onClick","displayName","defaultProps","notificationDefaultProps"],"mappings":"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"}

package/esm/_chunks/dep-2fec7736.js

@@ -0,0 +1,160 @@
+/**
+ * tdesign v0.36.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from './dep-a056d38d.js';
+import React, { useState, useRef, useEffect, forwardRef } from 'react';
+import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
+import Check, { CheckContext } from '../common/Check.js';
+import { _ as _slicedToArray } from './dep-b349a8d5.js';
+import classNames from 'classnames';
+import useConfig from '../_util/useConfig.js';
+import useControlled from '../hooks/useControlled.js';
+import useCommonClassName from '../_util/useCommonClassName.js';
+import { radioGroupDefaultProps, radioDefaultProps } from '../radio/defaultProps.js';
+import useMutationObservable from '../_util/useMutationObserver.js';
+
+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(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 = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var disabled = props.disabled,
+      children = props.children,
+      onChange = props.onChange,
+      size = props.size,
+      variant = props.variant,
+      _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      className = props.className,
+      style = props.style;
+
+  var _useControlled = useControlled(props, "value", onChange),
+      _useControlled2 = _slicedToArray(_useControlled, 2),
+      internalValue = _useControlled2[0],
+      setInternalValue = _useControlled2[1];
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      barStyle = _useState2[0],
+      setBarStyle = _useState2[1];
+
+  var groupRef = useRef(null);
+  var checkedRadioCls = ".".concat(classPrefix, "-radio-button.").concat(classPrefix, "-is-checked");
+
+  var _useCommonClassName = useCommonClassName(),
+      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
+          });
+        }
+      });
+    }
+  };
+
+  var calcBarStyle = function calcBarStyle() {
+    if (!variant.includes("filled")) return;
+    var checkedRadio = groupRef.current.querySelector(checkedRadioCls);
+    if (!checkedRadio) return setBarStyle({
+      width: 0
+    });
+    var offsetWidth = checkedRadio.offsetWidth,
+        offsetLeft = checkedRadio.offsetLeft;
+    setBarStyle({
+      width: "".concat(offsetWidth, "px"),
+      left: "".concat(offsetLeft, "px")
+    });
+  };
+
+  useEffect(function () {
+    calcBarStyle();
+  }, [groupRef.current, internalValue]);
+  useMutationObservable(groupRef.current, calcBarStyle);
+
+  var renderBlock = function renderBlock() {
+    if (!variant.includes("filled")) return null;
+    return /* @__PURE__ */React.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.createElement(_Radio, {
+          value: item,
+          key: item
+        }, item);
+      }
+
+      return /* @__PURE__ */React.createElement(_Radio, {
+        value: item.value,
+        key: item.value,
+        disabled: item.disabled
+      }, item.label);
+    });
+  };
+
+  return /* @__PURE__ */React.createElement(CheckContext.Provider, {
+    value: context
+  }, /* @__PURE__ */React.createElement("div", {
+    ref: groupRef,
+    style: style,
+    className: classNames("".concat(classPrefix, "-radio-group"), sizeMap[size], className, (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-radio-group__outline"), variant === "outline"), _defineProperty(_classNames, "".concat(classPrefix, "-radio-group--filled"), variant.includes("filled")), _defineProperty(_classNames, "".concat(classPrefix, "-radio-group--primary-filled"), variant === "primary-filled"), _classNames))
+  }, children || renderOptions(), renderBlock()));
+};
+
+RadioGroup.displayName = "RadioGroup";
+RadioGroup.defaultProps = radioGroupDefaultProps;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Radio = forwardRefWithStatics(function (props, ref) {
+  return /* @__PURE__ */React.createElement(Check, _objectSpread({
+    ref: ref,
+    type: "radio"
+  }, props));
+}, {
+  Group: RadioGroup,
+  Button: /*#__PURE__*/forwardRef(function (props, ref) {
+    return /* @__PURE__ */React.createElement(Check, _objectSpread({
+      ref: ref,
+      type: "radio-button"
+    }, props));
+  })
+});
+Radio.displayName = "Radio";
+Radio.defaultProps = radioDefaultProps;
+var _Radio = Radio;
+
+export { RadioGroup as R, _Radio as _ };
+//# sourceMappingURL=dep-2fec7736.js.map

package/esm/_chunks/dep-2fec7736.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-2fec7736.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 useControlled from '../hooks/useControlled';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { StyledProps } from '../common';\nimport { CheckContext, CheckContextValue } from '../common/Check';\nimport Radio from './Radio';\nimport useMutationObservable from '../_util/useMutationObserver';\nimport { radioGroupDefaultProps } from './defaultProps';\n\n/**\n * RadioGroup 组件所接收的属性\n */\nexport interface RadioGroupProps extends TdRadioGroupProps, StyledProps {\n  children?: ReactNode;\n}\n\n/**\n * 单选选项组，里面可以嵌套 <Radio />\n */\nconst RadioGroup = (props: RadioGroupProps) => {\n  const { classPrefix } = useConfig();\n  const { disabled, children, onChange, size, variant, options = [], className, style } = props;\n\n  const [internalValue, setInternalValue] = useControlled(props, 'value', onChange);\n  const [barStyle, setBarStyle] = useState({});\n  const groupRef = useRef(null);\n\n  const checkedRadioCls = `.${classPrefix}-radio-button.${classPrefix}-is-checked`;\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          setInternalValue(checkValue, { e });\n        },\n      };\n    },\n  };\n\n  const calcBarStyle = () => {\n    if (!variant.includes('filled')) return;\n    const checkedRadio = groupRef.current.querySelector(checkedRadioCls);\n    if (!checkedRadio) return setBarStyle({ width: 0 });\n\n    const { offsetWidth, offsetLeft } = checkedRadio;\n    setBarStyle({ width: `${offsetWidth}px`, left: `${offsetLeft}px` });\n  };\n\n  useEffect(() => {\n    calcBarStyle();\n  }, [groupRef.current, internalValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useMutationObservable(groupRef.current, calcBarStyle);\n\n  const renderBlock = () => {\n    if (!variant.includes('filled')) return null;\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        style={style}\n        className={classNames(`${classPrefix}-radio-group`, sizeMap[size], className, {\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';\nRadioGroup.defaultProps = radioGroupDefaultProps;\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';\nimport { radioDefaultProps } from './defaultProps';\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';\nRadio.defaultProps = radioDefaultProps;\n\nexport default Radio;\n"],"names":["RadioGroup","props","useConfig","classPrefix","disabled","children","onChange","size","variant","options","className","style","useControlled","internalValue","setInternalValue","useState","barStyle","setBarStyle","groupRef","useRef","checkedRadioCls","useCommonClassName","sizeMap","SIZE","context","inject","checkProps","checked","checkValue","value","_objectSpread","e","calcBarStyle","includes","checkedRadio","current","querySelector","width","offsetWidth","offsetLeft","left","useEffect","useMutationObservable","renderBlock","React","createElement","renderOptions","map","item","Radio","key","label","CheckContext","Provider","ref","classNames","displayName","defaultProps","radioGroupDefaultProps","forwardRefWithStatics","Check","type","Group","Button","forwardRef","radioDefaultProps"],"mappings":"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"}

package/esm/_chunks/dep-325472ea.js

@@ -0,0 +1,43 @@
+/**
+ * tdesign v0.36.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import './dep-a2b419e6.js';
+
+/**
+ * Creates a unary function that invokes `func` with its argument transformed.
+ *
+ * @private
+ * @param {Function} func The function to wrap.
+ * @param {Function} transform The argument transform.
+ * @returns {Function} Returns the new function.
+ */
+
+function overArg(func, transform) {
+  return function (arg) {
+    return func(transform(arg));
+  };
+}
+
+var _overArg = overArg;
+
+/**
+ * The base implementation of `_.unary` without support for storing metadata.
+ *
+ * @private
+ * @param {Function} func The function to cap arguments for.
+ * @returns {Function} Returns the new capped function.
+ */
+
+function baseUnary(func) {
+  return function (value) {
+    return func(value);
+  };
+}
+
+var _baseUnary = baseUnary;
+
+export { _baseUnary as _, _overArg as a };
+//# sourceMappingURL=dep-325472ea.js.map

package/esm/_chunks/dep-325472ea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-325472ea.js","sources":["../../node_modules/lodash/_overArg.js","../../node_modules/lodash/_baseUnary.js"],"sourcesContent":["/**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\nfunction overArg(func, transform) {\n  return function(arg) {\n    return func(transform(arg));\n  };\n}\n\nmodule.exports = overArg;\n","/**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\nfunction baseUnary(func) {\n  return function(value) {\n    return func(value);\n  };\n}\n\nmodule.exports = baseUnary;\n"],"names":["overArg","func","transform","arg","_overArg","baseUnary","value","_baseUnary"],"mappings":";;;;;;;;;;;;;;;;;AAQA,SAASA,OAAT,CAAiBC,IAAjB,EAAuBC,SAAvB,EAAkC;EAChC,OAAO,UAASC,GAAT,EAAc;AACnB,IAAA,OAAOF,IAAI,CAACC,SAAS,CAACC,GAAD,CAAV,CAAX,CAAA;GADF,CAAA;AAGD,CAAA;;AAEDC,IAAAA,QAAc,GAAGJ;;;;;;;;;;ACPjB,SAASK,SAAT,CAAmBJ,IAAnB,EAAyB;EACvB,OAAO,UAASK,KAAT,EAAgB;IACrB,OAAOL,IAAI,CAACK,KAAD,CAAX,CAAA;GADF,CAAA;AAGD,CAAA;;AAEDC,IAAAA,UAAc,GAAGF;;;;"}

package/esm/_chunks/dep-32d93966.js

@@ -0,0 +1,43 @@
+/**
+ * tdesign v0.36.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import './dep-a2b419e6.js';
+import { a as _baseGetTag } from './dep-6856eb15.js';
+import { i as isArray_1 } from './dep-94e521b8.js';
+import { i as isObjectLike_1 } from './dep-9df08326.js';
+
+var baseGetTag = _baseGetTag,
+    isArray = isArray_1,
+    isObjectLike = 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;
+
+export { isString_1 as i };
+//# sourceMappingURL=dep-32d93966.js.map

package/esm/_chunks/dep-32d93966.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-32d93966.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,WAAjB;AAAA,IACIC,OAAO,GAAGC,SADd;AAAA,IAEIC,YAAY,GAAGC,cAFnB,CAAA;AAIA;;AACA,IAAIC,SAAS,GAAG,iBAAhB,CAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;EACvB,OAAO,OAAOA,KAAP,IAAgB,QAAhB,IACJ,CAACN,OAAO,CAACM,KAAD,CAAR,IAAmBJ,YAAY,CAACI,KAAD,CAA/B,IAA0CR,UAAU,CAACQ,KAAD,CAAV,IAAqBF,SADlE,CAAA;AAED,CAAA;;AAEDG,IAAAA,UAAc,GAAGF;;;;"}