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

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Image = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _antdMobile = require("antd-mobile");
var _classnames3 = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _config = require("../../config");
require("./index.css");
var _excluded = ["border", "name", "className", "rootClassName", "rootStyle", "width", "src", "preview", "previewUrl", "onClick", "nameWrap"];
var prefixCls = "".concat(_config.prefixClass, "-image");
var BizImage = function BizImage(_ref) {
  var border = _ref.border,
    name = _ref.name,
    className = _ref.className,
    rootClassName = _ref.rootClassName,
    rootStyle = _ref.rootStyle,
    width = _ref.width,
    src = _ref.src,
    preview = _ref.preview,
    previewUrl = _ref.previewUrl,
    onClick = _ref.onClick,
    _ref$nameWrap = _ref.nameWrap,
    nameWrap = _ref$nameWrap === void 0 ? false : _ref$nameWrap,
    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var handleClick = function handleClick(e) {
    onClick === null || onClick === void 0 ? void 0 : onClick(e);
    if (preview && (previewUrl || src)) {
      _antdMobile.ImageViewer.show({
        image: previewUrl || src
      });
    }
  };
  return /*#__PURE__*/React.createElement("div", {
    className: (0, _classnames3.default)(prefixCls, rootClassName),
    style: rootStyle
  }, /*#__PURE__*/React.createElement(_antdMobile.Image, (0, _objectSpread2.default)({
    className: (0, _classnames3.default)(className, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-border"), border), "".concat(prefixCls, "-border-").concat(border), border)),
    src: src,
    width: width,
    onClick: handleClick
  }, restProps)), name && (/*#__PURE__*/React.createElement("div", {
    className: (0, _classnames3.default)("".concat(prefixCls, "-name"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-name-wrap"), nameWrap)),
    style: {
      width: width
    }
  }, name)));
};
/**
 * @deprecated 即将废弃，请使用 `BizImage` 替代。
 */
var Image = exports.Image = BizImage;
var _default = exports.default = BizImage;