element-pe 2.0.4 → 2.0.5

package/lib/components/drawer/src/drawer.js

@@ -2,137 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var iconsVue = require('@element-plus/icons-vue');
-var index = require('../../overlay/index.js');
+require('../../../utils/index.js');
 require('../../dialog/index.js');
-var index$1 = require('../../icon/index.js');
-require('../../../directives/index.js');
-require('../../../hooks/index.js');
-var drawer = require('./drawer2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$2 = require('../../../directives/trap-focus/index.js');
-var index$3 = require('../../../hooks/use-namespace/index.js');
-var useDialog = require('../../dialog/src/use-dialog.js');
+var props = require('../../../utils/vue/props.js');
+var dialog = require('../../dialog/src/dialog.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElDrawer",
-  components: {
-    ElOverlay: index.ElOverlay,
-    ElIcon: index$1.ElIcon,
-    Close: iconsVue.Close
+const drawerProps = props.buildProps({
+  ...dialog.dialogProps,
+  direction: {
+    type: String,
+    default: "rtl",
+    values: ["ltr", "rtl", "ttb", "btt"]
   },
-  directives: {
-    TrapFocus: index$2["default"]
+  size: {
+    type: [String, Number],
+    default: "30%"
   },
-  props: drawer.drawerProps,
-  emits: drawer.drawerEmits,
-  setup(props, ctx) {
-    const drawerRef = vue.ref();
-    const ns = index$3.useNamespace("drawer");
-    const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
-    const drawerSize = vue.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
-    return {
-      ...useDialog.useDialog(props, ctx, drawerRef),
-      drawerRef,
-      isHorizontal,
-      drawerSize,
-      ns
-    };
+  withHeader: {
+    type: Boolean,
+    default: true
+  },
+  modalFade: {
+    type: Boolean,
+    default: true
   }
 });
-const _hoisted_1 = ["aria-labelledby", "aria-label"];
-const _hoisted_2 = ["id"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["aria-label"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_close = vue.resolveComponent("close");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_overlay = vue.resolveComponent("el-overlay");
-  const _directive_trap_focus = vue.resolveDirective("trap-focus");
-  return vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: "body",
-    disabled: !_ctx.appendToBody
-  }, [
-    vue.createVNode(vue.Transition, {
-      name: _ctx.ns.b("fade"),
-      onAfterEnter: _ctx.afterEnter,
-      onAfterLeave: _ctx.afterLeave,
-      onBeforeLeave: _ctx.beforeLeave
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createVNode(_component_el_overlay, {
-          mask: _ctx.modal,
-          "overlay-class": _ctx.modalClass,
-          "z-index": _ctx.zIndex,
-          onClick: _ctx.onModalClick
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-              ref: "drawerRef",
-              "aria-modal": "true",
-              "aria-labelledby": _ctx.ns.e("title"),
-              "aria-label": _ctx.title,
-              class: vue.normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-              style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-              role: "dialog",
-              onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
-                key: 0,
-                id: _ctx.ns.e("title"),
-                class: vue.normalizeClass(_ctx.ns.e("header"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                  vue.createElementVNode("span", {
-                    role: "heading",
-                    title: _ctx.title
-                  }, vue.toDisplayString(_ctx.title), 9, _hoisted_3)
-                ]),
-                _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  "aria-label": "close " + (_ctx.title || "drawer"),
-                  class: vue.normalizeClass(_ctx.ns.e("close-btn")),
-                  type: "button",
-                  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-                }, [
-                  vue.createVNode(_component_el_icon, {
-                    class: vue.normalizeClass(_ctx.ns.e("close"))
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_close)
-                    ]),
-                    _: 1
-                  }, 8, ["class"])
-                ], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
-              _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
-                key: 1,
-                class: vue.normalizeClass(_ctx.ns.e("body"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default")
-              ], 2)) : vue.createCommentVNode("v-if", true),
-              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 2,
-                class: vue.normalizeClass(_ctx.ns.e("footer"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "footer")
-              ], 2)) : vue.createCommentVNode("v-if", true)
-            ], 14, _hoisted_1)), [
-              [_directive_trap_focus]
-            ])
-          ]),
-          _: 3
-        }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-          [vue.vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-  ], 8, ["disabled"]);
-}
-var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/drawer/src/drawer.vue"]]);
+const drawerEmits = dialog.dialogEmits;
 
-exports["default"] = Drawer;
+exports.drawerEmits = drawerEmits;
+exports.drawerProps = drawerProps;
 //# sourceMappingURL=drawer.js.map

package/lib/components/drawer/src/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      :name=\"ns.b('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=\"ns.e('title')\"\n          :aria-label=\"title\"\n          :class=\"[ns.b(), direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header v-if=\"withHeader\" :id=\"ns.e('title')\" :class=\"ns.e('header')\">\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=\"ns.e('close-btn')\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon :class=\"ns.e('close')\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section :class=\"ns.e('body')\">\n              <slot />\n            </section>\n          </template>\n          <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, 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 { useNamespace } from '@element-plus/hooks'\nimport { drawerEmits, drawerProps } 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    const ns = useNamespace('drawer')\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      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElIcon","Close","TrapFocus","drawerProps","drawerEmits","ref","useNamespace","computed","useDialog","_createBlock","_Teleport","_createVNode","_Transition","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_renderSlot","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;AAqEA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,UAAA;AAAA,EACN,UAAY,EAAA;AAAA,eACVC,eAAA;AAAA,YACAC,cAAA;AAAA,WACAC,cAAA;AAAA,GACF;AAAA,EACA,UAAY,EAAA;AAAA,eACVC,kBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAAC,kBAAA;AAAA,EACP,KAAO,EAAAC,kBAAA;AAAA,EAEP,KAAA,CAAM,OAAO,GAAK,EAAA;AAChB,IAAA,MAAM,YAAYC,OAAiB,EAAA,CAAA;AACnC,IAAM,MAAA,EAAA,GAAKC,qBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,YAAA,GAAeC,aACnB,MAAM,KAAA,CAAM,cAAc,KAAS,IAAA,KAAA,CAAM,cAAc,KACzD,CAAA,CAAA;AACA,IAAM,MAAA,UAAA,GAAaA,YAAS,CAAA,MAC1B,OAAO,KAAA,CAAM,IAAS,KAAA,QAAA,GAAW,CAAG,EAAA,KAAA,CAAM,IAAW,CAAA,EAAA,CAAA,GAAA,KAAA,CAAM,IAC7D,CAAA,CAAA;AAEA,IAAO,OAAA;AAAA,MACF,GAAAC,mBAAA,CAAU,KAAO,EAAA,GAAA,EAAK,SAAS,CAAA;AAAA,MAClC,SAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;;;;;;;0BApGCC,eAsDW,CAAAC,YAAA,EAAA;AAAA,IAtDD,EAAG,EAAA,MAAA;AAAA,IAAQ,UAAQ,CAAG,IAAA,CAAA,YAAA;AAAA,GAAA,EAAA;IAC9BC,eAoDa,CAAAC,cAAA,EAAA;AAAA,MAnDV,IAAA,EAAM,QAAG,CAAC,CAAA,MAAA,CAAA;AAAA,MACV,YAAa,EAAA,IAAA,CAAA,UAAA;AAAA,MACb,YAAa,EAAA,IAAA,CAAA,UAAA;AAAA,MACb,aAAc,EAAA,IAAA,CAAA,WAAA;AAAA,KAAA,EAAA;2BAEf,MA6Ca;AAAA,QAAAC,kBAAA,CA7CbF,eA6Ca,CAAA,qBAAA,EAAA;AAAA,UA3CV,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,UACN,eAAe,EAAA,IAAA,CAAA,UAAA;AAAA,UACf,SAAS,EAAA,IAAA,CAAA,MAAA;AAAA,UACT,OAAO,EAAA,IAAA,CAAA,YAAA;AAAA,SAAA,EAAA;+BAER,MAqCM;AAAA,YAAAE,kBAAA,EAAAC,aAAA,EAAA,EArCNC,sBAqCM,CAAA,KAAA,EAAA;AAAA,cApCJ,GAAI,EAAA,WAAA;AAAA,cAEJ,YAAW,EAAA,MAAA;AAAA,cACV,iBAAA,EAAiB,QAAG,CAAC,CAAA,OAAA,CAAA;AAAA,cACrB,YAAY,EAAA,IAAA,CAAA,KAAA;AAAA,cACZ,KAAA,EAAKC,oBAAG,IAAG,CAAA,EAAA,CAAA,CAAA,IAAK,IAAW,CAAA,SAAA,EAAA,IAAA,CAAA,OAAA,IAAO,QAAY,IAAW,CAAA,WAAA,CAAA,CAAA;AAAA,cACzD,KAAK,EAAAC,kBAAA,CAAe,IAAY,CAAA,YAAA,GAAA,SAAA,GAAe,kBAAU,UAAgB,GAAA,IAAA,CAAA,UAAA,CAAA;cAG1E,IAAK,EAAA,QAAA;AAAA,cACJ,SAAK,MAAN,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,iBAAA,CAAA,MAAA;AAAA,eAAW,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,aAAA,EAAA;AAEG,cAAA,IAAA,CAAA,UAAA,IAAAJ,aAAA,EAAA,EAAdC,sBAeS,CAAA,QAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;AAfkB,gBAAA,EAAA,EAAI,QAAG,CAAC,CAAA,OAAA,CAAA;AAAA,gBAAY,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,QAAA,CAAA,CAAA;AAAA,eAAA,EAAA;AACxD,gBAAAG,cAAA,CAIO,0BAJP,MAIO;AAAA,kBAHLC,sBAEO,CAAA,MAAA,EAAA;AAAA,oBAFD,IAAK,EAAA,SAAA;AAAA,oBAAW,KAAO,EAAA,IAAA,CAAA,KAAA;AAAA,mBAAA,EAAAC,mBAAA,CACxB,IAAK,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,UAAA,CAAA;AAAA,iBAAA,CAAA;AAIJ,gBAAA,IAAA,CAAA,SAAA,IAAAP,aAAA,EAAA,EADRC,sBAQS,CAAA,QAAA,EAAA;AAAA,kBAAA,GAAA,EAAA,CAAA;AANN,kBAAA,YAAA,EAAU,YAAmB,IAAA,CAAA,KAAA,IAAA,QAAA,CAAA;AAAA,kBAC7B,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,WAAA,CAAA,CAAA;AAAA,kBACZ,IAAK,EAAA,QAAA;AAAA,kBACJ,SAAK,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,iBAAA,EAAA;kBAERL,eAAmD,CAAA,kBAAA,EAAA;AAAA,oBAAzC,KAAA,EAAKK,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,mBAAA,EAAA;yCAAW,MAAS;AAAA,sBAATL,eAAS,CAAA,gBAAA,CAAA;AAAA,qBAAA,CAAA;;;;;AAG7B,cAAA,IAAA,CAAA,QAAA,IAAAG,aAAA,EAAA,EACdC,sBAEU,CAAA,SAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;gBAFA,KAAK,EAAAC,kBAAA,CAAE,QAAG,CAAC,CAAA,MAAA,CAAA,CAAA;AAAA,eAAA,EAAA;gBACnBG,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,eAAA,EAAA,CAAA,CAAA,IAAAG,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAGD,cAAA,IAAA,CAAA,MAAA,CAAO,2BAAlBP,sBAEM,CAAA,KAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;gBAFqB,KAAK,EAAAC,kBAAA,CAAE,QAAG,CAAC,CAAA,QAAA,CAAA,CAAA;AAAA,eAAA,EAAA;gBACpCG,cAAsB,CAAA,IAAA,CAAA,MAAA,EAAA,QAAA,CAAA;AAAA,eAAA,EAAA,CAAA,CAAA,IAAAG,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;sBAzClB,IAAO,CAAA,OAAA,CAAA;AAAA,SAAA,CAAA;;;;;;;;;;"}
+{"version":3,"file":"drawer.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\n  },\n  size: {\n    type: [String, Number],\n    default: '30%',\n  },\n  withHeader: {\n    type: Boolean,\n    default: true,\n  },\n  modalFade: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":["buildProps","dialogProps","dialogEmits"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,gBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAGC;;;;;"}

package/lib/components/drawer/src/drawer2.js

@@ -2,33 +2,137 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+var iconsVue = require('@element-plus/icons-vue');
+var index = require('../../overlay/index.js');
 require('../../dialog/index.js');
-var props = require('../../../utils/vue/props.js');
-var dialog = require('../../dialog/src/dialog.js');
+var index$1 = require('../../icon/index.js');
+require('../../../directives/index.js');
+require('../../../hooks/index.js');
+var drawer = require('./drawer.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$2 = require('../../../directives/trap-focus/index.js');
+var index$3 = require('../../../hooks/use-namespace/index.js');
+var useDialog = require('../../dialog/src/use-dialog.js');
 
-const drawerProps = props.buildProps({
-  ...dialog.dialogProps,
-  direction: {
-    type: String,
-    default: "rtl",
-    values: ["ltr", "rtl", "ttb", "btt"]
+const _sfc_main = vue.defineComponent({
+  name: "ElDrawer",
+  components: {
+    ElOverlay: index.ElOverlay,
+    ElIcon: index$1.ElIcon,
+    Close: iconsVue.Close
   },
-  size: {
-    type: [String, Number],
-    default: "30%"
+  directives: {
+    TrapFocus: index$2["default"]
   },
-  withHeader: {
-    type: Boolean,
-    default: true
-  },
-  modalFade: {
-    type: Boolean,
-    default: true
+  props: drawer.drawerProps,
+  emits: drawer.drawerEmits,
+  setup(props, ctx) {
+    const drawerRef = vue.ref();
+    const ns = index$3.useNamespace("drawer");
+    const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
+    const drawerSize = vue.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
+    return {
+      ...useDialog.useDialog(props, ctx, drawerRef),
+      drawerRef,
+      isHorizontal,
+      drawerSize,
+      ns
+    };
   }
 });
-const drawerEmits = dialog.dialogEmits;
+const _hoisted_1 = ["aria-labelledby", "aria-label"];
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["title"];
+const _hoisted_4 = ["aria-label"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_close = vue.resolveComponent("close");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_overlay = vue.resolveComponent("el-overlay");
+  const _directive_trap_focus = vue.resolveDirective("trap-focus");
+  return vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: "body",
+    disabled: !_ctx.appendToBody
+  }, [
+    vue.createVNode(vue.Transition, {
+      name: _ctx.ns.b("fade"),
+      onAfterEnter: _ctx.afterEnter,
+      onAfterLeave: _ctx.afterLeave,
+      onBeforeLeave: _ctx.beforeLeave
+    }, {
+      default: vue.withCtx(() => [
+        vue.withDirectives(vue.createVNode(_component_el_overlay, {
+          mask: _ctx.modal,
+          "overlay-class": _ctx.modalClass,
+          "z-index": _ctx.zIndex,
+          onClick: _ctx.onModalClick
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              ref: "drawerRef",
+              "aria-modal": "true",
+              "aria-labelledby": _ctx.ns.e("title"),
+              "aria-label": _ctx.title,
+              class: vue.normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+              style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+              role: "dialog",
+              onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
+                key: 0,
+                id: _ctx.ns.e("title"),
+                class: vue.normalizeClass(_ctx.ns.e("header"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                  vue.createElementVNode("span", {
+                    role: "heading",
+                    title: _ctx.title
+                  }, vue.toDisplayString(_ctx.title), 9, _hoisted_3)
+                ]),
+                _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  "aria-label": "close " + (_ctx.title || "drawer"),
+                  class: vue.normalizeClass(_ctx.ns.e("close-btn")),
+                  type: "button",
+                  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+                }, [
+                  vue.createVNode(_component_el_icon, {
+                    class: vue.normalizeClass(_ctx.ns.e("close"))
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_close)
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true)
+              ], 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
+              _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
+                key: 1,
+                class: vue.normalizeClass(_ctx.ns.e("body"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: vue.normalizeClass(_ctx.ns.e("footer"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "footer")
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 14, _hoisted_1)), [
+              [_directive_trap_focus]
+            ])
+          ]),
+          _: 3
+        }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
+          [vue.vShow, _ctx.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+  ], 8, ["disabled"]);
+}
+var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/drawer/src/drawer.vue"]]);
 
-exports.drawerEmits = drawerEmits;
-exports.drawerProps = drawerProps;
+exports["default"] = Drawer;
 //# sourceMappingURL=drawer2.js.map

package/lib/components/drawer/src/drawer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\n  },\n  size: {\n    type: [String, Number],\n    default: '30%',\n  },\n  withHeader: {\n    type: Boolean,\n    default: true,\n  },\n  modalFade: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":["buildProps","dialogProps","dialogEmits"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,gBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAGC;;;;;"}
+{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      :name=\"ns.b('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=\"ns.e('title')\"\n          :aria-label=\"title\"\n          :class=\"[ns.b(), direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header v-if=\"withHeader\" :id=\"ns.e('title')\" :class=\"ns.e('header')\">\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=\"ns.e('close-btn')\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon :class=\"ns.e('close')\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section :class=\"ns.e('body')\">\n              <slot />\n            </section>\n          </template>\n          <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, 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 { useNamespace } from '@element-plus/hooks'\nimport { drawerEmits, drawerProps } 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    const ns = useNamespace('drawer')\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      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElIcon","Close","TrapFocus","drawerProps","drawerEmits","ref","useNamespace","computed","useDialog","_createBlock","_Teleport","_createVNode","_Transition","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_renderSlot","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly effect: {
         readonly default: "light";
         readonly type: import("vue").PropType<string>;
@@ -54,7 +54,7 @@ export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<impor
         $data: {};
         $props: Partial<{
             disabled: boolean;
-            trigger: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
+            trigger: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-pe/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -143,7 +143,7 @@ export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<impor
             showArrow: import("element-pe/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-pe/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -253,7 +253,7 @@ export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<impor
             showArrow: import("element-pe/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-pe/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -402,7 +402,7 @@ export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<impor
             onClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
-            trigger: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
+            trigger: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-pe/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -511,7 +511,7 @@ export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<impor
         showArrow: import("element-pe/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
         arrowOffset: import("element-pe/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
         disabled: BooleanConstructor;
-        trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+        trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
         virtualRef: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
         virtualTriggering: BooleanConstructor;
         onMouseenter: FunctionConstructor;
@@ -662,7 +662,7 @@ export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<impor
     triggeringElementRef: import("vue").Ref<any>;
     referenceElementRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "visible-change" | "command")[], "click" | "visible-change" | "command", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly effect: {
         readonly default: "light";
         readonly type: import("vue").PropType<string>;
@@ -694,7 +694,7 @@ export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<impor
     type: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<import("element-pe/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>>, unknown, unknown>;
     size: string;
     disabled: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    trigger: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
+    trigger: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
     offset: number;
     effect: string;
     placement: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
@@ -731,7 +731,7 @@ export declare const ElDropdown: import("element-pe/utils").SFCWithInstall<impor
             divided: boolean;
             textValue: string | undefined;
         }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave")[], "click" | "pointermove" | "pointerleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly command: import("element-pe/utils").BuildPropReturn<readonly [ObjectConstructor, StringConstructor, NumberConstructor], () => {}, unknown, unknown, unknown>;
         readonly disabled: BooleanConstructor;
         readonly divided: BooleanConstructor;
@@ -787,7 +787,7 @@ export declare const ElDropdownItem: import("element-pe/utils").SFCWithInstall<i
         divided: boolean;
         textValue: string | undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave")[], "click" | "pointermove" | "pointerleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly command: import("element-pe/utils").BuildPropReturn<readonly [ObjectConstructor, StringConstructor, NumberConstructor], () => {}, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;

package/lib/components/dropdown/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var dropdown$1 = require('./src/dropdown2.js');
+var dropdown$1 = require('./src/dropdown.js');
 var dropdownItem = require('./src/dropdown-item.js');
 var dropdownMenu = require('./src/dropdown-menu.js');
-var dropdown = require('./src/dropdown.js');
+var dropdown = require('./src/dropdown2.js');
 var tokens = require('./src/tokens.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/dropdown/src/dropdown-item-impl.js

@@ -9,15 +9,15 @@ var index = require('../../icon/index.js');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
 require('../../../constants/index.js');
-var dropdown = require('./dropdown.js');
+var dropdown = require('./dropdown2.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
-var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group2.js');
+var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group.js');
 var tokens = require('../../roving-focus-group/src/tokens.js');
 var refs = require('../../../utils/vue/refs.js');
 var event = require('../../../utils/dom/event.js');
 var aria = require('../../../constants/aria.js');
-var collection = require('../../collection/src/collection2.js');
+var collection = require('../../collection/src/collection.js');
 
 const _sfc_main = vue.defineComponent({
   name: "DropdownItemImpl",

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

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFocus: (e: Event) => void;
     handleKeydown: (event: KeyboardEvent) => void;
     handleMousedown: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave" | "clickimpl")[], "click" | "pointermove" | "pointerleave" | "clickimpl", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly command: import("element-pe/utils").BuildPropReturn<readonly [ObjectConstructor, StringConstructor, NumberConstructor], () => {}, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;

package/lib/components/dropdown/src/dropdown-item.js

@@ -7,7 +7,7 @@ require('../../roving-focus-group/index.js');
 require('../../../utils/index.js');
 var dropdownItemImpl = require('./dropdown-item-impl.js');
 var useDropdown = require('./useDropdown.js');
-var dropdown = require('./dropdown.js');
+var dropdown = require('./dropdown2.js');
 var tokens = require('./tokens.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var rovingFocusItem = require('../../roving-focus-group/src/roving-focus-item.js');

package/lib/components/dropdown/src/dropdown-item.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         divided: boolean;
         textValue: string | undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave")[], "click" | "pointermove" | "pointerleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly command: import("element-pe/utils").BuildPropReturn<readonly [ObjectConstructor, StringConstructor, NumberConstructor], () => {}, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;

package/lib/components/dropdown/src/dropdown-menu.js

@@ -9,13 +9,13 @@ require('../../focus-trap/index.js');
 require('../../roving-focus-group/index.js');
 require('../../../hooks/index.js');
 var tokens$1 = require('./tokens.js');
-var dropdown = require('./dropdown.js');
+var dropdown = require('./dropdown2.js');
 var useDropdown = require('./useDropdown.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var tokens = require('../../focus-trap/src/tokens.js');
 var tokens$2 = require('../../roving-focus-group/src/tokens.js');
-var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group2.js');
+var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group.js');
 var refs = require('../../../utils/vue/refs.js');
 var event = require('../../../utils/dom/event.js');
 var aria = require('../../../constants/aria.js');

package/lib/components/dropdown/src/dropdown.d.ts

@@ -15,7 +15,7 @@ export interface IElDropdownInstance {
     triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>;
 }
 export declare const dropdownProps: {
-    readonly trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly effect: {
         readonly default: "light";
         readonly type: import("vue").PropType<string>;