@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
121 lines (120 loc) • 3.69 kB
TypeScript
import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui';
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/b24ui/modal';
import type { ButtonProps, IconComponent } from '../types';
import type { EmitsToProps, ComponentConfig } from '../types/utils';
type Modal = ComponentConfig<typeof theme, AppConfig, 'modal'>;
export interface ModalProps extends DialogRootProps {
title?: string;
description?: string;
/**
* The content of the modal
*/
content?: Omit<DialogContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<DialogContentEmits>>;
/**
* Render an overlay behind the modal.
* @defaultValue true
*/
overlay?: boolean;
/**
* Render an overlay blur behind the modal.
* `auto` use `motion-safe`.
* @defaultValue 'auto'
*/
overlayBlur?: Modal['variants']['overlayBlur'];
/**
* Animate the modal when opening or closing.
* @defaultValue true
*/
transition?: boolean;
/**
* When `true`, the modal will take up the full screen.
* @defaultValue false
*/
fullscreen?: boolean;
/**
* Render the modal in a portal.
* @defaultValue true
*/
portal?: boolean | string | HTMLElement;
/**
* Display a close button to dismiss the modal.
* `{ size: 'xs', color: 'link' }`{lang="ts"}
* @defaultValue true
*/
close?: boolean | Partial<ButtonProps>;
/**
* The icon displayed in the close button.
* @defaultValue icons.close
* @IconComponent
*/
closeIcon?: IconComponent;
/**
* When `false`, the modal will not close when clicking outside or pressing escape.
* @defaultValue false
*/
dismissible?: boolean;
/**
* @defaultValue true
*/
scrollbarThin?: boolean;
class?: any;
b24ui?: Modal['slots'];
}
export interface ModalEmits extends DialogRootEmits {
'after:leave': [];
'after:enter': [];
'close:prevent': [];
}
export interface ModalSlots {
default(props: {
open: boolean;
}): any;
content(props: {
close: () => void;
}): any;
header(props: {
close: () => void;
}): any;
title(props?: {}): any;
description(props?: {}): any;
actions(props?: {}): any;
close(props: {
close: () => void;
b24ui: {
[K in keyof Required<Modal['slots']>]: (props?: Record<string, any>) => string;
};
}): any;
body(props: {
close: () => void;
}): any;
footer(props: {
close: () => void;
}): any;
}
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:open": (value: boolean) => any;
"after:leave": () => any;
"after:enter": () => any;
"close:prevent": () => any;
}, string, import("vue").PublicProps, Readonly<ModalProps> & Readonly<{
"onUpdate:open"?: ((value: boolean) => any) | undefined;
"onAfter:leave"?: (() => any) | undefined;
"onAfter:enter"?: (() => any) | undefined;
"onClose:prevent"?: (() => any) | undefined;
}>, {
close: boolean | Partial<ButtonProps>;
transition: boolean;
modal: boolean;
portal: boolean | string | HTMLElement;
overlay: boolean;
overlayBlur: Modal["variants"]["overlayBlur"];
dismissible: boolean;
scrollbarThin: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ModalSlots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};