@kdcloudjs/kdesign 1.6.39 → 1.6.40

package/lib/upload/upload.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.6.39",
+  "version": "1.6.40",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -182,7 +182,7 @@
     "post-loader": "^2.0.0",
     "postcss": "^8.2.15",
     "postcss-pxtorem": "^6.0.0",
-    "prettier": "^2.1.0",
+    "prettier": "2.8.0",
     "react": "^16.13.0",
     "react-live": "^2.2.2",
     "rimraf": "^3.0.2",
@@ -241,8 +241,7 @@
   },
   "resolutions": {
     "@types/babel__traverse": "7.17.1",
-    "@types/node": "17.0.41",
-    "prettier": "2.8.0"
+    "@types/node": "17.0.41"
   },
   "license": "Apache-2.0"
 }