mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-09 15:41:33 +08:00
7b280d307b
* chore: bump rc-table to v7.45.0 * feat: 补充类型 * feat: 补充类型 --------- Co-authored-by: 叶枫 <645381995@qq.com>
335 lines
8.4 KiB
TypeScript
335 lines
8.4 KiB
TypeScript
/* eslint-disable react/no-multi-comp */
|
|
import dayjs from 'dayjs';
|
|
|
|
import 'dayjs/locale/ar';
|
|
import 'dayjs/locale/az';
|
|
import 'dayjs/locale/be';
|
|
import 'dayjs/locale/bg';
|
|
import 'dayjs/locale/bn-bd';
|
|
import 'dayjs/locale/ca';
|
|
import 'dayjs/locale/cs';
|
|
import 'dayjs/locale/da';
|
|
import 'dayjs/locale/de';
|
|
import 'dayjs/locale/el';
|
|
import 'dayjs/locale/en';
|
|
import 'dayjs/locale/en-gb';
|
|
import 'dayjs/locale/es';
|
|
import 'dayjs/locale/et';
|
|
import 'dayjs/locale/fa';
|
|
import 'dayjs/locale/fi';
|
|
import 'dayjs/locale/fr';
|
|
import 'dayjs/locale/fr-ca';
|
|
import 'dayjs/locale/ga';
|
|
import 'dayjs/locale/gl';
|
|
import 'dayjs/locale/he';
|
|
import 'dayjs/locale/hi';
|
|
import 'dayjs/locale/hr';
|
|
import 'dayjs/locale/hu';
|
|
import 'dayjs/locale/hy-am';
|
|
import 'dayjs/locale/id';
|
|
import 'dayjs/locale/is';
|
|
import 'dayjs/locale/it';
|
|
import 'dayjs/locale/ja';
|
|
import 'dayjs/locale/ka';
|
|
import 'dayjs/locale/kk';
|
|
import 'dayjs/locale/km';
|
|
import 'dayjs/locale/kn';
|
|
import 'dayjs/locale/ko';
|
|
import 'dayjs/locale/ku';
|
|
import 'dayjs/locale/lt';
|
|
import 'dayjs/locale/lv';
|
|
import 'dayjs/locale/mk';
|
|
import 'dayjs/locale/ml';
|
|
import 'dayjs/locale/mn';
|
|
import 'dayjs/locale/ms';
|
|
import 'dayjs/locale/nb';
|
|
import 'dayjs/locale/ne';
|
|
import 'dayjs/locale/nl';
|
|
import 'dayjs/locale/nl-be';
|
|
import 'dayjs/locale/pl';
|
|
import 'dayjs/locale/pt';
|
|
import 'dayjs/locale/pt-br';
|
|
import 'dayjs/locale/ro';
|
|
import 'dayjs/locale/ru';
|
|
import 'dayjs/locale/sk';
|
|
import 'dayjs/locale/sl';
|
|
import 'dayjs/locale/sr';
|
|
import 'dayjs/locale/sv';
|
|
import 'dayjs/locale/ta';
|
|
import 'dayjs/locale/th';
|
|
import 'dayjs/locale/tk';
|
|
import 'dayjs/locale/tr';
|
|
import 'dayjs/locale/uk';
|
|
import 'dayjs/locale/ur';
|
|
import 'dayjs/locale/vi';
|
|
import 'dayjs/locale/uz-latn';
|
|
import 'dayjs/locale/zh-cn';
|
|
import 'dayjs/locale/zh-hk';
|
|
import 'dayjs/locale/zh-tw';
|
|
|
|
import React from 'react';
|
|
import preParsePostFormat from 'dayjs/plugin/preParsePostFormat';
|
|
import MockDate from 'mockdate';
|
|
|
|
import type { Locale } from '..';
|
|
import LocaleProvider from '..';
|
|
import {
|
|
Calendar,
|
|
DatePicker,
|
|
Modal,
|
|
Pagination,
|
|
Popconfirm,
|
|
Select,
|
|
Table,
|
|
TableProps,
|
|
TimePicker,
|
|
Transfer,
|
|
} from '../..';
|
|
import mountTest from '../../../tests/shared/mountTest';
|
|
import { render } from '../../../tests/utils';
|
|
import arEG from '../../locale/ar_EG';
|
|
import azAZ from '../../locale/az_AZ';
|
|
import bgBG from '../../locale/bg_BG';
|
|
import bnBD from '../../locale/bn_BD';
|
|
import byBY from '../../locale/by_BY';
|
|
import caES from '../../locale/ca_ES';
|
|
import csCZ from '../../locale/cs_CZ';
|
|
import daDK from '../../locale/da_DK';
|
|
import deDE from '../../locale/de_DE';
|
|
import elGR from '../../locale/el_GR';
|
|
import enGB from '../../locale/en_GB';
|
|
import enUS from '../../locale/en_US';
|
|
import esES from '../../locale/es_ES';
|
|
import etEE from '../../locale/et_EE';
|
|
import euES from '../../locale/eu_ES';
|
|
import faIR from '../../locale/fa_IR';
|
|
import fiFI from '../../locale/fi_FI';
|
|
import frBE from '../../locale/fr_BE';
|
|
import frCA from '../../locale/fr_CA';
|
|
import frFR from '../../locale/fr_FR';
|
|
import gaIE from '../../locale/ga_IE';
|
|
import glES from '../../locale/gl_ES';
|
|
import heIL from '../../locale/he_IL';
|
|
import hiIN from '../../locale/hi_IN';
|
|
import hrHR from '../../locale/hr_HR';
|
|
import huHU from '../../locale/hu_HU';
|
|
import hyAM from '../../locale/hy_AM';
|
|
import idID from '../../locale/id_ID';
|
|
import isIS from '../../locale/is_IS';
|
|
import itIT from '../../locale/it_IT';
|
|
import jaJP from '../../locale/ja_JP';
|
|
import kaGE from '../../locale/ka_GE';
|
|
import kkKZ from '../../locale/kk_KZ';
|
|
import kmKH from '../../locale/km_KH';
|
|
import kmrIQ from '../../locale/kmr_IQ';
|
|
import knIN from '../../locale/kn_IN';
|
|
import koKR from '../../locale/ko_KR';
|
|
import kuIQ from '../../locale/ku_IQ';
|
|
import ltLT from '../../locale/lt_LT';
|
|
import lvLV from '../../locale/lv_LV';
|
|
import mkMK from '../../locale/mk_MK';
|
|
import mlIN from '../../locale/ml_IN';
|
|
import mnMN from '../../locale/mn_MN';
|
|
import msMY from '../../locale/ms_MY';
|
|
import myMM from '../../locale/my_MM';
|
|
import nbNO from '../../locale/nb_NO';
|
|
import neNP from '../../locale/ne_NP';
|
|
import nlBE from '../../locale/nl_BE';
|
|
import nlNL from '../../locale/nl_NL';
|
|
import plPL from '../../locale/pl_PL';
|
|
import ptBR from '../../locale/pt_BR';
|
|
import ptPT from '../../locale/pt_PT';
|
|
import roRO from '../../locale/ro_RO';
|
|
import ruRU from '../../locale/ru_RU';
|
|
import siLK from '../../locale/si_LK';
|
|
import skSK from '../../locale/sk_SK';
|
|
import slSI from '../../locale/sl_SI';
|
|
import srRS from '../../locale/sr_RS';
|
|
import svSE from '../../locale/sv_SE';
|
|
import taIN from '../../locale/ta_IN';
|
|
import thTH from '../../locale/th_TH';
|
|
import tkTK from '../../locale/tk_TK';
|
|
import trTR from '../../locale/tr_TR';
|
|
import ukUA from '../../locale/uk_UA';
|
|
import urPK from '../../locale/ur_PK';
|
|
import uzUZ from '../../locale/uz_UZ';
|
|
import viVN from '../../locale/vi_VN';
|
|
import zhCN from '../../locale/zh_CN';
|
|
import zhHK from '../../locale/zh_HK';
|
|
import zhTW from '../../locale/zh_TW';
|
|
|
|
dayjs.extend(preParsePostFormat);
|
|
|
|
const locales = [
|
|
azAZ,
|
|
arEG,
|
|
bgBG,
|
|
bnBD,
|
|
byBY,
|
|
caES,
|
|
csCZ,
|
|
daDK,
|
|
deDE,
|
|
elGR,
|
|
enGB,
|
|
enUS,
|
|
esES,
|
|
etEE,
|
|
euES,
|
|
faIR,
|
|
fiFI,
|
|
frBE,
|
|
frCA,
|
|
frFR,
|
|
gaIE,
|
|
glES,
|
|
heIL,
|
|
hiIN,
|
|
hrHR,
|
|
huHU,
|
|
hyAM,
|
|
isIS,
|
|
itIT,
|
|
jaJP,
|
|
kaGE,
|
|
kkKZ,
|
|
knIN,
|
|
koKR,
|
|
kmKH,
|
|
kmrIQ,
|
|
kuIQ,
|
|
ltLT,
|
|
mkMK,
|
|
mlIN,
|
|
msMY,
|
|
mnMN,
|
|
nbNO,
|
|
neNP,
|
|
nlBE,
|
|
nlNL,
|
|
plPL,
|
|
ptBR,
|
|
ptPT,
|
|
roRO,
|
|
ruRU,
|
|
siLK,
|
|
skSK,
|
|
slSI,
|
|
srRS,
|
|
svSE,
|
|
taIN,
|
|
thTH,
|
|
trTR,
|
|
tkTK,
|
|
ukUA,
|
|
viVN,
|
|
idID,
|
|
lvLV,
|
|
zhCN,
|
|
zhHK,
|
|
zhTW,
|
|
urPK,
|
|
myMM,
|
|
uzUZ,
|
|
];
|
|
|
|
const { Option } = Select;
|
|
const { RangePicker } = DatePicker;
|
|
|
|
const columns: TableProps['columns'] = [
|
|
{
|
|
title: 'Name',
|
|
dataIndex: 'name',
|
|
filters: [{ text: 'filter1', value: 'filter1' }],
|
|
},
|
|
{ title: 'Age', dataIndex: 'age' },
|
|
];
|
|
|
|
const App: React.FC = () => (
|
|
<div>
|
|
<Pagination defaultCurrent={1} total={50} showSizeChanger />
|
|
<Select showSearch style={{ width: 200 }}>
|
|
<Option value="jack">jack</Option>
|
|
<Option value="lucy">lucy</Option>
|
|
</Select>
|
|
<DatePicker open />
|
|
<TimePicker open defaultOpenValue={dayjs()} />
|
|
<RangePicker open style={{ width: 200 }} />
|
|
<Popconfirm title="Question?" open>
|
|
<a>Click to confirm</a>
|
|
</Popconfirm>
|
|
<Transfer dataSource={[]} showSearch targetKeys={[]} render={(item: any) => item.title} />
|
|
<Calendar fullscreen={false} value={dayjs()} />
|
|
<Table dataSource={[]} columns={columns} />
|
|
<Modal title="Locale Modal" open getContainer={false}>
|
|
<p>Locale Modal</p>
|
|
</Modal>
|
|
</div>
|
|
);
|
|
|
|
describe('Locale Provider', () => {
|
|
mountTest(() => (
|
|
<LocaleProvider locale={null as unknown as Locale}>
|
|
<div />
|
|
</LocaleProvider>
|
|
));
|
|
|
|
beforeAll(() => {
|
|
MockDate.set(dayjs('2017-09-18T03:30:07.795').valueOf());
|
|
});
|
|
|
|
afterAll(() => {
|
|
MockDate.reset();
|
|
});
|
|
|
|
locales.forEach((locale) => {
|
|
it(`should display the text as ${locale.locale}`, () => {
|
|
const { container } = render(
|
|
<LocaleProvider locale={locale}>
|
|
<App />
|
|
</LocaleProvider>,
|
|
);
|
|
expect(container.firstChild).toMatchSnapshot();
|
|
});
|
|
});
|
|
|
|
it('should change locale of Modal.xxx', () => {
|
|
locales.forEach((locale) => {
|
|
const { container } = render(
|
|
<LocaleProvider locale={locale}>
|
|
<Modal title="Locale Modal" open getContainer={false}>
|
|
Modal
|
|
</Modal>
|
|
</LocaleProvider>,
|
|
);
|
|
let cancelButtonText = container?.querySelector('button.ant-btn-default span')?.innerHTML;
|
|
let okButtonText = container?.querySelector('button.ant-btn-primary span')?.innerHTML;
|
|
if (locale.locale.includes('zh-')) {
|
|
cancelButtonText = cancelButtonText?.replace(' ', '');
|
|
okButtonText = okButtonText?.replace(' ', '');
|
|
}
|
|
expect(cancelButtonText).toBe(locale.Modal?.cancelText);
|
|
expect(okButtonText).toBe(locale.Modal?.okText);
|
|
});
|
|
});
|
|
|
|
it('set dayjs locale when locale changes', () => {
|
|
const Test: React.FC<{ locale?: Locale }> = ({ locale }) => (
|
|
<LocaleProvider locale={locale!}>
|
|
<div>
|
|
<DatePicker defaultValue={dayjs()} open />
|
|
</div>
|
|
</LocaleProvider>
|
|
);
|
|
|
|
const { container, rerender } = render(<Test locale={zhCN} />);
|
|
expect(container.firstChild).toMatchSnapshot();
|
|
|
|
rerender(<Test locale={frFR} />);
|
|
expect(container.firstChild).toMatchSnapshot();
|
|
|
|
rerender(<Test />);
|
|
expect(container.firstChild).toMatchSnapshot();
|
|
});
|
|
});
|