mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-02 15:27:18 +00:00
91 lines
2.7 KiB
JavaScript
91 lines
2.7 KiB
JavaScript
import _extends from 'babel-runtime/helpers/extends';
|
|
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
|
|
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
|
|
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
|
|
import _inherits from 'babel-runtime/helpers/inherits';
|
|
|
|
var _class, _temp;
|
|
|
|
import React, { Component } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classNames from 'classnames';
|
|
import ConfigProvider from '../config-provider';
|
|
|
|
/**
|
|
* Card.Header
|
|
* @order 2
|
|
*/
|
|
var CardHeader = (_temp = _class = function (_Component) {
|
|
_inherits(CardHeader, _Component);
|
|
|
|
function CardHeader() {
|
|
_classCallCheck(this, CardHeader);
|
|
|
|
return _possibleConstructorReturn(this, _Component.apply(this, arguments));
|
|
}
|
|
|
|
CardHeader.prototype.render = function render() {
|
|
var _props = this.props,
|
|
prefix = _props.prefix,
|
|
title = _props.title,
|
|
subTitle = _props.subTitle,
|
|
extra = _props.extra,
|
|
className = _props.className,
|
|
Component = _props.component,
|
|
others = _objectWithoutProperties(_props, ['prefix', 'title', 'subTitle', 'extra', 'className', 'component']);
|
|
|
|
return React.createElement(
|
|
Component,
|
|
_extends({}, others, {
|
|
className: classNames(prefix + 'card-header', className)
|
|
}),
|
|
extra && React.createElement(
|
|
'div',
|
|
{ className: prefix + 'card-header-extra' },
|
|
extra
|
|
),
|
|
React.createElement(
|
|
'div',
|
|
{ className: prefix + 'card-header-titles' },
|
|
title && React.createElement(
|
|
'div',
|
|
{ className: prefix + 'card-header-title' },
|
|
title
|
|
),
|
|
subTitle && React.createElement(
|
|
'div',
|
|
{ className: prefix + 'card-header-subtitle' },
|
|
subTitle
|
|
)
|
|
)
|
|
);
|
|
};
|
|
|
|
return CardHeader;
|
|
}(Component), _class.propTypes = {
|
|
prefix: PropTypes.string,
|
|
/**
|
|
* 卡片的标题
|
|
*/
|
|
title: PropTypes.node,
|
|
/**
|
|
* 卡片的副标题
|
|
*/
|
|
subTitle: PropTypes.node,
|
|
/**
|
|
* 标题区域的用户自定义内容
|
|
*/
|
|
extra: PropTypes.node,
|
|
/**
|
|
* 设置标签类型
|
|
*/
|
|
component: PropTypes.elementType,
|
|
className: PropTypes.string
|
|
}, _class.defaultProps = {
|
|
prefix: 'next-',
|
|
component: 'div'
|
|
}, _temp);
|
|
CardHeader.displayName = 'CardHeader';
|
|
|
|
|
|
export default ConfigProvider.config(CardHeader); |