@element-plus/nightly 0.0.20261020 → 0.0.20261022

package/lib/components/dialog/src/dialog.vue.d.ts

@@ -23,29 +23,24 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   resetPosition: () => void;
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => void;
-  open: () => void;
   "update:modelValue": (value: boolean) => void;
+  open: () => void;
   opened: () => void;
+  close: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
 }, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-  onOpen?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+  onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
 }>, {
-  title: string;
-  appendTo: string | HTMLElement;
   transition: DialogTransition;
-  headerClass: string | false | Record<string, any> | ClassValue[] | null;
-  overflow: boolean;
-  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
-  footerClass: string | false | Record<string, any> | ClassValue[] | null;
+  appendTo: string | HTMLElement;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
@@ -56,7 +51,12 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   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;
+  title: string;
   ariaLevel: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/divider/src/divider.d.ts

@@ -23,7 +23,7 @@ interface DividerProps {
  */
 declare const dividerProps: {
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-  readonly contentPosition: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, "center", boolean>;
+  readonly contentPosition: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
   readonly borderStyle: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
 };
 /**

package/lib/components/divider/src/divider.vue.d.ts

@@ -7,9 +7,9 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<DividerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DividerProps> & Readonly<{}>, {
-  direction: "horizontal" | "vertical";
   borderStyle: string;
-  contentPosition: "left" | "right" | "center";
+  direction: "horizontal" | "vertical";
+  contentPosition: "center" | "left" | "right";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/drawer/src/composables/useResizable.js

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_style = require("../../../../utils/dom/style.js");
-const require_useSize = require("../../../splitter/src/hooks/useSize.js");
 let _vueuse_core = require("@vueuse/core");
 let vue = require("vue");
 let _vue_shared = require("@vue/shared");
@@ -12,11 +11,11 @@ function useResizable(props, target, emit) {
 	const windowSize = (0, vue.computed)(() => isHorizontal.value ? width.value : height.value);
 	const resizableOptions = (0, vue.computed)(() => (0, _vue_shared.isObject)(props.resizable) ? props.resizable : {});
 	/**
-	* Parse size string/number to pixels using splitter utilities.
+	* Parse size string/number to pixels.
 	*/
 	const parseSizeToPixels = (size, fallback) => {
-		if (require_useSize.isPct(size)) return require_useSize.getPct(size) * windowSize.value;
-		else if (require_useSize.isPx(size)) return require_useSize.getPx(size);
+		if (require_style.isPercent(size)) return require_style.percentToRatio(size) * windowSize.value;
+		else if (require_style.isPx(size)) return require_style.parsePx(size);
 		return Number(size ?? fallback);
 	};
 	const getSize = (0, vue.computed)(() => {

package/lib/components/drawer/src/composables/useResizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.js","names":["useWindowSize","computed","isObject","isPct","getPct","isPx","getPx","clamp","ref","useEventListener","addUnit"],"sources":["../../../../../../../packages/components/drawer/src/composables/useResizable.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { addUnit, isObject } from '@element-plus/utils'\nimport {\n  getPct,\n  getPx,\n  isPct,\n  isPx,\n} from '@element-plus/components/splitter/src/hooks'\nimport { clamp, useEventListener, useWindowSize } from '@vueuse/core'\n\nimport type { Ref, SetupContext } from 'vue'\nimport type { DrawerEmits, DrawerProps } from '../drawer'\n\nexport function useResizable(\n  props: DrawerProps & Required<Pick<DrawerProps, 'direction'>>,\n  target: Ref<HTMLElement | undefined>,\n  emit: SetupContext<DrawerEmits>['emit']\n) {\n  const { width, height } = useWindowSize()\n\n  const isHorizontal = computed(() => ['ltr', 'rtl'].includes(props.direction))\n  const sign = computed(() =>\n    ['ltr', 'ttb'].includes(props.direction) ? 1 : -1\n  )\n  const windowSize = computed(() =>\n    isHorizontal.value ? width.value : height.value\n  )\n  const resizableOptions = computed(() =>\n    isObject(props.resizable) ? props.resizable : {}\n  )\n\n  /**\n   * Parse size string/number to pixels using splitter utilities.\n   */\n  const parseSizeToPixels = (\n    size: string | number | undefined,\n    fallback: number\n  ): number => {\n    if (isPct(size)) {\n      return getPct(size) * windowSize.value\n    } else if (isPx(size)) {\n      return getPx(size)\n    }\n    return Number(size ?? fallback)\n  }\n\n  const getSize = computed(() => {\n    return clamp(\n      startSize.value + sign.value * offset.value,\n      parseSizeToPixels(resizableOptions.value.minSize, 4),\n      parseSizeToPixels(resizableOptions.value.maxSize, windowSize.value)\n    )\n  })\n\n  const startSize = ref(0)\n  const offset = ref(0)\n  const isResizing = ref(false)\n  const hasStartedDragging = ref(false)\n  let startPos: number[] = []\n  let cleanups: (() => void)[] = []\n\n  const getActualSize = () => {\n    const drawerEl = target.value?.closest('[aria-modal=\"true\"]') as HTMLElement\n    if (drawerEl) {\n      return isHorizontal.value ? drawerEl.offsetWidth : drawerEl.offsetHeight\n    }\n    return 100\n  }\n\n  watch(\n    () => [props.size, props.resizable] as const,\n    () => {\n      hasStartedDragging.value = false\n      startSize.value = 0\n      offset.value = 0\n      onMouseUp()\n    }\n  )\n\n  const onMousedown = (e: MouseEvent) => {\n    if (!props.resizable) return\n\n    if (!hasStartedDragging.value) {\n      startSize.value = getActualSize()\n      hasStartedDragging.value = true\n    }\n\n    startPos = [e.pageX, e.pageY]\n    isResizing.value = true\n    emit('resize-start', e, startSize.value)\n    cleanups.push(\n      useEventListener(window, 'mouseup', onMouseUp),\n      useEventListener(window, 'mousemove', onMouseMove)\n    )\n  }\n\n  const onMouseMove = (e: MouseEvent) => {\n    const { pageX, pageY } = e\n    const offsetX = pageX - startPos[0]\n    const offsetY = pageY - startPos[1]\n    offset.value = isHorizontal.value ? offsetX : offsetY\n    emit('resize', e, getSize.value)\n  }\n\n  const onMouseUp = (e?: MouseEvent) => {\n    // premature interruption\n    // avoid triggering meaningless execution due to watch size/resizable constraints.\n    if (!isResizing.value) return\n\n    startPos = []\n    startSize.value = getSize.value\n    offset.value = 0\n    isResizing.value = false\n    cleanups.forEach((cleanup) => cleanup?.())\n    cleanups = []\n    if (e) {\n      emit('resize-end', e, startSize.value)\n    }\n  }\n\n  const cleanup = useEventListener(target, 'mousedown', onMousedown)\n\n  onBeforeUnmount(() => {\n    cleanup()\n    onMouseUp()\n  })\n\n  return {\n    size: computed(() => {\n      return hasStartedDragging.value\n        ? `${getSize.value}px`\n        : addUnit(props.size)\n    }),\n    isResizing,\n    isHorizontal,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useResizable.js","names":["useWindowSize","computed","isObject","isPercent","percentToRatio","isPx","parsePx","clamp","ref","useEventListener","addUnit"],"sources":["../../../../../../../packages/components/drawer/src/composables/useResizable.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport {\n  addUnit,\n  isObject,\n  isPercent,\n  isPx,\n  parsePx,\n  percentToRatio,\n} from '@element-plus/utils'\nimport { clamp, useEventListener, useWindowSize } from '@vueuse/core'\n\nimport type { Ref, SetupContext } from 'vue'\nimport type { DrawerEmits, DrawerProps } from '../drawer'\n\nexport function useResizable(\n  props: DrawerProps & Required<Pick<DrawerProps, 'direction'>>,\n  target: Ref<HTMLElement | undefined>,\n  emit: SetupContext<DrawerEmits>['emit']\n) {\n  const { width, height } = useWindowSize()\n\n  const isHorizontal = computed(() => ['ltr', 'rtl'].includes(props.direction))\n  const sign = computed(() =>\n    ['ltr', 'ttb'].includes(props.direction) ? 1 : -1\n  )\n  const windowSize = computed(() =>\n    isHorizontal.value ? width.value : height.value\n  )\n  const resizableOptions = computed(() =>\n    isObject(props.resizable) ? props.resizable : {}\n  )\n\n  /**\n   * Parse size string/number to pixels.\n   */\n  const parseSizeToPixels = (\n    size: string | number | undefined,\n    fallback: number\n  ): number => {\n    if (isPercent(size)) {\n      return percentToRatio(size) * windowSize.value\n    } else if (isPx(size)) {\n      return parsePx(size)\n    }\n    return Number(size ?? fallback)\n  }\n\n  const getSize = computed(() => {\n    return clamp(\n      startSize.value + sign.value * offset.value,\n      parseSizeToPixels(resizableOptions.value.minSize, 4),\n      parseSizeToPixels(resizableOptions.value.maxSize, windowSize.value)\n    )\n  })\n\n  const startSize = ref(0)\n  const offset = ref(0)\n  const isResizing = ref(false)\n  const hasStartedDragging = ref(false)\n  let startPos: number[] = []\n  let cleanups: (() => void)[] = []\n\n  const getActualSize = () => {\n    const drawerEl = target.value?.closest('[aria-modal=\"true\"]') as HTMLElement\n    if (drawerEl) {\n      return isHorizontal.value ? drawerEl.offsetWidth : drawerEl.offsetHeight\n    }\n    return 100\n  }\n\n  watch(\n    () => [props.size, props.resizable] as const,\n    () => {\n      hasStartedDragging.value = false\n      startSize.value = 0\n      offset.value = 0\n      onMouseUp()\n    }\n  )\n\n  const onMousedown = (e: MouseEvent) => {\n    if (!props.resizable) return\n\n    if (!hasStartedDragging.value) {\n      startSize.value = getActualSize()\n      hasStartedDragging.value = true\n    }\n\n    startPos = [e.pageX, e.pageY]\n    isResizing.value = true\n    emit('resize-start', e, startSize.value)\n    cleanups.push(\n      useEventListener(window, 'mouseup', onMouseUp),\n      useEventListener(window, 'mousemove', onMouseMove)\n    )\n  }\n\n  const onMouseMove = (e: MouseEvent) => {\n    const { pageX, pageY } = e\n    const offsetX = pageX - startPos[0]\n    const offsetY = pageY - startPos[1]\n    offset.value = isHorizontal.value ? offsetX : offsetY\n    emit('resize', e, getSize.value)\n  }\n\n  const onMouseUp = (e?: MouseEvent) => {\n    // premature interruption\n    // avoid triggering meaningless execution due to watch size/resizable constraints.\n    if (!isResizing.value) return\n\n    startPos = []\n    startSize.value = getSize.value\n    offset.value = 0\n    isResizing.value = false\n    cleanups.forEach((cleanup) => cleanup?.())\n    cleanups = []\n    if (e) {\n      emit('resize-end', e, startSize.value)\n    }\n  }\n\n  const cleanup = useEventListener(target, 'mousedown', onMousedown)\n\n  onBeforeUnmount(() => {\n    cleanup()\n    onMouseUp()\n  })\n\n  return {\n    size: computed(() => {\n      return hasStartedDragging.value\n        ? `${getSize.value}px`\n        : addUnit(props.size)\n    }),\n    isResizing,\n    isHorizontal,\n  }\n}\n"],"mappings":"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"}

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

@@ -21,37 +21,31 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => void;
-  resize: (evt: MouseEvent, size: number) => void;
-  open: () => void;
   "update:modelValue": (value: boolean) => void;
+  open: () => void;
   opened: () => void;
+  close: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
+  resize: (evt: MouseEvent, size: number) => void;
   "resize-start": (evt: MouseEvent, size: number) => void;
   "resize-end": (evt: MouseEvent, size: number) => void;
 }, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-  onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
-  onOpen?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+  onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
+  onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }>, {
-  title: string;
   size: string | number;
-  direction: "ltr" | "rtl" | "ttb" | "btt";
-  appendTo: string | HTMLElement;
   transition: DialogTransition;
-  headerClass: string | false | Record<string, any> | ClassValue[] | null;
-  overflow: boolean;
-  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
-  footerClass: string | false | Record<string, any> | ClassValue[] | null;
+  appendTo: string | HTMLElement;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
@@ -62,8 +56,14 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   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;
+  title: string;
   ariaLevel: string;
+  direction: "ltr" | "rtl" | "ttb" | "btt";
   withHeader: boolean;
   modalFade: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts

@@ -57,12 +57,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointerleave?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
+  onPointerleave?: ((...args: any[]) => any) | undefined;
   onClickimpl?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
   readonly disabled: boolean;
+  readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
   readonly divided: boolean;
 }, {}, {
   ElIcon: SFCWithInstall<{

package/lib/components/dropdown/src/dropdown-item.vue.d.ts

@@ -21,14 +21,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   handlePointerMove: (event: PointerEvent) => void;
   handlePointerLeave: (event: PointerEvent) => void;
   propsAndAttrs: _$vue.ComputedRef<{
-    command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     disabled: boolean;
+    command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     divided: boolean;
     icon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown> | undefined;
     textValue: string | undefined;
     onClick: ((...args: any[]) => any) | undefined;
-    onPointerleave: ((...args: any[]) => any) | undefined;
     onPointermove: ((...args: any[]) => any) | undefined;
+    onPointerleave: ((...args: any[]) => any) | undefined;
   }>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
@@ -43,11 +43,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointerleave?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
+  onPointerleave?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
   readonly disabled: boolean;
+  readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
   readonly divided: boolean;
 }, {}, {
   ElRovingFocusItem: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
@@ -146,12 +146,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-    onPointerleave?: ((...args: any[]) => any) | undefined;
     onPointermove?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
     onClickimpl?: ((...args: any[]) => any) | undefined;
   }>, {
-    readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     readonly disabled: boolean;
+    readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     readonly divided: boolean;
   }, {}, {
     ElIcon: SFCWithInstall<{

package/lib/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" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation" | undefined>;
+  role: _$vue.ComputedRef<"grid" | "dialog" | "listbox" | "menu" | "tooltip" | "group" | "navigation" | "tree" | undefined>;
   triggerId: _$vue.ComputedRef<string>;
   dropdownListWrapperRef: (el: Element | _$vue.ComponentPublicInstance | null) => void;
   handleKeydown: (event: KeyboardEvent) => void;

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

@@ -22,7 +22,7 @@ interface IElDropdownInstance {
 }
 declare const dropdownProps: {
   readonly trigger: {
-    readonly type: _$vue.PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+    readonly type: _$vue.PropType<Arrayable<"hover" | "click" | "contextmenu">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -44,12 +44,12 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "primary" | "success" | "warning" | "info" | "text" | "danger") | (() => "" | "default" | "primary" | "success" | "warning" | "info" | "text" | "danger") | (((new (...args: any[]) => "" | "default" | "primary" | "success" | "warning" | "info" | "text" | "danger") | (() => "" | "default" | "primary" | "success" | "warning" | "info" | "text" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "top" | "auto" | "right" | "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" | "top" | "auto" | "right" | "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 placement: EpPropFinalized<(new (...args: any[]) => "top" | "left" | "right" | "auto" | "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[]) => "top" | "left" | "right" | "auto" | "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" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "grid" | "dialog" | "listbox" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: _$vue.PropType<Partial<ButtonProps>>;
     readonly required: false;