import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Loading } from '@alifd/next';
import './main.scss';
export default class Container extends Component {
static displayName = 'Container';
static propTypes = {
/**
* 加载的loading
*/
loading: PropTypes.bool,
/**
* 数据错误
*/
error: PropTypes.any,
/**
* 数据为空
*/
empty: PropTypes.any,
/**
* 样式
*/
style: PropTypes.object,
/**
* 样式名
*/
className: PropTypes.string,
/**
* 标题
*/
title: PropTypes.string,
};
static defaultProps = {
loading: false,
error: false,
empty: false,
style: {},
className: '',
title: '',
};
renderChildren = () => {
const { error, empty, children } = this.props;
if (error) {
return (
{error}
);
} else if (empty) {
return (
{empty}
);
}
return children;
};
render() {
const { loading, children, title, style, className } = this.props;
const containerStyle = {
backgroundColor: '#fff',
borderRadius: '6px',
padding: '20px',
marginBottom: '20px',
...style,
};
if (loading) {
return (
{children}
);
}
return (
{title && (
{title}
)}
{this.renderChildren()}
);
}
}