@nutui/nutui-react-taro 3.0.0-beta.0 → 3.0.0-beta.10

package/dist/cjs/packages/pulltorefresh/pulltorefresh.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "PullToRefresh", {
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
+var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
@@ -25,6 +26,8 @@ var _usetouch = require("../../utils/use-touch");
 var _rubberband = require("../../utils/rubberband");
 var _sleep = require("../../utils/sleep");
 var _typings = require("../../utils/typings");
+var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _platformtaro = require("../../utils/platform-taro");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     type: 'default',
     pullingText: '',
@@ -33,7 +36,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     completeText: '',
     completeDelay: 500,
     disabled: false,
-    headHeight: 50,
+    headHeight: 80,
     threshold: 60,
     scrollTop: 0,
     onRefresh: function onRefresh() {}
@@ -57,6 +60,7 @@ var PullToRefresh = function PullToRefresh(p) {
     var pullingRef = (0, _react.useRef)(false);
     var _useState = (0, _sliced_to_array._)((0, _react.useState)('pulling'), 2), status = _useState[0], setStatus = _useState[1];
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), height = _useState1[0], setHeight = _useState1[1];
+    var timer = (0, _react.useRef)();
     var renderIcons = function renderIcons(status) {
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (status === 'pulling' || status === 'complete') && /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Loading, null), (status === 'canRelease' || status === 'refreshing') && /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.More, null));
     };
@@ -79,10 +83,11 @@ var PullToRefresh = function PullToRefresh(p) {
         return '';
     };
     var handleTouchStart = function handleTouchStart(e) {
+        if (props.disabled) return;
         touch.start(e);
     };
     var handleTouchMove = function handleTouchMove(e) {
-        if (props.scrollTop > 0) {
+        if (props.scrollTop > 0 || props.disabled) {
             return;
         }
         if (status === 'refreshing' || status === 'complete') return;
@@ -93,6 +98,12 @@ var PullToRefresh = function PullToRefresh(p) {
             setHeight(Math.max((0, _rubberband.rubberbandIfOutOfBounds)(touch.deltaY.current, 0, 0, headHeight * 5, 0.5), 0));
             setStatus(height > threshold ? 'canRelease' : 'pulling');
         }
+        clearTimeout(timer.current);
+        if ((0, _platformtaro.rn)()) {
+            timer.current = setTimeout(function() {
+                handleTouchEnd();
+            }, 300);
+        }
     };
     function _doRefresh() {
         _doRefresh = (0, _async_to_generator._)(function() {
@@ -150,6 +161,7 @@ var PullToRefresh = function PullToRefresh(p) {
         return _doRefresh.apply(this, arguments);
     }
     var handleTouchEnd = function handleTouchEnd() {
+        if (props.disabled) return;
         pullingRef.current = false;
         if (status === 'canRelease') {
             doRefresh();
@@ -163,10 +175,11 @@ var PullToRefresh = function PullToRefresh(p) {
     // 安卓微信小程序onTouchMove回调次数少导致下拉卡顿，增加动效会更顺畅
     var isAndroidWeApp = _taro.default.getSystemInfoSync().platform === 'android' && _taro.default.getEnv() === 'WEAPP';
     var springStyles = (0, _object_spread._)({
-        height: "".concat(height, "px")
+        height: (0, _pxtransform.default)(height)
     }, !pullingRef.current || isAndroidWeApp ? {
         transition: 'height .3s ease'
     } : {});
+    var _obj, _obj1, _obj2, _obj3, _obj4;
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: classes,
         style: props.style,
@@ -175,15 +188,18 @@ var PullToRefresh = function PullToRefresh(p) {
         onTouchEnd: handleTouchEnd
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         style: springStyles,
-        className: "".concat(classPrefix, "-head")
+        className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-head"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-primary-head"), props.type === 'primary'), _obj))
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "".concat(classPrefix, "-head-content"),
+        className: (0, _classnames.default)((_obj1 = {}, (0, _define_property._)(_obj1, "".concat(classPrefix, "-head-content"), true), (0, _define_property._)(_obj1, "".concat(classPrefix, "-primary-head-content"), props.type === 'primary'), _obj1)),
         style: {
-            height: headHeight
+            height: (0, _pxtransform.default)(headHeight)
         }
-    }, /*#__PURE__*/ _react.default.createElement(_components.View, null, renderStatusIcon()), /*#__PURE__*/ _react.default.createElement(_components.View, null, renderStatusText()))), /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "".concat(classPrefix, "-content")
+    }, /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: (0, _classnames.default)((_obj2 = {}, (0, _define_property._)(_obj2, "".concat(classPrefix, "-status-icon"), true), (0, _define_property._)(_obj2, "".concat(classPrefix, "-primary-status-icon"), props.type === 'primary'), _obj2))
+    }, renderStatusIcon()), /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: (0, _classnames.default)((_obj3 = {}, (0, _define_property._)(_obj3, "".concat(classPrefix, "-status-text"), true), (0, _define_property._)(_obj3, "".concat(classPrefix, "-primary-status-text"), props.type === 'primary'), _obj3))
+    }, renderStatusText()))), /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: (0, _classnames.default)((_obj4 = {}, (0, _define_property._)(_obj4, "".concat(classPrefix, "-content"), true), (0, _define_property._)(_obj4, "".concat(classPrefix, "-primary-content}"), props.type === 'primary'), _obj4))
     }, props.children));
 };
-PullToRefresh.defaultProps = defaultProps;
 PullToRefresh.displayName = 'NutPullToRefresh';

package/dist/cjs/packages/pulltorefresh/style/pulltorefresh.scss

@@ -9,7 +9,7 @@
       bottom: 0;
       left: 0;
       width: 100%;
-      color: $color-title;
+      color: $color-text-help;
       display: flex;
       flex-direction: column;
       justify-content: center;
@@ -25,15 +25,20 @@
 
   &-primary {
     background: $pulltorefresh-color-primary;
-    .nut-pulltorefresh-content {
+
+    &-content {
       color: $color-text-dark;
     }
 
-    .nut-pulltorefresh-head {
+    &-head {
       &-content {
         color: $color-text-dark;
       }
     }
+
+    &-status-text {
+      color: $white;
+    }
   }
 }
 

package/dist/cjs/packages/pulltorefresh/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-pulltorefresh-head {
   overflow: hidden;
   position: relative;
@@ -8,7 +12,7 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  color: var(--nutui-gray-7, #1a1a1a);
+  color: var(--nutui-gray-5);
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -20,14 +24,17 @@
   margin-bottom: 4px;
 }
 .nut-pulltorefresh-primary {
-  background: var(--nutui-pulltorefresh-color-primary, var(--nutui-color-primary, #ff0f23));
+  background: var(--nutui-pulltorefresh-color-primary, var(--nutui-brand-6));
 }
-.nut-pulltorefresh-primary .nut-pulltorefresh-content {
+.nut-pulltorefresh-primary-content {
   color: var(--nutui-white-12);
 }
-.nut-pulltorefresh-primary .nut-pulltorefresh-head-content {
+.nut-pulltorefresh-primary-head-content {
   color: var(--nutui-white-12);
 }
+.nut-pulltorefresh-primary-status-text {
+  color: #ffffff;
+}
 
 [dir=rtl] .nut-pulltorefresh-head-content,
 .nut-rtl .nut-pulltorefresh-head-content {

package/dist/cjs/packages/radio/index.d.ts

@@ -1,4 +1,10 @@
-import { Radio } from "./radio";
+import React from 'react';
+import { RadioProps } from "./radio";
+import { RadioGroup } from "../radiogroup/radiogroup";
 export type { RadioProps } from "./radio";
 export type { RadioShape, RadioPosition } from './types';
-export default Radio;
+type CompoundedComponent = React.FC<Partial<RadioProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+    Group: typeof RadioGroup;
+};
+declare const InnerRadio: CompoundedComponent;
+export default InnerRadio;

package/dist/cjs/packages/radio/index.js

@@ -8,5 +8,10 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _radio = require("./radio");
-var _default = _radio.Radio;
+var _radiogroup = require("../radiogroup/radiogroup");
+var InnerRadio = _radio.Radio;
+InnerRadio.Group = _radiogroup.RadioGroup;
+var _default = InnerRadio;

package/dist/cjs/packages/radio/radio.d.ts

@@ -1,5 +1,4 @@
-import React, { FunctionComponent } from 'react';
-import RadioGroup from "../radiogroup/index";
+import React, { FC } from 'react';
 import { BasicComponent } from "../../utils/typings";
 import { RadioPosition, RadioShape } from "./types";
 export interface RadioProps extends BasicComponent {
@@ -13,6 +12,4 @@ export interface RadioProps extends BasicComponent {
     value: string | number;
     onChange: (checked: boolean) => void;
 }
-export declare const Radio: FunctionComponent<Partial<RadioProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
-    Group: typeof RadioGroup;
-};
+export declare const Radio: FC<Partial<RadioProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;

package/dist/cjs/packages/radio/radio.js

@@ -20,7 +20,6 @@ var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var _context = /*#__PURE__*/ _interop_require_default._(require("../radiogroup/context"));
-var _index = /*#__PURE__*/ _interop_require_default._(require("../radiogroup/index"));
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../utils/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -72,17 +71,6 @@ var Radio = function Radio(props) {
             }
         };
     }
-    var renderLabel = function renderLabel() {
-        return /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: (0, _classnames.default)("".concat(classPrefix, "-label"), (0, _define_property._)({}, "".concat(classPrefix, "-label-disabled"), disabled))
-        }, children);
-    };
-    var renderButton = function renderButton() {
-        var _obj;
-        return /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: (0, _classnames.default)("".concat(classPrefix, "-button"), (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-button-active"), checkedStatement), (0, _define_property._)(_obj, "".concat(classPrefix, "-button-disabled"), disabled), _obj))
-        }, children);
-    };
     var color = function color() {
         var _obj;
         return _obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-icon-disabled"), disabled), (0, _define_property._)(_obj, "".concat(classPrefix, "-icon"), !checkedStatement), (0, _define_property._)(_obj, "".concat(classPrefix, "-icon-checked"), checkedStatement), _obj;
@@ -107,8 +95,21 @@ var Radio = function Radio(props) {
             className: (0, _classnames.default)(color())
         });
     };
+    var renderLabel = function renderLabel() {
+        var labelcls = (0, _classnames.default)("".concat(classPrefix, "-label"), (0, _define_property._)({}, "".concat(classPrefix, "-label-disabled"), disabled));
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, renderIcon(), /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: labelcls
+        }, children));
+    };
+    var renderButton = function renderButton() {
+        var _obj;
+        var buttoncls = (0, _classnames.default)("".concat(classPrefix, "-button"), (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-button-active"), checkedStatement), (0, _define_property._)(_obj, "".concat(classPrefix, "-button-disabled"), disabled), _obj));
+        return /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: buttoncls
+        }, children);
+    };
     var renderByShape = function renderByShape(shape) {
-        return shape === 'button' ? renderButton() : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, renderIcon(), renderLabel());
+        return shape === 'button' ? renderButton() : renderLabel();
     };
     var renderRadioItem = function renderRadioItem() {
         return renderByShape(context && context.shape ? context.shape : shape);
@@ -117,12 +118,11 @@ var Radio = function Radio(props) {
         if (disabled || checkedStatement) return;
         setCheckedStatement(!checkedStatement);
     };
+    var cls = (0, _classnames.default)(classPrefix, (0, _define_property._)({}, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), className);
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: (0, _classnames.default)(classPrefix, (0, _define_property._)({}, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), className),
+        className: cls,
         style: style,
         onClick: handleClick
     }, renderRadioItem());
 };
-Radio.defaultProps = defaultProps;
 Radio.displayName = 'NutRadio';
-Radio.Group = _index.default;

package/dist/cjs/packages/radio/style/radio.scss

@@ -37,9 +37,12 @@
   &-icon {
     &-checked {
       color: $color-primary;
+      box-shadow: 0px 2px 4px 0px #ff0f2333;
+      border-radius: 50%;
 
       &.nut-radio-icon-disabled {
-        color: $color-primary-disabled;
+        color: $color-primary-disabled-special;
+        box-shadow: none;
       }
     }
 
@@ -60,7 +63,7 @@
     border: 1px solid $radio-button-background;
 
     &-active {
-      background: $color-primary-light;
+      background: $color-primary-light-pressed;
       color: $color-primary;
       border: $radio-button-active-border;
     }
@@ -77,6 +80,7 @@
     border: 1px solid $color-text-disabled;
   }
 }
+
 [dir='rtl'] .nut-radio,
 .nut-rtl .nut-radio {
   &:last-child {

package/dist/cjs/packages/radio/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-radiogroup .nut-radio {
   margin: 0 var(--nutui-radiogroup-radio-margin, 20px) var(--nutui-radiogroup-radio-margin-bottom, 5px) 0;
 }
@@ -15,8 +19,8 @@
   border: 1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radiogroup-vertical .nut-radio-button-active {
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
-  background-color: var(--nutui-color-primary-light, #ffebf1);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
+  background-color: var(--nutui-brand-1);
 }
 .nut-radiogroup-horizontal .nut-radio {
   display: inline-flex;
@@ -25,13 +29,13 @@
   border: 1px solid #ffffff;
 }
 .nut-radiogroup-horizontal .nut-radio-button-active {
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
-  background-color: var(--nutui-color-primary-light, #ffebf1);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
+  background-color: var(--nutui-brand-1);
 }
 .nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled {
-  background: var(--nutui-color-text-disabled, #c2c4cc);
+  background: var(--nutui-gray-4);
   color: #ffffff;
-  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
+  border: 1px solid var(--nutui-gray-4);
 }
 
 [dir=rtl] .nut-radiogroup .nut-radio,
@@ -58,51 +62,54 @@
 }
 .nut-radio-label {
   margin-left: var(--nutui-radio-label-margin-left, 4px);
-  font-size: var(--nutui-radio-label-font-size, var(--nutui-font-size-2, 12px));
-  color: var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a));
+  font-size: var(--nutui-radio-label-font-size, var(--nutui-font-size-s, 12px));
+  color: var(--nutui-radio-label-color, var(--nutui-gray-7));
 }
 .nut-radio-label-disabled {
-  color: var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-radio-label-disable-color, var(--nutui-gray-4));
 }
 .nut-radio-icon {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-gray-4);
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
-  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 16px));
+  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-radio-icon-checked {
-  color: var(--nutui-color-primary, #ff0f23);
+  color: var(--nutui-brand-6);
+  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
+  border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
-  color: var(--nutui-color-primary-disabled, #ffadbe);
+  color: var(--nutui-brand-3);
+  box-shadow: none;
 }
 .nut-radio-icon-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-gray-4);
 }
 .nut-radio-button {
   display: inline-flex;
   align-items: center;
   padding: var(--nutui-radio-button-padding, 5px 18px);
-  font-size: var(--nutui-radio-button-font-size, var(--nutui-font-size-2, 12px));
+  font-size: var(--nutui-radio-button-font-size, var(--nutui-font-size-s, 12px));
   background: var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
   border-radius: var(--nutui-radio-button-border-radius, 15px);
-  color: var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a));
+  color: var(--nutui-radio-label-color, var(--nutui-gray-7));
   box-sizing: border-box;
   border: 1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radio-button-active {
-  background: var(--nutui-color-primary-light, #ffebf1);
-  color: var(--nutui-color-primary, #ff0f23);
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
+  background: var(--nutui-brand-1);
+  color: var(--nutui-brand-6);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
 }
 .nut-radio-button-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-gray-4);
   border: 1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radio .nut-radio-button-active.nut-radio-button-disabled {
-  background: var(--nutui-color-text-disabled, #c2c4cc);
+  background: var(--nutui-gray-4);
   color: #ffffff;
-  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
+  border: 1px solid var(--nutui-gray-4);
 }
 
 [dir=rtl] .nut-radio:last-child,

package/dist/cjs/packages/radiogroup/radiogroup.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ViewProps } from '@tarojs/components/types/View';
 import { RadioGroupDirection, RadioGroupOption, RadioGroupPosition, RadioGroupShape } from './types';
 export interface RadioGroupProps {
     value?: string | number;
@@ -10,4 +11,4 @@ export interface RadioGroupProps {
     options: RadioGroupOption[];
     onChange: (value: string | number) => void;
 }
-export declare const RadioGroup: React.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Partial<RadioGroupProps> & Omit<ViewProps, "onChange">, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/packages/radiogroup/radiogroup.js

@@ -17,6 +17,7 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _components = require("@tarojs/components");
 var _context = /*#__PURE__*/ _interop_require_default._(require("./context"));
 var _index = /*#__PURE__*/ _interop_require_default._(require("../radio/index"));
 var _usepropsvalue = require("../../utils/use-props-value");
@@ -40,6 +41,7 @@ var RadioGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         "options",
         "disabled"
     ]);
+    var cls = (0, _classnames.default)(classPrefix, (0, _define_property._)({}, "".concat(classPrefix, "-").concat(direction), direction), className);
     var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
         defaultValue: props.defaultValue,
         value: props.value,
@@ -65,7 +67,9 @@ var RadioGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
             }));
         });
     }, [
-        options
+        options,
+        labelPosition,
+        val2State
     ]);
     return /*#__PURE__*/ _react.default.createElement(_context.default.Provider, {
         value: {
@@ -80,9 +84,8 @@ var RadioGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
                 setVal2State('');
             }
         }
-    }, /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({
-        className: (0, _classnames.default)(classPrefix, (0, _define_property._)({}, "".concat(classPrefix, "-").concat(props.direction), props.direction), className)
+    }, /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread._)({
+        className: cls
     }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptionsChildren() : children));
 });
-RadioGroup.defaultProps = defaultProps;
 RadioGroup.displayName = 'NutRadioGroup';

package/dist/cjs/packages/radiogroup/style/radiogroup.scss

@@ -24,7 +24,7 @@
 
       &-button-active {
         border: $radio-button-active-border;
-        background-color: $color-primary-light;
+        background-color: $color-primary-light-pressed;
       }
     }
   }
@@ -39,7 +39,7 @@
 
       &-button-active {
         border: $radio-button-active-border;
-        background-color: $color-primary-light;
+        background-color: $color-primary-light-pressed;
       }
     }
   }

package/dist/cjs/packages/radiogroup/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-radiogroup .nut-radio {
   margin: 0 var(--nutui-radiogroup-radio-margin, 20px) var(--nutui-radiogroup-radio-margin-bottom, 5px) 0;
 }
@@ -15,8 +19,8 @@
   border: 1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radiogroup-vertical .nut-radio-button-active {
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
-  background-color: var(--nutui-color-primary-light, #ffebf1);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
+  background-color: var(--nutui-brand-1);
 }
 .nut-radiogroup-horizontal .nut-radio {
   display: inline-flex;
@@ -25,13 +29,13 @@
   border: 1px solid #ffffff;
 }
 .nut-radiogroup-horizontal .nut-radio-button-active {
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
-  background-color: var(--nutui-color-primary-light, #ffebf1);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
+  background-color: var(--nutui-brand-1);
 }
 .nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled {
-  background: var(--nutui-color-text-disabled, #c2c4cc);
+  background: var(--nutui-gray-4);
   color: #ffffff;
-  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
+  border: 1px solid var(--nutui-gray-4);
 }
 
 [dir=rtl] .nut-radiogroup .nut-radio,