linkmore-design/es/lm-upload/body/UploadPicture.js

🌈 🚀lm组件库。🚀

import React from 'react';
import { IconFont } from "../..";
import Progress from "./Progress";

// 预设卡片上传样式
var uploadPicture = function uploadPicture(_ref) {
  var instance = _ref.instance;
  var size = instance.size,
    getUploadStatus = instance.getUploadStatus,
    locale = instance.locale;

  // 是否上传中状态
  var isUploading = React.useMemo(function () {
    return getUploadStatus().uploading;
  }, [getUploadStatus]);
  return /*#__PURE__*/React.createElement("div", {
    className: "lm_upload_core_picture",
    style: {
      height: size,
      width: size
    }
  }, /*#__PURE__*/React.createElement("div", {
    className: "lm_upload_core_picture_action"
  }, !isUploading && /*#__PURE__*/React.createElement("div", {
    className: "action_plus"
  }, /*#__PURE__*/React.createElement(IconFont, {
    type: "lmweb-plus",
    style: {
      fontSize: size > 48 ? 16 : 12
    }
  })), /*#__PURE__*/React.createElement("div", {
    className: "tip"
  }, locale.upload), isUploading && /*#__PURE__*/React.createElement(Progress, {
    instance: instance
  })));
};
export default /*#__PURE__*/React.memo(uploadPicture);