@kdcloudjs/kdesign 1.7.15 → 1.7.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/kdesign-complete.less +15 -0
  3. package/dist/kdesign.css +12 -1
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +64 -45
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +2 -2
  8. package/dist/kdesign.min.js +6 -6
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/button/group.d.ts +1 -0
  11. package/es/button/group.js +6 -3
  12. package/es/card/card.d.ts +1 -0
  13. package/es/card/card.js +3 -2
  14. package/es/color-picker/color-picker-panel.js +0 -1
  15. package/es/config-provider/compDefaultProps.d.ts +1 -0
  16. package/es/config-provider/compDefaultProps.js +1 -0
  17. package/es/form/Field.js +1 -1
  18. package/es/input-number/inputNumber.js +1 -1
  19. package/es/locale/locale.d.ts +3 -4
  20. package/es/locale/zh-CN.js +8 -8
  21. package/es/notification/index.js +2 -1
  22. package/es/notification-base/index.js +11 -8
  23. package/es/select/select.js +8 -8
  24. package/es/select/style/index.css +7 -0
  25. package/es/select/style/index.less +11 -0
  26. package/es/tree-select/interface.d.ts +1 -0
  27. package/es/tree-select/tree-select.js +4 -3
  28. package/es/upload/interface.d.ts +1 -0
  29. package/es/upload/style/index.css +4 -0
  30. package/es/upload/style/index.less +4 -0
  31. package/es/upload/upload.js +16 -6
  32. package/lib/button/group.d.ts +1 -0
  33. package/lib/button/group.js +6 -3
  34. package/lib/card/card.d.ts +1 -0
  35. package/lib/card/card.js +3 -2
  36. package/lib/color-picker/color-picker-panel.js +0 -1
  37. package/lib/config-provider/compDefaultProps.d.ts +1 -0
  38. package/lib/config-provider/compDefaultProps.js +1 -0
  39. package/lib/form/Field.js +1 -1
  40. package/lib/input-number/inputNumber.js +1 -1
  41. package/lib/locale/locale.d.ts +3 -4
  42. package/lib/locale/zh-CN.js +8 -8
  43. package/lib/notification/index.js +2 -1
  44. package/lib/notification-base/index.js +11 -8
  45. package/lib/select/select.js +8 -8
  46. package/lib/select/style/index.css +7 -0
  47. package/lib/select/style/index.less +11 -0
  48. package/lib/tree-select/interface.d.ts +1 -0
  49. package/lib/tree-select/tree-select.js +4 -3
  50. package/lib/upload/interface.d.ts +1 -0
  51. package/lib/upload/style/index.css +4 -0
  52. package/lib/upload/style/index.less +4 -0
  53. package/lib/upload/upload.js +16 -6
  54. package/package.json +1 -1
package/dist/kdesign.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/kdesign v1.7.14
3
+ * @kdcloudjs/kdesign v1.7.15
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -5205,7 +5205,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
5205
5205
  size = buttonGoupProps.size,
5206
5206
  buttonType = buttonGoupProps.buttonType,
5207
5207
  disabled = buttonGoupProps.disabled,
5208
- onVisibleChange = buttonGoupProps.onVisibleChange;
5208
+ onVisibleChange = buttonGoupProps.onVisibleChange,
5209
+ loading = buttonGoupProps.loading;
5209
5210
  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(false),
5210
5211
  _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
5211
5212
  optionShow = _useState2[0],
@@ -5234,14 +5235,16 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
5234
5235
  }, isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
5235
5236
  type: buttonType,
5236
5237
  size: size,
5237
- disabled: disabled
5238
+ disabled: disabled,
5239
+ loading: loading
5238
5240
  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
5239
5241
  className: "".concat(btnGroupPrefixCls, "-basic-icon")
5240
5242
  }, optionShow ? iconUp : iconDown)), !isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
5241
5243
  type: buttonType,
5242
5244
  size: size,
5243
5245
  disabled: disabled,
5244
- onClick: onClick
5246
+ onClick: onClick,
5247
+ loading: loading
5245
5248
  }, children), !isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
5246
5249
  className: "".concat(btnGroupPrefixCls, "-trigger"),
5247
5250
  ref: triggerRef
@@ -5379,7 +5382,7 @@ __webpack_require__.r(__webpack_exports__);
5379
5382
 
5380
5383
 
5381
5384
 
5382
- var Card = function Card(props) {
5385
+ var Card = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["forwardRef"](function (props, ref) {
5383
5386
  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_6__["ConfigContext"]),
5384
5387
  getPrefixCls = _React$useContext.getPrefixCls,
5385
5388
  pkgPrefixCls = _React$useContext.prefixCls,
@@ -5407,6 +5410,7 @@ var Card = function Card(props) {
5407
5410
  hoverable: hoverable
5408
5411
  }, className);
5409
5412
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
5413
+ ref: ref,
5410
5414
  className: cardClassName,
5411
5415
  style: style
5412
5416
  }, title && !avatar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("header", {
@@ -5434,7 +5438,7 @@ var Card = function Card(props) {
5434
5438
  }, actions), extra && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
5435
5439
  className: "".concat(prefixCls, "-extra")
5436
5440
  }, extra));
5437
- };
5441
+ });
5438
5442
  Card.displayName = 'Card';
5439
5443
  /* harmony default export */ __webpack_exports__["default"] = (Card);
5440
5444
 
@@ -8757,7 +8761,6 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
8757
8761
  value: correctColorValue,
8758
8762
  placeholder: "#",
8759
8763
  onChange: handleTypeChange,
8760
- showSearch: true,
8761
8764
  optionLabelProp: "value",
8762
8765
  getPopupContainer: function getPopupContainer() {
8763
8766
  return panelInputRef.current;
@@ -9939,6 +9942,7 @@ var compDefaultProps = {
9939
9942
  optionLabelProp: 'title',
9940
9943
  treeNodeFilterProp: 'title',
9941
9944
  treeExpandOnClickNode: true,
9945
+ onlyExpandOnClickIcon: true,
9942
9946
  showSearch: true,
9943
9947
  switcherIcon: function switcherIcon() {
9944
9948
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_index__WEBPACK_IMPORTED_MODULE_2__["Icon"], {
@@ -17602,7 +17606,7 @@ var Field = function Field(props) {
17602
17606
  var inputValue;
17603
17607
  if (innerDisplayName === 'RadioGroup' && payload) {
17604
17608
  inputValue = payload[1];
17605
- } else if (Object.prototype.hasOwnProperty.call(evt, 'target') && FormEventValuePropNames.includes(innerValuePropName)) {
17609
+ } else if (evt && Object.prototype.hasOwnProperty.call(evt, 'target') && FormEventValuePropNames.includes(innerValuePropName)) {
17606
17610
  var _evt$target;
17607
17611
  inputValue = (_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target[innerValuePropName];
17608
17612
  } else {
@@ -20558,7 +20562,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
20558
20562
  return true;
20559
20563
  };
20560
20564
  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
20561
- setInputValue(value);
20565
+ setInputValue(Object(_utils_numberUtil__WEBPACK_IMPORTED_MODULE_15__["serialization"])(value + ''));
20562
20566
  }, [value]);
20563
20567
  var handleEventAttachValue = function handleEventAttachValue(event, value) {
20564
20568
  return _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, event, {
@@ -22638,15 +22642,15 @@ var locale = _objectSpread(_objectSpread({
22638
22642
  'Progress.success': '加载成功',
22639
22643
  'Pagination.prevPage': '上一页',
22640
22644
  'Pagination.nextPage': '下一页',
22641
- 'Pagination.total': '共{page}页{row}条',
22642
- 'Pagination.page': '共{page}页',
22643
- 'Pagination.row': '共{row}条',
22645
+ 'Pagination.total': '共 {page} {row}条',
22646
+ 'Pagination.page': '共 {page} 页',
22647
+ 'Pagination.row': '共 {row} 条',
22644
22648
  'Pagination.first': '第一页',
22645
22649
  'Pagination.last': '最后一页',
22646
- 'Pagination.perPage': '{size}条/页',
22647
- 'Pagination.order': '第{order}页',
22648
- 'Pagination.forward': '向前5页',
22649
- 'Pagination.backward': '向后5页',
22650
+ 'Pagination.perPage': '{size} 条/页',
22651
+ 'Pagination.order': '第 {order} 页',
22652
+ 'Pagination.forward': '向前 5 页',
22653
+ 'Pagination.backward': '向后 5 页',
22650
22654
  'Transfer.selectAll': '全选',
22651
22655
  'Transfer.searchPlaceholder': ['请输入需要搜索的内容', '请输入需要搜索的内容'],
22652
22656
  'Transfer.leftTitle': '可选列表',
@@ -22666,7 +22670,7 @@ var locale = _objectSpread(_objectSpread({
22666
22670
  'CityPicker.internation': '国际',
22667
22671
  'CityPicker.common': '常用',
22668
22672
  'CityPicker.noData': '暂无数据',
22669
- 'ColorPicker.followFunctionalColor': '跟随主题色',
22673
+ 'ColorPicker.followFunctionalColor': '跟随功能色',
22670
22674
  'Search.placeholder': '请输入需要搜索的内容',
22671
22675
  'Search.desc': ['空格代表"或",回车代表"且"'],
22672
22676
  'Search.nplDesc': '智能搜索',
@@ -24391,21 +24395,24 @@ var NotificationApi = {
24391
24395
  destroy: function destroy(key) {
24392
24396
  if (key) {
24393
24397
  Object.keys(notificationInstance).forEach(function (placement) {
24394
- var instance = notificationInstance[placement].instance;
24395
- var notices = instance.notices;
24396
- if (Array.isArray(notices) && notices.length) {
24397
- var flag = notices.some(function (notice) {
24398
- return notice.key === key;
24399
- });
24400
- if (flag) {
24401
- instance.remove(key);
24398
+ var _notificationInstance;
24399
+ var instance = (_notificationInstance = notificationInstance[placement]) === null || _notificationInstance === void 0 ? void 0 : _notificationInstance.instance;
24400
+ if (instance) {
24401
+ var notices = instance.notices;
24402
+ if (Array.isArray(notices) && notices.length) {
24403
+ var flag = notices.some(function (notice) {
24404
+ return notice.key === key;
24405
+ });
24406
+ if (flag) {
24407
+ instance.remove(key);
24408
+ }
24402
24409
  }
24403
24410
  }
24404
24411
  });
24405
24412
  } else {
24406
24413
  Object.keys(notificationInstance).forEach(function (placement) {
24407
- var _notificationInstance;
24408
- var el = (_notificationInstance = notificationInstance[placement]) === null || _notificationInstance === void 0 ? void 0 : _notificationInstance.el;
24414
+ var _notificationInstance2;
24415
+ var el = (_notificationInstance2 = notificationInstance[placement]) === null || _notificationInstance2 === void 0 ? void 0 : _notificationInstance2.el;
24409
24416
  if (el) {
24410
24417
  react_dom__WEBPACK_IMPORTED_MODULE_6___default.a.unmountComponentAtNode(el);
24411
24418
  if (el.parentNode) {
@@ -24950,7 +24957,8 @@ var Notification = {
24950
24957
  },
24951
24958
  destroy: function destroy(key) {
24952
24959
  _notification_base__WEBPACK_IMPORTED_MODULE_9__["default"].destroy(key);
24953
- }
24960
+ },
24961
+ displayName: 'Notification'
24954
24962
  };
24955
24963
  /* harmony default export */ __webpack_exports__["default"] = (Notification);
24956
24964
 
@@ -28457,6 +28465,9 @@ var InternalSelect = function InternalSelect(props, ref) {
28457
28465
  _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState11, 2),
28458
28466
  focusd = _useState12[0],
28459
28467
  setFocusd = _useState12[1];
28468
+ var isShowSearch = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
28469
+ return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default()(showSearch) ? showSearch : isMultiple;
28470
+ }, [isMultiple, showSearch]);
28460
28471
  var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
28461
28472
  // 选择器样式
28462
28473
  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 +28483,7 @@ var InternalSelect = function InternalSelect(props, ref) {
28472
28483
  var multipleFooterCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
28473
28484
 
28474
28485
  // 多选,单选公共样式
28475
- 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));
28486
+ 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));
28476
28487
  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
28477
28488
  if (typeof props.visible !== 'undefined') {
28478
28489
  setOptionShow(props.visible);
@@ -28663,7 +28674,7 @@ var InternalSelect = function InternalSelect(props, ref) {
28663
28674
  }
28664
28675
  } else {
28665
28676
  props.visible === undefined && setOptionShow(false);
28666
- onChange && onChange(labelInValue ? {
28677
+ initValue !== key && onChange && onChange(labelInValue ? {
28667
28678
  value: key,
28668
28679
  label: label
28669
28680
  } : key, _objectSpread(_objectSpread({}, optionsObj), {}, {
@@ -28679,7 +28690,7 @@ var InternalSelect = function InternalSelect(props, ref) {
28679
28690
  multipleRef.current.selectedVal = key;
28680
28691
  setInitValue(key);
28681
28692
  props.visible === undefined && setOptionShow(false);
28682
- onChange && onChange(labelInValue ? {
28693
+ initValue !== key && onChange && onChange(labelInValue ? {
28683
28694
  value: key,
28684
28695
  label: label
28685
28696
  } : key, _objectSpread(_objectSpread({}, optionsObj), {}, {
@@ -28863,9 +28874,6 @@ var InternalSelect = function InternalSelect(props, ref) {
28863
28874
  className: emptyListCls
28864
28875
  }, emptyContent);
28865
28876
  };
28866
- var isShowSearch = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
28867
- return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default()(showSearch) ? showSearch : isMultiple;
28868
- }, [isMultiple, showSearch]);
28869
28877
  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
28870
28878
  if (isShowSearch && autoFocus && !disabled) {
28871
28879
  var _searchRef$current2;
@@ -28921,7 +28929,7 @@ var InternalSelect = function InternalSelect(props, ref) {
28921
28929
  className: dropDownCls,
28922
28930
  style: dropDownStyle,
28923
28931
  ref: dropDownRef
28924
- }, !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", {
28932
+ }, !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", {
28925
28933
  className: multipleFooterCls
28926
28934
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Checkbox"], {
28927
28935
  style: checkboxStyle,
@@ -28930,7 +28938,7 @@ var InternalSelect = function InternalSelect(props, ref) {
28930
28938
  onChange: handleSelectAll
28931
28939
  }, "\u5168\u9009"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
28932
28940
  className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
28933
- }, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, isMultiple ? selectedVal.length : 0), "\u9879"))));
28941
+ }, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, selectedVal.length), "\u9879"))));
28934
28942
  };
28935
28943
 
28936
28944
  // 处理多选tag
@@ -35010,7 +35018,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
35010
35018
  onTreeExpand = treeSelectProps.onTreeExpand,
35011
35019
  onSelect = treeSelectProps.onSelect,
35012
35020
  onCheck = treeSelectProps.onCheck,
35013
- dropdownRender = treeSelectProps.dropdownRender;
35021
+ dropdownRender = treeSelectProps.dropdownRender,
35022
+ onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon;
35014
35023
  var isMultiple = mode === 'multiple'; // 是否多选
35015
35024
  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(isMultiple ? [] : undefined, {
35016
35025
  value: value,
@@ -35231,7 +35240,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
35231
35240
  icon: treeIcon,
35232
35241
  showIcon: showTreeIcon,
35233
35242
  switcherIcon: switcherIcon,
35234
- onlyExpandOnClickIcon: true,
35243
+ onlyExpandOnClickIcon: onlyExpandOnClickIcon,
35235
35244
  notFoundContent: renderNotContent(),
35236
35245
  filterTreeNode: defFilterTreeNode,
35237
35246
  onSelect: handleSelect,
@@ -35418,7 +35427,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
35418
35427
  }
35419
35428
  };
35420
35429
  var popperProps = _objectSpread(_objectSpread({}, treeSelectProps), {}, {
35421
- prefixCls: selectPrefixCls,
35430
+ prefixCls: "".concat(selectPrefixCls, "-panel"),
35422
35431
  placement: 'bottomLeft',
35423
35432
  popperStyle: catchStyle(),
35424
35433
  defaultVisible: optionShow,
@@ -37954,7 +37963,8 @@ var InternalUpload = function InternalUpload(props, ref) {
37954
37963
  className = allProps.className,
37955
37964
  itemRender = allProps.itemRender,
37956
37965
  showUploadList = allProps.showUploadList,
37957
- customPrefixcls = allProps.prefixCls;
37966
+ customPrefixcls = allProps.prefixCls,
37967
+ onPreview = allProps.onPreview;
37958
37968
  var _React$useState = react__WEBPACK_IMPORTED_MODULE_19___default.a.useState(props.fileList || props.defaultFileList || []),
37959
37969
  _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_React$useState, 2),
37960
37970
  fileList = _React$useState2[0],
@@ -38263,7 +38273,8 @@ var InternalUpload = function InternalUpload(props, ref) {
38263
38273
  listType: listType,
38264
38274
  handleReUpload: handleReUpload,
38265
38275
  handleRemove: handleRemove,
38266
- disabled: disabled
38276
+ disabled: disabled,
38277
+ onPreview: onPreview
38267
38278
  }), file, setFileList) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(Item, {
38268
38279
  key: file.uid,
38269
38280
  file: file,
@@ -38271,7 +38282,8 @@ var InternalUpload = function InternalUpload(props, ref) {
38271
38282
  listType: listType,
38272
38283
  handleReUpload: handleReUpload,
38273
38284
  handleRemove: handleRemove,
38274
- disabled: disabled
38285
+ disabled: disabled,
38286
+ onPreview: onPreview
38275
38287
  });
38276
38288
  })));
38277
38289
  };
@@ -38281,7 +38293,8 @@ var Item = function Item(_ref3) {
38281
38293
  listType = _ref3.listType,
38282
38294
  handleReUpload = _ref3.handleReUpload,
38283
38295
  handleRemove = _ref3.handleRemove,
38284
- disabled = _ref3.disabled;
38296
+ disabled = _ref3.disabled,
38297
+ onPreview = _ref3.onPreview;
38285
38298
  var mapStatus = {
38286
38299
  uploading: 'loadding',
38287
38300
  error: 'warning-solid',
@@ -38289,18 +38302,23 @@ var Item = function Item(_ref3) {
38289
38302
  success: 'attachment',
38290
38303
  notStart: 'attachment'
38291
38304
  };
38305
+ var handlePreview = function handlePreview() {
38306
+ onPreview && onPreview(file);
38307
+ };
38292
38308
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("li", {
38293
38309
  className: classnames__WEBPACK_IMPORTED_MODULE_20___default()("".concat(prefixCls, "-").concat(listType, "-list-item"), {
38294
38310
  error: file.status === 'error'
38295
38311
  })
38296
38312
  }, 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", {
38297
- className: "".concat(prefixCls, "-").concat(listType, "-list-item-icon")
38313
+ className: "".concat(prefixCls, "-").concat(listType, "-list-item-icon"),
38314
+ onClick: handlePreview
38298
38315
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_23__["default"], {
38299
38316
  spin: file.status === 'uploading',
38300
38317
  type: mapStatus[file.status]
38301
38318
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
38302
38319
  className: "".concat(prefixCls, "-").concat(listType, "-list-item-name"),
38303
- title: file.name
38320
+ title: file.name,
38321
+ onClick: handlePreview
38304
38322
  }, file.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
38305
38323
  className: "".concat(prefixCls, "-").concat(listType, "-list-item-size")
38306
38324
  }, "(", Object(_utils__WEBPACK_IMPORTED_MODULE_27__["getFileSize"])(file.size), ")"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
@@ -38339,6 +38357,7 @@ var Item = function Item(_ref3) {
38339
38357
  className: "".concat(prefixCls, "-").concat(listType, "-list-item-delete"),
38340
38358
  onClick: handleRemove.bind(_this, file)
38341
38359
  }, "\u5220\u9664"))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_image__WEBPACK_IMPORTED_MODULE_28__["default"], {
38360
+ onClick: handlePreview,
38342
38361
  previewType: "upload",
38343
38362
  name: file.name,
38344
38363
  size: Object(_utils__WEBPACK_IMPORTED_MODULE_27__["getFileSize"])(file.size),