@fangzhongya/fang-ui 0.0.3 → 0.0.5

package/dist/components/dialog/src/index.js

@@ -1,28 +1,31 @@
-import { defineComponent, useAttrs, useSlots, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, withDirectives, createBlock, normalizeProps, guardReactiveProps, createSlots, renderList, withCtx, renderSlot } from "vue";
-import { dataProps, dataEmits, dataExpose } from "./data.js";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import "../../../hooks/global-config/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { ElDialog } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = ref();
     const attrs = useAttrs();
     const slots = useSlots();
     const cs = useCssName("dialog");
     useLocale();
-    expose({
-      ...dataExpose
+    __expose({
+      ...dataExpose,
+      refEl
     });
     return (_ctx, _cache) => {
-      const _directive_expose = resolveDirective("expose");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs).z())
       }, [
-        withDirectives((openBlock(), createBlock(unref(ElDialog), normalizeProps(guardReactiveProps(unref(attrs))), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k) => {
+        createVNode(unref(ElDialog), mergeProps(unref(attrs), {
+          ref_key: "refEl",
+          ref: refEl
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, i) => {
             return {
               name: k,
               fn: withCtx(() => [
@@ -30,9 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040)), [
-          [_directive_expose]
-        ])
+        ]), 1040)
       ], 2);
     };
   }

package/dist/components/drawer/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("vue");
-const withInstall = require("../../utils/vue/withInstall.cjs");
+;/* empty css                 */
+const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const Drawer = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Drawer");
 exports.Drawer = Drawer;

package/dist/components/drawer/index.css

@@ -0,0 +1,47 @@
+.com {
+  font-size: 20px;
+}
+
+.box-mask {
+  display: block;
+  opacity: 0.5;
+  z-index: 0;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(2, 28, 39, 0.4);
+}
+
+.box-title {
+  padding: 10px;
+  position: relative;
+  background-color: #467ddc;
+  color: #fff;
+  align-items: center;
+  display: flex;
+}
+.box-title .box-title-name {
+  flex: 1;
+}
+.box-title .box-title-close {
+  right: 10px;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+}
+.box-title .box-title-close i {
+  width: 20px;
+  height: 20px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+
+.cs {
+  text-align: center;
+}
+
+.drawer {
+  margin: 10px;
+}

package/dist/components/drawer/index.d.ts

@@ -1,9 +1,549 @@
-import { withInstall } from '../../utils';
-declare const Drawer: withInstall<import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>> & {}, {
-    [x: number]: string;
-} | {}>>;
+declare const Drawer: import('../../utils/vues').WithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        refEl: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refEl: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly title: string;
+                readonly center: boolean;
+                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
+                readonly overflow: boolean;
+                readonly size: string | number;
+                readonly modelValue: boolean;
+                readonly ariaLevel: string;
+                readonly appendTo: string | HTMLElement;
+                readonly showClose: boolean;
+                readonly alignCenter: boolean;
+                readonly draggable: boolean;
+                readonly fullscreen: boolean;
+                readonly closeOnClickModal: boolean;
+                readonly closeOnPressEscape: boolean;
+                readonly lockScroll: boolean;
+                readonly modal: boolean;
+                readonly openDelay: number;
+                readonly closeDelay: number;
+                readonly headerAriaLevel: string;
+                readonly appendToBody: boolean;
+                readonly destroyOnClose: boolean;
+                readonly trapFocus: boolean;
+                readonly withHeader: boolean;
+                readonly modalFade: boolean;
+            }> & Omit<{
+                readonly size: string | number;
+                readonly title: string;
+                readonly modelValue: boolean;
+                readonly center: boolean;
+                readonly appendToBody: boolean;
+                readonly appendTo: string | HTMLElement;
+                readonly destroyOnClose: boolean;
+                readonly closeOnClickModal: boolean;
+                readonly closeOnPressEscape: boolean;
+                readonly lockScroll: boolean;
+                readonly modal: boolean;
+                readonly openDelay: number;
+                readonly closeDelay: number;
+                readonly trapFocus: boolean;
+                readonly headerAriaLevel: string;
+                readonly alignCenter: boolean;
+                readonly draggable: boolean;
+                readonly overflow: boolean;
+                readonly fullscreen: boolean;
+                readonly showClose: boolean;
+                readonly ariaLevel: string;
+                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
+                readonly withHeader: boolean;
+                readonly modalFade: boolean;
+                readonly zIndex?: number | undefined;
+                readonly top?: string | undefined;
+                readonly beforeClose?: import('element-plus/es/index').DialogBeforeCloseFn | undefined;
+                readonly modalClass?: string | undefined;
+                readonly headerClass?: string | undefined;
+                readonly bodyClass?: string | undefined;
+                readonly footerClass?: string | undefined;
+                readonly width?: (string | number) | undefined;
+                readonly closeIcon?: (string | import('vue').Component) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+                onClose?: (() => any) | undefined | undefined;
+                onOpen?: (() => any) | undefined | undefined;
+                onOpened?: (() => any) | undefined | undefined;
+                onClosed?: (() => any) | undefined | undefined;
+                onOpenAutoFocus?: (() => any) | undefined | undefined;
+                onCloseAutoFocus?: (() => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "title" | "modelValue" | "center" | "appendToBody" | "appendTo" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "headerAriaLevel" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "showClose" | "ariaLevel" | "direction" | "withHeader" | "modalFade">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "close") => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                readonly direction: {
+                    readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "rtl";
+                };
+                readonly size: {
+                    readonly type: import('vue').PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "30%";
+                };
+                readonly withHeader: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly modalFade: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly headerAriaLevel: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "2";
+                };
+                readonly appendToBody: BooleanConstructor;
+                readonly appendTo: {
+                    readonly type: import('vue').PropType<string | HTMLElement>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "body";
+                };
+                readonly beforeClose: {
+                    readonly type: import('vue').PropType<import('element-plus/es/index').DialogBeforeCloseFn>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly destroyOnClose: BooleanConstructor;
+                readonly closeOnClickModal: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly closeOnPressEscape: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly lockScroll: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly modal: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly openDelay: {
+                    readonly type: import('vue').PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 0;
+                };
+                readonly closeDelay: {
+                    readonly type: import('vue').PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 0;
+                };
+                readonly top: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly modelValue: BooleanConstructor;
+                readonly modalClass: StringConstructor;
+                readonly headerClass: StringConstructor;
+                readonly bodyClass: StringConstructor;
+                readonly footerClass: StringConstructor;
+                readonly width: {
+                    readonly type: import('vue').PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly zIndex: {
+                    readonly type: import('vue').PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly trapFocus: BooleanConstructor;
+                readonly center: BooleanConstructor;
+                readonly alignCenter: BooleanConstructor;
+                readonly closeIcon: {
+                    readonly type: import('vue').PropType<string | import('vue').Component>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly draggable: BooleanConstructor;
+                readonly overflow: BooleanConstructor;
+                readonly fullscreen: BooleanConstructor;
+                readonly showClose: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly title: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly ariaLevel: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "2";
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                onOpenAutoFocus?: (() => any) | undefined;
+                onCloseAutoFocus?: (() => any) | undefined;
+            }, {
+                handleClose: () => void;
+                afterEnter: () => void;
+                afterLeave: () => void;
+            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                open: () => void;
+                "update:modelValue": (value: boolean) => void;
+                close: () => void;
+                opened: () => void;
+                closed: () => void;
+                openAutoFocus: () => void;
+                closeAutoFocus: () => void;
+            }, string, {
+                readonly title: string;
+                readonly center: boolean;
+                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
+                readonly overflow: boolean;
+                readonly size: string | number;
+                readonly modelValue: boolean;
+                readonly ariaLevel: string;
+                readonly appendTo: string | HTMLElement;
+                readonly showClose: boolean;
+                readonly alignCenter: boolean;
+                readonly draggable: boolean;
+                readonly fullscreen: boolean;
+                readonly closeOnClickModal: boolean;
+                readonly closeOnPressEscape: boolean;
+                readonly lockScroll: boolean;
+                readonly modal: boolean;
+                readonly openDelay: number;
+                readonly closeDelay: number;
+                readonly headerAriaLevel: string;
+                readonly appendToBody: boolean;
+                readonly destroyOnClose: boolean;
+                readonly trapFocus: boolean;
+                readonly withHeader: boolean;
+                readonly modalFade: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            readonly title: string;
+            readonly center: boolean;
+            readonly direction: "ltr" | "rtl" | "ttb" | "btt";
+            readonly overflow: boolean;
+            readonly size: string | number;
+            readonly modelValue: boolean;
+            readonly ariaLevel: string;
+            readonly appendTo: string | HTMLElement;
+            readonly showClose: boolean;
+            readonly alignCenter: boolean;
+            readonly draggable: boolean;
+            readonly fullscreen: boolean;
+            readonly closeOnClickModal: boolean;
+            readonly closeOnPressEscape: boolean;
+            readonly lockScroll: boolean;
+            readonly modal: boolean;
+            readonly openDelay: number;
+            readonly closeDelay: number;
+            readonly headerAriaLevel: string;
+            readonly appendToBody: boolean;
+            readonly destroyOnClose: boolean;
+            readonly trapFocus: boolean;
+            readonly withHeader: boolean;
+            readonly modalFade: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            readonly direction: {
+                readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "rtl";
+            };
+            readonly size: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "30%";
+            };
+            readonly withHeader: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly modalFade: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly headerAriaLevel: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "2";
+            };
+            readonly appendToBody: BooleanConstructor;
+            readonly appendTo: {
+                readonly type: import('vue').PropType<string | HTMLElement>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "body";
+            };
+            readonly beforeClose: {
+                readonly type: import('vue').PropType<import('element-plus/es/index').DialogBeforeCloseFn>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly destroyOnClose: BooleanConstructor;
+            readonly closeOnClickModal: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly closeOnPressEscape: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly lockScroll: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly modal: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly openDelay: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: 0;
+            };
+            readonly closeDelay: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: 0;
+            };
+            readonly top: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly modelValue: BooleanConstructor;
+            readonly modalClass: StringConstructor;
+            readonly headerClass: StringConstructor;
+            readonly bodyClass: StringConstructor;
+            readonly footerClass: StringConstructor;
+            readonly width: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly zIndex: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly trapFocus: BooleanConstructor;
+            readonly center: BooleanConstructor;
+            readonly alignCenter: BooleanConstructor;
+            readonly closeIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly draggable: BooleanConstructor;
+            readonly overflow: BooleanConstructor;
+            readonly fullscreen: BooleanConstructor;
+            readonly showClose: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly title: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly ariaLevel: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "2";
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            onOpenAutoFocus?: (() => any) | undefined;
+            onCloseAutoFocus?: (() => any) | undefined;
+        }, "size" | "title" | "modelValue" | "center" | "appendToBody" | "appendTo" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "headerAriaLevel" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "showClose" | "ariaLevel" | "handleClose" | "direction" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+            handleClose: () => void;
+            afterEnter: () => void;
+            afterLeave: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                header?(_: {
+                    close: () => void;
+                    titleId: string;
+                    titleClass: string;
+                }): any;
+                title?(_: {}): any;
+                default?(_: {}): any;
+                footer?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        refEl: import('vue').Ref<any, any>;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    refEl: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>>;
+})> & Record<string, any>;
 export { Drawer, Drawer as default };