mobile-more/lib/components/BizUpload/index.js

基于 antd-mobile v5 扩展移动端 UI 组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Upload = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _classnames2 = _interopRequireDefault(require("classnames"));
var _config = require("../../config");
require("./index.css");
var _ScanCardImage = _interopRequireDefault(require("./ScanCardImage"));
var _ScanCardIcon = _interopRequireDefault(require("./ScanCardIcon"));
var _excluded = ["className", "style", "block", "onChange", "children"];
var prefixCls = "".concat(_config.prefixClass, "-upload");
var BizUpload = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
  var className = _ref.className,
    style = _ref.style,
    block = _ref.block,
    onChange = _ref.onChange,
    children = _ref.children,
    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var inputRef = _react.default.useRef(null);
  _react.default.useImperativeHandle(ref, function () {
    return inputRef.current;
  }, [inputRef]);
  var handleClick = function handleClick() {
    inputRef.current.value = '';
    inputRef.current.click();
  };
  var handleChange = function handleChange(e) {
    onChange === null || onChange === void 0 || onChange(e.target.files);
  };
  return /*#__PURE__*/_react.default.createElement("span", {
    className: (0, _classnames2.default)(prefixCls, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-block"), block), className),
    style: style,
    role: "button"
  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
    type: "file"
  }, restProps, {
    onChange: handleChange,
    style: {
      display: 'none'
    },
    ref: inputRef
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(prefixCls, "-trigger"),
    onClick: handleClick
  }, children));
});
BizUpload.displayName = 'BizUpload';
BizUpload.ScanCardImage = _ScanCardImage.default;
BizUpload.ScanCardIcon = _ScanCardIcon.default;

/**
 * @deprecated 即将废弃，请使用 `BizUpload` 替代。
 */
var Upload = exports.Upload = BizUpload;

/**
 * @deprecated 即将废弃，请使用 `BizUploadProps` 替代。
 */
var _default = exports.default = BizUpload;