UNPKG

various-ui

Version:

This is a test version of the Vue 3 component library

215 lines (214 loc) 6.5 kB
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;