66 lines
2.1 KiB
JavaScript
66 lines
2.1 KiB
JavaScript
|
import * as React from 'react';
|
||
|
|
import useSelectIcons from '../select/useIcons';
|
||
|
|
export function getPlaceholder(locale, picker, customizePlaceholder) {
|
||
|
|
if (customizePlaceholder !== undefined) {
|
||
|
|
return customizePlaceholder;
|
||
|
|
}
|
||
|
|
if (picker === 'year' && locale.lang.yearPlaceholder) {
|
||
|
|
return locale.lang.yearPlaceholder;
|
||
|
|
}
|
||
|
|
if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
|
||
|
|
return locale.lang.quarterPlaceholder;
|
||
|
|
}
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
export function getRangePlaceholder(locale, picker, customizePlaceholder) {
|
||
|
|
if (customizePlaceholder !== undefined) {
|
||
|
|
return customizePlaceholder;
|
||
|
|
}
|
||
|
|
if (picker === 'year' && locale.lang.yearPlaceholder) {
|
||
|
|
return locale.lang.rangeYearPlaceholder;
|
||
|
|
}
|
||
|
|
if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
|
||
|
|
return locale.lang.rangeQuarterPlaceholder;
|
||
|
|
}
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
export function useIcons(props, prefixCls) {
|
||
|
|
const {
|
||
|
|
allowClear = true
|
||
|
|
} = props;
|
||
|
|
const {
|
||
|
|
clearIcon,
|
||
|
|
removeIcon
|
||
|
|
} = useSelectIcons(Object.assign(Object.assign({}, props), {
|
||
|
|
prefixCls,
|
||
|
|
componentName: 'DatePicker'
|
||
|
|
}));
|
||
|
|
const mergedAllowClear = React.useMemo(() => {
|
||
|
|
if (allowClear === false) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
const allowClearConfig = allowClear === true ? {} : allowClear;
|
||
|
|
return Object.assign({
|
||
|
|
clearIcon: clearIcon
|
||
|
|
}, allowClearConfig);
|
||
|
|
}, [allowClear, clearIcon]);
|
||
|
|
return [mergedAllowClear, removeIcon];
|
||
|
|
}
|