@arco-design/web-vue
Version:
Arco Design Vue 2.0: A Vue.js 3 UI Library
1,335 lines (1,334 loc) • 86.1 kB
TypeScript
import { PropType } from 'vue';
import { Dayjs } from 'dayjs';
import { TriggerProps } from '../trigger';
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
type: {
type: PropType<"time" | "time-range">;
default: string;
};
modelValue: {
type: PropType<string | number | Date | (string | number | Date)[]>;
};
defaultValue: {
type: PropType<string | number | Date | (string | number | Date)[]>;
};
disabled: {
type: BooleanConstructor;
};
allowClear: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
};
error: {
type: BooleanConstructor;
};
format: {
type: StringConstructor;
default: string;
};
placeholder: {
type: PropType<string | string[]>;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
popupContainer: {
type: PropType<string | HTMLElement>;
};
use12Hours: {
type: BooleanConstructor;
};
step: {
type: PropType<{
hour?: number | undefined;
minute?: number | undefined;
second?: number | undefined;
}>;
};
disabledHours: {
type: PropType<() => number[]>;
};
disabledMinutes: {
type: PropType<(selectedHour?: number | undefined) => number[]>;
};
disabledSeconds: {
type: PropType<(selectedHour?: number | undefined, selectedMinute?: number | undefined) => number[]>;
};
hideDisabledOptions: {
type: BooleanConstructor;
};
disableConfirm: {
type: BooleanConstructor;
};
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;
};
}>, {
refInput: import("vue").Ref<any, any>;
isRange: import("vue").ComputedRef<boolean>;
prefixCls: string;
panelVisible: import("vue").ComputedRef<boolean>;
focusedInputIndex: import("vue").Ref<number, number>;
computedPlaceholder: import("vue").ComputedRef<string | string[]>;
panelValue: import("vue").Ref<Dayjs | (Dayjs | undefined)[] | undefined, Dayjs | (Dayjs | undefined)[] | undefined>;
inputValue: import("vue").Ref<string | (string | undefined)[] | undefined, string | (string | undefined)[] | undefined>;
computedFormat: import("vue").ComputedRef<string>;
computedUse12Hours: import("vue").ComputedRef<boolean>;
inputProps: import("vue").ComputedRef<{
focusedIndex: number;
onFocusedIndexChange: (index: number) => void;
onChange: (e: any) => void;
onPressEnter: () => void;
} | {
onChange: (e: any) => void;
onPressEnter: () => void;
focusedIndex?: undefined;
onFocusedIndexChange?: undefined;
}>;
panelProps: import("vue").ComputedRef<{
displayIndex: number;
onDisplayIndexChange: (index: number) => void;
} | {
displayIndex?: undefined;
onDisplayIndexChange?: undefined;
}>;
mergedDisabled: import("vue").ComputedRef<boolean>;
onPanelVisibleChange: any;
onInputClear: (e: Event) => void;
onPanelSelect: (value: Dayjs | Array<Dayjs | undefined>) => void;
onPanelConfirm: (value: Dayjs | Dayjs[]) => void;
onPanelClick: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
change: (timeString: string | Array<string | undefined> | undefined, time: Date | Array<Date | undefined> | undefined) => true;
'update:modelValue': (timeString: string | Array<string | undefined> | undefined) => true;
select: (timeString: string | Array<string | undefined>, time: Date | Array<Date | undefined>) => true;
clear: () => true;
'popup-visible-change': (visible: boolean) => true;
'update:popupVisible': (visible: boolean) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"time" | "time-range">;
default: string;
};
modelValue: {
type: PropType<string | number | Date | (string | number | Date)[]>;
};
defaultValue: {
type: PropType<string | number | Date | (string | number | Date)[]>;
};
disabled: {
type: BooleanConstructor;
};
allowClear: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
};
error: {
type: BooleanConstructor;
};
format: {
type: StringConstructor;
default: string;
};
placeholder: {
type: PropType<string | string[]>;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
popupContainer: {
type: PropType<string | HTMLElement>;
};
use12Hours: {
type: BooleanConstructor;
};
step: {
type: PropType<{
hour?: number | undefined;
minute?: number | undefined;
second?: number | undefined;
}>;
};
disabledHours: {
type: PropType<() => number[]>;
};
disabledMinutes: {
type: PropType<(selectedHour?: number | undefined) => number[]>;
};
disabledSeconds: {
type: PropType<(selectedHour?: number | undefined, selectedMinute?: number | undefined) => number[]>;
};
hideDisabledOptions: {
type: BooleanConstructor;
};
disableConfirm: {
type: BooleanConstructor;
};
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;
};
}>> & Readonly<{
onClear?: (() => any) | undefined;
onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
"onUpdate:modelValue"?: ((timeString: string | (string | undefined)[] | undefined) => any) | undefined;
onSelect?: ((timeString: string | (string | undefined)[], time: Date | (Date | undefined)[]) => any) | undefined;
"onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
"onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
}>, {
type: "time" | "time-range";
disabled: boolean;
readonly: boolean;
error: boolean;
allowClear: boolean;
format: string;
position: "br" | "tr" | "top" | "bottom" | "tl" | "bl";
popupVisible: boolean;
defaultPopupVisible: boolean;
unmountOnClose: boolean;
disableConfirm: boolean;
use12Hours: boolean;
hideDisabledOptions: boolean;
}, {}, {
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;
};
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>;
DateRangeInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
focused: {
type: BooleanConstructor;
};
focusedIndex: {
type: NumberConstructor;
};
error: {
type: BooleanConstructor;
};
disabled: {
type: PropType<boolean | boolean[]>;
default: boolean;
};
readonly: {
type: BooleanConstructor;
};
allowClear: {
type: BooleanConstructor;
};
placeholder: {
type: PropType<string[]>;
default: () => never[];
};
inputValue: {
type: PropType<string[]>;
};
value: {
type: PropType<(Dayjs | undefined)[]>;
default: () => never[];
};
format: {
type: PropType<string | ((value: Dayjs) => string)>;
required: true;
};
}>, {
prefixCls: string;
classNames: import("vue").ComputedRef<(string | {
[x: string]: boolean | import("vue").Slot<any> | undefined;
})[]>;
refInput0: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
refInput1: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
disabled0: import("vue").ComputedRef<boolean>;
disabled1: import("vue").ComputedRef<boolean>;
mergedDisabled: import("vue").ComputedRef<boolean>;
getDisabled: (index: number) => boolean;
getInputWrapClassName: (index: number) => (string | {
[x: string]: boolean;
})[];
displayValue0: import("vue").ComputedRef<string | undefined>;
displayValue1: import("vue").ComputedRef<string | undefined>;
changeFocusedInput: (index: number) => void;
onChange: (e: Event) => void;
onPressEnter: () => void;
onPressTab: (e: Event) => void;
onClear: (e: Event) => void;
feedback: import("vue").Ref<string | undefined, string | undefined>;
}, {}, {}, {
focus(index?: number | undefined): void;
blur(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
focused: {
type: BooleanConstructor;
};
focusedIndex: {
type: NumberConstructor;
};
error: {
type: BooleanConstructor;
};
disabled: {
type: PropType<boolean | boolean[]>;
default: boolean;
};
readonly: {
type: BooleanConstructor;
};
allowClear: {
type: BooleanConstructor;
};
placeholder: {
type: PropType<string[]>;
default: () => never[];
};
inputValue: {
type: PropType<string[]>;
};
value: {
type: PropType<(Dayjs | undefined)[]>;
default: () => never[];
};
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;
"onFocused-index-change"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
}>, {
disabled: boolean | boolean[];
focused: boolean;
readonly: boolean;
error: boolean;
allowClear: boolean;
placeholder: string[];
value: (Dayjs | undefined)[];
}, {}, {
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>;
Panel: import("vue").DefineComponent<{
value?: Dayjs | undefined;
defaultValue?: Dayjs | undefined;
format: string;
visible: boolean;
hideFooter: boolean;
isRange: boolean;
disabled: boolean;
use12Hours: boolean;
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;
}, {
prefixCls: string;
t: (key: string, ...args: any[]) => string;
hours: import("vue").ComputedRef<import("./interface").TimeList>;
minutes: import("vue").ComputedRef<import("./interface").TimeList>;
seconds: import("vue").ComputedRef<import("./interface").TimeList>;
ampmList: import("vue").ComputedRef<import("./interface").TimeList>;
selectedValue: import("vue").Ref<{
clone: () => Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): Dayjs;
};
month: {
(): number;
(value: number): Dayjs;
};
date: {
(): number;
(value: number): Dayjs;
};
day: {
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
(value: number): Dayjs;
};
hour: {
(): number;
(value: number): Dayjs;
};
minute: {
(): number;
(value: number): Dayjs;
};
second: {
(): number;
(value: number): Dayjs;
};
millisecond: {
(): number;
(value: number): Dayjs;
};
set: (unit: import("dayjs").UnitType, value: number) => Dayjs;
get: (unit: import("dayjs").UnitType) => number;
add: {
(value: number, unit?: import("dayjs").ManipulateType | undefined): Dayjs;
(value: number, unit: import("dayjs").QUnitType): Dayjs;
};
subtract: {
(value: number, unit?: import("dayjs").ManipulateType | undefined): Dayjs;
(value: number, unit: import("dayjs").QUnitType): Dayjs;
};
startOf: {
(unit: import("dayjs").OpUnitType): Dayjs;
(unit: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q"): Dayjs;
};
endOf: {
(unit: import("dayjs").OpUnitType): Dayjs;
(unit: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q"): Dayjs;
};
format: (template?: string | undefined) => string;
diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: {
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
isSame: {
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
isAfter: {
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale> | undefined): Dayjs;
};
isBetween: (a: string | number | Date | Dayjs | null | undefined, b: string | number | Date | Dayjs | null | undefined, c?: import("dayjs").OpUnitType | null | undefined, d?: "()" | "[]" | "[)" | "(]" | undefined) => boolean;
week: {
(): number;
(value: number): Dayjs;
};
weekYear: () => number;
quarter: {
(): number;
(quarter: number): Dayjs;
};
} | undefined, Dayjs | {
clone: () => Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): Dayjs;
};
month: {
(): number;
(value: number): Dayjs;
};
date: {
(): number;
(value: number): Dayjs;
};
day: {
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
(value: number): Dayjs;
};
hour: {
(): number;
(value: number): Dayjs;
};
minute: {
(): number;
(value: number): Dayjs;
};
second: {
(): number;
(value: number): Dayjs;
};
millisecond: {
(): number;
(value: number): Dayjs;
};
set: (unit: import("dayjs").UnitType, value: number) => Dayjs;
get: (unit: import("dayjs").UnitType) => number;
add: {
(value: number, unit?: import("dayjs").ManipulateType | undefined): Dayjs;
(value: number, unit: import("dayjs").QUnitType): Dayjs;
};
subtract: {
(value: number, unit?: import("dayjs").ManipulateType | undefined): Dayjs;
(value: number, unit: import("dayjs").QUnitType): Dayjs;
};
startOf: {
(unit: import("dayjs").OpUnitType): Dayjs;
(unit: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q"): Dayjs;
};
endOf: {
(unit: import("dayjs").OpUnitType): Dayjs;
(unit: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q"): Dayjs;
};
format: (template?: string | undefined) => string;
diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: {
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
isSame: {
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
isAfter: {
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale> | undefined): Dayjs;
};
isBetween: (a: string | number | Date | Dayjs | null | undefined, b: string | number | Date | Dayjs | null | undefined, c?: import("dayjs").OpUnitType | null | undefined, d?: "()" | "[]" | "[)" | "(]" | undefined) => boolean;
week: {
(): number;
(value: number): Dayjs;
};
weekYear: () => number;
quarter: {
(): number;
(quarter: number): Dayjs;
};
} | undefined>;
selectedHour: import("vue").ComputedRef<number | undefined>;
selectedMinute: import("vue").ComputedRef<number | undefined>;
selectedSecond: import("vue").ComputedRef<number | undefined>;
selectedAmpm: import("vue").ComputedRef<"pm" | "am">;
computedUse12Hours: import("vue").ComputedRef<boolean>;
confirmBtnDisabled: import("vue").ComputedRef<boolean>;
columns: import("vue").ComputedRef<string[]>;
onSelect: (value: string | number, type?: "second" | "minute" | "hour" | "ampm") => void;
onSelectNow(): void;
onConfirm(): void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
select: (value: Dayjs) => boolean;
confirm: (value: Dayjs) => boolean;
}, string, import("vue").PublicProps, Readonly<{
value?: Dayjs | undefined;
defaultValue?: Dayjs | undefined;
format: string;
visible: boolean;
hideFooter: boolean;
isRange: boolean;
disabled: boolean;
use12Hours: boolean;
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;
}> & Readonly<{
onSelect?: ((value: Dayjs) => any) | undefined;
onConfirm?: ((value: Dayjs) => any) | undefined;
}>, {
disabled: boolean;
format: string;
visible: boolean;