element-plus 1.2.0-beta.5 → 1.2.0-beta.6

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

@@ -1,43 +1,30 @@
-import type { SFCWithInstall } from 'element-plus/es/utils/types';
-declare const _Drawer: SFCWithInstall<import("vue").DefineComponent<{
-    direction: {
-        type: import("vue").PropType<"ltr" | "rtl" | "ttb" | "btt">;
-        default: string;
-        validator: (val: "ltr" | "rtl" | "ttb" | "btt") => boolean;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modalFade: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    appendToBody: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    beforeClose: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
-    destroyOnClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    center: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    customClass: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    closeOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    closeOnPressEscape: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    fullscreen: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    lockScroll: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    modal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    showClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    openDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    closeDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    top: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    modelValue: import("../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
-    modalClass: StringConstructor;
-    width: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
-    zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+export declare const ElDrawer: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly size: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
+    readonly withHeader: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modalFade: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly appendToBody: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly modalClass: StringConstructor;
+    readonly width: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
 }, {
-    drawerRef: import("vue").Ref<HTMLElement>;
+    drawerRef: import("vue").Ref<HTMLElement | undefined>;
     isHorizontal: import("vue").ComputedRef<boolean>;
     drawerSize: import("vue").ComputedRef<string>;
     afterEnter: () => void;
@@ -45,6 +32,8 @@ declare const _Drawer: SFCWithInstall<import("vue").DefineComponent<{
     beforeLeave: () => void;
     handleClose: () => void;
     onModalClick: () => void;
+    close: () => void;
+    doClose: () => void;
     closed: import("vue").Ref<boolean>;
     style: import("vue").ComputedRef<import("vue").CSSProperties>;
     rendered: import("vue").Ref<boolean>;
@@ -57,73 +46,41 @@ declare const _Drawer: SFCWithInstall<import("vue").DefineComponent<{
     closed: () => boolean;
     "update:modelValue": (value: boolean) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    direction?: unknown;
-    size?: unknown;
-    withHeader?: unknown;
-    modalFade?: unknown;
-    appendToBody?: unknown;
-    beforeClose?: unknown;
-    destroyOnClose?: unknown;
-    center?: unknown;
-    customClass?: unknown;
-    closeOnClickModal?: unknown;
-    closeOnPressEscape?: unknown;
-    fullscreen?: unknown;
-    lockScroll?: unknown;
-    modal?: unknown;
-    showClose?: unknown;
-    title?: unknown;
-    openDelay?: unknown;
-    closeDelay?: unknown;
-    top?: unknown;
-    modelValue?: unknown;
-    modalClass?: unknown;
-    width?: unknown;
-    zIndex?: unknown;
+    readonly direction?: unknown;
+    readonly size?: unknown;
+    readonly withHeader?: unknown;
+    readonly modalFade?: unknown;
+    readonly appendToBody?: unknown;
+    readonly beforeClose?: unknown;
+    readonly destroyOnClose?: unknown;
+    readonly center?: unknown;
+    readonly customClass?: unknown;
+    readonly closeIcon?: unknown;
+    readonly closeOnClickModal?: unknown;
+    readonly closeOnPressEscape?: unknown;
+    readonly fullscreen?: unknown;
+    readonly lockScroll?: unknown;
+    readonly modal?: unknown;
+    readonly showClose?: unknown;
+    readonly title?: unknown;
+    readonly openDelay?: unknown;
+    readonly closeDelay?: unknown;
+    readonly top?: unknown;
+    readonly modelValue?: unknown;
+    readonly modalClass?: unknown;
+    readonly width?: unknown;
+    readonly zIndex?: unknown;
 } & {
-    title: string;
-    size: string | number;
+    size: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     modelValue: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    direction: "ltr" | "rtl" | "ttb" | "btt";
-    showClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    destroyOnClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    customClass: string;
-    closeOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    openDelay: number;
-    closeDelay: number;
-    withHeader: boolean;
-    modalFade: boolean;
-} & {
-    top?: string | undefined;
-    zIndex?: number | undefined;
-    width?: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-    beforeClose?: ((...args: any[]) => void) | undefined;
-    modalClass?: string | undefined;
-}> & {
-    onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onOpen?: (() => any) | undefined;
-    onOpened?: (() => any) | undefined;
-    onClosed?: (() => any) | undefined;
-}, {
     title: string;
-    size: string | number;
-    top: string;
-    zIndex: number;
-    width: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    direction: "ltr" | "rtl" | "ttb" | "btt";
+    direction: import("../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     showClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    beforeClose: (...args: any[]) => void;
     destroyOnClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     customClass: string;
+    closeIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     closeOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     fullscreen: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -131,110 +88,8 @@ declare const _Drawer: SFCWithInstall<import("vue").DefineComponent<{
     modal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
     closeDelay: number;
-    withHeader: boolean;
-    modalFade: boolean;
-}>>;
-export default _Drawer;
-export declare const ElDrawer: SFCWithInstall<import("vue").DefineComponent<{
-    direction: {
-        type: import("vue").PropType<"ltr" | "rtl" | "ttb" | "btt">;
-        default: string;
-        validator: (val: "ltr" | "rtl" | "ttb" | "btt") => boolean;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modalFade: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    appendToBody: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    beforeClose: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
-    destroyOnClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    center: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    customClass: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    closeOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    closeOnPressEscape: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    fullscreen: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    lockScroll: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    modal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    showClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    openDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    closeDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    top: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    modelValue: import("../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
-    modalClass: StringConstructor;
-    width: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
-    zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-}, {
-    drawerRef: import("vue").Ref<HTMLElement>;
-    isHorizontal: import("vue").ComputedRef<boolean>;
-    drawerSize: import("vue").ComputedRef<string>;
-    afterEnter: () => void;
-    afterLeave: () => void;
-    beforeLeave: () => void;
-    handleClose: () => void;
-    onModalClick: () => void;
-    closed: import("vue").Ref<boolean>;
-    style: 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;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    direction?: unknown;
-    size?: unknown;
-    withHeader?: unknown;
-    modalFade?: unknown;
-    appendToBody?: unknown;
-    beforeClose?: unknown;
-    destroyOnClose?: unknown;
-    center?: unknown;
-    customClass?: unknown;
-    closeOnClickModal?: unknown;
-    closeOnPressEscape?: unknown;
-    fullscreen?: unknown;
-    lockScroll?: unknown;
-    modal?: unknown;
-    showClose?: unknown;
-    title?: unknown;
-    openDelay?: unknown;
-    closeDelay?: unknown;
-    top?: unknown;
-    modelValue?: unknown;
-    modalClass?: unknown;
-    width?: unknown;
-    zIndex?: unknown;
-} & {
-    title: string;
-    size: string | number;
-    modelValue: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    direction: "ltr" | "rtl" | "ttb" | "btt";
-    showClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    destroyOnClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    customClass: string;
-    closeOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    openDelay: number;
-    closeDelay: number;
-    withHeader: boolean;
-    modalFade: boolean;
+    withHeader: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modalFade: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
 } & {
     top?: string | undefined;
     zIndex?: number | undefined;
@@ -248,18 +103,19 @@ export declare const ElDrawer: SFCWithInstall<import("vue").DefineComponent<{
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
 }, {
-    title: string;
-    size: string | number;
+    size: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     top: string;
+    title: string;
     zIndex: number;
     width: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    direction: "ltr" | "rtl" | "ttb" | "btt";
+    direction: import("../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     showClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     beforeClose: (...args: any[]) => void;
     destroyOnClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     customClass: string;
+    closeIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     closeOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     fullscreen: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -267,6 +123,8 @@ export declare const ElDrawer: SFCWithInstall<import("vue").DefineComponent<{
     modal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
     closeDelay: number;
-    withHeader: boolean;
-    modalFade: boolean;
-}>>;
+    withHeader: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modalFade: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+}>> & Record<string, any>;
+export default ElDrawer;
+export * from './src/drawer';

package/es/components/drawer/index.mjs

@@ -1,11 +1,9 @@
-import './src/index.mjs';
-import script from './src/index.vue_vue_type_script_lang.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+import './src/drawer2.mjs';
+export { drawerEmits, drawerProps } from './src/drawer.mjs';
+import script from './src/drawer.vue_vue_type_script_lang.mjs';
 
-script.install = (app) => {
-  app.component(script.name, script);
-};
-const _Drawer = script;
-const ElDrawer = _Drawer;
+const ElDrawer = withInstall(script);
 
-export { ElDrawer, _Drawer as default };
+export { ElDrawer, ElDrawer as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/drawer/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import Drawer from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nDrawer.install = (app: App): void => {\n  app.component(Drawer.name, Drawer)\n}\n\nconst _Drawer = Drawer as SFCWithInstall<typeof Drawer>\n\nexport default _Drawer\nexport const ElDrawer = _Drawer\n"],"names":["Drawer"],"mappings":";;;AAKAA,OAAO,UAAU,CAAC,QAAmB;AACnC,MAAI,UAAUA,OAAO,MAAMA;AAAA;MAGvB,UAAUA;MAGH,WAAW;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":["Drawer"],"mappings":";;;;;MAGa,WAAW,YAAYA;;;;"}

package/es/components/drawer/src/drawer.d.ts

@@ -0,0 +1,35 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const drawerProps: {
+    readonly direction: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
+    readonly withHeader: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modalFade: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly appendToBody: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly modalClass: StringConstructor;
+    readonly width: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+};
+export declare type DrawerProps = ExtractPropTypes<typeof drawerProps>;
+export declare const drawerEmits: {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+};

package/es/components/drawer/src/drawer.mjs

@@ -0,0 +1,28 @@
+import { buildProps } from '../../../utils/props.mjs';
+import '../../dialog/index.mjs';
+import { dialogProps, dialogEmits } from '../../dialog/src/dialog.mjs';
+
+const drawerProps = buildProps({
+  ...dialogProps,
+  direction: {
+    type: String,
+    default: "rtl",
+    values: ["ltr", "rtl", "ttb", "btt"]
+  },
+  size: {
+    type: [String, Number],
+    default: "30%"
+  },
+  withHeader: {
+    type: Boolean,
+    default: true
+  },
+  modalFade: {
+    type: Boolean,
+    default: true
+  }
+});
+const drawerEmits = dialogEmits;
+
+export { drawerEmits, drawerProps };
+//# sourceMappingURL=drawer.mjs.map

package/es/components/drawer/src/drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { dialogProps, dialogEmits } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\n  },\n  size: {\n    type: [String, Number],\n    default: '30%',\n  },\n  withHeader: {\n    type: Boolean,\n    default: true,\n  },\n  modalFade: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":[],"mappings":";;;;MAIa,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,OAAO,OAAO,OAAO;AAAA;AAAA,EAEhC,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAMA,cAAc;;;;"}

package/es/components/drawer/src/drawer.vue.d.ts

@@ -0,0 +1,129 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly direction: import("../../../utils/props").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly size: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
+    readonly withHeader: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modalFade: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly appendToBody: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("../../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly modalClass: StringConstructor;
+    readonly width: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+}, {
+    drawerRef: import("vue").Ref<HTMLElement | undefined>;
+    isHorizontal: import("vue").ComputedRef<boolean>;
+    drawerSize: import("vue").ComputedRef<string>;
+    afterEnter: () => void;
+    afterLeave: () => void;
+    beforeLeave: () => void;
+    handleClose: () => void;
+    onModalClick: () => void;
+    close: () => void;
+    doClose: () => void;
+    closed: import("vue").Ref<boolean>;
+    style: 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;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly direction?: unknown;
+    readonly size?: unknown;
+    readonly withHeader?: unknown;
+    readonly modalFade?: unknown;
+    readonly appendToBody?: unknown;
+    readonly beforeClose?: unknown;
+    readonly destroyOnClose?: unknown;
+    readonly center?: unknown;
+    readonly customClass?: unknown;
+    readonly closeIcon?: unknown;
+    readonly closeOnClickModal?: unknown;
+    readonly closeOnPressEscape?: unknown;
+    readonly fullscreen?: unknown;
+    readonly lockScroll?: unknown;
+    readonly modal?: unknown;
+    readonly showClose?: unknown;
+    readonly title?: unknown;
+    readonly openDelay?: unknown;
+    readonly closeDelay?: unknown;
+    readonly top?: unknown;
+    readonly modelValue?: unknown;
+    readonly modalClass?: unknown;
+    readonly width?: unknown;
+    readonly zIndex?: unknown;
+} & {
+    size: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    modelValue: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    title: string;
+    center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    showClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    destroyOnClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    customClass: string;
+    closeIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    closeOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    fullscreen: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    openDelay: number;
+    closeDelay: number;
+    withHeader: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modalFade: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+} & {
+    top?: string | undefined;
+    zIndex?: number | undefined;
+    width?: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+    beforeClose?: ((...args: any[]) => void) | undefined;
+    modalClass?: string | undefined;
+}> & {
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+}, {
+    size: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    top: string;
+    title: string;
+    zIndex: number;
+    width: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    showClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    beforeClose: (...args: any[]) => void;
+    destroyOnClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    customClass: string;
+    closeIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    closeOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    fullscreen: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    openDelay: number;
+    closeDelay: number;
+    withHeader: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modalFade: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+}>;
+export default _default;

package/es/components/drawer/src/drawer.vue_vue_type_script_lang.mjs

@@ -0,0 +1,37 @@
+import { defineComponent, ref, computed } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import { ElOverlay } from '../../overlay/index.mjs';
+import '../../dialog/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../directives/index.mjs';
+import { drawerProps, drawerEmits } from './drawer.mjs';
+import TrapFocus from '../../../directives/trap-focus/index.mjs';
+import { useDialog } from '../../dialog/src/use-dialog.mjs';
+
+var script = defineComponent({
+  name: "ElDrawer",
+  components: {
+    ElOverlay,
+    ElIcon,
+    Close
+  },
+  directives: {
+    TrapFocus
+  },
+  props: drawerProps,
+  emits: drawerEmits,
+  setup(props, ctx) {
+    const drawerRef = ref();
+    const isHorizontal = computed(() => props.direction === "rtl" || props.direction === "ltr");
+    const drawerSize = computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
+    return {
+      ...useDialog(props, ctx, drawerRef),
+      drawerRef,
+      isHorizontal,
+      drawerSize
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=drawer.vue_vue_type_script_lang.mjs.map

package/es/components/drawer/src/drawer.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"el-drawer-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <div\n          ref=\"drawerRef\"\n          v-trap-focus\n          aria-modal=\"true\"\n          aria-labelledby=\"el-drawer__title\"\n          :aria-label=\"title\"\n          :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header\n            v-if=\"withHeader\"\n            id=\"el-drawer__title\"\n            class=\"el-drawer__header\"\n          >\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              class=\"el-drawer__close-btn\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon class=\"el-drawer__close\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section class=\"el-drawer__body\">\n              <slot></slot>\n            </section>\n          </template>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: drawerProps,\n  emits: drawerEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>()\n\n    const isHorizontal = computed(\n      () => props.direction === 'rtl' || props.direction === 'ltr'\n    )\n    const drawerSize = computed(() =>\n      typeof props.size === 'number' ? `${props.size}px` : props.size\n    )\n\n    return {\n      ...useDialog(props, ctx, drawerRef),\n      drawerRef,\n      isHorizontal,\n      drawerSize,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AAqEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY;AAElB,UAAM,eAAe,SACnB,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAEzD,UAAM,aAAa,SAAS,MAC1B,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAG7D,WAAO;AAAA,SACF,UAAU,OAAO,KAAK;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/drawer/src/{index.vue_vue_type_template_id_052d0d8e_lang.mjs → drawer.vue_vue_type_template_id_e0557736_lang.mjs}

@@ -86,4 +86,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 export { render };
-//# sourceMappingURL=index.vue_vue_type_template_id_052d0d8e_lang.mjs.map
+//# sourceMappingURL=drawer.vue_vue_type_template_id_e0557736_lang.mjs.map