UNPKG

@arco-design/web-vue

Version:

Arco Design Vue 2.0: A Vue.js 3 UI Library

1,421 lines (1,420 loc) 196 kB
import { Dayjs } from 'dayjs'; import { PropType } from 'vue'; import { getDateValue } from '../_utils/date'; import { DisabledTimeProps, ShortcutType, FormatFunc, CalendarValue, WeekStart } from './interface'; import { TriggerProps } from '../trigger'; import { isFunction } from '../_utils/is'; import { TimePickerProps } from '../time-picker/interface'; declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ locale: { type: PropType<Record<string, any>>; }; hideTrigger: { type: BooleanConstructor; }; allowClear: { type: BooleanConstructor; default: boolean; }; readonly: { type: BooleanConstructor; }; error: { type: BooleanConstructor; }; size: { type: PropType<"mini" | "small" | "medium" | "large">; }; shortcuts: { type: PropType<ShortcutType[]>; default: () => never[]; }; shortcutsPosition: { type: PropType<"bottom" | "left" | "right">; default: string; }; position: { type: PropType<"br" | "tr" | "top" | "bottom" | "tl" | "bl">; default: string; }; popupVisible: { type: BooleanConstructor; default: undefined; }; defaultPopupVisible: { type: BooleanConstructor; default: boolean; }; triggerProps: { type: PropType<TriggerProps>; }; unmountOnClose: { type: BooleanConstructor; }; placeholder: { type: StringConstructor; }; disabled: { type: BooleanConstructor; }; disabledDate: { type: PropType<(current?: Date | undefined) => boolean>; }; disabledTime: { type: PropType<(current: Date) => DisabledTimeProps>; }; pickerValue: { type: PropType<string | number | Date>; }; defaultPickerValue: { type: PropType<string | number | Date>; }; popupContainer: { type: PropType<string | HTMLElement>; }; mode: { type: PropType<"month" | "year" | "date" | "week" | "quarter">; default: string; }; format: { type: PropType<string | FormatFunc>; }; valueFormat: { type: PropType<string>; }; previewShortcut: { type: BooleanConstructor; default: boolean; }; showConfirmBtn: { type: BooleanConstructor; }; showTime: { type: BooleanConstructor; }; timePickerProps: { type: PropType<Partial<TimePickerProps>>; }; showNowBtn: { type: BooleanConstructor; default: boolean; }; dayStartOfWeek: { type: PropType<WeekStart>; default: number; }; modelValue: { type: PropType<string | number | Date>; }; defaultValue: { type: PropType<string | number | Date>; }; disabledInput: { type: BooleanConstructor; default: boolean; }; abbreviation: { type: BooleanConstructor; default: boolean; }; }>, { prefixCls: string; refInput: import("vue").Ref<any, any>; panelProps: import("vue").ComputedRef<{ showNowBtn: boolean; prefixCls: string; format: string; value: Dayjs | undefined; visible: boolean; showConfirmBtn: boolean; confirmBtnDisabled: boolean | undefined; timePickerProps: { visible: boolean; size?: "mini" | "small" | "medium" | "large" | undefined; type?: "time" | "time-range" | undefined; disabled?: boolean | undefined; readonly?: boolean | undefined; error?: boolean | undefined; allowClear?: boolean | undefined; placeholder?: string | string[] | undefined; format: string; modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined; position?: "br" | "tr" | "top" | "bottom" | "tl" | "bl" | undefined; popupVisible?: boolean | undefined; defaultPopupVisible?: boolean | undefined; unmountOnClose?: boolean | undefined; triggerProps?: Record<string, unknown> | undefined; disableConfirm?: boolean | undefined; use12Hours?: boolean | undefined; step?: { hour?: number | undefined; minute?: number | undefined; second?: number | undefined; } | undefined; disabledHours?: (() => number[]) | undefined; disabledMinutes?: ((selectedHour?: number | undefined) => number[]) | undefined; disabledSeconds?: ((selectedHour?: number | undefined, selectedMinute?: number | undefined) => number[]) | undefined; hideDisabledOptions?: boolean | undefined; }; extra: import("vue").Slot<any> | undefined; dateRender: import("vue").Slot<any> | undefined; headerValue: Dayjs; headerIcons: { prev: import("vue").Slot<any> | undefined; prevDouble: import("vue").Slot<any> | undefined; next: import("vue").Slot<any> | undefined; nextDouble: import("vue").Slot<any> | undefined; }; headerOperations: import("./interface").HeaderOperations; timePickerValue: Dayjs; headerMode: "month" | "year" | undefined; onCellClick: (value: Dayjs) => void; onTimePickerSelect: (time: Dayjs) => void; onConfirm: () => void; onShortcutClick: (value: Dayjs, shortcut: ShortcutType) => void; onShortcutMouseEnter: ((value: Dayjs) => void) | undefined; onShortcutMouseLeave: (() => void) | undefined; onTodayBtnClick: (value: Dayjs) => void; onHeaderLabelClick: (type: 'year' | 'month') => void; onHeaderSelect: (date: Dayjs) => void; onMonthHeaderClick: () => void; mode: "month" | "year" | "date" | "week" | "quarter"; hideTrigger: boolean; dayStartOfWeek: WeekStart; showTime: boolean; disabledDate: ((current?: Date | undefined) => boolean) | undefined; disabledTime: ((current: Date) => DisabledTimeProps) | undefined; shortcuts: ShortcutType[]; abbreviation: boolean; shortcutsPosition: "bottom" | "left" | "right"; }>; panelValue: import("vue").ComputedRef<Dayjs | undefined>; inputValue: import("vue").Ref<string | undefined, string | undefined>; selectedValue: import("vue").ComputedRef<Dayjs | undefined>; inputFormat: import("vue").ComputedRef<string | ((value: Dayjs) => string)>; computedPlaceholder: import("vue").ComputedRef<string>; panelVisible: import("vue").ComputedRef<boolean>; inputEditable: import("vue").ComputedRef<boolean>; needConfirm: import("vue").ComputedRef<boolean>; mergedDisabled: import("vue").ComputedRef<boolean>; onPanelVisibleChange: (visible: boolean) => void; onInputClear: (e: Event) => void; onInputChange: (e: any) => void; onInputPressEnter: () => void; onInputBlur: () => void; onPanelClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { change: (value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => true; 'update:modelValue': (value: CalendarValue | undefined) => true; select: (value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => true; 'popup-visible-change': (visible: boolean) => true; 'update:popupVisible': (visible: boolean) => true; ok: (value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => true; clear: () => true; 'select-shortcut': (shortcut: ShortcutType) => true; 'picker-value-change': (value: CalendarValue, date: Date, dateString: string) => true; 'update:pickerValue': (value: CalendarValue) => true; }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ locale: { type: PropType<Record<string, any>>; }; hideTrigger: { type: BooleanConstructor; }; allowClear: { type: BooleanConstructor; default: boolean; }; readonly: { type: BooleanConstructor; }; error: { type: BooleanConstructor; }; size: { type: PropType<"mini" | "small" | "medium" | "large">; }; shortcuts: { type: PropType<ShortcutType[]>; default: () => never[]; }; shortcutsPosition: { type: PropType<"bottom" | "left" | "right">; default: string; }; position: { type: PropType<"br" | "tr" | "top" | "bottom" | "tl" | "bl">; default: string; }; popupVisible: { type: BooleanConstructor; default: undefined; }; defaultPopupVisible: { type: BooleanConstructor; default: boolean; }; triggerProps: { type: PropType<TriggerProps>; }; unmountOnClose: { type: BooleanConstructor; }; placeholder: { type: StringConstructor; }; disabled: { type: BooleanConstructor; }; disabledDate: { type: PropType<(current?: Date | undefined) => boolean>; }; disabledTime: { type: PropType<(current: Date) => DisabledTimeProps>; }; pickerValue: { type: PropType<string | number | Date>; }; defaultPickerValue: { type: PropType<string | number | Date>; }; popupContainer: { type: PropType<string | HTMLElement>; }; mode: { type: PropType<"month" | "year" | "date" | "week" | "quarter">; default: string; }; format: { type: PropType<string | FormatFunc>; }; valueFormat: { type: PropType<string>; }; previewShortcut: { type: BooleanConstructor; default: boolean; }; showConfirmBtn: { type: BooleanConstructor; }; showTime: { type: BooleanConstructor; }; timePickerProps: { type: PropType<Partial<TimePickerProps>>; }; showNowBtn: { type: BooleanConstructor; default: boolean; }; dayStartOfWeek: { type: PropType<WeekStart>; default: number; }; modelValue: { type: PropType<string | number | Date>; }; defaultValue: { type: PropType<string | number | Date>; }; disabledInput: { type: BooleanConstructor; default: boolean; }; abbreviation: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onClear?: (() => any) | undefined; onChange?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined; "onUpdate:modelValue"?: ((value: CalendarValue | undefined) => any) | undefined; onSelect?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined; "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined; "onPopup-visible-change"?: ((visible: boolean) => any) | undefined; onOk?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined; "onSelect-shortcut"?: ((shortcut: ShortcutType) => any) | undefined; "onPicker-value-change"?: ((value: CalendarValue, date: Date, dateString: string) => any) | undefined; "onUpdate:pickerValue"?: ((value: CalendarValue) => any) | undefined; }>, { disabled: boolean; readonly: boolean; error: boolean; allowClear: boolean; mode: "month" | "year" | "date" | "week" | "quarter"; disabledInput: boolean; position: "br" | "tr" | "top" | "bottom" | "tl" | "bl"; popupVisible: boolean; defaultPopupVisible: boolean; unmountOnClose: boolean; hideTrigger: boolean; dayStartOfWeek: WeekStart; showTime: boolean; showNowBtn: boolean; shortcuts: ShortcutType[]; showConfirmBtn: boolean; abbreviation: boolean; shortcutsPosition: "bottom" | "left" | "right"; previewShortcut: boolean; }, {}, { DateInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ size: { type: PropType<"mini" | "small" | "medium" | "large">; }; focused: { type: BooleanConstructor; }; disabled: { type: BooleanConstructor; }; readonly: { type: BooleanConstructor; }; error: { type: BooleanConstructor; }; allowClear: { type: BooleanConstructor; }; placeholder: { type: StringConstructor; }; inputValue: { type: StringConstructor; }; value: { type: PropType<Dayjs>; }; format: { type: PropType<string | ((value: Dayjs) => string)>; required: true; }; }>, { feedback: import("vue").Ref<string | undefined, string | undefined>; prefixCls: string; classNames: import("vue").ComputedRef<(string | { [x: string]: boolean | import("vue").Slot<any> | undefined; })[]>; displayValue: import("vue").ComputedRef<string | undefined>; mergedDisabled: import("vue").ComputedRef<boolean>; refInput: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>; onPressEnter(): void; onChange(e: Event): void; onClear(e: Event): void; onBlur(e: Event): void; }, {}, {}, { focus(): void; blur(): void; }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "blur")[], "clear" | "press-enter" | "change" | "blur", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ size: { type: PropType<"mini" | "small" | "medium" | "large">; }; focused: { type: BooleanConstructor; }; disabled: { type: BooleanConstructor; }; readonly: { type: BooleanConstructor; }; error: { type: BooleanConstructor; }; allowClear: { type: BooleanConstructor; }; placeholder: { type: StringConstructor; }; inputValue: { type: StringConstructor; }; value: { type: PropType<Dayjs>; }; format: { type: PropType<string | ((value: Dayjs) => string)>; required: true; }; }>> & Readonly<{ onClear?: ((...args: any[]) => any) | undefined; "onPress-enter"?: ((...args: any[]) => any) | undefined; onChange?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { disabled: boolean; focused: boolean; readonly: boolean; error: boolean; allowClear: boolean; }, {}, { IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ prefix: { type: StringConstructor; }; size: { type: PropType<"mini" | "small" | "medium" | "large">; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; }>, { prefixCls: string; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ prefix: { type: StringConstructor; }; size: { type: PropType<"mini" | "small" | "medium" | "large">; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{}>, { size: "mini" | "small" | "medium" | "large"; disabled: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; IconClose: any; FeedbackIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ type: { type: StringConstructor; }; }>, { cls: import("vue").ComputedRef<string[]>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ type: { type: StringConstructor; }; }>> & Readonly<{}>, {}, {}, { IconLoading: any; IconCheckCircleFill: any; IconExclamationCircleFill: any; IconCloseCircleFill: any; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; Trigger: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ popupVisible: { type: BooleanConstructor; default: undefined; }; defaultPopupVisible: { type: BooleanConstructor; default: boolean; }; trigger: { type: PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>; default: string; }; position: { type: PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; popupOffset: { type: NumberConstructor; default: number; }; popupTranslate: { type: PropType<import("../trigger").TriggerPopupTranslate>; }; showArrow: { type: BooleanConstructor; default: boolean; }; alignPoint: { type: BooleanConstructor; default: boolean; }; popupHoverStay: { type: BooleanConstructor; default: boolean; }; blurToClose: { type: BooleanConstructor; default: boolean; }; clickToClose: { type: BooleanConstructor; default: boolean; }; clickOutsideToClose: { type: BooleanConstructor; default: boolean; }; unmountOnClose: { type: BooleanConstructor; default: boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; contentStyle: { type: PropType<import("vue").CSSProperties>; }; arrowClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; arrowStyle: { type: PropType<import("vue").CSSProperties>; }; popupStyle: { type: PropType<import("vue").CSSProperties>; }; animationName: { type: StringConstructor; default: string; }; duration: { type: PropType<number | { enter: number; leave: number; }>; }; mouseEnterDelay: { type: NumberConstructor; default: number; }; mouseLeaveDelay: { type: NumberConstructor; default: number; }; focusDelay: { type: NumberConstructor; default: number; }; autoFitPopupWidth: { type: BooleanConstructor; default: boolean; }; autoFitPopupMinWidth: { type: BooleanConstructor; default: boolean; }; autoFixPosition: { type: BooleanConstructor; default: boolean; }; popupContainer: { type: PropType<string | HTMLElement>; }; updateAtScroll: { type: BooleanConstructor; default: boolean; }; autoFitTransformOrigin: { type: BooleanConstructor; default: boolean; }; hideEmpty: { type: BooleanConstructor; default: boolean; }; openedClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; autoFitPosition: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; preventFocus: { type: BooleanConstructor; default: boolean; }; scrollToClose: { type: BooleanConstructor; default: boolean; }; scrollToCloseDistance: { type: NumberConstructor; default: number; }; }>> & Readonly<{ onResize?: (() => any) | undefined; onHide?: (() => any) | undefined; onShow?: (() => any) | undefined; "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined; onPopupVisibleChange?: ((visible: boolean) => any) | undefined; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'update:popupVisible': (visible: boolean) => true; popupVisibleChange: (visible: boolean) => true; show: () => true; hide: () => true; resize: () => true; }, import("vue").PublicProps, { disabled: boolean; position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb"; popupVisible: boolean; defaultPopupVisible: boolean; trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]; popupOffset: number; showArrow: boolean; alignPoint: boolean; popupHoverStay: boolean; blurToClose: boolean; clickToClose: boolean; clickOutsideToClose: boolean; unmountOnClose: boolean; animationName: string; mouseEnterDelay: number; mouseLeaveDelay: number; focusDelay: number; autoFitPopupWidth: boolean; autoFitPopupMinWidth: boolean; autoFixPosition: boolean; updateAtScroll: boolean; autoFitTransformOrigin: boolean; hideEmpty: boolean; autoFitPosition: boolean; renderToBody: boolean; preventFocus: boolean; scrollToClose: boolean; scrollToCloseDistance: number; }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ popupVisible: { type: BooleanConstructor; default: undefined; }; defaultPopupVisible: { type: BooleanConstructor; default: boolean; }; trigger: { type: PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>; default: string; }; position: { type: PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; popupOffset: { type: NumberConstructor; default: number; }; popupTranslate: { type: PropType<import("../trigger").TriggerPopupTranslate>; }; showArrow: { type: BooleanConstructor; default: boolean; }; alignPoint: { type: BooleanConstructor; default: boolean; }; popupHoverStay: { type: BooleanConstructor; default: boolean; }; blurToClose: { type: BooleanConstructor; default: boolean; }; clickToClose: { type: BooleanConstructor; default: boolean; }; clickOutsideToClose: { type: BooleanConstructor; default: boolean; }; unmountOnClose: { type: BooleanConstructor; default: boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; contentStyle: { type: PropType<import("vue").CSSProperties>; }; arrowClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; arrowStyle: { type: PropType<import("vue").CSSProperties>; }; popupStyle: { type: PropType<import("vue").CSSProperties>; }; animationName: { type: StringConstructor; default: string; }; duration: { type: PropType<number | { enter: number; leave: number; }>; }; mouseEnterDelay: { type: NumberConstructor; default: number; }; mouseLeaveDelay: { type: NumberConstructor; default: number; }; focusDelay: { type: NumberConstructor; default: number; }; autoFitPopupWidth: { type: BooleanConstructor; default: boolean; }; autoFitPopupMinWidth: { type: BooleanConstructor; default: boolean; }; autoFixPosition: { type: BooleanConstructor; default: boolean; }; popupContainer: { type: PropType<string | HTMLElement>; }; updateAtScroll: { type: BooleanConstructor; default: boolean; }; autoFitTransformOrigin: { type: BooleanConstructor; default: boolean; }; hideEmpty: { type: BooleanConstructor; default: boolean; }; openedClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; autoFitPosition: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; preventFocus: { type: BooleanConstructor; default: boolean; }; scrollToClose: { type: BooleanConstructor; default: boolean; }; scrollToCloseDistance: { type: NumberConstructor; default: number; }; }>> & Readonly<{ onResize?: (() => any) | undefined; onHide?: (() => any) | undefined; onShow?: (() => any) | undefined; "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined; onPopupVisibleChange?: ((visible: boolean) => any) | undefined; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { disabled: boolean; position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb"; popupVisible: boolean; defaultPopupVisible: boolean; trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]; popupOffset: number; showArrow: boolean; alignPoint: boolean; popupHoverStay: boolean; blurToClose: boolean; clickToClose: boolean; clickOutsideToClose: boolean; unmountOnClose: boolean; animationName: string; mouseEnterDelay: number; mouseLeaveDelay: number; focusDelay: number; autoFitPopupWidth: boolean; autoFitPopupMinWidth: boolean; autoFixPosition: boolean; updateAtScroll: boolean; autoFitTransformOrigin: boolean; hideEmpty: boolean; autoFitPosition: boolean; renderToBody: boolean; preventFocus: boolean; scrollToClose: boolean; scrollToCloseDistance: number; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ popupVisible: { type: BooleanConstructor; default: undefined; }; defaultPopupVisible: { type: BooleanConstructor; default: boolean; }; trigger: { type: PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>; default: string; }; position: { type: PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; popupOffset: { type: NumberConstructor; default: number; }; popupTranslate: { type: PropType<import("../trigger").TriggerPopupTranslate>; }; showArrow: { type: BooleanConstructor; default: boolean; }; alignPoint: { type: BooleanConstructor; default: boolean; }; popupHoverStay: { type: BooleanConstructor; default: boolean; }; blurToClose: { type: BooleanConstructor; default: boolean; }; clickToClose: { type: BooleanConstructor; default: boolean; }; clickOutsideToClose: { type: BooleanConstructor; default: boolean; }; unmountOnClose: { type: BooleanConstructor; default: boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; contentStyle: { type: PropType<import("vue").CSSProperties>; }; arrowClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; arrowStyle: { type: PropType<import("vue").CSSProperties>; }; popupStyle: { type: PropType<import("vue").CSSProperties>; }; animationName: { type: StringConstructor; default: string; }; duration: { type: PropType<number | { enter: number; leave: number; }>; }; mouseEnterDelay: { type: NumberConstructor; default: number; }; mouseLeaveDelay: { type: NumberConstructor; default: number; }; focusDelay: { type: NumberConstructor; default: number; }; autoFitPopupWidth: { type: BooleanConstructor; default: boolean; }; autoFitPopupMinWidth: { type: BooleanConstructor; default: boolean; }; autoFixPosition: { type: BooleanConstructor; default: boolean; }; popupContainer: { type: PropType<string | HTMLElement>; }; updateAtScroll: { type: BooleanConstructor; default: boolean; }; autoFitTransformOrigin: { type: BooleanConstructor; default: boolean; }; hideEmpty: { type: BooleanConstructor; default: boolean; }; openedClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; autoFitPosition: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; preventFocus: { type: BooleanConstructor; default: boolean; }; scrollToClose: { type: BooleanConstructor; default: boolean; }; scrollToCloseDistance: { type: NumberConstructor; default: number; }; }>> & Readonly<{ onResize?: (() => any) | undefined; onHide?: (() => any) | undefined; onShow?: (() => any) | undefined; "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined; onPopupVisibleChange?: ((visible: boolean) => any) | undefined; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'update:popupVisible': (visible: boolean) => true; popupVisibleChange: (visible: boolean) => true; show: () => true; hide: () => true; resize: () => true; }, string, { disabled: boolean; position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb"; popupVisible: boolean; defaultPopupVisible: boolean; trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]; popupOffset: number; showArrow: boolean; alignPoint: boolean; popupHoverStay: boolean; blurToClose: boolean; clickToClose: boolean; clickOutsideToClose: boolean; unmountOnClose: boolean; animationName: string; mouseEnterDelay: number; mouseLeaveDelay: number; focusDelay: number; autoFitPopupWidth: boolean; autoFitPopupMinWidth: boolean; autoFixPosition: boolean; updateAtScroll: boolean; autoFitTransformOrigin: boolean; hideEmpty: boolean; autoFitPosition: boolean; renderToBody: boolean; preventFocus: boolean; scrollToClose: boolean; scrollToCloseDistance: number; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & { install: (app: import("vue").App<any>, options?: import("../_utils/types").ArcoOptions | undefined) => void; }; PickerPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ mode: { type: StringConstructor; }; headerMode: { type: PropType<"month" | "year">; }; prefixCls: { type: StringConstructor; required: true; }; value: { type: PropType<Dayjs>; }; headerValue: { type: PropType<Dayjs>; required: true; }; timePickerValue: { type: PropType<Dayjs>; }; showTime: { type: BooleanConstructor; }; showConfirmBtn: { type: BooleanConstructor; }; shortcuts: { type: PropType<ShortcutType[]>; default: () => never[]; }; shortcutsPosition: { type: PropType<"bottom" | "left" | "right">; default: string; }; format: { type: StringConstructor; required: true; }; dayStartOfWeek: { type: PropType<WeekStart>; default: number; }; disabledDate: { type: PropType<import("./interface").DisabledDate>; }; disabledTime: { type: PropType<import("./interface").DisabledTime>; }; timePickerProps: { type: PropType<Partial<TimePickerProps>>; }; extra: { type: PropType<import("../_components/render-function").RenderFunc>; }; dateRender: { type: PropType<import("../_components/render-function").RenderFunc>; }; hideTrigger: { type: BooleanConstructor; }; confirmBtnDisabled: { type: BooleanConstructor; }; showNowBtn: { type: BooleanConstructor; }; headerIcons: { type: PropType<import("./interface").HeaderIcons>; default: () => {}; }; headerOperations: { type: PropType<import("./interface").HeaderOperations>; }; abbreviation: { type: BooleanConstructor; }; }>, { classNames: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; showShortcutsInLeft: import("vue").ComputedRef<boolean>; showShortcutsInRight: import("vue").ComputedRef<boolean>; showShortcutsInBottom: import("vue").ComputedRef<boolean>; shortcutsProps: { prefixCls: string; shortcuts: ShortcutType[]; showNowBtn: boolean; onItemClick: (shortcut: ShortcutType) => void; onItemMouseEnter: (shortcut: ShortcutType) => void; onItemMouseLeave: (shortcut: ShortcutType) => void; onNowClick: () => void; }; commonPanelProps: { value: Dayjs | undefined; headerValue: Dayjs; headerIcons: import("./interface").HeaderIcons; headerOperations: import("./interface").HeaderOperations | undefined; disabledDate: import("./interface").DisabledDate | undefined; dateRender: import("../_components/render-function").RenderFunc | undefined; onSelect: (date: Dayjs) => void; onHeaderLabelClick: (type: "month" | "year") => void; }; footerValue: import("vue").ComputedRef<Dayjs>; onTodayBtnClick: () => void; onConfirmBtnClick: () => void; onTimePickerSelect: (time: Dayjs) => void; onHeaderPanelSelect: (date: Dayjs) => void; headerPanelHeaderValue: import("vue").ComputedRef<Dayjs>; headerPanelHeaderOperations: import("vue").ComputedRef<import("./interface").HeaderOperations>; onMonthHeaderLabelClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("today-btn-click" | "cell-click" | "time-picker-select" | "shortcut-click" | "shortcut-mouse-enter" | "shortcut-mouse-leave" | "confirm" | "header-label-click" | "header-select" | "month-header-click")[], "today-btn-click" | "cell-click" | "confirm" | "time-picker-select" | "shortcut-click" | "shortcut-mouse-enter" | "shortcut-mouse-leave" | "header-label-click" | "header-select" | "month-header-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ mode: { type: StringConstructor; }; headerMode: { type: PropType<"month" | "year">; }; prefixCls: { type: StringConstructor; required: true; }; value: { type: PropType<Dayjs>; }; headerValue: { type: PropType<Dayjs>; required: true; }; timePickerValue: { type: PropType<Dayjs>; }; showTime: { type: BooleanConstructor; }; showConfirmBtn: { type: BooleanConstructor; }; shortcuts: { type: PropType<ShortcutType[]>; default: () => never[]; }; shortcutsPosition: { type: PropType<"bottom" | "left" | "right">; default: string; }; format: { type: StringConstructor; required: true; }; dayStartOfWeek: { type: PropType<WeekStart>; default: number; }; disabledDate: { type: PropType<import("./interface").DisabledDate>; }; disabledTime: { type: PropType<import("./interface").DisabledTime>; }; timePickerProps: { type: PropType<Partial<TimePickerProps>>; }; extra: { type: PropType<import("../_components/render-function").RenderFunc>; }; dateRender: { type: PropType<import("../_components/render-function").RenderFunc>; }; hideTrigger: { type: BooleanConstructor; }; confirmBtnDisabled: { type: BooleanConstructor; }; showNowBtn: { type: BooleanConstructor; }; headerIcons: { type: PropType<import("./interface").HeaderIcons>; default: () => {}; }; headerOperations: { type: PropType<import("./interface").HeaderOperations>; }; abbreviation: { type: BooleanConstructor; }; }>> & Readonly<{ "onToday-btn-click"?: ((...args: any[]) => any) | undefined; "onCell-click"?: ((...args: any[]) => any) | undefined; onConfirm?: ((...args: any[]) => any) | undefined; "onTime-picker-select"?: ((...args: any[]) => any) | undefined; "onShortcut-click"?: ((...args: any[]) => any) | undefined; "onShortcut-mouse-enter"?: ((...args: any[]) => any) | undefined; "onShortcut-mouse-leave"?: ((...args: any[]) => any) | undefined; "onHeader-label-click"?: ((...args: any[]) => any) | undefined; "onHeader-select"?: ((...args: any[]) => any) | undefined; "onMonth-header-click"?: ((...args: any[]) => any) | undefined; }>, { hideTrigger: boolean; dayStartOfWeek: WeekStart; showTime: boolean; showNowBtn: boolean; shortcuts: ShortcutType[]; showConfirmBtn: boolean; confirmBtnDisabled: boolean; headerIcons: import("./interface").HeaderIcons; abbreviation: boolean; shortcutsPosition: "bottom" | "left" | "right"; }, {}, { DatePanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ isRange: { type: BooleanConstructor; }; value: { type: PropType<Dayjs>; }; rangeValues: { type: PropType<(Dayjs | undefined)[]>; }; headerValue: { type: PropType<Dayjs>; required: true; }; footerValue: { type: PropType<Dayjs>; }; timePickerValue: { type: PropType<Dayjs>; }; headerOperations: { type: PropType<import("./interface").HeaderOperations>; default: () => {}; }; headerIcons: { type: PropType<import("./interface").HeaderIcons>; default: () => {}; }; dayStartOfWeek: { type: PropType<WeekStart>; default: number; }; disabledDate: { type: PropType<import("./interface").DisabledDate>; }; disabledTime: { type: PropType<import("./interface").DisabledTime>; }; isSameTime: { type: PropType<import("./interface").IsSameTime>; }; mode: { type: PropType<import("./interface").Mode>; default: string; }; showTime: { type: BooleanConstructor; }; timePickerProps: { type: PropType<Partial<TimePickerProps>>; }; currentView: { type: PropType<"time" | "date">; }; dateRender: { type: PropType<import("../_components/render-function").RenderFunc>; }; disabled: { type: BooleanConstructor; }; onHeaderLabelClick: { type: PropType<import("./panels/header").HeaderLabelClickFunc>; }; }>, { prefixCls: import("vue").ComputedRef<string>; classNames: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; pickerPrefixCls: string; headerTitle: import("vue").ComputedRef<string>; rows: import("vue").ComputedRef<import("./interface").Cell[][]>; weekList: import("vue").ComputedRef<number[]>; mergedIsSameTime: import("vue").ComputedRef<import("./interface").IsSameTime>; disabledTimeProps: import("vue").ComputedRef<DisabledTimeProps>; onCellClick: (cellData: import("./interface").Cell) => void; onCellMouseEnter: (cellData: import("./interface").Cell) => void; onTimePanelSelect: (time: Dayjs) => void; showViewTabs: import("vue").ComputedRef<boolean>; showDateView: import("vue").ComputedRef<boolean>; showTimeView: import("vue").ComputedRef<boolean>; changeViewTo: (newView: "time" | "date") => void; datePickerT: (key: string, ...args: any[]) => any; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cell-mouse-enter" | "time-picker-select" | "current-view-change" | "update:currentView")[], "select" | "cell-mouse-enter" | "time-picker-select" | "current-view-change" | "update:currentView", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ isRange: { type: BooleanConstructor; }; value: { type: PropType<Dayjs>; }; rangeValues: { type: PropType<(Dayjs | undefined)[]>; }; headerValue: { type: PropType<Dayjs>; required: true; }; footerValue: { type: PropType<Dayjs>; }; timePickerValue: { type: PropType<Dayjs>; }; headerOperations: { type: PropType<import("./interface").HeaderOperations>; default: () => {}; }; headerIcons: { type: PropType<import("./interface").HeaderIcons>; default: () => {}; }; dayStartOfWeek: { type: PropType<WeekStart>; default: number; }; disabledDate: { type: PropType<import("./interface").DisabledDate>; }; disabledTime: { type: PropType<import("./interface").DisabledTime>; }; isSameTime: { type: PropType<import("./interface").IsSameTime>; }; mode: { type: PropType<import("./interface").Mode>; default: string; }; showTime: { type: BooleanConstructor; }; timePickerProps: { type: PropType<Partial<TimePickerProps>>; }; currentView: { type: PropType<"time" | "date">; }; dateRender: { type: PropType<import("../_components/render-function").RenderFunc>; }; disabled: { type: BooleanConstructor; }; onHeaderLabelClick: { type: PropType<import("./panels/header").HeaderLabelClickFunc>; }; }>> & Readonly<{ onSelect?: ((...args: any[]) => any) | undefined; "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;