@nutui/nutui-react 1.2.2 → 1.2.3-beta.0

package/dist/esm/Radio.js

@@ -76,7 +76,15 @@ var Radio = function Radio(props) {
   };
 
   var color = function color() {
-    return !disabledStatement ? checkedStatement ? 'nut-radio__icon' : 'nut-radio__icon--unchecked' : 'nut-radio__icon--disable';
+    if (disabledStatement) {
+      return 'nut-radio__icon--disable';
+    }
+
+    if (checkedStatement) {
+      return 'nut-radio__icon';
+    }
+
+    return 'nut-radio__icon--unchecked';
   };
 
   var renderIcon = function renderIcon() {
@@ -90,10 +98,22 @@ var Radio = function Radio(props) {
     });
   };
 
+  var renderRadioItem = function renderRadioItem() {
+    if (shape === 'button') {
+      return renderButton();
+    }
+
+    if (reverseState) {
+      return [renderLabel(), renderIcon()];
+    }
+
+    return [renderIcon(), renderLabel()];
+  };
+
   var handleClick = function handleClick(e) {
-    if (disabledStatement) return;
+    if (disabledStatement || checkedStatement) return;
     setCheckedStatement(!checkedStatement);
-    props.onChange && props.onChange(e);
+    onChange && onChange(e);
     context && context.onChange(valueStatement);
   };
 
@@ -101,7 +121,7 @@ var Radio = function Radio(props) {
   return React__default.createElement("div", _objectSpread({
     className: "nut-radio ".concat(className),
     onClick: handleClick
-  }, rest), props.shape == 'button' ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
+  }, rest), renderRadioItem());
 };
 
 Radio.defaultProps = defaultProps;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:56:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:29:08 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:56:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:29:08 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:56:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:29:08 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:56:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:29:08 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:56:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:29:08 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:55:27 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:28:42 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -5996,7 +5996,13 @@ const Radio = (props) => {
     }, children);
   };
   const color = () => {
-    return !disabledStatement ? checkedStatement ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
+    if (disabledStatement) {
+      return "nut-radio__icon--disable";
+    }
+    if (checkedStatement) {
+      return "nut-radio__icon";
+    }
+    return "nut-radio__icon--unchecked";
   };
   const renderIcon = () => {
     const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
@@ -6006,11 +6012,20 @@ const Radio = (props) => {
       className: color()
     });
   };
+  const renderRadioItem = () => {
+    if (shape === "button") {
+      return renderButton();
+    }
+    if (reverseState) {
+      return [renderLabel(), renderIcon()];
+    }
+    return [renderIcon(), renderLabel()];
+  };
   const handleClick = (e2) => {
-    if (disabledStatement)
+    if (disabledStatement || checkedStatement)
       return;
     setCheckedStatement(!checkedStatement);
-    props.onChange && props.onChange(e2);
+    onChange && onChange(e2);
     context2 && context2.onChange(valueStatement);
   };
   const reverseState = textPosition === "left";
@@ -6018,7 +6033,7 @@ const Radio = (props) => {
     className: `nut-radio ${className}`,
     onClick: handleClick,
     ...rest
-  }, props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
+  }, renderRadioItem());
 };
 Radio.defaultProps = defaultProps$H;
 Radio.displayName = "NutRadio";