@arco-design/web-vue
Version:
Arco Design Vue 2.0: A Vue.js 3 UI Library
1,421 lines (1,420 loc) • 196 kB
TypeScript
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;