UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 7.24 kB
{"version":3,"file":"dropdown-menu.mjs","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 @blur=\"onBlur\"\n @focus=\"onFocus\"\n @keydown.self=\"handleKeydown\"\n @mousedown.self=\"onMousedown\"\n >\n <slot />\n </ul>\n</template>\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, inject, unref } from 'vue'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport {\n ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n ROVING_FOCUS_GROUP_INJECTION_KEY,\n focusFirst,\n} from '@element-plus/components/roving-focus-group'\nimport { useNamespace } from '@element-plus/hooks'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport {\n DROPDOWN_COLLECTION_INJECTION_KEY,\n FIRST_LAST_KEYS,\n LAST_KEYS,\n dropdownMenuProps,\n} 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 { focusTrapRef, onKeydown } = inject(\n FOCUS_TRAP_INJECTION_KEY,\n undefined\n )!\n\n const { contentRef, role, triggerId } = inject(\n DROPDOWN_INJECTION_KEY,\n undefined\n )!\n\n const { collectionRef: dropdownCollectionRef, getItems } = inject(\n DROPDOWN_COLLECTION_INJECTION_KEY,\n undefined\n )!\n\n const {\n rovingFocusGroupRef,\n rovingFocusGroupRootStyle,\n tabIndex,\n onBlur,\n onFocus,\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 dropdownCollectionRef,\n focusTrapRef,\n rovingFocusGroupRef,\n rovingFocusGroupCollectionRef\n )\n\n const composedKeydown = composeEventHandlers(\n (e: KeyboardEvent) => {\n props.onKeydown?.(e)\n },\n (e) => {\n const { currentTarget, code, target } = e\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 e.stopImmediatePropagation()\n }\n\n e.preventDefault()\n\n if (target !== unref(contentRef)) return\n if (!FIRST_LAST_KEYS.includes(code)) return\n const items = getItems<{ disabled: boolean }>().filter(\n (item) => !item.disabled\n )\n const targets = items.map((item) => item.ref!)\n if (LAST_KEYS.includes(code)) {\n targets.reverse()\n }\n focusFirst(targets)\n }\n )\n\n const handleKeydown = (e: KeyboardEvent) => {\n composedKeydown(e)\n onKeydown(e)\n }\n\n return {\n size,\n rovingFocusGroupRootStyle,\n tabIndex,\n dropdownKls,\n role,\n triggerId,\n dropdownListWrapperRef,\n handleKeydown,\n onBlur,\n onFocus,\n onMousedown,\n }\n },\n})\n</script>\n"],"names":["DROPDOWN_COLLECTION_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_renderSlot"],"mappings":"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"}