123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318 |
- import type { FocusEventHandler, MouseEventHandler } from '../../_util/EventInterface';
- import type { CSSProperties, PropType } from 'vue';
- import type { PickerLocale } from '.';
- import type { SizeType } from '../../config-provider';
- import type { AlignType } from '../../vc-align/interface';
- import type { CustomFormat, DisabledTime, DisabledTimes, EventValue, PanelMode, PickerMode, RangeValue } from '../../vc-picker/interface';
- import type { DateRender } from '../../vc-picker/panels/DatePanel/DateBody';
- import type { MonthCellRender } from '../../vc-picker/panels/MonthPanel/MonthBody';
- import type { SharedTimeProps } from '../../vc-picker/panels/TimePanel';
- import type { RangeDateRender, RangeInfo, RangeType } from '../../vc-picker/RangePicker';
- import type { VueNode } from '../../_util/type';
- declare function commonProps<DateType = any>(): {
- id: StringConstructor;
- dropdownClassName: StringConstructor;
- dropdownAlign: {
- type: PropType<AlignType>;
- };
- popupStyle: {
- type: PropType<CSSProperties>;
- };
- transitionName: StringConstructor;
- placeholder: StringConstructor;
- allowClear: {
- type: BooleanConstructor;
- default: any;
- };
- autofocus: {
- type: BooleanConstructor;
- default: any;
- };
- disabled: {
- type: BooleanConstructor;
- default: any;
- };
- tabindex: NumberConstructor;
- open: {
- type: BooleanConstructor;
- default: any;
- };
- defaultOpen: {
- type: BooleanConstructor;
- default: any;
- };
- /** Make input readOnly to avoid popup keyboard in mobile */
- inputReadOnly: {
- type: BooleanConstructor;
- default: any;
- };
- getPopupContainer: {
- type: PropType<(node: HTMLElement) => HTMLElement>;
- };
- panelRender: {
- type: PropType<(originPanel: VueNode) => VueNode>;
- };
- onChange: {
- type: PropType<(value: DateType | string | null, dateString: string) => void>;
- };
- 'onUpdate:value': {
- type: PropType<(value: DateType | string | null) => void>;
- };
- onOk: {
- type: PropType<(value: DateType | string | null) => void>;
- };
- onOpenChange: {
- type: PropType<(open: boolean) => void>;
- };
- 'onUpdate:open': {
- type: PropType<(open: boolean) => void>;
- };
- onFocus: {
- type: PropType<FocusEventHandler>;
- };
- onBlur: {
- type: PropType<FocusEventHandler>;
- };
- onMousedown: {
- type: PropType<MouseEventHandler>;
- };
- onMouseup: {
- type: PropType<MouseEventHandler>;
- };
- onMouseenter: {
- type: PropType<MouseEventHandler>;
- };
- onMouseleave: {
- type: PropType<MouseEventHandler>;
- };
- onClick: {
- type: PropType<MouseEventHandler>;
- };
- onContextmenu: {
- type: PropType<MouseEventHandler>;
- };
- onKeydown: {
- type: PropType<(event: KeyboardEvent, preventDefault: () => void) => void>;
- };
- role: StringConstructor;
- name: StringConstructor;
- autocomplete: StringConstructor;
- direction: {
- type: PropType<"ltr" | "rtl">;
- };
- showToday: {
- type: BooleanConstructor;
- default: any;
- };
- showTime: {
- type: PropType<boolean | SharedTimeProps<DateType>>;
- default: any;
- };
- locale: {
- type: PropType<PickerLocale>;
- };
- size: {
- type: PropType<SizeType>;
- };
- bordered: {
- type: BooleanConstructor;
- default: any;
- };
- dateRender: {
- type: PropType<DateRender<DateType>>;
- };
- disabledDate: {
- type: PropType<(date: DateType) => boolean>;
- };
- mode: {
- type: PropType<PanelMode>;
- };
- picker: {
- type: PropType<PickerMode>;
- };
- valueFormat: StringConstructor;
- /** @deprecated Please use `disabledTime` instead. */
- disabledHours: PropType<() => number[]>;
- /** @deprecated Please use `disabledTime` instead. */
- disabledMinutes: PropType<(hour: number) => number[]>;
- /** @deprecated Please use `disabledTime` instead. */
- disabledSeconds: PropType<(hour: number, minute: number) => number[]>;
- };
- export interface CommonProps<DateType> {
- id?: string;
- prefixCls?: string;
- dropdownClassName?: string;
- dropdownAlign?: AlignType;
- popupStyle?: CSSProperties;
- transitionName?: string;
- placeholder?: string;
- allowClear?: boolean;
- autofocus?: boolean;
- disabled?: boolean;
- tabindex?: number;
- open?: boolean;
- defaultOpen?: boolean;
- inputReadOnly?: boolean;
- suffixIcon?: VueNode;
- clearIcon?: VueNode;
- prevIcon?: VueNode;
- nextIcon?: VueNode;
- superPrevIcon?: VueNode;
- superNextIcon?: VueNode;
- getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
- panelRender?: (originPanel: VueNode) => VueNode;
- onChange?: (value: DateType | string | null, dateString: string) => void;
- 'onUpdate:value'?: (value: DateType | string | null) => void;
- onOk?: (value: DateType | string | null) => void;
- onOpenChange?: (open: boolean) => void;
- 'onUpdate:open'?: (open: boolean) => void;
- onFocus?: FocusEventHandler;
- onBlur?: FocusEventHandler;
- onMousedown?: MouseEventHandler;
- onMouseup?: MouseEventHandler;
- onMouseenter?: MouseEventHandler;
- onMouseleave?: MouseEventHandler;
- onClick?: MouseEventHandler;
- onContextmenu?: MouseEventHandler;
- onKeydown?: (event: KeyboardEvent, preventDefault: () => void) => void;
- role?: string;
- name?: string;
- autocomplete?: string;
- direction?: 'ltr' | 'rtl';
- showToday?: boolean;
- showTime?: boolean | SharedTimeProps<DateType>;
- locale?: PickerLocale;
- size?: SizeType;
- bordered?: boolean;
- dateRender?: DateRender<DateType>;
- disabledDate?: (date: DateType) => boolean;
- mode?: PanelMode;
- picker?: PickerMode;
- valueFormat?: string;
- }
- declare function datePickerProps<DateType = any>(): {
- defaultPickerValue: {
- type: PropType<string | DateType>;
- };
- defaultValue: {
- type: PropType<string | DateType>;
- };
- value: {
- type: PropType<string | DateType>;
- };
- disabledTime: {
- type: PropType<DisabledTime<DateType>>;
- };
- format: {
- type: PropType<string | CustomFormat<DateType> | (string | CustomFormat<DateType>)[]>;
- };
- renderExtraFooter: {
- type: PropType<(mode: PanelMode) => VueNode>;
- };
- showNow: {
- type: BooleanConstructor;
- default: any;
- };
- monthCellRender: {
- type: PropType<MonthCellRender<DateType>>;
- };
- monthCellContentRender: {
- type: PropType<MonthCellRender<DateType>>;
- };
- };
- export interface DatePickerProps<DateType> {
- defaultPickerValue?: DateType | string;
- defaultValue?: DateType | string;
- value?: DateType | string;
- disabledTime?: DisabledTime<DateType>;
- format?: string | CustomFormat<DateType> | (string | CustomFormat<DateType>)[];
- renderExtraFooter?: (mode: PanelMode) => VueNode;
- showNow?: boolean;
- monthCellRender?: MonthCellRender<DateType>;
- monthCellContentRender?: MonthCellRender<DateType>;
- }
- declare function rangePickerProps<DateType>(): {
- allowEmpty: {
- type: PropType<[boolean, boolean]>;
- };
- dateRender: {
- type: PropType<RangeDateRender<DateType>>;
- };
- defaultPickerValue: {
- type: PropType<[DateType, DateType] | [string, string]>;
- };
- defaultValue: {
- type: PropType<[DateType, DateType] | [string, string]>;
- };
- value: {
- type: PropType<[DateType, DateType] | [string, string]>;
- };
- disabledTime: {
- type: PropType<(date: EventValue<DateType>, type: RangeType) => DisabledTimes>;
- };
- disabled: {
- type: PropType<boolean | [boolean, boolean]>;
- };
- format: StringConstructor;
- renderExtraFooter: {
- type: PropType<() => VueNode>;
- };
- separator: {
- type: StringConstructor;
- };
- ranges: {
- type: PropType<Record<string, [DateType, DateType] | (() => Exclude<RangeValue<DateType>, null>)>>;
- };
- placeholder: ArrayConstructor;
- mode: {
- type: PropType<[PanelMode, PanelMode]>;
- };
- onChange: {
- type: PropType<(value: RangeValue<DateType> | RangeValue<string> | null, dateString: [string, string]) => void>;
- };
- 'onUpdate:value': {
- type: PropType<(value: RangeValue<DateType> | RangeValue<string> | null) => void>;
- };
- onCalendarChange: {
- type: PropType<(values: RangeValue<DateType> | RangeValue<string>, formatString: [string, string], info: RangeInfo) => void>;
- };
- onPanelChange: {
- type: PropType<(values: RangeValue<DateType> | RangeValue<string>, modes: [PanelMode, PanelMode]) => void>;
- };
- onOk: {
- type: PropType<(dates: RangeValue<DateType> | RangeValue<string>) => void>;
- };
- };
- export interface RangePickerProps<DateType> {
- allowEmpty?: [boolean, boolean];
- dateRender?: RangeDateRender<DateType>;
- defaultPickerValue?: RangeValue<DateType> | RangeValue<string>;
- defaultValue?: RangeValue<DateType> | RangeValue<string>;
- value?: RangeValue<DateType> | RangeValue<string>;
- disabledTime?: (date: EventValue<DateType>, type: RangeType) => DisabledTimes;
- disabled?: [boolean, boolean];
- format?: string;
- renderExtraFooter?: () => VueNode;
- separator?: string;
- ranges?: Record<string, Exclude<RangeValue<DateType>, null> | (() => Exclude<RangeValue<DateType>, null>)>;
- placeholder?: [string, string];
- mode?: [PanelMode, PanelMode];
- onChange?: (value: RangeValue<DateType> | RangeValue<string> | null, dateString: [string, string]) => void;
- 'onUpdate:value'?: (value: RangeValue<DateType> | RangeValue<string> | null) => void;
- onCalendarChange?: (values: RangeValue<DateType> | RangeValue<string>, formatString: [string, string], info: RangeInfo) => void;
- onPanelChange?: (values: RangeValue<DateType> | RangeValue<string>, modes: [PanelMode, PanelMode]) => void;
- onOk?: (dates: RangeValue<DateType> | RangeValue<string>) => void;
- }
- export declare type ExtraDatePickerProps<DateType> = {
- valueFormat?: string;
- defaultPickerValue?: DateType | string;
- defaultValue?: DateType | string;
- value?: DateType | string;
- };
- export declare type ExtraRangePickerProps<DateType> = {
- valueFormat?: string;
- defaultPickerValue?: RangeValue<DateType> | RangeValue<string>;
- defaultValue?: RangeValue<DateType> | RangeValue<string>;
- value?: RangeValue<DateType> | RangeValue<string>;
- };
- export { commonProps, datePickerProps, rangePickerProps };
|