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

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

import _extends from "@babel/runtime/helpers/esm/extends";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["border", "name", "className", "rootClassName", "rootStyle", "width", "src", "preview", "previewUrl", "onClick", "nameWrap"];
import { Image as BaseImage, ImageViewer } from 'antd-mobile';
import classnames from 'classnames';
import React from 'react';
import { prefixClass } from "../../config";
import "./index.css";
var prefixCls = "".concat(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 = _objectWithoutProperties(_ref, _excluded);
  var handleClick = function handleClick(e) {
    onClick === null || onClick === void 0 || onClick(e);
    if (preview && (previewUrl || src)) {
      ImageViewer.show({
        image: previewUrl || src
      });
    }
  };
  return /*#__PURE__*/React.createElement("div", {
    className: classnames(prefixCls, rootClassName),
    style: rootStyle
  }, /*#__PURE__*/React.createElement(BaseImage, _extends({
    className: classnames(className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-border"), border), "".concat(prefixCls, "-border-").concat(border), border)),
    src: src,
    width: width,
    onClick: handleClick
  }, restProps)), name && /*#__PURE__*/React.createElement("div", {
    className: classnames("".concat(prefixCls, "-name"), _defineProperty({}, "".concat(prefixCls, "-name-wrap"), nameWrap)),
    style: {
      width: width
    }
  }, name));
};

/**
 * @deprecated 即将废弃，请使用 `BizImage` 替代。
 */
export var Image = BizImage;

/**
 * @deprecated 即将废弃，请使用 `BizImageProps` 替代。
 */

export default BizImage;