acud 0.0.67 → 0.0.70

package/lib/form/style/index.css

@@ -111,6 +111,8 @@
 .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;

package/lib/index.d.ts

@@ -7,6 +7,7 @@ export { default as Button } from './button';
 export { default as Carousel } from './carousel';
 export { default as Cascader } from './cascader';
 export { default as Checkbox } from './checkbox';
+export { default as Clear } from './clear';
 export { default as Col } from './col';
 export { default as Collapse } from './collapse';
 export { default as ConfigProvider } from './config-provider';

package/lib/index.js

@@ -71,6 +71,12 @@ Object.defineProperty(exports, "Checkbox", {
     return _checkbox["default"];
   }
 });
+Object.defineProperty(exports, "Clear", {
+  enumerable: true,
+  get: function get() {
+    return _clear["default"];
+  }
+});
 Object.defineProperty(exports, "Col", {
   enumerable: true,
   get: function get() {
@@ -324,6 +330,8 @@ var _cascader = _interopRequireDefault(require("./cascader"));
 
 var _checkbox = _interopRequireDefault(require("./checkbox"));
 
+var _clear = _interopRequireDefault(require("./clear"));
+
 var _col = _interopRequireDefault(require("./col"));
 
 var _collapse = _interopRequireDefault(require("./collapse"));

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/modal/DialogBox.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface ModalFuncProps {
     /** 对话框标题 */
-    title?: string;
+    title?: React.ReactNode;
     /** 对话框内容 */
     content?: React.ReactNode;
     /** 点击确定回调 */

package/lib/progress/CircleProgress.js

@@ -89,7 +89,7 @@ var CircleProgress = function CircleProgress(_ref) {
     style: labelStyles
   }, labelText);
 
-  var iconWidth = _common.sizeRatioMap[size] * 10; // 若信息类型为图标，在成功和异常时，显示图标
+  var iconWidth = _common.sizeRatioMap[size] * 12; // 若信息类型为图标，在成功和异常时，显示图标
 
   if (infoType === 'icon') {
     if (status === 'success') {
@@ -126,7 +126,7 @@ var CircleProgress = function CircleProgress(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("path", {
     d: circlePath,
     stroke: strokeColor || 'currentColor',
-    strokeWidth: strokeWidth,
+    strokeWidth: percent ? strokeWidth : 0,
     strokeLinecap: strokeLinecap,
     fill: "none",
     style: progressStyles

package/lib/progress/LineProgress.js

@@ -84,12 +84,14 @@ var LineProgress = function LineProgress(_ref) {
     if (status === 'success') {
       ProgressLabel = /*#__PURE__*/_react["default"].createElement(_acudIcon.MultiToneSuccess, {
         className: labelClassNames,
-        color: strokeColor
+        color: strokeColor,
+        width: "16px"
       });
     } else if (status === 'error') {
       ProgressLabel = /*#__PURE__*/_react["default"].createElement(_acudIcon.MultiToneError, {
         className: labelClassNames,
-        color: strokeColor
+        color: strokeColor,
+        width: "16px"
       });
     }
   }

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;

package/lib/style/components.less

@@ -9,6 +9,7 @@
 @import "../carousel/style/index.less";
 @import "../cascader/style/index.less";
 @import "../checkbox/style/index.less";
+@import "../clear/style/index.less";
 @import "../collapse/style/index.less";
 @import "../config-provider/style/index.less";
 @import "../date-picker/style/index.less";

package/lib/style/themes/default/components/cascader.less

@@ -34,10 +34,6 @@
 @cascader-picker-font-size-md: @T2;
 @cascader-picker-font-size-lg: @T3;
 
-// clear
-@cascader-picker-clear-tp: tp9;
-@cascader-picker-clear-p: p9;
-
 // 级联menus cascader-menus
 @cascader-menus-z-index: 1050;
 @cascader-menus-font-size: @T2;

package/lib/style/themes/default/components/clear.less

@@ -0,0 +1,2 @@
+@clear-tp: tp9;
+@clear-p: p9;

package/lib/style/themes/default/components/datePicker.less

@@ -22,6 +22,7 @@
 @date-picker-date-tp: tp31;
 @date-picker-date-p: p40;
 @date-picker-header-icon-tp: tp24;
+@date-picker-header-tp: tp3;
 
 @picker-panel-cell-height: 6*@P;
 @primary-color: @B2;

package/lib/style/themes/default/components/index.less

@@ -43,3 +43,4 @@
 @import './rate.less';
 @import './timeline.less';
 @import './popconfirm.less';
+@import './clear.less';

package/lib/switch/index.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-import { SwitchProps } from './interface';
-declare const Switch: FC<SwitchProps>;
+import { CompoundedComponent } from './interface';
+declare const Switch: CompoundedComponent;
 export default Switch;

package/lib/switch/index.js

@@ -15,6 +15,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireDefault(require("react"));
 
+var _acudIcon = require("acud-icon");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _useMergedState3 = _interopRequireDefault(require("../_util/hooks/useMergedState"));
@@ -41,12 +43,13 @@ var Switch = /*#__PURE__*/_react["default"].forwardRef(function (_a, ref) {
       checked = _a.checked,
       defaultChecked = _a.defaultChecked,
       disabled = _a.disabled,
-      loadingIcon = _a.loadingIcon,
+      loading = _a.loading,
+      customLoadingIcon = _a.loadingIcon,
       checkedChildren = _a.checkedChildren,
       unCheckedChildren = _a.unCheckedChildren,
       onClick = _a.onClick,
       onChange = _a.onChange,
-      restProps = __rest(_a, ["prefixCls", "className", "checked", "defaultChecked", "disabled", "loadingIcon", "checkedChildren", "unCheckedChildren", "onClick", "onChange"]);
+      restProps = __rest(_a, ["prefixCls", "className", "checked", "defaultChecked", "disabled", "loading", "loadingIcon", "checkedChildren", "unCheckedChildren", "onClick", "onChange"]);
 
   var _useMergedState = (0, _useMergedState3["default"])(false, {
     value: checked,
@@ -56,6 +59,11 @@ var Switch = /*#__PURE__*/_react["default"].forwardRef(function (_a, ref) {
       innerChecked = _useMergedState2[0],
       setInnerChecked = _useMergedState2[1];
 
+  var loadingIcon = loading && (customLoadingIcon || /*#__PURE__*/_react["default"].createElement(_acudIcon.OutlinedLoading, {
+    className: "".concat(prefixCls, "-loading-icon"),
+    animation: "spin"
+  }));
+
   function triggerChange(newChecked, event) {
     var mergedChecked = innerChecked;
 
@@ -73,7 +81,7 @@ var Switch = /*#__PURE__*/_react["default"].forwardRef(function (_a, ref) {
     onClick === null || onClick === void 0 ? void 0 : onClick(ret, e);
   }
 
-  var switchClassName = (0, _classnames["default"])(prefixCls, className, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checked"), innerChecked), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames));
+  var switchClassName = (0, _classnames["default"])(prefixCls, className, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checked"), innerChecked), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-loading"), loading), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames));
   return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, restProps, {
     type: "button",
     role: "switch",
@@ -88,5 +96,6 @@ var Switch = /*#__PURE__*/_react["default"].forwardRef(function (_a, ref) {
 });
 
 Switch.displayName = 'Switch';
+Switch.__ACUD_SWITCH = true;
 var _default = Switch;
 exports["default"] = _default;

package/lib/switch/interface.d.ts

@@ -5,6 +5,7 @@ export interface SwitchProps extends Omit<React.HTMLAttributes<HTMLButtonElement
     className?: string;
     prefixCls?: string;
     disabled?: boolean;
+    loading?: boolean;
     checkedChildren?: React.ReactNode;
     unCheckedChildren?: React.ReactNode;
     onChange?: SwitchChangeEventHandler;
@@ -16,3 +17,6 @@ export interface SwitchProps extends Omit<React.HTMLAttributes<HTMLButtonElement
     style?: React.CSSProperties;
     title?: string;
 }
+export interface CompoundedComponent extends React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLElement>> {
+    __ACUD_SWITCH: boolean;
+}

package/lib/switch/style/index.css

@@ -148,6 +148,34 @@
 .acud-switch-checked[disabled]:after {
   background-color: #FFFFFF;
 }
+.acud-switch-checked[disabled].acud-switch-loading .acud-switch-loading-icon {
+  color: #D4E5FF;
+}
+.acud-switch-checked.acud-switch-loading .acud-switch-loading-icon {
+  color: #2468F2;
+  left: initial;
+  right: 2px;
+}
+.acud-switch-loading {
+  cursor: no-drop;
+}
+.acud-switch-loading:after {
+  cursor: no-drop;
+  -webkit-animation-name: none;
+          animation-name: none;
+}
+.acud-switch-loading:hover:after {
+  width: 16px;
+  -webkit-animation-name: none;
+          animation-name: none;
+}
+.acud-switch-loading .acud-switch-loading-icon {
+  position: absolute;
+  top: 1px;
+  z-index: 99;
+  color: #D4D6D9;
+  left: 2px;
+}
 .acud-switch-disabled {
   cursor: no-drop;
 }
@@ -162,6 +190,9 @@
   -webkit-animation-name: none;
           animation-name: none;
 }
+.acud-switch-disabled .acud-switch-loading-icon {
+  color: #F2F2F4;
+}
 .acud-switch-label {
   display: inline-block;
   padding-left: 10px;

package/lib/switch/style/index.less

@@ -96,9 +96,38 @@
             &:after {
                 background-color: @switch-handle-color;
             }
+            &.@{switch-prefix-cls}-loading {
+                .@{switch-prefix-cls}-loading-icon {
+                    color: @B2;
+                }
+            }
+        }
+        &.@{switch-prefix-cls}-loading {
+            .@{switch-prefix-cls}-loading-icon {
+                color: @B6;
+                left: initial;
+                right: 0.5 * @P;
+            }
+        }
+    }
+    &-loading {
+        cursor: no-drop;
+        &:after {
+            cursor: no-drop;
+            animation-name: none;
+        }
+        &:hover:after {
+            width: @switch-inner-width;
+            animation-name: none;
+        }
+        .@{switch-prefix-cls}-loading-icon {
+            position: absolute;
+            top: 1px;
+            z-index: 99;
+            color: @G7;
+            left: 0.5 * @P;
         }
     }
-
     &-disabled {
         cursor: no-drop;
         &:after {
@@ -110,6 +139,9 @@
             width: @switch-inner-width;
             animation-name: none;
         }
+        .@{switch-prefix-cls}-loading-icon {
+            color: @G9;
+        }
     }
 
     &-label {

package/lib/toast/index.js

@@ -74,7 +74,6 @@ function ToastDom(props) {
 
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      timerID = _useState2[0],
       setTimerID = _useState2[1];
 
   var _useState3 = (0, _react.useState)(countdown),
@@ -101,9 +100,9 @@ function ToastDom(props) {
     }
 
     return function () {
-      if (timerID) {
-        setTimerID(null);
-      }
+      // destory时可能timerID并没有 但是计时器存在 设置值时react会警告
+      // if (timerID) {
+      setTimerID(null); // }
     };
   }, [counter]);
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -155,7 +154,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';
@@ -173,7 +172,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["default"].createElement(DescriptionDom, {
         description: args.description

package/lib/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/lib/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/lib/tooltip/index.js

@@ -63,7 +63,7 @@ var PresetColorRegex = new RegExp("^(".concat(PresetColorTypes.join('|'), ")(-in
 function getDisabledCompatibleChildren(element, prefixCls) {
   var elementType = element.type;
 
-  if ((elementType.__ANT_BUTTON === true || elementType.__ANT_SWITCH === true || elementType.__ANT_CHECKBOX === true || element.type === 'button') && element.props.disabled) {
+  if ((elementType.__ACUD_BUTTON === true || elementType.__ACUD_SWITCH === true || elementType.__ACUD_CHECKBOX === true || element.type === 'button') && element.props.disabled) {
     // Pick some layout related style properties up to span
     var _splitObject = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']),
         picked = _splitObject.picked,

package/lib/transfer/SourceList.js

@@ -167,6 +167,7 @@ function sourceList(props) {
         return expandGroup(e, data.key);
       }
     }, expandGroupKey.includes(data.key) ? /*#__PURE__*/React.createElement(_OutlinedDown["default"], null) : /*#__PURE__*/React.createElement(_OutlinedRight["default"], null)), /*#__PURE__*/React.createElement(_checkbox["default"], {
+      className: "".concat(prefixCls, "-datasource-item-checkbox"),
       checked: checked,
       disabled: data.disabled,
       indeterminate: indeterminate

package/lib/transfer/index.js

@@ -40,8 +40,7 @@ function transfer(props) {
       prefixCls = _props$prefixCls === void 0 ? 'acud-transfer' : _props$prefixCls,
       _props$displayType = props.displayType,
       displayType = _props$displayType === void 0 ? 'single' : _props$displayType,
-      _props$targetKeys = props.targetKeys,
-      targetKeys = _props$targetKeys === void 0 ? [] : _props$targetKeys,
+      targetKeys = props.targetKeys,
       onChange = props.onChange,
       _props$locale = props.locale,
       locale = _props$locale === void 0 ? {} : _props$locale,
@@ -76,11 +75,12 @@ function transfer(props) {
     return expansionArr;
   }, [dataSource]);
 
-  var _React$useState = React.useState(targetKeys),
+  var _React$useState = React.useState(targetKeys || []),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
       tKeys = _React$useState2[0],
       setTKeys = _React$useState2[1];
 
+  var mergedKeys = 'targetKeys' in props ? targetKeys : tKeys;
   React.useEffect(function () {
     onChange && onChange(tKeys);
   }, [tKeys]);
@@ -91,14 +91,14 @@ function transfer(props) {
     displayType: displayType,
     locale: userLocale,
     prefixCls: prefixCls,
-    tKeys: tKeys,
+    tKeys: mergedKeys,
     setTKeys: setTKeys,
     expansionSource: expansionSource
   })), /*#__PURE__*/React.createElement(_Target["default"], (0, _extends2["default"])({}, props, {
     displayType: displayType,
     locale: userLocale,
     prefixCls: prefixCls,
-    tKeys: tKeys,
+    tKeys: mergedKeys,
     setTKeys: setTKeys,
     expansionSource: expansionSource
   })));

package/lib/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/lib/transfer/style/index.less

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

package/lib/upload/Upload.js

@@ -474,12 +474,15 @@ var InternalUpload = function InternalUpload(props, ref) {
 
     var dragCls = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-drag"), true), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-drag-uploading"), mergedFileList.some(function (file) {
       return file.status === 'uploading';
-    })), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-drag-hover"), dragState === 'dragover'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
+    })), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-drag-hover"), dragState === 'dragover'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-drag-click"), dragState === 'mousedown'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2["default"])(_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(_BaseUpload["default"], (0, _extends2["default"])({}, rcUploadProps, {
       ref: upload,