@element-plus/nightly 0.0.20260313 → 0.0.20260314

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

@@ -1,21 +1,24 @@
+import { SFCWithInstall } from "../../../utils/vue/typescript.js";
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
 import "../../../utils/index.js";
+import { IconProps } from "../../icon/src/icon.js";
+import "../../../index.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/dropdown/src/dropdown-item.vue.d.ts
 declare const _default: typeof __VLS_export;
-declare const __VLS_export: vue.DefineComponent<{
+declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
   readonly disabled: BooleanConstructor;
   readonly divided: BooleanConstructor;
   readonly textValue: StringConstructor;
   readonly icon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}, {
+}>, {
   handleClick: (event: PointerEvent) => void;
   handlePointerMove: (event: PointerEvent) => void;
   handlePointerLeave: (event: PointerEvent) => void;
@@ -23,31 +26,160 @@ declare const __VLS_export: vue.DefineComponent<{
     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))[], unknown, unknown> | undefined;
+    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;
     onPointermove: ((...args: any[]) => any) | undefined;
     onPointerleave: ((...args: any[]) => any) | undefined;
   }>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, 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>;
   readonly disabled: BooleanConstructor;
   readonly divided: BooleanConstructor;
   readonly textValue: StringConstructor;
   readonly icon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}>> & {
+}>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
   onPointerleave?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
   readonly disabled: boolean;
   readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
   readonly divided: boolean;
-}, {}>;
+}, {}, {
+  ElRovingFocusItem: vue.DefineComponent<vue.ExtractPropTypes<{
+    focusable: {
+      type: BooleanConstructor;
+      default: boolean;
+    };
+    active: BooleanConstructor;
+  }>, {
+    id: vue.Ref<string, string>;
+    handleKeydown: (event: Event) => void;
+    handleFocus: (event: Event) => void;
+    handleMousedown: (event: Event) => void;
+  }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("focus" | "keydown" | "mousedown")[], "focus" | "keydown" | "mousedown", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    focusable: {
+      type: BooleanConstructor;
+      default: boolean;
+    };
+    active: BooleanConstructor;
+  }>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onMousedown?: ((...args: any[]) => any) | undefined;
+  }>, {
+    active: boolean;
+    focusable: boolean;
+  }, {}, {
+    ElRovingFocusCollectionItem: {
+      new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+      }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+      __isFragment?: never;
+      __isTeleport?: never;
+      __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+      name: string;
+      setup(_: unknown, {
+        attrs
+      }: vue.SetupContext): void;
+    };
+  }, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+  ElDropdownItemImpl: vue.DefineComponent<vue.ExtractPropTypes<{
+    readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly divided: BooleanConstructor;
+    readonly textValue: StringConstructor;
+    readonly icon: {
+      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
+      readonly required: false;
+      readonly validator: ((val: unknown) => boolean) | undefined;
+      __epPropKey: true;
+    };
+  }>, {
+    ns: {
+      namespace: vue.ComputedRef<string>;
+      b: (blockSuffix?: string) => string;
+      e: (element?: string) => string;
+      m: (modifier?: string) => string;
+      be: (blockSuffix?: string, element?: string) => string;
+      em: (element?: string, modifier?: string) => string;
+      bm: (blockSuffix?: string, modifier?: string) => string;
+      bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+      is: {
+        (name: string, state: boolean | undefined): string;
+        (name: string): string;
+      };
+      cssVar: (object: Record<string, string>) => Record<string, string>;
+      cssVarName: (name: string) => string;
+      cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+      cssVarBlockName: (name: string) => string;
+    };
+    itemRef: (el: Element | vue.ComponentPublicInstance | null) => void;
+    dataset: {
+      "data-el-collection-item": string;
+    };
+    role: vue.ComputedRef<string>;
+    tabIndex: vue.Ref<number, number>;
+    handleFocus: (e: Event) => void;
+    handleKeydown: (event: KeyboardEvent) => void;
+    handleMousedown: (e: Event) => void;
+  }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly divided: BooleanConstructor;
+    readonly textValue: StringConstructor;
+    readonly icon: {
+      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
+      readonly required: false;
+      readonly validator: ((val: unknown) => boolean) | undefined;
+      __epPropKey: true;
+    };
+  }>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onPointermove?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
+    onClickimpl?: ((...args: any[]) => any) | undefined;
+  }>, {
+    readonly disabled: boolean;
+    readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly divided: boolean;
+  }, {}, {
+    ElIcon: SFCWithInstall<{
+      new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
+        size: number | string;
+      }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+      }, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: number | string;
+      }>;
+      __isFragment?: never;
+      __isTeleport?: never;
+      __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
+      size: number | string;
+    }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+      $slots: {
+        default?: (props: {}) => any;
+      };
+    })>;
+  }, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default };

package/es/components/dropdown/src/dropdown-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.mjs","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    :ref=\"dropdownListWrapperRef\"\n    :class=\"dropdownKls\"\n    :style=\"rovingFocusGroupRootStyle\"\n    :tabindex=\"-1\"\n    :role=\"role\"\n    :aria-labelledby=\"triggerId\"\n    @focusin=\"handleFocus\"\n    @focusout=\"onBlur\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown.self=\"onMousedown\"\n  >\n    <slot />\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  composeEventHandlers,\n  composeRefs,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { useNamespace } from '@element-plus/hooks'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport { dropdownMenuProps } from './dropdown'\nimport { useDropdown } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\n    const ns = useNamespace('dropdown')\n    const { _elDropdownSize } = useDropdown()\n    const size = _elDropdownSize.value\n\n    const { contentRef, role, triggerId, isUsingKeyboard, handleClose } =\n      inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const {\n      rovingFocusGroupRef,\n      rovingFocusGroupRootStyle,\n      onBlur,\n      onFocus,\n      onKeydown,\n      onMousedown,\n    } = inject(ROVING_FOCUS_GROUP_INJECTION_KEY, undefined)!\n\n    const { collectionRef: rovingFocusGroupCollectionRef } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const dropdownKls = computed(() => {\n      return [ns.b('menu'), ns.bm('menu', size?.value)]\n    })\n\n    const dropdownListWrapperRef = composeRefs(\n      contentRef,\n      rovingFocusGroupRef,\n      rovingFocusGroupCollectionRef\n    )\n\n    const handleKeydown = composeEventHandlers(\n      (e: KeyboardEvent) => {\n        props.onKeydown?.(e)\n      },\n      (e) => {\n        const { currentTarget, target } = e\n        const code = getEventCode(e)\n\n        const isKeydownContained = (currentTarget as Node).contains(\n          target as Node\n        )\n\n        if (isKeydownContained) {\n          // TODO: implement typeahead search\n        }\n\n        if (EVENT_CODE.tab === code) {\n          return handleClose()\n        }\n\n        onKeydown(e)\n      }\n    )\n\n    function handleFocus(e: FocusEvent) {\n      isUsingKeyboard.value && onFocus(e)\n    }\n\n    return {\n      size,\n      rovingFocusGroupRootStyle,\n      dropdownKls,\n      role,\n      triggerId,\n      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      handleFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;qBACE,mBAaK,MAAA;EAZF,KAAK,KAAA;EACL,OAAK,eAAE,KAAA,YAAW;EAClB,OAAK,eAAE,KAAA,0BAAyB;EAChC,UAAU;EACV,MAAM,KAAA;EACN,mBAAiB,KAAA;EACjB,WAAO,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,eAAA,KAAA,YAAA,GAAA,KAAW;EACpB,YAAQ,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,UAAA,KAAA,OAAA,GAAA,KAAM;EAChB,WAAO,OAAA,OAAA,OAAA,KAAA,eAAA,GAAA,SAAO,KAAA,iBAAA,KAAA,cAAA,GAAA,KAAa,EAAA,CAAA,OAAA,CAAA;EAC3B,aAAS,OAAA,OAAA,OAAA,KAAA,eAAA,GAAA,SAAO,KAAA,eAAA,KAAA,YAAA,GAAA,KAAW,EAAA,CAAA,OAAA,CAAA;KAE5B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"dropdown-menu.mjs","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    :ref=\"dropdownListWrapperRef\"\n    :class=\"dropdownKls\"\n    :style=\"rovingFocusGroupRootStyle\"\n    :tabindex=\"-1\"\n    :role=\"role\"\n    :aria-labelledby=\"triggerId\"\n    @focusin=\"handleFocus\"\n    @focusout=\"onBlur\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown.self=\"onMousedown\"\n  >\n    <slot />\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  composeEventHandlers,\n  composeRefs,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { useNamespace } from '@element-plus/hooks'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport { dropdownMenuProps } from './dropdown'\nimport { useDropdown } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\n    const ns = useNamespace('dropdown')\n    const { _elDropdownSize } = useDropdown()\n    const size = _elDropdownSize.value\n\n    const { contentRef, role, triggerId, isUsingKeyboard, handleClose } =\n      inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const {\n      rovingFocusGroupRef,\n      rovingFocusGroupRootStyle,\n      onBlur,\n      onFocus,\n      onKeydown,\n      onMousedown,\n    } = inject(ROVING_FOCUS_GROUP_INJECTION_KEY, undefined)!\n\n    const { collectionRef: rovingFocusGroupCollectionRef } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const dropdownKls = computed(() => {\n      return [ns.b('menu'), ns.bm('menu', size?.value)]\n    })\n\n    const dropdownListWrapperRef = composeRefs(\n      contentRef,\n      rovingFocusGroupRef,\n      rovingFocusGroupCollectionRef\n    )\n\n    const handleKeydown = composeEventHandlers(\n      (e: KeyboardEvent) => {\n        props.onKeydown?.(e)\n      },\n      (e) => {\n        const { currentTarget, target } = e\n        const code = getEventCode(e)\n\n        const isKeydownContained = (currentTarget as Node).contains(\n          target as Node\n        )\n\n        if (isKeydownContained) {\n          // TODO: implement typeahead search\n        }\n\n        if (EVENT_CODE.tab === code) {\n          return handleClose()\n        }\n\n        onKeydown(e)\n      }\n    )\n\n    function handleFocus(e: FocusEvent) {\n      isUsingKeyboard.value && onFocus(e)\n    }\n\n    return {\n      size,\n      rovingFocusGroupRootStyle,\n      dropdownKls,\n      role,\n      triggerId,\n      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      handleFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;qBACE,mBAaK,MAAA;EAZF,KAAK,KAAA;EACL,OAAK,eAAE,KAAA,YAAW;EAClB,OAAK,eAAE,KAAA,0BAAyB;EAChC,UAAU;EACV,MAAM,KAAA;EACN,mBAAiB,KAAA;EACjB,WAAO,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,eAAA,KAAA,YAAA,GAAA,KAAA;EACT,YAAQ,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,UAAA,KAAA,OAAA,GAAA,KAAA;EACV,WAAO,OAAA,OAAA,OAAA,KAAA,eAAA,GAAA,SAAO,KAAA,iBAAA,KAAA,cAAA,GAAA,KAAA,EAAa,CAAA,OAAA,CAAA;EAC3B,aAAS,OAAA,OAAA,OAAA,KAAA,eAAA,GAAA,SAAO,KAAA,eAAA,KAAA,YAAA,GAAA,KAAA,EAAW,CAAA,OAAA,CAAA;EAAA,EAAA,CAE5B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

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

@@ -2,31 +2,31 @@ import * as vue from "vue";
 
 //#region ../../packages/components/dropdown/src/dropdown-menu.vue.d.ts
 declare const _default: typeof __VLS_export;
-declare const __VLS_export: vue.DefineComponent<{
+declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   onKeydown: {
     readonly type: vue.PropType<(e: KeyboardEvent) => void>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}, {
+}>, {
   size: vue.ComputedRef<string> | undefined;
-  rovingFocusGroupRootStyle: vue.Ref<vue.StyleValue>;
+  rovingFocusGroupRootStyle: vue.Ref<vue.StyleValue, vue.StyleValue>;
   dropdownKls: vue.ComputedRef<string[]>;
-  role: vue.ComputedRef<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+  role: vue.ComputedRef<"dialog" | "tree" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | undefined>;
   triggerId: vue.ComputedRef<string>;
   dropdownListWrapperRef: (el: Element | vue.ComponentPublicInstance | null) => void;
   handleKeydown: (event: KeyboardEvent) => void;
   onBlur: (e: Event) => void;
   handleFocus: (e: FocusEvent) => void;
   onMousedown: (e: Event) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   onKeydown: {
     readonly type: vue.PropType<(e: KeyboardEvent) => void>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default };

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

@@ -24,13 +24,13 @@ interface IElDropdownInstance {
 }
 declare const dropdownProps: {
   readonly trigger: {
-    readonly type: vue.PropType<Arrayable<"hover" | "click" | "contextmenu">>;
+    readonly type: vue.PropType<Arrayable<"click" | "contextmenu" | "hover">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
     readonly default: "hover";
   };
-  readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+  readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   readonly virtualTriggering: BooleanConstructor;
   readonly virtualRef: {
     readonly type: vue.PropType<Measurable>;
@@ -40,19 +40,19 @@ declare const dropdownProps: {
   };
   readonly effect: {
     readonly default: "light";
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | ((new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger"))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "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[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1))[], unknown, unknown, "bottom", boolean>;
-  readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "bottom-start" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "bottom-start" | "auto-start" | "auto-end" | "top-start" | "top-end" | "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>;
   readonly splitButton: BooleanConstructor;
@@ -61,8 +61,8 @@ declare const dropdownProps: {
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
   readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-  readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
-  readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+  readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
+  readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, "", boolean>;
   readonly popperClass: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
       [x: string]: boolean;
@@ -112,7 +112,7 @@ declare const dropdownProps: {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
-    } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+    } | any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
@@ -160,19 +160,19 @@ declare const dropdownProps: {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
-    } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
+    } | any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | ((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(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>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: vue.PropType<Partial<ButtonProps>>;
     readonly required: false;
@@ -181,7 +181,7 @@ declare const dropdownProps: {
   };
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly appendTo: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -194,7 +194,7 @@ declare const dropdownItemProps: {
   readonly divided: BooleanConstructor;
   readonly textValue: StringConstructor;
   readonly icon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;