acud 0.0.68 → 0.0.71

package/lib/cascader/Menus.js

@@ -25,6 +25,8 @@ var _some = _interopRequireDefault(require("lodash/some"));
 
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
 var _map = _interopRequireDefault(require("lodash/map"));
 
 var _every = _interopRequireDefault(require("lodash/every"));
@@ -87,18 +89,20 @@ var Menus = /*#__PURE__*/function (_React$Component) {
       };
     };
 
-    _this.onShowPrepare = function () {
+    _this.onShowActive = function () {
       _this.scrollActiveItemToView();
 
-      return new Promise(function (resolve) {
-        _this.delayOnEvent(function () {
-          _this.setMenuPosition();
+      window.setTimeout(function () {
+        _this.setMenuPosition();
 
-          _this.openMenuScroll();
+        window.setTimeout(function () {
+          _this.handleMenuScrollChange(true);
+        }, 0);
+      }, 0);
+    };
 
-          _this.delayOnEvent(resolve);
-        });
-      });
+    _this.onShowEnd = function () {
+      _this.handleMenuScrollChange(false);
     };
 
     _this.state = {
@@ -163,7 +167,7 @@ var Menus = /*#__PURE__*/function (_React$Component) {
       var onItemDoubleClick = this.props.onItemDoubleClick.bind(this, option, menuIndex);
 
       var handleClick = function handleClick(e) {
-        isMulti && !(hasChildren || option.isLeaf === false) ? undefined : onSelect(e);
+        isMulti && !hasLeaf ? undefined : onSelect(e);
       };
 
       var handleMultiClick = function handleMultiClick(e) {
@@ -323,9 +327,9 @@ var Menus = /*#__PURE__*/function (_React$Component) {
         checked: checked,
         indeterminate: indeterminate,
         onChange: onMultiSelectAll
-      }, /*#__PURE__*/_react["default"].createElement("span", {
+      }), /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(prefixCls, "-menu-item-label")
-      }, "\u5168\u9009"))));
+      }, "\u5168\u9009")));
     }
   }, {
     key: "getActiveOptions",
@@ -349,7 +353,7 @@ var Menus = /*#__PURE__*/function (_React$Component) {
       var result = this.getActiveOptions().map(function (activeOption) {
         return activeOption[_this4.getFieldName('children')];
       }).filter(function (activeOption) {
-        return !!activeOption;
+        return !(0, _isEmpty["default"])(activeOption);
       });
       result.unshift(options);
       return result;
@@ -375,13 +379,6 @@ var Menus = /*#__PURE__*/function (_React$Component) {
         }, 150);
       }
     }
-  }, {
-    key: "openMenuScroll",
-    value: function openMenuScroll() {
-      this.setState({
-        menuScrollOpen: true
-      });
-    }
   }, {
     key: "scrollActiveItemToView",
     value: function scrollActiveItemToView() {
@@ -389,10 +386,12 @@ var Menus = /*#__PURE__*/function (_React$Component) {
       var optionsLength = this.getShowOptions().length; // eslint-disable-next-line no-plusplus
 
       for (var i = 0; i < optionsLength; i++) {
-        var itemComponent = this.menuItems[i];
+        var menuItem = this.menuItems[i];
+        var menuItemParent = menuItem && menuItem.parentElement;
 
-        if (itemComponent && itemComponent.parentElement) {
-          itemComponent.parentElement.scrollTop = itemComponent.offsetTop;
+        if (menuItemParent) {
+          var paddingTop = Number((0, _utils.getElementStyle)(menuItemParent).paddingTop.replace('px', ''));
+          menuItemParent.scrollTop = menuItem.offsetTop - paddingTop;
         }
       }
     }
@@ -453,6 +452,13 @@ var Menus = /*#__PURE__*/function (_React$Component) {
         callback();
       }
     }
+  }, {
+    key: "handleMenuScrollChange",
+    value: function handleMenuScrollChange(menuScrollOpen) {
+      this.setState({
+        menuScrollOpen: menuScrollOpen
+      });
+    }
   }, {
     key: "render",
     value: function render() {
@@ -474,8 +480,9 @@ var Menus = /*#__PURE__*/function (_React$Component) {
         motionName: transitionName,
         removeOnLeave: false,
         leavedClassName: "".concat(prefixCls, "-menu-wrap-hidden"),
-        onAppearPrepare: this.onShowPrepare,
-        onEnterPrepare: this.onShowPrepare
+        onAppearActive: this.onShowActive,
+        onEnterActive: this.onShowActive,
+        onLeaveEnd: this.onShowEnd
       }, function (_ref2) {
         var _classnames2;
 

package/lib/cascader/index.js

@@ -21,6 +21,8 @@ var _get = _interopRequireDefault(require("lodash/get"));
 
 var _first = _interopRequireDefault(require("lodash/first"));
 
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames6 = _interopRequireDefault(require("classnames"));
@@ -35,7 +37,7 @@ var _OutlinedLeft = _interopRequireDefault(require("acud-icon/lib/icons/Outlined
 
 var _OutlinedRight = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedRight"));
 
-var _OutlinedRefresh = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedRefresh"));
+var _OutlinedLoading = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedLoading"));
 
 var _OutlinedDown = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedDown"));
 
@@ -120,7 +122,8 @@ var flattenTree = function flattenTree(options, props) {
   return flattenOptions;
 };
 
-var defaultDisplayRender = function defaultDisplayRender(label) {
+var defaultDisplayRender = function defaultDisplayRender() {
+  var label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return label.join('>');
 };
 
@@ -177,7 +180,7 @@ var Cascader = function Cascader(props, ref) {
   var pickerLabelRef = (0, _react.useRef)();
   var tagsRef = (0, _react.useRef)();
 
-  var _useState = (0, _react.useState)(props.value || props.defaultValue || []),
+  var _useState = (0, _react.useState)(props.value || props.defaultValue),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
@@ -315,9 +318,7 @@ var Cascader = function Cascader(props, ref) {
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, selectedOptions);
   }, [props]);
   var handleMouseDown = (0, _react.useCallback)(function (e) {
-    if (e.target !== inputRef.current) {
-      e.preventDefault();
-    }
+    e.preventDefault();
   }, []);
   var handlePickerLabelHover = (0, _react.useCallback)(function () {
     var ele = pickerLabelRef.current;
@@ -355,7 +356,7 @@ var Cascader = function Cascader(props, ref) {
     var selectedOptionFirst = isMulti ? {} : selectedOptions[0];
 
     if (selectedOptionFirst === null || selectedOptionFirst === void 0 ? void 0 : selectedOptionFirst.__IS_FILTERED_OPTION) {
-      var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? value[0] : selectedOptionFirst[keepFilteredValueField];
+      var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? (0, _first["default"])(value) : selectedOptionFirst[keepFilteredValueField];
       var unwrappedSelectedOptions = selectedOptionFirst.path;
       updateValue(unwrappedValue, unwrappedSelectedOptions);
       return;
@@ -462,9 +463,9 @@ var Cascader = function Cascader(props, ref) {
       });
     }
 
-    var unwrappedValue = Array.isArray(value[0]) ? value[0] : value;
+    var unwrappedValue = Array.isArray((0, _first["default"])(value)) ? (0, _first["default"])(value) : value;
     var selectedOptions = (0, _arrayTreeFilter["default"])(options, function (o, level) {
-      return o[names.value] === unwrappedValue[level];
+      return o[names.value] === (0, _get["default"])(unwrappedValue, level);
     }, {
       childrenKeyName: names.children
     });
@@ -537,11 +538,11 @@ var Cascader = function Cascader(props, ref) {
 
     var loadingIcon = /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefixCls, "-menu-item-loading-icon")
-    }, /*#__PURE__*/_react["default"].createElement(_OutlinedRefresh["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_OutlinedLoading["default"], {
       animation: "spin"
     }));
 
-    var clearIcon = allowClear && !disabled && value.length > 0 || inputValue ? /*#__PURE__*/_react["default"].createElement(_clear["default"], {
+    var clearIcon = allowClear && !disabled && (0, _get["default"])(value, 'length') > 0 || inputValue ? /*#__PURE__*/_react["default"].createElement(_clear["default"], {
       className: "".concat(prefixCls, "-picker-clear"),
       onClick: handleSelectionClear
     }) : null;
@@ -584,7 +585,8 @@ var Cascader = function Cascader(props, ref) {
           className: "".concat(prefixCls, "-tag-wrap"),
           key: labelIndex
         }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-          title: labelItem
+          title: labelItem,
+          overlayClassName: "".concat(prefixCls, "-tag-tooltip")
         }, /*#__PURE__*/_react["default"].createElement(_tag["default"], {
           className: "".concat(prefixCls, "-tag"),
           disabled: disabled,
@@ -670,8 +672,9 @@ var Cascader = function Cascader(props, ref) {
       style: style,
       className: pickerCls,
       disabled: disabled
-    }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-      title: pickerLabelOverflow ? label : undefined
+    }, label && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      title: pickerLabelOverflow ? label : undefined,
+      overlayClassName: "".concat(prefixCls, "-picker-label-tooltip")
     }, /*#__PURE__*/_react["default"].createElement("span", {
       ref: pickerLabelRef,
       className: "".concat(prefixCls, "-picker-label"),
@@ -740,6 +743,11 @@ var Cascader = function Cascader(props, ref) {
       }
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    if ('value' in props && !(0, _isEqual["default"])(value, props.value)) {
+      setValue(props.value);
+    }
+  }, [props.value]);
   return /*#__PURE__*/_react["default"].createElement(_configProvider.ConfigConsumer, null, function (context) {
     return /*#__PURE__*/_react["default"].createElement(_LocaleReceiver["default"], null, function (locale) {
       return /*#__PURE__*/_react["default"].createElement(_SizeContext["default"].Consumer, null, function (size) {

package/lib/cascader/style/index.css

@@ -183,7 +183,7 @@
   color: #B8BABF;
 }
 .acud-cascader-picker-arrow-expand {
-  transform: rotate(-180deg);
+  transform: rotate(180deg);
 }
 .acud-cascader-picker-arrow > svg {
   width: 16px;
@@ -331,7 +331,9 @@
   color: #151B26;
   background-color: #FFFFFF;
   border-color: transparent;
-  padding: 0 8px 0 12px;
+  display: flex;
+  justify-content: space-between;
+  padding: 0 12px;
   height: 32px;
   line-height: 32px;
   cursor: pointer;
@@ -379,17 +381,18 @@
   border-color: transparent;
 }
 .acud-cascader-menu-item-content {
-  width: calc(100% - 3 * 4px);
+  display: flex;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.acud-cascader-menu-item-checkbox {
+.acud-cascader-menu-item-checkbox.acud-checkbox-wrapper {
   vertical-align: middle;
+  margin-right: 8px;
 }
-.acud-cascader-menu-item-checkbox .acud-checkbox {
+.acud-cascader-menu-item-checkbox.acud-checkbox-wrapper .acud-checkbox {
   top: 0;
 }
-.acud-cascader-menu-item-checkbox .acud-checkbox + span {
+.acud-cascader-menu-item-label {
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -411,15 +414,11 @@
 }
 .acud-cascader-menu-item-expand {
   position: relative;
+  padding-right: 8px;
 }
 .acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon,
 .acud-cascader-menu-item-loading-icon {
   color: #84868C;
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  line-height: 0;
 }
 .acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon:hover,
 .acud-cascader-menu-item-loading-icon:hover {
@@ -444,3 +443,8 @@
 .acud-cascader-menu-item .acud-cascader-menu-item-keyword {
   color: #2468F2;
 }
+.acud-cascader-tag-tooltip.acud-tooltip,
+.acud-cascader-picker-label-tooltip.acud-tooltip,
+.acud-cascader-menu-item-tooltip.acud-tooltip {
+  max-width: initial;
+}

package/lib/cascader/style/index.less

@@ -120,7 +120,7 @@
             transition: transform .48s;
 
             &-expand {
-                transform: rotate(-180deg);
+                transform: rotate(180deg);
             }
 
             & > svg {
@@ -302,7 +302,9 @@
     &-menu-item {
         .basic-config(@cascader-menu-item-tp, @cascader-menu-item-p);
 
-        padding: 0 @padding-sm 0 @padding-m;
+        display: flex;
+        justify-content: space-between;
+        padding: 0 3 * @P;
         height: @cascader-menu-item-height;
         line-height: @cascader-menu-item-height;
         cursor: pointer;
@@ -311,24 +313,25 @@
         transition: all .3s;
 
         &-content {
-            width: calc(100% - 3 * @P);
+            display: flex;
             overflow: hidden;
             text-overflow: ellipsis;
         }
 
-        &-checkbox {
+        &-checkbox.@{acud-prefix}-checkbox-wrapper {
             vertical-align: middle;
+            margin-right: 2 * @P;
 
             .@{acud-prefix}-checkbox {
                 top: 0;
-
-                & + span {
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                }
             }
         }
 
+        &-label {
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
         &-disabled {
             cursor: not-allowed;
 
@@ -352,22 +355,26 @@
 
         &-expand {
             position: relative;
+            padding-right: 2 * @P;
         }
 
         &-expand &-expand-icon,
         &-loading-icon {
             .basic-tp-config(tp7);
-            position: absolute;
-            right: 2 * @P;
-            top: 50%;
-            transform: translateY(-50%);
-            line-height: 0;
         }
 
         & &-keyword {
             color: @B6;
         }
     }
+
+    &-tag-tooltip,
+    &-picker-label-tooltip,
+    &-menu-item-tooltip {
+        &.@{acud-prefix}-tooltip {
+            max-width: initial;
+        }
+    }
 }
 
 // @import './rtl';

package/lib/date-picker/generatePicker/generateSinglePicker.js

@@ -86,11 +86,13 @@ function generatePicker(generateConfig) {
 
         (0, _classCallCheck2["default"])(this, Picker);
         _this = _super.call(this, props);
-        _this.pickerRef = /*#__PURE__*/React.createRef(); // focus = () => {
-        //     if (this.pickerRef.current) {
-        //         this.pickerRef.current.focus();
-        //     }
-        // };
+        _this.pickerRef = /*#__PURE__*/React.createRef();
+
+        _this.focus = function () {
+          if (_this.pickerRef.current) {
+            _this.pickerRef.current.focus();
+          }
+        };
 
         _this.blur = function () {
           if (_this.pickerRef.current) {

package/lib/dropdown/dropdown.js

@@ -140,12 +140,11 @@ var Dropdown = function Dropdown(props) {
     return fixedModeOverlay;
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_rcDropdown.RcDropdown, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_rcDropdown.RcDropdown, (0, _extends2["default"])({}, rest, {
     prefixCls: prefixCls,
     trigger: triggerActions,
     onVisibleChange: onVisibleChange,
-    visible: mergedVisible
-  }, rest, {
+    visible: mergedVisible,
     overlay: function overlay() {
       return renderOverlay();
     },

package/lib/form/style/horizontal.less

@@ -9,16 +9,17 @@
     .@{form-item-prefix-cls}-label {
         flex-grow: 0;
         line-height: @form-line-height-base;
+        padding-left: ~"calc(.5em + @{P})";
+        box-sizing: content-box;
 
         &:not([class*=~"' @{acud-prefix}-col-'"]) {
             margin-right: 4 * @P;
         }
 
         > label {
-            padding-left: ~"calc(.5em + 4px)";
             &.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional)::before {
                 text-indent: -.5em;
-                margin-left: -4px;
+                margin-left: -@P;
             }
         }
     }

package/lib/form/style/index.css

@@ -111,13 +111,12 @@
 .acud-form-horizontal .acud-form-item-label {
   flex-grow: 0;
   line-height: 1.6667;
+  padding-left: calc(.5em + 4px);
+  box-sizing: content-box;
 }
 .acud-form-horizontal .acud-form-item-label:not([class*=' acud-col-']) {
   margin-right: 16px;
 }
-.acud-form-horizontal .acud-form-item-label > label {
-  padding-left: calc(.5em + 4px);
-}
 .acud-form-horizontal .acud-form-item-label > label.acud-form-item-required:not(.acud-form-item-required-mark-optional)::before {
   text-indent: -0.5em;
   margin-left: -4px;

package/lib/input/style/index.css

@@ -862,6 +862,9 @@
   top: 2px;
   right: 12px;
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  bottom: 2px;
 }
 .acud-input-password-outer-icon .acuicon svg {
   fill: #84868C;

package/lib/input/style/index.less

@@ -337,6 +337,9 @@
         top: 2px;
         right: @padding-m;
         cursor: pointer;
+        display: flex;
+        align-items: center;
+        bottom: 2px;
         .acuicon{
             svg{
                 fill:@G5;

package/lib/input-number/src/hooks/useLayoutEffect.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const useLayoutEffect: typeof React.useEffect;
+export declare const useLayoutEffect: typeof React.useLayoutEffect;

package/lib/locale/en_US.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _en_US = _interopRequireDefault(require("../date-picker/locale/en_US"));
+
 /* eslint-disable no-template-curly-in-string */
 // import {Locale} from '../locale-provider';
 var typeTemplate = '${label} is not a valid ${type}'; // const localeValues: Locale = {
@@ -14,6 +18,7 @@ var localeValues = {
   global: {
     placeholder: 'Please select'
   },
+  DatePicker: _en_US["default"],
   Table: {
     filterTitle: 'Filter menu',
     filterConfirm: 'OK',

package/lib/locale/zh_CN.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _zh_CN = _interopRequireDefault(require("../date-picker/locale/zh_CN"));
+
 /* eslint-disable no-template-curly-in-string */
 // import {Locale} from '../locale-provider';
 var typeTemplate = '${label}不是一个有效的${type}'; // const localeValues: Locale = {
@@ -15,6 +19,7 @@ var localeValues = {
   global: {
     placeholder: '请选择'
   },
+  DatePicker: _zh_CN["default"],
   Table: {
     filterTitle: '筛选',
     filterConfirm: '确定',

package/lib/menu/menu.d.ts

@@ -8,8 +8,9 @@ import { MenuItemInterface } from './MenuItem';
 import { SubMenuInterface } from './SubMenu';
 import { MenuHeadInterface } from './MenuHead';
 import { HeaderMenuProps } from './header';
+import { GlobalSiderBarProps } from './globalSilderBar';
 import { BaseMenuProps } from './baseMenu';
-export interface MenuProps extends RcMenuProps, HeaderMenuProps, BaseMenuProps {
+export interface MenuProps extends RcMenuProps, HeaderMenuProps, BaseMenuProps, GlobalSiderBarProps {
     iconList?: React.ReactNode[];
     scope?: 'global' | 'local';
     mode?: 'inline' | 'horizontal' | 'inline';

package/lib/radio/Radio.d.ts

@@ -7,6 +7,7 @@ export interface RadioProps {
     disabled?: boolean | undefined;
     children?: React.ReactNode;
     label?: string;
+    className?: string;
     onChange?: (e: Event) => {} | void;
     value?: any;
 }

package/lib/radio/Radio.js

@@ -46,9 +46,10 @@ var InternalRadio = function InternalRadio(props, ref) {
   var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'acud-radio' : _props$prefixCls,
       children = props.children,
+      className = props.className,
       onChange = props.onChange,
       label = props.label,
-      restProps = __rest(props, ["prefixCls", "children", "onChange", "label"]);
+      restProps = __rest(props, ["prefixCls", "children", "className", "onChange", "label"]);
 
   var radioRef = /*#__PURE__*/_react["default"].createRef();
 
@@ -64,7 +65,7 @@ var InternalRadio = function InternalRadio(props, ref) {
     radioProps.disabled = props.disabled || (context === null || context === void 0 ? void 0 : context.disabled);
   }
 
-  var classes = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-disabled"), radioProps.disabled), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checked"), radioProps.checked), _classNames));
+  var classes = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-disabled"), radioProps.disabled), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checked"), radioProps.checked), _classNames), className);
   var handleClick = (0, _react.useCallback)(function (e) {
     var _a;
 

package/lib/radio/RadioButton.js

@@ -44,9 +44,10 @@ var _default = function _default(props) {
   var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'acud-radio-button' : _props$prefixCls,
       children = props.children,
+      className = props.className,
       onChange = props.onChange,
       label = props.label,
-      restProps = __rest(props, ["prefixCls", "children", "onChange", "label"]);
+      restProps = __rest(props, ["prefixCls", "children", "className", "onChange", "label"]);
 
   var context = (0, _react.useContext)(_context["default"]);
   var radioProps = (0, _extends2["default"])({}, restProps);
@@ -56,7 +57,7 @@ var _default = function _default(props) {
     radioProps.disabled = props.disabled || (context === null || context === void 0 ? void 0 : context.disabled);
   }
 
-  var classes = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-disabled"), radioProps.disabled), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checked"), radioProps.checked), _classNames));
+  var classes = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-disabled"), radioProps.disabled), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checked"), radioProps.checked), _classNames), className);
   var handleClick = (0, _react.useCallback)(function (e) {
     var _a;
 

package/lib/radio/RadioGroup.d.ts

@@ -8,6 +8,7 @@ export interface BaseRadioGourpProps {
     optionType?: string;
     options?: RadioProps[];
     children?: React.ReactNode;
+    className?: string;
     onChange?: (e: Event) => {} | void;
 }
 declare const _default: (props: BaseRadioGourpProps) => JSX.Element;

package/lib/radio/RadioGroup.js

@@ -15,6 +15,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _useMergedState3 = _interopRequireDefault(require("../_util/hooks/useMergedState"));
 
 var _Radio = _interopRequireDefault(require("./Radio"));
@@ -34,6 +36,7 @@ var _default = function _default(props) {
       optionType = _props$optionType === void 0 ? 'default' : _props$optionType,
       options = props.options,
       children = props.children,
+      className = props.className,
       onChange = props.onChange;
 
   var _useMergedState = (0, _useMergedState3["default"])(props.defaultValue, {
@@ -57,8 +60,9 @@ var _default = function _default(props) {
     }
   }, [value, disabled, onChange]);
   var Compo = optionType === 'default' ? _Radio["default"] : _Radio["default"].Button;
+  var classNames = (0, _classnames["default"])(prefixCls, className);
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefixCls
+    className: classNames
   }, /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
     value: {
       value: value,

package/lib/radio/context.d.ts

@@ -4,6 +4,7 @@ export interface ContextProps {
     value: any;
     disabled?: boolean;
     name?: string;
+    className?: string;
 }
 declare const RadioGroupContext: import("react").Context<ContextProps>;
 export default RadioGroupContext;