@element-plus/nightly 0.0.20220119 → 0.0.20220123

package/es/components/drawer/index.mjs

@@ -1,9 +1,8 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/drawer2.mjs';
+import Drawer from './src/drawer2.mjs';
 export { drawerEmits, drawerProps } from './src/drawer.mjs';
-import script from './src/drawer.vue_vue_type_script_lang.mjs';
 
-const ElDrawer = withInstall(script);
+const ElDrawer = withInstall(Drawer);
 
 export { ElDrawer, ElDrawer as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/drawer/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":["Drawer"],"mappings":";;;;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAACA,MAAM;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":[],"mappings":";;;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAAC,MAAM;;;;"}

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

@@ -1,7 +1,130 @@
-import script from './drawer.vue_vue_type_script_lang.mjs';
-export { default } from './drawer.vue_vue_type_script_lang.mjs';
-import { render } from './drawer.vue_vue_type_template_id_e0557736_lang.mjs';
+import { defineComponent, ref, computed, resolveComponent, resolveDirective, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementBlock, normalizeClass, normalizeStyle, withModifiers, renderSlot, createElementVNode, toDisplayString, createCommentVNode, vShow } 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 _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import TrapFocus from '../../../directives/trap-focus/index.mjs';
+import { useDialog } from '../../dialog/src/use-dialog.mjs';
 
-script.render = render;
-script.__file = "packages/components/drawer/src/drawer.vue";
+const _sfc_main = 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
+    };
+  }
+});
+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 _sfc_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"]);
+}
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Drawer as default };
 //# sourceMappingURL=drawer2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"drawer2.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":["_openBlock","_createBlock","_Transition","_createVNode","_createElementBlock","_normalizeClass","_withCtx","_createCommentVNode"],"mappings":";;;;;;;;;;;AAwEA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY;AAElB,UAAM,eAAe,SACnB,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAEzD,UAAM,aAAa,SAAS,MAC1B,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAG7D,WAAO;AAAA,SACF,UAAU,OAAO,KAAK;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;EArEM,KAAG;AAAA,EACH;AAAA;;;;;EAkBS,KAAK;AAAA;;;EAIU,KAAK;AAAA;;;;;;;SApD1BA,aAAMC;AAAA,IAAE;AAAA;KACnB;AAAA,gBACOC,YAAgB;AAAA,MACpB;AAAA,MACA,cAAa;AAAA,MACb,cAAY,KAAE;AAAA;;uBAEf;AAAA,uBAESC,YAAK;AAAA,UACX;AAAA,UACA,iBAAS,KAAM;AAAA,UACf,WAAO;AAAA;;;yCAGSC;AAAA,cAEf;AAAA,cACA;AAAA,cACC,mBAAY;AAAA,cACZ,cAAK;AAAA,cACL,OAAKC;AAAA,cAAe;cAIpB;AAAA;;eAGO;AAAA,8CAQCD;AAAA,2BAHL,aAEO;AAAA,qCAFa;AAAA,oBAAE,MAAK;AAAA;;;;kBAM1B;AAAA,kBACD,cAAM,iBAAsB;AAAA,kBAC5B,OAAK;AAAA,kBACJ;AAAA;mBAED;AAAA,kDAA2C;AAAA,6BAATE,QAAS;AAAA;;;;;oBAG/BC,mBAAQ;AAAA,4CAEPH;AAAA;oBAGNG,mBAAa;AAAA,iDACKH;AAAA;;;;;;;cA7CvB,SAAO;AAAA;;;;;;;;;;;"}

package/es/components/dropdown/index.d.ts

@@ -819,7 +819,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
         rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue>;
         tabIndex: import("vue").Ref<number>;
         dropdownKls: import("vue").ComputedRef<string[]>;
-        dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
+        dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | Element | null) => void;
         handleKeydown: (e: KeyboardEvent) => void;
         onBlur: (e: Event) => void;
         onFocus: (e: FocusEvent) => void;
@@ -865,7 +865,7 @@ export declare const ElDropdownMenu: import("../../utils/types").SFCWithInstall<
     rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue>;
     tabIndex: import("vue").Ref<number>;
     dropdownKls: import("vue").ComputedRef<string[]>;
-    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
+    dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | Element | null) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     onBlur: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;

package/es/components/dropdown/index.mjs

@@ -1,17 +1,14 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
-import './src/dropdown2.mjs';
-import './src/dropdown-item.mjs';
-import './src/dropdown-menu.mjs';
-import script from './src/dropdown.vue_vue_type_script_lang.mjs';
-import script$1 from './src/dropdown-item.vue_vue_type_script_lang.mjs';
-import script$2 from './src/dropdown-menu.vue_vue_type_script_lang.mjs';
+import Dropdown from './src/dropdown2.mjs';
+import DropdownItem from './src/dropdown-item.mjs';
+import DropdownMenu from './src/dropdown-menu.mjs';
 
-const ElDropdown = withInstall(script, {
-  DropdownItem: script$1,
-  DropdownMenu: script$2
+const ElDropdown = withInstall(Dropdown, {
+  DropdownItem,
+  DropdownMenu
 });
-const ElDropdownItem = withNoopInstall(script$1);
-const ElDropdownMenu = withNoopInstall(script$2);
+const ElDropdownItem = withNoopInstall(DropdownItem);
+const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
 export { ElDropdown, ElDropdownItem, ElDropdownMenu, ElDropdown as default };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/dropdown/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Dropdown from './src/dropdown.vue'\nimport DropdownItem from './src/dropdown-item.vue'\nimport DropdownMenu from './src/dropdown-menu.vue'\n\nexport const ElDropdown = withInstall(Dropdown, {\n  DropdownItem,\n  DropdownMenu,\n})\nexport default ElDropdown\nexport const ElDropdownItem = withNoopInstall(DropdownItem)\nexport const ElDropdownMenu = withNoopInstall(DropdownMenu)\n"],"names":["Dropdown","DropdownItem","DropdownMenu"],"mappings":";;;;;;;;AAIY,MAAC,UAAU,GAAG,WAAW,CAACA,MAAQ,EAAE;AAChD,gBAAEC,QAAY;AACd,gBAAEC,QAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAG,eAAe,CAACD,QAAY,EAAE;AAChD,MAAC,cAAc,GAAG,eAAe,CAACC,QAAY;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/dropdown/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Dropdown from './src/dropdown.vue'\nimport DropdownItem from './src/dropdown-item.vue'\nimport DropdownMenu from './src/dropdown-menu.vue'\n\nexport const ElDropdown = withInstall(Dropdown, {\n  DropdownItem,\n  DropdownMenu,\n})\nexport default ElDropdown\nexport const ElDropdownItem = withNoopInstall(DropdownItem)\nexport const ElDropdownMenu = withNoopInstall(DropdownMenu)\n"],"names":[],"mappings":";;;;;AAIY,MAAC,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE;AAChD,EAAE,YAAY;AACd,EAAE,YAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAG,eAAe,CAAC,YAAY,EAAE;AAChD,MAAC,cAAc,GAAG,eAAe,CAAC,YAAY;;;;"}

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

@@ -1,7 +1,89 @@
-import script from './dropdown-item-impl.vue_vue_type_script_lang.mjs';
-export { default } from './dropdown-item-impl.vue_vue_type_script_lang.mjs';
-import { render } from './dropdown-item-impl.vue_vue_type_template_id_6daab4f2_lang.mjs';
+import { defineComponent, inject, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, mergeProps, createBlock, withCtx, resolveDynamicComponent, renderSlot } 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 _export_sfc from '../../../_virtual/plugin-vue_export-helper.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';
 
-script.render = render;
-script.__file = "packages/components/dropdown/src/dropdown-item-impl.vue";
+const _sfc_main = 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
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "el-dropdown-menu__item--divided"
+};
+const _hoisted_2 = ["aria-disabled", "tabindex"];
+function _sfc_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);
+}
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ElDropdownItemImpl as default };
 //# sourceMappingURL=dropdown-item-impl.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item-impl.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"dropdown-item-impl.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":["DROPDOWN_COLLECTION_ITEM_INJECTION_KEY","ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY","_openBlock","_createElementBlock","_createCommentVNode"],"mappings":";;;;;;;;;;;;AAuCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO,CAAC,eAAe,gBAAgB;AAAA,EACvC,MAAM,GAAG,EAAE,QAAQ;AACjB,UAAM,EAAE,mBAAmB,8BAA8B,OACvDA,+BACA;AAGF,UAAM,EAAE,mBAAmB,iCAAiC,OAC1DC,iCACA;AAGF,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,QACE,OAAO,uCAAuC;AAElD,UAAM,UAAU,YACd,2BACA,8BACA;AAGF,UAAM,gBAAgB,qBAAqB,CAAC,MAAqB;AAC/D,YAAM,EAAE,SAAS;AACjB,UAAI,SAAS,WAAW,SAAS,SAAS,WAAW,OAAO;AAC1D,UAAE;AACF,UAAE;AACF,aAAK,SAAS;AACd,eAAO;AAAA;AAAA,OAER;AAEH,WAAO;AAAA,MACL;AAAA,MACA,SAAS;AAAA,SACN,uBAAuB;AAAA;AAAA,MAE1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;EAxFgB,KAAK;AAAA;;;;;SAAdC,aAAOC;AAAA,0EAClBC,mBAmBM,QAnBN;AAAA,uBAGkB,kBAAQ;AAAA,MACvB,iBAAK;AAAA;kCAA+D;AAAA;;MAKrE,UAAK;AAAA,MACJ;AAAA,MACA,SAAK,4CAAE;AAAA,MACP,SAAO,4CAAE;AAAA,MACT,WAAS,4CAAE;AAAA,MACX,aAAW,8BAAI,SAAK,KAAK,mBAAiB;AAAA,MAC1C,eAAY,iCAAI,KAAK,MAAK;AAAA;QAEZ;AAAA,4CAA8B;AAAA,yBAAxB;AAAA;;;YACrBA,mBAAQ;AAAA;;;;;;;;"}

package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly textValue: StringConstructor;
     readonly icon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown, unknown, unknown>;
 }, {
-    itemRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
+    itemRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | Element | null) => void;
     dataset: {
         "data-el-collection-item": string;
     };

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

@@ -1,7 +1,100 @@
-import script from './dropdown-item.vue_vue_type_script_lang.mjs';
-export { default } from './dropdown-item.vue_vue_type_script_lang.mjs';
-import { render } from './dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs';
+import { defineComponent, getCurrentInstance, ref, computed, unref, inject, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
+import '../../roving-focus-group/index.mjs';
+import { composeEventHandlers, whenMouse } from '../../../utils/dom.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 ElRovingFocusItem from '../../roving-focus-group/src/roving-focus-item.mjs';
 
-script.render = render;
-script.__file = "packages/components/dropdown/src/dropdown-item.vue";
+const _sfc_main = defineComponent({
+  name: "ElDropdownItem",
+  components: {
+    ElDropdownCollectionItem: ElCollectionItem,
+    ElRovingFocusItem,
+    ElDropdownItemImpl
+  },
+  props: dropdownItemProps,
+  emits: ["pointermove", "pointerleave", "click"],
+  setup(props, { emit }) {
+    const { elDropdown } = useDropdown();
+    const _instance = getCurrentInstance();
+    const itemRef = ref(null);
+    const textContent = computed(() => unref(itemRef)?.textContent ?? "");
+    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);
+      } else {
+        onItemEnter(e);
+        if (!e.defaultPrevented) {
+          ;
+          e.currentTarget?.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) => {
+      if (props.disabled) {
+        e.stopImmediatePropagation();
+        return;
+      }
+      if (elDropdown?.hideOnClick?.value) {
+        elDropdown.handleClick?.();
+      }
+      elDropdown.commandHandler?.(props.command, _instance, e);
+    });
+    return {
+      handleClick,
+      handlePointerMove,
+      handlePointerLeave,
+      textContent
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  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": _ctx.textValue ?? _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"]);
+}
+var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { DropdownItem as default };
 //# sourceMappingURL=dropdown-item.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"dropdown-item.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","_openBlock","_createBlock","_withCtx","_mergeProps"],"mappings":";;;;;;;;;;AAoCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,8BACVA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO,CAAC,eAAe,gBAAgB;AAAA,EACvC,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,eAAe;AACvB,UAAM,YAAY;AAClB,UAAM,UAAU,IAAwB;AACxC,UAAM,cAAc,SAAS,MAAM,MAAM,UAAU,eAAe;AAClE,UAAM,EAAE,aAAa,gBAAgB,OACnC,wBACA;AAGF,UAAM,oBAAoB,qBACxB,CAAC,MAAoB;AACnB,WAAK,eAAe;AACpB,aAAO,EAAE;AAAA,OAEX,UAAU,CAAC,MAAM;AACf,UAAI,MAAM,UAAU;AAClB,oBAAY;AAAA,aACP;AACL,oBAAY;AACZ,YAAI,CAAC,EAAE,kBAAkB;AACvB;AAAC,UAAC,EAAE,eAA+B;AAAA;AAAA;AAAA;AAM3C,UAAM,qBAAqB,qBACzB,CAAC,MAAoB;AACnB,WAAK,gBAAgB;AACrB,aAAO,EAAE;AAAA,OAEX,UAAU,CAAC,MAAM;AACf,kBAAY;AAAA;AAIhB,UAAM,cAAc,qBAClB,CAAC,MAAoB;AACnB,WAAK,SAAS;AACd,aAAO,EAAE;AAAA,OAEX,CAAC,MAAM;AACL,UAAI,MAAM,UAAU;AAClB,UAAE;AACF;AAAA;AAEF,UAAI,YAAY,aAAa,OAAO;AAClC,mBAAW;AAAA;AAEb,iBAAW,iBAAiB,MAAM,SAAS,WAAW;AAAA;AAI1D,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;SArGDC,aAAUC,YAAQ;AAAA,IAClB,eAAY;AAAA;;aAEbC,QASuB;AAAA,kBATS,iCAAW;AAAA;;iBACzCA,QAOwB;AAAA,sBALrB,kCAAgCC;AAAA,YAChC,gBAAa;AAAA,YACb,eAAO;AAAA;;qBAERD,QAAQ;AAAA;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,97 @@
-import script from './dropdown-menu.vue_vue_type_script_lang.mjs';
-export { default } from './dropdown-menu.vue_vue_type_script_lang.mjs';
-import { render } from './dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs';
+import { defineComponent, inject, computed, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } 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 _export_sfc from '../../../_virtual/plugin-vue_export-helper.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';
 
-script.render = render;
-script.__file = "packages/components/dropdown/src/dropdown-menu.vue";
+const _sfc_main = 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) => {
+      props.onKeydown?.(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
+    };
+  }
+});
+function _sfc_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);
+}
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { DropdownMenu as default };
 //# sourceMappingURL=dropdown-menu.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"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=\"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":["DROPDOWN_COLLECTION_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY","_openBlock","_normalizeClass"],"mappings":";;;;;;;;;;;;;;AAkCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,OAAO;AACX,UAAM,EAAE,oBAAoB;AAC5B,UAAM,OAAO,gBAAgB;AAE7B,UAAM,EAAE,cAAc,cAAc,OAClC,0BACA;AAGF,UAAM,EAAE,eAAe,OAAO,wBAAwB;AAEtD,UAAM,EAAE,eAAe,uBAAuB,aAAa,OACzDA,0BACA;AAGF,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,OAAO,kCAAkC;AAE7C,UAAM,EAAE,eAAe,kCAAkC,OACvDC,4BACA;AAGF,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO;AAAA,QACL;AAAA,QACA,KAAK,SAAS,qBAAqB,KAAK;AAAA;AAAA;AAI5C,UAAM,yBAAyB,YAC7B,YACA,uBACA,cACA,qBACA;AAGF,UAAM,kBAAkB,qBACtB,CAAC,MAAqB;AACpB,YAAM,YAAY;AAAA,OAEpB,CAAC,MAAM;AACL,YAAM,EAAE,eAAe,MAAM,WAAW;AACxC,YAAM,qBAAsB,cAAuB,SACjD;AAGF,UAAI,oBAAoB;AAAA;AAIxB,UAAI,WAAW,QAAQ,MAAM;AAC3B,UAAE;AAAA;AAGJ,QAAE;AAEF,UAAI,WAAW,MAAM;AAAa;AAClC,UAAI,CAAC,gBAAgB,SAAS;AAAO;AACrC,YAAM,QAAQ,WAAkC,OAC9C,CAAC,SAAS,CAAC,KAAK;AAElB,YAAM,UAAU,MAAM,IAAI,CAAC,SAAS,KAAK;AACzC,UAAI,UAAU,SAAS,OAAO;AAC5B,gBAAQ;AAAA;AAEV,iBAAW;AAAA;AAIf,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,sBAAgB;AAChB,gBAAU;AAAA;AAGZ,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;2BAhIJ,wBAYK;SAXGC,gCAAsB;AAAA,IAC3B,KAAK;AAAA,IACL,OAAKC,eAAE;AAAA,IACP,sBAAY;AAAA,IACb,UAAK;AAAA,IACJ,MAAI;AAAA,IACJ,QAAK,4CAAE;AAAA,IACP,SAAO,4CAAE;AAAA,IACT,WAAS,4CAAE;AAAA;KAEZ;AAAA;;;;;;;"}

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

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue>;
     tabIndex: import("vue").Ref<number>;
     dropdownKls: import("vue").ComputedRef<string[]>;
-    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
+    dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | Element | null) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     onBlur: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;