linkmore-design
Version:
🌈 🚀lm组件库。🚀
48 lines (47 loc) • 1.68 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _iconFont = _interopRequireDefault(require("../../icon-font"));
// 图片列表项
const PictureItem = ({
file,
instance
}) => {
const {
readOnly,
disabled,
remove,
preview,
download,
fileNames
} = instance;
return /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)('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: () => preview(file)
}, /*#__PURE__*/React.createElement("img", {
src: file[fileNames.url],
alt: ""
})), /*#__PURE__*/React.createElement("div", {
className: "lm_upload_item_name",
onClick: () => 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: () => remove(file)
}, /*#__PURE__*/React.createElement(_iconFont.default, {
type: "lmweb-delete"
}))));
};
var _default = PictureItem;
exports.default = _default;