various-ui
Version:
This is a test version of the Vue 3 component library
1,074 lines (1,073 loc) • 109 kB
TypeScript
import type { SetupContext } from "vue";
import type { UiDateRangePickerProps, UiDateRangePickerEmits } from "./component";
import PickerTime from "../components/time/index.vue";
import PickerDate from "../components/date/index.vue";
import PickerMonth from "../components/month/index.vue";
type ComponentNodeType = InstanceType<typeof PickerDate> | InstanceType<typeof PickerTime> | InstanceType<typeof PickerMonth>;
export declare const useComposable: (define: UiDateRangePickerProps, emits: SetupContext<typeof UiDateRangePickerEmits>["emit"]) => {
ons: {
candidates: {
"before-leave": () => void | undefined;
"before-enter": (el: Element) => void;
leave: (el: Element, done: () => void) => void;
enter: (el: Element, done: () => void) => void;
};
components: {
change: (data: {
start?: Date;
end?: Date;
}) => void;
update: (data: {
year?: number;
month?: number;
}) => void;
message: (data: {
start?: Date;
end?: Date;
}) => void;
switchover: (mode: string) => void;
};
};
vars: {
observer: ResizeObserver | undefined;
};
refs: {
end: import("vue").Ref<Date | undefined, Date | undefined>;
date: import("vue").Ref<Date, Date>;
mode: import("vue").Ref<string, string>;
start: import("vue").Ref<Date | undefined, Date | undefined>;
visible: import("vue").Ref<boolean, boolean>;
};
nodes: {
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
candidates: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
components: import("vue").Ref<ComponentNodeType | undefined, ComponentNodeType | undefined>;
};
binds: {
end: {
placeholder: string;
value: string;
};
start: {
placeholder: string;
value: string;
};
container: {
class: string;
style: {
width: string;
};
};
candidates: {
class: string;
style: {
zIndex: number;
};
};
};
watchs: {
stop_watch: import("vue").WatchHandle;
};
methods: {
show: (ev: MouseEvent) => void;
hidden: (ev?: Event) => void;
};
computeds: {
className: import("vue").ComputedRef<"" | "ui-active">;
view: import("vue").ComputedRef<import("vue").DefineComponent<{
confirm?: any;
}, {
emits: ((event: "message", _data: {
start?: Date | undefined;
end?: Date | undefined;
}) => void) & ((event: "change", _data: {
start?: Date | undefined;
end?: Date | undefined;
}) => void) & ((event: "update", _data: {
year?: number | undefined;
month?: number | undefined;
}) => void) & ((event: "switchover", _mode: string) => void);
refs: {
end: import("vue").Ref<Date | undefined, Date | undefined>;
date: import("vue").Ref<Date, Date>;
days: import("vue").Ref<{
day: number;
date: string;
year: number;
month: number;
}[], import("./types").ModuleDay[] | {
day: number;
date: string;
year: number;
month: number;
}[]>;
start: import("vue").Ref<Date | undefined, Date | undefined>;
finish: import("vue").Ref<boolean, boolean>;
};
nodes: {
hourser: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
scroll: (_ev: Event) => boolean;
}, import("vue").PublicProps, {
readonly spacing: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, {
readonly spacing: number;
}> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
scroll: (_ev: Event) => boolean;
}, import("vue").PublicProps, {
readonly spacing: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, {
readonly spacing: number;
}> | undefined>;
minuteser: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
scroll: (_ev: Event) => boolean;
}, import("vue").PublicProps, {
readonly spacing: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, {
readonly spacing: number;
}> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
scroll: (_ev: Event) => boolean;
}, import("vue").PublicProps, {
readonly spacing: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, {
readonly spacing: number;
}> | undefined>;
secondser: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
scroll: (_ev: Event) => boolean;
}, import("vue").PublicProps, {
readonly spacing: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, {
readonly spacing: number;
}> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
scroll: (_ev: Event) => boolean;
}, import("vue").PublicProps, {
readonly spacing: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
visible: import("vue").Ref<boolean, boolean>;
move: (top: number) => void;
}, {}, {}, {}, {
readonly spacing: number;
}> | undefined>;
};
methods: {
date: (data: {
year?: number | undefined;
month?: number | undefined;
}) => void;
init: (data: import("./types").ModuleData) => void;
update: (date: Date) => void;
select: (data: {
date?: import("./types").ModuleDay | undefined;
hours?: number | undefined;
minutes?: number | undefined;
seconds?: number | undefined;
}) => void;
confirm: () => void;
get_time_site: () => void;
get_day_status: (data: import("./types").ModuleDay) => string;
};
computeds: {
cSeconds: import("vue").ComputedRef<number>;
cMinutes: import("vue").ComputedRef<number>;
cHours: import("vue").ComputedRef<number>;
cTime: import("vue").ComputedRef<string>;
};
cTime: import("vue").ComputedRef<string>;
cHours: import("vue").ComputedRef<number>;
cMinutes: import("vue").ComputedRef<number>;
cSeconds: import("vue").ComputedRef<number>;
init: (data: import("./types").ModuleData) => void;
update: (date: Date) => void;
hourser: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}>, {
emits: (event: "scroll", _ev: Event) => void;
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly height: {
readonly type: import("vue").PropType<string | number>;
};
readonly spacing: {
readonly type: NumberConstructor;
readonly default: 2;
};
readonly trigger: {
readonly type: import("vue").PropType<"Hover">;
};
}>> & Readonly<{
onScroll?: ((_ev: Event) => any) | undefined;
}> & {}>;
refs: {
visible: import("vue").Ref<boolean, boolean>;
};
vars: {
observer: ResizeObserver | undefined;
};
nodes: {
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
bar: {
style: {
borderWidth: string;
};
};
container: {
style?: undefined;
} | {
style: {
"max-height": string;
};
};
};
methods: {
init: () => false | undefined;
drag: (ev: MouseEvent) => void;
move: (ev: MouseEvent) => void;
site: (node: {
bar: HTMLElement;
content: HTMLElement;
}) => number | undefined;
};
slideway: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;