@kdcloudjs/kdesign 1.6.20 → 1.6.22

package/es/checkbox/checkbox.js

@@ -87,7 +87,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
   var handleChange = useCallback(function (e) {
     onChange && onChange(e);
-    (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked));
+    (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
 
     if (!(checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.isControlled)) {
       setSelected(e.target.checked);

package/es/checkbox/group.d.ts

@@ -10,7 +10,7 @@ export interface CheckboxGroupContext {
     groupValue?: Array<CheckboxValueType>;
     checkboxType?: CheckboxType;
     disabled?: boolean;
-    onCheckboxGroupChange?: (checkedValue: CheckboxValueType, isChecked: boolean) => void;
+    onCheckboxGroupChange?: (checkedValue: CheckboxValueType, isChecked: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const GroupContext: React.Context<CheckboxGroupContext | null>;
 export interface CheckboxGroupProps {

package/es/checkbox/group.js

@@ -66,7 +66,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return innerValue.current.indexOf(targetValue) > -1 ? innerValue.current : _concatInstanceProperty(_context2 = innerValue.current).call(_context2, targetValue);
   };
 
-  var onCheckboxChange = function onCheckboxChange(checkedValue, isChecked) {
+  var onCheckboxChange = function onCheckboxChange(checkedValue, isChecked, e) {
     var newVal = [];
 
     if (isChecked) {
@@ -79,7 +79,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       innerValue.current = newVal;
     }
 
-    onChange && onChange(newVal);
+    onChange && onChange(e, newVal);
   };
 
   var context = {
@@ -88,8 +88,8 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     name: name,
     isControlled: isControlled,
     checkboxType: checkboxType,
-    onCheckboxGroupChange: function onCheckboxGroupChange(checkedValue, isChecked) {
-      onCheckboxChange(checkedValue, isChecked);
+    onCheckboxGroupChange: function onCheckboxGroupChange(checkedValue, isChecked, e) {
+      onCheckboxChange(checkedValue, isChecked, e);
     }
   };
 

package/es/date-picker/range-picker.js

@@ -103,6 +103,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       _datePickerProps$seco = datePickerProps.secondStep,
       secondStep = _datePickerProps$seco === void 0 ? 1 : _datePickerProps$seco,
       suffixIcon = datePickerProps.suffixIcon,
+      panelRender = datePickerProps.panelRender,
       renderExtraFooter = datePickerProps.renderExtraFooter,
       disabledHours = datePickerProps.disabledHours,
       disabledMinutes = datePickerProps.disabledMinutes,
@@ -533,7 +534,13 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate
     });
 
-    return /*#__PURE__*/React.createElement(Panel, _extends({}, panelProps));
+    var panelNode = /*#__PURE__*/React.createElement(Panel, _extends({}, panelProps));
+
+    if (panelRender) {
+      panelNode = panelRender(panelNode);
+    }
+
+    return panelNode;
   };
 
   var extraNode = getExtraFooter(datePickerPrefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);

package/es/menu/style/index.css

@@ -104,6 +104,20 @@
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
+.menu-hidden {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+          animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+  -webkit-transition: opacity, visibility;
+  transition: opacity, visibility;
+  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
+          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
 .menu-dark-hover {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
@@ -520,9 +534,10 @@
 .kd-menu-popper.hidden {
   opacity: 0;
   visibility: hidden;
-  display: none;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
           animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
   -webkit-transition: opacity, visibility;
   transition: opacity, visibility;
   -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
@@ -562,6 +577,8 @@
   visibility: hidden;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
           animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
   -webkit-transition: opacity, visibility;
   transition: opacity, visibility;
   -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);

package/es/menu/style/index.less

@@ -187,13 +187,7 @@
   }
 
   &.hidden {
-    opacity: 0;
-    visibility: hidden;
-    display: none;
-    animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-    transition: opacity, visibility;
-    transition-duration: calc(@menu-motion-duration - 0.1s);
-    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    .menu-hidden()
   }
 
   .@{submenu-prefix-cls} {
@@ -223,12 +217,7 @@
       }
 
       &-hide {
-        opacity: 0;
-        visibility: hidden;
-        animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-        transition: opacity, visibility;
-        transition-duration: calc(@menu-motion-duration - 0.1s);
-        transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+        .menu-hidden()
       }
     }
   }

package/es/menu/style/mixin.less

@@ -78,6 +78,15 @@
   }
 }
 
+.menu-hidden {
+  opacity: 0;
+  visibility: hidden;
+  animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
+  animation-delay: 0.1s;
+  transition: opacity, visibility;
+  transition-duration: calc(@menu-motion-duration - 0.1s);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
 
 .menu-dark-hover {
   background-color: @menu-sub-color-background;

package/es/radio/group.js

@@ -22,23 +22,22 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 
   React.useEffect(function () {
-    if (props.value) {
+    if (props.value !== undefined) {
       setValue(props.value);
     }
   }, [props.value]);
 
-  var onRadioChange = function onRadioChange(ev) {
+  var onRadioChange = function onRadioChange(ev, checkedValue) {
     var lastValue = value;
-    var val = ev.target.value;
 
     if (!('value' in props)) {
-      setValue(val);
+      setValue(checkedValue);
     }
 
     var onChange = props.onChange;
 
-    if (onChange && val !== lastValue) {
-      onChange(ev);
+    if (onChange && checkedValue !== lastValue) {
+      onChange(ev, checkedValue);
     }
   };
 

package/es/radio/interface.d.ts

@@ -30,7 +30,7 @@ export interface IRadioGroupProps {
     value?: any;
     className?: string;
     style?: React.CSSProperties;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: RadioValueType) => void;
     size?: SizeType;
     name?: string;
     children?: React.ReactNode;
@@ -40,7 +40,7 @@ export interface IRadioGroupProps {
     optionType?: RadioGroupOptionType;
 }
 export interface IRadioGroupContextProps {
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>, value: RadioValueType) => void;
     value: any;
     disabled?: boolean;
     name?: string;

package/es/radio/radio.js

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 
@@ -19,9 +19,12 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { useEffect } from 'react';
 import classNames from 'classnames';
 import isBoolean from 'lodash/isBoolean';
+import isNumber from 'lodash/isNumber';
+import isString from 'lodash/isString';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import RadioGroupContext from './context';
+import devWarning from '../_utils/devwarning';
 
 var InternalRadio = function InternalRadio(props, ref) {
   var _classNames;
@@ -42,14 +45,17 @@ var InternalRadio = function InternalRadio(props, ref) {
       children = _a.children,
       className = _a.className,
       radioType = _a.radioType,
+      value = _a.value,
+      disabled = _a.disabled,
       defaultChecked = _a.defaultChecked,
       customPrefixcls = _a.prefixCls,
-      restProps = __rest(_a, ["style", "checked", "children", "className", "radioType", "defaultChecked", "prefixCls"]); // 属性需要合并一遍用户定义的默认属性
+      restProps = __rest(_a, ["style", "checked", "children", "className", "radioType", "value", "disabled", "defaultChecked", "prefixCls"]); // 属性需要合并一遍用户定义的默认属性
 
 
-  var getChecked = function getChecked() {
-    return isBoolean(checked) ? checked : defaultChecked;
-  };
+  devWarning(!(isNumber(value) || isString(value)) && value !== '', 'radio', 'radio `value` type must string or number ');
+  devWarning(value === '', 'radio', 'radio value type is not empty string ');
+  var mergedDisabled = (context === null || context === void 0 ? void 0 : context.disabled) || restProps.disabled;
+  var initValue = context ? value === context.value : isBoolean(checked) ? checked : defaultChecked;
 
   var getPrefix = function getPrefix(radioType) {
     return "radio".concat(radioType === 'square' ? "-".concat(radioType) : '');
@@ -57,18 +63,18 @@ var InternalRadio = function InternalRadio(props, ref) {
 
   var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, getPrefix(radioType), customPrefixcls); // 样式前缀
 
-  var _React$useState = React.useState(getChecked()),
+  var _React$useState = React.useState(initValue),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isChecked = _React$useState2[0],
       setIsChecked = _React$useState2[1];
 
   React.useEffect(function () {
-    checked !== undefined && setIsChecked(checked);
-  }, [checked]);
-
-  var radioProps = _extends({}, restProps);
+    var checkedValue = context ? value === context.value : isBoolean(checked) ? checked : defaultChecked;
+    setIsChecked(checkedValue);
+  }, [checked, defaultChecked, context === null || context === void 0 ? void 0 : context.value]);
 
   var onChange = function onChange(e) {
+    if (disabled) return;
     setIsChecked(e.target.checked);
 
     if (props.onChange) {
@@ -76,19 +82,11 @@ var InternalRadio = function InternalRadio(props, ref) {
     }
 
     if (context === null || context === void 0 ? void 0 : context.onChange) {
-      context.onChange(e);
+      context.onChange(e, value);
     }
   };
 
-  radioProps.onChange = onChange;
-
-  if (context) {
-    radioProps.name = context.name;
-    radioProps.checked = String(props.value) === String(context.value);
-    radioProps.disabled = props.disabled || context.disabled;
-  }
-
-  var classString = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(radioPrefixCls), true), _defineProperty(_classNames, "".concat(radioPrefixCls, "-disabled"), radioProps.disabled), _defineProperty(_classNames, "".concat(radioPrefixCls, "-checked"), context ? radioProps.checked : isChecked), _classNames), className); // 单选包裹元素class名称
+  var classString = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(radioPrefixCls), true), _defineProperty(_classNames, "".concat(radioPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(radioPrefixCls, "-checked"), isChecked), _classNames), className); // 单选包裹元素class名称
 
   useEffect(function () {
     var _a;
@@ -119,8 +117,13 @@ var InternalRadio = function InternalRadio(props, ref) {
       ref: mergedRef
     }, /*#__PURE__*/React.createElement("input", _extends({
       type: "radio",
-      className: "".concat(radioPrefixCls, "-input")
-    }, radioProps)), children !== undefined ? /*#__PURE__*/React.createElement("span", {
+      className: "".concat(radioPrefixCls, "-input"),
+      checked: isChecked,
+      onChange: onChange,
+      value: value,
+      name: context === null || context === void 0 ? void 0 : context.name,
+      disabled: mergedDisabled
+    }, restProps)), children !== undefined ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(radioPrefixCls, "-text")
     }, children) : null)
   );

package/lib/checkbox/checkbox.js

@@ -120,7 +120,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var innerIconClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, (0, _concat.default)(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
   var handleChange = (0, _react.useCallback)(function (e) {
     onChange && onChange(e);
-    (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked));
+    (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
 
     if (!(checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.isControlled)) {
       setSelected(e.target.checked);

package/lib/checkbox/group.d.ts

@@ -10,7 +10,7 @@ export interface CheckboxGroupContext {
     groupValue?: Array<CheckboxValueType>;
     checkboxType?: CheckboxType;
     disabled?: boolean;
-    onCheckboxGroupChange?: (checkedValue: CheckboxValueType, isChecked: boolean) => void;
+    onCheckboxGroupChange?: (checkedValue: CheckboxValueType, isChecked: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const GroupContext: React.Context<CheckboxGroupContext | null>;
 export interface CheckboxGroupProps {

package/lib/checkbox/group.js

@@ -105,7 +105,7 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     return innerValue.current.indexOf(targetValue) > -1 ? innerValue.current : (0, _concat.default)(_context2 = innerValue.current).call(_context2, targetValue);
   };
 
-  var onCheckboxChange = function onCheckboxChange(checkedValue, isChecked) {
+  var onCheckboxChange = function onCheckboxChange(checkedValue, isChecked, e) {
     var newVal = [];
 
     if (isChecked) {
@@ -118,7 +118,7 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       innerValue.current = newVal;
     }
 
-    onChange && onChange(newVal);
+    onChange && onChange(e, newVal);
   };
 
   var context = {
@@ -127,8 +127,8 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     name: name,
     isControlled: isControlled,
     checkboxType: checkboxType,
-    onCheckboxGroupChange: function onCheckboxGroupChange(checkedValue, isChecked) {
-      onCheckboxChange(checkedValue, isChecked);
+    onCheckboxGroupChange: function onCheckboxGroupChange(checkedValue, isChecked, e) {
+      onCheckboxChange(checkedValue, isChecked, e);
     }
   };
 

package/lib/date-picker/range-picker.js

@@ -147,6 +147,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       _datePickerProps$seco = datePickerProps.secondStep,
       secondStep = _datePickerProps$seco === void 0 ? 1 : _datePickerProps$seco,
       suffixIcon = datePickerProps.suffixIcon,
+      panelRender = datePickerProps.panelRender,
       renderExtraFooter = datePickerProps.renderExtraFooter,
       disabledHours = datePickerProps.disabledHours,
       disabledMinutes = datePickerProps.disabledMinutes,
@@ -583,7 +584,14 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       mergedActivePickerIndex: mergedActivePickerIndex,
       disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate
     });
-    return /*#__PURE__*/_react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
+
+    var panelNode = /*#__PURE__*/_react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
+
+    if (panelRender) {
+      panelNode = panelRender(panelNode);
+    }
+
+    return panelNode;
   };
 
   var extraNode = (0, _getExtraFooter.default)(datePickerPrefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);

package/lib/menu/style/index.css

@@ -104,6 +104,20 @@
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
+.menu-hidden {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+          animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+  -webkit-transition: opacity, visibility;
+  transition: opacity, visibility;
+  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
+          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
 .menu-dark-hover {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
@@ -520,9 +534,10 @@
 .kd-menu-popper.hidden {
   opacity: 0;
   visibility: hidden;
-  display: none;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
           animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
   -webkit-transition: opacity, visibility;
   transition: opacity, visibility;
   -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
@@ -562,6 +577,8 @@
   visibility: hidden;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
           animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
   -webkit-transition: opacity, visibility;
   transition: opacity, visibility;
   -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);

package/lib/menu/style/index.less

@@ -187,13 +187,7 @@
   }
 
   &.hidden {
-    opacity: 0;
-    visibility: hidden;
-    display: none;
-    animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-    transition: opacity, visibility;
-    transition-duration: calc(@menu-motion-duration - 0.1s);
-    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    .menu-hidden()
   }
 
   .@{submenu-prefix-cls} {
@@ -223,12 +217,7 @@
       }
 
       &-hide {
-        opacity: 0;
-        visibility: hidden;
-        animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-        transition: opacity, visibility;
-        transition-duration: calc(@menu-motion-duration - 0.1s);
-        transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+        .menu-hidden()
       }
     }
   }

package/lib/menu/style/mixin.less

@@ -78,6 +78,15 @@
   }
 }
 
+.menu-hidden {
+  opacity: 0;
+  visibility: hidden;
+  animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
+  animation-delay: 0.1s;
+  transition: opacity, visibility;
+  transition-duration: calc(@menu-motion-duration - 0.1s);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
 
 .menu-dark-hover {
   background-color: @menu-sub-color-background;

package/lib/radio/group.js

@@ -50,23 +50,22 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 
   React.useEffect(function () {
-    if (props.value) {
+    if (props.value !== undefined) {
       setValue(props.value);
     }
   }, [props.value]);
 
-  var onRadioChange = function onRadioChange(ev) {
+  var onRadioChange = function onRadioChange(ev, checkedValue) {
     var lastValue = value;
-    var val = ev.target.value;
 
     if (!('value' in props)) {
-      setValue(val);
+      setValue(checkedValue);
     }
 
     var onChange = props.onChange;
 
-    if (onChange && val !== lastValue) {
-      onChange(ev);
+    if (onChange && checkedValue !== lastValue) {
+      onChange(ev, checkedValue);
     }
   };
 

package/lib/radio/interface.d.ts

@@ -30,7 +30,7 @@ export interface IRadioGroupProps {
     value?: any;
     className?: string;
     style?: React.CSSProperties;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: RadioValueType) => void;
     size?: SizeType;
     name?: string;
     children?: React.ReactNode;
@@ -40,7 +40,7 @@ export interface IRadioGroupProps {
     optionType?: RadioGroupOptionType;
 }
 export interface IRadioGroupContextProps {
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>, value: RadioValueType) => void;
     value: any;
     disabled?: boolean;
     name?: string;

package/lib/radio/radio.js

@@ -13,10 +13,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
@@ -27,12 +27,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
 
+var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
+
+var _isString = _interopRequireDefault(require("lodash/isString"));
+
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 
 var _utils = require("../_utils");
 
 var _context = _interopRequireDefault(require("./context"));
 
+var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -70,14 +76,17 @@ var InternalRadio = function InternalRadio(props, ref) {
       children = _a.children,
       className = _a.className,
       radioType = _a.radioType,
+      value = _a.value,
+      disabled = _a.disabled,
       defaultChecked = _a.defaultChecked,
       customPrefixcls = _a.prefixCls,
-      restProps = __rest(_a, ["style", "checked", "children", "className", "radioType", "defaultChecked", "prefixCls"]); // 属性需要合并一遍用户定义的默认属性
+      restProps = __rest(_a, ["style", "checked", "children", "className", "radioType", "value", "disabled", "defaultChecked", "prefixCls"]); // 属性需要合并一遍用户定义的默认属性
 
 
-  var getChecked = function getChecked() {
-    return (0, _isBoolean.default)(checked) ? checked : defaultChecked;
-  };
+  (0, _devwarning.default)(!((0, _isNumber.default)(value) || (0, _isString.default)(value)) && value !== '', 'radio', 'radio `value` type must string or number ');
+  (0, _devwarning.default)(value === '', 'radio', 'radio value type is not empty string ');
+  var mergedDisabled = (context === null || context === void 0 ? void 0 : context.disabled) || restProps.disabled;
+  var initValue = context ? value === context.value : (0, _isBoolean.default)(checked) ? checked : defaultChecked;
 
   var getPrefix = function getPrefix(radioType) {
     return "radio".concat(radioType === 'square' ? "-".concat(radioType) : '');
@@ -85,18 +94,18 @@ var InternalRadio = function InternalRadio(props, ref) {
 
   var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, getPrefix(radioType), customPrefixcls); // 样式前缀
 
-  var _React$useState = _react.default.useState(getChecked()),
+  var _React$useState = _react.default.useState(initValue),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       isChecked = _React$useState2[0],
       setIsChecked = _React$useState2[1];
 
   _react.default.useEffect(function () {
-    checked !== undefined && setIsChecked(checked);
-  }, [checked]);
-
-  var radioProps = (0, _extends2.default)({}, restProps);
+    var checkedValue = context ? value === context.value : (0, _isBoolean.default)(checked) ? checked : defaultChecked;
+    setIsChecked(checkedValue);
+  }, [checked, defaultChecked, context === null || context === void 0 ? void 0 : context.value]);
 
   var onChange = function onChange(e) {
+    if (disabled) return;
     setIsChecked(e.target.checked);
 
     if (props.onChange) {
@@ -104,19 +113,11 @@ var InternalRadio = function InternalRadio(props, ref) {
     }
 
     if (context === null || context === void 0 ? void 0 : context.onChange) {
-      context.onChange(e);
+      context.onChange(e, value);
     }
   };
 
-  radioProps.onChange = onChange;
-
-  if (context) {
-    radioProps.name = context.name;
-    radioProps.checked = String(props.value) === String(context.value);
-    radioProps.disabled = props.disabled || context.disabled;
-  }
-
-  var classString = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls, "-disabled"), radioProps.disabled), (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls, "-checked"), context ? radioProps.checked : isChecked), _classNames), className); // 单选包裹元素class名称
+  var classString = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls, "-checked"), isChecked), _classNames), className); // 单选包裹元素class名称
 
   (0, _react.useEffect)(function () {
     var _a;
@@ -147,8 +148,13 @@ var InternalRadio = function InternalRadio(props, ref) {
       ref: mergedRef
     }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
       type: "radio",
-      className: "".concat(radioPrefixCls, "-input")
-    }, radioProps)), children !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(radioPrefixCls, "-input"),
+      checked: isChecked,
+      onChange: onChange,
+      value: value,
+      name: context === null || context === void 0 ? void 0 : context.name,
+      disabled: mergedDisabled
+    }, restProps)), children !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(radioPrefixCls, "-text")
     }, children) : null)
   );