2024-02-01 16:26:38 +08:00
|
|
|
import * as React from 'react';
|
2022-05-07 14:31:54 +08:00
|
|
|
import type { PickerMode } from 'rc-picker/lib/interface';
|
2024-01-29 15:34:48 +08:00
|
|
|
|
2024-02-01 16:26:38 +08:00
|
|
|
import useSelectIcons from '../select/useIcons';
|
2023-08-04 16:14:56 +08:00
|
|
|
import type { PickerLocale, PickerProps } from './generatePicker';
|
2019-12-11 23:32:19 +08:00
|
|
|
|
2020-05-02 21:55:23 +08:00
|
|
|
export function getPlaceholder(
|
|
|
|
locale: PickerLocale,
|
2023-01-16 16:39:35 +08:00
|
|
|
picker?: PickerMode,
|
2020-05-02 21:55:23 +08:00
|
|
|
customizePlaceholder?: string,
|
|
|
|
): string {
|
|
|
|
if (customizePlaceholder !== undefined) {
|
|
|
|
return customizePlaceholder;
|
|
|
|
}
|
|
|
|
|
2019-12-11 23:32:19 +08:00
|
|
|
if (picker === 'year' && locale.lang.yearPlaceholder) {
|
|
|
|
return locale.lang.yearPlaceholder;
|
|
|
|
}
|
2020-03-21 22:43:04 +08:00
|
|
|
if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
|
|
|
|
return locale.lang.quarterPlaceholder;
|
|
|
|
}
|
2019-12-11 23:32:19 +08:00
|
|
|
if (picker === 'month' && locale.lang.monthPlaceholder) {
|
|
|
|
return locale.lang.monthPlaceholder;
|
|
|
|
}
|
|
|
|
if (picker === 'week' && locale.lang.weekPlaceholder) {
|
|
|
|
return locale.lang.weekPlaceholder;
|
|
|
|
}
|
|
|
|
if (picker === 'time' && locale.timePickerLocale.placeholder) {
|
|
|
|
return locale!.timePickerLocale.placeholder;
|
|
|
|
}
|
|
|
|
return locale.lang.placeholder;
|
|
|
|
}
|
|
|
|
|
2020-05-02 21:55:23 +08:00
|
|
|
export function getRangePlaceholder(
|
|
|
|
locale: PickerLocale,
|
2023-01-16 16:44:16 +08:00
|
|
|
picker?: PickerMode,
|
2020-05-02 21:55:23 +08:00
|
|
|
customizePlaceholder?: [string, string],
|
|
|
|
) {
|
|
|
|
if (customizePlaceholder !== undefined) {
|
|
|
|
return customizePlaceholder;
|
|
|
|
}
|
|
|
|
|
2019-12-11 23:32:19 +08:00
|
|
|
if (picker === 'year' && locale.lang.yearPlaceholder) {
|
|
|
|
return locale.lang.rangeYearPlaceholder;
|
|
|
|
}
|
2022-02-17 13:38:49 +08:00
|
|
|
if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
|
|
|
|
return locale.lang.rangeQuarterPlaceholder;
|
|
|
|
}
|
2019-12-11 23:32:19 +08:00
|
|
|
if (picker === 'month' && locale.lang.monthPlaceholder) {
|
|
|
|
return locale.lang.rangeMonthPlaceholder;
|
|
|
|
}
|
|
|
|
if (picker === 'week' && locale.lang.weekPlaceholder) {
|
|
|
|
return locale.lang.rangeWeekPlaceholder;
|
|
|
|
}
|
|
|
|
if (picker === 'time' && locale.timePickerLocale.placeholder) {
|
|
|
|
return locale!.timePickerLocale.rangePlaceholder;
|
|
|
|
}
|
|
|
|
return locale.lang.rangePlaceholder;
|
|
|
|
}
|
2022-01-20 16:54:47 +08:00
|
|
|
|
2024-02-01 16:26:38 +08:00
|
|
|
export function useIcons(props: Pick<PickerProps, 'allowClear' | 'removeIcon'>, prefixCls: string) {
|
|
|
|
const { allowClear = true } = props;
|
2023-08-04 16:14:56 +08:00
|
|
|
|
2024-02-01 16:26:38 +08:00
|
|
|
const { clearIcon, removeIcon } = useSelectIcons({
|
|
|
|
...props,
|
|
|
|
prefixCls,
|
|
|
|
componentName: 'DatePicker',
|
|
|
|
});
|
|
|
|
|
|
|
|
const mergedAllowClear = React.useMemo(() => {
|
|
|
|
if (allowClear === false) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
const allowClearConfig = allowClear === true ? {} : allowClear;
|
|
|
|
|
|
|
|
return {
|
|
|
|
clearIcon: clearIcon as React.ReactNode,
|
|
|
|
...allowClearConfig,
|
|
|
|
};
|
|
|
|
}, [allowClear, clearIcon]);
|
2023-08-04 16:14:56 +08:00
|
|
|
|
2024-02-01 16:26:38 +08:00
|
|
|
return [mergedAllowClear, removeIcon] as const;
|
2023-08-04 16:14:56 +08:00
|
|
|
}
|