z-react-ui/lib/send-msg/Toolbar/ImgUpload.js

z-react-ui，是一款基于 Dumi，由 React + TypeScript 开发的组件库 🎉。

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _config = require("@/_config");

var _hooks = require("@/_hooks");

// #----------- 上: ts类型定义 ----------- 分割线 ----------- 下: JS代码 -----------
var ImgUpload = function ImgUpload(_ref) {
  var onUploadImg = _ref.onUploadImg;
  var prefixCls = (0, _hooks.usePrefixCls)('chat-img-upload');
  var inputRef = (0, _react.useRef)();
  var handleImgBtn = (0, _react.useCallback)(function (e, path) {
    var target = e.target;
    target.src = "".concat(_config.chatPrefix, "/").concat(path);
  }, []);

  var onImgUpload = function onImgUpload(e) {
    inputRef.current.click();
  };

  var handleChange = (0, _react.useCallback)(function (e) {
    onUploadImg && onUploadImg(e); // const input = e.target;
    // const files = e.target.files;
    // if(files && files[0]) {
    //     const file = files[0];
    //     if(file.size > 1024 * 1024 *3) {
    //         fileTip.innerHTML = '文件大小不能超过3M!';
    //         input.value = '';
    //         return false;
    //     } else {
    //         fileTip.innerHTML = '';
    //         formData.append("file", file);
    //     }
    // }
  }, [onUploadImg]);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: prefixCls
  }, /*#__PURE__*/_react.default.createElement("img", {
    className: "".concat(prefixCls, "-img"),
    onClick: onImgUpload,
    onMouseEnter: function onMouseEnter(e) {
      return handleImgBtn(e, 'selectImg_hover.png');
    },
    onMouseLeave: function onMouseLeave(e) {
      return handleImgBtn(e, 'selectImg.png');
    },
    src: "".concat(_config.chatPrefix, "/selectImg.png")
  }), /*#__PURE__*/_react.default.createElement("input", {
    type: "file",
    className: "".concat(prefixCls, "-file"),
    ref: inputRef,
    onChange: handleChange,
    accept: "image/png,image/gif,image/jpeg"
  }));
};

var _default = ImgUpload;
exports.default = _default;