@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/es/components/divider/src/divider.vue_vue_type_template_id_6ddd3543_lang.mjs

@@ -1,18 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.direction)]),
-    style: normalizeStyle(_ctx.dividerStyle)
-  }, [
-    _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass([_ctx.ns.e("text"), _ctx.ns.is(_ctx.contentPosition)])
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 2)) : createCommentVNode("v-if", true)
-  ], 6);
-}
-
-export { render };
-//# sourceMappingURL=divider.vue_vue_type_template_id_6ddd3543_lang.mjs.map

package/es/components/divider/src/divider.vue_vue_type_template_id_6ddd3543_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.vue_vue_type_template_id_6ddd3543_lang.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue?vue&type=template&id=6ddd3543&lang.js"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(direction)]\" :style=\"dividerStyle\">\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport { dividerProps } from './divider'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElDivider',\n  props: dividerProps,\n\n  setup(props) {\n    const ns = useNamespace('divider')\n\n    const dividerStyle = computed(() => {\n      return {\n        '--el-border-style': props.borderStyle,\n      } as CSSProperties\n    })\n\n    return {\n      ns,\n      dividerStyle,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;IACQ,KAAK;;;;;;wCAGI;;;;;;;"}

package/es/components/drawer/src/drawer.vue_vue_type_script_lang.mjs

@@ -1,37 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import { Close } from '@element-plus/icons-vue';
-import { ElOverlay } from '../../overlay/index.mjs';
-import '../../dialog/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../directives/index.mjs';
-import { drawerProps, drawerEmits } from './drawer.mjs';
-import TrapFocus from '../../../directives/trap-focus/index.mjs';
-import { useDialog } from '../../dialog/src/use-dialog.mjs';
-
-var script = defineComponent({
-  name: "ElDrawer",
-  components: {
-    ElOverlay,
-    ElIcon,
-    Close
-  },
-  directives: {
-    TrapFocus
-  },
-  props: drawerProps,
-  emits: drawerEmits,
-  setup(props, ctx) {
-    const drawerRef = ref();
-    const isHorizontal = computed(() => props.direction === "rtl" || props.direction === "ltr");
-    const drawerSize = computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
-    return {
-      ...useDialog(props, ctx, drawerRef),
-      drawerRef,
-      isHorizontal,
-      drawerSize
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=drawer.vue_vue_type_script_lang.mjs.map

package/es/components/drawer/src/drawer.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"el-drawer-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <div\n          ref=\"drawerRef\"\n          v-trap-focus\n          aria-modal=\"true\"\n          aria-labelledby=\"el-drawer__title\"\n          :aria-label=\"title\"\n          :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header\n            v-if=\"withHeader\"\n            id=\"el-drawer__title\"\n            class=\"el-drawer__header\"\n          >\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              class=\"el-drawer__close-btn\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon class=\"el-drawer__close\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section class=\"el-drawer__body\">\n              <slot></slot>\n            </section>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-drawer__footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: drawerProps,\n  emits: drawerEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>()\n\n    const isHorizontal = computed(\n      () => props.direction === 'rtl' || props.direction === 'ltr'\n    )\n    const drawerSize = computed(() =>\n      typeof props.size === 'number' ? `${props.size}px` : props.size\n    )\n\n    return {\n      ...useDialog(props, ctx, drawerRef),\n      drawerRef,\n      isHorizontal,\n      drawerSize,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AAqEA,aAAe,eAAe,CAAC;AAC/B,EAAE,gBAAgB;;AAElB,IAAI,SAAS;IACT,MAAM;IACN,KAAK;;;IAGL;GACD;EACD,KAAK,EAAE;OACF,EAAE;EACP;IACE,MAAM,SAAS;IACf,MAAM;;IAEN,OAAO;MACL,YAAY,MAAM,EAAE,GAAG,EAAE;;MAEzB,YAAY;MACZ,UAAU;;;;;;;"}

package/es/components/drawer/src/drawer.vue_vue_type_template_id_e0557736_lang.mjs

@@ -1,96 +0,0 @@
-import { resolveComponent, resolveDirective, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementBlock, normalizeClass, normalizeStyle, withModifiers, renderSlot, createElementVNode, toDisplayString, createCommentVNode, vShow } from 'vue';
-
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = {
-  key: 0,
-  id: "el-drawer__title",
-  class: "el-drawer__header"
-};
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = {
-  key: 1,
-  class: "el-drawer__body"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "el-drawer__footer"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_close = resolveComponent("close");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_overlay = resolveComponent("el-overlay");
-  const _directive_trap_focus = resolveDirective("trap-focus");
-  return openBlock(), createBlock(Teleport, {
-    to: "body",
-    disabled: !_ctx.appendToBody
-  }, [
-    createVNode(Transition, {
-      name: "el-drawer-fade",
-      onAfterEnter: _ctx.afterEnter,
-      onAfterLeave: _ctx.afterLeave,
-      onBeforeLeave: _ctx.beforeLeave
-    }, {
-      default: withCtx(() => [
-        withDirectives(createVNode(_component_el_overlay, {
-          mask: _ctx.modal,
-          "overlay-class": _ctx.modalClass,
-          "z-index": _ctx.zIndex,
-          onClick: _ctx.onModalClick
-        }, {
-          default: withCtx(() => [
-            withDirectives((openBlock(), createElementBlock("div", {
-              ref: "drawerRef",
-              "aria-modal": "true",
-              "aria-labelledby": "el-drawer__title",
-              "aria-label": _ctx.title,
-              class: normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-              style: normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-              role: "dialog",
-              onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              _ctx.withHeader ? (openBlock(), createElementBlock("header", _hoisted_2, [
-                renderSlot(_ctx.$slots, "title", {}, () => [
-                  createElementVNode("span", {
-                    role: "heading",
-                    title: _ctx.title
-                  }, toDisplayString(_ctx.title), 9, _hoisted_3)
-                ]),
-                _ctx.showClose ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  "aria-label": "close " + (_ctx.title || "drawer"),
-                  class: "el-drawer__close-btn",
-                  type: "button",
-                  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-                }, [
-                  createVNode(_component_el_icon, { class: "el-drawer__close" }, {
-                    default: withCtx(() => [
-                      createVNode(_component_close)
-                    ]),
-                    _: 1
-                  })
-                ], 8, _hoisted_4)) : createCommentVNode("v-if", true)
-              ])) : createCommentVNode("v-if", true),
-              _ctx.rendered ? (openBlock(), createElementBlock("section", _hoisted_5, [
-                renderSlot(_ctx.$slots, "default")
-              ])) : createCommentVNode("v-if", true),
-              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                renderSlot(_ctx.$slots, "footer")
-              ])) : createCommentVNode("v-if", true)
-            ], 14, _hoisted_1)), [
-              [_directive_trap_focus]
-            ])
-          ]),
-          _: 3
-        }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-          [vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-  ], 8, ["disabled"]);
-}
-
-export { render };
-//# sourceMappingURL=drawer.vue_vue_type_template_id_e0557736_lang.mjs.map

package/es/components/drawer/src/drawer.vue_vue_type_template_id_e0557736_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.vue_vue_type_template_id_e0557736_lang.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue?vue&type=template&id=e0557736&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"el-drawer-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <div\n          ref=\"drawerRef\"\n          v-trap-focus\n          aria-modal=\"true\"\n          aria-labelledby=\"el-drawer__title\"\n          :aria-label=\"title\"\n          :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header\n            v-if=\"withHeader\"\n            id=\"el-drawer__title\"\n            class=\"el-drawer__header\"\n          >\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              class=\"el-drawer__close-btn\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon class=\"el-drawer__close\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section class=\"el-drawer__body\">\n              <slot></slot>\n            </section>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-drawer__footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: drawerProps,\n  emits: drawerEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>()\n\n    const isHorizontal = computed(\n      () => props.direction === 'rtl' || props.direction === 'ltr'\n    )\n    const drawerSize = computed(() =>\n      typeof props.size === 'number' ? `${props.size}px` : props.size\n    )\n\n    return {\n      ...useDialog(props, ctx, drawerRef),\n      drawerRef,\n      isHorizontal,\n      drawerSize,\n    }\n  },\n})\n</script>\n"],"names":["_createVNode","_withCtx"],"mappings":";;;;;;EA8BY;EACA;;;;;;EAkBS;;;;EAIe;;;;;;;;;;IApDxBA;YAAmB;;;MAEzB;;MAEC;mCACyB;;;;UAIvB;;UAEA,SAAOC;;;4BAGR;;cACE;cAEA;cACA;cACC,cAAY;cACZ;;;;;;;;;;;wBAaS;;;;mCAKS;;;qCACJ;;;;;;6CAKuB;0CAAS;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,53 +0,0 @@
-import { defineComponent, inject } from 'vue';
-import '../../roving-focus-group/index.mjs';
-import '../../collection/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { EVENT_CODE } from '../../../utils/aria.mjs';
-import { composeRefs, composeEventHandlers } from '../../../utils/dom.mjs';
-import { dropdownItemProps, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as COLLECTION_ITEM_INJECTION_KEY } from './dropdown.mjs';
-import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as COLLECTION_ITEM_INJECTION_KEY$1 } from '../../roving-focus-group/src/roving-focus-group.mjs';
-import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from '../../roving-focus-group/src/tokens.mjs';
-import { COLLECTION_ITEM_SIGN } from '../../collection/src/collection.mjs';
-
-var script = defineComponent({
-  name: "DropdownItemImpl",
-  components: {
-    ElIcon
-  },
-  props: dropdownItemProps,
-  emits: ["pointermove", "pointerleave", "click"],
-  setup(_, { emit }) {
-    const { collectionItemRef: dropdownCollectionItemRef } = inject(COLLECTION_ITEM_INJECTION_KEY, void 0);
-    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(COLLECTION_ITEM_INJECTION_KEY$1, void 0);
-    const {
-      rovingFocusGroupItemRef,
-      tabIndex,
-      handleFocus,
-      handleKeydown: handleItemKeydown,
-      handleMousedown
-    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, void 0);
-    const itemRef = composeRefs(dropdownCollectionItemRef, rovingFocusCollectionItemRef, rovingFocusGroupItemRef);
-    const handleKeydown = composeEventHandlers((e) => {
-      const { code } = e;
-      if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {
-        e.preventDefault();
-        e.stopImmediatePropagation();
-        emit("click", e);
-        return true;
-      }
-    }, handleItemKeydown);
-    return {
-      itemRef,
-      dataset: {
-        [COLLECTION_ITEM_SIGN]: ""
-      },
-      tabIndex,
-      handleFocus,
-      handleKeydown,
-      handleMousedown
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=dropdown-item-impl.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-item-impl.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <div v-if=\"divided\" class=\"el-dropdown-menu__item--divided\"></div>\n  <div\n    :ref=\"itemRef\"\n    v-bind=\"dataset\"\n    :aria-disabled=\"disabled\"\n    :class=\"{\n      'el-dropdown-menu__item': true,\n      'is-disabled': disabled,\n    }\"\n    :tabindex=\"tabIndex\"\n    role=\"menuitem\"\n    @click=\"(e) => $emit('click', e)\"\n    @focus=\"handleFocus\"\n    @keydown=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { 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 { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils/dom'\nimport {\n  DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n  dropdownItemProps,\n} from './dropdown'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(_, { emit }) {\n    const { collectionItemRef: dropdownCollectionItemRef } = inject(\n      DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n      undefined\n    )!\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      dropdownCollectionItemRef,\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const { code } = e\n      if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('click', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAqCA,aAAe;;AAEf,EAAE,UAAU;IACR,MAAM;GACP;OACI,EAAE;EACP;EACA,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;IACjB,MAAM,EAAE,iBAAiB,EAAE;IAC3B;IACA,MAAM;MACJ,uBAAuB;MACvB,QAAQ;;;MAGR,eAAe;QACb,MAAM,CAAC;UACL;IACN;;MAEE,IAAI;QACF,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC;QACF,IAAI,CAAC;QACL,OAAO,IAAI;OACZ;wBACiB,CAAC,CAAC;;MAEpB,OAAO;MACP,OAAO,EAAE;QACP,CAAC,oBAAoB,GAAG,EAAE;OAC3B;;;MAGD,aAAa;MACb,eAAe;MACf;;;;;;"}

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

@@ -1,39 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, mergeProps, createBlock, withCtx, resolveDynamicComponent, renderSlot } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "el-dropdown-menu__item--divided"
-};
-const _hoisted_2 = ["aria-disabled", "tabindex"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.divided ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("v-if", true),
-    createElementVNode("div", mergeProps({ ref: _ctx.itemRef }, _ctx.dataset, {
-      "aria-disabled": _ctx.disabled,
-      class: {
-        "el-dropdown-menu__item": true,
-        "is-disabled": _ctx.disabled
-      },
-      tabindex: _ctx.tabIndex,
-      role: "menuitem",
-      onClick: _cache[0] || (_cache[0] = (e) => _ctx.$emit("click", e)),
-      onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-      onKeydown: _cache[2] || (_cache[2] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args)),
-      onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
-      onPointermove: _cache[4] || (_cache[4] = (e) => _ctx.$emit("pointermove", e)),
-      onPointerleave: _cache[5] || (_cache[5] = (e) => _ctx.$emit("pointerleave", e))
-    }), [
-      _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-        ]),
-        _: 1
-      })) : createCommentVNode("v-if", true),
-      renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_2)
-  ], 64);
-}
-
-export { render };
-//# sourceMappingURL=dropdown-item-impl.vue_vue_type_template_id_6daab4f2_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-item-impl.vue_vue_type_template_id_6daab4f2_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue?vue&type=template&id=6daab4f2&lang.js"],"sourcesContent":["<template>\n  <div v-if=\"divided\" class=\"el-dropdown-menu__item--divided\"></div>\n  <div\n    :ref=\"itemRef\"\n    v-bind=\"dataset\"\n    :aria-disabled=\"disabled\"\n    :class=\"{\n      'el-dropdown-menu__item': true,\n      'is-disabled': disabled,\n    }\"\n    :tabindex=\"tabIndex\"\n    role=\"menuitem\"\n    @click=\"(e) => $emit('click', e)\"\n    @focus=\"handleFocus\"\n    @keydown=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { 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 { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils/dom'\nimport {\n  DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n  dropdownItemProps,\n} from './dropdown'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(_, { emit }) {\n    const { collectionItemRef: dropdownCollectionItemRef } = inject(\n      DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n      undefined\n    )!\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      dropdownCollectionItemRef,\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const { code } = e\n      if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('click', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["_withCtx"],"mappings":";;;;;EACsB;;;;;;;;;;;;MAIjB,eAAa;MACb;;;;MAIA;MACD;MACC,oCAAQ,CAAC,KAAK;MACd;MACA,SAAO;iBACEA;;;;OAIK;;;;;;;;"}

package/es/components/dropdown/src/dropdown-item.vue_vue_type_script_lang.mjs

@@ -1,74 +0,0 @@
-import { defineComponent, getCurrentInstance, ref, computed, unref, inject } from 'vue';
-import '../../roving-focus-group/index.mjs';
-import { composeEventHandlers, whenMouse } from '../../../utils/dom.mjs';
-import './dropdown-item-impl.mjs';
-import { useDropdown } from './useDropdown.mjs';
-import { ElCollectionItem, dropdownItemProps } from './dropdown.mjs';
-import { DROPDOWN_INJECTION_KEY } from './tokens.mjs';
-import script$1 from '../../roving-focus-group/src/roving-focus-item.vue_vue_type_script_lang.mjs';
-import script$2 from './dropdown-item-impl.vue_vue_type_script_lang.mjs';
-
-var script = defineComponent({
-  name: "ElDropdownItem",
-  components: {
-    ElDropdownCollectionItem: ElCollectionItem,
-    ElRovingFocusItem: script$1,
-    ElDropdownItemImpl: script$2
-  },
-  props: dropdownItemProps,
-  emits: ["pointermove", "pointerleave", "click"],
-  setup(props, { emit }) {
-    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) => {
-      var _a;
-      if (props.disabled) {
-        onItemLeave(e);
-      } else {
-        onItemEnter(e);
-        if (!e.defaultPrevented) {
-          ;
-          (_a = e.currentTarget) == null ? void 0 : _a.focus();
-        }
-      }
-    }));
-    const handlePointerLeave = composeEventHandlers((e) => {
-      emit("pointerleave", e);
-      return e.defaultPrevented;
-    }, whenMouse((e) => {
-      onItemLeave(e);
-    }));
-    const handleClick = composeEventHandlers((e) => {
-      emit("click", e);
-      return 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);
-    });
-    return {
-      handleClick,
-      handlePointerMove,
-      handlePointerLeave,
-      textContent
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=dropdown-item.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-dropdown-collection-item\n    :disabled=\"disabled\"\n    :text-value=\"textValue ?? textContent\"\n  >\n    <el-roving-focus-item :focusable=\"!disabled\">\n      <el-dropdown-item-impl\n        v-bind=\"$props\"\n        @pointerleave=\"handlePointerLeave\"\n        @pointermove=\"handlePointerMove\"\n        @click=\"handleClick\"\n      >\n        <slot />\n      </el-dropdown-item-impl>\n    </el-roving-focus-item>\n  </el-dropdown-collection-item>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  ref,\n  unref,\n} from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils/dom'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport {\n  ElCollectionItem as ElDropdownCollectionItem,\n  dropdownItemProps,\n} from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElDropdownCollectionItem,\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit }) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const itemRef = ref<HTMLElement | null>(null)\n    const textContent = computed(() => unref(itemRef)?.textContent ?? '')\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n        } else {\n          onItemEnter(e)\n          if (!e.defaultPrevented) {\n            ;(e.currentTarget as HTMLElement)?.focus()\n          }\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointerleave', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        onItemLeave(e)\n      })\n    )\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('click', e)\n        return e.defaultPrevented\n      },\n      (e) => {\n        if (props.disabled) {\n          e.stopImmediatePropagation()\n          return\n        }\n        if (elDropdown?.hideOnClick?.value) {\n          elDropdown.handleClick?.()\n        }\n        elDropdown.commandHandler?.(props.command, _instance, e)\n      }\n    )\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      textContent,\n    }\n  },\n})\n</script>\n"],"names":["ElDropdownCollectionItem","ElRovingFocusItem","ElDropdownItemImpl"],"mappings":";;;;;;;;;;AAkCA,aAAe,eAAe;;AAE9B,EAAE,UAAU;8BACRA;uBACAC;wBACAC,QAAkB;;OAEf,EAAE;EACP;EACA,KAAK,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE;IACrB,MAAM,EAAE,UAAU,KAAK,WAAW,GAAG;IACrC,MAAM,SAAS,GAAG;IAClB,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,CAAC;IAC1B,MAAM,cAAc,QAAQ,CAAC,MAAM;MACjC,IAAI,EAAE,EAAE,EAAE;MACV,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;KAC1D,CAAC,CAAC;UACG,EAAE,WAAW,EAAE;UACf;;;KAGL,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK;MAClB,IAAI,EAAE,CAAC;UACH,KAAK,CAAC,QAAQ,EAAE;QAClB,WAAW,CAAC,CAAC,CAAC,CAAC;OAChB;QACC,YAAY,CAAC,EAAE;QACf,IAAI,CAAC,CAAC,CAAC;UACL,CAAC;UACD,CAAC,EAAE;;;;UAIH;;MAEJ;;;KAGD,CAAC,CAAC,CAAC;UACE,WAAW,GAAG;UACd,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;aACV,EAAE,gBAAgB,CAAC;OACzB;MACD,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;UACX,KAAK,CAAC;;;;MAIV,IAAI,CAAC,EAAE,GAAG,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC;QACnC,GAAG,GAAG,UAAU,CAAC;;SAEhB,GAAG,UAAU,CAAC;MACjB,CAAC;WACI;iBACM;uBACM;;;;;;;;;"}

package/es/components/dropdown/src/dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs

@@ -1,36 +0,0 @@
-import { resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
-
-function 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.$props, {
-            onPointerleave: _ctx.handlePointerLeave,
-            onPointermove: _ctx.handlePointerMove,
-            onClick: _ctx.handleClick
-          }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["onPointerleave", "onPointermove", "onClick"])
-        ]),
-        _: 3
-      }, 8, ["focusable"])
-    ]),
-    _: 3
-  }, 8, ["disabled", "text-value"]);
-}
-
-export { render };
-//# sourceMappingURL=dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue?vue&type=template&id=396ed16b&lang.js"],"sourcesContent":["<template>\n  <el-dropdown-collection-item\n    :disabled=\"disabled\"\n    :text-value=\"textValue ?? textContent\"\n  >\n    <el-roving-focus-item :focusable=\"!disabled\">\n      <el-dropdown-item-impl\n        v-bind=\"$props\"\n        @pointerleave=\"handlePointerLeave\"\n        @pointermove=\"handlePointerMove\"\n        @click=\"handleClick\"\n      >\n        <slot />\n      </el-dropdown-item-impl>\n    </el-roving-focus-item>\n  </el-dropdown-collection-item>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  ref,\n  unref,\n} from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils/dom'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport {\n  ElCollectionItem as ElDropdownCollectionItem,\n  dropdownItemProps,\n} from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElDropdownCollectionItem,\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit }) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const itemRef = ref<HTMLElement | null>(null)\n    const textContent = computed(() => unref(itemRef)?.textContent ?? '')\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n        } else {\n          onItemEnter(e)\n          if (!e.defaultPrevented) {\n            ;(e.currentTarget as HTMLElement)?.focus()\n          }\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointerleave', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        onItemLeave(e)\n      })\n    )\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('click', e)\n        return e.defaultPrevented\n      },\n      (e) => {\n        if (props.disabled) {\n          e.stopImmediatePropagation()\n          return\n        }\n        if (elDropdown?.hideOnClick?.value) {\n          elDropdown.handleClick?.()\n        }\n        elDropdown.commandHandler?.(props.command, _instance, e)\n      }\n    )\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      textContent,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IAEK;;;;;;;;;YAMI;YACA,aAAW;YACX;;6BAED;cAAA;;;;;;;;;;;;;"}

package/es/components/dropdown/src/dropdown-menu.vue_vue_type_script_lang.mjs

@@ -1,81 +0,0 @@
-import { defineComponent, inject, computed, unref } from 'vue';
-import { EVENT_CODE } from '../../../utils/aria.mjs';
-import '../../focus-trap/index.mjs';
-import '../../roving-focus-group/index.mjs';
-import { composeRefs, composeEventHandlers } from '../../../utils/dom.mjs';
-import { DROPDOWN_INJECTION_KEY } from './tokens.mjs';
-import { dropdownMenuProps, DROPDOWN_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY, FIRST_LAST_KEYS, LAST_KEYS } from './dropdown.mjs';
-import { useDropdown } from './useDropdown.mjs';
-import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
-import { ROVING_FOCUS_GROUP_INJECTION_KEY } from '../../roving-focus-group/src/tokens.mjs';
-import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY$1 } from '../../roving-focus-group/src/roving-focus-group.mjs';
-import { focusFirst } from '../../roving-focus-group/src/utils.mjs';
-
-var script = defineComponent({
-  name: "ElDropdownMenu",
-  props: dropdownMenuProps,
-  setup(props) {
-    const { _elDropdownSize } = useDropdown();
-    const size = _elDropdownSize.value;
-    const { focusTrapRef, onKeydown } = inject(FOCUS_TRAP_INJECTION_KEY, void 0);
-    const { contentRef } = inject(DROPDOWN_INJECTION_KEY, void 0);
-    const { collectionRef: dropdownCollectionRef, getItems } = inject(COLLECTION_INJECTION_KEY, void 0);
-    const {
-      rovingFocusGroupRef,
-      rovingFocusGroupRootStyle,
-      tabIndex,
-      onBlur,
-      onFocus,
-      onMousedown
-    } = inject(ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);
-    const { collectionRef: rovingFocusGroupCollectionRef } = inject(COLLECTION_INJECTION_KEY$1, void 0);
-    const dropdownKls = computed(() => {
-      return [
-        "el-dropdown-menu",
-        size.value && `el-dropdown-menu--${size.value}`
-      ];
-    });
-    const dropdownListWrapperRef = composeRefs(contentRef, dropdownCollectionRef, focusTrapRef, rovingFocusGroupRef, rovingFocusGroupCollectionRef);
-    const composedKeydown = composeEventHandlers((e) => {
-      var _a;
-      (_a = props.onKeydown) == null ? void 0 : _a.call(props, e);
-    }, (e) => {
-      const { currentTarget, code, target } = e;
-      const isKeydownContained = currentTarget.contains(target);
-      if (isKeydownContained) {
-      }
-      if (EVENT_CODE.tab === code) {
-        e.stopImmediatePropagation();
-      }
-      e.preventDefault();
-      if (target !== unref(contentRef))
-        return;
-      if (!FIRST_LAST_KEYS.includes(code))
-        return;
-      const items = getItems().filter((item) => !item.disabled);
-      const targets = items.map((item) => item.ref);
-      if (LAST_KEYS.includes(code)) {
-        targets.reverse();
-      }
-      focusFirst(targets);
-    });
-    const handleKeydown = (e) => {
-      composedKeydown(e);
-      onKeydown(e);
-    };
-    return {
-      size,
-      rovingFocusGroupRootStyle,
-      tabIndex,
-      dropdownKls,
-      dropdownListWrapperRef,
-      handleKeydown,
-      onBlur,
-      onFocus,
-      onMousedown
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=dropdown-menu.vue_vue_type_script_lang.mjs.map

package/es/components/dropdown/src/dropdown-menu.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.vue_vue_type_script_lang.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=\"menu\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"handleKeydown\"\n    @mousedown=\"onMousedown\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, unref } from 'vue'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\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 { composeRefs, composeEventHandlers } from '@element-plus/utils/dom'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport {\n  DROPDOWN_COLLECTION_INJECTION_KEY,\n  dropdownMenuProps,\n  FIRST_LAST_KEYS,\n  LAST_KEYS,\n} from './dropdown'\nimport { useDropdown } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\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 } = inject(DROPDOWN_INJECTION_KEY, undefined)!\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 [\n        'el-dropdown-menu',\n        size.value && `el-dropdown-menu--${size.value}`,\n      ]\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      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      onFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgCA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,iBAAiB;EACxB,MAAM,KAAK,EAAE;IACX,MAAM,EAAE;IACR,MAAM;IACN,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG;IACpC,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;;IAE9B,MAAM;MACJ,mBAAmB;MACnB;;;MAGA,OAAO;;KAER,GAAG,MAAM,CAAC,gCAAgC,OAAO,CAAC,CAAC,CAAC;UAC/C,EAAE,aAAa,EAAE;UACjB;;;QAGF;OACD,CAAC;MACF,CAAC;UACG;UACA;MACJ,IAAI,EAAE,CAAC;MACP,CAAC,EAAE,GAAG,KAAK;QACT,CAAC,KAAK;;MAER,MAAM,kBAAkB,GAAG,aAAa,CAAC,QAAQ,OAAO,CAAC,CAAC;MAC1D,IAAI,kBAAkB,EAAE;OACvB;;;OAGA;MACD,CAAC,CAAC;UACE,MAAM,KAAK,KAAK;QAClB,OAAO;MACT;;;MAGA,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI;MACxC,IAAI;QACF,OAAO,CAAC,OAAO,EAAE,CAAC;OACnB;MACD,UAAU,CAAC,OAAO,CAAC;MACnB,CAAC;IACH;;MAEE,SAAS,CAAC,CAAC,CAAC,CAAC;MACb;WACK;MACL;MACA;cACQ;iBACG;;;;aAIJ;iBACI;;;;;;;"}

package/es/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs

@@ -1,20 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("ul", {
-    ref: _ctx.dropdownListWrapperRef,
-    class: normalizeClass(_ctx.dropdownKls),
-    style: normalizeStyle(_ctx.rovingFocusGroupRootStyle),
-    tabindex: -1,
-    role: "menu",
-    onBlur: _cache[0] || (_cache[0] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
-    onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-    onKeydown: _cache[2] || (_cache[2] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args)),
-    onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 38);
-}
-
-export { render };
-//# sourceMappingURL=dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs.map

package/es/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue?vue&type=template&id=617b3492&lang.js"],"sourcesContent":["<template>\n  <ul\n    :ref=\"dropdownListWrapperRef\"\n    :class=\"dropdownKls\"\n    :style=\"rovingFocusGroupRootStyle\"\n    :tabindex=\"-1\"\n    role=\"menu\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"handleKeydown\"\n    @mousedown=\"onMousedown\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, unref } from 'vue'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\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 { composeRefs, composeEventHandlers } from '@element-plus/utils/dom'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport {\n  DROPDOWN_COLLECTION_INJECTION_KEY,\n  dropdownMenuProps,\n  FIRST_LAST_KEYS,\n  LAST_KEYS,\n} from './dropdown'\nimport { useDropdown } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\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 } = inject(DROPDOWN_INJECTION_KEY, undefined)!\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 [\n        'el-dropdown-menu',\n        size.value && `el-dropdown-menu--${size.value}`,\n      ]\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      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      onFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;IAEK,KAAK;IACL,KAAK,iBAAE;IACP;IACA,YAAY;IACb,MAAK;IACJ,gDAAM;IACN;IACA;;;;;;;;"}