@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/esm/nutui-react.es.js

@@ -4,185 +4,185 @@ import { default as default4 } from "./CellGroup.js";
 import { default as default5 } from "./ConfigProvider.js";
 import { default as default6 } from "./Image.js";
 import { default as default7 } from "./Overlay.js";
-import { default as default8 } from "./Popup.js";
-import { default as default9 } from "./Col.js";
-import { default as default10 } from "./Divider.js";
-import { default as default11 } from "./Grid.js";
-import { default as default12 } from "./GridItem.js";
-import { default as default13 } from "./Layout.js";
-import { default as default14 } from "./Row.js";
-import { default as default15 } from "./Sticky.js";
+import { default as default8 } from "./Col.js";
+import { default as default9 } from "./Divider.js";
+import { default as default10 } from "./Grid.js";
+import { default as default11 } from "./GridItem.js";
+import { default as default12 } from "./Layout.js";
+import { default as default13 } from "./Row.js";
+import { default as default14 } from "./Sticky.js";
+import { default as default15 } from "./BackTop.js";
 import { default as default16 } from "./Elevator.js";
 import { default as default17 } from "./FixedNav.js";
-import { default as default18 } from "./Indicator.js";
-import { default as default19 } from "./Menu.js";
-import { default as default20 } from "./MenuItem.js";
-import { default as default21 } from "./NavBar.js";
-import { default as default22 } from "./Pagination.js";
-import { default as default23 } from "./SideNavBar.js";
-import { default as default24 } from "./SideNavBarItem.js";
-import { default as default25 } from "./SubSideNavBar.js";
-import { default as default26 } from "./Tabbar.js";
-import { default as default27 } from "./TabbarItem.js";
-import { default as default28 } from "./TabPane.js";
-import { default as default29 } from "./Tabs.js";
-import { default as default30 } from "./Calendar.js";
-import { default as default31 } from "./CalendarItem.js";
-import { default as default32 } from "./Cascader.js";
-import { default as default33 } from "./Checkbox.js";
-import { default as default34 } from "./CheckboxGroup.js";
-import { default as default35 } from "./DatePicker.js";
-import { default as default36 } from "./Form.js";
-import { default as default37 } from "./FormItem.js";
-import { default as default38 } from "./Input.js";
-import { default as default39 } from "./InputNumber.js";
-import { default as default40 } from "./NumberKeyboard.js";
-import { default as default41 } from "./Picker.js";
-import { default as default42 } from "./Radio.js";
-import { default as default43 } from "./RadioGroup.js";
-import { default as default44 } from "./Range.js";
-import { default as default45 } from "./Rate.js";
-import { default as default46 } from "./SearchBar.js";
-import { default as default47 } from "./ShortPassword.js";
-import { default as default48 } from "./TextArea.js";
-import { default as default49 } from "./Uploader.js";
-import { default as default50 } from "./ActionSheet.js";
-import { default as default51 } from "./BackTop.js";
-import { default as default52 } from "./Dialog.js";
-import { default as default53 } from "./Drag.js";
-import { default as default54 } from "./Infiniteloading.js";
-import { default as default55 } from "./Notify.js";
-import { default as default56 } from "./PullToRefresh.js";
-import { default as default57 } from "./Swipe.js";
-import { default as default58 } from "./Switch.js";
-import { default as default59 } from "./Toast.js";
-import { default as default60 } from "./Animate.js";
-import { default as default61 } from "./AnimatingNumbers.js";
-import { default as default62 } from "./Audio.js";
-import { default as default63 } from "./Avatar.js";
-import { default as default64 } from "./AvatarGroup.js";
-import { default as default65 } from "./Badge.js";
-import { default as default66 } from "./CircleProgress.js";
-import { default as default67 } from "./Collapse.js";
-import { default as default68 } from "./CollapseItem.js";
-import { default as default69 } from "./CountDown.js";
-import { default as default70 } from "./Ellipsis.js";
-import { default as default71 } from "./Empty.js";
-import { default as default72 } from "./ImagePreview.js";
-import { default as default73 } from "./NoticeBar.js";
-import { default as default74 } from "./Popover.js";
-import { default as default75 } from "./Price.js";
-import { default as default76 } from "./Progress.js";
-import { default as default77 } from "./Skeleton.js";
-import { default as default78 } from "./Step.js";
-import { default as default79 } from "./Steps.js";
-import { default as default80 } from "./Swiper.js";
-import { default as default81 } from "./SwiperItem.js";
-import { default as default82 } from "./Table.js";
-import { default as default83 } from "./Tag.js";
-import { default as default84 } from "./TrendArrow.js";
-import { default as default85 } from "./Video.js";
-import { default as default86 } from "./VirtualList.js";
-import { default as default87 } from "./WaterMark.js";
-import { default as default88 } from "./Address.js";
-import { default as default89 } from "./Barrage.js";
-import { default as default90 } from "./Card.js";
-import { default as default91 } from "./Signature.js";
-import { default as default92 } from "./TimeDetail.js";
-import { default as default93 } from "./TimePannel.js";
-import { default as default94 } from "./TimeSelect.js";
+import { default as default18 } from "./NavBar.js";
+import { default as default19 } from "./SideNavBar.js";
+import { default as default20 } from "./SideNavBarItem.js";
+import { default as default21 } from "./SubSideNavBar.js";
+import { default as default22 } from "./Tabbar.js";
+import { default as default23 } from "./TabbarItem.js";
+import { default as default24 } from "./TabPane.js";
+import { default as default25 } from "./Tabs.js";
+import { default as default26 } from "./Address.js";
+import { default as default27 } from "./Calendar.js";
+import { default as default28 } from "./CalendarItem.js";
+import { default as default29 } from "./Cascader.js";
+import { default as default30 } from "./Checkbox.js";
+import { default as default31 } from "./CheckboxGroup.js";
+import { default as default32 } from "./DatePicker.js";
+import { default as default33 } from "./Form.js";
+import { default as default34 } from "./FormItem.js";
+import { default as default35 } from "./Input.js";
+import { default as default36 } from "./InputNumber.js";
+import { default as default37 } from "./Menu.js";
+import { default as default38 } from "./MenuItem.js";
+import { default as default39 } from "./NumberKeyboard.js";
+import { default as default40 } from "./Picker.js";
+import { default as default41 } from "./Radio.js";
+import { default as default42 } from "./RadioGroup.js";
+import { default as default43 } from "./Range.js";
+import { default as default44 } from "./Rate.js";
+import { default as default45 } from "./SearchBar.js";
+import { default as default46 } from "./ShortPassword.js";
+import { default as default47 } from "./Signature.js";
+import { default as default48 } from "./Switch.js";
+import { default as default49 } from "./TextArea.js";
+import { default as default50 } from "./Uploader.js";
+import { default as default51 } from "./ActionSheet.js";
+import { default as default52 } from "./Badge.js";
+import { default as default53 } from "./Dialog.js";
+import { default as default54 } from "./Drag.js";
+import { default as default55 } from "./Empty.js";
+import { default as default56 } from "./Infiniteloading.js";
+import { default as default57 } from "./NoticeBar.js";
+import { default as default58 } from "./Notify.js";
+import { default as default59 } from "./Popover.js";
+import { default as default60 } from "./PullToRefresh.js";
+import { default as default61 } from "./Skeleton.js";
+import { default as default62 } from "./Swipe.js";
+import { default as default63 } from "./Popup.js";
+import { default as default64 } from "./Toast.js";
+import { default as default65 } from "./Animate.js";
+import { default as default66 } from "./AnimatingNumbers.js";
+import { default as default67 } from "./Audio.js";
+import { default as default68 } from "./Avatar.js";
+import { default as default69 } from "./AvatarGroup.js";
+import { default as default70 } from "./CircleProgress.js";
+import { default as default71 } from "./Collapse.js";
+import { default as default72 } from "./CollapseItem.js";
+import { default as default73 } from "./CountDown.js";
+import { default as default74 } from "./Ellipsis.js";
+import { default as default75 } from "./ImagePreview.js";
+import { default as default76 } from "./Indicator.js";
+import { default as default77 } from "./VirtualList.js";
+import { default as default78 } from "./Pagination.js";
+import { default as default79 } from "./Price.js";
+import { default as default80 } from "./Progress.js";
+import { default as default81 } from "./Step.js";
+import { default as default82 } from "./Steps.js";
+import { default as default83 } from "./Swiper.js";
+import { default as default84 } from "./SwiperItem.js";
+import { default as default85 } from "./Table.js";
+import { default as default86 } from "./Tag.js";
+import { default as default87 } from "./Video.js";
+import { default as default88 } from "./Barrage.js";
+import { default as default89 } from "./Card.js";
+import { default as default90 } from "./TimeDetail.js";
+import { default as default91 } from "./TimePannel.js";
+import { default as default92 } from "./TimeSelect.js";
+import { default as default93 } from "./TrendArrow.js";
+import { default as default94 } from "./WaterMark.js";
 export {
-  default50 as ActionSheet,
-  default88 as Address,
-  default60 as Animate,
-  default61 as AnimatingNumbers,
-  default62 as Audio,
-  default63 as Avatar,
-  default64 as AvatarGroup,
-  default51 as BackTop,
-  default65 as Badge,
-  default89 as Barrage,
+  default51 as ActionSheet,
+  default26 as Address,
+  default65 as Animate,
+  default66 as AnimatingNumbers,
+  default67 as Audio,
+  default68 as Avatar,
+  default69 as AvatarGroup,
+  default15 as BackTop,
+  default52 as Badge,
+  default88 as Barrage,
   default2 as Button,
-  default30 as Calendar,
-  default31 as CalendarItem,
-  default90 as Card,
-  default32 as Cascader,
+  default27 as Calendar,
+  default28 as CalendarItem,
+  default89 as Card,
+  default29 as Cascader,
   default3 as Cell,
   default4 as CellGroup,
-  default33 as Checkbox,
-  default34 as CheckboxGroup,
-  default66 as CircleProgress,
-  default9 as Col,
-  default67 as Collapse,
-  default68 as CollapseItem,
+  default30 as Checkbox,
+  default31 as CheckboxGroup,
+  default70 as CircleProgress,
+  default8 as Col,
+  default71 as Collapse,
+  default72 as CollapseItem,
   default5 as ConfigProvider,
-  default69 as CountDown,
-  default35 as DatePicker,
-  default52 as Dialog,
-  default10 as Divider,
-  default53 as Drag,
+  default73 as CountDown,
+  default32 as DatePicker,
+  default53 as Dialog,
+  default9 as Divider,
+  default54 as Drag,
   default16 as Elevator,
-  default70 as Ellipsis,
-  default71 as Empty,
+  default74 as Ellipsis,
+  default55 as Empty,
   default17 as FixedNav,
-  default36 as Form,
-  default37 as FormItem,
-  default11 as Grid,
-  default12 as GridItem,
+  default33 as Form,
+  default34 as FormItem,
+  default10 as Grid,
+  default11 as GridItem,
   default6 as Image,
-  default72 as ImagePreview,
-  default18 as Indicator,
-  default54 as Infiniteloading,
-  default38 as Input,
-  default39 as InputNumber,
-  default13 as Layout,
-  default19 as Menu,
-  default20 as MenuItem,
-  default21 as NavBar,
-  default73 as NoticeBar,
-  default55 as Notify,
-  default40 as NumberKeyboard,
+  default75 as ImagePreview,
+  default76 as Indicator,
+  default56 as Infiniteloading,
+  default35 as Input,
+  default36 as InputNumber,
+  default12 as Layout,
+  default37 as Menu,
+  default38 as MenuItem,
+  default18 as NavBar,
+  default57 as NoticeBar,
+  default58 as Notify,
+  default39 as NumberKeyboard,
   default7 as Overlay,
-  default22 as Pagination,
-  default41 as Picker,
-  default74 as Popover,
-  default8 as Popup,
-  default75 as Price,
-  default76 as Progress,
-  default56 as PullToRefresh,
-  default42 as Radio,
-  default43 as RadioGroup,
-  default44 as Range,
-  default45 as Rate,
-  default14 as Row,
-  default46 as SearchBar,
-  default47 as ShortPassword,
-  default23 as SideNavBar,
-  default24 as SideNavBarItem,
-  default91 as Signature,
-  default77 as Skeleton,
-  default78 as Step,
-  default79 as Steps,
-  default15 as Sticky,
-  default25 as SubSideNavBar,
-  default57 as Swipe,
-  default80 as Swiper,
-  default81 as SwiperItem,
-  default58 as Switch,
-  default28 as TabPane,
-  default26 as Tabbar,
-  default27 as TabbarItem,
-  default82 as Table,
-  default29 as Tabs,
-  default83 as Tag,
-  default48 as TextArea,
-  default92 as TimeDetail,
-  default93 as TimePannel,
-  default94 as TimeSelect,
-  default59 as Toast,
-  default84 as TrendArrow,
-  default49 as Uploader,
-  default85 as Video,
-  default86 as VirtualList,
-  default87 as WaterMark
+  default78 as Pagination,
+  default40 as Picker,
+  default59 as Popover,
+  default63 as Popup,
+  default79 as Price,
+  default80 as Progress,
+  default60 as PullToRefresh,
+  default41 as Radio,
+  default42 as RadioGroup,
+  default43 as Range,
+  default44 as Rate,
+  default13 as Row,
+  default45 as SearchBar,
+  default46 as ShortPassword,
+  default19 as SideNavBar,
+  default20 as SideNavBarItem,
+  default47 as Signature,
+  default61 as Skeleton,
+  default81 as Step,
+  default82 as Steps,
+  default14 as Sticky,
+  default21 as SubSideNavBar,
+  default62 as Swipe,
+  default83 as Swiper,
+  default84 as SwiperItem,
+  default48 as Switch,
+  default24 as TabPane,
+  default22 as Tabbar,
+  default23 as TabbarItem,
+  default85 as Table,
+  default25 as Tabs,
+  default86 as Tag,
+  default49 as TextArea,
+  default90 as TimeDetail,
+  default91 as TimePannel,
+  default92 as TimeSelect,
+  default64 as Toast,
+  default93 as TrendArrow,
+  default50 as Uploader,
+  default87 as Video,
+  default77 as VirtualList,
+  default94 as WaterMark
 };

package/dist/esm/overlay2.js

@@ -1,7 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "zIndex", "duration", "className", "closeOnOverlayClick", "visible", "lockScroll", "style", "afterShow", "afterClose"];
+var _excluded = ["children", "zIndex", "duration", "className", "closeOnOverlayClick", "visible", "lockScroll", "style", "afterShow", "afterClose", "onClick"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -23,7 +22,7 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -31,12 +30,13 @@ var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}
   duration: 0.3,
   closeOnOverlayClick: true,
   visible: false,
-  lockScroll: true
+  lockScroll: true,
+  onClick: function onClick(event) {
+  }
 });
-var classPrefix = "nut-overlay";
 var Overlay = function Overlay2(props) {
-  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props), children = _defaultOverlayProps$.children, zIndex = _defaultOverlayProps$.zIndex, duration = _defaultOverlayProps$.duration, className = _defaultOverlayProps$.className, closeOnOverlayClick = _defaultOverlayProps$.closeOnOverlayClick, visible = _defaultOverlayProps$.visible, lockScroll = _defaultOverlayProps$.lockScroll, style = _defaultOverlayProps$.style, afterShow = _defaultOverlayProps$.afterShow, afterClose = _defaultOverlayProps$.afterClose, rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
-  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), show = _useState2[0], setShow = _useState2[1];
+  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props), children = _defaultOverlayProps$.children, zIndex = _defaultOverlayProps$.zIndex, duration = _defaultOverlayProps$.duration, className = _defaultOverlayProps$.className, closeOnOverlayClick = _defaultOverlayProps$.closeOnOverlayClick, visible = _defaultOverlayProps$.visible, lockScroll = _defaultOverlayProps$.lockScroll, style = _defaultOverlayProps$.style, afterShow = _defaultOverlayProps$.afterShow, afterClose = _defaultOverlayProps$.afterClose, onClick2 = _defaultOverlayProps$.onClick, rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
+  var classPrefix = "nut-overlay";
   var renderRef = useRef(true);
   var intervalCloseRef = useRef(0);
   var intervalShowRef = useRef(0);
@@ -45,7 +45,6 @@ var Overlay = function Overlay2(props) {
       intervalShowRef.current = window.setTimeout(function() {
         afterShow && afterShow();
       }, duration * 1e3 * 0.8);
-      setShow(visible);
     }
     lock();
   }, [visible]);
@@ -57,10 +56,10 @@ var Overlay = function Overlay2(props) {
     };
   }, []);
   var classes = classNames({
-    "overlay-fade-leave-active": !renderRef.current && !visible,
-    "overlay-fade-enter-active": visible,
-    "first-render": renderRef.current && !visible,
-    "hidden-render": !visible
+    "nut-overlay-fade-leave-active": !renderRef.current && !visible,
+    "nut-overlay-fade-enter-active": visible,
+    "nut-overlay-first-render": renderRef.current && !visible,
+    "nut-overlay-hidden-render": !visible
   }, className, classPrefix);
   var styles = _objectSpread({
     zIndex,
@@ -75,11 +74,10 @@ var Overlay = function Overlay2(props) {
   };
   var handleClick = function handleClick2(e) {
     if (closeOnOverlayClick) {
-      props.onClick && props.onClick(e);
+      onClick2 && onClick2(e);
       renderRef.current = false;
       intervalCloseRef.current = window.setTimeout(function() {
         afterClose && afterClose();
-        setShow(!visible);
       }, duration * 1e3 * 0.8);
     }
   };

package/dist/esm/radio2.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "checked", "shape", "textPosition", "value", "icon", "checkedIcon", "iconSize", "onChange"];
+var _excluded = ["children", "className", "style", "checked", "defaultChecked", "shape", "value", "icon", "activeIcon", "onChange"], _excluded2 = ["labelPosition", "disabled"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -23,106 +23,104 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useState, useContext, useEffect } from "react";
+import React__default, { useContext } from "react";
 import { CheckChecked, CheckNormal } from "@nutui/icons-react";
+import classNames from "classnames";
 import RadioGroup from "./RadioGroup.js";
 import { C as ComponentDefaults } from "./typings.js";
-var radioContext = {
-  onChange: function onChange(val) {
-  }
-};
-var RadioContext = React__default.createContext(radioContext);
+import { u as usePropsValue } from "./use-props-value.js";
+var RadioContext = React__default.createContext(null);
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: "",
-  style: {},
   disabled: false,
-  checked: false,
   shape: "round",
   value: "",
-  textPosition: "right",
-  icon: "check-normal",
-  checkedIcon: "check-checked",
-  iconSize: 18,
-  onChange: function onChange2(e) {
+  labelPosition: "right",
+  icon: null,
+  activeIcon: null,
+  onChange: function onChange(checked) {
   }
 });
 var Radio = function Radio2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
-  var className = props.className, disabled = props.disabled, checked = props.checked, shape = props.shape, textPosition = props.textPosition, value = props.value, icon = props.icon, checkedIcon = props.checkedIcon, iconSize = props.iconSize, onChange3 = props.onChange, rest = _objectWithoutProperties(props, _excluded);
-  var componentName = "nut-radio";
-  var _useState = useState(checked), _useState2 = _slicedToArray(_useState, 2), checkedStatement = _useState2[0], setCheckedStatement = _useState2[1];
-  var _useState3 = useState(value), _useState4 = _slicedToArray(_useState3, 2), valueStatement = _useState4[0], setValueStatement = _useState4[1];
-  var _useState5 = useState(disabled), _useState6 = _slicedToArray(_useState5, 2), disabledStatement = _useState6[0], setDisabledStatement = _useState6[1];
+  var classPrefix = "nut-radio";
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, checked = _defaultProps$props.checked, defaultChecked = _defaultProps$props.defaultChecked, shape = _defaultProps$props.shape, value = _defaultProps$props.value, icon = _defaultProps$props.icon, activeIcon = _defaultProps$props.activeIcon, onChange2 = _defaultProps$props.onChange, others = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var labelPosition = others.labelPosition, disabled = others.disabled, rest = _objectWithoutProperties(others, _excluded2);
+  var _usePropsValue = usePropsValue({
+    value: checked,
+    defaultValue: defaultChecked,
+    finalValue: false,
+    onChange: onChange2
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), checkedStatement = _usePropsValue2[0], setCheckedStatement = _usePropsValue2[1];
   var context = useContext(RadioContext);
-  useEffect(function() {
-    setDisabledStatement(disabled);
-    setValueStatement(value);
-    setCheckedStatement(checked);
-  }, [disabled, value, checked]);
+  if (context) {
+    checkedStatement = context.value === value;
+    if (context.labelPosition !== void 0) {
+      labelPosition = context.labelPosition;
+    }
+    if (context.disabled !== void 0) {
+      disabled = context.disabled;
+    }
+    setCheckedStatement = function setCheckedStatement2(value2) {
+      if (value2) {
+        context.check(props.value === void 0 ? "" : props.value);
+      } else {
+        context.uncheck();
+      }
+    };
+  }
   var renderLabel = function renderLabel2() {
     return React__default.createElement("div", {
-      className: "".concat(componentName, "__label ").concat(disabledStatement ? "".concat(componentName, "__label--disabled") : "")
+      className: classNames("".concat(classPrefix, "__label"), _defineProperty({}, "".concat(classPrefix, "__label--disabled"), disabled))
     }, children);
   };
   var renderButton = function renderButton2() {
+    var _classNames2;
     return React__default.createElement("div", {
-      className: "".concat(componentName, "__button ").concat(!disabledStatement && checkedStatement && "".concat(componentName, "__button--active"), " ").concat(disabledStatement ? "".concat(componentName, "__button--disabled") : "")
+      className: classNames("".concat(classPrefix, "__button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__button--active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "__button--disabled"), disabled), _classNames2))
     }, children);
   };
   var color = function color2() {
-    if (disabledStatement) {
-      return "nut-radio__icon--disable";
-    }
-    if (checkedStatement) {
-      return "nut-radio__icon";
-    }
-    return "nut-radio__icon--unchecked";
+    var _ref;
+    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "__icon--disable"), disabled), _defineProperty(_ref, "".concat(classPrefix, "__icon"), checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "__icon--unchecked"), !checkedStatement), _ref;
   };
   var renderIcon = function renderIcon2() {
-    var icon2 = props.icon, iconSize2 = props.iconSize, checkedIcon2 = props.checkedIcon;
-    if (!disabledStatement && checkedStatement) {
-      return React__default.isValidElement(checkedIcon2) ? React__default.cloneElement(checkedIcon2, _objectSpread(_objectSpread({}, checkedIcon2.props), {}, {
-        className: color()
+    var icon2 = props.icon, activeIcon2 = props.activeIcon;
+    if (checkedStatement) {
+      return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, _objectSpread(_objectSpread({}, activeIcon2.props), {}, {
+        className: classNames(color())
       })) : React__default.createElement(CheckChecked, {
-        width: iconSize2,
-        height: iconSize2,
-        className: color()
+        className: classNames(color())
       });
     }
     return React__default.isValidElement(icon2) ? React__default.cloneElement(icon2, _objectSpread(_objectSpread({}, icon2.props), {}, {
-      size: iconSize2,
-      className: color()
+      className: classNames(color())
     })) : React__default.createElement(CheckNormal, {
-      width: iconSize2,
-      height: iconSize2,
-      className: color()
+      className: classNames(color())
     });
   };
-  var reverseState = textPosition === "left";
+  var reverse = labelPosition === "left";
   var renderRadioItem = function renderRadioItem2() {
     if (shape === "button") {
       return renderButton();
     }
-    if (reverseState) {
+    if (reverse) {
       return React__default.createElement(React__default.Fragment, null, renderLabel(), renderIcon());
     }
     return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
   };
   var handleClick = function handleClick2(e) {
-    if (disabledStatement || checkedStatement)
+    if (disabled || checkedStatement)
       return;
     setCheckedStatement(!checkedStatement);
-    onChange3 && onChange3(e);
-    context && context.onChange(valueStatement);
   };
   return React__default.createElement("div", _objectSpread({
-    className: "nut-radio ".concat(className, " ").concat(reverseState ? "".concat(componentName, "--reverse") : ""),
+    className: "".concat(classPrefix, " ").concat(className, " ").concat(reverse ? "".concat(classPrefix, "--reverse") : ""),
+    style,
     onClick: handleClick
   }, rest), renderRadioItem());
 };
 Radio.defaultProps = defaultProps;
 Radio.displayName = "NutRadio";
-Radio.RadioGroup = RadioGroup;
+Radio.Group = RadioGroup;
 export {
   Radio as R,
   RadioContext as a

package/dist/esm/raf.js

@@ -0,0 +1,16 @@
+var _window = window;
+function requestAniFrame() {
+  if (typeof _window !== "undefined") {
+    return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
+      _window.setTimeout(callback, 1e3 / 60);
+    };
+  } else {
+    return function(callback) {
+      setTimeout(callback, 1e3 / 60);
+    };
+  }
+}
+var requestAniFrame$1 = requestAniFrame();
+export {
+  requestAniFrame$1 as r
+};