@kdcloudjs/kdesign 1.6.38 → 1.6.40

package/lib/date-picker/range-picker.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { ReactNode, Ref, FocusEventHandler, CSSProperties } from 'react';
 import { DateType, RangeValue, EventValue, DisabledTimes, PanelMode, SharedTimeProps } from './interface';
 import { PickerBaseProps, PickerDateProps, PickerTimeProps } from './date-picker';
 export declare type RangeType = 'start' | 'end';
 export interface RangeInfo {
     range: RangeType;
 }
-export declare type RangeDateRender = (currentDate: DateType, today: DateType, info: RangeInfo) => React.ReactNode;
+export declare type RangeDateRender = (currentDate: DateType, today: DateType, info: RangeInfo) => ReactNode;
 export interface RangePickerSharedProps {
     id?: string;
     value?: RangeValue;
@@ -15,23 +15,23 @@ export interface RangePickerSharedProps {
     disabled?: boolean | [boolean, boolean];
     disabledTimePanel?: (date: EventValue, type: RangeType) => DisabledTimes;
     ranges?: Record<string, DateType[] | (() => DateType[])>;
-    separator?: React.ReactNode;
+    separator?: ReactNode;
     allowEmpty?: [boolean, boolean];
-    suffixIcon?: React.ReactNode;
-    clearIcon?: React.ReactNode;
+    suffixIcon?: ReactNode;
+    clearIcon?: ReactNode;
     mode?: [PanelMode, PanelMode];
     onChange?: (values: RangeValue, formatString: [string | null, string | null]) => void;
     onCalendarChange?: (values: RangeValue, formatString: [string | null, string | null], info: RangeInfo) => void;
     onPanelChange?: (values: RangeValue, modes: [PanelMode, PanelMode]) => void;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
     onOk?: (dates: RangeValue) => void;
     activePickerIndex?: 0 | 1;
     dateRender?: RangeDateRender;
-    panelRender?: (originPanel: React.ReactNode) => React.ReactNode;
+    panelRender?: (originPanel: ReactNode) => ReactNode;
     getPopupContainer?: (node: HTMLElement) => HTMLElement;
-    popupRef?: React.Ref<any>;
-    popupStyle?: React.CSSProperties;
+    popupRef?: Ref<any>;
+    popupStyle?: CSSProperties;
     dropdownClassName?: string;
 }
 declare type OmitPickerProps<Props> = Omit<Props, 'value' | 'defaultValue' | 'defaultPickerValue' | 'placeholder' | 'disabled' | 'disabledTimePanel' | 'showToday' | 'showTime' | 'mode' | 'onChange' | 'onSelect' | 'onPanelChange' | 'pickerValue' | 'onPickerValueChange' | 'onOk' | 'dateRender'>;

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

@@ -127,16 +127,18 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     componentName: 'DatePicker'
   }), locale || {});
   // ref
-  var panelDivRef = _react.default.useRef(null);
-  var inputDivRef = ref || /*#__PURE__*/_react.default.createRef();
-  var startInputDivRef = _react.default.useRef(null);
-  var endInputDivRef = _react.default.useRef(null);
-  var separatorRef = _react.default.useRef(null);
-  var startInputRef = _react.default.useRef(null);
-  var endInputRef = _react.default.useRef(null);
-  var popperRef = popupRef || /*#__PURE__*/_react.default.createRef();
-  var openRecordsRef = _react.default.useRef({});
-  var mergedDisabled = _react.default.useMemo(function () {
+  var panelDivRef = (0, _react.useRef)(null);
+  var defaultRef = (0, _react.useRef)(null);
+  var inputDivRef = ref || defaultRef;
+  var startInputDivRef = (0, _react.useRef)(null);
+  var endInputDivRef = (0, _react.useRef)(null);
+  var separatorRef = (0, _react.useRef)(null);
+  var startInputRef = (0, _react.useRef)(null);
+  var endInputRef = (0, _react.useRef)(null);
+  var defaultPopupRef = (0, _react.useRef)(null);
+  var popperRef = popupRef || defaultPopupRef;
+  var openRecordsRef = (0, _react.useRef)({});
+  var mergedDisabled = (0, _react.useMemo)(function () {
     if (Array.isArray(disabled)) {
       return disabled;
     }
@@ -280,10 +282,10 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     endText = _useTextValueMapping4[0],
     triggerEndTextChange = _useTextValueMapping4[1],
     resetEndText = _useTextValueMapping4[2];
-  var _React$useState = _react.default.useState([null, null]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    hoverRangedValue = _React$useState2[0],
-    setHoverRangedValue = _React$useState2[1];
+  var _useState = (0, _react.useState)([null, null]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    hoverRangedValue = _useState2[0],
+    setHoverRangedValue = _useState2[1];
   var _useHoverValue = (0, _useHoverValue5.default)(startText, {
       format: _format
     }),
@@ -321,20 +323,13 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     _useMergedState10 = (0, _slicedToArray2.default)(_useMergedState9, 2),
     mergedModes = _useMergedState10[0],
     setInnerModes = _useMergedState10[1];
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    innerPicker = _useState2[0],
-    setInnerPicker = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    innerPicker = _useState4[0],
+    setInnerPicker = _useState4[1];
   (0, _react.useEffect)(function () {
     setInnerModes([picker, picker]);
   }, [picker]);
-  // const triggerModesChange = (modes: [PanelMode, PanelMode], values: RangeValue) => {
-  //   setInnerModes(modes)
-  //   if (onPanelChange) {
-  //     onPanelChange(values, modes)
-  //   }
-  // }
-  // ========================= Disable Date ==========================
   var _useRangeDisabled = (0, _useRangeDisabled3.default)({
       picker: picker,
       selectedValue: selectedValue,
@@ -344,11 +339,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     _useRangeDisabled2 = (0, _slicedToArray2.default)(_useRangeDisabled, 2),
     disabledStartDate = _useRangeDisabled2[0],
     disabledEndDate = _useRangeDisabled2[1];
-  // const onResetText = () => {
-  //   resetEndText()
-  //   resetStartText()
-  // }
-  var triggerRef = _react.default.useRef();
+  var triggerRef = (0, _react.useRef)();
   var triggerOpen = function triggerOpen(newOpen, index) {
     if (newOpen) {
       clearTimeout(triggerRef.current);
@@ -427,22 +418,28 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       triggerOpen(false, sourceIndex);
     }
   };
-  (0, _hooks.useOnClickOutside)([popperRef, inputDivRef], function () {
-    setViewDate(null, 0);
-    setViewDate(null, 1);
-    setHoverRangedValue([null, null]);
-  });
+  // useOnClickOutside([popperRef, inputDivRef], () => {
+  //   setViewDate(null, 0)
+  //   setViewDate(null, 1)
+  //   setHoverRangedValue([null, null])
+  // })
   var onSelect = function onSelect(date, type) {
     var values = (0, _utils2.updateValues)(selectedValue, date, mergedActivePickerIndex);
-    if (type === 'submit' || type !== 'key' && !needConfirmButton) {
-      triggerChange(values, mergedActivePickerIndex);
-      if (mergedActivePickerIndex === 0) {
-        onStartLeave();
-      } else {
-        onEndLeave();
+    if (type === 'inner') {
+      if (values && values[mergedActivePickerIndex]) {
+        setViewDate(values[mergedActivePickerIndex], mergedActivePickerIndex);
       }
     } else {
-      setSelectedValue(values);
+      if (type === 'submit' || type !== 'key' && !needConfirmButton) {
+        triggerChange(values, mergedActivePickerIndex);
+        if (mergedActivePickerIndex === 0) {
+          onStartLeave();
+        } else {
+          onEndLeave();
+        }
+      } else {
+        setSelectedValue(values);
+      }
     }
   };
   var onDateMouseEnter = function onDateMouseEnter(date) {
@@ -472,6 +469,11 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       if (!endValueTexts.length || endValueTexts[0] === '') {
         triggerEndTextChange('');
       }
+      setViewDate(null, 0);
+      setViewDate(null, 1);
+      setHoverRangedValue([null, null]);
+    } else {
+      setInnerPicker(undefined);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mergedOpen, startValueTexts, endValueTexts]);
@@ -551,7 +553,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }, renderPanel());
       panels = /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)("".concat(datePickerPrefixCls, "-container-date"))
-      }, leftPanel, rightPanel);
+      }, leftPanel, innerPicker === undefined ? rightPanel : null);
     } else {
       panels = /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
         value: {
@@ -706,7 +708,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     getPopupContainer: getPopupContainer
   });
 };
-var RangePicker = /*#__PURE__*/_react.default.forwardRef(InternalRangePicker);
+var RangePicker = /*#__PURE__*/(0, _react.forwardRef)(InternalRangePicker);
 RangePicker.displayName = 'RangePicker';
 var _default = RangePicker;
 exports.default = _default;

package/lib/input/ClearableLabeledInput.js

@@ -74,7 +74,7 @@ var ClearableInput = function ClearableInput(props) {
         style: {
           marginRight: suffix ? 9 : 0
         }
-      }, inputCount), /*#__PURE__*/_react.default.createElement("span", null, suffix));
+      }, inputCount), suffix);
     }
     return null;
   };

package/lib/select/interface.d.ts

@@ -27,7 +27,6 @@ export interface AbstractSelectProps extends PopperProps {
     id?: string;
     children?: React.ReactNode;
     options?: OptionsType[];
-    loading?: boolean;
     clearIcon?: React.ReactNode;
     searchIcon?: React.ReactNode;
     suffixIcon?: React.ReactNode;
@@ -56,6 +55,7 @@ export interface ISelectProps<T extends SelectValue> extends AbstractSelectProps
     autoFocus?: boolean;
     onChange?: (value?: T, option?: React.ReactElement<any> | React.ReactElement<any>[]) => void;
     onSelect?: (value?: T extends (infer I)[] ? I : T, option?: React.ReactElement<any>) => void;
+    onDeselect?: (value?: T extends (infer I)[] ? I : T, option?: React.ReactElement<any>) => void;
     onBlur?: (value?: T) => void;
     onFocus?: () => void;
     onSearch?: (value?: string) => void;

package/lib/select/select.js

@@ -113,6 +113,10 @@ var InternalSelect = function InternalSelect(props, ref) {
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     inputWidth = _useState10[0],
     setInputWidth = _useState10[1]; // 输入框宽度
+  var _useState11 = (0, _react.useState)(autoFocus),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    focusd = _useState12[0],
+    setFocusd = _useState12[1];
   var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
   // 选择器样式
   var selectCls = (0, _classnames.default)(selectPrefixCls, className, (0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-visible"), optionShow));
@@ -196,10 +200,12 @@ var InternalSelect = function InternalSelect(props, ref) {
   }, [optionShow]);
   var handleFocus = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
+    setFocusd(true);
     onFocus && onFocus(e);
   }, [onFocus]);
   var handleBlur = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
+    setFocusd(false);
     onBlur && onBlur(e);
   }, [onBlur]);
   // 点击组件
@@ -251,7 +257,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   }, [searchValue, realChildren, filterOption, optionFilterProp]);
   var getOptionLabel = (0, _react.useCallback)(function (obj) {
     var _a;
-    var text = 'options' in selectProps ? 'label' : optionLabelProp;
+    var text = Object.prototype.hasOwnProperty.call(selectProps, 'options') && !Object.prototype.hasOwnProperty.call(props, 'optionLabelProp') ? 'label' : optionLabelProp;
     if (obj.props) {
       if (text) {
         return obj === null || obj === void 0 ? void 0 : obj.props[text];
@@ -395,6 +401,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   // 输入框变化搜索内容
   var handleSearchChange = (0, _react.useCallback)(function (event) {
     var val = event.currentTarget.value;
+    setOptionShow(true);
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
   }, [onSearch]);
@@ -447,9 +454,9 @@ var InternalSelect = function InternalSelect(props, ref) {
         return e.preventDefault();
       },
       className: clearIconCls
-    }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }, clearIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "close-solid"
-    }) || clearIcon), showArrow && /*#__PURE__*/_react.default.createElement("span", {
+    })), showArrow && /*#__PURE__*/_react.default.createElement("span", {
       className: arrowIconCls
     }, suffixIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "arrow-down"
@@ -495,6 +502,12 @@ var InternalSelect = function InternalSelect(props, ref) {
   var isShowSearch = (0, _react.useMemo)(function () {
     return (0, _isBoolean.default)(showSearch) ? showSearch : isMultiple;
   }, [isMultiple, showSearch]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if (isShowSearch && autoFocus && !disabled) {
+      (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+  }, [isShowSearch, autoFocus, disabled]);
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropdownRender = selectProps.dropdownRender,
@@ -617,7 +630,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     var _context3, _classNames10, _context4, _classNames11;
     var maxTagCount = selectProps.maxTagCount,
       maxTagPlaceholder = selectProps.maxTagPlaceholder;
-    var multipleCls = (0, _classnames.default)(commCls, (_classNames10 = {}, (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), (0, _defineProperty2.default)(_classNames10, (0, _concat.default)(_context3 = "".concat(selectPrefixCls, "-")).call(_context3, mode), mode), (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-focused"), autoFocus || optionShow), (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-placeholder"), placeholder && !mulOptions.length), _classNames10));
+    var multipleCls = (0, _classnames.default)(commCls, (_classNames10 = {}, (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), (0, _defineProperty2.default)(_classNames10, (0, _concat.default)(_context3 = "".concat(selectPrefixCls, "-")).call(_context3, mode), mode), (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-placeholder"), placeholder && !mulOptions.length), _classNames10));
     var itemCls = (0, _classnames.default)((_classNames11 = {}, (0, _defineProperty2.default)(_classNames11, "".concat(selectPrefixCls, "-selection-item"), true), (0, _defineProperty2.default)(_classNames11, (0, _concat.default)(_context4 = "".concat(selectPrefixCls, "-selection-item-")).call(_context4, size), size), _classNames11));
     var TagStyle = {
       margin: '2px 8px 2px 0',
@@ -678,7 +691,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix()));
   };
-  var singleCls = (0, _classnames.default)(commCls, (_classNames12 = {}, (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-focused"), autoFocus && !disabled || optionShow), _classNames12));
+  var singleCls = (0, _classnames.default)(commCls, (_classNames12 = {}, (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
   var renderSelect = function renderSelect() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: selectCls,

package/lib/tree/utils/treeUtils.js

@@ -53,6 +53,7 @@ var flattenAll = function flattenAll(treeData) {
     var parent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
     treeData && treeData.forEach(function (item, index) {
       var _context, _context2;
+      var _a;
       var children = item.children,
         title = item.title,
         key = item.key,
@@ -66,7 +67,7 @@ var flattenAll = function flattenAll(treeData) {
         hasChildNode: hasChildNode,
         children: children,
         level: level,
-        parentKey: (parent === null || parent === void 0 ? void 0 : parent.key) || null,
+        parentKey: ((_a = parent === null || parent === void 0 ? void 0 : parent.key) !== null && _a !== void 0 ? _a : '') !== '' ? parent === null || parent === void 0 ? void 0 : parent.key : null,
         pathParentKeys: parent ? (0, _concat.default)(_context2 = []).call(_context2, (0, _toConsumableArray2.default)((parent === null || parent === void 0 ? void 0 : parent.pathParentKeys) || []), [parent === null || parent === void 0 ? void 0 : parent.key]) : []
       }, others);
       keysData[key] = flattenNode;
@@ -147,11 +148,8 @@ var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode, keysData)
   filterKeys.forEach(function (item) {
     var node = (0, _extends2.default)({}, item);
     while (node) {
-      var _context3;
       allFilterKeys.add(node.key);
-      !(0, _includes.default)(_context3 = (0, _map.default)(filterKeys).call(filterKeys, function (i) {
-        return i.key;
-      })).call(_context3, node.key) && filterExpandKeys.add(node.key);
+      filterExpandKeys.add(node.key);
       node = (keysData === null || keysData === void 0 ? void 0 : keysData[node === null || node === void 0 ? void 0 : node.parentKey]) || null;
     }
   });
@@ -298,10 +296,10 @@ var getSpreadAttrData = function getSpreadAttrData(treeData, expandedKeys) {
 };
 exports.getSpreadAttrData = getSpreadAttrData;
 var addKeys = function addKeys() {
-  var _context4;
+  var _context3;
   var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var newKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return (0, _from.default)(new _set.default((0, _concat.default)(_context4 = []).call(_context4, (0, _toConsumableArray2.default)(prevKeys), (0, _toConsumableArray2.default)(newKeys))));
+  return (0, _from.default)(new _set.default((0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(prevKeys), (0, _toConsumableArray2.default)(newKeys))));
 };
 exports.addKeys = addKeys;
 var getAllParentKeys = function getAllParentKeys(data) {
@@ -352,13 +350,13 @@ var getPos = function getPos(data, key) {
 };
 exports.getPos = getPos;
 var getInitCheckedKeys = function getInitCheckedKeys(data, keys) {
-  var _context5;
+  var _context4;
   var checkedKeys = [];
   keys.forEach(function (item) {
     var pos = getPos(data, item);
     checkedKeys.push.apply(checkedKeys, (0, _toConsumableArray2.default)(getAllChildKeys(data, pos)));
   });
-  return (0, _from.default)(new _set.default((0, _concat.default)(_context5 = []).call(_context5, checkedKeys, (0, _toConsumableArray2.default)(keys))));
+  return (0, _from.default)(new _set.default((0, _concat.default)(_context4 = []).call(_context4, checkedKeys, (0, _toConsumableArray2.default)(keys))));
 };
 exports.getInitCheckedKeys = getInitCheckedKeys;
 var getInitCheckededState = function getInitCheckededState(data) {
@@ -454,7 +452,7 @@ var updateParent = function updateParent(key, keysNodeProps, allKeys, halfChecke
   });
 };
 var getInitCheckededKeys = function getInitCheckededKeys() {
-  var _context6;
+  var _context5;
   var checkedKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var keysNodeProps = arguments.length > 1 ? arguments[1] : undefined;
   var checkedKeysSet = new _set.default(checkedKeys || []);
@@ -474,7 +472,7 @@ var getInitCheckededKeys = function getInitCheckededKeys() {
     }
   });
   return {
-    checkedKeys: (0, _toConsumableArray2.default)(new _set.default((0, _concat.default)(_context6 = []).call(_context6, (0, _toConsumableArray2.default)(checkedKeysSet), (0, _toConsumableArray2.default)(childCheckedKeysSet)))),
+    checkedKeys: (0, _toConsumableArray2.default)(new _set.default((0, _concat.default)(_context5 = []).call(_context5, (0, _toConsumableArray2.default)(checkedKeysSet), (0, _toConsumableArray2.default)(childCheckedKeysSet)))),
     halfCheckedKeys: (0, _toConsumableArray2.default)(halfCheckedKeysSet)
   };
 };
@@ -642,8 +640,8 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
     }
   }
   if (isSearching) {
-    var _context7;
-    keys = (0, _concat.default)(_context7 = []).call(_context7, (0, _toConsumableArray2.default)(searchExpandedKeys), (0, _toConsumableArray2.default)(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys));
+    var _context6;
+    keys = (0, _concat.default)(_context6 = []).call(_context6, (0, _toConsumableArray2.default)(searchExpandedKeys), (0, _toConsumableArray2.default)(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys));
   }
   return (0, _from.default)(new _set.default((0, _toConsumableArray2.default)(keys)));
 };

package/lib/upload/upload.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { UploadProps } from './interface';
 declare const Upload: React.ForwardRefExoticComponent<UploadProps<any> & React.RefAttributes<unknown>>;
 export default Upload;

package/lib/upload/upload.js

@@ -19,7 +19,7 @@ var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 var _utils = require("../_utils");
@@ -85,11 +85,11 @@ function abort(file) {
 }
 var InternalUpload = function InternalUpload(props, ref) {
   var _context5, _classNames, _context6, _context7;
-  var _React$useContext = React.useContext(_ConfigContext.default),
+  var _React$useContext = _react.default.useContext(_ConfigContext.default),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps;
-  var innerRef = React.useRef();
+  var innerRef = _react.default.useRef();
   var mergedRef = ref || innerRef;
   var allProps = (0, _utils.getCompProps)('Upload', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
   var type = allProps.type,
@@ -105,14 +105,15 @@ var InternalUpload = function InternalUpload(props, ref) {
     itemRender = allProps.itemRender,
     showUploadList = allProps.showUploadList,
     customPrefixcls = allProps.prefixCls;
-  var _React$useState = React.useState(props.fileList || props.defaultFileList || []),
+  var _React$useState = _react.default.useState(props.fileList || props.defaultFileList || []),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     fileList = _React$useState2[0],
     setFileList = _React$useState2[1];
-  React.useEffect(function () {
+  var hasChildren = children && _react.Children.toArray(children).length > 0;
+  _react.default.useEffect(function () {
     props.fileList && setFileList(props.fileList);
   }, [props.fileList]);
-  React.useEffect(function () {
+  _react.default.useEffect(function () {
     return abort;
   }, []);
   var onClick = function onClick(e) {
@@ -320,7 +321,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     webkitdirectory: directory ? 'webkitdirectory' : undefined
   };
   var dragEvents = {};
-  var _React$useState3 = React.useState(false),
+  var _React$useState3 = _react.default.useState(false),
     _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     hover = _React$useState4[0],
     setHover = _React$useState4[1];
@@ -359,7 +360,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     dragEvents.onDragOver = onFileLeave;
     dragEvents.onDragLeave = onFileLeave;
   }
-  React.useEffect(function () {
+  _react.default.useEffect(function () {
     if (type === 'drag') {
       var stopDrop = function stopDrop(e) {
         return e.preventDefault();
@@ -372,46 +373,46 @@ var InternalUpload = function InternalUpload(props, ref) {
       };
     }
   }, [type]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(prefixCls, {
       disabled: disabled
     }, className),
     style: style
-  }, listType === 'text' && /*#__PURE__*/React.createElement("label", (0, _extends2.default)({
+  }, listType === 'text' && hasChildren && /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({
     className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context5 = "".concat(prefixCls, "-")).call(_context5, type), true), (0, _defineProperty2.default)(_classNames, "hover", hover), _classNames))
-  }, dragEvents), /*#__PURE__*/React.createElement("span", {
+  }, dragEvents), /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(prefixCls, "-handle")
-  }, children), /*#__PURE__*/React.createElement("span", {
+  }, children), /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(prefixCls, "-input")
-  }, /*#__PURE__*/React.createElement("input", (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     title: "",
     type: "file"
   }, inputFileProps, {
     ref: mergedRef
-  })))), (listType === 'picture' || !(listType === 'text' && (!showUploadList || !fileList.length))) && /*#__PURE__*/React.createElement("ul", {
+  })))), (listType === 'picture' || !(listType === 'text' && (!showUploadList || !fileList.length))) && /*#__PURE__*/_react.default.createElement("ul", {
     className: (0, _concat.default)(_context6 = "".concat(prefixCls, "-")).call(_context6, listType, "-list")
-  }, listType === 'picture' && children && /*#__PURE__*/React.createElement("li", {
+  }, listType === 'picture' && hasChildren && /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _classnames.default)((0, _concat.default)(_context7 = "".concat(prefixCls, "-")).call(_context7, listType, "-list-item"))
-  }, /*#__PURE__*/React.createElement("label", {
+  }, /*#__PURE__*/_react.default.createElement("label", {
     className: "".concat(prefixCls, "-select")
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(prefixCls, "-handle")
-  }, children), /*#__PURE__*/React.createElement("span", {
+  }, children), /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(prefixCls, "-input")
-  }, /*#__PURE__*/React.createElement("input", (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     title: "",
     type: "file"
   }, inputFileProps, {
     ref: mergedRef
   }))))), showUploadList && (0, _map.default)(fileList).call(fileList, function (file) {
-    return itemRender ? itemRender( /*#__PURE__*/React.createElement(Item, (0, _extends2.default)({}, {
+    return itemRender ? itemRender( /*#__PURE__*/_react.default.createElement(Item, (0, _extends2.default)({}, {
       file: file,
       prefixCls: prefixCls,
       listType: listType,
       handleReUpload: handleReUpload,
       handleRemove: handleRemove,
       disabled: disabled
-    })), file, setFileList) : /*#__PURE__*/React.createElement(Item, (0, _extends2.default)({
+    })), file, setFileList) : /*#__PURE__*/_react.default.createElement(Item, (0, _extends2.default)({
       key: file.uid
     }, {
       file: file,
@@ -438,56 +439,56 @@ var Item = function Item(_ref3) {
     success: 'attachment',
     notStart: 'attachment'
   };
-  return /*#__PURE__*/React.createElement("li", {
+  return /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _classnames.default)((0, _concat.default)(_context8 = "".concat(prefixCls, "-")).call(_context8, listType, "-list-item"), {
       error: file.status === 'error'
     })
-  }, listType === 'text' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, listType === 'text' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _concat.default)(_context9 = "".concat(prefixCls, "-")).call(_context9, listType, "-list-item-icon")
-  }, /*#__PURE__*/React.createElement(_icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     spin: file.status === 'uploading',
     type: mapStatus[file.status]
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _concat.default)(_context10 = "".concat(prefixCls, "-")).call(_context10, listType, "-list-item-name"),
     title: file.name
-  }, file.name), /*#__PURE__*/React.createElement("span", {
+  }, file.name), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _concat.default)(_context11 = "".concat(prefixCls, "-")).call(_context11, listType, "-list-item-size")
-  }, "(", (0, _utils2.getFileSize)(file.size), ")"), /*#__PURE__*/React.createElement("div", {
+  }, "(", (0, _utils2.getFileSize)(file.size), ")"), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _concat.default)(_context12 = "".concat(prefixCls, "-")).call(_context12, listType, "-list-item-action")
-  }, file.status === 'error' && /*#__PURE__*/React.createElement("a", {
+  }, file.status === 'error' && /*#__PURE__*/_react.default.createElement("a", {
     href: "true",
     className: (0, _concat.default)(_context13 = "".concat(prefixCls, "-")).call(_context13, listType, "-list-item-reupload"),
     onClick: handleReUpload.bind(_this, file)
-  }, "\u91CD\u65B0\u4E0A\u4F20"), !disabled && /*#__PURE__*/React.createElement("a", {
+  }, "\u91CD\u65B0\u4E0A\u4F20"), !disabled && /*#__PURE__*/_react.default.createElement("a", {
     href: "true",
     className: (0, _concat.default)(_context14 = "".concat(prefixCls, "-")).call(_context14, listType, "-list-item-delete"),
     onClick: handleRemove.bind(_this, file)
-  }, "\u5220\u9664"))) : file.status === 'uploading' ? /*#__PURE__*/React.createElement("div", {
+  }, "\u5220\u9664"))) : file.status === 'uploading' ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _concat.default)(_context15 = "".concat(prefixCls, "-")).call(_context15, listType, "-list-item-loading")
-  }, /*#__PURE__*/React.createElement(_progress.default, {
+  }, /*#__PURE__*/_react.default.createElement(_progress.default, {
     percent: file.percent,
     textMap: ['文件上传中'],
     showInfo: false
-  })) : file.status === 'error' ? /*#__PURE__*/React.createElement("div", {
+  })) : file.status === 'error' ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _concat.default)(_context16 = "".concat(prefixCls, "-")).call(_context16, listType, "-list-item-error")
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _concat.default)(_context17 = "".concat(prefixCls, "-")).call(_context17, listType, "-list-item-error-text")
-  }, /*#__PURE__*/React.createElement(_icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     type: mapStatus[file.status],
     style: {
       verticalAlign: 'top'
     }
-  }), "\u4E0A\u4F20\u5931\u8D25"), !disabled && /*#__PURE__*/React.createElement("div", {
+  }), "\u4E0A\u4F20\u5931\u8D25"), !disabled && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _concat.default)(_context18 = "".concat(prefixCls, "-")).call(_context18, listType, "-list-item-action")
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/_react.default.createElement("a", {
     href: "true",
     className: (0, _concat.default)(_context19 = "".concat(prefixCls, "-")).call(_context19, listType, "-list-item-reupload"),
     onClick: handleReUpload.bind(_this, file)
-  }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/React.createElement("a", {
+  }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/_react.default.createElement("a", {
     href: "true",
     className: (0, _concat.default)(_context20 = "".concat(prefixCls, "-")).call(_context20, listType, "-list-item-delete"),
     onClick: handleRemove.bind(_this, file)
-  }, "\u5220\u9664"))) : /*#__PURE__*/React.createElement(_image.default, {
+  }, "\u5220\u9664"))) : /*#__PURE__*/_react.default.createElement(_image.default, {
     previewType: "upload",
     name: file.name,
     size: (0, _utils2.getFileSize)(file.size),
@@ -496,14 +497,14 @@ var Item = function Item(_ref3) {
       width: '100%',
       height: '100%'
     },
-    operations: disabled ? [] : [/*#__PURE__*/React.createElement(_icon.default, {
+    operations: disabled ? [] : [/*#__PURE__*/_react.default.createElement(_icon.default, {
       key: "1",
       type: "delete",
       onClick: handleRemove.bind(_this, file)
     })]
   }));
 };
-var Upload = /*#__PURE__*/React.forwardRef(InternalUpload);
+var Upload = /*#__PURE__*/_react.default.forwardRef(InternalUpload);
 Upload.displayName = 'Upload';
 var _default = Upload;
 exports.default = _default;