@element-plus/nightly 0.0.20261102 → 0.0.20261104

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

@@ -21,36 +21,37 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => void;
-  "update:modelValue": (value: boolean) => void;
-  "resize-start": (evt: MouseEvent, size: number) => void;
-  resize: (evt: MouseEvent, size: number) => void;
-  "resize-end": (evt: MouseEvent, size: number) => void;
   open: () => void;
+  resize: (evt: MouseEvent, size: number) => void;
+  "update:modelValue": (value: boolean) => void;
+  close: () => void;
   opened: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
+  "resize-start": (evt: MouseEvent, size: number) => void;
+  "resize-end": (evt: MouseEvent, size: number) => void;
 }, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-  "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
-  onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
-  "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
   onOpen?: (() => any) | undefined;
+  onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+  onClose?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
+  "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
+  "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }>, {
-  title: string;
+  direction: "ltr" | "rtl" | "ttb" | "btt";
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
   size: string | number;
-  direction: "ltr" | "ttb" | "rtl" | "btt";
-  appendTo: string | HTMLElement;
+  overflow: boolean;
   transition: DialogTransition;
-  withHeader: boolean;
-  modalFade: boolean;
-  headerAriaLevel: string;
+  appendTo: string | HTMLElement;
+  title: string;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
@@ -58,14 +59,13 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   openDelay: number;
   closeDelay: number;
   modalClass: string | false | Record<string, any> | ClassValue[] | null;
+  headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;
-  overflow: boolean;
-  headerClass: string | false | Record<string, any> | ClassValue[] | null;
-  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
-  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   showClose: boolean;
   ariaLevel: string;
+  withHeader: boolean;
+  modalFade: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -81,7 +81,7 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							ref: drawerRef,
 							"aria-modal": "true",
 							"aria-label": __props.title || void 0,
-							"aria-labelledby": !__props.title ? unref(titleId) : void 0,
+							"aria-labelledby": !__props.title && __props.withHeader && !_ctx.$slots.title ? unref(titleId) : void 0,
 							"aria-describedby": unref(bodyId)
 						}, _ctx.$attrs, {
 							class: [

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs","$slots","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_unref","_withCtx","_withDirectives","ElFocusTrap","_createElementVNode","_mergeProps","_withModifiers","_normalizeClass","_createElementBlock","_renderSlot","_toDisplayString","_createCommentVNode","_normalizeStyle","_vShow"],"sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('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=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"!title ? titleId : undefined\"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  ...dialogPropsDefaults,\n  direction: 'rtl',\n  size: '30%',\n  withHeader: true,\n  modalFade: true,\n  headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"drawer.vue_vue_type_script_setup_true_lang.mjs","names":["$slots","$attrs","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_unref","_withCtx","_withDirectives","ElFocusTrap","_createElementVNode","_mergeProps","_withModifiers","_normalizeClass","_createElementBlock","_renderSlot","_toDisplayString","_createCommentVNode","_normalizeStyle","_vShow"],"sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('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=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"\n              !title && withHeader && !$slots.title ? titleId : undefined\n            \"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  ...dialogPropsDefaults,\n  direction: 'rtl',\n  size: '30%',\n  withHeader: true,\n  modalFade: true,\n  headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n})\n</script>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"drawer2.mjs","names":["_sfc_main"],"sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('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=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"!title ? titleId : undefined\"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  ...dialogPropsDefaults,\n  direction: 'rtl',\n  size: '30%',\n  withHeader: true,\n  modalFade: true,\n  headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"drawer2.mjs","names":["_sfc_main"],"sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('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=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"\n              !title && withHeader && !$slots.title ? titleId : undefined\n            \"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  ...dialogPropsDefaults,\n  direction: 'rtl',\n  size: '30%',\n  withHeader: true,\n  modalFade: true,\n  headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n})\n</script>\n"],"mappings":""}

package/es/components/dropdown/src/dropdown-menu.vue.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   size: _$vue.ComputedRef<string> | undefined;
   rovingFocusGroupRootStyle: _$vue.Ref<_$vue.StyleValue, _$vue.StyleValue>;
   dropdownKls: _$vue.ComputedRef<string[]>;
-  role: _$vue.ComputedRef<"dialog" | "tree" | "grid" | "listbox" | "menu" | "tooltip" | "group" | "navigation" | undefined>;
+  role: _$vue.ComputedRef<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
   triggerId: _$vue.ComputedRef<string>;
   dropdownListWrapperRef: (el: Element | _$vue.ComponentPublicInstance | null) => void;
   handleKeydown: (event: KeyboardEvent) => void;

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

@@ -44,12 +44,12 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "primary" | "success" | "warning" | "info" | "default" | "text" | "danger") | (() => "" | "primary" | "success" | "warning" | "info" | "default" | "text" | "danger") | (((new (...args: any[]) => "" | "primary" | "success" | "warning" | "info" | "default" | "text" | "danger") | (() => "" | "primary" | "success" | "warning" | "info" | "default" | "text" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "primary" | "info" | "danger") | (() => "" | "default" | "text" | "success" | "warning" | "primary" | "info" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "primary" | "info" | "danger") | (() => "" | "default" | "text" | "success" | "warning" | "primary" | "info" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
   readonly id: StringConstructor;
   readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -64,7 +64,7 @@ declare const dropdownProps: {
   readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "grid" | "listbox" | "menu" | "tooltip" | "group" | "navigation", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: _$vue.PropType<Partial<ButtonProps>>;
     readonly required: false;