various-ui
Version:
This is a test version of the Vue 3 component library
215 lines (214 loc) • 6.5 kB
TypeScript
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
close: {
type: BooleanConstructor;
default: boolean;
};
width: {
type: import("vue").PropType<string | number>;
};
height: {
type: import("vue").PropType<string | number>;
};
zIndex: {
type: NumberConstructor;
default: number;
};
spacing: {
type: StringConstructor;
default: string;
};
maxWidth: {
type: import("vue").PropType<string | number>;
};
minWidth: {
type: import("vue").PropType<string | number>;
};
minHeight: {
type: import("vue").PropType<string | number>;
};
maxHeight: {
type: import("vue").PropType<string | number>;
};
direction: {
type: import("vue").PropType<import("../../..").UiTypes.direction>;
default: string;
};
closeSize: {
type: NumberConstructor;
default: number;
};
closeIcon: {
type: StringConstructor;
default: string;
};
classExtraName: {
type: StringConstructor;
};
}>, {
emits: ((event: "close") => void) & ((event: "open") => void);
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
close: {
type: BooleanConstructor;
default: boolean;
};
width: {
type: import("vue").PropType<string | number>;
};
height: {
type: import("vue").PropType<string | number>;
};
zIndex: {
type: NumberConstructor;
default: number;
};
spacing: {
type: StringConstructor;
default: string;
};
maxWidth: {
type: import("vue").PropType<string | number>;
};
minWidth: {
type: import("vue").PropType<string | number>;
};
minHeight: {
type: import("vue").PropType<string | number>;
};
maxHeight: {
type: import("vue").PropType<string | number>;
};
direction: {
type: import("vue").PropType<import("../../..").UiTypes.direction>;
default: string;
};
closeSize: {
type: NumberConstructor;
default: number;
};
closeIcon: {
type: StringConstructor;
default: string;
};
classExtraName: {
type: StringConstructor;
};
}>> & Readonly<{
onClose?: (() => any) | undefined;
onOpen?: (() => any) | undefined;
}> & {}>;
ons: {
animation: {
"before-enter": () => void;
enter: (_el: Element, done: () => void) => void;
leave: (_el: Element, done: () => void) => void;
};
};
refs: {
open: import("vue").Ref<boolean, boolean>;
};
nodes: {
main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
};
binds: {
content: {
style: {
padding: string;
};
};
container: {
style: {
[name: string]: any;
};
};
};
methods: {
closeModal: () => void;
openModal: () => void;
scrollTo: (options: ScrollToOptions) => void;
};
open: import("vue").Ref<boolean, boolean>;
main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
openModal: () => void;
closeModal: () => void;
scrollTo: (options: ScrollToOptions) => void;
readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>, {
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>> & Readonly<{
onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
}> & {}>;
emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void;
click: (ev: Event | MouseEvent) => void;
name: import("vue").ComputedRef<string>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
click: (_ev?: Event | MouseEvent | undefined) => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>> & Readonly<{
onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
open: () => boolean;
close: () => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
close: {
type: BooleanConstructor;
default: boolean;
};
width: {
type: import("vue").PropType<string | number>;
};
height: {
type: import("vue").PropType<string | number>;
};
zIndex: {
type: NumberConstructor;
default: number;
};
spacing: {
type: StringConstructor;
default: string;
};
maxWidth: {
type: import("vue").PropType<string | number>;
};
minWidth: {
type: import("vue").PropType<string | number>;
};
minHeight: {
type: import("vue").PropType<string | number>;
};
maxHeight: {
type: import("vue").PropType<string | number>;
};
direction: {
type: import("vue").PropType<import("../../..").UiTypes.direction>;
default: string;
};
closeSize: {
type: NumberConstructor;
default: number;
};
closeIcon: {
type: StringConstructor;
default: string;
};
classExtraName: {
type: StringConstructor;
};
}>> & Readonly<{
onClose?: (() => any) | undefined;
onOpen?: (() => any) | undefined;
}>, {
zIndex: number;
direction: import("../../..").UiTypes.direction;
spacing: string;
close: boolean;
closeSize: number;
closeIcon: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;