element-pe 2.2.84 → 2.2.86

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.mjs","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=\"fallbackPlacements\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :manual-mode=\"true\"\n      :placement=\"placement\"\n      :offset=\"offset\"\n      :show-arrow=\"showArrow\"\n      :popper-class=\"[ns.e('popper'), popperClass]\"\n      :reference-element=\"referenceElementRef?.$el\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :stop-popper-mouse-event=\"false\"\n      :virtual-ref=\"triggeringElementRef\"\n      :virtual-triggering=\"splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      pure\n      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            @entry-focus=\"handleEntryFocus\"\n          >\n            <el-dropdown-collection>\n              <slot name=\"dropdown\" />\n            </el-dropdown-collection>\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<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\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 { EVENT_CODE } from '@element-plus/constants'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { watch } from '../../config-provider'\nimport { ElCollection as ElDropdownCollection, dropdownProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\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    ElDropdownCollection,\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<InstanceType<typeof ElTooltip> | null>(null)\n    const contentRef = ref<HTMLElement | null>(null)\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n    const triggerKeys = [EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.down]\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>(() => {\n      return props.id || defaultTriggerId\n    })\n\n    // The goal of this code is to focus on the tooltip triggering element when it is hovered.\n    // This is a temporary fix for where closing the dropdown through pointerleave event focuses on a\n    // completely different element. For a permanent solution, remove all calls to any \"element.focus()\"\n    // that are triggered through pointer enter/leave events.\n    watch(\n      [triggeringElementRef, trigger],\n      ([triggeringElement, trigger], [prevTriggeringElement]) => {\n        if (prevTriggeringElement?.$el?.removeEventListener) {\n          prevTriggeringElement.$el.removeEventListener(\n            'pointerenter',\n            onAutofocusTriggerEnter\n          )\n        }\n        if (triggeringElement?.$el?.removeEventListener) {\n          triggeringElement.$el.removeEventListener(\n            'pointerenter',\n            onAutofocusTriggerEnter\n          )\n        }\n        if (\n          triggeringElement?.$el?.addEventListener &&\n          trigger.includes('hover')\n        ) {\n          triggeringElement.$el.addEventListener(\n            'pointerenter',\n            onAutofocusTriggerEnter\n          )\n        }\n      },\n      { immediate: true }\n    )\n\n    onBeforeUnmount(() => {\n      if (triggeringElementRef.value?.$el?.removeEventListener) {\n        triggeringElementRef.value.$el.removeEventListener(\n          'pointerenter',\n          onAutofocusTriggerEnter\n        )\n      }\n    })\n\n    function handleClick() {\n      handleClose()\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 onAutofocusTriggerEnter() {\n      triggeringElementRef.value?.$el?.focus()\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') && contentEl?.focus()\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleEntryFocus(e: Event) {\n      if (!isUsingKeyboard.value) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n      }\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      if (event?.type === 'keydown') {\n        contentRef.value.focus()\n      }\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    })\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const onFocusAfterTrapped = (e: Event) => {\n      e.preventDefault()\n      contentRef.value?.focus?.({\n        preventScroll: true,\n      })\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      triggerKeys,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleEntryFocus,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      onFocusAfterTrapped,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"names":["ElDropdownCollection","ElOnlyChild","ensureArray","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_createSlots","_withCtx","_renderSlot","_createBlock","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"dropdown.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown.ts"],"sourcesContent":["// @ts-nocheck\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\nimport type { ComponentInternalInstance, ComputedRef, PropType } from 'vue'\n\nimport type { Options } from '@popperjs/core'\nimport type { ButtonProps, ButtonType } from '@element-plus/components/button'\nimport type { Placement } from '@element-plus/components/popper'\nimport type { Nullable } from '@element-plus/utils'\n\nexport interface IElDropdownInstance {\n  instance?: ComponentInternalInstance\n  dropdownSize?: ComputedRef<string>\n  handleClick?: () => void\n  commandHandler?: (...arg) => void\n  show?: () => void\n  hide?: () => void\n  trigger?: ComputedRef<string>\n  hideOnClick?: ComputedRef<boolean>\n  triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>\n}\n\nexport const dropdownProps = buildProps({\n  trigger: useTooltipTriggerProps.trigger,\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  type: {\n    type: definePropType<ButtonType>(String),\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    default: 'bottom',\n  },\n  fallbackPlacements: {\n    type: Array as PropType<string[]>,\n    default: () => ['bottom', 'top', 'right', 'left'],\n  },\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  id: String,\n  size: {\n    type: String,\n    default: '',\n  },\n  splitButton: Boolean,\n  hideOnClick: {\n    type: Boolean,\n    default: true,\n  },\n  loop: {\n    type: Boolean,\n    default: true,\n  },\n  showTimeout: {\n    type: Number,\n    default: 150,\n  },\n  hideTimeout: {\n    type: Number,\n    default: 150,\n  },\n  tabindex: {\n    type: definePropType<number | string>([Number, String]),\n    default: 0,\n  },\n  maxHeight: {\n    type: definePropType<number | string>([Number, String]),\n    default: '',\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  role: {\n    type: String,\n    default: 'menu',\n  },\n  buttonProps: {\n    type: definePropType<ButtonProps>(Object),\n  },\n  teleported: useTooltipContentProps.teleported,\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const dropdownItemProps = buildProps({\n  command: {\n    type: [Object, String, Number],\n    default: () => ({}),\n  },\n  disabled: Boolean,\n  divided: Boolean,\n  textValue: String,\n  icon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const dropdownMenuProps = buildProps({\n  onKeydown: { type: definePropType<(e: KeyboardEvent) => void>(Function) },\n})\n\nexport const FIRST_KEYS = [\n  EVENT_CODE.down,\n  EVENT_CODE.pageDown,\n  EVENT_CODE.home,\n]\n\nexport const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end]\n\nexport const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS]\n\nconst {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('Dropdown')\n\nexport {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n}\n"],"names":[],"mappings":"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"}

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

@@ -2443,7 +2443,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly popperOptions: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
                     readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }, {
-                    emit: ((event: "close") => void) & ((event: "focus") => void) & ((event: "blur") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void);
+                    emit: ((event: "blur") => void) & ((event: "close") => void) & ((event: "focus") => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
                     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                         readonly id: StringConstructor;
                         readonly style: {
@@ -2693,10 +2693,10 @@ declare const _default: import("vue").DefineComponent<{
                         readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                     }>> & {
                         onClose?: (() => any) | undefined;
-                        onFocus?: (() => any) | undefined;
                         onBlur?: (() => any) | undefined;
-                        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                        onFocus?: (() => any) | undefined;
                         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     }>>;
                     focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
                     trapped: import("vue").Ref<boolean>;
@@ -2765,7 +2765,7 @@ declare const _default: import("vue").DefineComponent<{
                         };
                     }, {
                         onKeydown: (e: KeyboardEvent) => void;
-                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                         loop: BooleanConstructor;
                         trapped: BooleanConstructor;
                         focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -3040,10 +3040,10 @@ declare const _default: import("vue").DefineComponent<{
                     readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }>> & {
                     onClose?: (() => any) | undefined;
-                    onFocus?: (() => any) | undefined;
                     onBlur?: (() => any) | undefined;
-                    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                    onFocus?: (() => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 }, {
                     readonly offset: number;
                     readonly effect: string;
@@ -5397,7 +5397,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly popperOptions: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
                 readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
             }, {
-                emit: ((event: "close") => void) & ((event: "focus") => void) & ((event: "blur") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void);
+                emit: ((event: "blur") => void) & ((event: "close") => void) & ((event: "focus") => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly id: StringConstructor;
                     readonly style: {
@@ -5647,10 +5647,10 @@ declare const _default: import("vue").DefineComponent<{
                     readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }>> & {
                     onClose?: (() => any) | undefined;
-                    onFocus?: (() => any) | undefined;
                     onBlur?: (() => any) | undefined;
-                    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                    onFocus?: (() => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 }>>;
                 focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
                 trapped: import("vue").Ref<boolean>;
@@ -5719,7 +5719,7 @@ declare const _default: import("vue").DefineComponent<{
                     };
                 }, {
                     onKeydown: (e: KeyboardEvent) => void;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                     loop: BooleanConstructor;
                     trapped: BooleanConstructor;
                     focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -5994,10 +5994,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly strategy: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
             }>> & {
                 onClose?: (() => any) | undefined;
-                onFocus?: (() => any) | undefined;
                 onBlur?: (() => any) | undefined;
-                onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                onFocus?: (() => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             }, {
                 readonly offset: number;
                 readonly effect: string;

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

@@ -1,118 +1,319 @@
+import { defineComponent, getCurrentInstance, ref, computed, onBeforeUnmount, unref, provide, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, withCtx, renderSlot, createBlock, mergeProps, createCommentVNode } from 'vue';
+import { ElButton } from '../../button/index.mjs';
+import { ElTooltip } from '../../tooltip/index.mjs';
+import { ElScrollbar } from '../../scrollbar/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../roving-focus-group/index.mjs';
+import '../../slot/index.mjs';
+import '../../form/index.mjs';
 import '../../../utils/index.mjs';
+import { ArrowDown } from '@element-plus/icons-vue';
 import '../../../constants/index.mjs';
-import '../../collection/index.mjs';
-import '../../tooltip/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { useTooltipTriggerProps } from '../../tooltip/src/trigger.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/content2.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import '../../../hooks/index.mjs';
+import '../../config-provider/index.mjs';
+import { ElCollection, dropdownProps } from './dropdown.mjs';
+import { DROPDOWN_INJECTION_KEY } from './tokens.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import ElRovingFocusGroup from '../../roving-focus-group/src/roving-focus-group2.mjs';
+import { OnlyChild } from '../../slot/src/only-child.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { EVENT_CODE } from '../../../constants/aria.mjs';
-import { createCollectionWithScope } from '../../collection/src/collection2.mjs';
+import { addUnit } from '../../../utils/dom/style.mjs';
+import { castArray } from 'lodash-unified';
+import { useId } from '../../../hooks/use-id/index.mjs';
+import { watch } from '../../config-provider/src/for-editor.mjs';
+import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
 
-const dropdownProps = buildProps({
-  trigger: useTooltipTriggerProps.trigger,
-  effect: {
-    ...useTooltipContentProps.effect,
-    default: "light"
+const { ButtonGroup: ElButtonGroup } = ElButton;
+const _sfc_main = defineComponent({
+  name: "ElDropdown",
+  components: {
+    ElButton,
+    ElButtonGroup,
+    ElScrollbar,
+    ElDropdownCollection: ElCollection,
+    ElTooltip,
+    ElRovingFocusGroup,
+    ElOnlyChild: OnlyChild,
+    ElIcon,
+    ArrowDown
   },
-  type: {
-    type: definePropType(String)
-  },
-  placement: {
-    type: definePropType(String),
-    default: "bottom"
-  },
-  fallbackPlacements: {
-    type: Array,
-    default: () => ["bottom", "top", "right", "left"]
-  },
-  popperOptions: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  id: String,
-  size: {
-    type: String,
-    default: ""
-  },
-  splitButton: Boolean,
-  hideOnClick: {
-    type: Boolean,
-    default: true
-  },
-  loop: {
-    type: Boolean,
-    default: true
-  },
-  showTimeout: {
-    type: Number,
-    default: 150
-  },
-  hideTimeout: {
-    type: Number,
-    default: 150
-  },
-  tabindex: {
-    type: definePropType([Number, String]),
-    default: 0
-  },
-  maxHeight: {
-    type: definePropType([Number, String]),
-    default: ""
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  role: {
-    type: String,
-    default: "menu"
-  },
-  buttonProps: {
-    type: definePropType(Object)
-  },
-  teleported: useTooltipContentProps.teleported,
-  offset: {
-    type: Number,
-    default: 0
-  },
-  showArrow: {
-    type: Boolean,
-    default: true
+  props: dropdownProps,
+  emits: ["visible-change", "click", "command"],
+  setup(props, { emit }) {
+    const _instance = getCurrentInstance();
+    const ns = useNamespace("dropdown");
+    const { t } = useLocale();
+    const triggeringElementRef = ref();
+    const referenceElementRef = ref();
+    const popperRef = ref(null);
+    const contentRef = ref(null);
+    const scrollbar = ref(null);
+    const currentTabId = ref(null);
+    const isUsingKeyboard = ref(false);
+    const triggerKeys = [EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.down];
+    const wrapStyle = computed(() => ({
+      maxHeight: addUnit(props.maxHeight)
+    }));
+    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)]);
+    const trigger = computed(() => castArray(props.trigger));
+    const defaultTriggerId = useId().value;
+    const triggerId = computed(() => {
+      return props.id || defaultTriggerId;
+    });
+    watch([triggeringElementRef, trigger], ([triggeringElement, trigger2], [prevTriggeringElement]) => {
+      var _a, _b, _c;
+      if ((_a = prevTriggeringElement == null ? void 0 : prevTriggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
+        prevTriggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+      if ((_b = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _b.removeEventListener) {
+        triggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+      if (((_c = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _c.addEventListener) && trigger2.includes("hover")) {
+        triggeringElement.$el.addEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+    }, { immediate: true });
+    onBeforeUnmount(() => {
+      var _a, _b;
+      if ((_b = (_a = triggeringElementRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.removeEventListener) {
+        triggeringElementRef.value.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+    });
+    function handleClick() {
+      handleClose();
+    }
+    function handleClose() {
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onClose();
+    }
+    function handleOpen() {
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onOpen();
+    }
+    const dropdownSize = useFormSize();
+    function commandHandler(...args) {
+      emit("command", ...args);
+    }
+    function onAutofocusTriggerEnter() {
+      var _a, _b;
+      (_b = (_a = triggeringElementRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.focus();
+    }
+    function onItemEnter() {
+    }
+    function onItemLeave() {
+      const contentEl = unref(contentRef);
+      trigger.value.includes("hover") && (contentEl == null ? void 0 : contentEl.focus());
+      currentTabId.value = null;
+    }
+    function handleCurrentTabIdChange(id) {
+      currentTabId.value = id;
+    }
+    function handleEntryFocus(e) {
+      if (!isUsingKeyboard.value) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+      }
+    }
+    function handleBeforeShowTooltip() {
+      emit("visible-change", true);
+    }
+    function handleShowTooltip(event) {
+      if ((event == null ? void 0 : event.type) === "keydown") {
+        contentRef.value.focus();
+      }
+    }
+    function handleBeforeHideTooltip() {
+      emit("visible-change", false);
+    }
+    provide(DROPDOWN_INJECTION_KEY, {
+      contentRef,
+      role: computed(() => props.role),
+      triggerId,
+      isUsingKeyboard,
+      onItemEnter,
+      onItemLeave
+    });
+    provide("elDropdown", {
+      instance: _instance,
+      dropdownSize,
+      handleClick,
+      commandHandler,
+      trigger: toRef(props, "trigger"),
+      hideOnClick: toRef(props, "hideOnClick")
+    });
+    const onFocusAfterTrapped = (e) => {
+      var _a, _b;
+      e.preventDefault();
+      (_b = (_a = contentRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a, {
+        preventScroll: true
+      });
+    };
+    const handlerMainButtonClick = (event) => {
+      emit("click", event);
+    };
+    return {
+      t,
+      ns,
+      scrollbar,
+      wrapStyle,
+      dropdownTriggerKls,
+      dropdownSize,
+      triggerId,
+      triggerKeys,
+      currentTabId,
+      handleCurrentTabIdChange,
+      handlerMainButtonClick,
+      handleEntryFocus,
+      handleClose,
+      handleOpen,
+      handleBeforeShowTooltip,
+      handleShowTooltip,
+      handleBeforeHideTooltip,
+      onFocusAfterTrapped,
+      popperRef,
+      contentRef,
+      triggeringElementRef,
+      referenceElementRef
+    };
   }
 });
-const dropdownItemProps = buildProps({
-  command: {
-    type: [Object, String, Number],
-    default: () => ({})
-  },
-  disabled: Boolean,
-  divided: Boolean,
-  textValue: String,
-  icon: {
-    type: iconPropType
-  }
-});
-const dropdownMenuProps = buildProps({
-  onKeydown: { type: definePropType(Function) }
-});
-const FIRST_KEYS = [
-  EVENT_CODE.down,
-  EVENT_CODE.pageDown,
-  EVENT_CODE.home
-];
-const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end];
-const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
-const {
-  ElCollection,
-  ElCollectionItem,
-  COLLECTION_INJECTION_KEY,
-  COLLECTION_ITEM_INJECTION_KEY
-} = createCollectionWithScope("Dropdown");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
+  const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
+  const _component_el_only_child = resolveComponent("el-only-child");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_arrow_down = resolveComponent("arrow-down");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_button_group = resolveComponent("el-button-group");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("disabled", _ctx.disabled)])
+  }, [
+    createVNode(_component_el_tooltip, {
+      ref: "popperRef",
+      role: _ctx.role,
+      effect: _ctx.effect,
+      "fallback-placements": _ctx.fallbackPlacements,
+      "popper-options": _ctx.popperOptions,
+      "gpu-acceleration": false,
+      "hide-after": _ctx.trigger === "hover" ? _ctx.hideTimeout : 0,
+      "manual-mode": true,
+      placement: _ctx.placement,
+      offset: _ctx.offset,
+      "show-arrow": _ctx.showArrow,
+      "popper-class": [_ctx.ns.e("popper"), _ctx.popperClass],
+      "reference-element": (_a = _ctx.referenceElementRef) == null ? void 0 : _a.$el,
+      trigger: _ctx.trigger,
+      "trigger-keys": _ctx.triggerKeys,
+      "trigger-target-el": _ctx.contentRef,
+      "show-after": _ctx.trigger === "hover" ? _ctx.showTimeout : 0,
+      "stop-popper-mouse-event": false,
+      "virtual-ref": _ctx.triggeringElementRef,
+      "virtual-triggering": _ctx.splitButton,
+      disabled: _ctx.disabled,
+      transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
+      teleported: _ctx.teleported,
+      pure: "",
+      persistent: "",
+      onBeforeShow: _ctx.handleBeforeShowTooltip,
+      onShow: _ctx.handleShowTooltip,
+      onBeforeHide: _ctx.handleBeforeHideTooltip
+    }, createSlots({
+      content: withCtx(() => [
+        createVNode(_component_el_scrollbar, {
+          ref: "scrollbar",
+          "wrap-style": _ctx.wrapStyle,
+          tag: "div",
+          "view-class": _ctx.ns.e("list")
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_roving_focus_group, {
+              loop: _ctx.loop,
+              "current-tab-id": _ctx.currentTabId,
+              orientation: "horizontal",
+              onCurrentTabIdChange: _ctx.handleCurrentTabIdChange,
+              onEntryFocus: _ctx.handleEntryFocus
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_dropdown_collection, null, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "dropdown")
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            }, 8, ["loop", "current-tab-id", "onCurrentTabIdChange", "onEntryFocus"])
+          ]),
+          _: 3
+        }, 8, ["wrap-style", "view-class"])
+      ]),
+      _: 2
+    }, [
+      !_ctx.splitButton ? {
+        name: "default",
+        fn: withCtx(() => [
+          createVNode(_component_el_only_child, {
+            id: _ctx.triggerId,
+            ref: "triggeringElementRef",
+            role: "button",
+            tabindex: _ctx.tabindex
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["id", "tabindex"])
+        ])
+      } : void 0
+    ]), 1032, ["role", "effect", "fallback-placements", "popper-options", "hide-after", "placement", "offset", "show-arrow", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
+    _ctx.splitButton ? (openBlock(), createBlock(_component_el_button_group, { key: 0 }, {
+      default: withCtx(() => [
+        createVNode(_component_el_button, mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
+          size: _ctx.dropdownSize,
+          type: _ctx.type,
+          disabled: _ctx.disabled,
+          tabindex: _ctx.tabindex,
+          onClick: _ctx.handlerMainButtonClick
+        }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["size", "type", "disabled", "tabindex", "onClick"]),
+        createVNode(_component_el_button, mergeProps({
+          id: _ctx.triggerId,
+          ref: "triggeringElementRef"
+        }, _ctx.buttonProps, {
+          role: "button",
+          size: _ctx.dropdownSize,
+          type: _ctx.type,
+          class: _ctx.ns.e("caret-button"),
+          disabled: _ctx.disabled,
+          tabindex: _ctx.tabindex,
+          "aria-label": _ctx.t("el.dropdown.toggleDropdown")
+        }), {
+          default: withCtx(() => [
+            createVNode(_component_el_icon, {
+              class: normalizeClass(_ctx.ns.e("icon"))
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_arrow_down)
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }, 16, ["id", "size", "type", "class", "disabled", "tabindex", "aria-label"])
+      ]),
+      _: 3
+    })) : createCommentVNode("v-if", true)
+  ], 2);
+}
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\dropdown\\src\\dropdown.vue"]]);
 
-export { COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps };
+export { Dropdown as default };
 //# sourceMappingURL=dropdown2.mjs.map