Dashboard sipadu mbip
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

Image.js 1.6KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _classnames = _interopRequireDefault(require("classnames"));
  8. var _react = _interopRequireDefault(require("react"));
  9. var _ThemeProvider = require("./ThemeProvider");
  10. var defaultProps = {
  11. fluid: false,
  12. rounded: false,
  13. roundedCircle: false,
  14. thumbnail: false
  15. };
  16. var Image = _react.default.forwardRef(function (_ref, ref) {
  17. var bsPrefix = _ref.bsPrefix,
  18. className = _ref.className,
  19. fluid = _ref.fluid,
  20. rounded = _ref.rounded,
  21. roundedCircle = _ref.roundedCircle,
  22. thumbnail = _ref.thumbnail,
  23. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
  24. bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'img');
  25. var classes = (0, _classnames.default)(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
  26. return _react.default.createElement("img", (0, _extends2.default)({
  27. // eslint-disable-line jsx-a11y/alt-text
  28. ref: ref
  29. }, props, {
  30. className: (0, _classnames.default)(className, classes)
  31. }));
  32. });
  33. Image.displayName = 'Image';
  34. Image.defaultProps = defaultProps;
  35. var _default = Image;
  36. exports.default = _default;
  37. module.exports = exports["default"];