tdesign-vue-next
Version:
TDesign Component for vue-next
388 lines (387 loc) • 16.6 kB
TypeScript
import dayjs from 'dayjs';
import { TdDatePickerProps, DateValue } from '../type';
export declare function useSingle(props: TdDatePickerProps): {
year: import("vue").Ref<number>;
month: import("vue").Ref<number>;
value: import("vue").Ref<DateValue | import("..").DateMultipleValue>;
time: any;
inputValue: import("vue").Ref<string | number | string[] | number[] | {
toString: () => string;
toDateString: () => string;
toTimeString: () => string;
toLocaleString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
toLocaleDateString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
toLocaleTimeString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
valueOf: () => number;
getTime: () => number;
getFullYear: () => number;
getUTCFullYear: () => number;
getMonth: () => number;
getUTCMonth: () => number;
getDate: () => number;
getUTCDate: () => number;
getDay: () => number;
getUTCDay: () => number;
getHours: () => number;
getUTCHours: () => number;
getMinutes: () => number;
getUTCMinutes: () => number;
getSeconds: () => number;
getUTCSeconds: () => number;
getMilliseconds: () => number;
getUTCMilliseconds: () => number;
getTimezoneOffset: () => number;
setTime: (time: number) => number;
setMilliseconds: (ms: number) => number;
setUTCMilliseconds: (ms: number) => number;
setSeconds: (sec: number, ms?: number) => number;
setUTCSeconds: (sec: number, ms?: number) => number;
setMinutes: (min: number, sec?: number, ms?: number) => number;
setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
setDate: (date: number) => number;
setUTCDate: (date: number) => number;
setMonth: (month: number, date?: number) => number;
setUTCMonth: (month: number, date?: number) => number;
setFullYear: (year: number, month?: number, date?: number) => number;
setUTCFullYear: (year: number, month?: number, date?: number) => number;
toUTCString: () => string;
toISOString: () => string;
toJSON: (key?: any) => string;
getVarDate: () => VarDate;
[Symbol.toPrimitive]: {
(hint: "default"): string;
(hint: "string"): string;
(hint: "number"): number;
(hint: string): string | number;
};
} | {
toString: () => string;
toDateString: () => string;
toTimeString: () => string;
toLocaleString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
toLocaleDateString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
toLocaleTimeString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
valueOf: () => number;
getTime: () => number;
getFullYear: () => number;
getUTCFullYear: () => number;
getMonth: () => number;
getUTCMonth: () => number;
getDate: () => number;
getUTCDate: () => number;
getDay: () => number;
getUTCDay: () => number;
getHours: () => number;
getUTCHours: () => number;
getMinutes: () => number;
getUTCMinutes: () => number;
getSeconds: () => number;
getUTCSeconds: () => number;
getMilliseconds: () => number;
getUTCMilliseconds: () => number;
getTimezoneOffset: () => number;
setTime: (time: number) => number;
setMilliseconds: (ms: number) => number;
setUTCMilliseconds: (ms: number) => number;
setSeconds: (sec: number, ms?: number) => number;
setUTCSeconds: (sec: number, ms?: number) => number;
setMinutes: (min: number, sec?: number, ms?: number) => number;
setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
setDate: (date: number) => number;
setUTCDate: (date: number) => number;
setMonth: (month: number, date?: number) => number;
setUTCMonth: (month: number, date?: number) => number;
setFullYear: (year: number, month?: number, date?: number) => number;
setUTCFullYear: (year: number, month?: number, date?: number) => number;
toUTCString: () => string;
toISOString: () => string;
toJSON: (key?: any) => string;
getVarDate: () => VarDate;
[Symbol.toPrimitive]: {
(hint: "default"): string;
(hint: "string"): string;
(hint: "number"): number;
(hint: string): string | number;
};
}[]>;
popupVisible: import("vue").Ref<boolean>;
inputProps: import("vue").ComputedRef<{
size: import("../..").SizeEnum;
ref: import("vue").Ref<any>;
readonly: boolean;
class: {
[x: string]: boolean;
}[];
align?: "left" | "center" | "right";
allowInputOverMax?: boolean;
autoWidth?: boolean;
autocomplete?: string;
autofocus?: boolean;
borderless?: boolean;
clearable?: boolean;
disabled?: boolean;
format?: import("../..").InputFormatType;
inputClass?: import("../..").ClassName;
label?: string | import("../..").TNode;
maxcharacter?: number;
maxlength?: string | number;
name?: string;
placeholder?: string;
prefixIcon?: import("../..").TNode;
showClearIconOnEmpty?: boolean;
showLimitNumber?: boolean;
spellCheck?: boolean;
status?: "default" | "success" | "warning" | "error";
suffix?: string | import("../..").TNode;
suffixIcon?: import("../..").TNode;
tips?: string | import("../..").TNode;
type?: "text" | "number" | "url" | "tel" | "password" | "search" | "submit" | "hidden";
value?: import("../..").InputValue;
defaultValue?: import("../..").InputValue;
modelValue?: import("../..").InputValue;
onBlur?: (value: import("../..").InputValue, context: {
e: FocusEvent;
}) => void;
onChange?: (value: import("../..").InputValue, context?: {
e?: InputEvent | MouseEvent | CompositionEvent;
trigger: "input" | "initial" | "clear";
}) => void;
onClear?: (context: {
e: MouseEvent;
}) => void;
onClick?: (context: {
e: MouseEvent;
}) => void;
onCompositionend?: (value: string, context: {
e: CompositionEvent;
}) => void;
onCompositionstart?: (value: string, context: {
e: CompositionEvent;
}) => void;
onEnter?: (value: import("../..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onFocus?: (value: import("../..").InputValue, context: {
e: FocusEvent;
}) => void;
onKeydown?: (value: import("../..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeypress?: (value: import("../..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeyup?: (value: import("../..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
onPaste?: (context: {
e: ClipboardEvent;
pasteValue: string;
}) => void;
onValidate?: (context: {
error?: "exceed-maximum" | "below-minimum";
}) => void;
onWheel?: (context: {
e: WheelEvent;
}) => void;
}>;
popupProps: import("vue").ComputedRef<{
disabled: boolean | [boolean, boolean];
overlayInnerStyle: import("../..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("../..").Styles);
overlayClassName: import("../..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
default?: string | import("../..").TNode;
visible?: boolean;
modelValue?: boolean;
attach?: import("../..").AttachNode;
onScroll?: (context: {
e: WheelEvent;
}) => void;
content?: string | import("../..").TNode;
overlayStyle?: import("../..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("../..").Styles);
delay?: number | Array<number>;
overlayInnerClassName?: import("../..").ClassName;
placement?: import("../..").PopupPlacement;
popperOptions?: object;
trigger?: "hover" | "click" | "focus" | "mousedown" | "context-menu";
triggerElement?: string | import("../..").TNode;
onOverlayClick?: (context: {
e: MouseEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
destroyOnClose?: boolean;
hideEmptyPopup?: boolean;
showArrow?: boolean;
defaultVisible?: boolean;
zIndex?: number;
expandAnimation: boolean;
}>;
inputRef: import("vue").Ref<any>;
cacheValue: import("vue").Ref<string | number | string[] | number[] | {
toString: () => string;
toDateString: () => string;
toTimeString: () => string;
toLocaleString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
toLocaleDateString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
toLocaleTimeString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
valueOf: () => number;
getTime: () => number;
getFullYear: () => number;
getUTCFullYear: () => number;
getMonth: () => number;
getUTCMonth: () => number;
getDate: () => number;
getUTCDate: () => number;
getDay: () => number;
getUTCDay: () => number;
getHours: () => number;
getUTCHours: () => number;
getMinutes: () => number;
getUTCMinutes: () => number;
getSeconds: () => number;
getUTCSeconds: () => number;
getMilliseconds: () => number;
getUTCMilliseconds: () => number;
getTimezoneOffset: () => number;
setTime: (time: number) => number;
setMilliseconds: (ms: number) => number;
setUTCMilliseconds: (ms: number) => number;
setSeconds: (sec: number, ms?: number) => number;
setUTCSeconds: (sec: number, ms?: number) => number;
setMinutes: (min: number, sec?: number, ms?: number) => number;
setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
setDate: (date: number) => number;
setUTCDate: (date: number) => number;
setMonth: (month: number, date?: number) => number;
setUTCMonth: (month: number, date?: number) => number;
setFullYear: (year: number, month?: number, date?: number) => number;
setUTCFullYear: (year: number, month?: number, date?: number) => number;
toUTCString: () => string;
toISOString: () => string;
toJSON: (key?: any) => string;
getVarDate: () => VarDate;
[Symbol.toPrimitive]: {
(hint: "default"): string;
(hint: "string"): string;
(hint: "number"): number;
(hint: string): string | number;
};
} | {
toString: () => string;
toDateString: () => string;
toTimeString: () => string;
toLocaleString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
toLocaleDateString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
toLocaleTimeString: {
(): string;
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
};
valueOf: () => number;
getTime: () => number;
getFullYear: () => number;
getUTCFullYear: () => number;
getMonth: () => number;
getUTCMonth: () => number;
getDate: () => number;
getUTCDate: () => number;
getDay: () => number;
getUTCDay: () => number;
getHours: () => number;
getUTCHours: () => number;
getMinutes: () => number;
getUTCMinutes: () => number;
getSeconds: () => number;
getUTCSeconds: () => number;
getMilliseconds: () => number;
getUTCMilliseconds: () => number;
getTimezoneOffset: () => number;
setTime: (time: number) => number;
setMilliseconds: (ms: number) => number;
setUTCMilliseconds: (ms: number) => number;
setSeconds: (sec: number, ms?: number) => number;
setUTCSeconds: (sec: number, ms?: number) => number;
setMinutes: (min: number, sec?: number, ms?: number) => number;
setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
setDate: (date: number) => number;
setUTCDate: (date: number) => number;
setMonth: (month: number, date?: number) => number;
setUTCMonth: (month: number, date?: number) => number;
setFullYear: (year: number, month?: number, date?: number) => number;
setUTCFullYear: (year: number, month?: number, date?: number) => number;
toUTCString: () => string;
toISOString: () => string;
toJSON: (key?: any) => string;
getVarDate: () => VarDate;
[Symbol.toPrimitive]: {
(hint: "default"): string;
(hint: "string"): string;
(hint: "number"): number;
(hint: string): string | number;
};
}[]>;
isHoverCell: import("vue").Ref<boolean>;
onChange: import("@tdesign/shared-hooks").ChangeHandler<DateValue | import("..").DateMultipleValue, [context: {
dayjsValue?: dayjs.Dayjs;
trigger?: import("..").DatePickerTriggerSource;
}]>;
};