@element-plus/nightly 0.0.20260514 → 0.0.20260516

package/es/components/dropdown/src/dropdown-item-impl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item-impl.mjs","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <li\n    v-if=\"divided\"\n    role=\"separator\"\n    :class=\"ns.bem('menu', 'item', 'divided')\"\n  />\n  <li\n    :ref=\"itemRef\"\n    v-bind=\"{ ...dataset, ...$attrs }\"\n    :aria-disabled=\"disabled\"\n    :class=\"[ns.be('menu', 'item'), ns.is('disabled', disabled)]\"\n    :tabindex=\"tabIndex\"\n    :role=\"role\"\n    @click=\"(e) => $emit('clickimpl', e)\"\n    @focus=\"handleFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon || $slots.icon\">\n      <slot name=\"icon\">\n        <component :is=\"icon\" />\n      </slot>\n    </el-icon>\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n  ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport {\n  composeEventHandlers,\n  composeRefs,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click', 'clickimpl'],\n  setup(_, { emit }) {\n    const ns = useNamespace('dropdown')\n\n    const { role: menuRole } = inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(\n      ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupItemRef,\n      tabIndex,\n      handleFocus,\n      handleKeydown: handleItemKeydown,\n      handleMousedown,\n    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, undefined)!\n\n    const itemRef = composeRefs(\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const role = computed<string>(() => {\n      if (menuRole.value === 'menu') {\n        return 'menuitem'\n      } else if (menuRole.value === 'navigation') {\n        return 'link'\n      }\n      return 'button'\n    })\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const code = getEventCode(e)\n\n      if (\n        [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(\n          code\n        )\n      ) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('clickimpl', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      ns,\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      role,\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;yDAEU,KAAA,WAAA,WAAA,EADR,mBAIE,MAAA;;EAFA,MAAK;EACJ,OAAK,eAAE,KAAA,GAAG,IAAG,QAAA,QAAA,UAAA,CAAA;kDAEhB,mBAoBK,MApBL,WAoBK,EAnBF,KAAK,KAAA,SAAO,EAAA;EAAA,GACA,KAAA;EAAO,GAAK,KAAA;EAAM,EAAA;EAC9B,iBAAe,KAAA;EACf,OAAK,CAAG,KAAA,GAAG,GAAE,QAAA,OAAA,EAAkB,KAAA,GAAG,GAAE,YAAa,KAAA,SAAQ,CAAA;EACzD,UAAU,KAAA;EACV,MAAM,KAAA;EACN,SAAK,OAAA,OAAA,OAAA,MAAG,MAAM,KAAA,MAAK,aAAc,EAAC;EAClC,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,eAAA,KAAA,YAAA,GAAA,KAAW;EAClB,WAAO,OAAA,OAAA,OAAA,KAAA,eAAA,GAAA,SAAO,KAAA,iBAAA,KAAA,cAAA,GAAA,KAAa,EAAA,CAAA,OAAA,CAAA;EAC3B,aAAS,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,mBAAA,KAAA,gBAAA,GAAA,KAAe;EAC1B,eAAW,OAAA,OAAA,OAAA,MAAG,MAAM,KAAA,MAAK,eAAgB,EAAC;EAC1C,gBAAY,OAAA,OAAA,OAAA,MAAG,MAAM,KAAA,MAAK,gBAAiB,EAAC;MAE9B,KAAA,QAAQ,KAAA,OAAO,QAAA,WAAA,EAA9B,YAIU,oBAAA,EAAA,KAAA,GAAA,EAAA;yBADD,CAFP,WAEO,KAAA,QAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EADL,YAAwB,wBAAR,KAAA,KAAI,CAAA,EAAA,CAAA,CAAA,CAAA;;yCAGxB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"dropdown-item-impl.mjs","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <li\n    v-if=\"divided\"\n    role=\"separator\"\n    :class=\"ns.bem('menu', 'item', 'divided')\"\n  />\n  <li\n    :ref=\"itemRef\"\n    v-bind=\"{ ...dataset, ...$attrs }\"\n    :aria-disabled=\"disabled\"\n    :class=\"[ns.be('menu', 'item'), ns.is('disabled', disabled)]\"\n    :tabindex=\"tabIndex\"\n    :role=\"role\"\n    @click=\"(e) => $emit('clickimpl', e)\"\n    @focus=\"handleFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon || $slots.icon\">\n      <slot name=\"icon\">\n        <component :is=\"icon\" />\n      </slot>\n    </el-icon>\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n  ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport {\n  composeEventHandlers,\n  composeRefs,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click', 'clickimpl'],\n  setup(_, { emit }) {\n    const ns = useNamespace('dropdown')\n\n    const { role: menuRole } = inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(\n      ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupItemRef,\n      tabIndex,\n      handleFocus,\n      handleKeydown: handleItemKeydown,\n      handleMousedown,\n    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, undefined)!\n\n    const itemRef = composeRefs(\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const role = computed<string>(() => {\n      if (menuRole.value === 'menu') {\n        return 'menuitem'\n      } else if (menuRole.value === 'navigation') {\n        return 'link'\n      }\n      return 'button'\n    })\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const code = getEventCode(e)\n\n      if (\n        [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(\n          code\n        )\n      ) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('clickimpl', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      ns,\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      role,\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;yDAEU,KAAA,WAAA,WAAA,EADR,mBAIE,MAAA;;EAFA,MAAK;EACJ,OAAK,eAAE,KAAA,GAAG,IAAG,QAAA,QAAA,UAAA,CAAA;kDAEhB,mBAoBK,MApBL,WAoBK,EAnBF,KAAK,KAAA,SAAO,EAAA;EAAA,GACA,KAAA;EAAO,GAAK,KAAA;EAAM,EAAA;EAC9B,iBAAe,KAAA;EACf,OAAK,CAAG,KAAA,GAAG,GAAE,QAAA,OAAA,EAAkB,KAAA,GAAG,GAAE,YAAa,KAAA,SAAQ,CAAA;EACzD,UAAU,KAAA;EACV,MAAM,KAAA;EACN,SAAK,OAAA,OAAA,OAAA,MAAG,MAAM,KAAA,MAAK,aAAc,EAAC;EAClC,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,eAAA,KAAA,YAAA,GAAA,KAAA;EACP,WAAO,OAAA,OAAA,OAAA,KAAA,eAAA,GAAA,SAAO,KAAA,iBAAA,KAAA,cAAA,GAAA,KAAA,EAAa,CAAA,OAAA,CAAA;EAC3B,aAAS,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,mBAAA,KAAA,gBAAA,GAAA,KAAA;EACX,eAAW,OAAA,OAAA,OAAA,MAAG,MAAM,KAAA,MAAK,eAAgB,EAAC;EAC1C,gBAAY,OAAA,OAAA,OAAA,MAAG,MAAM,KAAA,MAAK,gBAAiB,EAAC;MAE9B,KAAA,QAAQ,KAAA,OAAO,QAAA,WAAA,EAA9B,YAIU,oBAAA,EAAA,KAAA,GAAA,EAAA;yBADD,CAFP,WAEO,KAAA,QAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EADL,YAAwB,wBAAR,KAAA,KAAI,CAAA,EAAA,CAAA,CAAA,CAAA;;yCAGxB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,GAAA"}

package/es/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/es/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/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;KAE5B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

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" | "menu" | "tree" | "listbox" | "grid" | "tooltip" | "group" | "navigation" | undefined>;
+  role: _$vue.ComputedRef<"dialog" | "listbox" | "grid" | "menu" | "tooltip" | "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

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

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

@@ -21,7 +21,7 @@ import { CSSProperties } from "vue";
 declare const _default: typeof __VLS_export;
 declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   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;
@@ -43,12 +43,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text") | (() => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text") | (((new (...args: any[]) => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text") | (() => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (((new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "top" | "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "top" | "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | 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>;
@@ -164,7 +164,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "menu" | "tree" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: _$vue.PropType<Partial<ButtonProps>>;
     readonly required: false;
@@ -218,7 +218,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   referenceElementRef: _$vue.Ref<any, any>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "command" | "visible-change")[], "click" | "command" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   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;
@@ -240,12 +240,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text") | (() => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text") | (((new (...args: any[]) => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text") | (() => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (((new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "top" | "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "top" | "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | 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>;
@@ -361,7 +361,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "menu" | "tree" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: _$vue.PropType<Partial<ButtonProps>>;
     readonly required: false;
@@ -382,7 +382,6 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly size: string;
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "bottom" | "top" | "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "top" | "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown>;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly disabled: boolean;
@@ -390,11 +389,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly popperStyle: _$vue.StyleValue;
   readonly virtualTriggering: boolean;
   readonly loop: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown>;
   readonly popperOptions: Partial<Options>;
   readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly role: EpPropMergeType<StringConstructor, "dialog" | "menu" | "tree" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown>;
+  readonly role: EpPropMergeType<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly trigger: Arrayable<"click" | "contextmenu" | "hover">;
+  readonly trigger: Arrayable<"hover" | "click" | "contextmenu">;
   readonly triggerKeys: string[];
   readonly maxHeight: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   readonly hideOnClick: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -408,14 +408,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text">;
+      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
       click: (evt: MouseEvent) => void;
     }, _$vue.PublicProps, {
       type: ButtonType;
-      tag: string | _$vue.Component;
       text: boolean;
       disabled: boolean;
       round: boolean;
@@ -424,6 +423,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loadingIcon: IconPropType;
       plain: boolean;
       autoInsertSpace: boolean;
+      tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -436,12 +436,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text">;
+      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
       type: ButtonType;
-      tag: string | _$vue.Component;
       text: boolean;
       disabled: boolean;
       round: boolean;
@@ -450,6 +449,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loadingIcon: IconPropType;
       plain: boolean;
       autoInsertSpace: boolean;
+      tag: string | _$vue.Component;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -459,14 +459,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>, {
     ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-    type: _$vue.ComputedRef<"" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text">;
+    type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
   }, string, {
     type: ButtonType;
-    tag: string | _$vue.Component;
     text: boolean;
     disabled: boolean;
     round: boolean;
@@ -475,6 +474,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     loadingIcon: IconPropType;
     plain: boolean;
     autoInsertSpace: boolean;
+    tag: string | _$vue.Component;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       loading?: (props: {}) => any;
@@ -487,7 +487,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     setPropsDefaults: (defaults: {
       readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
       readonly disabled?: boolean | (() => boolean) | undefined;
-      readonly type?: "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text" | (() => "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text") | undefined;
+      readonly type?: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger" | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -525,7 +525,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   ElButtonGroup: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
-      type: "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text";
+      type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
       direction: "horizontal" | "vertical";
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -535,14 +535,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
-      type: "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text";
+      type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
       direction: "horizontal" | "vertical";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
-    type: "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text";
+    type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
     direction: "horizontal" | "vertical";
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -573,10 +573,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      tag: keyof HTMLElementTagNameMap | (string & {});
       tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -607,10 +607,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      tag: keyof HTMLElementTagNameMap | (string & {});
       tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -644,10 +644,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tag: keyof HTMLElementTagNameMap | (string & {});
     tabindex: number | string;
     height: number | string;
     maxHeight: number | string;
+    tag: keyof HTMLElementTagNameMap | (string & {});
     distance: number;
     wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: string | string[];
@@ -685,13 +685,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
-      placement: Placement;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      content: string;
       visible: boolean | null;
+      content: string;
+      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -702,6 +701,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
@@ -736,13 +736,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
-      placement: Placement;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      content: string;
       visible: boolean | null;
+      content: string;
+      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -753,6 +752,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
@@ -792,13 +792,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    style: string | false | CSSProperties | _$vue.StyleValue[] | null;
-    placement: Placement;
     offset: number;
     teleported: boolean;
     effect: PopperEffect;
-    content: string;
     visible: boolean | null;
+    content: string;
+    style: string | false | CSSProperties | _$vue.StyleValue[] | null;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
@@ -809,6 +808,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
+    placement: Placement;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
@@ -855,7 +855,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loop: BooleanConstructor;
       dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
       orientation: {
-        readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+        readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -875,7 +875,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loop: BooleanConstructor;
       dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
       orientation: {
-        readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+        readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/components/dropdown/src/dropdown2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown2.mjs","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"['bottom', 'top']\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :placement=\"placement\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-arrow=\"showArrow\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :virtual-ref=\"virtualRef ?? triggeringElementRef\"\n      :virtual-triggering=\"virtualTriggering || splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      :append-to=\"appendTo\"\n      pure\n      focus-on-target\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n          >\n            <slot name=\"dropdown\" />\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { dropdownProps } from './dropdown'\nimport {\n  DROPDOWN_INJECTION_KEY,\n  DROPDOWN_INSTANCE_INJECTION_KEY,\n} from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    function handleClick() {\n      popperRef.value?.onClose(undefined, 0)\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') &&\n        contentEl?.focus({\n          preventScroll: true,\n        })\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      isUsingKeyboard.value = event?.type === 'keydown'\n      contentRef.value?.focus()\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n      handleClose,\n    })\n\n    provide(DROPDOWN_INSTANCE_INJECTION_KEY, {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;qBACE,mBAuFM,OAAA,EAvFA,OAAK,eAAA,CAAG,KAAA,GAAG,GAAC,EAAI,KAAA,GAAG,GAAE,YAAa,KAAA,SAAQ,CAAA,CAAA,EAAA,EAAA,CAC9C,YAwDa,uBAAA;EAvDX,KAAI;EACH,MAAM,KAAA;EACN,QAAQ,KAAA;EACR,uBAAqB,CAAA,UAAA,MAAiB;EACtC,kBAAgB,KAAA;EAChB,oBAAkB;EAClB,WAAW,KAAA;EACX,gBAAY,CAAG,KAAA,GAAG,EAAC,SAAA,EAAY,KAAA,YAAW;EAC1C,gBAAc,KAAA;EACd,SAAS,KAAA;EACT,gBAAc,KAAA;EACd,qBAAmB,KAAA;EACnB,cAAY,KAAA;EACZ,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,eAAa,KAAA,cAAc,KAAA;EAC3B,sBAAoB,KAAA,qBAAqB,KAAA;EACzC,UAAU,KAAA;EACV,YAAU,GAAK,KAAA,GAAG,UAAU,MAAK;EACjC,YAAY,KAAA;EACZ,aAAW,KAAA;EACZ,MAAA;EACA,mBAAA;EACC,YAAY,KAAA;EACZ,cAAa,KAAA;EACb,QAAM,KAAA;EACN,cAAa,KAAA;;EAEH,SAAO,cAeD,CAdf,YAce,yBAAA;GAbb,KAAI;GACH,cAAY,KAAA;GACb,KAAI;GACH,cAAY,KAAA,GAAG,EAAC,OAAA;;0BASO,CAPxB,YAOwB,kCAAA;IANrB,MAAM,KAAA;IACN,kBAAgB,KAAA;IACjB,aAAY;IACX,sBAAuB,KAAA;;2BAEA,CAAxB,WAAwB,KAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;;;MAIb,KAAA,cAAA;QAAc;oBAQb,CAPhB,YAOgB,0BAAA;GANb,IAAI,KAAA;GACL,KAAI;GACJ,MAAK;GACJ,UAAU,KAAA;;0BAEY,CAAvB,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAIb,KAAA,eAAA,WAAA,EACd,YA0BkB,4BAAA,EAAA,KAAA,GAAA,EAAA;yBAfJ,CAVZ,YAUY,sBAVZ,WAUY,EATV,KAAI,uBAAqB,EACjB,KAAA,aAAW;GAClB,MAAM,KAAA;GACN,MAAM,KAAA;GACN,UAAU,KAAA;GACV,UAAU,KAAA;GACV,SAAO,KAAA;;0BAEe,CAAvB,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;MAEzB,YAaY,sBAbZ,WAaY;GAZT,IAAI,KAAA;GACL,KAAI;KACI,KAAA,aAAW;GACnB,MAAK;GACJ,MAAM,KAAA;GACN,MAAM,KAAA;GACN,OAAO,KAAA,GAAG,EAAC,eAAA;GACX,UAAU,KAAA;GACV,UAAU,KAAA;GACV,cAAY,KAAA,EAAC,6BAAA;;0BAEyC,CAAvD,YAAuD,oBAAA,EAA7C,OAAK,eAAE,KAAA,GAAG,EAAC,OAAA,CAAA,EAAA,EAAA;2BAAwB,CAAd,YAAc,sBAAA,CAAA,CAAA"}
+{"version":3,"file":"dropdown2.mjs","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"['bottom', 'top']\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :placement=\"placement\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-arrow=\"showArrow\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :virtual-ref=\"virtualRef ?? triggeringElementRef\"\n      :virtual-triggering=\"virtualTriggering || splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      :append-to=\"appendTo\"\n      pure\n      focus-on-target\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n          >\n            <slot name=\"dropdown\" />\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { dropdownProps } from './dropdown'\nimport {\n  DROPDOWN_INJECTION_KEY,\n  DROPDOWN_INSTANCE_INJECTION_KEY,\n} from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    function handleClick() {\n      popperRef.value?.onClose(undefined, 0)\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') &&\n        contentEl?.focus({\n          preventScroll: true,\n        })\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      isUsingKeyboard.value = event?.type === 'keydown'\n      contentRef.value?.focus()\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n      handleClose,\n    })\n\n    provide(DROPDOWN_INSTANCE_INJECTION_KEY, {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;qBACE,mBAuFM,OAAA,EAvFA,OAAK,eAAA,CAAG,KAAA,GAAG,GAAC,EAAI,KAAA,GAAG,GAAE,YAAa,KAAA,SAAQ,CAAA,CAAA,EAAA,EAAA,CAC9C,YAwDa,uBAAA;EAvDX,KAAI;EACH,MAAM,KAAA;EACN,QAAQ,KAAA;EACR,uBAAqB,CAAA,UAAA,MAAA;EACrB,kBAAgB,KAAA;EAChB,oBAAkB;EAClB,WAAW,KAAA;EACX,gBAAY,CAAG,KAAA,GAAG,EAAC,SAAA,EAAY,KAAA,YAAW;EAC1C,gBAAc,KAAA;EACd,SAAS,KAAA;EACT,gBAAc,KAAA;EACd,qBAAmB,KAAA;EACnB,cAAY,KAAA;EACZ,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,eAAa,KAAA,cAAc,KAAA;EAC3B,sBAAoB,KAAA,qBAAqB,KAAA;EACzC,UAAU,KAAA;EACV,YAAU,GAAK,KAAA,GAAG,UAAU,MAAK;EACjC,YAAY,KAAA;EACZ,aAAW,KAAA;EACZ,MAAA;EACA,mBAAA;EACC,YAAY,KAAA;EACZ,cAAa,KAAA;EACb,QAAM,KAAA;EACN,cAAa,KAAA;;EAEH,SAAO,cAeD,CAdf,YAce,yBAAA;GAbb,KAAI;GACH,cAAY,KAAA;GACb,KAAI;GACH,cAAY,KAAA,GAAG,EAAC,OAAA;;0BASO,CAPxB,YAOwB,kCAAA;IANrB,MAAM,KAAA;IACN,kBAAgB,KAAA;IACjB,aAAY;IACX,sBAAuB,KAAA;;2BAEA,CAAxB,WAAwB,KAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;;;MAIb,KAAA,cAAA;QAAc;oBAQb,CAPhB,YAOgB,0BAAA;GANb,IAAI,KAAA;GACL,KAAI;GACJ,MAAK;GACJ,UAAU,KAAA;;0BAEY,CAAvB,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAIb,KAAA,eAAA,WAAA,EACd,YA0BkB,4BAAA,EAAA,KAAA,GAAA,EAAA;yBAfJ,CAVZ,YAUY,sBAVZ,WAUY,EATV,KAAI,uBAAqB,EACjB,KAAA,aAAW;GAClB,MAAM,KAAA;GACN,MAAM,KAAA;GACN,UAAU,KAAA;GACV,UAAU,KAAA;GACV,SAAO,KAAA;;0BAEe,CAAvB,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;MAEzB,YAaY,sBAbZ,WAaY;GAZT,IAAI,KAAA;GACL,KAAI;KACI,KAAA,aAAW;GACnB,MAAK;GACJ,MAAM,KAAA;GACN,MAAM,KAAA;GACN,OAAO,KAAA,GAAG,EAAC,eAAA;GACX,UAAU,KAAA;GACV,UAAU,KAAA;GACV,cAAY,KAAA,EAAC,6BAAA;;0BAEyC,CAAvD,YAAuD,oBAAA,EAA7C,OAAK,eAAE,KAAA,GAAG,EAAC,OAAA,CAAA,EAAA,EAAA;2BAAwB,CAAd,YAAc,sBAAA,CAAA,CAAA"}

package/es/components/focus-trap/src/focus-trap.vue.d.ts

@@ -31,7 +31,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, {
   loop: boolean;
   trapped: boolean;
-  focusStartEl: HTMLElement | "container" | "first";
+  focusStartEl: HTMLElement | "first" | "container";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default as default };

package/es/components/form/src/form-item.d.ts

@@ -70,7 +70,7 @@ declare const formItemProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly labelPosition: EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
+  readonly labelPosition: EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
   readonly prop: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => FormItemProp) | (((new (...args: any[]) => string | string[]) | (() => FormItemProp)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -86,7 +86,7 @@ declare const formItemProps: {
   };
   readonly error: StringConstructor;
   readonly validateStatus: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -27,7 +27,7 @@ declare const __VLS_base: _$vue.DefineComponent<FormItemProps, {
   /**
    * @description Validation state.
    */
-  validateState: _$vue.Ref<"" | "error" | "success" | "validating", "" | "error" | "success" | "validating">;
+  validateState: _$vue.Ref<"" | "success" | "error" | "validating", "" | "success" | "error" | "validating">;
   /**
    * @description Validate form item.
    */

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

@@ -98,7 +98,7 @@ declare const formProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+  readonly labelPosition: EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
   readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
   readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

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

@@ -36,14 +36,14 @@ declare const __VLS_base: _$vue.DefineComponent<ImageProps, {
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   close: () => void;
   error: (evt: Event) => void;
-  load: (evt: Event) => void;
   show: () => void;
+  load: (evt: Event) => void;
   switch: (val: number) => void;
 }, string, _$vue.PublicProps, Readonly<ImageProps> & Readonly<{
   onClose?: (() => any) | undefined;
   onError?: ((evt: Event) => any) | undefined;
-  onLoad?: ((evt: Event) => any) | undefined;
   onShow?: (() => any) | undefined;
+  onLoad?: ((evt: Event) => any) | undefined;
   onSwitch?: ((val: number) => any) | undefined;
 }>, {
   infinite: boolean;