ant-design/components/locale-provider/index.tsx
二货机器人 cefb7b29f2
chore: Update Locale context (#22762)
* Upgrade locale context

* fix logic

* fix lint

* add context ignore in test case
2020-03-30 22:54:12 +08:00

76 lines
2.0 KiB
TypeScript

import * as React from 'react';
import warning from '../_util/warning';
import { ModalLocale, changeConfirmLocale } from '../modal/locale';
import { TransferLocale as TransferLocaleForEmpty } from '../empty';
import { PaginationLocale } from '../pagination/Pagination';
import { TableLocale } from '../table/interface';
import { PopconfirmLocale } from '../popconfirm';
import { UploadLocale } from '../upload/interface';
import { TransferLocale } from '../transfer';
import { PickerLocale as DatePickerLocale } from '../date-picker/generatePicker';
import LocaleContext from './context';
export const ANT_MARK = 'internalMark';
export interface Locale {
locale: string;
Pagination?: PaginationLocale;
DatePicker?: DatePickerLocale;
TimePicker?: Object;
Calendar?: Object;
Table?: TableLocale;
Modal?: ModalLocale;
Popconfirm?: PopconfirmLocale;
Transfer?: Partial<TransferLocale>;
Select?: Object;
Upload?: UploadLocale;
Empty?: TransferLocaleForEmpty;
global?: Object;
PageHeader?: Object;
Icon?: Object;
Text?: Object;
}
export interface LocaleProviderProps {
locale: Locale;
children?: React.ReactNode;
_ANT_MARK__?: string;
}
export default class LocaleProvider extends React.Component<LocaleProviderProps, any> {
static defaultProps = {
locale: {},
};
constructor(props: LocaleProviderProps) {
super(props);
changeConfirmLocale(props.locale && props.locale.Modal);
warning(
props._ANT_MARK__ === ANT_MARK,
'LocaleProvider',
'`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead: http://u.ant.design/locale',
);
}
componentDidUpdate(prevProps: LocaleProviderProps) {
const { locale } = this.props;
if (prevProps.locale !== locale) {
changeConfirmLocale(locale && locale.Modal);
}
}
componentWillUnmount() {
changeConfirmLocale();
}
render() {
const { locale, children } = this.props;
return (
<LocaleContext.Provider value={{ ...locale, exist: true }}>{children}</LocaleContext.Provider>
);
}
}