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

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _Progress = _interopRequireDefault(require("./Progress"));
// 预设卡片上传样式
const uploadPicture = ({
  instance
}) => {
  const {
    size,
    getUploadStatus,
    locale
  } = instance;

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