qt-public-ui
Version:
新设计规范下业务组件库
57 lines • 2.34 kB
JavaScript
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 classnames from 'classnames';
import { PageCard } from '..';
import './style.intro.less';
var URL_ARROW = '//img.alicdn.com/tfs/TB1ex8lsxz1gK0jSZSgXXavwpXa-100-14.png';
var Intro = function Intro(props) {
var title = props.title,
showArrow = props.showArrow,
showDivider = props.showDivider,
intros = props.intros;
return /*#__PURE__*/React.createElement(PageCard, {
title: title,
className: "umui-guide-intro umui-guide-unit"
}, /*#__PURE__*/React.createElement("div", {
className: "umui-guide-intro-body"
}, /*#__PURE__*/React.createElement("div", {
className: "umui-guide-intro-split"
}, intros.map(function (intro, index) {
return (showDivider || showArrow) && index > 0 && /*#__PURE__*/React.createElement("div", {
key: "split-" + index,
className: classnames('umui-split', {
'only-divider': showDivider && !showArrow
})
}, showArrow && /*#__PURE__*/React.createElement("img", {
src: URL_ARROW,
className: "umui-arrow"
}), showDivider && /*#__PURE__*/React.createElement("div", {
className: "umui-split-line"
}));
})), intros.map(function (intro, index) {
var _intro$buttons;
return /*#__PURE__*/React.createElement("div", {
className: "umui-guide-intro-item",
key: "item-" + index
}, /*#__PURE__*/React.createElement("img", {
src: intro.imgURL
}), /*#__PURE__*/React.createElement("h4", null, intro.title), /*#__PURE__*/React.createElement("p", null, intro.description), ((_intro$buttons = intro.buttons) === null || _intro$buttons === void 0 ? void 0 : _intro$buttons.length) > 0 && /*#__PURE__*/React.createElement("div", {
style: {
textAlign: 'center'
}
}, intro.buttons.map(function (btn) {
var style = btn.style,
btnProps = _objectWithoutPropertiesLoose(btn, _excluded);
return /*#__PURE__*/React.createElement(Button, _extends({}, btnProps, {
style: _extends({}, style, {
marginRight: 10
})
}));
})));
})));
};
Intro.displayName = 'Intro';
export default Intro;