| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 |
- import { defineComponent, getCurrentInstance, ref, computed, unref, inject, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
- import ElRovingFocusItem from '../../roving-focus-group/src/roving-focus-item.mjs';
- import ElDropdownItemImpl from './dropdown-item-impl.mjs';
- import { useDropdown } from './useDropdown.mjs';
- import { ElCollectionItem, dropdownItemProps } from './dropdown.mjs';
- import { DROPDOWN_INJECTION_KEY } from './tokens.mjs';
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
- import { composeEventHandlers, whenMouse } from '../../../utils/dom/event.mjs';
- const _sfc_main = defineComponent({
- name: "ElDropdownItem",
- components: {
- ElDropdownCollectionItem: ElCollectionItem,
- ElRovingFocusItem,
- ElDropdownItemImpl
- },
- inheritAttrs: false,
- props: dropdownItemProps,
- emits: ["pointermove", "pointerleave", "click"],
- setup(props, { emit, attrs }) {
- const { elDropdown } = useDropdown();
- const _instance = getCurrentInstance();
- const itemRef = ref(null);
- const textContent = computed(() => {
- var _a, _b;
- return (_b = (_a = unref(itemRef)) == null ? void 0 : _a.textContent) != null ? _b : "";
- });
- const { onItemEnter, onItemLeave } = inject(DROPDOWN_INJECTION_KEY, void 0);
- const handlePointerMove = composeEventHandlers((e) => {
- emit("pointermove", e);
- return e.defaultPrevented;
- }, whenMouse((e) => {
- if (props.disabled) {
- onItemLeave(e);
- return;
- }
- const target = e.currentTarget;
- if (target === document.activeElement || target.contains(document.activeElement)) {
- return;
- }
- onItemEnter(e);
- if (!e.defaultPrevented) {
- target == null ? void 0 : target.focus({
- preventScroll: true
- });
- }
- }));
- const handlePointerLeave = composeEventHandlers((e) => {
- emit("pointerleave", e);
- return e.defaultPrevented;
- }, whenMouse(onItemLeave));
- const handleClick = composeEventHandlers((e) => {
- if (props.disabled) {
- return;
- }
- emit("click", e);
- return e.type !== "keydown" && e.defaultPrevented;
- }, (e) => {
- var _a, _b, _c;
- if (props.disabled) {
- e.stopImmediatePropagation();
- return;
- }
- if ((_a = elDropdown == null ? void 0 : elDropdown.hideOnClick) == null ? void 0 : _a.value) {
- (_b = elDropdown.handleClick) == null ? void 0 : _b.call(elDropdown);
- }
- (_c = elDropdown.commandHandler) == null ? void 0 : _c.call(elDropdown, props.command, _instance, e);
- });
- const propsAndAttrs = computed(() => ({ ...props, ...attrs }));
- return {
- handleClick,
- handlePointerMove,
- handlePointerLeave,
- textContent,
- propsAndAttrs
- };
- }
- });
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
- var _a;
- const _component_el_dropdown_item_impl = resolveComponent("el-dropdown-item-impl");
- const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
- const _component_el_dropdown_collection_item = resolveComponent("el-dropdown-collection-item");
- return openBlock(), createBlock(_component_el_dropdown_collection_item, {
- disabled: _ctx.disabled,
- "text-value": (_a = _ctx.textValue) != null ? _a : _ctx.textContent
- }, {
- default: withCtx(() => [
- createVNode(_component_el_roving_focus_item, {
- focusable: !_ctx.disabled
- }, {
- default: withCtx(() => [
- createVNode(_component_el_dropdown_item_impl, mergeProps(_ctx.propsAndAttrs, {
- onPointerleave: _ctx.handlePointerLeave,
- onPointermove: _ctx.handlePointerMove,
- onClickimpl: _ctx.handleClick
- }), {
- default: withCtx(() => [
- renderSlot(_ctx.$slots, "default")
- ]),
- _: 3
- }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
- ]),
- _: 3
- }, 8, ["focusable"])
- ]),
- _: 3
- }, 8, ["disabled", "text-value"]);
- }
- var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "dropdown-item.vue"]]);
- export { DropdownItem as default };
- //# sourceMappingURL=dropdown-item.mjs.map
|