mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-18 16:10:59 +08:00
c90e7705f7
* feat: ConfigProvider support classNames and styles for timepicker * save * empty * add test * bump * fix * fix * improve type * chore: refactor * chore: clean up * chore: memo * docs: fix ts * chore: update demo * chore: all semantic * chore: fix types * chore: update demo * test: update test case * chore: fix ts * test: fix test case * test: fix test case * chore: rm console --------- Co-authored-by: 二货机器人 <smith3816@gmail.com>
121 lines
4.0 KiB
TypeScript
121 lines
4.0 KiB
TypeScript
import type {
|
|
PickerRef,
|
|
PickerProps as RcPickerProps,
|
|
RangePickerProps as RcRangePickerProps,
|
|
} from '@rc-component/picker';
|
|
import type { Locale as RcPickerLocale } from '@rc-component/picker/lib/interface';
|
|
|
|
import type { InputStatus } from '../../_util/statusUtils';
|
|
import type { AnyObject } from '../../_util/type';
|
|
import type { Variant } from '../../config-provider';
|
|
import type { SizeType } from '../../config-provider/SizeContext';
|
|
import type { TimePickerLocale } from '../../time-picker';
|
|
|
|
const _DataPickerPlacements = ['bottomLeft', 'bottomRight', 'topLeft', 'topRight'] as const;
|
|
|
|
type DataPickerPlacement = (typeof _DataPickerPlacements)[number];
|
|
|
|
export type PickerLocale = {
|
|
lang: RcPickerLocale & AdditionalPickerLocaleLangProps;
|
|
timePickerLocale: TimePickerLocale;
|
|
} & AdditionalPickerLocaleProps;
|
|
|
|
/** @deprecated **Useless**. */
|
|
export type AdditionalPickerLocaleProps = {
|
|
/**
|
|
* @deprecated **Invalid**, Please use `lang.fieldDateFormat` instead.
|
|
* @see [Migration Guide](https://github.com/ant-design/ant-design/discussions/53011)
|
|
*/
|
|
dateFormat?: string;
|
|
/**
|
|
* @deprecated **Invalid**, Please use `lang.fieldDateTimeFormat` instead,
|
|
* @see [Migration Guide](https://github.com/ant-design/ant-design/discussions/53011)
|
|
*/
|
|
dateTimeFormat?: string;
|
|
/**
|
|
* @deprecated **Invalid**, Please use `lang.fieldWeekFormat` instead,
|
|
* @see [Migration Guide](https://github.com/ant-design/ant-design/discussions/53011)
|
|
*/
|
|
weekFormat?: string;
|
|
/**
|
|
* @deprecated **Invalid**, Please use `lang.fieldWeekFormat` instead,
|
|
* @see [Migration Guide](https://github.com/ant-design/ant-design/discussions/53011)
|
|
*/
|
|
monthFormat?: string;
|
|
};
|
|
|
|
export type AdditionalPickerLocaleLangProps = {
|
|
placeholder: string;
|
|
yearPlaceholder?: string;
|
|
quarterPlaceholder?: string;
|
|
monthPlaceholder?: string;
|
|
weekPlaceholder?: string;
|
|
rangeYearPlaceholder?: [string, string];
|
|
rangeQuarterPlaceholder?: [string, string];
|
|
rangeMonthPlaceholder?: [string, string];
|
|
rangeWeekPlaceholder?: [string, string];
|
|
rangePlaceholder?: [string, string];
|
|
};
|
|
|
|
export type PickerClassNames = Omit<NonNullable<RcPickerProps['classNames']>, 'popup'> & {
|
|
popup?: string | NonNullable<RcPickerProps['classNames']>['popup'];
|
|
};
|
|
|
|
type InjectDefaultProps<Props> = Omit<
|
|
Props,
|
|
'locale' | 'generateConfig' | 'hideHeader' | 'classNames'
|
|
> & {
|
|
locale?: PickerLocale;
|
|
size?: SizeType;
|
|
placement?: DataPickerPlacement;
|
|
/** @deprecated Use `variant` instead */
|
|
bordered?: boolean;
|
|
status?: InputStatus;
|
|
/**
|
|
* @since 5.13.0
|
|
* @default "outlined"
|
|
*/
|
|
variant?: Variant;
|
|
/** @deprecated Please use `classNames.popup` instead */
|
|
popupClassName?: string;
|
|
/** @deprecated Please use `styles.popup` instead */
|
|
popupStyle?: React.CSSProperties;
|
|
rootClassName?: string;
|
|
classNames?: PickerClassNames;
|
|
};
|
|
|
|
/** Base Single Picker props */
|
|
export type PickerProps<DateType extends AnyObject = any> = InjectDefaultProps<
|
|
RcPickerProps<DateType>
|
|
>;
|
|
|
|
/** Base Range Picker props */
|
|
export type RangePickerProps<DateType extends AnyObject = any> = InjectDefaultProps<
|
|
RcRangePickerProps<DateType>
|
|
>;
|
|
|
|
export type GenericTimePickerProps<DateType extends AnyObject = any> = Omit<
|
|
PickerProps<DateType>,
|
|
'picker' | 'showTime'
|
|
> & {
|
|
/** @deprecated Please use `onCalendarChange` instead */
|
|
onSelect?: (value: DateType) => void;
|
|
};
|
|
|
|
/**
|
|
* Single Picker has the `multiple` prop,
|
|
* which will make the `value` be `DateType[]` type.
|
|
* Here to be a generic which accept the `ValueType` for developer usage.
|
|
*/
|
|
export type PickerPropsWithMultiple<
|
|
DateType extends AnyObject = any,
|
|
InnerPickerProps extends PickerProps<DateType> = PickerProps<DateType>,
|
|
ValueType = DateType,
|
|
> = Omit<InnerPickerProps, 'defaultValue' | 'value' | 'onChange' | 'onOk'> &
|
|
React.RefAttributes<PickerRef> & {
|
|
defaultValue?: ValueType | null;
|
|
value?: ValueType | null;
|
|
onChange?: (date: ValueType, dateString: string | string[]) => void;
|
|
onOk?: (date: ValueType) => void;
|
|
};
|