linkmore-design/lib/lm-upload/UploadList/ItemText.js

🌈 🚀lm组件库。🚀

"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 TextItem = ({
  file,
  instance
}) => {
  const {
    readOnly,
    disabled,
    remove,
    download,
    fileNames
  } = instance;
  return /*#__PURE__*/React.createElement("div", {
    className: (0, _classnames.default)('lm_upload_item lm_upload_item_text', file[fileNames.status] === 'error' && 'lm_upload_item_error')
  }, /*#__PURE__*/React.createElement("div", {
    className: "text_left"
  }, /*#__PURE__*/React.createElement("div", {
    className: "prefix"
  }, /*#__PURE__*/React.createElement(_iconFont.default, {
    type: "lm-icon-attachment"
  })), /*#__PURE__*/React.createElement("div", {
    className: "lm_upload_item_name",
    onClick: () => download(file)
  }, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
    className: "text_right lm_upload_item_text_action"
  }, /*#__PURE__*/React.createElement("div", {
    className: "action_delete",
    onClick: () => remove(file)
  }, /*#__PURE__*/React.createElement(_iconFont.default, {
    type: "lm-icon-delete"
  }))));
};
var _default = TextItem;
exports.default = _default;