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

🌈 🚀lm组件库。🚀

import * as React from 'react';
import cn from 'classnames';
import IconFont from "../../icon-font";
var TextItem = function TextItem(_ref) {
  var file = _ref.file,
    instance = _ref.instance;
  var readOnly = instance.readOnly,
    disabled = instance.disabled,
    remove = instance.remove,
    download = instance.download,
    fileNames = instance.fileNames;
  return /*#__PURE__*/React.createElement("div", {
    className: cn('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, {
    type: "lmweb-attachment"
  })), /*#__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: "text_right lm_upload_item_text_action"
  }, /*#__PURE__*/React.createElement("div", {
    className: "action_delete",
    onClick: function onClick() {
      return remove(file);
    }
  }, /*#__PURE__*/React.createElement(IconFont, {
    type: "lmweb-delete"
  }))));
};
export default TextItem;