Cheng Zhou
1 line
6.0 KiB
Plaintext
1 line
6.0 KiB
Plaintext
{"version":3,"file":"dropdown-item-impl.mjs","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\">\n <component :is=\"icon\" />\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"],"names":["ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_normalizeClass","_withModifiers","_createBlock","_createCommentVNode","_renderSlot"],"mappings":"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"} |