From f407579aa161df4ed8746da0127bb3f2a09ab314 Mon Sep 17 00:00:00 2001 From: gaopeng0108 Date: Mon, 22 May 2023 19:29:35 +0800 Subject: [PATCH 1/7] feat: update calendar --- src/components/calendar/calendar.en.md | 9 +- src/components/calendar/calendar.less | 67 +- src/components/calendar/calendar.tsx | 409 +- src/components/calendar/calendar.zh.md | 15 +- src/components/calendar/demos/demo1.tsx | 101 +- src/components/calendar/demos/demo2.tsx | 102 +- .../calendar/demos/{demo4.less => demo3.less} | 17 +- src/components/calendar/demos/demo3.tsx | 162 +- src/components/calendar/demos/demo4.tsx | 68 +- src/components/calendar/demos/demo5.less | 13 - src/components/calendar/demos/demo5.tsx | 25 +- .../__snapshots__/calendar.test.tsx.snap | 13555 ++++++++++------ .../calendar/tests/calendar.test.tsx | 119 +- src/locales/base.ts | 5 + src/locales/zh-CN.ts | 5 + 15 files changed, 9412 insertions(+), 5260 deletions(-) rename src/components/calendar/demos/{demo4.less => demo3.less} (89%) delete mode 100644 src/components/calendar/demos/demo5.less diff --git a/src/components/calendar/calendar.en.md b/src/components/calendar/calendar.en.md index b5d4c4974e..6c1320b8e8 100644 --- a/src/components/calendar/calendar.en.md +++ b/src/components/calendar/calendar.en.md @@ -28,15 +28,10 @@ When the user needs to enter a date, he can select it in the pop-up date panel. | defaultValue | The default selected date or date range. | Same as `value` prop. | - | | max | Maximum value of a selectable range. | `Date` | - | | min | Minimum value of a selectable range. | `Date` | - | - | -| maxPage | Maximum visible page of date. | `Page` | -| minPage | Minimum visible page of date. | `Page` | - | -| nextMonthButton | Contents of the Next Month button on the navigation pane | `React.ReactNode` | `>` | -| nextYearButton | Contents of the next Year button on the navigation pane | `React.ReactNode` | `>>` | | onChange | Trigger when selected date changes. | `(val: Date \| null) => void` when selection mode is "single". `(val: [Date, Date] \| null) => void` when selection mode is "range". | - | | onPageChange | Trigger when changed year or month. | `(year: number, month: number) => void` | - | -| prevMonthButton | Contents of the Last Month button on the navigation pane | `React.ReactNode` | `<` | -| prevYearButton | Contents of the Last year button on the navigation pane | `React.ReactNode` | `<<` | -| renderLabel | The label render function. | `(date: Date) => ReactNode \| null \| undefined` | - | +| renderTop | The top information of date render function. | `(date: Date) => ReactNode \| null \| undefined` | - | +| renderBottom | The bottom information of date render function. | `(date: Date) => ReactNode \| null \| undefined` | - | | selectionMode | The selection mode. Disable selection when this prop is not set. | `'single' \| 'range'` | - | | shouldDisableDate | Set whether the date is disable selection. The min and max Settings are ignored | `(date: Date) => boolean` | - | | value | The selected date or date range. | `Date \| null` when selection mode is "single". `[Date, Date] \| null` when selection mode is "range" | - | diff --git a/src/components/calendar/calendar.less b/src/components/calendar/calendar.less index aaaf8d2e58..8fa093283f 100644 --- a/src/components/calendar/calendar.less +++ b/src/components/calendar/calendar.less @@ -1,32 +1,35 @@ -.adm-calendar { +.adm-calendar, +.adm-calendar-popup { + & &-title { + flex: auto; + font-size: var(--adm-font-size-10); + } & &-header { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - padding-top: 4px; - a.adm-calendar-arrow-button { - padding: 4px 8px; - display: block; - flex: none; - svg { - height: 22px; - } - &.adm-calendar-arrow-button-right { - svg { - transform: rotate(180deg); - } - } - } + padding: 8px; + border-bottom: 1px solid var(--adm-color-border); .adm-calendar-title { - font-size: var(--adm-font-size-10); - flex: auto; text-align: center; } } & &-body { - display: flex; - flex-wrap: wrap; + height: 64vh; + overflow: auto; + + &::-webkit-scrollbar { + display: none; + } + .adm-calendar-title { + position: sticky; + top: 0; + padding: 12px 18px; + background-color: var(--adm-color-box); + } + } + & &-footer { + padding: 12px 18px; + .adm-button { + width: 100%; + } } &-cells { display: flex; @@ -40,7 +43,7 @@ flex: none; box-sizing: border-box; width: calc(100% / 7); - height: 48px; + min-height: 56px; margin-bottom: 4px; padding: 2px; color: var(--adm-color-text); @@ -50,6 +53,7 @@ } &&-disabled { color: var(--adm-color-light); + .adm-calendar-cell-top, .adm-calendar-cell-bottom { color: var(--adm-color-light); } @@ -59,6 +63,7 @@ background: var(--adm-color-primary); color: var(--adm-color-white); } + & .adm-calendar-cell-top, & .adm-calendar-cell-bottom { color: var(--adm-color-white); } @@ -79,16 +84,18 @@ display: flex; flex-direction: column; align-items: center; - justify-content: flex-end; - & &-top { + justify-content: center; + & &-date { flex: none; - font-size: var(--adm-font-size-10); + line-height: 22px; + font-size: var(--adm-font-size-9); } + & &-top, & &-bottom { flex: none; - font-size: var(--adm-font-size-4); - height: 12px; - line-height: 12px; + font-size: var(--adm-font-size-2); + height: 14px; + line-height: 14px; color: var(--adm-color-weak); } } diff --git a/src/components/calendar/calendar.tsx b/src/components/calendar/calendar.tsx index 2ff6d92275..6f751a3314 100644 --- a/src/components/calendar/calendar.tsx +++ b/src/components/calendar/calendar.tsx @@ -8,12 +8,13 @@ import React, { import { NativeProps, withNativeProps } from '../../utils/native-props' import dayjs from 'dayjs' import classNames from 'classnames' +import Button from '../button' +import Popup from '../popup' +import type { PopupProps } from '../popup' import { mergeProps } from '../../utils/with-default-props' -import { ArrowLeft } from './arrow-left' -import { ArrowLeftDouble } from './arrow-left-double' import { useConfig } from '../config-provider' import isoWeek from 'dayjs/plugin/isoWeek' -import { useUpdateEffect } from 'ahooks' +import isSameOrBefore from 'dayjs/plugin/isSameOrBefore' import { usePropsValue } from '../../utils/use-props-value' import { convertValueToRange, @@ -23,6 +24,7 @@ import { } from './convert' dayjs.extend(isoWeek) +dayjs.extend(isSameOrBefore) const classPrefix = 'adm-calendar' @@ -32,38 +34,39 @@ export type CalendarRef = { } export type CalendarProps = { - prevMonthButton?: React.ReactNode - prevYearButton?: React.ReactNode - nextMonthButton?: React.ReactNode - nextYearButton?: React.ReactNode - onPageChange?: (year: number, month: number) => void + title?: React.ReactNode + confirmText?: string weekStartsOn?: 'Monday' | 'Sunday' - renderLabel?: (date: Date) => React.ReactNode + renderTop?: (date: Date) => React.ReactNode renderDate?: (date: Date) => React.ReactNode + renderBottom?: (date: Date) => React.ReactNode allowClear?: boolean max?: Date min?: Date shouldDisableDate?: (date: Date) => boolean - minPage?: Page - maxPage?: Page + usePopup?: boolean + popupProps?: PopupProps } & ( | { selectionMode?: undefined value?: undefined defaultValue?: undefined onChange?: undefined + onConfirm?: undefined } | { selectionMode: 'single' value?: Date | null defaultValue?: Date | null onChange?: (val: Date | null) => void + onConfirm?: (val: Date | null) => void } | { selectionMode: 'range' value?: [Date, Date] | null defaultValue?: [Date, Date] | null onChange?: (val: [Date, Date] | null) => void + onConfirm?: (val: [Date, Date] | null) => void } ) & NativeProps @@ -72,10 +75,8 @@ const defaultProps = { weekStartsOn: 'Sunday', defaultValue: null, allowClear: true, - prevMonthButton: , - prevYearButton: , - nextMonthButton: , - nextYearButton: , + usePopup: true, + selectionMode: 'single', } export const Calendar = forwardRef((p, ref) => { @@ -109,10 +110,6 @@ export const Calendar = forwardRef((p, ref) => { dayjs(dateRange ? dateRange[0] : today).date(1) ) - useUpdateEffect(() => { - props.onPageChange?.(current.year(), current.month() + 1) - }, [current]) - useImperativeHandle(ref, () => ({ jumpTo: pageOrPageGenerator => { let page: Page @@ -131,185 +128,183 @@ export const Calendar = forwardRef((p, ref) => { }, })) - const handlePageChange = ( - action: 'subtract' | 'add', - num: number, - type: 'month' | 'year' - ) => { - const nxtCurrent = current[action](num, type) - if (action === 'subtract' && props.minPage) { - const minPage = convertPageToDayjs(props.minPage) - if (nxtCurrent.isBefore(minPage, type)) { - return - } - } - if (action === 'add' && props.maxPage) { - const maxPage = convertPageToDayjs(props.maxPage) - if (nxtCurrent.isAfter(maxPage, type)) { - return - } - } - setCurrent(nxtCurrent) - } - const header = ( ) - const maxDay = useMemo(() => props.max && dayjs(props.max), [props.max]) - const minDay = useMemo(() => props.min && dayjs(props.min), [props.min]) + const maxDay = useMemo( + () => (props.max ? dayjs(props.max) : current.add(6, 'month')), + [props.max, current] + ) + const minDay = useMemo( + () => (props.min ? dayjs(props.min) : current), + [props.min, current] + ) - function renderCells() { + function renderBody() { const cells: ReactNode[] = [] - let iterator = current.subtract(current.isoWeekday(), 'day') - if (props.weekStartsOn === 'Monday') { - iterator = iterator.add(1, 'day') - } - while (cells.length < 6 * 7) { - const d = iterator - let isSelect = false - let isBegin = false - let isEnd = false - let isSelectRowBegin = false - let isSelectRowEnd = false - if (dateRange) { - const [begin, end] = dateRange - isBegin = d.isSame(begin, 'day') - isEnd = d.isSame(end, 'day') - isSelect = - isBegin || - isEnd || - (d.isAfter(begin, 'day') && d.isBefore(end, 'day')) - if (isSelect) { - isSelectRowBegin = - (cells.length % 7 === 0 || d.isSame(d.startOf('month'), 'day')) && - !isBegin - isSelectRowEnd = - (cells.length % 7 === 6 || d.isSame(d.endOf('month'), 'day')) && - !isEnd - } - } - const inThisMonth = d.month() === current.month() - const disabled = props.shouldDisableDate - ? props.shouldDisableDate(d.toDate()) - : (maxDay && d.isAfter(maxDay, 'day')) || - (minDay && d.isBefore(minDay, 'day')) + let monthIterator = minDay + // 遍历月份 + while (monthIterator.isSameOrBefore(maxDay, 'month')) { + const year = monthIterator.year() + const month = monthIterator.month() + cells.push( -
{ - if (!props.selectionMode) return - if (disabled) return - const date = d.toDate() - if (!inThisMonth) { - setCurrent(d.clone().date(1)) - } - function shouldClear() { - if (!props.allowClear) return false - if (!dateRange) return false - const [begin, end] = dateRange - return d.isSame(begin, 'date') && d.isSame(end, 'day') - } - if (props.selectionMode === 'single') { - if (props.allowClear && shouldClear()) { - setDateRange(null) - return - } - setDateRange([date, date]) - } else if (props.selectionMode === 'range') { - if (!dateRange) { - setDateRange([date, date]) - setIntermediate(true) - return - } - if (shouldClear()) { - setDateRange(null) - setIntermediate(false) - return - } - if (intermediate) { - const another = dateRange[0] - setDateRange(another > date ? [date, another] : [another, date]) - setIntermediate(false) - } else { - setDateRange([date, date]) - setIntermediate(true) - } - } - }} - > -
- {props.renderDate ? props.renderDate(d.toDate()) : d.date()} +
+
+ {locale.Calendar.renderYearAndMonth(year, month + 1)}
-
- {props.renderLabel?.(d.toDate())} +
+ {/* 空格填充 */} + {Array( + props.weekStartsOn === 'Monday' + ? monthIterator.date(1).isoWeekday() - 1 + : monthIterator.date(1).isoWeekday() + ) + .fill(null) + .map((_, index) => ( +
+ ))} + {/* 遍历每月 */} + {Array(monthIterator.daysInMonth()) + .fill(null) + .map((_, index) => { + const d = monthIterator.date(index + 1) + let isSelect = false + let isBegin = false + let isEnd = false + let isSelectRowBegin = false + let isSelectRowEnd = false + if (dateRange) { + const [begin, end] = dateRange + isBegin = d.isSame(begin, 'day') + isEnd = d.isSame(end, 'day') + isSelect = + isBegin || + isEnd || + (d.isAfter(begin, 'day') && d.isBefore(end, 'day')) + if (isSelect) { + isSelectRowBegin = + (cells.length % 7 === 0 || + d.isSame(d.startOf('month'), 'day')) && + !isBegin + isSelectRowEnd = + (cells.length % 7 === 6 || + d.isSame(d.endOf('month'), 'day')) && + !isEnd + } + } + const disabled = props.shouldDisableDate + ? props.shouldDisableDate(d.toDate()) + : (maxDay && d.isAfter(maxDay, 'day')) || + (minDay && d.isBefore(minDay, 'day')) + + const renderTop = () => { + const top = props.renderTop?.(d.toDate()) + + if (top) { + return top + } + + if (props.selectionMode === 'range') { + if (isBegin) { + return locale.Calendar.start + } + + if (isEnd) { + return locale.Calendar.end + } + } + + if (d.isSame(today, 'day') && !isSelect) { + return locale.Calendar.today + } + } + return ( +
{ + if (!props.selectionMode) return + if (disabled) return + const date = d.toDate() + function shouldClear() { + if (!props.allowClear) return false + if (!dateRange) return false + const [begin, end] = dateRange + return d.isSame(begin, 'date') && d.isSame(end, 'day') + } + if (props.selectionMode === 'single') { + if (props.allowClear && shouldClear()) { + setDateRange(null) + return + } + setDateRange([date, date]) + } else if (props.selectionMode === 'range') { + if (!dateRange) { + setDateRange([date, date]) + setIntermediate(true) + return + } + if (shouldClear()) { + setDateRange(null) + setIntermediate(false) + return + } + if (intermediate) { + const another = dateRange[0] + setDateRange( + another > date ? [date, another] : [another, date] + ) + setIntermediate(false) + } else { + setDateRange([date, date]) + setIntermediate(true) + } + } + }} + > +
+ {renderTop()} +
+
+ {props.renderDate + ? props.renderDate(d.toDate()) + : d.date()} +
+
+ {props.renderBottom?.(d.toDate())} +
+
+ ) + })}
) - iterator = iterator.add(1, 'day') + + monthIterator = monthIterator.add(1, 'month') } + return cells } - const body =
{renderCells()}
+ const body =
{renderBody()}
const mark = (
@@ -321,12 +316,58 @@ export const Calendar = forwardRef((p, ref) => {
) + const footer = ( +
+ +
+ ) + + const { + className: popupClassName, + bodyStyle: popupBodyStyle, + ...restPopupProps + } = props.popupProps ?? {} + return withNativeProps( props,
- {header} - {mark} - {body} + {props.usePopup ? ( + + {header} + {mark} + {body} + {footer} + + ) : ( + <> + {header} + {mark} + {body} + + )}
) }) diff --git a/src/components/calendar/calendar.zh.md b/src/components/calendar/calendar.zh.md index ed01567c4a..65862c4248 100644 --- a/src/components/calendar/calendar.zh.md +++ b/src/components/calendar/calendar.zh.md @@ -25,20 +25,17 @@ | 属性 | 说明 | 类型 | 默认值 | 版本 | | --- | --- | --- | --- | --- | | allowClear | 是否允许再次点击后清除 | `boolean` | `true` | +| confirmText | 确认按钮文案 | `string` | `确认` | | defaultValue | 默认选择的日期 | 同 `value` 属性 | - | | max | 可选择范围的最大值 | `Date` | - | | min | 可选择范围的最小值 | `Date` | - | -| maxPage | 可切换到的最晚日期 | `Page` | - | -| minPage | 可切换到的最早日期 | `Page` | - | -| nextMonthButton | 导航窗格上的“下一月”按钮的内容 | `React.ReactNode` | `>` | -| nextYearButton | 导航窗格上的“下一年”按钮的内容 | `React.ReactNode` | `>>` | | onChange | 选择日期变化时触发 | 单选模式下为 `(val: Date \| null) => void`，多选模式下为 `(val: [Date, Date] \| null) => void` | - | -| onPageChange | 切换月或年时触发 | `(year: number, month: number) => void` | - | -| prevMonthButton | 导航窗格上的“上一月”按钮的内容 | `React.ReactNode` | `<` | -| prevYearButton | 导航窗格上的“上一年”按钮的内容 | `React.ReactNode` | `<<` | -| renderLabel | 标注信息的渲染函数 | `(date: Date) => ReactNode \| null \| undefined` | - | +| onConfirm | 点击确认按钮时触发 | 单选模式下为 `(val: Date \| null) => void`，多选模式下为 `(val: [Date, Date] \| null) => void` | - | +| renderTop | 日期顶部信息的渲染函数 | `(date: Date) => ReactNode \| null \| undefined` | - | +| renderBottom | 日期底部信息的渲染函数 | `(date: Date) => ReactNode \| null \| undefined` | - | | selectionMode | 选择模式，不设置的话表示不支持选择 | `'single' \| 'range'` | - | | shouldDisableDate | 判断日期是否可选，使用后会忽略 min 和 max 设置 | `(date: Date) => boolean` | - | +| title | 日期选择器的标题 | `React.ReactNode` | `日期选择` | | value | 选择的日期 | 单选模式下为 `Date \| null`，多选模式下为 `[Date, Date] \| null` | - | | weekStartsOn | 每周以周几作为第一天 | `'Monday' \| 'Sunday'` | `'Sunday'` | | renderDate | 自定义日期渲染 | `(date: Date) => ReactNode` | - | 5.28.0 | @@ -51,7 +48,7 @@ | 属性 | 说明 | 类型 | | --- | --- | --- | -| jumpTo | 跳转至指定日期的页面 | `(page: Page \| ((page: Page) => Page)) => void` | +| jumpTo | 跳转至指定日期的区间 | `(page: Page \| ((page: Page) => Page)) => void` | | jumpToToday | 跳转至今日 | `() => void` | ```ts diff --git a/src/components/calendar/demos/demo1.tsx b/src/components/calendar/demos/demo1.tsx index 19d00b9aeb..e63fb8c22f 100644 --- a/src/components/calendar/demos/demo1.tsx +++ b/src/components/calendar/demos/demo1.tsx @@ -1,50 +1,91 @@ -import React from 'react' -import { Calendar } from 'antd-mobile' -import { DemoBlock, DemoDescription } from 'demos' +import dayjs from 'dayjs' +import React, { useState } from 'react' +import { Calendar, List } from 'antd-mobile' -const defaultSingle = new Date('2022-03-09') const defaultRange: [Date, Date] = [ - new Date('2022-03-09'), - new Date('2022-03-21'), + dayjs().toDate(), + dayjs().add(2, 'day').toDate(), ] export default () => { - return ( - <> - - - - 如果你不设置 selectionMode 属性，那么日历默认是不支持进行选择操作的 - - + const [val, setVal] = useState<[Date, Date] | null>(() => [ + dayjs().subtract(2, 'day').toDate(), + dayjs().add(2, 'day').toDate(), + ]) + const [visible1, setVisible1] = useState(false) + const [visible2, setVisible2] = useState(false) + const [visible3, setVisible3] = useState(false) - - 上一月} - nextMonthButton={下一月} - prevYearButton={上一年} - nextYearButton={下一年} - /> - + const singleDate: Date = new Date('2023-06-03') - + return ( + + { + setVisible1(true) + }} + > + 选择单个日期 { + setVisible1(false) + }, + onClose: () => { + setVisible1(false) + }, + }} selectionMode='single' - defaultValue={defaultSingle} + defaultValue={singleDate} + /> + + { + setVisible2(true) + }} + > + 选择日期范围 + { + setVisible2(false) + }, + onClose: () => { + setVisible2(false) + }, + }} onChange={val => { console.log(val) }} /> - - + + { + setVisible3(true) + }} + > + 受控日期选择 { + setVisible3(false) + }, + onClose: () => { + setVisible3(false) + }, + }} onChange={val => { - console.log(val) + setVal(val) }} /> - - + + ) } diff --git a/src/components/calendar/demos/demo2.tsx b/src/components/calendar/demos/demo2.tsx index 9c4027e352..207eaa55b3 100644 --- a/src/components/calendar/demos/demo2.tsx +++ b/src/components/calendar/demos/demo2.tsx @@ -1,25 +1,97 @@ -import dayjs from 'dayjs' import React, { useState } from 'react' -import { Calendar } from 'antd-mobile' -import { DemoBlock } from 'demos' +import { Calendar, List } from 'antd-mobile' + +const min = new Date() +min.setDate(5) +const max = new Date() +max.setDate(20) export default () => { - const today = dayjs() - const [val, setVal] = useState<[Date, Date] | null>(() => [ - today.subtract(2, 'day').toDate(), - today.add(2, 'day').toDate(), - ]) + const [visible1, setVisible1] = useState(false) + const [visible2, setVisible2] = useState(false) + const [visible3, setVisible3] = useState(false) + const [visible4, setVisible4] = useState(false) + return ( - <> - + + { + setVisible1(true) + }} + > + 自定义标题 + { + setVisible1(false) + }, + onClose: () => { + setVisible1(false) + }, + }} + /> + + { + setVisible2(true) + }} + > + 自定义确认文案 + { + setVisible2(false) + }, + onClose: () => { + setVisible2(false) + }, + }} + /> + + { + setVisible3(true) + }} + > + 周一作为每周的第一天 + { + setVisible3(false) + }, + onClose: () => { + setVisible3(false) + }, + }} + /> + + { + setVisible4(true) + }} + > + 限制日期范围 { - setVal(val) + popupProps={{ + visible: visible4, + onMaskClick: () => { + setVisible4(false) + }, + onClose: () => { + setVisible4(false) + }, }} /> - - + + ) } diff --git a/src/components/calendar/demos/demo4.less b/src/components/calendar/demos/demo3.less similarity index 89% rename from src/components/calendar/demos/demo4.less rename to src/components/calendar/demos/demo3.less index f0bc9bdd99..49cf099068 100644 --- a/src/components/calendar/demos/demo4.less +++ b/src/components/calendar/demos/demo3.less @@ -1,6 +1,7 @@ @prefix: ~'adm-calendar'; -.calendar-custom { +.calendar-custom, +.calendar-popup-custom { .@{prefix}-cell { justify-content: center; height: 38px; @@ -84,3 +85,17 @@ } } } + +.custom-cell { + width: 38px; + height: 38px; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + + &-selected { + background: var(--adm-color-primary); + color: #fff; + } +} diff --git a/src/components/calendar/demos/demo3.tsx b/src/components/calendar/demos/demo3.tsx index 0a82f6ffd4..61ec56d965 100644 --- a/src/components/calendar/demos/demo3.tsx +++ b/src/components/calendar/demos/demo3.tsx @@ -1,52 +1,136 @@ +import classnames from 'classnames' import dayjs from 'dayjs' -import React, { useEffect, useRef } from 'react' -import { Calendar } from 'antd-mobile' -import { DemoBlock } from 'demos' -import { CalendarRef } from 'antd-mobile/es/components/calendar' - -const min = new Date() -min.setDate(5) -const max = new Date() -max.setDate(20) +import React, { useState } from 'react' +import { Calendar, List } from 'antd-mobile' +import './demo3.less' export default () => { const today = dayjs() - const calendarRef = useRef(null) - useEffect(() => { - if (calendarRef.current) { - calendarRef.current.jumpTo({ - year: 2022, - month: 4, - }) - } - }, []) + const [val, setVal] = useState<[Date, Date] | null>(() => [ + today.subtract(2, 'day').toDate(), + today.add(2, 'day').toDate(), + ]) + + const [visible1, setVisible1] = useState(false) + const [visible2, setVisible2] = useState(false) + const [visible3, setVisible3] = useState(false) + const [visible4, setVisible4] = useState(false) + return ( - <> - - - - + + { + setVisible1(true) + }} + > + 自定义日期顶部信息 + { + const map = { + 1: '初一', + 2: '初二', + 3: '初三', + } + const dates = [1, 2, 3] + const d = dayjs(date).date() as keyof typeof map + + if (dates.includes(d)) { + return map[d] + } + }} + popupProps={{ + visible: visible1, + onMaskClick: () => { + setVisible1(false) + }, + onClose: () => { + setVisible1(false) + }, + }} + /> + + { + setVisible2(true) + }} + > + 自定义日期底部信息 { - if (dayjs(date).isSame(today, 'day')) return '今天' - if (date.getDay() === 0 || date.getDay() === 6) { - return '周末' + renderBottom={date => { + const dates = [16, 17, 18, 19] + const d = dayjs(date).date() + + if (dates.includes(d)) { + return '¥100' } }} + popupProps={{ + visible: visible2, + onMaskClick: () => { + setVisible2(false) + }, + onClose: () => { + setVisible2(false) + }, + }} /> - - - - - + + { + setVisible3(true) + }} + > + 自定义日期渲染 { + const dates = [16, 17, 18, 19] + const d = dayjs(date).date() + return ( +
+ {d} +
+ ) + }} + popupProps={{ + visible: visible3, + onMaskClick: () => { + setVisible3(false) + }, + onClose: () => { + setVisible3(false) + }, + }} + /> + + { + setVisible4(true) + }} + > + 高级自定义样式 + { + setVal(val) + }} + popupProps={{ + className: 'calendar-popup-custom', + visible: visible4, + onMaskClick: () => { + setVisible4(false) + }, + onClose: () => { + setVisible4(false) + }, + }} /> - - - - - + + ) } diff --git a/src/components/calendar/demos/demo4.tsx b/src/components/calendar/demos/demo4.tsx index 93adfc363d..171aa52b94 100644 --- a/src/components/calendar/demos/demo4.tsx +++ b/src/components/calendar/demos/demo4.tsx @@ -1,27 +1,57 @@ -import dayjs from 'dayjs' -import React, { useState } from 'react' -import { Calendar } from 'antd-mobile' -import { DemoBlock } from 'demos' -import './demo4.less' +import React, { useState, useRef } from 'react' +import { Calendar, List, CalendarRef } from 'antd-mobile' export default () => { - const today = dayjs() - const [val, setVal] = useState<[Date, Date] | null>(() => [ - today.subtract(2, 'day').toDate(), - today.add(2, 'day').toDate(), - ]) + const ref1 = useRef(null) + const ref2 = useRef(null) + const [visible1, setVisible1] = useState(false) + const [visible2, setVisible2] = useState(false) + return ( - <> - + + { + setVisible1(true) + ref1.current?.jumpTo({ year: 2023, month: 8 }) + }} + > + 跳转到 3 月后 + { + setVisible1(false) + }, + onClose: () => { + setVisible1(false) + }, + }} + /> + + { + setVisible2(true) + ref2.current?.jumpTo(page => ({ + year: page.year + 3, + month: page.month, + })) + }} + > + 跳转到 3 年后 { - setVal(val) + ref={ref2} + popupProps={{ + visible: visible2, + onMaskClick: () => { + setVisible2(false) + }, + onClose: () => { + setVisible2(false) + }, }} /> - - + + ) } diff --git a/src/components/calendar/demos/demo5.less b/src/components/calendar/demos/demo5.less deleted file mode 100644 index 3286137d79..0000000000 --- a/src/components/calendar/demos/demo5.less +++ /dev/null @@ -1,13 +0,0 @@ -.custom-cell { - width: 38px; - height: 38px; - border-radius: 50%; - display: flex; - justify-content: center; - align-items: center; - - &-selected { - background: var(--adm-color-primary); - color: #fff; - } -} diff --git a/src/components/calendar/demos/demo5.tsx b/src/components/calendar/demos/demo5.tsx index 7f614be14e..5a91dba357 100644 --- a/src/components/calendar/demos/demo5.tsx +++ b/src/components/calendar/demos/demo5.tsx @@ -1,30 +1,11 @@ -import dayjs from 'dayjs' import React from 'react' import { Calendar } from 'antd-mobile' import { DemoBlock } from 'demos' -import classNames from 'classnames' -import './demo5.less' export default () => { return ( - <> - - { - const dates = [16, 17, 18, 19] - const d = dayjs(date).date() - return ( -
- {d} -
- ) - }} - /> - - + + + ) } diff --git a/src/components/calendar/tests/__snapshots__/calendar.test.tsx.snap b/src/components/calendar/tests/__snapshots__/calendar.test.tsx.snap index c33e4205dd..c05d221062 100644 --- a/src/components/calendar/tests/__snapshots__/calendar.test.tsx.snap +++ b/src/components/calendar/tests/__snapshots__/calendar.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Calendar controlled mode 1`] = ` +exports[`Calendar custom top 1`] = `
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022年4月 + 日期选择
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
+
- 29 + 2023年5月
-
-
-
- 30 -
-
-
-
-
- 31 +
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+ 周末 +
+
+ 6 +
+
+
+
+
+ 周末 +
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+ 周末 +
+
+ 13 +
+
+
+
+
+ 周末 +
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+ 周末 +
+
+ 20 +
+
+
+
+
+ 周末 +
+
+ 21 +
+
+
+
+
+ 今天 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+ 周末 +
+
+ 27 +
+
+
+
+
+ 周末 +
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
+
+
+
+`; + +exports[`Calendar jump to a day 1`] = ` +
+ + +
+
-
- 1 -
-
+ 日期选择
+
+
-
- 2 -
-
+ 日
-
- 3 -
-
+ 一
-
- 4 -
-
+ 二
-
- 5 -
-
+ 三
-
- 6 -
-
+ 四
-
- 7 -
-
+ 五
-
- 8 -
-
+ 六
-
-
- 9 +
+
+
+
+ 2021年1月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
-
+
- 10 + 2021年2月
-
-
-
- 11 -
-
-
-
-
- 12 +
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
-
-
+
- 13 + 2021年3月
+ class="adm-calendar-cells" + > +
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
-
+
- 14 + 2021年4月
+ class="adm-calendar-cells" + > +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2021年5月 +
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
-
+
- 15 + 2021年6月
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 +
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
-
-
+
- 23 + 2021年7月
-
-
-
- 24 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
+
+
+
+`; + +exports[`Calendar jump to a day 2`] = ` +
+ + +
+
-
- 25 -
-
+ 日期选择
+
+
-
- 26 -
-
+ 日
-
- 27 -
-
+ 一
-
- 28 -
-
+ 二
-
- 29 -
-
+ 三
-
- 30 -
-
+ 四
-
- 1 -
-
+ 五
-
- 2 -
-
+ 六
-
+
+
+
- 3 + 2023年5月
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
-
-`; - -exports[`Calendar custom label 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022年3月 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 27 -
-
- 周末 -
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
- 周末 -
-
-
-
- 6 -
-
- 周末 -
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
- 周末 -
-
-
-
- 13 -
-
- 周末 -
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
- 周末 -
-
-
-
- 20 -
-
- 周末 -
-
-
-
- 21 -
-
-
-
-
- 22 -
-
- 今天 -
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
- 周末 -
-
-
-
- 27 -
-
- 周末 -
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
- 周末 -
-
-
-
- 3 -
-
- 周末 -
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
- 周末 -
-
-
-
-
-`; - -exports[`Calendar jump to a day 1`] = ` -
- - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2021年1月 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
-
-`; - -exports[`Calendar jump to a day 2`] = ` -
- - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022年3月 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-`; - -exports[`Calendar range mode 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022年3月 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-`; - -exports[`Calendar single mode 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022年3月 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 +
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
-
+
- 4 + 2023年6月
-
-
-
- 5 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2023年7月 +
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
-
+
- 6 + 2023年8月
-
-
-
- 7 +
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2023年9月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2023年10月 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
-
+
- 8 + 2023年11月
-
-
-
- 9 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
-
`; -exports[`Calendar week start on Monday 1`] = ` +exports[`Calendar range mode 1`] = `
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022年3月 + 日期选择
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+ 日 +
@@ -4609,518 +7443,1575 @@ exports[`Calendar week start on Monday 1`] = ` > 六
-
- 日 -
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
+
- 21 + 2023年5月
-
-
-
- 22 +
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+ 开始 +
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+ 结束 +
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
+
+
+
+`; + +exports[`Calendar single mode 1`] = ` +
+
+
-
- 23 -
-
+ 日期选择
+
+
-
- 24 -
-
+ 日
-
- 25 -
-
+ 一
-
- 26 -
-
+ 二
-
- 27 -
-
+ 三
-
- 28 -
-
+ 四
-
- 29 -
-
+ 五
-
- 30 -
-
+ 六
-
+
+
+
- 31 + 2023年5月
-
-
-
- 1 +
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
+
+
+
+`; + +exports[`Calendar week start on Monday 1`] = ` +
+
+
-
- 2 -
-
+ 日期选择
+
+
-
- 3 -
-
+ 一
-
- 4 -
-
+ 二
-
- 5 -
-
+ 三
-
- 6 -
-
+ 四
-
- 7 -
-
+ 五
-
- 8 -
-
+ 六
+ 日 +
+
+
+
- 9 + 2023年5月
-
-
-
- 10 +
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
-
diff --git a/src/components/calendar/tests/calendar.test.tsx b/src/components/calendar/tests/calendar.test.tsx index 231c3640d4..56c20968cd 100644 --- a/src/components/calendar/tests/calendar.test.tsx +++ b/src/components/calendar/tests/calendar.test.tsx @@ -7,10 +7,12 @@ import MockDate from 'mockdate' const classPrefix = `adm-calendar` // mock today -MockDate.set(new Date('2022-03-22')) +MockDate.set(new Date('2023-05-22')) -const singleDate: Date = new Date('2022-03-09') -const rangeDate: [Date, Date] = [new Date('2022-03-09'), new Date('2022-03-21')] +const mixDate: Date = new Date('2023-05-01') +const maxDate: Date = new Date('2023-05-31') +const singleDate: Date = new Date('2023-05-03') +const rangeDate: [Date, Date] = [new Date('2023-05-04'), new Date('2023-05-07')] describe('Calendar', () => { test('a11y', async () => { @@ -19,16 +21,19 @@ describe('Calendar', () => { test('single mode', async () => { const fn = jest.fn() - const { container, getByText } = render( + const { container, getByText, getAllByText } = render( ) expect(container).toMatchSnapshot() - const dateEl = getByText(15) + const dateEl = getAllByText(15)[0] fireEvent.click(dateEl) expect(dateEl.parentElement).toHaveClass(`${classPrefix}-cell-selected`) expect(fn).toBeCalled() @@ -37,7 +42,14 @@ describe('Calendar', () => { test('range mode', async () => { const fn = jest.fn() const { container, getByText } = render( - + ) expect(container).toMatchSnapshot() @@ -48,55 +60,11 @@ describe('Calendar', () => { document.querySelectorAll(`.${classPrefix}-cell-selected`).length ).toBe(7) expect(fn.mock.calls[1][0].map((d: Date) => d.toDateString())).toEqual([ - 'Sun Mar 20 2022', - 'Sat Mar 26 2022', + 'Sat May 20 2023', + 'Fri May 26 2023', ]) }) - test('controlled mode', async () => { - const today = dayjs('2022-05-01') - - const App = () => { - const [val, setVal] = useState<[Date, Date] | null>(() => [ - today.subtract(2, 'day').toDate(), - today.add(2, 'day').toDate(), - ]) - - return ( - { - setVal(val) - }} - /> - ) - } - - const { container, getByText } = render() - const [startEl, endEl] = [getByText(8), getByText(15)] - fireEvent.click(startEl) - fireEvent.click(endEl) - expect(container).toMatchSnapshot() - }) - - test('page change', async () => { - const fn = jest.fn() - render() - - const btns = document.querySelectorAll(`.${classPrefix}-arrow-button-right`) - const titleEl = document.querySelector(`.${classPrefix}-title`) - // month - fireEvent.click(btns[0]) - expect(titleEl?.innerHTML).toContain('4月') - expect(fn.mock.calls[0]).toEqual([2022, 4]) - - // year - fireEvent.click(btns[1]) - expect(titleEl?.innerHTML).toContain('2023') - expect(fn.mock.calls[1]).toEqual([2023, 4]) - }) - test('jump to a day', async () => { const App = () => { const ref = useRef(null) @@ -116,7 +84,7 @@ describe('Calendar', () => { > jumpToToday - + ) } @@ -130,13 +98,26 @@ describe('Calendar', () => { }) test('week start on Monday', async () => { - const { container } = render() + const { container } = render( + + ) expect(container).toMatchSnapshot() }) test(`can't allow to clear`, async () => { const { getByText } = render( - + ) const dateEl = getByText(16) @@ -145,11 +126,14 @@ describe('Calendar', () => { expect(dateEl.parentElement).toHaveClass(`${classPrefix}-cell-selected`) }) - test('custom label', async () => { + test('custom top', async () => { const today = dayjs() const { container } = render( { + min={mixDate} + max={maxDate} + usePopup={false} + renderTop={date => { if (dayjs(date).isSame(today, 'day')) return '今天' if (date.getDay() === 0 || date.getDay() === 6) { return '周末' @@ -160,14 +144,31 @@ describe('Calendar', () => { expect(container).toMatchSnapshot() }) - test('custom date render', () => { + test('custom date', () => { + render( + { + return
{dayjs(date).date()}
+ }} + /> + ) + expect(document.getElementsByClassName('custom-cell').length).toBe(31) + }) + + test('custom bottom', () => { render( { return
{dayjs(date).date()}
}} /> ) - expect(document.getElementsByClassName('custom-cell').length).toBe(42) + expect(document.getElementsByClassName('custom-cell').length).toBe(31) }) }) diff --git a/src/locales/base.ts b/src/locales/base.ts index dc22f84b23..0f062c5340 100644 --- a/src/locales/base.ts +++ b/src/locales/base.ts @@ -9,6 +9,11 @@ export const base = { close: 'Close', }, Calendar: { + title: 'Date selection', + confirm: 'Confirm', + start: 'start', + end: 'end', + today: 'today', markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], renderYearAndMonth: (year: number, month: number) => `${year}/${month}`, }, diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts index 2721cffb4b..f7e8d38133 100644 --- a/src/locales/zh-CN.ts +++ b/src/locales/zh-CN.ts @@ -12,6 +12,11 @@ const zhCN = mergeLocale(base, { close: '关闭', }, Calendar: { + title: '日期选择', + confirm: '确认', + start: '开始', + end: '结束', + today: '今日', markItems: ['一', '二', '三', '四', '五', '六', '日'], renderYearAndMonth: (year: number, month: number) => `${year}年${month}月`, }, From 865c3fca90198993c9e18176a520c695ec637b9b Mon Sep 17 00:00:00 2001 From: gaopeng0108 Date: Sat, 24 Jun 2023 14:28:40 +0800 Subject: [PATCH 2/7] fix: update style --- src/components/calendar/calendar.less | 48 +++++++++++++++++++++------ src/components/calendar/calendar.tsx | 30 +++++++++-------- 2 files changed, 55 insertions(+), 23 deletions(-) diff --git a/src/components/calendar/calendar.less b/src/components/calendar/calendar.less index 8fa093283f..c51584a619 100644 --- a/src/components/calendar/calendar.less +++ b/src/components/calendar/calendar.less @@ -4,13 +4,16 @@ flex: auto; font-size: var(--adm-font-size-10); } + & &-header { - padding: 8px; + padding: 12px; border-bottom: 1px solid var(--adm-color-border); + .adm-calendar-title { text-align: center; } } + & &-body { height: 64vh; overflow: auto; @@ -18,60 +21,82 @@ &::-webkit-scrollbar { display: none; } + .adm-calendar-title { position: sticky; top: 0; - padding: 12px 18px; + padding: 8px 20px; background-color: var(--adm-color-box); } } + & &-footer { - padding: 12px 18px; + &-bottom { + padding: 0 20px 16px; + } + + .adm-divider { + margin-top: 0; + } + .adm-button { width: 100%; } } + &-cells { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; - padding: 8px 8px 4px; + padding: 4px 8px; } + &-cell { flex: none; box-sizing: border-box; width: calc(100% / 7); - min-height: 56px; + min-height: 55px; margin-bottom: 4px; padding: 2px; color: var(--adm-color-text); cursor: pointer; + &&-today { color: var(--adm-color-primary); } + &&-disabled { color: var(--adm-color-light); + .adm-calendar-cell-top, .adm-calendar-cell-bottom { color: var(--adm-color-light); } } + &&-selected { && { - background: var(--adm-color-primary); - color: var(--adm-color-white); + background: rgba(22, 119, 255, 10%); + color: var(--adm-color-text); } + & .adm-calendar-cell-top, & .adm-calendar-cell-bottom { color: var(--adm-color-white); } + &&-begin { + background: var(--adm-color-primary); + color: var(--adm-color-white); border-top-left-radius: 4px; border-bottom-left-radius: 4px; } + &&-end { + background: var(--adm-color-primary); + color: var(--adm-color-white); border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @@ -85,15 +110,17 @@ flex-direction: column; align-items: center; justify-content: center; + & &-date { flex: none; line-height: 22px; - font-size: var(--adm-font-size-9); + font-size: var(--adm-font-size-8); } + & &-top, & &-bottom { flex: none; - font-size: var(--adm-font-size-2); + font-size: var(--adm-font-size-1); height: 14px; line-height: 14px; color: var(--adm-color-weak); @@ -108,8 +135,9 @@ border-bottom: solid 1px var(--adm-color-border); height: 45px; box-sizing: border-box; - font-size: var(--adm-font-size-7); + font-size: var(--adm-font-size-6); padding: 0 8px; + & &-cell { flex: 1; text-align: center; diff --git a/src/components/calendar/calendar.tsx b/src/components/calendar/calendar.tsx index 6f751a3314..85fafb9445 100644 --- a/src/components/calendar/calendar.tsx +++ b/src/components/calendar/calendar.tsx @@ -9,6 +9,7 @@ import { NativeProps, withNativeProps } from '../../utils/native-props' import dayjs from 'dayjs' import classNames from 'classnames' import Button from '../button' +import Divider from '../divider' import Popup from '../popup' import type { PopupProps } from '../popup' import { mergeProps } from '../../utils/with-default-props' @@ -318,19 +319,22 @@ export const Calendar = forwardRef((p, ref) => { const footer = (
- + +
+ +
) From 0bd85a72b0fe77bcd503474a3f6ba6ce5317d119 Mon Sep 17 00:00:00 2001 From: gaopeng0108 Date: Sat, 24 Jun 2023 14:41:45 +0800 Subject: [PATCH 3/7] fix: update test snap --- .../config-provider.test.tsx.snap | 22639 ++++------------ 1 file changed, 5927 insertions(+), 16712 deletions(-) diff --git a/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap b/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap index 08dcae1e05..300d63e5b4 100644 --- a/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap +++ b/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap @@ -4,15342 +4,2003 @@ exports[`ConfigProvider should display the text as da-DK 1`] = ` + +
+
+
- - - - - - - + + - -
-
-
- sø -
-
- ma -
-
- ti -
-
- on -
-
- to -
-
- fr
- lø +
+
+
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
- 3 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Oops, noget gik galt -
-
- Vent et minut og prøv igen -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as en 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022/3 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Sun -
-
- Mon -
-
- Tue -
-
- Wed -
-
- Thu -
-
- Fri -
-
- Sat -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Oops, something went wrong -
-
- Please wait a minute and try again -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as es 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022/3 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Dom -
-
- Lun -
-
- Mar -
-
- Mie -
-
- Jue -
-
- Vie -
-
- Sab -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Oops, algo salió mal -
-
- Por favor espere un minuto e intente nuevamente -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as fa-IR 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022/3 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- جمعه -
-
- شنبه -
-
- یک‌شنبه -
-
- دو‌شنبه -
-
- سه‌شنبه -
-
- چهار‌شنبه -
-
- پنج‌نشبه -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- اوه، مشکلی پیش آمد -
-
- لطفاً یک دقیقه صبر کنید و دوباره امتحان کنید -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as fr-FR 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022Année 3Mois -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- sept -
-
- un -
-
- deux -
-
- trois -
-
- quatre -
-
- cinq -
-
- six -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- La page rencontre des problèmes mineurs -
-
- Venez essayer plus tard -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as id-ID 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022 Tahun 3 Bulan -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Minggu -
-
- Senin -
-
- Selasa -
-
- Rabu -
-
- Kamis -
-
- Jumat -
-
- Sabtu -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Halaman mengalami beberapa permasalahan kecil -
-
- Coba lagi nanti -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as it-IT 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 3/2022 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- dom -
-
- lun -
-
- mar -
-
- mer -
-
- gio -
-
- ven -
-
- sab -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Oops, qualcosa è andato storto -
-
- Per favore, attendi un minuto e riprova più tardi -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as ja-JP 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022年3月 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 日 -
-
- 月 -
-
- 火 -
-
- 水 -
-
- 木 -
-
- 金 -
-
- 土 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- おっと,何か問題が発生しました -
-
- しばらく待ってからもう一度お試しください -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as kk-KZ 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022жыл3-ші ай -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Же -
-
- Дү -
-
- Се -
-
- Сә -
-
- Бе -
-
- Жұ -
-
- Се -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Азы наулақ мәселелерге тап болдық -
-
- Кейінірек көріңіз -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as ko-KR 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022년 3월 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 일 -
-
- 월 -
-
- 화 -
-
- 수 -
-
- 목 -
-
- 금 -
-
- 토 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 문제가 발생했습니다 -
-
- 잠시 후 다시 시도해주세요 -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as nb-NO 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 3.2022 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Søn -
-
- Man -
-
- Tir -
-
- Ons -
-
- Tor -
-
- Fre -
-
- Lør -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Oops, noe gikk galt -
-
- Vent et minutt og prøv igjen -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as nl-NL 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 3-2022 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Zo -
-
- Ma -
-
- Di -
-
- Wo -
-
- Do -
-
- Vr -
-
- Za -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Oeps, er is iets fout gegaan -
-
- Wacht een minuutje en probeer opnieuw -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as zh-CH 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022年3月 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as en 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 18 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 19 -
-
+ Oops, something went wrong
-
- 20 -
-
+ Please wait a minute and try again
+
+
+
+
- 21 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 22 -
-
+ + + + + + +
-
- 23 -
-
+
+
+
+
- 24 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 25 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as es 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 26 -
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Oops, algo salió mal
-
- 27 -
-
+ Por favor espere un minuto e intente nuevamente
+
+
+
+
- 28 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 29 -
-
+ + + + + + +
-
- 30 -
-
+
+
+
+
- 31 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 1 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as fa-IR 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 2 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 3 -
-
+ اوه، مشکلی پیش آمد
-
- 4 -
-
+ لطفاً یک دقیقه صبر کنید و دوباره امتحان کنید
+
+
+
+
- 5 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 6 -
-
+ + + + + + +
-
- 7 -
-
+
+
+
+
- 8 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 9 + + + + + + + + + + + + +
-
+
+`; + +exports[`ConfigProvider should display the text as fr-FR 1`] = ` +
+
@@ -15559,12 +2220,12 @@ exports[`ConfigProvider should display the text as zh-CH 1`] = `
- 页面遇到一些小问题 + La page rencontre des problèmes mineurs
- 待会来试试 + Venez essayer plus tard
@@ -15601,7 +2262,7 @@ exports[`ConfigProvider should display the text as zh-CH 1`] = ` class="adm-form-item-required-text" > ( - 必填 + Qu’il remplit ) @@ -15614,950 +2275,2227 @@ exports[`ConfigProvider should display the text as zh-CH 1`] = ` > -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as zh-HK 1`] = ` - +
+
+
+
+ +
+
+
- - - - - - + + - +
- 2022年3月 +
- +
+
+
+
- - - - - - - - - - - - - - - - + +
+ +
+ - - - - - - - - -
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 + + +
-
- 8 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as id-ID 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 9 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 10 -
-
+ Halaman mengalami beberapa permasalahan kecil
-
- 11 -
-
+ Coba lagi nanti
+
+
+
+
- 12 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 13 -
-
+ + + + + + +
-
- 14 -
-
+
+
+
+
- 15 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 16 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as it-IT 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 17 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 18 -
-
+ Oops, qualcosa è andato storto
-
- 19 -
-
+ Per favore, attendi un minuto e riprova più tardi
+
+
+
+
- 20 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 21 -
-
+ + + + + + +
-
- 22 -
-
+
+
+
+
- 23 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 24 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as ja-JP 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 25 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 26 -
-
+ おっと,何か問題が発生しました
-
- 27 -
-
+ しばらく待ってからもう一度お試しください
+
+
+
+
- 28 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 29 -
-
+ + + + + + +
-
- 30 -
-
+
+
+
+
- 31 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 1 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as kk-KZ 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 2 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 3 -
-
+ Азы наулақ мәселелерге тап болдық
-
- 4 -
-
+ Кейінірек көріңіз
+
+
+
+
- 5 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 6 -
-
+ + + + + + +
-
- 7 -
-
+
+
+
+
- 8 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 9 + + + + + + + + + + + + +
-
+
+`; + +exports[`ConfigProvider should display the text as ko-KR 1`] = ` +
+
@@ -16777,12 +4715,12 @@ exports[`ConfigProvider should display the text as zh-HK 1`] = `
- 頁面遇到一些小問題 + 문제가 발생했습니다
- 待會來試試 + 잠시 후 다시 시도해주세요
@@ -16819,7 +4757,7 @@ exports[`ConfigProvider should display the text as zh-HK 1`] = ` class="adm-form-item-required-text" > ( - 必填 + 필수 ) @@ -16833,949 +4771,2226 @@ exports[`ConfigProvider should display the text as zh-HK 1`] = ` -
-
-
-
-
-
-
-
-
- -
-
-
- - - - - - - - -
-
- -
-
-
-
-
-
-
-
-
- - - -
- -
- - - - - - - - - - -
-
-
-
- - - - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as zh-TW 1`] = ` - +
+
+
+
+ +
+
+
- - - - - - + + - +
- 2022年3月 +
- +
+
+
+
- - - - - - - - - - - - - - - - + +
+ +
+ - - - - - - - - - -
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 + d="M10.6085104,8.11754663 L24.1768397,21.8195031 L24.1768397,21.8195031 L37.7443031,8.1175556 C37.8194278,8.04168616 37.9217669,7.999 38.0285372,7.999 L41.1040268,7.999 C41.3249407,7.999 41.5040268,8.1780861 41.5040268,8.399 C41.5040268,8.50440471 41.4624226,8.60554929 41.3882578,8.68044752 L26.2773302,23.9408235 L26.2773302,23.9408235 L41.5021975,39.3175645 C41.65763,39.4745475 41.6563731,39.7278104 41.4993901,39.8832429 C41.4244929,39.9574004 41.3233534,39.999 41.2179546,39.999 L38.1434012,39.999 C38.0366291,39.999 37.9342885,39.9563124 37.8591634,39.8804408 L24.1768397,26.0621438 L24.1768397,26.0621438 L10.4936501,39.8804497 C10.4185257,39.9563159 10.3161889,39.999 10.2094212,39.999 L7.13584526,39.999 C6.91493136,39.999 6.73584526,39.8199139 6.73584526,39.599 C6.73584526,39.4936017 6.77744443,39.3924627 6.85160121,39.3175656 L22.0763492,23.9408235 L22.0763492,23.9408235 L6.96554081,8.68044639 C6.81010226,8.52346929 6.81134951,8.27020637 6.9683266,8.11476782 C7.04322474,8.04060377 7.14436883,7.999 7.24977299,7.999 L10.3242852,7.999 C10.4310511,7.999 10.5333863,8.04168267 10.6085104,8.11754663 Z" + fill="currentColor" + fill-rule="nonzero" + id="CloseOutline-路径" + /> + + + +
-
- 8 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as nb-NO 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 9 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 10 -
-
+ Oops, noe gikk galt
-
- 11 -
-
+ Vent et minutt og prøv igjen
+
+
+
+
- 12 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 13 -
-
+ + + + + + +
-
- 14 -
-
+
+
+
+
- 15 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 16 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as nl-NL 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 17 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 18 -
-
+ Oeps, er is iets fout gegaan
-
- 19 -
-
+ Wacht een minuutje en probeer opnieuw
+
+
+
+
- 20 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 21 -
-
+ + + + + + +
-
- 22 -
-
+
+
+
+
- 23 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 24 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as zh-CH 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 25 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 26 -
-
+ 页面遇到一些小问题
-
- 27 -
-
+ 待会来试试
+
+
+
+
- 28 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 29 -
-
+ + + + + + +
-
- 30 -
-
+
+
+
+
- 31 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 1 + + + + + + + + + + + + +
-
-
+
+
+`; + +exports[`ConfigProvider should display the text as zh-HK 1`] = ` +
+
+
+
+ -
+ + + + + + + + + - 2 -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
- 3 -
-
+ 頁面遇到一些小問題
-
- 4 -
-
+ 待會來試試
+
+
+
+
- 5 +
+
+
+
+ +
+
+
+ +
+
+
+
+
+
-
+
+ +
+
-
- 6 -
-
+ + + + + + +
-
- 7 -
-
+
+
+
+
- 8 +
+
+ + + +
+ +
+ + + + + + + + + +
-
- 9 + + + + + + + + + + + + +
-
+
+`; + +exports[`ConfigProvider should display the text as zh-TW 1`] = ` +
+
From 1400ca263ee88a8428e95b3fc4b411469a1b6638 Mon Sep 17 00:00:00 2001 From: gaopeng0108 Date: Sat, 24 Jun 2023 17:53:44 +0800 Subject: [PATCH 4/7] feat: update readme --- src/components/calendar/calendar.en.md | 2 ++ src/components/calendar/calendar.zh.md | 2 ++ 2 files changed, 4 insertions(+) diff --git a/src/components/calendar/calendar.en.md b/src/components/calendar/calendar.en.md index 6c1320b8e8..4aa74faa70 100644 --- a/src/components/calendar/calendar.en.md +++ b/src/components/calendar/calendar.en.md @@ -37,6 +37,8 @@ When the user needs to enter a date, he can select it in the pop-up date panel. | value | The selected date or date range. | `Date \| null` when selection mode is "single". `[Date, Date] \| null` when selection mode is "range" | - | | weekStartsOn | Week starts on which day. | `'Monday' \| 'Sunday'` | `'Sunday'` | | renderDate | Custom date rendering. | `(date: Date) => ReactNode` | - | 5.28.0 | +| usePopup | Whether to use popup | `boolean` | `true` | +| popupProps | popup props | `Reference Popup Component` | - | | ### CSS Variables diff --git a/src/components/calendar/calendar.zh.md b/src/components/calendar/calendar.zh.md index 65862c4248..a9f33d8722 100644 --- a/src/components/calendar/calendar.zh.md +++ b/src/components/calendar/calendar.zh.md @@ -39,6 +39,8 @@ | value | 选择的日期 | 单选模式下为 `Date \| null`，多选模式下为 `[Date, Date] \| null` | - | | weekStartsOn | 每周以周几作为第一天 | `'Monday' \| 'Sunday'` | `'Sunday'` | | renderDate | 自定义日期渲染 | `(date: Date) => ReactNode` | - | 5.28.0 | +| usePopup | 是否使用 popup | `boolean` | `true` | +| popupProps | popup 属性 | `参考 Popup 弹出层组件` | - | | ### CSS 变量 From 6a5595fb45e85e554449b1a13d38f8a5f16aed35 Mon Sep 17 00:00:00 2001 From: gaopeng0108 Date: Wed, 26 Jul 2023 11:37:46 +0800 Subject: [PATCH 5/7] fix: usercase --- .../config-provider.test.tsx.snap | 721 +----------------- 1 file changed, 1 insertion(+), 720 deletions(-) diff --git a/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap b/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap index a697a5201d..eefb807ac7 100644 --- a/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap +++ b/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap @@ -5992,726 +5992,7 @@ exports[`ConfigProvider should display the text as ru 1`] = `
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- 2022/3 -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Вс -
-
- Пн -
-
- Вт -
-
- Ср -
-
- Чт -
-
- Пт -
-
- Сб -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
- 10 -
-
-
-
-
- 11 -
-
-
-
-
- 12 -
-
-
-
-
- 13 -
-
-
-
-
- 14 -
-
-
-
-
- 15 -
-
-
-
-
- 16 -
-
-
-
-
- 17 -
-
-
-
-
- 18 -
-
-
-
-
- 19 -
-
-
-
-
- 20 -
-
-
-
-
- 21 -
-
-
-
-
- 22 -
-
-
-
-
- 23 -
-
-
-
-
- 24 -
-
-
-
-
- 25 -
-
-
-
-
- 26 -
-
-
-
-
- 27 -
-
-
-
-
- 28 -
-
-
-
-
- 29 -
-
-
-
-
- 30 -
-
-
-
-
- 31 -
-
-
-
-
- 1 -
-
-
-
-
- 2 -
-
-
-
-
- 3 -
-
-
-
-
- 4 -
-
-
-
-
- 5 -
-
-
-
-
- 6 -
-
-
-
-
- 7 -
-
-
-
-
- 8 -
-
-
-
-
- 9 -
-
-
-
-
+ />
From 03f73081b559fcfbdf05f7df68d668a4e070456d Mon Sep 17 00:00:00 2001 From: gaopeng0108 Date: Sun, 6 Aug 2023 18:46:59 +0800 Subject: [PATCH 6/7] feat: split calendar view --- .../arrow-left-double.tsx | 0 .../arrow-left.tsx | 0 .../calendar-view/calendar-view.en.md | 63 + .../calendar-view.less} | 13 +- .../calendar-view/calendar-view.tsx | 323 + .../calendar-view/calendar-view.zh.md | 63 + .../{calendar => calendar-view}/convert.ts | 0 .../demos/demo1.tsx} | 6 +- src/components/calendar-view/index.ts | 6 + .../__snapshots__/calendar-view.test.tsx.snap | 9019 +++ .../tests/calendar-view.test.tsx | 163 + src/components/calendar/calendar.en.md | 15 +- src/components/calendar/calendar.tsx | 398 +- src/components/calendar/calendar.zh.md | 15 +- src/components/calendar/demos/demo1.tsx | 36 +- src/components/calendar/demos/demo2.tsx | 48 +- src/components/calendar/demos/demo3.tsx | 49 +- src/components/calendar/demos/demo4.tsx | 29 +- src/components/calendar/index.ts | 1 - .../__snapshots__/calendar.test.tsx.snap | 9012 +-- .../calendar/tests/calendar.test.tsx | 145 +- .../config-provider.test.tsx.snap | 67508 ++++++++++++++-- .../tests/config-provider.test.tsx | 4 +- src/index.ts | 5 + 24 files changed, 70933 insertions(+), 15988 deletions(-) rename src/components/{calendar => calendar-view}/arrow-left-double.tsx (100%) rename src/components/{calendar => calendar-view}/arrow-left.tsx (100%) create mode 100644 src/components/calendar-view/calendar-view.en.md rename src/components/{calendar/calendar.less => calendar-view/calendar-view.less} (91%) create mode 100644 src/components/calendar-view/calendar-view.tsx create mode 100644 src/components/calendar-view/calendar-view.zh.md rename src/components/{calendar => calendar-view}/convert.ts (100%) rename src/components/{calendar/demos/demo5.tsx => calendar-view/demos/demo1.tsx} (50%) create mode 100644 src/components/calendar-view/index.ts create mode 100644 src/components/calendar-view/tests/__snapshots__/calendar-view.test.tsx.snap create mode 100644 src/components/calendar-view/tests/calendar-view.test.tsx diff --git a/src/components/calendar/arrow-left-double.tsx b/src/components/calendar-view/arrow-left-double.tsx similarity index 100% rename from src/components/calendar/arrow-left-double.tsx rename to src/components/calendar-view/arrow-left-double.tsx diff --git a/src/components/calendar/arrow-left.tsx b/src/components/calendar-view/arrow-left.tsx similarity index 100% rename from src/components/calendar/arrow-left.tsx rename to src/components/calendar-view/arrow-left.tsx diff --git a/src/components/calendar-view/calendar-view.en.md b/src/components/calendar-view/calendar-view.en.md new file mode 100644 index 0000000000..65262130c0 --- /dev/null +++ b/src/components/calendar-view/calendar-view.en.md @@ -0,0 +1,63 @@ +# CalendarView + +Used to select a date or date range. + +CalendarView is the content area of [Calendar](/components/calendar). + +## Demos + +Only the simplest content area is shown here, and other more usages can be consulted [Calendar](/zh/components/calendar) + + + +## CalendarView + +### Props + +| Name | Description | Type | Default | Version | +| --- | --- | --- | --- | --- | +| allowClear | Whether to allow clearing after another click. | `boolean` | `true` | +| defaultValue | The default selected date or date range. | Same as `value` prop. | - | +| max | Maximum value of a selectable range. | `Date` | - | +| min | Minimum value of a selectable range. | `Date` | - | - | +| onChange | Trigger when selected date changes. | `(val: Date \| null) => void` when selection mode is "single". `(val: [Date, Date] \| null) => void` when selection mode is "range". | - | +| renderTop | The top information of date render function. | `(date: Date) => ReactNode \| null \| undefined` | - | +| renderBottom | The bottom information of date render function. | `(date: Date) => ReactNode \| null \| undefined` | - | +| selectionMode | The selection mode. Disable selection when this prop is not set. | `'single' \| 'range'` | - | +| shouldDisableDate | Set whether the date is disable selection. The min and max Settings are ignored | `(date: Date) => boolean` | - | +| title | The title of calendar | `React.ReactNode` | `Date selection` | +| value | The selected date or date range. | `Date \| null` when selection mode is "single". `[Date, Date] \| null` when selection mode is "range" | - | +| weekStartsOn | Week starts on which day. | `'Monday' \| 'Sunday'` | `'Sunday'` | +| renderDate | Custom date rendering. | `(date: Date) => ReactNode` | - | 5.28.0 | + +### CSS Variables + +Not supported yet. + +### Ref + +| Name | Description | Type | +| --- | --- | --- | +| jumpTo | Jump to specified page | `(page: Page \| ((page: Page) => Page)) => void` | +| jumpToToday | Jump to today's page | `() => void` | +| getDateRange | get date | `[Date, Date]` | + +```ts +type Page = { month: number; year: number } +``` + +You can manually control the page turning of the calendar through Ref, for example: + +```ts +// Jump to today's page +ref.current.jumpToToday() + +// Jump to the specified year and month +ref.current.jumpTo({ year: 2021, month: 1 }) + +// Jump to three years later +ref.current.jumpTo(page => ({ + year: page.year + 3, + month: page.month, +})) +``` diff --git a/src/components/calendar/calendar.less b/src/components/calendar-view/calendar-view.less similarity index 91% rename from src/components/calendar/calendar.less rename to src/components/calendar-view/calendar-view.less index c51584a619..ce675711dd 100644 --- a/src/components/calendar/calendar.less +++ b/src/components/calendar-view/calendar-view.less @@ -1,4 +1,5 @@ .adm-calendar, +.adm-calendar-view, .adm-calendar-popup { & &-title { flex: auto; @@ -9,7 +10,7 @@ padding: 12px; border-bottom: 1px solid var(--adm-color-border); - .adm-calendar-title { + .adm-calendar-view-title { text-align: center; } } @@ -22,7 +23,7 @@ display: none; } - .adm-calendar-title { + .adm-calendar-view-title { position: sticky; top: 0; padding: 8px 20px; @@ -70,8 +71,8 @@ &&-disabled { color: var(--adm-color-light); - .adm-calendar-cell-top, - .adm-calendar-cell-bottom { + .adm-calendar-view-cell-top, + .adm-calendar-view-cell-bottom { color: var(--adm-color-light); } } @@ -82,8 +83,8 @@ color: var(--adm-color-text); } - & .adm-calendar-cell-top, - & .adm-calendar-cell-bottom { + & .adm-calendar-view-cell-top, + & .adm-calendar-view-cell-bottom { color: var(--adm-color-white); } diff --git a/src/components/calendar-view/calendar-view.tsx b/src/components/calendar-view/calendar-view.tsx new file mode 100644 index 0000000000..816f1c26f4 --- /dev/null +++ b/src/components/calendar-view/calendar-view.tsx @@ -0,0 +1,323 @@ +import React, { + forwardRef, + useState, + useImperativeHandle, + useMemo, +} from 'react' +import type { ReactNode } from 'react' +import { NativeProps, withNativeProps } from '../../utils/native-props' +import dayjs from 'dayjs' +import classNames from 'classnames' +import { mergeProps } from '../../utils/with-default-props' +import { useConfig } from '../config-provider' +import isoWeek from 'dayjs/plugin/isoWeek' +import isSameOrBefore from 'dayjs/plugin/isSameOrBefore' +import { usePropsValue } from '../../utils/use-props-value' +import { + convertValueToRange, + convertPageToDayjs, + DateRange, + Page, +} from './convert' + +dayjs.extend(isoWeek) +dayjs.extend(isSameOrBefore) + +const classPrefix = 'adm-calendar-view' + +export type CalendarViewRef = { + jumpTo: (page: Page | ((page: Page) => Page)) => void + jumpToToday: () => void + getDateRange: () => DateRange +} + +export type CalendarViewProps = { + title?: React.ReactNode + confirmText?: string + weekStartsOn?: 'Monday' | 'Sunday' + renderTop?: (date: Date) => React.ReactNode + renderDate?: (date: Date) => React.ReactNode + renderBottom?: (date: Date) => React.ReactNode + allowClear?: boolean + max?: Date + min?: Date + shouldDisableDate?: (date: Date) => boolean +} & ( + | { + selectionMode?: undefined + value?: undefined + defaultValue?: undefined + onChange?: undefined + } + | { + selectionMode: 'single' + value?: Date | null + defaultValue?: Date | null + onChange?: (val: Date | null) => void + } + | { + selectionMode: 'range' + value?: [Date, Date] | null + defaultValue?: [Date, Date] | null + onChange?: (val: [Date, Date] | null) => void + } +) & + NativeProps + +const defaultProps = { + weekStartsOn: 'Sunday', + defaultValue: null, + allowClear: true, + usePopup: true, + selectionMode: 'single', +} + +export const CalendarView = forwardRef( + (p, ref) => { + const today = dayjs() + const props = mergeProps(defaultProps, p) + const { locale } = useConfig() + const markItems = [...locale.Calendar.markItems] + if (props.weekStartsOn === 'Sunday') { + const item = markItems.pop() + if (item) markItems.unshift(item) + } + + const [dateRange, setDateRange] = usePropsValue({ + value: + props.value === undefined + ? undefined + : convertValueToRange(props.selectionMode, props.value), + defaultValue: convertValueToRange( + props.selectionMode, + props.defaultValue + ), + onChange: v => { + if (props.selectionMode === 'single') { + props.onChange?.(v ? v[0] : null) + } else if (props.selectionMode === 'range') { + props.onChange?.(v) + } + }, + }) + + const [intermediate, setIntermediate] = useState(false) + + const [current, setCurrent] = useState(() => + dayjs(dateRange ? dateRange[0] : today).date(1) + ) + + useImperativeHandle(ref, () => ({ + jumpTo: pageOrPageGenerator => { + let page: Page + if (typeof pageOrPageGenerator === 'function') { + page = pageOrPageGenerator({ + year: current.year(), + month: current.month() + 1, + }) + } else { + page = pageOrPageGenerator + } + setCurrent(convertPageToDayjs(page)) + }, + jumpToToday: () => { + setCurrent(dayjs().date(1)) + }, + getDateRange: () => dateRange, + })) + + const header = ( +
+
+ {props.title ?? locale.Calendar.title} +
+
+ ) + + const maxDay = useMemo( + () => (props.max ? dayjs(props.max) : current.add(6, 'month')), + [props.max, current] + ) + const minDay = useMemo( + () => (props.min ? dayjs(props.min) : current), + [props.min, current] + ) + + function renderBody() { + const cells: ReactNode[] = [] + let monthIterator = minDay + // 遍历月份 + while (monthIterator.isSameOrBefore(maxDay, 'month')) { + const year = monthIterator.year() + const month = monthIterator.month() + + cells.push( +
+
+ {locale.Calendar.renderYearAndMonth(year, month + 1)} +
+
+ {/* 空格填充 */} + {Array( + props.weekStartsOn === 'Monday' + ? monthIterator.date(1).isoWeekday() - 1 + : monthIterator.date(1).isoWeekday() + ) + .fill(null) + .map((_, index) => ( +
+ ))} + {/* 遍历每月 */} + {Array(monthIterator.daysInMonth()) + .fill(null) + .map((_, index) => { + const d = monthIterator.date(index + 1) + let isSelect = false + let isBegin = false + let isEnd = false + let isSelectRowBegin = false + let isSelectRowEnd = false + if (dateRange) { + const [begin, end] = dateRange + isBegin = d.isSame(begin, 'day') + isEnd = d.isSame(end, 'day') + isSelect = + isBegin || + isEnd || + (d.isAfter(begin, 'day') && d.isBefore(end, 'day')) + if (isSelect) { + isSelectRowBegin = + (cells.length % 7 === 0 || + d.isSame(d.startOf('month'), 'day')) && + !isBegin + isSelectRowEnd = + (cells.length % 7 === 6 || + d.isSame(d.endOf('month'), 'day')) && + !isEnd + } + } + const disabled = props.shouldDisableDate + ? props.shouldDisableDate(d.toDate()) + : (maxDay && d.isAfter(maxDay, 'day')) || + (minDay && d.isBefore(minDay, 'day')) + + const renderTop = () => { + const top = props.renderTop?.(d.toDate()) + + if (top) { + return top + } + + if (props.selectionMode === 'range') { + if (isBegin) { + return locale.Calendar.start + } + + if (isEnd) { + return locale.Calendar.end + } + } + + if (d.isSame(today, 'day') && !isSelect) { + return locale.Calendar.today + } + } + return ( +
{ + if (!props.selectionMode) return + if (disabled) return + const date = d.toDate() + function shouldClear() { + if (!props.allowClear) return false + if (!dateRange) return false + const [begin, end] = dateRange + return d.isSame(begin, 'date') && d.isSame(end, 'day') + } + if (props.selectionMode === 'single') { + if (props.allowClear && shouldClear()) { + setDateRange(null) + return + } + setDateRange([date, date]) + } else if (props.selectionMode === 'range') { + if (!dateRange) { + setDateRange([date, date]) + setIntermediate(true) + return + } + if (shouldClear()) { + setDateRange(null) + setIntermediate(false) + return + } + if (intermediate) { + const another = dateRange[0] + setDateRange( + another > date ? [date, another] : [another, date] + ) + setIntermediate(false) + } else { + setDateRange([date, date]) + setIntermediate(true) + } + } + }} + > +
+ {renderTop()} +
+
+ {props.renderDate + ? props.renderDate(d.toDate()) + : d.date()} +
+
+ {props.renderBottom?.(d.toDate())} +
+
+ ) + })} +
+
+ ) + + monthIterator = monthIterator.add(1, 'month') + } + + return cells + } + const body =
{renderBody()}
+ + const mark = ( +
+ {markItems.map((item, index) => ( +
+ {item} +
+ ))} +
+ ) + + return withNativeProps( + props, +
+ {header} + {mark} + {body} +
+ ) + } +) diff --git a/src/components/calendar-view/calendar-view.zh.md b/src/components/calendar-view/calendar-view.zh.md new file mode 100644 index 0000000000..621dc08365 --- /dev/null +++ b/src/components/calendar-view/calendar-view.zh.md @@ -0,0 +1,63 @@ +# CalendarView 日历 + +用于选择日期或日期区间。 + +CalendarView 是 [Calendar](/zh/components/calendar) 的内容区域。 + +## 示例 + +此处只展示了最简单的内容区域，其他更多用法可以参考 [Calendar](/zh/components/calendar) + + + +## CalendarView + +### 属性 + +| 属性 | 说明 | 类型 | 默认值 | 版本 | +| --- | --- | --- | --- | --- | +| allowClear | 是否允许再次点击后清除 | `boolean` | `true` | +| defaultValue | 默认选择的日期 | 同 `value` 属性 | - | +| max | 可选择范围的最大值 | `Date` | - | +| min | 可选择范围的最小值 | `Date` | - | +| onChange | 选择日期变化时触发 | 单选模式下为 `(val: Date \| null) => void`，多选模式下为 `(val: [Date, Date] \| null) => void` | - | +| renderTop | 日期顶部信息的渲染函数 | `(date: Date) => ReactNode \| null \| undefined` | - | +| renderBottom | 日期底部信息的渲染函数 | `(date: Date) => ReactNode \| null \| undefined` | - | +| selectionMode | 选择模式，不设置的话表示不支持选择 | `'single' \| 'range'` | - | +| shouldDisableDate | 判断日期是否可选，使用后会忽略 min 和 max 设置 | `(date: Date) => boolean` | - | +| title | 日期选择器的标题 | `React.ReactNode` | `日期选择` | +| value | 选择的日期 | 单选模式下为 `Date \| null`，多选模式下为 `[Date, Date] \| null` | - | +| weekStartsOn | 每周以周几作为第一天 | `'Monday' \| 'Sunday'` | `'Sunday'` | +| renderDate | 自定义日期渲染 | `(date: Date) => ReactNode` | - | 5.28.0 | + +### CSS 变量 + +暂无 + +### Ref + +| 属性 | 说明 | 类型 | +| --- | --- | --- | +| jumpTo | 跳转至指定日期的区间 | `(page: Page \| ((page: Page) => Page)) => void` | +| jumpToToday | 跳转至今日 | `() => void` | +| getDateRange | 获取日期 | `[Date, Date]` | + +```ts +type Page = { month: number; year: number } +``` + +你可以通过 Ref 手动控制日历的翻页，例如： + +```ts +// 跳回当月 +ref.current.jumpToToday() + +// 跳转至指定年月 +ref.current.jumpTo({ year: 2021, month: 1 }) + +// 跳转到三年之后 +ref.current.jumpTo(page => ({ + year: page.year + 3, + month: page.month, +})) +``` diff --git a/src/components/calendar/convert.ts b/src/components/calendar-view/convert.ts similarity index 100% rename from src/components/calendar/convert.ts rename to src/components/calendar-view/convert.ts diff --git a/src/components/calendar/demos/demo5.tsx b/src/components/calendar-view/demos/demo1.tsx similarity index 50% rename from src/components/calendar/demos/demo5.tsx rename to src/components/calendar-view/demos/demo1.tsx index 5a91dba357..eab94397bd 100644 --- a/src/components/calendar/demos/demo5.tsx +++ b/src/components/calendar-view/demos/demo1.tsx @@ -1,11 +1,11 @@ import React from 'react' -import { Calendar } from 'antd-mobile' +import { CalendarView } from 'antd-mobile' import { DemoBlock } from 'demos' export default () => { return ( - - + + ) } diff --git a/src/components/calendar-view/index.ts b/src/components/calendar-view/index.ts new file mode 100644 index 0000000000..f7f5369f3a --- /dev/null +++ b/src/components/calendar-view/index.ts @@ -0,0 +1,6 @@ +import './calendar-view.less' +import { CalendarView } from './calendar-view' + +export type { CalendarViewProps, CalendarViewRef } from './calendar-view' + +export default CalendarView diff --git a/src/components/calendar-view/tests/__snapshots__/calendar-view.test.tsx.snap b/src/components/calendar-view/tests/__snapshots__/calendar-view.test.tsx.snap new file mode 100644 index 0000000000..0cbe7a9e29 --- /dev/null +++ b/src/components/calendar-view/tests/__snapshots__/calendar-view.test.tsx.snap @@ -0,0 +1,9019 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Calendar custom top 1`] = ` +
+
+
+
+ 日期选择 +
+
+
+
+ 日 +
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+
+
+
+ 2023年5月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+ 周末 +
+
+ 6 +
+
+
+
+
+ 周末 +
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+ 周末 +
+
+ 13 +
+
+
+
+
+ 周末 +
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+ 周末 +
+
+ 20 +
+
+
+
+
+ 周末 +
+
+ 21 +
+
+
+
+
+ 今天 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+ 周末 +
+
+ 27 +
+
+
+
+
+ 周末 +
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+
+`; + +exports[`Calendar jump to a day 1`] = ` +
+ + +
+
+
+ 日期选择 +
+
+
+
+ 日 +
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+
+
+
+ 2021年1月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2021年2月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+
+ 2021年3月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2021年4月 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2021年5月 +
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2021年6月 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2021年7月 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+
+`; + +exports[`Calendar jump to a day 2`] = ` +
+ + +
+
+
+ 日期选择 +
+
+
+
+ 日 +
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+
+
+
+ 2023年5月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2023年6月 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2023年7月 +
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2023年8月 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2023年9月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2023年10月 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2023年11月 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+`; + +exports[`Calendar range mode 1`] = ` +
+
+
+
+ 日期选择 +
+
+
+
+ 日 +
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+
+
+
+ 2023年5月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+ 开始 +
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+ 结束 +
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+
+`; + +exports[`Calendar single mode 1`] = ` +
+
+
+
+ 日期选择 +
+
+
+
+ 日 +
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+
+
+
+ 2023年5月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+
+`; + +exports[`Calendar week start on Monday 1`] = ` +
+
+
+
+ 日期选择 +
+
+
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+ 日 +
+
+
+
+
+ 2023年5月 +
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+
+`; diff --git a/src/components/calendar-view/tests/calendar-view.test.tsx b/src/components/calendar-view/tests/calendar-view.test.tsx new file mode 100644 index 0000000000..c91e57f2fc --- /dev/null +++ b/src/components/calendar-view/tests/calendar-view.test.tsx @@ -0,0 +1,163 @@ +import React, { useRef } from 'react' +import { render, testA11y, fireEvent } from 'testing' +import CalendarView, { CalendarViewRef } from '..' +import dayjs from 'dayjs' +import MockDate from 'mockdate' + +const classPrefix = `adm-calendar-view` + +// mock today +MockDate.set(new Date('2023-05-22')) + +const mixDate: Date = new Date('2023-05-01') +const maxDate: Date = new Date('2023-05-31') +const singleDate: Date = new Date('2023-05-03') +const rangeDate: [Date, Date] = [new Date('2023-05-04'), new Date('2023-05-07')] + +describe('Calendar', () => { + test('a11y', async () => { + await testA11y() + }) + + test('single mode', async () => { + const fn = jest.fn() + const { container, getAllByText } = render( + + ) + + expect(container).toMatchSnapshot() + const dateEl = getAllByText(15)[0] + fireEvent.click(dateEl) + expect(dateEl.parentElement).toHaveClass(`${classPrefix}-cell-selected`) + expect(fn).toBeCalled() + }) + + test('range mode', async () => { + const fn = jest.fn() + const { container, getByText } = render( + + ) + + expect(container).toMatchSnapshot() + const [startEl, endEl] = [getByText(20), getByText(26)] + fireEvent.click(startEl) + fireEvent.click(endEl) + expect( + document.querySelectorAll(`.${classPrefix}-cell-selected`).length + ).toBe(7) + expect(fn.mock.calls[1][0].map((d: Date) => d.toDateString())).toEqual([ + 'Sat May 20 2023', + 'Fri May 26 2023', + ]) + }) + + test('jump to a day', async () => { + const App = () => { + const ref = useRef(null) + return ( + <> + + + + + ) + } + const { container, getByText } = render() + + fireEvent.click(getByText('jumpTo')) + expect(container).toMatchSnapshot() + + fireEvent.click(getByText('jumpToToday')) + expect(container).toMatchSnapshot() + }) + + test('week start on Monday', async () => { + const { container } = render( + + ) + expect(container).toMatchSnapshot() + }) + + test(`can't allow to clear`, async () => { + const { getByText } = render( + + ) + + const dateEl = getByText(16) + fireEvent.click(dateEl) + fireEvent.click(dateEl) + expect(dateEl.parentElement).toHaveClass(`${classPrefix}-cell-selected`) + }) + + test('custom top', async () => { + const today = dayjs() + const { container } = render( + { + if (dayjs(date).isSame(today, 'day')) return '今天' + if (date.getDay() === 0 || date.getDay() === 6) { + return '周末' + } + }} + /> + ) + expect(container).toMatchSnapshot() + }) + + test('custom date', () => { + render( + { + return
{dayjs(date).date()}
+ }} + /> + ) + expect(document.getElementsByClassName('custom-cell').length).toBe(31) + }) + + test('custom bottom', () => { + render( + { + return
{dayjs(date).date()}
+ }} + /> + ) + expect(document.getElementsByClassName('custom-cell').length).toBe(31) + }) +}) diff --git a/src/components/calendar/calendar.en.md b/src/components/calendar/calendar.en.md index 64d41c49fe..41320924b0 100644 --- a/src/components/calendar/calendar.en.md +++ b/src/components/calendar/calendar.en.md @@ -16,16 +16,22 @@ When the user needs to enter a date, he can select it in the pop-up date panel. - - ## Calendar ### Props | Name | Description | Type | Default | Version | | --- | --- | --- | --- | --- | -| allowClear | Whether to allow clearing after another click. | `boolean` | `true` | +| visible | To show or hide the Cclendar | `boolean` | `true` | | confirmText | The text of confirm button | `string` | `Confirm` | +| popupClassName | The custom class name of the popup | `string` | - | +| popupStyle | The custom style of the popup | `React.CSSProperties` | - | +| popupBodyStyle | The custom style of the popup body | `React.CSSProperties` | - | +| forceRender | Render content forcely，When ref is passed，always be true | `boolean` | `false` | +| closeOnMaskClick | Whether to close after clicking the mask layer | `boolean` | `true` | +| onClose | Triggered when closed | `() => void` | - | +| onMaskClick | Triggered when the mask is clicked | `() => void` | - | +| allowClear | Whether to allow clearing after another click. | `boolean` | `true` | | defaultValue | The default selected date or date range. | Same as `value` prop. | - | | max | Maximum value of a selectable range. | `Date` | - | | min | Minimum value of a selectable range. | `Date` | - | - | @@ -39,8 +45,6 @@ When the user needs to enter a date, he can select it in the pop-up date panel. | value | The selected date or date range. | `Date \| null` when selection mode is "single". `[Date, Date] \| null` when selection mode is "range" | - | | weekStartsOn | Week starts on which day. | `'Monday' \| 'Sunday'` | `'Sunday'` | | renderDate | Custom date rendering. | `(date: Date) => ReactNode` | - | 5.28.0 | -| usePopup | Whether to use popup | `boolean` | `true` | -| popupProps | popup props | `Reference Popup Component` | - | | ### CSS Variables @@ -52,6 +56,7 @@ Not supported yet. | --- | --- | --- | | jumpTo | Jump to specified page | `(page: Page \| ((page: Page) => Page)) => void` | | jumpToToday | Jump to today's page | `() => void` | +| getDateRange | get date | `[Date, Date]` | ```ts type Page = { month: number; year: number } diff --git a/src/components/calendar/calendar.tsx b/src/components/calendar/calendar.tsx index 8dbc16f3fa..057dabb8d1 100644 --- a/src/components/calendar/calendar.tsx +++ b/src/components/calendar/calendar.tsx @@ -1,76 +1,44 @@ -import React, { - forwardRef, - useState, - useImperativeHandle, - useMemo, -} from 'react' -import type { ReactNode } from 'react' -import { NativeProps, withNativeProps } from '../../utils/native-props' -import dayjs from 'dayjs' +import React, { forwardRef, useRef } from 'react' +import { withNativeProps } from '../../utils/native-props' import classNames from 'classnames' import Button from '../button' import Divider from '../divider' import Popup from '../popup' -import type { PopupProps } from '../popup' import { mergeProps } from '../../utils/with-default-props' import { useConfig } from '../config-provider' -import isoWeek from 'dayjs/plugin/isoWeek' -import isSameOrBefore from 'dayjs/plugin/isSameOrBefore' -import { usePropsValue } from '../../utils/use-props-value' -import { - convertValueToRange, - convertPageToDayjs, - DateRange, - Page, -} from './convert' - -dayjs.extend(isoWeek) -dayjs.extend(isSameOrBefore) +import CalendarView, { + CalendarViewProps, + CalendarViewRef, +} from '../calendar-view' const classPrefix = 'adm-calendar' -export type CalendarRef = { - jumpTo: (page: Page | ((page: Page) => Page)) => void - jumpToToday: () => void -} +export type CalendarRef = CalendarViewRef -export type CalendarProps = { - title?: React.ReactNode +export type CalendarProps = CalendarViewProps & { + visible?: boolean confirmText?: string - weekStartsOn?: 'Monday' | 'Sunday' - renderTop?: (date: Date) => React.ReactNode - renderDate?: (date: Date) => React.ReactNode - renderBottom?: (date: Date) => React.ReactNode - allowClear?: boolean - max?: Date - min?: Date - shouldDisableDate?: (date: Date) => boolean - usePopup?: boolean - popupProps?: PopupProps + popupClassName?: string + popupStyle?: React.CSSProperties + popupBodyStyle?: React.CSSProperties + forceRender?: true + closeOnMaskClick?: boolean + onClose?: () => void + onMaskClick?: () => void } & ( - | { - selectionMode?: undefined - value?: undefined - defaultValue?: undefined - onChange?: undefined - onConfirm?: undefined - } - | { - selectionMode: 'single' - value?: Date | null - defaultValue?: Date | null - onChange?: (val: Date | null) => void - onConfirm?: (val: Date | null) => void - } - | { - selectionMode: 'range' - value?: [Date, Date] | null - defaultValue?: [Date, Date] | null - onChange?: (val: [Date, Date] | null) => void - onConfirm?: (val: [Date, Date] | null) => void - } -) & - NativeProps + | { + selectionMode?: undefined + onConfirm?: undefined + } + | { + selectionMode: 'single' + onConfirm?: (val: Date | null) => void + } + | { + selectionMode: 'range' + onConfirm?: (val: [Date, Date] | null) => void + } + ) const defaultProps = { weekStartsOn: 'Sunday', @@ -81,241 +49,24 @@ const defaultProps = { } export const Calendar = forwardRef((p, ref) => { - const today = dayjs() const props = mergeProps(defaultProps, p) const { locale } = useConfig() - const markItems = [...locale.Calendar.markItems] - if (props.weekStartsOn === 'Sunday') { - const item = markItems.pop() - if (item) markItems.unshift(item) - } - - const [dateRange, setDateRange] = usePropsValue({ - value: - props.value === undefined - ? undefined - : convertValueToRange(props.selectionMode, props.value), - defaultValue: convertValueToRange(props.selectionMode, props.defaultValue), - onChange: v => { - if (props.selectionMode === 'single') { - props.onChange?.(v ? v[0] : null) - } else if (props.selectionMode === 'range') { - props.onChange?.(v) - } - }, - }) + const calendarRef = (ref ?? + useRef(null)) as React.RefObject - const [intermediate, setIntermediate] = useState(false) - - const [current, setCurrent] = useState(() => - dayjs(dateRange ? dateRange[0] : today).date(1) - ) - - useImperativeHandle(ref, () => ({ - jumpTo: pageOrPageGenerator => { - let page: Page - if (typeof pageOrPageGenerator === 'function') { - page = pageOrPageGenerator({ - year: current.year(), - month: current.month() + 1, - }) - } else { - page = pageOrPageGenerator - } - setCurrent(convertPageToDayjs(page)) - }, - jumpToToday: () => { - setCurrent(dayjs().date(1)) - }, - })) - - const header = ( -
-
- {props.title ?? locale.Calendar.title} -
-
- ) - - const maxDay = useMemo( - () => (props.max ? dayjs(props.max) : current.add(6, 'month')), - [props.max, current] - ) - const minDay = useMemo( - () => (props.min ? dayjs(props.min) : current), - [props.min, current] - ) - - function renderBody() { - const cells: ReactNode[] = [] - let monthIterator = minDay - // 遍历月份 - while (monthIterator.isSameOrBefore(maxDay, 'month')) { - const year = monthIterator.year() - const month = monthIterator.month() - - cells.push( -
-
- {locale.Calendar.renderYearAndMonth(year, month + 1)} -
-
- {/* 空格填充 */} - {Array( - props.weekStartsOn === 'Monday' - ? monthIterator.date(1).isoWeekday() - 1 - : monthIterator.date(1).isoWeekday() - ) - .fill(null) - .map((_, index) => ( -
- ))} - {/* 遍历每月 */} - {Array(monthIterator.daysInMonth()) - .fill(null) - .map((_, index) => { - const d = monthIterator.date(index + 1) - let isSelect = false - let isBegin = false - let isEnd = false - let isSelectRowBegin = false - let isSelectRowEnd = false - if (dateRange) { - const [begin, end] = dateRange - isBegin = d.isSame(begin, 'day') - isEnd = d.isSame(end, 'day') - isSelect = - isBegin || - isEnd || - (d.isAfter(begin, 'day') && d.isBefore(end, 'day')) - if (isSelect) { - isSelectRowBegin = - (cells.length % 7 === 0 || - d.isSame(d.startOf('month'), 'day')) && - !isBegin - isSelectRowEnd = - (cells.length % 7 === 6 || - d.isSame(d.endOf('month'), 'day')) && - !isEnd - } - } - const disabled = props.shouldDisableDate - ? props.shouldDisableDate(d.toDate()) - : (maxDay && d.isAfter(maxDay, 'day')) || - (minDay && d.isBefore(minDay, 'day')) - - const renderTop = () => { - const top = props.renderTop?.(d.toDate()) - - if (top) { - return top - } - - if (props.selectionMode === 'range') { - if (isBegin) { - return locale.Calendar.start - } - - if (isEnd) { - return locale.Calendar.end - } - } - - if (d.isSame(today, 'day') && !isSelect) { - return locale.Calendar.today - } - } - return ( -
{ - if (!props.selectionMode) return - if (disabled) return - const date = d.toDate() - function shouldClear() { - if (!props.allowClear) return false - if (!dateRange) return false - const [begin, end] = dateRange - return d.isSame(begin, 'date') && d.isSame(end, 'day') - } - if (props.selectionMode === 'single') { - if (props.allowClear && shouldClear()) { - setDateRange(null) - return - } - setDateRange([date, date]) - } else if (props.selectionMode === 'range') { - if (!dateRange) { - setDateRange([date, date]) - setIntermediate(true) - return - } - if (shouldClear()) { - setDateRange(null) - setIntermediate(false) - return - } - if (intermediate) { - const another = dateRange[0] - setDateRange( - another > date ? [date, another] : [another, date] - ) - setIntermediate(false) - } else { - setDateRange([date, date]) - setIntermediate(true) - } - } - }} - > -
- {renderTop()} -
-
- {props.renderDate - ? props.renderDate(d.toDate()) - : d.date()} -
-
- {props.renderBottom?.(d.toDate())} -
-
- ) - })} -
-
- ) - - monthIterator = monthIterator.add(1, 'month') - } - - return cells - } - const body =
{renderBody()}
- - const mark = ( -
- {markItems.map((item, index) => ( -
- {item} -
- ))} -
- ) + const { + visible, + confirmText, + popupClassName, + popupStyle, + popupBodyStyle, + forceRender, + closeOnMaskClick, + onClose, + onConfirm, + onMaskClick, + ...calendarViewProps + } = props const footer = (
@@ -324,54 +75,49 @@ export const Calendar = forwardRef((p, ref) => {
) - const { - className: popupClassName, - bodyStyle: popupBodyStyle, - ...restPopupProps - } = props.popupProps ?? {} - return withNativeProps( props,
- {props.usePopup ? ( - - {header} - {mark} - {body} - {footer} - - ) : ( - <> - {header} - {mark} - {body} - - )} + { + onMaskClick?.() + if (closeOnMaskClick) { + onClose?.() + } + }} + > + + {footer} +
) }) diff --git a/src/components/calendar/calendar.zh.md b/src/components/calendar/calendar.zh.md index a9f33d8722..9fe79f0ba2 100644 --- a/src/components/calendar/calendar.zh.md +++ b/src/components/calendar/calendar.zh.md @@ -16,16 +16,22 @@ - - ## Calendar ### 属性 | 属性 | 说明 | 类型 | 默认值 | 版本 | | --- | --- | --- | --- | --- | -| allowClear | 是否允许再次点击后清除 | `boolean` | `true` | +| visible | 显示隐藏 | `boolean` | `true` | | confirmText | 确认按钮文案 | `string` | `确认` | +| popupClassName | 弹出层类名 | `string` | - | +| popupStyle | 弹层容器的自定义样式 | `React.CSSProperties` | - | +| popupBodyStyle | 容器内部自定义样式 | `React.CSSProperties` | - | +| forceRender | 强制渲染内容，当传递 ref 时，会强制设为 true | `boolean` | `false` | +| closeOnMaskClick | 点击背景蒙层后是否关闭 | `boolean` | `true` | +| onClose | 关闭时触发 | `() => void` | - | +| onMaskClick | 点击背景蒙层时触发 | `() => void` | - | +| allowClear | 是否允许再次点击后清除 | `boolean` | `true` | | defaultValue | 默认选择的日期 | 同 `value` 属性 | - | | max | 可选择范围的最大值 | `Date` | - | | min | 可选择范围的最小值 | `Date` | - | @@ -39,8 +45,6 @@ | value | 选择的日期 | 单选模式下为 `Date \| null`，多选模式下为 `[Date, Date] \| null` | - | | weekStartsOn | 每周以周几作为第一天 | `'Monday' \| 'Sunday'` | `'Sunday'` | | renderDate | 自定义日期渲染 | `(date: Date) => ReactNode` | - | 5.28.0 | -| usePopup | 是否使用 popup | `boolean` | `true` | -| popupProps | popup 属性 | `参考 Popup 弹出层组件` | - | | ### CSS 变量 @@ -52,6 +56,7 @@ | --- | --- | --- | | jumpTo | 跳转至指定日期的区间 | `(page: Page \| ((page: Page) => Page)) => void` | | jumpToToday | 跳转至今日 | `() => void` | +| getDateRange | 获取日期 | `[Date, Date]` | ```ts type Page = { month: number; year: number } diff --git a/src/components/calendar/demos/demo1.tsx b/src/components/calendar/demos/demo1.tsx index e63fb8c22f..528bc15b59 100644 --- a/src/components/calendar/demos/demo1.tsx +++ b/src/components/calendar/demos/demo1.tsx @@ -27,17 +27,11 @@ export default () => { > 选择单个日期 { - setVisible1(false) - }, - onClose: () => { - setVisible1(false) - }, - }} + visible={visible1} selectionMode='single' defaultValue={singleDate} + onClose={() => setVisible1(false)} + onMaskClick={() => setVisible1(false)} /> { > 选择日期范围 { - setVisible2(false) - }, - onClose: () => { - setVisible2(false) - }, - }} + onClose={() => setVisible2(false)} + onMaskClick={() => setVisible2(false)} onChange={val => { console.log(val) }} @@ -70,17 +58,11 @@ export default () => { > 受控日期选择 { - setVisible3(false) - }, - onClose: () => { - setVisible3(false) - }, - }} + onClose={() => setVisible3(false)} + onMaskClick={() => setVisible3(false)} onChange={val => { setVal(val) }} diff --git a/src/components/calendar/demos/demo2.tsx b/src/components/calendar/demos/demo2.tsx index 207eaa55b3..d9f7c7d9c0 100644 --- a/src/components/calendar/demos/demo2.tsx +++ b/src/components/calendar/demos/demo2.tsx @@ -22,15 +22,9 @@ export default () => { 自定义标题 { - setVisible1(false) - }, - onClose: () => { - setVisible1(false) - }, - }} + visible={visible1} + onClose={() => setVisible1(false)} + onMaskClick={() => setVisible1(false)} /> { 自定义确认文案 { - setVisible2(false) - }, - onClose: () => { - setVisible2(false) - }, - }} + visible={visible2} + onClose={() => setVisible2(false)} + onMaskClick={() => setVisible2(false)} /> { 周一作为每周的第一天 { - setVisible3(false) - }, - onClose: () => { - setVisible3(false) - }, - }} + visible={visible3} + onClose={() => setVisible3(false)} + onMaskClick={() => setVisible3(false)} /> { min={min} max={max} selectionMode='range' - popupProps={{ - visible: visible4, - onMaskClick: () => { - setVisible4(false) - }, - onClose: () => { - setVisible4(false) - }, - }} + visible={visible4} + onClose={() => setVisible4(false)} + onMaskClick={() => setVisible4(false)} /> diff --git a/src/components/calendar/demos/demo3.tsx b/src/components/calendar/demos/demo3.tsx index 61ec56d965..7a1a7697e7 100644 --- a/src/components/calendar/demos/demo3.tsx +++ b/src/components/calendar/demos/demo3.tsx @@ -25,6 +25,9 @@ export default () => { > 自定义日期顶部信息 setVisible1(false)} + onMaskClick={() => setVisible1(false)} renderTop={date => { const map = { 1: '初一', @@ -38,15 +41,6 @@ export default () => { return map[d] } }} - popupProps={{ - visible: visible1, - onMaskClick: () => { - setVisible1(false) - }, - onClose: () => { - setVisible1(false) - }, - }} /> { > 自定义日期底部信息 setVisible2(false)} + onMaskClick={() => setVisible2(false)} renderBottom={date => { const dates = [16, 17, 18, 19] const d = dayjs(date).date() @@ -64,15 +61,6 @@ export default () => { return '¥100' } }} - popupProps={{ - visible: visible2, - onMaskClick: () => { - setVisible2(false) - }, - onClose: () => { - setVisible2(false) - }, - }} /> { > 自定义日期渲染 setVisible3(false)} + onMaskClick={() => setVisible3(false)} renderDate={date => { const dates = [16, 17, 18, 19] const d = dayjs(date).date() @@ -95,15 +86,6 @@ export default () => {
) }} - popupProps={{ - visible: visible3, - onMaskClick: () => { - setVisible3(false) - }, - onClose: () => { - setVisible3(false) - }, - }} /> { onChange={val => { setVal(val) }} - popupProps={{ - className: 'calendar-popup-custom', - visible: visible4, - onMaskClick: () => { - setVisible4(false) - }, - onClose: () => { - setVisible4(false) - }, - }} + visible={visible4} + onClose={() => setVisible4(false)} + onMaskClick={() => setVisible4(false)} /> diff --git a/src/components/calendar/demos/demo4.tsx b/src/components/calendar/demos/demo4.tsx index 171aa52b94..82ee73197f 100644 --- a/src/components/calendar/demos/demo4.tsx +++ b/src/components/calendar/demos/demo4.tsx @@ -12,21 +12,18 @@ export default () => { { setVisible1(true) - ref1.current?.jumpTo({ year: 2023, month: 8 }) + ref1.current?.jumpTo(page => ({ + year: page.year, + month: page.month + 3, + })) }} > 跳转到 3 月后 { - setVisible1(false) - }, - onClose: () => { - setVisible1(false) - }, - }} + visible={visible1} + onClose={() => setVisible1(false)} + onMaskClick={() => setVisible1(false)} /> { 跳转到 3 年后 { - setVisible2(false) - }, - onClose: () => { - setVisible2(false) - }, - }} + visible={visible2} + onClose={() => setVisible2(false)} + onMaskClick={() => setVisible2(false)} /> diff --git a/src/components/calendar/index.ts b/src/components/calendar/index.ts index cff7d5a2ec..7cf42a25f9 100644 --- a/src/components/calendar/index.ts +++ b/src/components/calendar/index.ts @@ -1,4 +1,3 @@ -import './calendar.less' import { Calendar } from './calendar' export type { CalendarProps, CalendarRef } from './calendar' diff --git a/src/components/calendar/tests/__snapshots__/calendar.test.tsx.snap b/src/components/calendar/tests/__snapshots__/calendar.test.tsx.snap index c05d221062..a3644cc699 100644 --- a/src/components/calendar/tests/__snapshots__/calendar.test.tsx.snap +++ b/src/components/calendar/tests/__snapshots__/calendar.test.tsx.snap @@ -1,9019 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Calendar custom top 1`] = ` -
-
-
-
- 日期选择 -
-
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 2023年5月 -
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
- 周末 -
-
- 6 -
-
-
-
-
- 周末 -
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
- 周末 -
-
- 13 -
-
-
-
-
- 周末 -
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
- 周末 -
-
- 20 -
-
-
-
-
- 周末 -
-
- 21 -
-
-
-
-
- 今天 -
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
- 周末 -
-
- 27 -
-
-
-
-
- 周末 -
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
-
-`; - -exports[`Calendar jump to a day 1`] = ` -
- - -
-
-
- 日期选择 -
-
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 2021年1月 -
-
-
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
- 2021年2月 -
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
-
- 2021年3月 -
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
- 2021年4月 -
-
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
-
- 2021年5月 -
-
-
-
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
- 2021年6月 -
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
-
- 2021年7月 -
-
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
-
-`; - -exports[`Calendar jump to a day 2`] = ` -
- - -
-
-
- 日期选择 -
-
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 2023年5月 -
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
- 今日 -
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
- 2023年6月 -
-
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
-
- 2023年7月 -
-
-
-
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
- 2023年8月 -
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
- 2023年9月 -
-
-
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
-
- 2023年10月 -
-
-
-
-
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
- 2023年11月 -
-
-
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
-
-
-`; - -exports[`Calendar range mode 1`] = ` -
-
-
-
- 日期选择 -
-
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 2023年5月 -
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
- 开始 -
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
- 结束 -
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
- 今日 -
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
-
-`; - exports[`Calendar single mode 1`] = `
-
-
- 日期选择 -
-
-
-
- 日 -
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
-
-
-
- 2023年5月 -
-
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
- 今日 -
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
-
-`; - -exports[`Calendar week start on Monday 1`] = ` -
-
-
-
- 日期选择 -
-
-
-
- 一 -
-
- 二 -
-
- 三 -
-
- 四 -
-
- 五 -
-
- 六 -
-
- 日 -
-
-
-
-
- 2023年5月 -
-
-
-
-
- 1 -
-
-
-
-
-
- 2 -
-
-
-
-
-
- 3 -
-
-
-
-
-
- 4 -
-
-
-
-
-
- 5 -
-
-
-
-
-
- 6 -
-
-
-
-
-
- 7 -
-
-
-
-
-
- 8 -
-
-
-
-
-
- 9 -
-
-
-
-
-
- 10 -
-
-
-
-
-
- 11 -
-
-
-
-
-
- 12 -
-
-
-
-
-
- 13 -
-
-
-
-
-
- 14 -
-
-
-
-
-
- 15 -
-
-
-
-
-
- 16 -
-
-
-
-
-
- 17 -
-
-
-
-
-
- 18 -
-
-
-
-
-
- 19 -
-
-
-
-
-
- 20 -
-
-
-
-
-
- 21 -
-
-
-
-
- 今日 -
-
- 22 -
-
-
-
-
-
- 23 -
-
-
-
-
-
- 24 -
-
-
-
-
-
- 25 -
-
-
-
-
-
- 26 -
-
-
-
-
-
- 27 -
-
-
-
-
-
- 28 -
-
-
-
-
-
- 29 -
-
-
-
-
-
- 30 -
-
-
-
-
-
- 31 -
-
-
-
-
-
-
+ />
`; diff --git a/src/components/calendar/tests/calendar.test.tsx b/src/components/calendar/tests/calendar.test.tsx index 56c20968cd..fa43a79f95 100644 --- a/src/components/calendar/tests/calendar.test.tsx +++ b/src/components/calendar/tests/calendar.test.tsx @@ -1,10 +1,9 @@ -import React, { useState, useRef } from 'react' +import React from 'react' import { render, testA11y, fireEvent } from 'testing' -import Calendar, { CalendarRef } from '..' -import dayjs from 'dayjs' +import Calendar from '..' import MockDate from 'mockdate' -const classPrefix = `adm-calendar` +const classPrefix = `adm-calendar-view` // mock today MockDate.set(new Date('2023-05-22')) @@ -12,7 +11,6 @@ MockDate.set(new Date('2023-05-22')) const mixDate: Date = new Date('2023-05-01') const maxDate: Date = new Date('2023-05-31') const singleDate: Date = new Date('2023-05-03') -const rangeDate: [Date, Date] = [new Date('2023-05-04'), new Date('2023-05-07')] describe('Calendar', () => { test('a11y', async () => { @@ -21,13 +19,13 @@ describe('Calendar', () => { test('single mode', async () => { const fn = jest.fn() - const { container, getByText, getAllByText } = render( + const { container, getAllByText } = render( ) @@ -38,137 +36,4 @@ describe('Calendar', () => { expect(dateEl.parentElement).toHaveClass(`${classPrefix}-cell-selected`) expect(fn).toBeCalled() }) - - test('range mode', async () => { - const fn = jest.fn() - const { container, getByText } = render( - - ) - - expect(container).toMatchSnapshot() - const [startEl, endEl] = [getByText(20), getByText(26)] - fireEvent.click(startEl) - fireEvent.click(endEl) - expect( - document.querySelectorAll(`.${classPrefix}-cell-selected`).length - ).toBe(7) - expect(fn.mock.calls[1][0].map((d: Date) => d.toDateString())).toEqual([ - 'Sat May 20 2023', - 'Fri May 26 2023', - ]) - }) - - test('jump to a day', async () => { - const App = () => { - const ref = useRef(null) - return ( - <> - - - - - ) - } - const { container, getByText } = render() - - fireEvent.click(getByText('jumpTo')) - expect(container).toMatchSnapshot() - - fireEvent.click(getByText('jumpToToday')) - expect(container).toMatchSnapshot() - }) - - test('week start on Monday', async () => { - const { container } = render( - - ) - expect(container).toMatchSnapshot() - }) - - test(`can't allow to clear`, async () => { - const { getByText } = render( - - ) - - const dateEl = getByText(16) - fireEvent.click(dateEl) - fireEvent.click(dateEl) - expect(dateEl.parentElement).toHaveClass(`${classPrefix}-cell-selected`) - }) - - test('custom top', async () => { - const today = dayjs() - const { container } = render( - { - if (dayjs(date).isSame(today, 'day')) return '今天' - if (date.getDay() === 0 || date.getDay() === 6) { - return '周末' - } - }} - /> - ) - expect(container).toMatchSnapshot() - }) - - test('custom date', () => { - render( - { - return
{dayjs(date).date()}
- }} - /> - ) - expect(document.getElementsByClassName('custom-cell').length).toBe(31) - }) - - test('custom bottom', () => { - render( - { - return
{dayjs(date).date()}
- }} - /> - ) - expect(document.getElementsByClassName('custom-cell').length).toBe(31) - }) }) diff --git a/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap b/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap index eefb807ac7..9f3ddc7885 100644 --- a/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap +++ b/src/components/config-provider/tests/__snapshots__/config-provider.test.tsx.snap @@ -3,1505 +3,58339 @@ exports[`ConfigProvider should display the text as da-DK 1`] = `
-
- - - +
+
+
+ sø +
+
+ ma +
+
+ ti +
+
+ on +
+
+ to +
+
+ fr +
+
+ lø +
+
+
+
+
+ 3.2022 +
+
+
+
+
- - + 1 +
+
- +
+
- - - - - - - + 2 +
+
+
+
- - - - - +
- +
+
- + 4 +
+
- +
+
- - - + 5 +
+
+
+
- +
- - - +
- +
+
- + 7 +
+
- +
+
- + 8 +
+
- +
+
- + 9 +
+
- +
+
- + 10 +
+
- +
+
- + 11 +
+
- - - - -
-
-
- Oops, noget gik galt -
-
- Vent et minut og prøv igen -
-
-
-
-
-
-
+
+
-
-
- -
-
-
- -
-
-
-
+ 12
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 13 +
+
+
+
- - - + 14
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as en 1`] = ` -
-
-
-
- - - - +
- +
+
- + 17 +
+
- - - - - - - +
- - - - - - +
- +
+
- + 19 +
+
- - - +
- +
- - - +
- +
+
- + 21 +
+
- - +
+
+ today +
+
+ 22 +
+
- +
+
- + 23 +
+
- +
+
- + 24 +
+
- +
+
- + 25 +
+
- - - - -
-
-
- Oops, something went wrong -
-
- Please wait a minute and try again -
-
-
-
-
-
-
+
+
-
-
- -
-
-
- -
-
-
-
+ 26
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 27 +
+
+
+
- - - + 28
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as es 1`] = ` -
-
-
-
- - - - +
- +
+
- + 31 +
+
- - +
+
+
+
+ 4.2022 +
+
+
- - - - - +
+
- - - - - +
- +
+
- + 2 +
+
- - - - +
- +
- - - +
- +
+
- + 4 +
+
- +
+
- + 5 +
+
- +
+
- + 6 +
+
- +
+
- + 7 +
+
- +
+
- + 8 +
+
- - - - -
-
-
- Oops, algo salió mal -
-
- Por favor espere un minuto e intente nuevamente -
-
-
-
-
-
-
+
+
-
-
- -
-
-
- -
-
-
-
+ 9
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- + 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
-
-
-
-
-
+
+ 5.2022 +
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 6.2022 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 7.2022 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 8.2022 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 9.2022 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Oops, noget gik galt +
+
+ Vent et minut og prøv igen +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as en 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ Sun +
+
+ Mon +
+
+ Tue +
+
+ Wed +
+
+ Thu +
+
+ Fri +
+
+ Sat +
+
+
+
+
+ 2022/3 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/4 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022/5 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/6 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022/7 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/8 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/9 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Oops, something went wrong +
+
+ Please wait a minute and try again +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as es 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ Dom +
+
+ Lun +
+
+ Mar +
+
+ Mie +
+
+ Jue +
+
+ Vie +
+
+ Sab +
+
+
+
+
+ 2022/3 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/4 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022/5 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/6 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022/7 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/8 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/9 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Oops, algo salió mal +
+
+ Por favor espere un minuto e intente nuevamente +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as fa-IR 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ جمعه +
+
+ شنبه +
+
+ یک‌شنبه +
+
+ دو‌شنبه +
+
+ سه‌شنبه +
+
+ چهار‌شنبه +
+
+ پنج‌نشبه +
+
+
+
+
+ 2022/3 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/4 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022/5 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/6 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022/7 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/8 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/9 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ اوه، مشکلی پیش آمد +
+
+ لطفاً یک دقیقه صبر کنید و دوباره امتحان کنید +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as fr-FR 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ sept +
+
+ un +
+
+ deux +
+
+ trois +
+
+ quatre +
+
+ cinq +
+
+ six +
+
+
+
+
+ 2022Année 3Mois +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022Année 4Mois +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022Année 5Mois +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022Année 6Mois +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022Année 7Mois +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022Année 8Mois +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022Année 9Mois +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ La page rencontre des problèmes mineurs +
+
+ Venez essayer plus tard +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as id-ID 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ Minggu +
+
+ Senin +
+
+ Selasa +
+
+ Rabu +
+
+ Kamis +
+
+ Jumat +
+
+ Sabtu +
+
+
+
+
+ 2022 Tahun 3 Bulan +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022 Tahun 4 Bulan +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022 Tahun 5 Bulan +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022 Tahun 6 Bulan +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022 Tahun 7 Bulan +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022 Tahun 8 Bulan +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022 Tahun 9 Bulan +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Halaman mengalami beberapa permasalahan kecil +
+
+ Coba lagi nanti +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as it-IT 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ dom +
+
+ lun +
+
+ mar +
+
+ mer +
+
+ gio +
+
+ ven +
+
+ sab +
+
+
+
+
+ 3/2022 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 4/2022 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 5/2022 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 6/2022 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 7/2022 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 8/2022 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 9/2022 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Oops, qualcosa è andato storto +
+
+ Per favore, attendi un minuto e riprova più tardi +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as ja-JP 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ 日 +
+
+ 月 +
+
+ 火 +
+
+ 水 +
+
+ 木 +
+
+ 金 +
+
+ 土 +
+
+
+
+
+ 2022年3月 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年4月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022年5月 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年6月 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022年7月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年8月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年9月 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ おっと,何か問題が発生しました +
+
+ しばらく待ってからもう一度お試しください +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as kk-KZ 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ Же +
+
+ Дү +
+
+ Се +
+
+ Сә +
+
+ Бе +
+
+ Жұ +
+
+ Се +
+
+
+
+
+ 2022жыл3-ші ай +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022жыл4-ші ай +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022жыл5-ші ай +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022жыл6-ші ай +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022жыл7-ші ай +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022жыл8-ші ай +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022жыл9-ші ай +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Азы наулақ мәселелерге тап болдық +
+
+ Кейінірек көріңіз +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as ko-KR 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ 일 +
+
+ 월 +
+
+ 화 +
+
+ 수 +
+
+ 목 +
+
+ 금 +
+
+ 토 +
+
+
+
+
+ 2022년 3월 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022년 4월 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022년 5월 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022년 6월 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022년 7월 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022년 8월 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022년 9월 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ 문제가 발생했습니다 +
+
+ 잠시 후 다시 시도해주세요 +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as nb-NO 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ Søn +
+
+ Man +
+
+ Tir +
+
+ Ons +
+
+ Tor +
+
+ Fre +
+
+ Lør +
+
+
+
+
+ 3.2022 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 4.2022 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 5.2022 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 6.2022 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 7.2022 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 8.2022 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 9.2022 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Oops, noe gikk galt +
+
+ Vent et minutt og prøv igjen +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as nl-NL 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ Zo +
+
+ Ma +
+
+ Di +
+
+ Wo +
+
+ Do +
+
+ Vr +
+
+ Za +
+
+
+
+
+ 3-2022 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 4-2022 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 5-2022 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 6-2022 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 7-2022 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 8-2022 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 9-2022 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Oeps, er is iets fout gegaan +
+
+ Wacht een minuutje en probeer opnieuw +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as ru 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ Вс +
+
+ Пн +
+
+ Вт +
+
+ Ср +
+
+ Чт +
+
+ Пт +
+
+ Сб +
+
+
+
+
+ 2022/3 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/4 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022/5 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/6 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022/7 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/8 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022/9 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Упс! Что-то пошло не так +
+
+ Пожалуйста, подождите минуту и повторите попытку +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as zh-CH 1`] = ` +
+
+
+
+ 日期选择 +
+
+
+
+ 日 +
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+
+
+
+ 2022年3月 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ 今日 +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年4月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022年5月 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年6月 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022年7月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年8月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年9月 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ 页面遇到一些小问题 +
+
+ 待会来试试 +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + + + +
+
+
+
+
+`; + +exports[`ConfigProvider should display the text as zh-HK 1`] = ` +
+
+
+
+ Date selection +
+
+
+
+ 日 +
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+
+
+
+ 2022年3月 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+ today +
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年4月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022年5月 +
+
+
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年6月 +
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+
+ 2022年7月 +
+
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年8月 +
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
+
+
+
+ 31 +
+
+
+
+
+
+
+ 2022年9月 +
+
+
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
+
+
+ 8 +
+
+
+
+
+
+ 9 +
+
+
+
+
+
+ 10 +
+
+
+
+
+
+ 11 +
+
+
+
+
+
+ 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
+
+
+ 17 +
+
+
+
+
+
+ 18 +
+
+
+
+
+
+ 19 +
+
+
+
+
+
+ 20 +
+
+
+
+
+
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
- - - + 29
-
- - - - - - - - - - -
-
-
-
- - +
- - - - - - - - - - - + 30 +
+
+
-
-`; - -exports[`ConfigProvider should display the text as fa-IR 1`] = ` -
-
@@ -1721,12 +58555,12 @@ exports[`ConfigProvider should display the text as fa-IR 1`] = `
- اوه، مشکلی پیش آمد + 頁面遇到一些小問題
- لطفاً یک دقیقه صبر کنید و دوباره امتحان کنید + 待會來試試
@@ -1763,7 +58597,7 @@ exports[`ConfigProvider should display the text as fa-IR 1`] = ` class="adm-form-item-required-text" > ( - اجباری + 必填 ) @@ -1996,5500 +58830,3434 @@ exports[`ConfigProvider should display the text as fa-IR 1`] = `
`; -exports[`ConfigProvider should display the text as fr-FR 1`] = ` +exports[`ConfigProvider should display the text as zh-TW 1`] = `
-
- - - +
+
+
+ 日 +
+
+ 一 +
+
+ 二 +
+
+ 三 +
+
+ 四 +
+
+ 五 +
+
+ 六 +
+
+
+
+
+ 2022年3月 +
+
+
+
+
+
+
+ 1 +
+
+
+
+
+
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
+
+
+ 7 +
+
+
+
- - + 8 +
+
- +
+
- - - - - - - + 9 +
+
+
+
- - - - - +
- +
+
- + 11 +
+
- +
+
- - - + 12 +
+
+
+
- +
- - - +
- +
+
- + 14 +
+
- +
+
- + 15 +
+
- +
+
- + 16 +
+
- +
+
- + 17 +
+
- +
+
- + 18 +
+
+
+
+
- - - - -
-
-
- La page rencontre des problèmes mineurs -
-
- Venez essayer plus tard -
-
-
-
-
-
-
+
+ 19 +
+
+
+
-
-
- -
-
-
- -
-
-
-
+ 20
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 21 +
+
+
- - - + today
- + 22 +
+
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as id-ID 1`] = ` -
-
-
-
- - - +
+
+
- - + 25 +
+
- +
+
- - - - - - - + 26 +
+
+
+
- - - - - +
- +
+
- + 28 +
+
- +
+
- - - + 29 +
+
+
+
- +
- - - +
- +
+
- + 31 +
+
+
+
+
+
+
+ 2022年4月 +
+
+
+
+
+
+
+
+
- + 1 +
+
- +
+
- + 2 +
+
- +
+
- + 3 +
+
- +
+
- + 4 +
+
- +
+
- - - - -
-
-
- Halaman mengalami beberapa permasalahan kecil -
-
- Coba lagi nanti -
-
-
-
-
-
-
+
+ 5 +
+
+
+
-
-
- -
-
-
- -
-
-
-
+ 6
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 7 +
+
+
+
- - - + 8
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as it-IT 1`] = ` -
-
-
-
- - - +
+
+
- - + 11 +
+
- +
+
- - - - - - - + 12 +
+
+
+
+
+
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
+
+ 15 +
+
+
+
+
+
+ 16 +
+
+
+
- - - - - +
- +
+
- + 18 +
+
- +
+
- - - + 19 +
+
+
+
- +
- - - +
- +
+
- + 21 +
+
- +
+
- + 22 +
+
- +
+
- + 23 +
+
- +
+
- + 24 +
+
- +
+
- + 25 +
+
- - - - -
-
-
- Oops, qualcosa è andato storto -
-
- Per favore, attendi un minuto e riprova più tardi -
-
-
-
-
-
-
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
-
-
- -
-
-
- -
-
-
-
+ 29
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- + 30 +
+
+
+
-
-
-
-
-
+
+ 2022年5月 +
+
+
+
+
+
+
+
+
+
- - - + 1
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as ja-JP 1`] = ` -
-
-
-
- - - +
+
+
- - + 7 +
+
- +
+
- - - - - - - + 8 +
+
+
+
- - - - - +
- +
+
- + 10 +
+
- +
+
- - - + 11 +
+
+
+
- +
- - - +
- +
+
- + 13 +
+
+
+
+
+
+ 14 +
+
+
+
+
- + 15 +
+
- +
+
- + 16 +
+
- +
+
- + 17 +
+
- +
+
- + 18 +
+
- +
+
- - - - -
-
-
- おっと,何か問題が発生しました -
-
- しばらく待ってからもう一度お試しください -
-
-
-
-
-
-
+
+ 19 +
+
+
+
-
-
- -
-
-
- -
-
-
-
+ 20
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 21 +
+
+
+
+
+
+ 22 +
+
+
+
- - - + 23
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as kk-KZ 1`] = ` -
-
-
-
- - - +
+
+
- - + 26 +
+
- +
+
- - - - - - - + 27 +
+
+
+
- - - - - +
- +
+
+
+ 29 +
+
- +
+
- + 30 +
+
- - - +
- +
- - - +
- +
+
+
+
+ 2022年6月 +
+
+
+
+
+
+
- + 1 +
+
- +
+
- + 2 +
+
- +
+
- + 3 +
+
- +
+
- + 4 +
+
- +
+
- + 5 +
+
- - - - -
-
-
- Азы наулақ мәселелерге тап болдық -
-
- Кейінірек көріңіз -
-
-
-
-
-
-
+
+
-
-
- -
-
-
- -
-
-
-
+ 6 +
+
+
+
+
+
+ 7
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 8 +
+
+
+
- - - + 9
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as ko-KR 1`] = ` -
-
-
-
- - - +
+
+
+
+
+ 12 +
+
+
+
- - + 13 +
+
- +
+
- - - - - - - + 14 +
+
+
+
- - - - - +
- +
+
- + 16 +
+
- +
+
- - - + 17 +
+
+
+
- +
- - - +
- +
+
- + 19 +
+
- +
+
- + 20 +
+
- +
+
- + 21 +
+
- +
+
- + 22 +
+
+
+
+
+
+ 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
- + 25 +
+
- +
+
- - - - -
-
-
- 문제가 발생했습니다 -
-
- 잠시 후 다시 시도해주세요 -
-
-
-
-
-
-
+
+ 26 +
+
+
+
-
-
- -
-
-
- -
-
-
-
+ 27
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 28 +
+
+
+
- - - + 29
-
- - +
- - - - - - - - + 30 +
+
+
-
+
- - - - - - - - - - - - - + 2022年7月
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as nb-NO 1`] = ` -
-
-
-
- - - +
+
+
+
+
+
- - + 1 +
+
- +
+
- - - - - - - + 2 +
+
+
+
- - - - - +
- +
+
- + 4 +
+
- +
+
- - - + 5 +
+
+
+
- +
- - - +
- +
+
- + 7 +
+
- +
+
- + 8 +
+
- +
+
- + 9 +
+
- +
+
- + 10 +
+
- +
+
- + 11 +
+
- - - - -
-
-
- Oops, noe gikk galt -
-
- Vent et minutt og prøv igjen -
-
-
-
-
-
-
+
+
-
-
- -
-
-
- -
-
-
-
+ 12
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 13 +
+
+
+
+
+
+ 14 +
+
+
+
- - - + 15
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as nl-NL 1`] = ` -
-
-
-
- - - - +
- +
+
- + 18 +
+
- - - - - - - +
- - - - - - +
- +
+
- + 20 +
+
- - - +
- +
- - - +
- +
+
- + 22 +
+
- +
+
- + 23 +
+
- +
+
- + 24 +
+
- +
+
- + 25 +
+
- +
+
- + 26 +
+
- - - - -
-
-
- Oeps, er is iets fout gegaan -
-
- Wacht een minuutje en probeer opnieuw -
-
-
-
-
-
-
+
+
-
-
- -
-
-
- -
-
-
-
+ 27
+
-
-
-
- -
-
-
- - +
+
+ 28 +
+
+
+
- +
- - - - - -
-
- -
-
-
-
-
-
-
+ 29 +
+
+
+
- - - + 30
-
- - +
- - - - - - - - + 31 +
+
+
-
+
- - - - - - - - - - - - - + 2022年8月
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as ru 1`] = ` -
-
-
-
- - - - - - - - - - - - - - - - - - - +
- +
+
- + 2 +
+
- - - +
- +
- - - +
- +
+
- + 4 +
+
- +
+
- + 5 +
+
- +
+
- + 6 +
+
- +
+
- + 7 +
+
- +
+
- + 8 +
+
- - - - -
-
-
- Упс! Что-то пошло не так -
-
- Пожалуйста, подождите минуту и повторите попытку -
-
-
-
-
-
-
+
+
-
-
- -
-
-
- -
-
-
-
+ 9
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 10 +
+
+
+
- - - + 11
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as zh-CH 1`] = ` -
-
-
-
- - - +
+
+
+
+
+ 14 +
+
+
+
- - + 15 +
+
- +
+
- - - - - - - + 16 +
+
+
+
- - - - - +
- +
+
- + 18 +
+
- +
+
- - - + 19 +
+
+
+
- +
- - - +
- +
+
- + 21 +
+
- +
+
- + 22 +
+
- +
+
- + 23 +
+
+
+
+
+
+ 24 +
+
+
+
+
+
+ 25 +
+
+
+
+
+
+ 26 +
+
+
+
+
+
+ 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
- + 29 +
+
- +
+
- + 30 +
+
- +
+
- - - - -
-
-
- 页面遇到一些小问题 -
-
- 待会来试试 +
+ 31 +
+
+
+
-
-
-
-
-
+
+ 2022年9月 +
+
+
+
+
+
+
-
-
- -
-
-
- -
-
-
-
+ 1
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 2 +
+
+
+
+
+
+ 3 +
+
+
+
+
+
+ 4 +
+
+
+
+
+
+ 5 +
+
+
+
+
+
+ 6 +
+
+
+
- - - + 7
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - -
-
-
-
-
-`; - -exports[`ConfigProvider should display the text as zh-HK 1`] = ` -
-
-
-
- - - +
+
+
- - + 10 +
+
- +
+
- - - - - - - + 11 +
+
+
+
- - - - - +
+
+
+
+
+ 13 +
+
+
+
+
- + 14 +
+
- +
+
- + 15 +
+
- - - +
- +
- - - +
- +
+
- + 17 +
+
- +
+
- + 18 +
+
- +
+
- + 19 +
+
- +
+
- + 20 +
+
- +
+
- + 21 +
+
- - - - -
-
-
- 頁面遇到一些小問題 -
-
- 待會來試試 -
-
-
-
-
-
-
+
+
-
-
- -
-
-
- -
-
-
-
+ 22 +
+
+
+
+
+
+ 23
+
-
-
-
- -
-
-
- - - +
- - - - - -
-
- -
-
-
-
-
-
-
+ 24 +
+
+
+
- - - + 25
-
- - +
- - - - - - - - -
-
-
-
- +
+
+
- +
- - - - - - - - - - - + 27 +
+
+
+
+
+
+ 28 +
+
+
+
+
+
+ 29 +
+
+
+
+
+
+ 30 +
+
+
-
-`; - -exports[`ConfigProvider should display the text as zh-TW 1`] = ` -
-
diff --git a/src/components/config-provider/tests/config-provider.test.tsx b/src/components/config-provider/tests/config-provider.test.tsx index 365f02b190..6a8988295e 100644 --- a/src/components/config-provider/tests/config-provider.test.tsx +++ b/src/components/config-provider/tests/config-provider.test.tsx @@ -2,7 +2,7 @@ import React from 'react' import { render } from 'testing' import MockDate from 'mockdate' import ConfigProvider from '..' -import Calendar from '../../calendar' +import CalendarView from '../../calendar-view' import Cascader from '../../cascader' import ErrorBlock from '../../error-block' import Form from '../../form' @@ -59,7 +59,7 @@ describe('ConfigProvider', () => { const App = () => ( <> - +
diff --git a/src/index.ts b/src/index.ts index d1f21bb94c..341f43e376 100644 --- a/src/index.ts +++ b/src/index.ts @@ -14,6 +14,11 @@ export { default as Button } from './components/button' export type { ButtonProps, ButtonRef } from './components/button' export { default as Calendar } from './components/calendar' export type { CalendarProps, CalendarRef } from './components/calendar' +export { default as CalendarView } from './components/calendar-view' +export type { + CalendarViewProps, + CalendarViewRef, +} from './components/calendar-view' export { default as CapsuleTabs } from './components/capsule-tabs' export type { CapsuleTabsProps, From b26e2aab00c8e0feee1a868bc2cd2a8f01b54577 Mon Sep 17 00:00:00 2001 From: gaopeng0108 Date: Sun, 13 Aug 2023 11:43:18 +0800 Subject: [PATCH 7/7] feat: update config --- config/components.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/config/components.ts b/config/components.ts index 4e95e34e55..8f737d4763 100644 --- a/config/components.ts +++ b/config/components.ts @@ -74,6 +74,7 @@ export const components = { experimental: [ '/guide/what-is-experimental', '/components/calendar', + '/components/calendar-view', '/components/dropdown', '/components/floating-bubble', '/components/image-uploader',