linkmore-design
Version:
🌈 🚀lm组件库。🚀
43 lines (42 loc) • 1.49 kB
JavaScript
import * as React from 'react';
import cn from 'classnames';
import IconFont from "../../icon-font";
// 图片列表项
var PictureItem = function PictureItem(_ref) {
var file = _ref.file,
instance = _ref.instance;
var readOnly = instance.readOnly,
disabled = instance.disabled,
remove = instance.remove,
preview = instance.preview,
download = instance.download,
fileNames = instance.fileNames;
return /*#__PURE__*/React.createElement("div", {
className: cn('lm_upload_item lm_upload_item_picture', file[fileNames.status] === 'error' && 'lm_upload_item_error')
}, /*#__PURE__*/React.createElement("div", {
className: "picture_left"
}, /*#__PURE__*/React.createElement("div", {
className: "lm_upload_item_thumb",
onClick: function onClick() {
return preview(file);
}
}, /*#__PURE__*/React.createElement("img", {
src: file[fileNames.url],
alt: ""
})), /*#__PURE__*/React.createElement("div", {
className: "lm_upload_item_name",
onClick: function onClick() {
return download(file);
}
}, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
className: "picture_right lm_upload_item_action"
}, /*#__PURE__*/React.createElement("div", {
className: "action_delete",
onClick: function onClick() {
return remove(file);
}
}, /*#__PURE__*/React.createElement(IconFont, {
type: "lmweb-delete"
}))));
};
export default PictureItem;