@das-fed/ui 6.4.0-hot.33 → 6.4.0-hot.35

package/packages/components/dimple-layout/render/index.d.ts

@@ -1,20 +1,36 @@
 declare const DimpleLayoutRender: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
-    options?: import("../type.js").DimpleLayoutEditorOptions;
-    canvas?: import("../type.js").DimpleLayoutCanvas | null;
-    zoom?: number;
-    customData?: any;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:canvas": (canvas?: import("../type.js").DimpleLayoutCanvas | null | undefined) => any;
-    "update:zoom": (zoom?: number | undefined) => any;
-    "update:customData": (data?: any) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    options?: import("../type.js").DimpleLayoutEditorOptions;
-    canvas?: import("../type.js").DimpleLayoutCanvas | null;
-    zoom?: number;
-    customData?: any;
-}> & Readonly<{
+    options: {
+        type: import("vue").PropType<import("../type.js").DimpleLayoutEditorOptions>;
+    };
+    canvas: {
+        type: import("vue").PropType<import("../type.js").DimpleLayoutCanvas | null>;
+    };
+    zoom: {
+        type: import("vue").PropType<number>;
+    };
+    customData: {
+        type: import("vue").PropType<any>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:canvas": (canvas?: import("../type.js").DimpleLayoutCanvas | null | undefined) => void;
+    "update:zoom": (zoom?: number | undefined) => void;
+    "update:customData": (data?: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: import("vue").PropType<import("../type.js").DimpleLayoutEditorOptions>;
+    };
+    canvas: {
+        type: import("vue").PropType<import("../type.js").DimpleLayoutCanvas | null>;
+    };
+    zoom: {
+        type: import("vue").PropType<number>;
+    };
+    customData: {
+        type: import("vue").PropType<any>;
+    };
+}>> & {
     "onUpdate:canvas"?: ((canvas?: import("../type.js").DimpleLayoutCanvas | null | undefined) => any) | undefined;
     "onUpdate:zoom"?: ((zoom?: number | undefined) => any) | undefined;
     "onUpdate:customData"?: ((data?: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+}, {}, {}>>;
 export { DimpleLayoutRender };

package/packages/components/dimple-layout/render/render.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DimpleLayoutCanvas, DimpleLayoutEditorOptions } from '../type';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /** 配置 */
     options?: DimpleLayoutEditorOptions;
     /** 画布实例对象，支持双向绑定 */
@@ -8,11 +8,11 @@ declare const _default: import("vue").DefineComponent<{
     zoom?: number;
     /** 业务数据对象，会保存到toJSON结构中，fromJSON过后会自动设置 */
     customData?: any;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:canvas": (canvas?: DimpleLayoutCanvas | null | undefined) => any;
-    "update:zoom": (zoom?: number | undefined) => any;
-    "update:customData": (data?: any) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:canvas": (canvas?: DimpleLayoutCanvas | null | undefined) => void;
+    "update:zoom": (zoom?: number | undefined) => void;
+    "update:customData": (data?: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /** 配置 */
     options?: DimpleLayoutEditorOptions;
     /** 画布实例对象，支持双向绑定 */
@@ -21,9 +21,18 @@ declare const _default: import("vue").DefineComponent<{
     zoom?: number;
     /** 业务数据对象，会保存到toJSON结构中，fromJSON过后会自动设置 */
     customData?: any;
-}> & Readonly<{
+}>>> & {
     "onUpdate:canvas"?: ((canvas?: DimpleLayoutCanvas | null | undefined) => any) | undefined;
     "onUpdate:zoom"?: ((zoom?: number | undefined) => any) | undefined;
     "onUpdate:customData"?: ((data?: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/packages/components/dimple-layout/render/use-render.d.ts

@@ -4,6 +4,6 @@ export declare const useRender: (hookOptions?: {
     onFromJSON?: (data: any) => any;
 }) => {
     init: (initOptions?: DimpleLayoutEditorOptions) => Promise<void>;
-    containerEl: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    canvas: import("vue").ShallowRef<DimpleLayoutCanvas | null | undefined, DimpleLayoutCanvas | null | undefined>;
+    containerEl: import("vue").Ref<HTMLDivElement | undefined>;
+    canvas: import("vue").ShallowRef<DimpleLayoutCanvas | null | undefined>;
 };

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

@@ -1,31 +1,50 @@
 declare const DasDrawer: import("@das-fed/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-        title?: string;
-        bodyStyle?: import("vue").StyleValue;
-    }> & Readonly<{}>, {
-        $drawer: import("vue").Ref<null, null>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        bodyStyle: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+    }>>, {
+        $drawer: import("vue").Ref<null>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        bodyStyle: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+    }>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        title?: string;
-        bodyStyle?: import("vue").StyleValue;
-    }> & Readonly<{}>, {
-        $drawer: import("vue").Ref<null, null>;
+    }, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        bodyStyle: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+    }>>, {
+        $drawer: import("vue").Ref<null>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    title?: string;
-    bodyStyle?: import("vue").StyleValue;
-}> & Readonly<{}>, {
-    $drawer: import("vue").Ref<null, null>;
-}, {}, {}, {}, 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 () => {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    bodyStyle: {
+        type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+    };
+}>>, {
+    $drawer: import("vue").Ref<null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: any): any;
         default?(_: {}): any;

package/packages/components/drawer/index.js

@@ -22,21 +22,14 @@ const D = { class: "das-ui-drawer" }, S = /* @__PURE__ */ f({
         title: s(r).title
       }, e.$attrs), v({
         default: l(() => [
-          g(
-            "div",
-            {
-              class: "das-drawer__body",
-              style: $(s(r).bodyStyle)
-            },
-            [
-              i(e.$slots, "default", {}, void 0, !0)
-            ],
-            4
-            /* STYLE */
-          )
+          g("div", {
+            class: "das-drawer__body",
+            style: $(s(r).bodyStyle)
+          }, [
+            i(e.$slots, "default", {}, void 0, !0)
+          ], 4)
         ]),
         _: 2
-        /* DYNAMIC */
       }, [
         e.$slots.header ? {
           name: "header",

package/packages/components/drawer/src/Index.vue.d.ts

@@ -8,299 +8,34 @@ type DasDrawerProps = {
     bodyStyle?: StyleValue;
 };
 declare function __VLS_template(): {
-    slots: {
-        header?(_: any): any;
-        default?(_: {}): any;
-        footer?(_: any): any;
-    };
-    refs: {
-        $drawer: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            readonly direction: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
-            readonly size: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-            readonly withHeader: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly modalFade: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly headerAriaLevel: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-            readonly appendToBody: BooleanConstructor;
-            readonly beforeClose: {
-                readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly destroyOnClose: BooleanConstructor;
-            readonly closeOnClickModal: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly closeOnPressEscape: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly lockScroll: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly modal: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly openDelay: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-            readonly closeDelay: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-            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 width: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-                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: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-            readonly center: BooleanConstructor;
-            readonly alignCenter: BooleanConstructor;
-            readonly closeIcon: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly customClass: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly draggable: BooleanConstructor;
-            readonly fullscreen: BooleanConstructor;
-            readonly showClose: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly title: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly ariaLevel: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-        }>> & {
-            onClose?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onOpen?: (() => any) | undefined;
-            onOpened?: (() => any) | undefined;
-            onClosed?: (() => any) | undefined;
-            onOpenAutoFocus?: (() => any) | undefined;
-            onCloseAutoFocus?: (() => any) | undefined;
-        }, {
-            drawerRef: import("vue").Ref<HTMLElement | undefined>;
-            focusStartRef: import("vue").Ref<HTMLElement | undefined>;
-            isHorizontal: import("vue").ComputedRef<boolean>;
-            drawerSize: import("vue").ComputedRef<string | undefined>;
-            ns: {
-                namespace: import("vue").ComputedRef<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string | undefined) => string;
-                m: (modifier?: string | undefined) => string;
-                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-                is: {
-                    (name: string, state: boolean | undefined): string;
-                    (name: string): string;
-                };
-                cssVar: (object: Record<string, string>) => Record<string, string>;
-                cssVarName: (name: string) => string;
-                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                cssVarBlockName: (name: string) => string;
-            };
-            t: import("element-plus").Translator;
-            afterEnter: () => void;
-            afterLeave: () => void;
-            beforeLeave: () => void;
-            handleClose: () => void;
-            onModalClick: () => void;
-            close: () => void;
-            doClose: () => void;
-            onOpenAutoFocus: () => void;
-            onCloseAutoFocus: () => void;
-            onCloseRequested: () => void;
-            onFocusoutPrevented: (event: CustomEvent<any>) => void;
-            titleId: import("vue").Ref<string>;
-            bodyId: import("vue").Ref<string>;
-            closed: import("vue").Ref<boolean>;
-            style: import("vue").ComputedRef<import("vue").CSSProperties>;
-            overlayDialogStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            rendered: import("vue").Ref<boolean>;
-            visible: import("vue").Ref<boolean>;
-            zIndex: import("vue").Ref<number>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            open: () => boolean;
-            opened: () => boolean;
-            close: () => boolean;
-            closed: () => boolean;
-            "update:modelValue": (value: boolean) => boolean;
-            openAutoFocus: () => boolean;
-            closeAutoFocus: () => boolean;
-        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-            readonly title: string;
-            readonly center: boolean;
-            readonly size: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-            readonly modelValue: boolean;
-            readonly direction: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-            readonly customClass: string;
-            readonly showClose: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly ariaLevel: string;
-            readonly alignCenter: boolean;
-            readonly draggable: boolean;
-            readonly fullscreen: boolean;
-            readonly closeOnClickModal: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly closeOnPressEscape: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly lockScroll: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly modal: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly openDelay: number;
-            readonly closeDelay: number;
-            readonly trapFocus: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly headerAriaLevel: string;
-            readonly appendToBody: boolean;
-            readonly destroyOnClose: boolean;
-            readonly withHeader: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly modalFade: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            readonly direction: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
-            readonly size: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-            readonly withHeader: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly modalFade: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly headerAriaLevel: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-            readonly appendToBody: BooleanConstructor;
-            readonly beforeClose: {
-                readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly destroyOnClose: BooleanConstructor;
-            readonly closeOnClickModal: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly closeOnPressEscape: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly lockScroll: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly modal: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly openDelay: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-            readonly closeDelay: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-            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 width: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-                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: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-            readonly center: BooleanConstructor;
-            readonly alignCenter: BooleanConstructor;
-            readonly closeIcon: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly customClass: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly draggable: BooleanConstructor;
-            readonly fullscreen: BooleanConstructor;
-            readonly showClose: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly title: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly ariaLevel: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-        }>> & {
-            onClose?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onOpen?: (() => any) | undefined;
-            onOpened?: (() => any) | undefined;
-            onClosed?: (() => any) | undefined;
-            onOpenAutoFocus?: (() => any) | undefined;
-            onCloseAutoFocus?: (() => any) | undefined;
-        }, {
-            drawerRef: import("vue").Ref<HTMLElement | undefined>;
-            focusStartRef: import("vue").Ref<HTMLElement | undefined>;
-            isHorizontal: import("vue").ComputedRef<boolean>;
-            drawerSize: import("vue").ComputedRef<string | undefined>;
-            ns: {
-                namespace: import("vue").ComputedRef<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string | undefined) => string;
-                m: (modifier?: string | undefined) => string;
-                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-                is: {
-                    (name: string, state: boolean | undefined): string;
-                    (name: string): string;
-                };
-                cssVar: (object: Record<string, string>) => Record<string, string>;
-                cssVarName: (name: string) => string;
-                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                cssVarBlockName: (name: string) => string;
-            };
-            t: import("element-plus").Translator;
-            afterEnter: () => void;
-            afterLeave: () => void;
-            beforeLeave: () => void;
-            handleClose: () => void;
-            onModalClick: () => void;
-            close: () => void;
-            doClose: () => void;
-            onOpenAutoFocus: () => void;
-            onCloseAutoFocus: () => void;
-            onCloseRequested: () => void;
-            onFocusoutPrevented: (event: CustomEvent<any>) => void;
-            titleId: import("vue").Ref<string>;
-            bodyId: import("vue").Ref<string>;
-            closed: import("vue").Ref<boolean>;
-            style: import("vue").ComputedRef<import("vue").CSSProperties>;
-            overlayDialogStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            rendered: import("vue").Ref<boolean>;
-            visible: import("vue").Ref<boolean>;
-            zIndex: import("vue").Ref<number>;
-        }, {}, {}, {}, {
-            readonly title: string;
-            readonly center: boolean;
-            readonly size: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-            readonly modelValue: boolean;
-            readonly direction: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-            readonly customClass: string;
-            readonly showClose: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly ariaLevel: string;
-            readonly alignCenter: boolean;
-            readonly draggable: boolean;
-            readonly fullscreen: boolean;
-            readonly closeOnClickModal: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly closeOnPressEscape: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly lockScroll: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly modal: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly openDelay: number;
-            readonly closeDelay: number;
-            readonly trapFocus: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly headerAriaLevel: string;
-            readonly appendToBody: boolean;
-            readonly destroyOnClose: boolean;
-            readonly withHeader: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly modalFade: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        }> | null;
-    };
-    attrs: Partial<{}>;
+    header?(_: any): any;
+    default?(_: {}): any;
+    footer?(_: any): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<DasDrawerProps, {
-    $drawer: import("vue").Ref<null, null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DasDrawerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<DasDrawerProps>, {}>, {
+    $drawer: import("vue").Ref<null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DasDrawerProps>, {}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};