43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
import Header from '../Header';
|
|
import type { Locale } from '../../interface';
|
|
import type { GenerateConfig } from '../../generate';
|
|
import { useInjectPanel } from '../../PanelContext';
|
|
import { formatValue } from '../../utils/dateUtil';
|
|
import useMergeProps from '../../hooks/useMergeProps';
|
|
|
|
export type TimeHeaderProps<DateType> = {
|
|
prefixCls: string;
|
|
value?: DateType | null;
|
|
locale: Locale;
|
|
generateConfig: GenerateConfig<DateType>;
|
|
format: string;
|
|
};
|
|
|
|
function TimeHeader<DateType>(_props: TimeHeaderProps<DateType>) {
|
|
const props = useMergeProps(_props);
|
|
const { hideHeader } = useInjectPanel();
|
|
if (hideHeader.value) {
|
|
return null;
|
|
}
|
|
|
|
const { prefixCls, generateConfig, locale, value, format } = props;
|
|
const headerPrefixCls = `${prefixCls}-header`;
|
|
|
|
return (
|
|
<Header prefixCls={headerPrefixCls}>
|
|
{value
|
|
? formatValue(value, {
|
|
locale,
|
|
format,
|
|
generateConfig,
|
|
})
|
|
: '\u00A0'}
|
|
</Header>
|
|
);
|
|
}
|
|
|
|
TimeHeader.displayName = 'TimeHeader';
|
|
TimeHeader.inheritAttrs = false;
|
|
|
|
export default TimeHeader;
|