@kdcloudjs/kdesign 1.6.26 → 1.6.28

package/es/select/select.js

@@ -60,7 +60,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       optionFilterProp = selectProps.optionFilterProp,
       optionLabelProp = selectProps.optionLabelProp,
       _selectProps$popperSt = selectProps.popperStyle,
-      popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt;
+      popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
+      tagRender = selectProps.tagRender;
   var isMultiple = mode === 'multiple'; // 是否多选
 
   var _useMergedState = useMergedState(undefined, {
@@ -410,26 +411,28 @@ var InternalSelect = function InternalSelect(props, ref) {
         selectedVal = _multipleRef$current3.selectedVal,
         selectMulOpts = _multipleRef$current3.selectMulOpts;
 
-    if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== selectedVal.length) {
-      _mapInstanceProperty(filledOptions).call(filledOptions, function (child) {
-        var _ref = child.props || child,
-            value = _ref.value;
-
-        if (!_includesInstanceProperty(selectedVal).call(selectedVal, value)) {
-          selectedVal.push(value);
-          selectMulOpts.push({
-            value: value,
-            label: getOptionLabel(child)
-          });
-        }
-      });
+    if (!('value' in selectProps)) {
+      if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== selectedVal.length) {
+        _mapInstanceProperty(filledOptions).call(filledOptions, function (child) {
+          var _ref = child.props || child,
+              value = _ref.value;
+
+          if (!_includesInstanceProperty(selectedVal).call(selectedVal, value)) {
+            selectedVal.push(value);
+            selectMulOpts.push({
+              value: value,
+              label: getOptionLabel(child)
+            });
+          }
+        });
 
-      setMulOptions(_toConsumableArray(selectMulOpts));
-      setSearchValue('');
-    } else {
-      multipleRef.current.selectedVal = selectedVal = [];
-      multipleRef.current.selectMulOpts = selectMulOpts = [];
-      setMulOptions([]);
+        setMulOptions(_toConsumableArray(selectMulOpts));
+        setSearchValue('');
+      } else {
+        multipleRef.current.selectedVal = selectedVal = [];
+        multipleRef.current.selectMulOpts = selectMulOpts = [];
+        setMulOptions([]);
+      }
     }
 
     onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
@@ -461,6 +464,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
 
     onClear && onClear('');
+    setSearchValue('');
     onChange && onChange(isMultiple ? '' : undefined);
   }; // 多选模式下清除某一项
 
@@ -489,7 +493,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     var selectedVal = multipleRef.current.selectedVal; // 选择器下拉icon样式
 
     var arrowIconCls = classNames((_classNames7 = {}, _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow"), true), _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames7));
-    var iconShow = allowClear && !disabled && (isMultiple ? mulOptions.length > 0 : (selectedVal !== null && selectedVal !== void 0 ? selectedVal : '') !== '');
+    var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (selectedVal !== null && selectedVal !== void 0 ? selectedVal : '') !== '') || searchValue);
     var clearIconCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-icon-clear"), true));
     return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow && /*#__PURE__*/React.createElement("span", {
       onClick: handleReset,
@@ -684,7 +688,13 @@ var InternalSelect = function InternalSelect(props, ref) {
         onMouseDown: function onMouseDown(e) {
           return e.preventDefault();
         }
-      }, /*#__PURE__*/React.createElement(Tag, {
+      }, typeof tagRender === 'function' ? tagRender === null || tagRender === void 0 ? void 0 : tagRender({
+        onClose: handleRemove,
+        value: value,
+        label: label,
+        disabled: disabled,
+        size: size
+      }) : /*#__PURE__*/React.createElement(Tag, {
         type: "edit",
         style: TagStyle,
         size: size,

package/es/upload/interface.d.ts

@@ -145,6 +145,7 @@ export interface IFileItem {
     file: UploadFile;
     prefixCls: string;
     listType: string;
+    disabled: boolean;
     handleReUpload: (file: UploadFile, e: React.MouseEvent) => void;
     handleRemove: (file: UploadFile, e: React.MouseEvent) => void;
 }

package/es/upload/upload.js

@@ -149,7 +149,9 @@ var InternalUpload = function InternalUpload(props, ref) {
     var _context2;
 
     files.forEach(function (file) {
-      file.originFileObj = new File([file], file.type);
+      file.originFileObj = new File([file], file.name, {
+        type: file.type
+      });
       file.uid = getUid();
       file.status = 'notStart';
       file.fileName = allProps.name || file.name;
@@ -460,7 +462,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       prefixCls: prefixCls,
       listType: listType,
       handleReUpload: handleReUpload,
-      handleRemove: handleRemove
+      handleRemove: handleRemove,
+      disabled: disabled
     })), file, setFileList) : /*#__PURE__*/React.createElement(Item, _extends({
       key: file.uid
     }, {
@@ -468,7 +471,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       prefixCls: prefixCls,
       listType: listType,
       handleReUpload: handleReUpload,
-      handleRemove: handleRemove
+      handleRemove: handleRemove,
+      disabled: disabled
     }));
   })));
 };
@@ -480,7 +484,8 @@ var Item = function Item(_ref3) {
       prefixCls = _ref3.prefixCls,
       listType = _ref3.listType,
       handleReUpload = _ref3.handleReUpload,
-      handleRemove = _ref3.handleRemove;
+      handleRemove = _ref3.handleRemove,
+      disabled = _ref3.disabled;
   var mapStatus = {
     uploading: 'loadding',
     error: 'warning-solid',
@@ -508,7 +513,7 @@ var Item = function Item(_ref3) {
     href: "true",
     className: _concatInstanceProperty(_context13 = "".concat(prefixCls, "-")).call(_context13, listType, "-list-item-reupload"),
     onClick: handleReUpload.bind(_this, file)
-  }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/React.createElement("a", {
+  }, "\u91CD\u65B0\u4E0A\u4F20"), !disabled && /*#__PURE__*/React.createElement("a", {
     href: "true",
     className: _concatInstanceProperty(_context14 = "".concat(prefixCls, "-")).call(_context14, listType, "-list-item-delete"),
     onClick: handleRemove.bind(_this, file)
@@ -527,7 +532,7 @@ var Item = function Item(_ref3) {
     style: {
       verticalAlign: 'top'
     }
-  }), "\u4E0A\u4F20\u5931\u8D25"), /*#__PURE__*/React.createElement("div", {
+  }), "\u4E0A\u4F20\u5931\u8D25"), !disabled && /*#__PURE__*/React.createElement("div", {
     className: _concatInstanceProperty(_context18 = "".concat(prefixCls, "-")).call(_context18, listType, "-list-item-action")
   }, /*#__PURE__*/React.createElement("a", {
     href: "true",

package/lib/_utils/numberUtil.js

@@ -167,9 +167,7 @@ function getMaxNumberByPrecision(integerPrecision, decimalPrecision) {
 
 
 function isExp(number) {
-  number = Number(number);
-  if (isNaN(number) || !isFinite(number)) return false;
-  return /^(?!-0(\.0+)?(e|$))-?(0|[1-9]\d*)(\.\d+)?(e-?(0|[1-9]\d*))?$/i.test(number.toString());
+  return /\d+\.?\d*e[+-]*\d+/i.test(number.toString());
 }
 /**
  * 将科学计数法显示的数字格式化为正常浮点数

package/lib/config-provider/compDefaultProps.d.ts

@@ -155,6 +155,7 @@ declare const compDefaultProps: {
         mask: string;
         mustInScope: boolean;
         mustInPrecisionScope: boolean;
+        numberMode: boolean;
     };
     Layout: {};
     Modal: {

package/lib/config-provider/compDefaultProps.js

@@ -178,7 +178,8 @@ var compDefaultProps = {
     showDecimalTailZero: false,
     mask: '',
     mustInScope: false,
-    mustInPrecisionScope: true
+    mustInPrecisionScope: true,
+    numberMode: false
   },
   Layout: {},
   Modal: {

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

@@ -13,11 +13,13 @@ 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 _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _classnames3 = _interopRequireDefault(require("classnames"));
 
 var _month = _interopRequireDefault(require("./panel/month/month"));
 
@@ -149,7 +151,7 @@ function Panel(props) {
         startPeriod = _getYearsPeriod.startPeriod,
         endPeriod = _getYearsPeriod.endPeriod;
 
-    var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
+    var headerCls = (0, _classnames3.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
     return {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, startPeriod, " - ", endPeriod),
       className: headerCls
@@ -158,7 +160,7 @@ function Panel(props) {
 
   var renderMonthHeader = function renderMonthHeader() {
     var year = (0, _dateFns.getYear)(viewDate);
-    var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"));
+    var headerCls = (0, _classnames3.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"));
     return {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, year + locale.year),
       className: headerCls
@@ -178,15 +180,17 @@ function Panel(props) {
   };
 
   var renderDateHeader = function renderDateHeader() {
+    var _classnames, _classnames2;
+
     var year = (0, _dateFns.getYear)(viewDate);
     var month = (0, _dateFns.getMonth)(viewDate) + 1;
-    var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
+    var headerCls = (0, _classnames3.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
     return {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixCls, "-header-text-inner"),
+        className: (0, _classnames3.default)("".concat(prefixCls, "-header-text-inner"), (_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'year'), (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames)),
         onClick: onHeaderYearClick
       }, year + locale.year), /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixCls, "-header-text-inner"),
+        className: (0, _classnames3.default)("".concat(prefixCls, "-header-text-inner"), (_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'month'), (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames2)),
         onClick: onHeaderMonthClick
       }, month + locale.month)),
       className: headerCls
@@ -324,7 +328,7 @@ function Panel(props) {
   }
 
   var showHeader = !(picker === 'date' && showTime || picker === 'time');
-  var containerCls = (0, _classnames.default)("".concat(prefixCls, "-warpper"));
+  var containerCls = (0, _classnames3.default)("".concat(prefixCls, "-warpper"));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: containerCls
   }, showHeader ? getHeader() : null, panel);

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

@@ -124,9 +124,13 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
 
   var panelDivRef = _react.default.useRef(null);
 
-  var inputDivRef = ref || /*#__PURE__*/_react.default.createRef();
+  var inputDivRefDefault = _react.default.useRef(null);
 
-  var popperRef = popupRef || /*#__PURE__*/_react.default.createRef();
+  var inputDivRef = ref || inputDivRefDefault;
+
+  var popperRefDefault = _react.default.useRef(null);
+
+  var popperRef = popupRef || popperRefDefault;
 
   var inputRef = _react.default.useRef(null);
 
@@ -185,17 +189,18 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   var _format = (0, _utils2.getDefaultFormat)(format, picker, showTime && !disabledTimePanel, use12Hours); // 面板展示日期
 
 
-  var _useMergedState3 = (0, _hooks.useMergedState)(null, {
-    // value: pickerValue,
-    defaultValue: defaultPickerValue || dateValue,
-    postState: function postState(date) {
-      return date || (0, _dateFns.newDate)();
-    }
-  }),
-      _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
-      viewDate = _useMergedState4[0],
-      setViewDate = _useMergedState4[1]; // text
+  var _useState = (0, _react.useState)(defaultPickerValue || dateValue || new Date()),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      viewDate = _useState2[0],
+      setInnerViewDate = _useState2[1];
 
+  var setViewDate = function setViewDate(date) {
+    setInnerViewDate(date || new Date());
+  };
+
+  (0, _react.useEffect)(function () {
+    setViewDate(dateValue);
+  }, [dateValue]); // text
 
   var valueText = (0, _useValueTexts.default)(selectedValue, {
     format: _format
@@ -235,7 +240,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       onEnter = _useHoverValue2[1],
       onLeave = _useHoverValue2[2];
 
-  var _useMergedState5 = (0, _hooks.useMergedState)(false, {
+  var _useMergedState3 = (0, _hooks.useMergedState)(false, {
     value: open,
     defaultValue: defaultOpen,
     postState: function postState(postOpen) {
@@ -250,12 +255,12 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
 
     }
   }),
-      _useMergedState6 = (0, _slicedToArray2.default)(_useMergedState5, 2),
-      openValue = _useMergedState6[0],
-      triggerInnerOpen = _useMergedState6[1]; // Save panel is changed from which panel
+      _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
+      openValue = _useMergedState4[0],
+      triggerInnerOpen = _useMergedState4[1]; // Save panel is changed from which panel
 
 
-  var _useMergedState7 = (0, _hooks.useMergedState)(function () {
+  var _useMergedState5 = (0, _hooks.useMergedState)(function () {
     if (picker === 'time') {
       return 'time';
     }
@@ -264,14 +269,14 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   }, {
     value: mode
   }),
-      _useMergedState8 = (0, _slicedToArray2.default)(_useMergedState7, 2),
-      mergedMode = _useMergedState8[0],
-      setInnerMode = _useMergedState8[1];
+      _useMergedState6 = (0, _slicedToArray2.default)(_useMergedState5, 2),
+      mergedMode = _useMergedState6[0],
+      setInnerMode = _useMergedState6[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 () {
     setInnerMode(picker);
@@ -399,7 +404,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     onChange: setSelectedValue
   }); // 渲染日期选择表盘
 
-  function renderPanel() {
+  var renderPanel = function renderPanel() {
     var panelNode = /*#__PURE__*/_react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
 
     if (panelRender) {
@@ -430,7 +435,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(datePickerPrefixCls, "-footer")
     }, extraFooter, rangesNode, todayNode) : null);
-  }
+  };
 
   var inputProps = {
     inputRef: inputRef,

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

@@ -137,12 +137,10 @@ function InputDate(props, ref) {
 
   if (allowClear && ((0, _utils.getValue)(dateValue, 0) && !mergedDisabled[0] || (0, _utils.getValue)(dateValue, 1) && !mergedDisabled[1])) {
     clearNode = /*#__PURE__*/_react.default.createElement("span", {
-      onMouseDown: function onMouseDown(e) {
-        e.preventDefault();
+      onMouseUp: function onMouseUp(e) {
         e.stopPropagation();
       },
-      onMouseUp: function onMouseUp(e) {
-        e.preventDefault();
+      onClick: function onClick(e) {
         e.stopPropagation();
         var values = dateValue;
 

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

@@ -18,6 +18,7 @@ export interface RangePickerSharedProps {
     separator?: React.ReactNode;
     allowEmpty?: [boolean, boolean];
     suffixIcon?: React.ReactNode;
+    clearIcon?: React.ReactNode;
     mode?: [PanelMode, PanelMode];
     onChange?: (values: RangeValue, formatString: [string | null, string | null]) => void;
     onCalendarChange?: (values: RangeValue, formatString: [string | null, string | null], info: RangeInfo) => void;

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

@@ -149,6 +149,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       _datePickerProps$seco = datePickerProps.secondStep,
       secondStep = _datePickerProps$seco === void 0 ? 1 : _datePickerProps$seco,
       suffixIcon = datePickerProps.suffixIcon,
+      clearIcon = datePickerProps.clearIcon,
       panelRender = datePickerProps.panelRender,
       renderExtraFooter = datePickerProps.renderExtraFooter,
       disabledHours = datePickerProps.disabledHours,
@@ -750,6 +751,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     endOpen: endOpen,
     needConfirmButton: needConfirmButton,
     suffixIcon: suffixIcon,
+    clearIcon: clearIcon,
     format: _format,
     open: mergedOpen,
     readOnly: inputReadOnly,

package/lib/date-picker/single/input-date.js

@@ -118,12 +118,10 @@ function InputDate(props, ref) {
 
   if (allowClear && dateValue && !disabled) {
     clearNode = /*#__PURE__*/_react.default.createElement("span", {
-      onMouseDown: function onMouseDown(e) {
-        e.preventDefault();
+      onMouseUp: function onMouseUp(e) {
         e.stopPropagation();
       },
-      onMouseUp: function onMouseUp(e) {
-        e.preventDefault();
+      onClick: function onClick(e) {
         e.stopPropagation();
         triggerChange(null);
         triggerOpen(false);

package/lib/date-picker/style/index.css

@@ -745,11 +745,12 @@
       -ms-flex: 1;
           flex: 1;
 }
-.kd-date-picker-panel .kd-date-picker-header-text-inner {
-  cursor: pointer;
+.kd-date-picker-panel .kd-date-picker-header-text-inner-active {
+  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
 }
-.kd-date-picker-panel .kd-date-picker-header-text-inner:hover {
+.kd-date-picker-panel .kd-date-picker-header-text-inner-hover:hover {
   color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
+  cursor: pointer;
 }
 .kd-date-picker-panel .kd-date-picker-header-text-inner:nth-child(2) {
   margin-left: 13px;

package/lib/date-picker/style/index.less

@@ -629,11 +629,15 @@
       flex: 1;
 
       &-inner {
-        cursor: pointer;
+        &-active {
+          color: @date-color-background-checked;
+        }
 
-        &:hover {
+        &-hover:hover {
           color: @date-color-background-checked;
+          cursor: pointer;
         }
+
         &:nth-child(2) {
           margin-left: 13px;
         }

package/lib/dropdown/dropdown.js

@@ -46,7 +46,7 @@ var findItem = function findItem(element) {
 };
 
 var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
 
   var _React$useContext = React.useContext(_ConfigContext.default),
       getPrefixCls = _React$useContext.getPrefixCls,
@@ -110,11 +110,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
 
-  var menuElement = isMenu ? /*#__PURE__*/React.cloneElement(menu, {
+  var cloneObj = /*#__PURE__*/React.cloneElement(menu, {
     selectedKey: selectedKey,
     onClick: handleItemClick,
     selectable: menuSelectable
-  }) : /*#__PURE__*/React.createElement("ul", {
+  });
+  var menuElement = isMenu ? Array.isArray((_d = menu.props) === null || _d === void 0 ? void 0 : _d.children) ? cloneObj : /*#__PURE__*/React.createElement("ul", {
+    className: "".concat(prefixCls, "-menu"),
+    onClick: handleItemClick,
+    role: "menu"
+  }, menu.props.children) : /*#__PURE__*/React.createElement("ul", {
     className: "".concat(prefixCls, "-menu"),
     onClick: handleItemClick,
     role: "menu"

package/lib/form/Field.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends5 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
@@ -273,11 +273,15 @@ var Field = function Field(props) {
   var validateMessage = getFieldError(name);
 
   var getInputValueFormProp = function getInputValueFormProp(evt) {
+    var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+
     var _a;
 
     var inputValue;
 
-    if (Object.prototype.hasOwnProperty.call(evt, 'target') && (0, _includes.default)(FormEventValuePropNames).call(FormEventValuePropNames, innerValuePropName)) {
+    if (innerDisplayName === 'RadioGroup' && payload) {
+      inputValue = payload[1];
+    } else if (Object.prototype.hasOwnProperty.call(evt, 'target') && (0, _includes.default)(FormEventValuePropNames).call(FormEventValuePropNames, innerValuePropName)) {
       inputValue = (_a = evt.target) === null || _a === void 0 ? void 0 : _a[innerValuePropName];
     } else {
       inputValue = evt;
@@ -286,15 +290,6 @@ var Field = function Field(props) {
     return inputValue;
   };
 
-  var handleValueChange = _react.default.useCallback(function (evt) {
-    var inputValue = getInputValueFormProp(evt);
-    dispatch({
-      type: 'updateValue',
-      namePath: name,
-      value: inputValue
-    });
-  }, [name]);
-
   var handleValueValidate = _react.default.useCallback(function () {
     dispatch({
       type: 'validateField',
@@ -302,18 +297,14 @@ var Field = function Field(props) {
     });
   }, [name]);
 
-  var trigger = (0, _extends5.default)((0, _defineProperty2.default)({}, DEFAULT_TRIGGER, handleValueChange), generateEventHandler(handleValueValidate, validateTrigger));
-
   var mergeProps = function mergeProps(fa, ch) {
-    var _extends3;
+    var _extends2;
 
     if (!ch) {
       return {};
     }
 
-    var faChange = fa.onChange,
-        faDisabled = fa.disabled,
-        faRest = __rest(fa, ["onChange", "disabled"]);
+    var faRest = __rest(fa, []);
 
     var _ch$props = ch.props,
         chChange = _ch$props.onChange,
@@ -322,16 +313,22 @@ var Field = function Field(props) {
         chDefaultValue = _ch$props.defaultValue;
 
     var onChange = function onChange() {
-      if (chValue === undefined) {
-        setFieldValue(getInputValueFormProp(arguments.length <= 0 ? undefined : arguments[0]));
+      for (var _len = arguments.length, evt = new Array(_len), _key = 0; _key < _len; _key++) {
+        evt[_key] = arguments[_key];
       }
 
-      if (typeof faChange === 'function') {
-        faChange.apply(void 0, arguments);
+      if (chValue === undefined) {
+        var iv = getInputValueFormProp(evt[0], evt);
+        setFieldValue(iv);
+        dispatch({
+          type: 'updateValue',
+          namePath: name,
+          value: iv
+        });
       }
 
       if (typeof chChange === 'function') {
-        chChange.apply(void 0, arguments);
+        chChange.apply(void 0, evt);
       }
     };
 
@@ -346,10 +343,10 @@ var Field = function Field(props) {
       forceUpdate();
     }
 
-    var mergeResult = (0, _extends5.default)((0, _extends5.default)({}, faRest), (_extends3 = {
+    var mergeResult = (0, _extends3.default)((0, _extends3.default)({}, faRest), (_extends2 = {
       onChange: onChange,
       defaultValue: defaultValue
-    }, (0, _defineProperty2.default)(_extends3, innerValuePropName, fieldValue), (0, _defineProperty2.default)(_extends3, "disabled", chDisabled !== undefined ? chDisabled : faDisabled !== undefined ? faDisabled : formDisabled), _extends3));
+    }, (0, _defineProperty2.default)(_extends2, innerValuePropName, fieldValue), (0, _defineProperty2.default)(_extends2, "disabled", chDisabled !== undefined ? chDisabled : disabled !== undefined ? disabled : formDisabled), _extends2));
     var mergeEventArray = [];
 
     if (validateTrigger) {
@@ -390,9 +387,7 @@ var Field = function Field(props) {
     width: wrapperWidth,
     validateMessage: validateMessage
   }, (0, _map.default)(childrenArray).call(childrenArray, function (child, index) {
-    var keys = mergeProps((0, _extends5.default)((0, _extends5.default)((0, _defineProperty2.default)({
-      disabled: disabled
-    }, innerValuePropName, value), trigger), {
+    var keys = mergeProps((0, _extends3.default)((0, _extends3.default)({}, generateEventHandler(handleValueValidate, validateTrigger)), {
       key: index,
       id: customizeHtmlFor ? undefined : htmlFor
     }), child);

package/lib/image/preview-group.js

@@ -40,18 +40,18 @@ var PreviewGroup = function PreviewGroup(_ref) {
   var images = React.useMemo(function () {
     var _context;
 
-    return React.Children.count(children) > 1 ? (0, _map.default)(_context = (0, _filter.default)(children).call(children, function (image) {
+    return Array.isArray(children) ? (0, _map.default)(_context = (0, _filter.default)(children).call(children, function (image) {
       return image.props.src;
     })).call(_context, function (image) {
       return image.props;
-    }) : [children ? children.props : {}];
+    }) : [children !== undefined ? children.props : {}];
   }, [children]); // eslint-disable-next-line react-hooks/rules-of-hooks
 
   var refs = (0, _map.default)(images).call(images, function () {
     return React.useRef();
   });
 
-  var _React$useState = React.useState(images[0]),
+  var _React$useState = React.useState(images[0] || {}),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       image = _React$useState2[0],
       setImage = _React$useState2[1];
@@ -70,7 +70,9 @@ var PreviewGroup = function PreviewGroup(_ref) {
     exit && setVisible(true);
   }, [exit]);
   React.useEffect(function () {
-    setImage(images[current]);
+    if (images[current]) {
+      setImage(images[current]);
+    }
   }, [current, images]);
 
   var _React$useState7 = React.useState(false),

package/lib/image/preview.js

@@ -35,6 +35,8 @@ var _icon = _interopRequireDefault(require("../icon"));
 
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 
+var _findLast = _interopRequireDefault(require("lodash/findLast"));
+
 var _reactDraggable = _interopRequireDefault(require("react-draggable"));
 
 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); }
@@ -120,7 +122,7 @@ var Preview = function Preview(props) {
   }, [show, scale]);
 
   var handleZoomOut = function handleZoomOut() {
-    var nextScale = scales.findLast(function (s) {
+    var nextScale = (0, _findLast.default)(scales, function (s) {
       return s / 100 < scale;
     });
     if (nextScale !== undefined) setScale(nextScale / 100);