@nutui/nutui-react 2.0.0-alpha.8 → 2.0.0-alpha.9

package/dist/esm/Swiper.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "direction", "className", "pageContent", "onChange", "initPage", "paginationColor", "paginationVisible", "touchable", "isPreventDefault", "isStopPropagation", "autoPlay", "isCenter", "paginationBgColor"];
+var _excluded = ["children", "direction", "className", "onChange", "defaultValue", "indicator", "touchable", "preventDefault", "stopPropagation", "autoPlay", "center"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -26,35 +26,32 @@ function _objectSpread(target) {
 }
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext3.js";
-import { c as cn } from "./bem.js";
+import { D as DataContext } from "./context2.js";
 import { g as getRect } from "./use-client-rect.js";
-import "@bem-react/classname";
+import Indicator from "./Indicator.js";
 var defaultProps = {
   width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
-  initPage: 0,
+  defaultValue: 0,
   autoPlay: 0,
   direction: "horizontal",
-  paginationColor: "#fff",
-  paginationBgColor: "#ddd",
-  paginationVisible: false,
+  indicator: false,
   loop: true,
   touchable: true,
-  isPreventDefault: true,
-  isStopPropagation: true,
-  isCenter: false,
+  preventDefault: true,
+  stopPropagation: true,
+  center: false,
   className: ""
 };
 var DISTANCE = 5;
 var Swiper = React__default.forwardRef(function(props, ref) {
-  var _classNames, _classNames2;
+  var _classNames;
   var propSwiper = _objectSpread(_objectSpread({}, defaultProps), props);
-  var children = propSwiper.children, direction = propSwiper.direction, className = propSwiper.className, pageContent = propSwiper.pageContent, onChange = propSwiper.onChange, initPage = propSwiper.initPage, paginationColor = propSwiper.paginationColor, paginationVisible = propSwiper.paginationVisible, touchable = propSwiper.touchable, isPreventDefault = propSwiper.isPreventDefault, isStopPropagation = propSwiper.isStopPropagation, autoPlay = propSwiper.autoPlay, isCenter = propSwiper.isCenter, paginationBgColor = propSwiper.paginationBgColor, rest = _objectWithoutProperties(propSwiper, _excluded);
+  var children = propSwiper.children, direction = propSwiper.direction, className = propSwiper.className, onChange = propSwiper.onChange, defaultValue = propSwiper.defaultValue, indicator = propSwiper.indicator, touchable = propSwiper.touchable, preventDefault = propSwiper.preventDefault, stopPropagation = propSwiper.stopPropagation, autoPlay = propSwiper.autoPlay, center = propSwiper.center, rest = _objectWithoutProperties(propSwiper, _excluded);
   var container = useRef(null);
   var innerRef = useRef(null);
-  var _swiper = useRef({
+  var swiperRef = useRef({
     moving: false,
     autoplayTimer: null,
     width: 0,
@@ -81,7 +78,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     stateDirection: "",
     delta: 0,
     touchTime: 0
-  }), _useState16 = _slicedToArray(_useState15, 2), touch = _useState16[0], setTouch = _useState16[1];
+  }), _useState16 = _slicedToArray(_useState15, 1), touch = _useState16[0];
   var _useMemo = useMemo(function() {
     var childCount2 = 0;
     var childs2 = React__default.Children.map(props.children, function(child) {
@@ -108,20 +105,20 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     return 0;
   }();
   var stopAutoPlay = function stopAutoPlay2() {
-    clearTimeout(_swiper.current.autoplayTimer);
-    _swiper.current.autoplayTimer = null;
+    clearTimeout(swiperRef.current.autoplayTimer);
+    swiperRef.current.autoplayTimer = null;
   };
-  var autoplay = function autoplay2() {
+  var startPlay = function startPlay2() {
     if (propSwiper.autoPlay <= 0 || childCount <= 1)
       return;
     stopAutoPlay();
-    _swiper.current.autoplayTimer = setTimeout(function() {
+    swiperRef.current.autoplayTimer = setTimeout(function() {
       next();
-      autoplay2();
+      startPlay2();
     }, Number(propSwiper.autoPlay));
   };
-  var resettPosition = function resettPosition2() {
-    _swiper.current.moving = true;
+  var resetPosition = function resetPosition2() {
+    swiperRef.current.moving = true;
     if (active <= -1) {
       move({
         pace: childCount
@@ -134,47 +131,41 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     }
   };
   var prev = function prev2() {
-    resettPosition();
-    touchReset();
+    resetPosition();
+    resetTouchDetails();
     requestFrame(function() {
-      requestFrame(function() {
-        _swiper.current.moving = false;
-        move({
-          pace: -1,
-          isEmit: true
-        });
+      swiperRef.current.moving = false;
+      move({
+        pace: -1,
+        isEmit: true
       });
     });
   };
   var next = function next2() {
-    resettPosition();
-    touchReset();
+    resetPosition();
+    resetTouchDetails();
     requestFrame(function() {
-      requestFrame(function() {
-        _swiper.current.moving = false;
-        move({
-          pace: 1,
-          isEmit: true
-        });
+      swiperRef.current.moving = false;
+      move({
+        pace: 1,
+        isEmit: true
       });
     });
   };
   var to = function to2(index) {
-    resettPosition();
-    touchReset();
+    resetPosition();
+    resetTouchDetails();
     requestFrame(function() {
-      requestFrame(function() {
-        _swiper.current.moving = false;
-        var targetIndex;
-        if (props.loop && childCount === index) {
-          targetIndex = active === 0 ? 0 : index;
-        } else {
-          targetIndex = index % childCount;
-        }
-        move({
-          pace: targetIndex - active,
-          isEmit: true
-        });
+      swiperRef.current.moving = false;
+      var targetIndex;
+      if (props.loop && childCount === index) {
+        targetIndex = active === 0 ? 0 : index;
+      } else {
+        targetIndex = index % childCount;
+      }
+      move({
+        pace: targetIndex - active,
+        isEmit: true
       });
     });
   };
@@ -241,7 +232,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
       return "vertical";
     return "";
   };
-  var touchReset = function touchReset2() {
+  var resetTouchDetails = function resetTouchDetails2() {
     touch.startX = 0;
     touch.startY = 0;
     touch.deltaX = 0;
@@ -253,11 +244,11 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     touch.touchTime = 0;
   };
   var touchStart = function touchStart2(e) {
-    touchReset();
+    resetTouchDetails();
     touch.startX = e.touches[0].clientX;
     touch.startY = e.touches[0].clientY;
   };
-  var touchMove = function touchMove2(e) {
+  var handleTouchMove = function handleTouchMove2(e) {
     touch.deltaX = e.touches[0].clientX - touch.startX;
     touch.deltaY = e.touches[0].clientY - touch.startY;
     touch.offsetX = Math.abs(touch.deltaX);
@@ -267,40 +258,39 @@ var Swiper = React__default.forwardRef(function(props, ref) {
       touch.stateDirection = getDirection(touch.offsetX, touch.offsetY);
     }
   };
-  var b = cn("swiper");
-  var classes = classNames(b(""));
-  var contentClass = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b("inner")), true), _defineProperty(_classNames, "".concat(b("vertical")), isVertical), _classNames));
+  var classPrefix = "nut-swiper";
+  var contentClass = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__inner"), true), _defineProperty(_classNames, "".concat(classPrefix, "__vertical"), isVertical), _classNames));
   var getStyle = function getStyle2() {
     var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;
     var target = innerRef.current;
     var _offset = 0;
-    if (!isCenter) {
+    if (!center) {
       _offset = moveOffset;
     } else {
       var _size = isVertical ? height : width;
       var val = isVertical ? rect.height - _size : rect.width - _size;
       _offset = moveOffset + (active === childCount - 1 && !props.loop ? -val / 2 : val / 2);
     }
-    target.style.transitionDuration = "".concat(_swiper.current.moving ? 0 : props.duration, "ms");
+    target.style.transitionDuration = "".concat(swiperRef.current.moving ? 0 : props.duration, "ms");
     target.style[isVertical ? "height" : "width"] = "".concat(Number(size) * childCount, "px");
     target.style[isVertical ? "width" : "height"] = "".concat(isVertical ? width : height, "px");
     target.style.transform = "translate3D".concat(!isVertical ? "(".concat(_offset, "px,0,0)") : "(0,".concat(_offset, "px,0)"));
   };
   var onTouchStart = function onTouchStart2(e) {
-    if (props.isPreventDefault)
+    if (props.preventDefault)
       e.preventDefault();
-    if (props.isStopPropagation)
+    if (props.stopPropagation)
       e.stopPropagation();
     if (!props.touchable)
       return;
     touchStart(e);
     touch.touchTime = Date.now();
     stopAutoPlay();
-    resettPosition();
+    resetPosition();
   };
   var onTouchMove = function onTouchMove2(e) {
-    if (props.touchable && _swiper.current.moving) {
-      touchMove(e);
+    if (props.touchable && swiperRef.current.moving) {
+      handleTouchMove(e);
       if (touch.stateDirection === props.direction) {
         move({
           offset: touch.delta
@@ -309,12 +299,12 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     }
   };
   var onTouchEnd = function onTouchEnd2(e) {
-    if (!props.touchable || !_swiper.current.moving)
+    if (!props.touchable || !swiperRef.current.moving)
       return;
     var speed = touch.delta / (Date.now() - touch.touchTime);
-    var isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta) > +(size / 2).toFixed(2);
+    var isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta) > Number((size / 2).toFixed(2));
     var pace = 0;
-    _swiper.current.moving = false;
+    swiperRef.current.moving = false;
     if (isShouldMove && touch.stateDirection === props.direction) {
       var offset2 = isVertical ? touch.offsetY : touch.offsetX;
       if (props.loop) {
@@ -337,28 +327,28 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     } else {
       getStyle();
     }
-    autoplay();
+    startPlay();
   };
   useEffect(function() {
-    _swiper.current.activePagination = (active + childCount) % childCount;
+    swiperRef.current.activePagination = (active + childCount) % childCount;
   }, [active]);
   var init = function init2() {
-    var active2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : +propSwiper.initPage;
+    var active2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : +propSwiper.defaultValue;
     var rect2 = getRect(container === null || container === void 0 ? void 0 : container.current);
-    var _active = Math.max(Math.min(childCount - 1, active2), 0);
-    var _width = propSwiper.width ? +propSwiper.width : rect2.width;
-    var _height = propSwiper.height ? +propSwiper.height : rect2.height;
-    size = isVertical ? _height : _width;
+    var currentIndex = Math.max(Math.min(childCount - 1, active2), 0);
+    var width2 = +propSwiper.width || rect2.width;
+    var height2 = +propSwiper.height || rect2.height;
+    size = isVertical ? height2 : width2;
     trackSize = childCount * Number(size);
-    var targetOffset = getOffset(_active);
-    _swiper.current.moving = true;
+    var targetOffset = getOffset(currentIndex);
+    swiperRef.current.moving = true;
     if (ready) {
-      _swiper.current.moving = false;
+      swiperRef.current.moving = false;
     }
     setRect(rect2);
-    setActive(_active);
-    setWidth(_width);
-    setHeight(_height);
+    setActive(currentIndex);
+    setWidth(width2);
+    setHeight(height2);
     setOffset(targetOffset);
     setReady(true);
   };
@@ -370,19 +360,19 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   useEffect(function() {
     if (ready) {
       stopAutoPlay();
-      autoplay();
+      startPlay();
     }
     return function() {
-      setReady(false);
+      return setReady(false);
     };
   }, [ready]);
   useEffect(function() {
     stopAutoPlay();
-    autoplay();
+    startPlay();
   }, [children]);
   useEffect(function() {
-    init();
-  }, [propSwiper.initPage]);
+    return init();
+  }, [propSwiper.defaultValue]);
   useEffect(function() {
     var target = container.current;
     target.addEventListener("touchstart", onTouchStart, false);
@@ -396,19 +386,17 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   });
   useEffect(function() {
     return function() {
-      stopAutoPlay();
+      return stopAutoPlay();
     };
   }, []);
-  var itemStyle = function itemStyle2(index) {
+  var getItemStyle = function getItemStyle2(index) {
     var style = {};
-    var _direction = propSwiper.direction || direction;
-    var _size = size;
-    if (_size) {
-      style[_direction === "horizontal" ? "width" : "height"] = "".concat(_size, "px");
+    if (size) {
+      style[direction === "horizontal" ? "width" : "height"] = "".concat(size, "px");
     }
     var offset2 = childOffset[index];
     if (offset2) {
-      style.transform = "translate3D".concat(_direction === "horizontal" ? "(".concat(offset2, "px,0,0)") : "(0,".concat(offset2, "px,0)"));
+      style.transform = "translate3D".concat(direction === "horizontal" ? "(".concat(offset2, "px,0,0)") : "(0,".concat(offset2, "px,0)"));
     }
     return style;
   };
@@ -420,35 +408,36 @@ var Swiper = React__default.forwardRef(function(props, ref) {
       resize
     };
   });
+  var renderIndicator = function renderIndicator2() {
+    if (React__default.isValidElement(indicator))
+      return indicator;
+    if (indicator === true) {
+      var _classNames2;
+      return React__default.createElement("div", {
+        className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__pagination"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__pagination-vertical"), isVertical), _classNames2))
+      }, React__default.createElement(Indicator, {
+        current: (active + childCount) % childCount,
+        total: childs === null || childs === void 0 ? void 0 : childs.length,
+        direction
+      }));
+    }
+    return null;
+  };
   return React__default.createElement(DataContext.Provider, {
     value: parent
   }, React__default.createElement("div", _objectSpread({
-    className: "".concat(classes, " ").concat(className),
+    className: classNames(classPrefix, className),
     ref: container
   }, rest), React__default.createElement("div", {
     className: contentClass,
     ref: innerRef
   }, React__default.Children.map(childs, function(child, index) {
     return React__default.createElement("div", {
-      className: b("item-wrapper"),
-      style: itemStyle(index),
+      className: "".concat(classPrefix, "__item-wrapper"),
+      style: getItemStyle(index),
       key: index
     }, child);
-  })), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? React__default.createElement("div", {
-    className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(b("pagination")), true), _defineProperty(_classNames2, "".concat(b("pagination-vertical")), isVertical), _classNames2))
-  }, React__default.Children.map(childs, function(item, index) {
-    return React__default.createElement("i", {
-      style: (active + childCount) % childCount === index ? {
-        backgroundColor: propSwiper.paginationColor
-      } : {
-        backgroundColor: propSwiper.paginationBgColor
-      },
-      className: classNames({
-        active: (active + childCount) % childCount === index
-      }),
-      key: index
-    });
-  })) : React__default.createElement("div", null, pageContent)));
+  })), renderIndicator()));
 });
 Swiper.defaultProps = defaultProps;
 Swiper.displayName = "NutSwiper";

package/dist/esm/SwiperItem.js

@@ -22,7 +22,7 @@ function _objectSpread(target) {
 }
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext3.js";
+import { D as DataContext } from "./context2.js";
 import { c as cn } from "./bem.js";
 import "@bem-react/classname";
 var defaultProps = {

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/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.8 Fri May 12 2023 19:08:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.9 Wed May 17 2023 18:23:27 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.8 Fri May 12 2023 19:08:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.9 Wed May 17 2023 18:23:27 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.8 Fri May 12 2023 19:08:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.9 Wed May 17 2023 18:23:27 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.8 Fri May 12 2023 19:08:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.9 Wed May 17 2023 18:23:27 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.8 Fri May 12 2023 19:08:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.9 Wed May 17 2023 18:23:27 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.8 Fri May 12 2023 19:08:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.9 Wed May 17 2023 18:23:27 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */