anq-modal-form
Version:
A powerful, customizable modal form component for Quasar Framework and Vue 3 applications. Features include responsive design, dynamic form generation, validation, animations, and seamless integration with Quasar's design system.
112 lines (111 loc) • 2.99 kB
TypeScript
import { QBtnProps, QCard } from 'quasar';
declare var __VLS_18: {
color: import("quasar").NamedColor | undefined;
disable: boolean;
}, __VLS_36: {}, __VLS_46: {
color: import("quasar").NamedColor | undefined;
disable: boolean;
label: string;
}, __VLS_52: {
color: import("quasar").NamedColor | undefined;
label: string;
disable: boolean;
loading: boolean;
};
type __VLS_Slots = {} & {
'close-icon-btn'?: (props: typeof __VLS_18) => any;
} & {
content?: (props: typeof __VLS_36) => any;
} & {
'cancel-btn'?: (props: typeof __VLS_46) => any;
} & {
'ok-btn'?: (props: typeof __VLS_52) => any;
};
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
isLoading: {
type: BooleanConstructor;
default: boolean;
};
formIsLoading: {
type: BooleanConstructor;
default: boolean;
};
okLabel: {
type: StringConstructor;
default: string;
};
cancelLabel: {
type: StringConstructor;
default: string;
};
title: {
type: StringConstructor;
default: string;
};
btnsColor: {
type: () => QBtnProps["color"];
default: QBtnProps["color"];
};
modalCardProps: {
type: () => ({
class?: string;
style?: string;
} & InstanceType<typeof QCard>["$props"]);
required: false;
};
}>, {
show: () => void;
hide: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
submit: (evt: Event | SubmitEvent) => any;
hide: () => any;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
isLoading: {
type: BooleanConstructor;
default: boolean;
};
formIsLoading: {
type: BooleanConstructor;
default: boolean;
};
okLabel: {
type: StringConstructor;
default: string;
};
cancelLabel: {
type: StringConstructor;
default: string;
};
title: {
type: StringConstructor;
default: string;
};
btnsColor: {
type: () => QBtnProps["color"];
default: QBtnProps["color"];
};
modalCardProps: {
type: () => ({
class?: string;
style?: string;
} & InstanceType<typeof QCard>["$props"]);
required: false;
};
}>> & Readonly<{
onSubmit?: ((evt: Event | SubmitEvent) => any) | undefined;
onHide?: (() => any) | undefined;
}>, {
isLoading: boolean;
formIsLoading: boolean;
okLabel: string;
cancelLabel: string;
title: string;
btnsColor: import("quasar").NamedColor | undefined;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};