@kdcloudjs/kdesign 1.7.15 → 1.7.17

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.14
+ *   @kdcloudjs/kdesign v1.7.16
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -5205,7 +5205,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     size = buttonGoupProps.size,
     buttonType = buttonGoupProps.buttonType,
     disabled = buttonGoupProps.disabled,
-    onVisibleChange = buttonGoupProps.onVisibleChange;
+    onVisibleChange = buttonGoupProps.onVisibleChange,
+    loading = buttonGoupProps.loading;
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(false),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
     optionShow = _useState2[0],
@@ -5234,14 +5235,16 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     }, isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
       type: buttonType,
       size: size,
-      disabled: disabled
+      disabled: disabled,
+      loading: loading
     }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
       className: "".concat(btnGroupPrefixCls, "-basic-icon")
     }, optionShow ? iconUp : iconDown)), !isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
       type: buttonType,
       size: size,
       disabled: disabled,
-      onClick: onClick
+      onClick: onClick,
+      loading: loading
     }, children), !isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
       className: "".concat(btnGroupPrefixCls, "-trigger"),
       ref: triggerRef
@@ -5361,17 +5364,24 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../checkbox */ "./components/checkbox/index.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../checkbox */ "./components/checkbox/index.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+
+
+var _excluded = ["tags", "style", "title", "avatar", "actions", "extra", "children", "className", "hoverable", "headStyle", "bodyStyle", "selectable", "checkboxProps", "prefixCls"];
 
 
 
@@ -5379,13 +5389,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var Card = function Card(props) {
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_6__["ConfigContext"]),
+var Card = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](function (props, ref) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_4__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_8__["ConfigContext"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps;
   // 属性需要合并一遍用户定义的默认属性
-  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getCompProps"])('Card', userDefaultProps, props),
+  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_7__["getCompProps"])('Card', userDefaultProps, props),
     tags = _getCompProps.tags,
     style = _getCompProps.style,
     title = _getCompProps.title,
@@ -5399,42 +5409,44 @@ var Card = function Card(props) {
     bodyStyle = _getCompProps.bodyStyle,
     selectable = _getCompProps.selectable,
     checkboxProps = _getCompProps.checkboxProps,
-    customPrefixcls = _getCompProps.prefixCls;
+    customPrefixcls = _getCompProps.prefixCls,
+    others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_getCompProps, _excluded);
 
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'card', customPrefixcls);
-  var cardClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()(prefixCls, {
+  var cardClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()(prefixCls, {
     hoverable: hoverable
   }, className);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    ref: ref,
     className: cardClassName,
     style: style
-  }, title && !avatar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("header", {
+  }, others), title && !avatar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("header", {
     className: "".concat(prefixCls, "-header"),
     style: headStyle
-  }, title), avatar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("header", {
+  }, title), avatar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("header", {
     className: "".concat(prefixCls, "-avatar")
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()("".concat(prefixCls, "-avatar-img"), {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-avatar-img"), {
       circle: !avatar.square
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("img", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("img", {
     src: avatar.src
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("h4", {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("h4", {
     className: "".concat(prefixCls, "-avatar-title")
-  }, avatar.title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("span", {
+  }, avatar.title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
     className: "".concat(prefixCls, "-avatar-desc")
-  }, avatar.description))), selectable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_checkbox__WEBPACK_IMPORTED_MODULE_4__["default"], checkboxProps), tags && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+  }, avatar.description))), selectable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_checkbox__WEBPACK_IMPORTED_MODULE_6__["default"], checkboxProps), tags && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
     className: "".concat(prefixCls, "-tags")
-  }, tags), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+  }, tags), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
     className: "".concat(prefixCls, "-body"),
     style: bodyStyle
-  }, children), actions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+  }, children), actions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
     className: "".concat(prefixCls, "-actions")
-  }, actions), extra && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+  }, actions), extra && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
     className: "".concat(prefixCls, "-extra")
   }, extra));
-};
+});
 Card.displayName = 'Card';
 /* harmony default export */ __webpack_exports__["default"] = (Card);
 
@@ -5615,8 +5627,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
   }, [itemWidth]);
   var setScrollXEffectStyle = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
     if (!listRef.current) return;
-    listRef.current.style.cssText = needAnimation ? "transform: translateX(".concat(posX, "px); transition:all 0.3s ").concat(easing) : "transform: translateX(".concat(posX, "px); transition:'none'");
-  }, [needAnimation, easing, posX]);
+    listRef.current.style.cssText = needAnimation ? "transform: translateX(".concat(posX, "px); transition:all 0.3s ").concat(easing) : "transform: translateX(".concat(posX, "px); transition:none");
+  }, [children === null || children === void 0 ? void 0 : children.length, needAnimation, easing, posX]);
   var jumpTo = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function (index, needAnimation) {
     if (isFadeEffect) {
       if (index === -1 || index === children.length) index = 0;
@@ -5754,6 +5766,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
       content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_slideList__WEBPACK_IMPORTED_MODULE_19__["SlideList"], {
         items: children,
         parentPrefixCls: carouselPrefixCls,
+        currentIndex: currentIndex,
         ref: listRef
       });
     }
@@ -5978,33 +5991,40 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SlideList", function() { return SlideList; });
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
-/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
 
 
 
 
-var SlideList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.forwardRef(function (props, ref) {
+
+
+var SlideList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef(function (props, ref) {
   var items = props.items,
-    parentPrefixCls = props.parentPrefixCls;
+    parentPrefixCls = props.parentPrefixCls,
+    currentIndex = props.currentIndex;
   var slideListPrefixCls = "".concat(parentPrefixCls, "-list-slide");
   var listPrefixCls = "".concat(parentPrefixCls, "-list");
   var renderItems = function renderItems() {
     var _items = items.slice(-1).concat(items, items.slice(0, 1)); // 首位分别添加一项
     return _items.map(function (item, index) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("li", {
-        className: "".concat(listPrefixCls, "-item"),
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("li", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(listPrefixCls, "-item"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(listPrefixCls, "-item-active"), currentIndex === index - 1)),
         key: index
       }, item);
     });
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("ul", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("ul", {
     className: "".concat(listPrefixCls, " ").concat(slideListPrefixCls),
     ref: ref
   }, renderItems());
@@ -8606,6 +8626,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     showColorTransfer = props.showColorTransfer,
     showPresetColor = props.showPresetColor,
     showColorPickerBox = props.showColorPickerBox,
+    showColorPickerPanel = props.showColorPickerPanel,
     value = props.value;
   var panelInputRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])(null);
   var panelClsRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])(null);
@@ -8620,7 +8641,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   var panelFollowThemeCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-switch"));
   var panelInputCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-input"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-input-no-recommend"), !showPresetColor));
   var transparentCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-transparent"));
-  var colorDivContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"));
+  var colorDivContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
   var colorLiClick = function colorLiClick(index, colorValue) {
     var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_12__["colorFormat"])(colorValue, alpha);
     var formatValue = Object(_utils_convertLetters__WEBPACK_IMPORTED_MODULE_15__["toLowerCase"])(formatArr[Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_12__["valOfCorrespondingType"])(currentColorType)].value);
@@ -8736,7 +8757,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   Object(_utils_hooks_useOnClickOutside__WEBPACK_IMPORTED_MODULE_19__["default"])([panelClsRef, inputRef], function () {
     setShowPanel(false);
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_7___default.a.Fragment, null, showColorPickerPanel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
     className: panelCls,
     ref: panelClsRef
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react_color__WEBPACK_IMPORTED_MODULE_17__["ChromePicker"], {
@@ -8757,7 +8778,6 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     value: correctColorValue,
     placeholder: "#",
     onChange: handleTypeChange,
-    showSearch: true,
     optionLabelProp: "value",
     getPopupContainer: function getPopupContainer() {
       return panelInputRef.current;
@@ -8794,7 +8814,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
         'square-click': clickedColorIndex === i
       })
     }));
-  })));
+  }))));
 };
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 /* harmony default export */ __webpack_exports__["default"] = (ColorPickerPanel);
@@ -8937,6 +8957,7 @@ var ColorPicker = function ColorPicker(props) {
   var containerCls = classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(colorPickerPrefixCls, "-container"));
   var inputCls = classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(colorPickerPrefixCls, "-input"), className);
   var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_10__["useRef"])(null);
+  var showColorPickerPanel = showColorTransfer || typeof showPresetColor === 'boolean' && showPresetColor && (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) || typeof showPresetColor === 'undefined' || (functionalColor === null || functionalColor === void 0 ? void 0 : functionalColor.length) && showSwitch || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity);
   var setIconColor = function setIconColor(value) {
     value === functionalColorName ? setIsFollow(true) : setIsFollow(false);
     var inpValue = value === functionalColorName ? functionalColor : value;
@@ -8994,7 +9015,7 @@ var ColorPicker = function ColorPicker(props) {
       style: {
         backgroundColor: "".concat(colTypeArr[2].value || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_19__["defaultSystemColor"])
       }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_13__["Icon"], {
+    }, showColorPickerPanel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_13__["Icon"], {
       type: "arrow-down"
     }));
   };
@@ -9044,7 +9065,8 @@ var ColorPicker = function ColorPicker(props) {
     colTypeArr: colTypeArr,
     setColTypeArr: setColTypeArr,
     currentColorType: currentColorType,
-    setCurrentColorType: setCurrentColorType
+    setCurrentColorType: setCurrentColorType,
+    showColorPickerPanel: showColorPickerPanel
   });
   var popperProps = _objectSpread(_objectSpread({}, colorPickerProps), {}, {
     popperClassName: popUpLayer,
@@ -9939,6 +9961,7 @@ var compDefaultProps = {
     optionLabelProp: 'title',
     treeNodeFilterProp: 'title',
     treeExpandOnClickNode: true,
+    onlyExpandOnClickIcon: true,
     showSearch: true,
     switcherIcon: function switcherIcon() {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_index__WEBPACK_IMPORTED_MODULE_2__["Icon"], {
@@ -15620,7 +15643,7 @@ var findItem = function findItem(element) {
   }
 };
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](function (props, ref) {
-  var _menu$props, _menu$props2, _menu$props3;
+  var _children$type, _menu$props, _menu$props2, _menu$props3;
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_11__["useContext"](_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
@@ -15646,7 +15669,10 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
   react__WEBPACK_IMPORTED_MODULE_11__["useEffect"](function () {
     setVisible(!!props.visible);
   }, [props.visible]);
-  var child = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_11__["Children"].only(children), {
+  var child = children && (children === null || children === void 0 ? void 0 : (_children$type = children.type) === null || _children$type === void 0 ? void 0 : _children$type.displayName) === 'Input' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-trigger"), "".concat(prefixCls, "-trigger-container")),
+    ref: ref
+  }, children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_11__["Children"].only(children), {
     ref: children.ref || ref,
     className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-trigger"), children.props.className, {
       disabled: disabled
@@ -17176,8 +17202,9 @@ var SchemeFilter = function SchemeFilter(props) {
   };
   var handleChangeOption = function handleChangeOption(index, value) {
     var nextScheme = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_15___default()(scheme);
+    var realValue = value.target !== undefined ? value.target.value : value;
     nextScheme.items[index] = _objectSpread(_objectSpread({}, nextScheme.items[index]), {}, {
-      value: value
+      value: realValue
     });
     setScheme(nextScheme);
   };
@@ -17602,7 +17629,7 @@ var Field = function Field(props) {
     var inputValue;
     if (innerDisplayName === 'RadioGroup' && payload) {
       inputValue = payload[1];
-    } else if (Object.prototype.hasOwnProperty.call(evt, 'target') && FormEventValuePropNames.includes(innerValuePropName)) {
+    } else if (evt && Object.prototype.hasOwnProperty.call(evt, 'target') && FormEventValuePropNames.includes(innerValuePropName)) {
       var _evt$target;
       inputValue = (_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target[innerValuePropName];
     } else {
@@ -20558,7 +20585,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     return true;
   };
   Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
-    setInputValue(value);
+    setInputValue(Object(_utils_numberUtil__WEBPACK_IMPORTED_MODULE_15__["serialization"])(value + ''));
   }, [value]);
   var handleEventAttachValue = function handleEventAttachValue(event, value) {
     return _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, event, {
@@ -22638,15 +22665,15 @@ var locale = _objectSpread(_objectSpread({
   'Progress.success': '加载成功',
   'Pagination.prevPage': '上一页',
   'Pagination.nextPage': '下一页',
-  'Pagination.total': '共{page}页{row}条',
-  'Pagination.page': '共{page}页',
-  'Pagination.row': '共{row}条',
+  'Pagination.total': '共 {page} 页 {row}条',
+  'Pagination.page': '共 {page} 页',
+  'Pagination.row': '共 {row} 条',
   'Pagination.first': '第一页',
   'Pagination.last': '最后一页',
-  'Pagination.perPage': '{size}条/页',
-  'Pagination.order': '第{order}页',
-  'Pagination.forward': '向前5页',
-  'Pagination.backward': '向后5页',
+  'Pagination.perPage': '{size} 条/页',
+  'Pagination.order': '第 {order} 页',
+  'Pagination.forward': '向前 5 页',
+  'Pagination.backward': '向后 5 页',
   'Transfer.selectAll': '全选',
   'Transfer.searchPlaceholder': ['请输入需要搜索的内容', '请输入需要搜索的内容'],
   'Transfer.leftTitle': '可选列表',
@@ -22666,7 +22693,7 @@ var locale = _objectSpread(_objectSpread({
   'CityPicker.internation': '国际',
   'CityPicker.common': '常用',
   'CityPicker.noData': '暂无数据',
-  'ColorPicker.followFunctionalColor': '跟随主题色',
+  'ColorPicker.followFunctionalColor': '跟随功能色',
   'Search.placeholder': '请输入需要搜索的内容',
   'Search.desc': ['空格代表"或"，回车代表"且"'],
   'Search.nplDesc': '智能搜索',
@@ -24391,21 +24418,24 @@ var NotificationApi = {
   destroy: function destroy(key) {
     if (key) {
       Object.keys(notificationInstance).forEach(function (placement) {
-        var instance = notificationInstance[placement].instance;
-        var notices = instance.notices;
-        if (Array.isArray(notices) && notices.length) {
-          var flag = notices.some(function (notice) {
-            return notice.key === key;
-          });
-          if (flag) {
-            instance.remove(key);
+        var _notificationInstance;
+        var instance = (_notificationInstance = notificationInstance[placement]) === null || _notificationInstance === void 0 ? void 0 : _notificationInstance.instance;
+        if (instance) {
+          var notices = instance.notices;
+          if (Array.isArray(notices) && notices.length) {
+            var flag = notices.some(function (notice) {
+              return notice.key === key;
+            });
+            if (flag) {
+              instance.remove(key);
+            }
           }
         }
       });
     } else {
       Object.keys(notificationInstance).forEach(function (placement) {
-        var _notificationInstance;
-        var el = (_notificationInstance = notificationInstance[placement]) === null || _notificationInstance === void 0 ? void 0 : _notificationInstance.el;
+        var _notificationInstance2;
+        var el = (_notificationInstance2 = notificationInstance[placement]) === null || _notificationInstance2 === void 0 ? void 0 : _notificationInstance2.el;
         if (el) {
           react_dom__WEBPACK_IMPORTED_MODULE_6___default.a.unmountComponentAtNode(el);
           if (el.parentNode) {
@@ -24950,7 +24980,8 @@ var Notification = {
   },
   destroy: function destroy(key) {
     _notification_base__WEBPACK_IMPORTED_MODULE_9__["default"].destroy(key);
-  }
+  },
+  displayName: 'Notification'
 };
 /* harmony default export */ __webpack_exports__["default"] = (Notification);
 
@@ -28457,6 +28488,9 @@ var InternalSelect = function InternalSelect(props, ref) {
     _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState11, 2),
     focusd = _useState12[0],
     setFocusd = _useState12[1];
+  var isShowSearch = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default()(showSearch) ? showSearch : isMultiple;
+  }, [isMultiple, showSearch]);
   var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
   // 选择器样式
   var selectCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
@@ -28472,7 +28506,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   var multipleFooterCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
 
   // 多选，单选公共样式
-  var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _classNames6));
+  var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch), _classNames6));
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (typeof props.visible !== 'undefined') {
       setOptionShow(props.visible);
@@ -28663,7 +28697,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         }
       } else {
         props.visible === undefined && setOptionShow(false);
-        onChange && onChange(labelInValue ? {
+        initValue !== key && onChange && onChange(labelInValue ? {
           value: key,
           label: label
         } : key, _objectSpread(_objectSpread({}, optionsObj), {}, {
@@ -28679,7 +28713,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       multipleRef.current.selectedVal = key;
       setInitValue(key);
       props.visible === undefined && setOptionShow(false);
-      onChange && onChange(labelInValue ? {
+      initValue !== key && onChange && onChange(labelInValue ? {
         value: key,
         label: label
       } : key, _objectSpread(_objectSpread({}, optionsObj), {}, {
@@ -28863,9 +28897,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: emptyListCls
     }, emptyContent);
   };
-  var isShowSearch = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default()(showSearch) ? showSearch : isMultiple;
-  }, [isMultiple, showSearch]);
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (isShowSearch && autoFocus && !disabled) {
       var _searchRef$current2;
@@ -28921,7 +28952,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && realChildren.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Checkbox"], {
       style: checkboxStyle,
@@ -28930,7 +28961,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       onChange: handleSelectAll
     }, "\u5168\u9009"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
-    }, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, isMultiple ? selectedVal.length : 0), "\u9879"))));
+    }, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, selectedVal.length), "\u9879"))));
   };
 
   // 处理多选tag
@@ -35010,7 +35041,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onTreeExpand = treeSelectProps.onTreeExpand,
     onSelect = treeSelectProps.onSelect,
     onCheck = treeSelectProps.onCheck,
-    dropdownRender = treeSelectProps.dropdownRender;
+    dropdownRender = treeSelectProps.dropdownRender,
+    onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon;
   var isMultiple = mode === 'multiple'; // 是否多选
   var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(isMultiple ? [] : undefined, {
       value: value,
@@ -35231,7 +35263,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       icon: treeIcon,
       showIcon: showTreeIcon,
       switcherIcon: switcherIcon,
-      onlyExpandOnClickIcon: true,
+      onlyExpandOnClickIcon: onlyExpandOnClickIcon,
       notFoundContent: renderNotContent(),
       filterTreeNode: defFilterTreeNode,
       onSelect: handleSelect,
@@ -35418,7 +35450,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     }
   };
   var popperProps = _objectSpread(_objectSpread({}, treeSelectProps), {}, {
-    prefixCls: selectPrefixCls,
+    prefixCls: "".concat(selectPrefixCls, "-panel"),
     placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
@@ -37954,7 +37986,8 @@ var InternalUpload = function InternalUpload(props, ref) {
     className = allProps.className,
     itemRender = allProps.itemRender,
     showUploadList = allProps.showUploadList,
-    customPrefixcls = allProps.prefixCls;
+    customPrefixcls = allProps.prefixCls,
+    onPreview = allProps.onPreview;
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_19___default.a.useState(props.fileList || props.defaultFileList || []),
     _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_React$useState, 2),
     fileList = _React$useState2[0],
@@ -38263,7 +38296,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       listType: listType,
       handleReUpload: handleReUpload,
       handleRemove: handleRemove,
-      disabled: disabled
+      disabled: disabled,
+      onPreview: onPreview
     }), file, setFileList) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(Item, {
       key: file.uid,
       file: file,
@@ -38271,7 +38305,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       listType: listType,
       handleReUpload: handleReUpload,
       handleRemove: handleRemove,
-      disabled: disabled
+      disabled: disabled,
+      onPreview: onPreview
     });
   })));
 };
@@ -38281,7 +38316,8 @@ var Item = function Item(_ref3) {
     listType = _ref3.listType,
     handleReUpload = _ref3.handleReUpload,
     handleRemove = _ref3.handleRemove,
-    disabled = _ref3.disabled;
+    disabled = _ref3.disabled,
+    onPreview = _ref3.onPreview;
   var mapStatus = {
     uploading: 'loadding',
     error: 'warning-solid',
@@ -38289,18 +38325,23 @@ var Item = function Item(_ref3) {
     success: 'attachment',
     notStart: 'attachment'
   };
+  var handlePreview = function handlePreview() {
+    onPreview && onPreview(file);
+  };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("li", {
     className: classnames__WEBPACK_IMPORTED_MODULE_20___default()("".concat(prefixCls, "-").concat(listType, "-list-item"), {
       error: file.status === 'error'
     })
   }, listType === 'text' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
-    className: "".concat(prefixCls, "-").concat(listType, "-list-item-icon")
+    className: "".concat(prefixCls, "-").concat(listType, "-list-item-icon"),
+    onClick: handlePreview
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_23__["default"], {
     spin: file.status === 'uploading',
     type: mapStatus[file.status]
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
     className: "".concat(prefixCls, "-").concat(listType, "-list-item-name"),
-    title: file.name
+    title: file.name,
+    onClick: handlePreview
   }, file.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
     className: "".concat(prefixCls, "-").concat(listType, "-list-item-size")
   }, "(", Object(_utils__WEBPACK_IMPORTED_MODULE_27__["getFileSize"])(file.size), ")"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
@@ -38339,6 +38380,7 @@ var Item = function Item(_ref3) {
     className: "".concat(prefixCls, "-").concat(listType, "-list-item-delete"),
     onClick: handleRemove.bind(_this, file)
   }, "\u5220\u9664"))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_image__WEBPACK_IMPORTED_MODULE_28__["default"], {
+    onClick: handlePreview,
     previewType: "upload",
     name: file.name,
     size: Object(_utils__WEBPACK_IMPORTED_MODULE_27__["getFileSize"])(file.size),