ydb-components-material 0.1.16 → 0.1.18

package/lib/components/file-item/index.js

@@ -20,20 +20,18 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var RadioGroup = _radio["default"].Group;
 var BASE_URL = 'http://172.16.132.12:5005';
 var FileItem = function FileItem(_ref) {
-  var _ref$fileList = _ref.fileList,
-    fileList = _ref$fileList === void 0 ? [] : _ref$fileList,
+  var file = _ref.file,
     guideImg = _ref.guideImg,
     checkImg = _ref.checkImg,
     approvalUrl = _ref.approvalUrl,
     signatureUrl = _ref.signatureUrl,
+    isApproval = _ref.isApproval,
+    isSignature = _ref.isSignature,
     materialList = _ref.materialList,
     maxFileSize = _ref.maxFileSize,
     isInValid = _ref.isInValid,
     isShowLib = _ref.isShowLib,
-    fileName = _ref.fileName,
-    fileTip = _ref.fileTip,
-    originalDocNum = _ref.originalDocNum,
-    listChange = _ref.listChange,
+    valChange = _ref.valChange,
     del = _ref.del;
   var _useState = (0, _react.useState)(false),
     isShowView = _useState[0],
@@ -94,13 +92,8 @@ var FileItem = function FileItem(_ref) {
       }).then(function (res) {
         document.body.removeChild(inputEl);
         if (res.fileId) {
+          valChange(res);
           _message["default"].notice('上传成功');
-          var oldList = [].concat(fileList);
-          oldList.splice(oldList.length - 1, 0, res);
-          if (oldList.length > originalDocNum) {
-            oldList.pop();
-          }
-          listChange(oldList);
         } else {
           _message["default"].error('上传失败，请重试');
         }
@@ -110,110 +103,102 @@ var FileItem = function FileItem(_ref) {
     });
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "file_main"
+    className: "file_item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "file_name"
-  }, fileName), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "file_tip"
-  }, fileTip), fileList.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "file_item"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "file"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "file_img"
-    }, item.fileId ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: "filed"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      className: "small_img",
-      src: _file["default"],
-      alt: ""
-    }), "\u6587\u4EF6", /*#__PURE__*/_react["default"].createElement("img", {
-      className: "del",
-      src: _del["default"],
-      alt: ""
-    }), isInValid && /*#__PURE__*/_react["default"].createElement("img", {
-      className: "error_msg",
-      src: _icon_errorMsg["default"],
-      alt: ""
-    })) : /*#__PURE__*/_react["default"].createElement("div", {
-      className: "add",
-      onClick: function onClick() {
-        return upload();
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      className: "upload",
-      src: _upload["default"],
-      alt: ""
-    }), "\u4E0A\u4F20\u6750\u6599"), isShowCheckedMask && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "mask"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "center"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "checked",
-      style: {
-        marginBottom: '9px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: _checked["default"],
-      alt: "\u9009\u4E2D"
-    }), "\u5DF2\u7B7E\u7AE0"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "checked"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: _checked["default"],
-      alt: "\u9009\u4E2D"
-    }), "\u5DF2\u7B7E\u6279")))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "operation"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "btn"
-    }, guideImg && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "img_btn",
-      onClick: function onClick() {
-        return showViewImg(guideImg);
-      }
-    }, "\u7B7E\u7AE0\u5F15\u5BFC"), checkImg && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "img_btn",
-      onClick: function onClick() {
-        return showViewImg(checkImg);
-      }
-    }, "\u5BA1\u67E5\u8981\u70B9")), item.fileId ?
-    /*#__PURE__*/
-    // 有文件且配置了这俩功能才展示
-    _react["default"].createElement("div", {
-      className: "btn",
-      style: {
-        marginTop: '20px'
-      }
-    }, approvalUrl && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "operation_btn"
-    }, "\u624B\u5199\u5BA1\u6279"), signatureUrl && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "operation_btn"
-    }, "\u7535\u5B50\u7B7E\u7AE0")) :
-    // 展示材料库
-    isShowLib && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "operation_btn",
-      style: {
-        marginTop: '20px'
-      },
-      onClick: function onClick() {
-        return setIsShowMaterialLib(true);
-      }
-    }, "\u6750\u6599\u5E93"))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "file_item_bottom"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "icon_text"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: _preview["default"],
-      alt: ""
-    }), "\u9884\u89C8"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "line"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "icon_text"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: _download["default"],
-      alt: ""
-    }), "\u4E0B\u8F7D")));
-  }), isShowView && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_img"
+  }, file ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "filed"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "small_img",
+    src: _file["default"],
+    alt: ""
+  }), "\u6587\u4EF6", /*#__PURE__*/_react["default"].createElement("img", {
+    className: "del",
+    src: _del["default"],
+    alt: ""
+  }), isInValid && /*#__PURE__*/_react["default"].createElement("img", {
+    className: "error_msg",
+    src: _icon_errorMsg["default"],
+    alt: ""
+  })) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "add",
+    onClick: function onClick() {
+      return upload();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "upload",
+    src: _upload["default"],
+    alt: ""
+  }), "\u4E0A\u4F20\u6750\u6599"), isShowCheckedMask && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mask"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "center"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "checked",
+    style: {
+      marginBottom: '9px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _checked["default"],
+    alt: "\u9009\u4E2D"
+  }), "\u5DF2\u7B7E\u7AE0"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "checked"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _checked["default"],
+    alt: "\u9009\u4E2D"
+  }), "\u5DF2\u7B7E\u6279")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn"
+  }, guideImg && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "img_btn",
+    onClick: function onClick() {
+      return showViewImg(guideImg);
+    }
+  }, "\u7B7E\u7AE0\u5F15\u5BFC"), checkImg && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "img_btn",
+    onClick: function onClick() {
+      return showViewImg(checkImg);
+    }
+  }, "\u5BA1\u67E5\u8981\u70B9")), file ?
+  /*#__PURE__*/
+  // 有文件且配置了这俩功能才展示
+  _react["default"].createElement("div", {
+    className: "btn",
+    style: {
+      marginTop: '20px'
+    }
+  }, approvalUrl && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation_btn"
+  }, "\u624B\u5199\u5BA1\u6279"), signatureUrl && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation_btn"
+  }, "\u7535\u5B50\u7B7E\u7AE0")) :
+  // 展示材料库
+  isShowLib && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation_btn",
+    style: {
+      marginTop: '20px'
+    },
+    onClick: function onClick() {
+      return setIsShowMaterialLib(true);
+    }
+  }, "\u6750\u6599\u5E93"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_item_bottom"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "icon_text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _preview["default"],
+    alt: ""
+  }), "\u9884\u89C8"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "line"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "icon_text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _download["default"],
+    alt: ""
+  }), "\u4E0B\u8F7D")), isShowView && /*#__PURE__*/_react["default"].createElement("div", {
     className: "img_view"
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     className: "close",