@fesjs/fes-design
Version:
fes-design for PC
334 lines (333 loc) • 13.4 kB
TypeScript
import { type PropType } from 'vue';
import type { TimeOption } from './interface';
export interface SelectedTime {
hour: string | null;
minute: string | null;
seconds: string | null;
}
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly visible: {
readonly type: BooleanConstructor;
readonly default: false;
};
readonly modelValue: {
readonly type: StringConstructor;
readonly default: "";
};
readonly format: {
readonly type: StringConstructor;
readonly default: "HH:mm:ss";
};
readonly hourStep: {
readonly type: NumberConstructor;
readonly default: 1;
};
readonly minuteStep: {
readonly type: NumberConstructor;
readonly default: 1;
};
readonly secondStep: {
readonly type: NumberConstructor;
readonly default: 1;
};
readonly disabledHours: {
readonly type: PropType<(h: number) => boolean>;
};
readonly disabledMinutes: {
readonly type: PropType<(h: number, m: number) => boolean>;
};
readonly disabledSeconds: {
readonly type: PropType<(h: number, m: number, s: number) => boolean>;
};
readonly visibleCount: {
readonly type: NumberConstructor;
readonly default: 8;
};
}>, {
prefixCls: string;
canSelectHours: import("vue").ComputedRef<TimeOption[]>;
canSelectMinutes: import("vue").ComputedRef<TimeOption[]>;
canSelectSeconds: import("vue").ComputedRef<TimeOption[]>;
changeSelectedHour: (option: TimeOption) => void;
changeSelectedMinute: (option: TimeOption) => void;
changeSelectedSeconds: (option: TimeOption) => void;
focusKey: {
1: number;
2: number;
4: number;
};
selectedTime: {
hour: string;
minute: string;
seconds: string;
};
resetTime: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly visible: {
readonly type: BooleanConstructor;
readonly default: false;
};
readonly modelValue: {
readonly type: StringConstructor;
readonly default: "";
};
readonly format: {
readonly type: StringConstructor;
readonly default: "HH:mm:ss";
};
readonly hourStep: {
readonly type: NumberConstructor;
readonly default: 1;
};
readonly minuteStep: {
readonly type: NumberConstructor;
readonly default: 1;
};
readonly secondStep: {
readonly type: NumberConstructor;
readonly default: 1;
};
readonly disabledHours: {
readonly type: PropType<(h: number) => boolean>;
};
readonly disabledMinutes: {
readonly type: PropType<(h: number, m: number) => boolean>;
};
readonly disabledSeconds: {
readonly type: PropType<(h: number, m: number, s: number) => boolean>;
};
readonly visibleCount: {
readonly type: NumberConstructor;
readonly default: 8;
};
}>> & Readonly<{
onChange?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
}>, {
readonly modelValue: string;
readonly format: string;
readonly hourStep: number;
readonly minuteStep: number;
readonly secondStep: number;
readonly visible: boolean;
readonly visibleCount: number;
}, {}, {
PickerItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly visible: BooleanConstructor;
readonly value: {
readonly type: StringConstructor;
readonly default: "";
};
readonly focus: {
readonly type: NumberConstructor;
readonly default: -1;
};
readonly times: {
readonly type: PropType<TimeOption[]>;
readonly default: () => TimeOption[];
};
readonly visibleCount: {
readonly type: NumberConstructor;
readonly default: 8;
};
}>, {
visibleHeight: import("vue").ComputedRef<number>;
style: import("vue").ComputedRef<{
'padding-bottom': string;
}>;
scrollbarRef: import("vue").Ref<any, any>;
prefixCls: string;
rootRefEl: import("vue").Ref<HTMLElement, HTMLElement>;
selectedIndex: import("vue").ComputedRef<number>;
selectedTime: (e: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly visible: BooleanConstructor;
readonly value: {
readonly type: StringConstructor;
readonly default: "";
};
readonly focus: {
readonly type: NumberConstructor;
readonly default: -1;
};
readonly times: {
readonly type: PropType<TimeOption[]>;
readonly default: () => TimeOption[];
};
readonly visibleCount: {
readonly type: NumberConstructor;
readonly default: 8;
};
}>> & Readonly<{
onChange?: (...args: any[]) => any;
}>, {
readonly value: string;
readonly focus: number;
readonly visible: boolean;
readonly times: TimeOption[];
readonly visibleCount: number;
}, {}, {
FScrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly shadow: {
type: PropType<import("../scrollbar/const").ShadowType>;
default: boolean;
};
readonly height: {
type: PropType<string | number>;
};
readonly maxHeight: {
type: PropType<string | number>;
};
readonly native: {
type: BooleanConstructor;
default: boolean;
};
readonly always: {
type: BooleanConstructor;
default: boolean;
};
readonly minSize: {
type: NumberConstructor;
default: number;
};
readonly horizontalRatioStyle: {
type: PropType<import("vue").StyleValue>;
};
readonly verticalRatioStyle: {
type: PropType<import("vue").StyleValue>;
};
readonly shadowStyle: {
type: PropType<import("vue").StyleValue>;
};
readonly containerClass: PropType<string | object | []>;
readonly containerStyle: PropType<import("vue").StyleValue>;
readonly contentStyle: PropType<import("vue").StyleValue>;
readonly thumbStyle: PropType<import("vue").StyleValue>;
readonly noresize: BooleanConstructor;
}>, {
scrollbarRef: import("vue").Ref<HTMLElement, HTMLElement>;
containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
contentRef: import("vue").Ref<HTMLElement, HTMLElement>;
style: import("vue").ComputedRef<import("vue").StyleValue[]>;
prefixCls: string;
setScrollTop: (val: number, duration: number) => void;
setScrollLeft: (val: number, duration: number) => void;
scrollToEnd: (direction: "right" | "bottom", duration: number) => void;
update: () => void;
handleScroll: (event: Event) => void;
thumbMoveX: import("vue").Ref<number, number>;
thumbMoveY: import("vue").Ref<number, number>;
ratioX: import("vue").Ref<number, number>;
ratioY: import("vue").Ref<number, number>;
sizeHeight: import("vue").Ref<string, string>;
sizeWidth: import("vue").Ref<string, string>;
wrapperClassRef: import("vue").ComputedRef<string[]>;
containerClassRef: import("vue").ComputedRef<(string | object)[]>;
scrollX: import("vue").Ref<boolean, boolean>;
scrollXRatio: import("vue").Ref<number, number>;
scrollY: import("vue").Ref<boolean, boolean>;
scrollYRatio: import("vue").Ref<number, number>;
shadowRef: import("vue").ComputedRef<{
x: boolean;
y: boolean;
}>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly shadow: {
type: PropType<import("../scrollbar/const").ShadowType>;
default: boolean;
};
readonly height: {
type: PropType<string | number>;
};
readonly maxHeight: {
type: PropType<string | number>;
};
readonly native: {
type: BooleanConstructor;
default: boolean;
};
readonly always: {
type: BooleanConstructor;
default: boolean;
};
readonly minSize: {
type: NumberConstructor;
default: number;
};
readonly horizontalRatioStyle: {
type: PropType<import("vue").StyleValue>;
};
readonly verticalRatioStyle: {
type: PropType<import("vue").StyleValue>;
};
readonly shadowStyle: {
type: PropType<import("vue").StyleValue>;
};
readonly containerClass: PropType<string | object | []>;
readonly containerStyle: PropType<import("vue").StyleValue>;
readonly contentStyle: PropType<import("vue").StyleValue>;
readonly thumbStyle: PropType<import("vue").StyleValue>;
readonly noresize: BooleanConstructor;
}>> & Readonly<{
onScroll?: (...args: any[]) => any;
}>, {
readonly shadow: import("../scrollbar/const").ShadowType;
readonly always: boolean;
readonly native: boolean;
readonly minSize: number;
readonly noresize: boolean;
}, {}, {
FBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly vertical: BooleanConstructor;
readonly size: StringConstructor;
readonly move: NumberConstructor;
readonly ratio: NumberConstructor;
readonly always: BooleanConstructor;
readonly scrollbarRef: PropType<HTMLElement[]>;
readonly containerRef: PropType<HTMLElement>;
readonly thumbStyle: PropType<import("vue").StyleValue>;
}>, {
prefixCls: string;
barRef: import("vue").Ref<HTMLElement, HTMLElement>;
thumbRef: import("vue").Ref<any, any>;
visible: import("vue").Ref<boolean, boolean>;
cursorDown: import("vue").Ref<any, any>;
barMap: import("vue").ComputedRef<{
readonly offset: "offsetHeight";
readonly scroll: "scrollTop";
readonly scrollSize: "scrollHeight";
readonly size: "height";
readonly key: "vertical";
readonly axis: "Y";
readonly client: "clientY";
readonly direction: "top";
} | {
readonly offset: "offsetWidth";
readonly scroll: "scrollLeft";
readonly scrollSize: "scrollWidth";
readonly size: "width";
readonly key: "horizontal";
readonly axis: "X";
readonly client: "clientX";
readonly direction: "left";
}>;
thumbStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
clickTrackHandler: (e: MouseEvent) => void;
clickThumbHandler: (e: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly vertical: BooleanConstructor;
readonly size: StringConstructor;
readonly move: NumberConstructor;
readonly ratio: NumberConstructor;
readonly always: BooleanConstructor;
readonly scrollbarRef: PropType<HTMLElement[]>;
readonly containerRef: PropType<HTMLElement>;
readonly thumbStyle: PropType<import("vue").StyleValue>;
}>> & Readonly<{}>, {
readonly always: boolean;
readonly vertical: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;