@ahwui/react-card
Version:
Card Progress component
35 lines (33 loc) • 4.73 kB
JavaScript
import React from 'react';
import "./index.css";
var prefixCls = 'i--card';
var Card = function Card(props) {
var className = props.className,
_props$style = props.style,
style = _props$style === void 0 ? {} : _props$style,
_props$coverStyle = props.coverStyle,
coverStyle = _props$coverStyle === void 0 ? {} : _props$coverStyle,
title = props.title,
isHover = props.isHover,
cover = props.cover,
extra = props.extra,
children = props.children;
var cls = [className, prefixCls, isHover ? "".concat(prefixCls, "-hover") : false].filter(Boolean).join(' ');
return /*#__PURE__*/React.createElement("div", {
className: cls,
style: style
}, title && /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-head")
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-head-title")
}, title), extra && /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-head-extra")
}, extra)), cover && /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-cover"),
style: coverStyle
}, cover), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-body")
}, children));
};
export default Card;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJwcmVmaXhDbHMiLCJDYXJkIiwicHJvcHMiLCJjbGFzc05hbWUiLCJzdHlsZSIsImNvdmVyU3R5bGUiLCJ0aXRsZSIsImlzSG92ZXIiLCJjb3ZlciIsImV4dHJhIiwiY2hpbGRyZW4iLCJjbHMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsS0FBUCxNQUFrQixPQUFsQjtBQUNBO0FBRUEsSUFBTUMsU0FBaUIsR0FBRyxTQUExQjs7QUFhQSxJQUFNQyxJQUFJLEdBQUcsU0FBUEEsSUFBTyxDQUFDQyxLQUFELEVBQXVCO0FBRWxDLE1BQ0VDLFNBREYsR0FTSUQsS0FUSixDQUNFQyxTQURGO0FBQUEscUJBU0lELEtBVEosQ0FFRUUsS0FGRjtBQUFBLE1BRUVBLEtBRkYsNkJBRVUsRUFGVjtBQUFBLDBCQVNJRixLQVRKLENBR0VHLFVBSEY7QUFBQSxNQUdFQSxVQUhGLGtDQUdlLEVBSGY7QUFBQSxNQUlFQyxLQUpGLEdBU0lKLEtBVEosQ0FJRUksS0FKRjtBQUFBLE1BS0VDLE9BTEYsR0FTSUwsS0FUSixDQUtFSyxPQUxGO0FBQUEsTUFNRUMsS0FORixHQVNJTixLQVRKLENBTUVNLEtBTkY7QUFBQSxNQU9FQyxLQVBGLEdBU0lQLEtBVEosQ0FPRU8sS0FQRjtBQUFBLE1BUUVDLFFBUkYsR0FTSVIsS0FUSixDQVFFUSxRQVJGO0FBV0EsTUFBTUMsR0FBRyxHQUFHLENBQ1ZSLFNBRFUsRUFFVkgsU0FGVSxFQUdWTyxPQUFPLGFBQU1QLFNBQU4sY0FBMEIsS0FIdkIsRUFJVlksTUFKVSxDQUlIQyxPQUpHLEVBSU1DLElBSk4sQ0FJVyxHQUpYLENBQVo7QUFNQSxzQkFDRTtBQUFLLElBQUEsU0FBUyxFQUFFSCxHQUFoQjtBQUFxQixJQUFBLEtBQUssRUFBRVA7QUFBNUIsS0FDR0UsS0FBSyxpQkFDSjtBQUFLLElBQUEsU0FBUyxZQUFLTixTQUFMO0FBQWQsa0JBQ0U7QUFBSyxJQUFBLFNBQVMsWUFBS0EsU0FBTDtBQUFkLEtBQTRDTSxLQUE1QyxDQURGLEVBRUdHLEtBQUssaUJBQ0o7QUFBSyxJQUFBLFNBQVMsWUFBS1QsU0FBTDtBQUFkLEtBQ0dTLEtBREgsQ0FISixDQUZKLEVBV0dELEtBQUssaUJBQ0o7QUFBSyxJQUFBLFNBQVMsWUFBS1IsU0FBTCxXQUFkO0FBQXNDLElBQUEsS0FBSyxFQUFFSztBQUE3QyxLQUNHRyxLQURILENBWkosZUFnQkU7QUFBSyxJQUFBLFNBQVMsWUFBS1IsU0FBTDtBQUFkLEtBQ0dVLFFBREgsQ0FoQkYsQ0FERjtBQXNCRCxDQXpDRDs7QUEyQ0EsZUFBZVQsSUFBZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgJy4vaW5kZXgubGVzcyc7XG5cbmNvbnN0IHByZWZpeENsczogc3RyaW5nID0gJ2ktLWNhcmQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElDYXJkUHJvcHMge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbiAgY292ZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIHRpdGxlPzogUmVhY3QuUmVhY3ROb2RlIHwgc3RyaW5nO1xuICBpc0hvdmVyPzogYm9vbGVhbjtcbiAgY292ZXI/OiBSZWFjdC5SZWFjdE5vZGUsXG4gIGV4dHJhPzogUmVhY3QuUmVhY3ROb2RlIHwgc3RyaW5nO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB8IHN0cmluZztcbn1cblxuY29uc3QgQ2FyZCA9IChwcm9wczogSUNhcmRQcm9wcykgPT4ge1xuXG4gIGNvbnN0IHtcbiAgICBjbGFzc05hbWUsXG4gICAgc3R5bGUgPSB7fSxcbiAgICBjb3ZlclN0eWxlID0ge30sXG4gICAgdGl0bGUsXG4gICAgaXNIb3ZlcixcbiAgICBjb3ZlcixcbiAgICBleHRyYSxcbiAgICBjaGlsZHJlblxuICB9ID0gcHJvcHM7XG4gIFxuICBjb25zdCBjbHMgPSBbXG4gICAgY2xhc3NOYW1lLFxuICAgIHByZWZpeENscyxcbiAgICBpc0hvdmVyID8gYCR7cHJlZml4Q2xzfS1ob3ZlcmAgOiBmYWxzZSxcbiAgXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Nsc30gc3R5bGU9e3N0eWxlfT5cbiAgICAgIHt0aXRsZSAmJlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7cHJlZml4Q2xzfS1oZWFkYH0+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake3ByZWZpeENsc30taGVhZC10aXRsZWB9Pnt0aXRsZX08L2Rpdj5cbiAgICAgICAgICB7ZXh0cmEgJiZcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtwcmVmaXhDbHN9LWhlYWQtZXh0cmFgfT5cbiAgICAgICAgICAgICAge2V4dHJhfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICAgIHtjb3ZlciAmJlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7cHJlZml4Q2xzfS1jb3ZlcmB9IHN0eWxlPXtjb3ZlclN0eWxlfT5cbiAgICAgICAgICB7Y292ZXJ9XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake3ByZWZpeENsc30tYm9keWB9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkOyJdfQ==