qt-public-ui/es/GuidePage/banner.js

新设计规范下业务组件库

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["style"];
import React from 'react';
import { Button } from 'antd';
import './style.banner.less';
var Banner = function Banner(props) {
  var title = props.title,
    imgURL = props.imgURL,
    hint = props.hint,
    description = props.description,
    buttons = props.buttons;
  var buttonsRendered = Array.isArray(buttons) ? buttons.map(function (btn) {
    var style = btn.style,
      btnProps = _objectWithoutPropertiesLoose(btn, _excluded);
    return /*#__PURE__*/React.createElement(Button, _extends({}, btnProps, {
      style: _extends({}, style, {
        marginRight: 10
      })
    }));
  }) : buttons;
  return /*#__PURE__*/React.createElement("div", {
    className: "umui-guide-banner umui-guide-unit"
  }, /*#__PURE__*/React.createElement("div", {
    className: "umui-guide-banner-body"
  }, /*#__PURE__*/React.createElement("div", {
    className: "inner"
  }, /*#__PURE__*/React.createElement("h1", null, title), /*#__PURE__*/React.createElement("p", {
    className: "umui-guide-banner-desc"
  }, description), /*#__PURE__*/React.createElement("p", {
    className: "umui-guide-banner-hint"
  }, hint), /*#__PURE__*/React.createElement("div", null, buttonsRendered)), /*#__PURE__*/React.createElement("img", {
    className: "umui-guide-banner-bg",
    src: imgURL
  })));
};
Banner.displayName = 'Banner';
export default Banner;