acud 0.0.68 → 0.0.71

package/es/radio/RadioGroup.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { Fragment, useCallback } from 'react';
+import classnames from 'classnames';
 import useMergedState from '../_util/hooks/useMergedState';
 import Radio from './Radio';
 import Context from './context';
@@ -12,6 +13,7 @@ export default (function (props) {
       optionType = _props$optionType === void 0 ? 'default' : _props$optionType,
       options = props.options,
       children = props.children,
+      className = props.className,
       onChange = props.onChange;
 
   var _useMergedState = useMergedState(props.defaultValue, {
@@ -35,8 +37,9 @@ export default (function (props) {
     }
   }, [value, disabled, onChange]);
   var Compo = optionType === 'default' ? Radio : Radio.Button;
+  var classNames = classnames(prefixCls, className);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: prefixCls
+    className: classNames
   }, /*#__PURE__*/React.createElement(Context.Provider, {
     value: {
       value: value,

package/es/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;

package/es/toast/index.js

@@ -54,7 +54,6 @@ function ToastDom(props) {
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
-      timerID = _useState2[0],
       setTimerID = _useState2[1];
 
   var _useState3 = useState(countdown),
@@ -80,9 +79,9 @@ function ToastDom(props) {
     }
 
     return function () {
-      if (timerID) {
-        setTimerID(null);
-      }
+      // destory时可能timerID并没有 但是计时器存在 设置值时react会警告
+      // if (timerID) {
+      setTimerID(null); // }
     };
   }, [counter]);
   return /*#__PURE__*/React.createElement("div", {
@@ -135,7 +134,7 @@ var handler = {
       var tempDuration = args.duration;
       args.duration = 0; // 设置样式 有描述和没描述间距不一样
 
-      var tempClassName = props.className + ' ' + PREFIX;
+      var tempClassName = (props === null || props === void 0 ? void 0 : props.className) + ' ' + PREFIX;
 
       if (args.description) {
         tempClassName += ' ' + getPrefixCls('notification') + '-has-description';
@@ -153,7 +152,7 @@ var handler = {
         description: args.description,
         countdown: tempDuration,
         notificationKey: key,
-        onClose: props.onClose
+        onClose: props === null || props === void 0 ? void 0 : props.onClose
       });
       args.description = /*#__PURE__*/React.createElement(DescriptionDom, {
         description: args.description

package/es/toast/style/index.css

@@ -106,7 +106,7 @@
 }
 .acud-notification-notice-with-icon .acud-notification-notice-message {
   margin: 0 calc(8px + 4px * 4) 0 calc(8px + 18px);
-  font-size: 16px;
+  font-size: 14px;
 }
 .acud-notification-notice-with-icon .acud-notification-notice-description {
   margin: 0 calc(8px + 4px * 4) 0 calc(8px + 18px);

package/es/toast/style/index.less

@@ -3,7 +3,7 @@
 
 @toast-padding-vertical: @P;
 @toast-padding-horizontal: 4 * @P;
-@font-size-base: @T3;
+@toast-font-size-base: @T3;
 @line-height-base: 1.5715;
 @notification-bg: #fff;
 @heading-color: #000;
@@ -103,7 +103,7 @@
     }
 
     &-description {
-      font-size: @font-size-base;
+      font-size: @toast-font-size-base;
       .description-wrap {
           margin: @P 0 0 0;
           color: @G2;
@@ -123,7 +123,7 @@
 
     &-with-icon &-description {
       margin: 0 ~'calc(@{toast-title-margin} + @{P} * 4)' 0 ~'calc(@{toast-title-margin} + @{T5})';
-      font-size: @font-size-base;
+      font-size: @toast-font-size-base;
     }
 
     &-icon {

package/es/transfer/SourceList.js

@@ -143,6 +143,7 @@ export default function sourceList(props) {
         return expandGroup(e, data.key);
       }
     }, expandGroupKey.includes(data.key) ? /*#__PURE__*/React.createElement(OutlinedDown, null) : /*#__PURE__*/React.createElement(OutlinedRight, null)), /*#__PURE__*/React.createElement(Checkbox, {
+      className: "".concat(prefixCls, "-datasource-item-checkbox"),
       checked: checked,
       disabled: data.disabled,
       indeterminate: indeterminate

package/es/transfer/index.js

@@ -60,11 +60,7 @@ export default function transfer(props) {
       tKeys = _React$useState2[0],
       setTKeys = _React$useState2[1];
 
-  React.useEffect(function () {
-    if (Array.isArray(targetKeys)) {
-      setTKeys(targetKeys);
-    }
-  }, [targetKeys]);
+  var mergedKeys = 'targetKeys' in props ? targetKeys : tKeys;
   React.useEffect(function () {
     onChange && onChange(tKeys);
   }, [tKeys]);
@@ -75,14 +71,14 @@ export default function transfer(props) {
     displayType: displayType,
     locale: userLocale,
     prefixCls: prefixCls,
-    tKeys: tKeys,
+    tKeys: mergedKeys,
     setTKeys: setTKeys,
     expansionSource: expansionSource
   })), /*#__PURE__*/React.createElement(Target, _extends({}, props, {
     displayType: displayType,
     locale: userLocale,
     prefixCls: prefixCls,
-    tKeys: tKeys,
+    tKeys: mergedKeys,
     setTKeys: setTKeys,
     expansionSource: expansionSource
   })));

package/es/transfer/style/index.css

@@ -150,6 +150,9 @@
 .acud-transfer-datasource-item-group-option {
   padding-left: 60px;
 }
+.acud-transfer-datasource-item-checkbox {
+  height: 16px;
+}
 .acud-transfer-datasource-search {
   height: 40px;
   padding: 8px 12px;

package/es/transfer/style/index.less

@@ -88,6 +88,9 @@
             &-group-option {
                 padding-left: 15 * @P;
             }
+            &-checkbox {
+                height: @P * 4;
+            }
         }
         &-search {
             height: @P * 10;

package/es/upload/Upload.js

@@ -77,6 +77,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       type = props.type,
       children = props.children,
       style = props.style,
+      motionDeadline = props.motionDeadline,
       itemRender = props.itemRender,
       maxCount = props.maxCount,
       description = props.description,
@@ -421,6 +422,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       return /*#__PURE__*/React.createElement(UploadList, {
         listType: listType,
         items: mergedFileList,
+        motionDeadline: motionDeadline,
         previewFile: previewFile,
         onPreview: onPreview,
         onDownload: onDownload,
@@ -448,12 +450,15 @@ var InternalUpload = function InternalUpload(props, ref) {
 
     var dragCls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-drag"), true), _defineProperty(_classNames, "".concat(prefixCls, "-drag-uploading"), mergedFileList.some(function (file) {
       return file.status === 'uploading';
-    })), _defineProperty(_classNames, "".concat(prefixCls, "-drag-hover"), dragState === 'dragover'), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
+    })), _defineProperty(_classNames, "".concat(prefixCls, "-drag-hover"), dragState === 'dragover'), _defineProperty(_classNames, "".concat(prefixCls, "-drag-click"), dragState === 'mousedown'), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
     return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", {
       className: dragCls,
       onDrop: onFileDrop,
       onDragOver: onFileDrop,
       onDragLeave: onFileDrop,
+      onMouseDown: onFileDrop,
+      onMouseUp: onFileDrop,
+      onMouseLeave: onFileDrop,
       style: style
     }, /*#__PURE__*/React.createElement(RcUpload, _extends({}, rcUploadProps, {
       ref: upload,

package/es/upload/UploadList/ListItem.d.ts

@@ -3,6 +3,7 @@ import { ItemRender, UploadFile, UploadListProgressProps, UploadListType, Upload
 export interface ListItemProps {
     prefixCls: string;
     className?: string;
+    motionDeadline?: number;
     style?: React.CSSProperties;
     locale: UploadLocale;
     file: UploadFile;

package/es/upload/UploadList/ListItem.js

@@ -13,7 +13,7 @@ import EyeOutlined from "acud-icon/es/icons/OutlinedEye";
 import DeleteOutlined from "acud-icon/es/icons/OutlinedDelete";
 import OutlinedClose from "acud-icon/es/icons/OutlinedClose";
 import DownloadOutlined from "acud-icon/es/icons/OutlinedCloudDownload";
-import OutlinedRefresh from "acud-icon/es/icons/OutlinedRefresh";
+import OutlinedButtonUpload from "acud-icon/es/icons/OutlinedButtonUpload";
 import Tooltip from '../../tooltip';
 import Progress from '../../progress';
 import { ConfigContext } from '../../config-provider';
@@ -32,6 +32,8 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       actionIconRender = _ref.actionIconRender,
       itemRender = _ref.itemRender,
       isImgUrl = _ref.isImgUrl,
+      _ref$motionDeadline = _ref.motionDeadline,
+      motionDeadline = _ref$motionDeadline === void 0 ? 2000 : _ref$motionDeadline,
       showPreviewIcon = _ref.showPreviewIcon,
       showRemoveIcon = _ref.showRemoveIcon,
       showDownloadIcon = _ref.showDownloadIcon,
@@ -157,7 +159,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     title: locale.previewFile
   }, /*#__PURE__*/React.createElement(EyeOutlined, null)) : null; // 上传icon
 
-  var uploadIcon = showUploadIcon ? actionIconRender((typeof customUploadIcon === 'function' ? customUploadIcon(file) : customUploadIcon) || /*#__PURE__*/React.createElement(OutlinedRefresh, null), function () {
+  var uploadIcon = showUploadIcon ? actionIconRender((typeof customUploadIcon === 'function' ? customUploadIcon(file) : customUploadIcon) || /*#__PURE__*/React.createElement(OutlinedButtonUpload, null), function () {
     return onUpload(file);
   }, prefixCls, locale.uploadFile) : null;
   var actions = listType === 'picture-card' && file.status !== 'uploading' && /*#__PURE__*/React.createElement("span", {
@@ -186,7 +188,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, iconAndPreview), actions, showProgress && /*#__PURE__*/React.createElement(CSSMotion, {
     motionName: "".concat(rootPrefixCls, "-fade"),
     visible: file.status === 'uploading',
-    motionDeadline: 2000
+    motionDeadline: motionDeadline
   }, function (_ref2) {
     var motionClassName = _ref2.className;
     // show loading icon if upload progress listener is disabled

package/es/upload/UploadList/index.js

@@ -58,7 +58,7 @@ var renderIcon = function renderIcon(fileName) {
   }
 
   return /*#__PURE__*/React.createElement(Icon, {
-    width: 14
+    width: 16
   });
 };
 
@@ -85,6 +85,8 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       downloadIcon = _ref.downloadIcon,
       uploadIcon = _ref.uploadIcon,
       progress = _ref.progress,
+      _ref$motionDeadline = _ref.motionDeadline,
+      motionDeadline = _ref$motionDeadline === void 0 ? 2000 : _ref$motionDeadline,
       appendAction = _ref.appendAction,
       itemRender = _ref.itemRender;
   var forceUpdate = useForceUpdate();
@@ -221,7 +223,7 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
   var animationDirection = listType === 'picture-card' ? 'animate-inline' : 'animate'; // const transitionName = list.length === 0 ? '' : `${prefixCls}-${animationDirection}`;
 
   var motionConfig = {
-    motionDeadline: 2000,
+    motionDeadline: motionDeadline,
     motionName: "".concat(prefixCls, "-").concat(animationDirection),
     keys: motionKeyList,
     motionAppear: motionAppear
@@ -274,7 +276,8 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       onPreview: onInternalPreview,
       onDownload: onInternalDownload,
       onClose: onInternalClose,
-      onUpload: onInternalUpload
+      onUpload: onInternalUpload,
+      motionDeadline: motionDeadline
     });
   }));
 };
@@ -287,6 +290,7 @@ UploadList.defaultProps = {
     // showInfo: false
   },
   showUploadIcon: true,
+  motionDeadline: 2000,
   showRemoveIcon: true,
   showDownloadIcon: false,
   showPreviewIcon: true,

package/es/upload/interface.d.ts

@@ -69,6 +69,7 @@ declare type BeforeUploadValueType = void | boolean | string | Blob | File;
 export interface UploadProps<T = any> {
     type?: UploadType;
     name?: string;
+    motionDeadline?: number;
     defaultFileList?: Array<UploadFile<T>>;
     fileList?: Array<UploadFile<T>>;
     action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
@@ -122,6 +123,7 @@ export interface UploadListProps<T = any> {
     items?: Array<UploadFile<T>>;
     progress?: UploadListProgressProps;
     prefixCls?: string;
+    motionDeadline?: number;
     showRemoveIcon?: boolean;
     showDownloadIcon?: boolean;
     showPreviewIcon?: boolean;

package/es/upload/style/index.css

@@ -123,6 +123,12 @@
 .acud-upload.acud-upload-drag.acud-upload-drag-hover:not(.acud-upload-disabled) {
   border-color: #144BCC;
 }
+.acud-upload.acud-upload-drag.acud-upload-drag-click:not(.acud-upload-disabled) {
+  border-color: #144BCC;
+}
+.acud-upload.acud-upload-drag.acud-upload-drag-click:not(.acud-upload-disabled):hover {
+  border-color: #144BCC;
+}
 .acud-upload.acud-upload-drag.acud-upload-disabled {
   background: #fafafa;
   cursor: not-allowed;
@@ -192,9 +198,9 @@
 }
 .acud-upload-list-item {
   position: relative;
-  height: 24px;
-  margin-top: 8px;
   font-size: 12px;
+  transition: background-color 0.3s;
+  overflow-y: hidden;
 }
 .acud-upload-list-item-name {
   display: inline-block;
@@ -221,7 +227,7 @@
 }
 .acud-upload-list-item-card-actions {
   position: absolute;
-  right: 0;
+  right: 4px;
 }
 .acud-upload-list-item-card-actions-btn {
   opacity: 0;
@@ -257,9 +263,8 @@
   color: #B8BABF;
 }
 .acud-upload-list-item-info {
-  height: 100%;
+  height: 24px;
   padding: 0 2px;
-  transition: background-color 0.3s;
   border-radius: 2px;
 }
 .acud-upload-list-item-info > span {
@@ -307,7 +312,7 @@
 .acud-upload-list-item .acuicon-outlined-close:hover {
   color: #151B26;
 }
-.acud-upload-list-item:hover .acud-upload-list-item-info {
+.acud-upload-list-item:hover {
   background-color: #F7F7F9;
 }
 .acud-upload-list-item:hover .acuicon-outlined-close {
@@ -339,10 +344,9 @@
   color: #F33E3E;
 }
 .acud-upload-list-item-progress {
-  position: absolute;
-  bottom: -12px;
   width: 100%;
   padding-left: 4px;
+  padding-right: 4px;
   font-size: 12px;
   line-height: 0;
 }
@@ -351,7 +355,7 @@
   position: relative;
   height: 66px;
   padding: 0;
-  border: 1px 1px #d9d9d9;
+  border: 1px solid #d9d9d9;
   border-radius: 0px;
 }
 .acud-upload-list-picture .acud-upload-list-item:hover,
@@ -432,13 +436,6 @@
 .acud-upload-list-picture-card .acud-upload-list-item-uploading .acud-upload-list-item-name {
   margin-bottom: 12px;
 }
-.acud-upload-list-picture .acud-upload-list-item-progress,
-.acud-upload-list-picture-card .acud-upload-list-item-progress {
-  bottom: 14px;
-  width: calc(100% - 24px);
-  margin-top: 0;
-  padding-left: 56px;
-}
 .acud-upload-list-picture .acuicon-outlined-close,
 .acud-upload-list-picture-card .acuicon-outlined-close {
   position: absolute;
@@ -491,7 +488,7 @@
   opacity: 0;
   transition: all 0.3s;
 }
-.acud-upload-list-picture-card .acud-upload-list-item-actions .acuicon-outlined-refresh,
+.acud-upload-list-picture-card .acud-upload-list-item-actions .acuicon-outlined-button-upload,
 .acud-upload-list-picture-card .acud-upload-list-item-actions .acuicon-outlined-eye,
 .acud-upload-list-picture-card .acud-upload-list-item-actions .acuicon-outlined-download,
 .acud-upload-list-picture-card .acud-upload-list-item-actions .acuicon-outlined-delete {
@@ -519,8 +516,8 @@
   display: block;
   width: 100%;
   height: 100%;
-  -o-object-fit: contain;
-     object-fit: contain;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 .acud-upload-list-picture-card .acud-upload-list-item-name {
   display: none;
@@ -547,6 +544,7 @@
   line-height: 140px;
 }
 .acud-upload-list-picture-card .acud-upload-list-item-progress {
+  position: absolute;
   top: 44px;
   padding-left: 8px;
   padding-right: 8px;
@@ -583,9 +581,15 @@
   margin: 0;
   padding: 0 8px 0 4px;
 }
-.acud-upload-list-text .acud-upload-list-item-card-actions,
-.acud-upload-list-picture .acud-upload-list-item-card-actions {
-  position: static;
+.acud-upload-list-text-container {
+  margin-bottom: 4px;
+}
+.acud-upload-list-text-container:first-child {
+  margin-top: 8px;
+}
+.acud-upload-list-text .acud-upload-list-item-progress {
+  margin-top: 4px;
+  margin-bottom: 2px;
 }
 .acud-upload-list .acud-upload-animate-inline-appear,
 .acud-upload-list .acud-upload-animate-inline-enter,

package/es/upload/style/index.less

@@ -97,7 +97,12 @@
         &.@{upload-prefix-cls}-drag-hover:not(.@{upload-prefix-cls}-disabled) {
             border-color: @primary-7;
         }
-
+        &.@{upload-prefix-cls}-drag-click:not(.@{upload-prefix-cls}-disabled) {
+            border-color: @B7;
+            &:hover{
+                border-color: @B7;
+            }
+        }
         &.@{upload-prefix-cls}-disabled {
             background: @background-color-light;
             cursor: not-allowed;
@@ -181,10 +186,9 @@
     // ============================ Item ============================
     &-item {
         position: relative;
-        height: @P * 6;
-        margin-top: @margin-xs;
         font-size: @font-size-base;
-
+        transition: background-color .3s;
+        overflow-y: hidden;
         &-name {
             display: inline-block;
             width: 100%;
@@ -198,7 +202,7 @@
 
         &-card-actions {
             position: absolute;
-            right: 0;
+            right: @P;
 
             &-btn {
                 opacity: 0;
@@ -226,9 +230,8 @@
         }
 
         &-info {
-            height: 100%;
+            height: @P * 6;
             padding: 0 .5 * @P;
-            transition: background-color .3s;
             border-radius: @R2;
 
             > span {
@@ -264,7 +267,7 @@
             }
         }
 
-        &:hover &-info {
+        &:hover {
             // background-color: @item-hover-bg;
             background-color: ~'@{@{upload-list-p}-hover-background-color}';
         }
@@ -303,10 +306,9 @@
         }
 
         &-progress {
-            position: absolute;
-            bottom: -12px;
             width: 100%;
             padding-left: @P;
+            padding-right: @P;
             font-size: @T2;
             line-height: 0;
         }
@@ -319,7 +321,7 @@
             position: relative;
             height: 66px;
             padding: 0;
-            border: @border-width-base @upload-picture-card-border-style @border-color-base;
+            border: @border-width-base solid @border-color-base;
             border-radius: @border-radius-base;
 
             &:hover {
@@ -410,13 +412,6 @@
             margin-bottom: 12px;
         }
 
-        .@{upload-item}-progress {
-            bottom: 14px;
-            width: ~'calc(100% - 24px)';
-            margin-top: 0;
-            padding-left: 56px;
-        }
-
         .@{iconfont-css-prefix}-outlined-close {
             position: absolute;
             top: 8px;
@@ -478,7 +473,7 @@
             transform: translate(-50%, -50%);
             opacity: 0;
             transition: all .3s;
-            .@{iconfont-css-prefix}-outlined-refresh,
+            .@{iconfont-css-prefix}-outlined-button-upload,
             .@{iconfont-css-prefix}-outlined-eye,
             .@{iconfont-css-prefix}-outlined-download,
             .@{iconfont-css-prefix}-outlined-delete {
@@ -510,7 +505,7 @@
             display: block;
             width: 100%;
             height: 100%;
-            object-fit: contain;
+            object-fit: cover;
         }
 
         .@{upload-item}-name {
@@ -544,6 +539,7 @@
         }
 
         .@{upload-item}-progress {
+            position: absolute;
             top: 44px;
             padding-left: 8px;
             padding-right: 8px;
@@ -589,12 +585,23 @@
         }
 
         .@{upload-item}-card-actions {
-            position: static;
+            // position: static;
         }
     }
 
     // ============================ Text ============================
-
+    &-text {
+        &-container {
+            margin-bottom: @P;
+            &:first-child {
+                margin-top: @P * 2;
+            }
+        }
+        .@{upload-item}-progress {
+            margin-top: @P;
+            margin-bottom: @P * 0.5;
+        }
+    }
     // =========================== Motion ===========================
     .@{upload-prefix-cls}-animate-inline-appear,
     .@{upload-prefix-cls}-animate-inline-enter,

package/lib/cascader/Cascader.js

@@ -195,11 +195,12 @@ var Cascader = /*#__PURE__*/function (_React$Component) {
           }, e);
         }
 
+        loadData(activeOptions);
+
         _this.setState({
           activeValue: activeValue
         });
 
-        loadData(activeOptions);
         return;
       }
 

package/lib/cascader/MenuItem.js

@@ -57,16 +57,12 @@ var MenuItem = function MenuItem(props) {
   var handleMouseEnter = (0, _react.useCallback)(function (e) {
     onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
     var ele = targetRef.current;
-
-    if (isMulti) {
-      ele = ele === null || ele === void 0 ? void 0 : ele.parentNode;
-    }
-
     var overflow = (ele === null || ele === void 0 ? void 0 : ele.scrollWidth) > (ele === null || ele === void 0 ? void 0 : ele.clientWidth);
     setOverflow(overflow);
-  }, [isMulti, onMouseEnter]);
+  }, [onMouseEnter]);
   return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    title: title
+    title: title,
+    overlayClassName: "".concat(prefixCls, "-menu-item-tooltip")
   }, /*#__PURE__*/_react["default"].createElement("li", (0, _extends2["default"])({
     className: menuItemCls
   }, expandProps, {
@@ -76,21 +72,19 @@ var MenuItem = function MenuItem(props) {
       return e.preventDefault();
     },
     onMouseEnter: handleMouseEnter
-  }), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, isMulti ? {} : {
-    ref: targetRef
-  }, {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefixCls, "-menu-item-content"),
     disabled: option.disabled
-  }), isMulti ? /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+  }, isMulti && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
     className: "".concat(prefixCls, "-menu-item-checkbox"),
     disabled: option.disabled,
     checked: checked,
     indeterminate: indeterminate,
     onChange: onMultiSelect,
     onClick: handleMultiClick
-  }, /*#__PURE__*/_react["default"].cloneElement(labelContent, {
+  }), /*#__PURE__*/_react["default"].cloneElement(labelContent, {
     ref: targetRef
-  })) : labelContent), expandIconNode, loadingIconNode));
+  })), expandIconNode, loadingIconNode));
 };
 
 var _default = MenuItem;

package/lib/cascader/Menus.d.ts

@@ -52,11 +52,12 @@ declare class Menus extends React.Component<MenusProps, MenusState> {
     saveMenuWrap: (menuWrap: any) => void;
     saveMenus: (menuIndex: any) => (menus: any) => void;
     saveMenuItems: (index: any) => (node: any) => void;
-    openMenuScroll(): void;
     scrollActiveItemToView(): void;
     setMenuPosition(callback?: () => void): void;
+    handleMenuScrollChange(menuScrollOpen: any): void;
     handleMenuScroll: (menuIndex: any) => () => void;
-    onShowPrepare: () => Promise<unknown>;
+    onShowActive: () => void;
+    onShowEnd: () => void;
     render(): JSX.Element;
 }
 export default Menus;