mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
2e284aa017
* update warning * rm warning * replace with dev warning * fix test * fix site * Update webpack.config.js Co-authored-by: 偏右 <afc163@gmail.com> * Update webpack.config.js * fix sytax * adjust * move into function Co-authored-by: 偏右 <afc163@gmail.com>
25 lines
725 B
TypeScript
25 lines
725 B
TypeScript
import * as React from 'react';
|
|
import devWarning from '../_util/devWarning';
|
|
import Base, { BlockProps } from './Base';
|
|
import { tupleNum, Omit } from '../_util/type';
|
|
|
|
const TITLE_ELE_LIST = tupleNum(1, 2, 3, 4);
|
|
|
|
export type TitleProps = Omit<BlockProps & { level?: typeof TITLE_ELE_LIST[number] }, 'strong'>;
|
|
|
|
const Title: React.FC<TitleProps> = props => {
|
|
const { level = 1, ...restProps } = props;
|
|
let component: string;
|
|
|
|
if (TITLE_ELE_LIST.indexOf(level) !== -1) {
|
|
component = `h${level}`;
|
|
} else {
|
|
devWarning(false, 'Typography.Title', 'Title only accept `1 | 2 | 3 | 4` as `level` value.');
|
|
component = 'h1';
|
|
}
|
|
|
|
return <Base {...restProps} component={component} />;
|
|
};
|
|
|
|
export default Title;
|