element-pe 1.0.8 → 1.0.9-alpha.12

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

@@ -0,0 +1,28 @@
+import { buildProps } from '../../../utils/props.mjs';
+import '../../dialog/index.mjs';
+import { dialogProps, dialogEmits } from '../../dialog/src/dialog.mjs';
+
+const drawerProps = buildProps({
+  ...dialogProps,
+  direction: {
+    type: String,
+    default: "rtl",
+    values: ["ltr", "rtl", "ttb", "btt"]
+  },
+  size: {
+    type: [String, Number],
+    default: "30%"
+  },
+  withHeader: {
+    type: Boolean,
+    default: true
+  },
+  modalFade: {
+    type: Boolean,
+    default: true
+  }
+});
+const drawerEmits = dialogEmits;
+
+export { drawerEmits, drawerProps };
+//# sourceMappingURL=drawer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { dialogProps, dialogEmits } 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":[],"mappings":";;;;MAIa,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,OAAO,OAAO,OAAO;AAAA;AAAA,EAEhC,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAMA,cAAc;;;;"}

package/es/components/drawer/src/drawer.vue.d.ts

@@ -0,0 +1,129 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly direction: import("../../../utils/props").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly size: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
+    readonly withHeader: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modalFade: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly appendToBody: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("../../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly modalClass: StringConstructor;
+    readonly width: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+}, {
+    drawerRef: import("vue").Ref<HTMLElement | undefined>;
+    isHorizontal: import("vue").ComputedRef<boolean>;
+    drawerSize: import("vue").ComputedRef<string>;
+    afterEnter: () => void;
+    afterLeave: () => void;
+    beforeLeave: () => void;
+    handleClose: () => void;
+    onModalClick: () => void;
+    close: () => void;
+    doClose: () => void;
+    closed: import("vue").Ref<boolean>;
+    style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    rendered: import("vue").Ref<boolean>;
+    visible: import("vue").Ref<boolean>;
+    zIndex: import("vue").Ref<number>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly direction?: unknown;
+    readonly size?: unknown;
+    readonly withHeader?: unknown;
+    readonly modalFade?: unknown;
+    readonly appendToBody?: unknown;
+    readonly beforeClose?: unknown;
+    readonly destroyOnClose?: unknown;
+    readonly center?: unknown;
+    readonly customClass?: unknown;
+    readonly closeIcon?: unknown;
+    readonly closeOnClickModal?: unknown;
+    readonly closeOnPressEscape?: unknown;
+    readonly fullscreen?: unknown;
+    readonly lockScroll?: unknown;
+    readonly modal?: unknown;
+    readonly showClose?: unknown;
+    readonly title?: unknown;
+    readonly openDelay?: unknown;
+    readonly closeDelay?: unknown;
+    readonly top?: unknown;
+    readonly modelValue?: unknown;
+    readonly modalClass?: unknown;
+    readonly width?: unknown;
+    readonly zIndex?: unknown;
+} & {
+    size: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    modelValue: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    title: string;
+    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    destroyOnClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    customClass: string;
+    closeIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    closeOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    fullscreen: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    openDelay: number;
+    closeDelay: number;
+    withHeader: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modalFade: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+} & {
+    top?: string | undefined;
+    zIndex?: number | undefined;
+    width?: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+    beforeClose?: ((...args: any[]) => void) | undefined;
+    modalClass?: string | undefined;
+}> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+}, {
+    size: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    top: string;
+    title: string;
+    zIndex: number;
+    width: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    beforeClose: (...args: any[]) => void;
+    destroyOnClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    customClass: string;
+    closeIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    closeOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    fullscreen: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    openDelay: number;
+    closeDelay: number;
+    withHeader: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modalFade: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+}>;
+export default _default;

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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1 @@
+{"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>\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,gBAAgB;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;;;;"}

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

@@ -0,0 +1,89 @@
+import { resolveComponent, resolveDirective, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, withModifiers, createElementBlock, renderSlot, 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"
+};
+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(createElementVNode("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)
+            ], 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

@@ -0,0 +1 @@
+{"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>\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":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;EA8BY,IAAG;AAAA,EACH,OAAM;AAAA;;;;;EAkBG,OAAM;AAAA;;;;;;sBAhDzBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;IAC9BC;MACE,MAAK;AAAA,MACJ,cAAa;MACb,cAAa;MACb,eAAc;;uBAEf;uBAAAA;UAEG,MAAM;UACN,iBAAe;UACf,WAAS;UACT,SAAO;;2BAER;2BAAAC;cACE,KAAI;AAAA,cAEJ,cAAW;AAAA,cACX,mBAAgB;AAAA,cACf,cAAY;cACZ,oCAAqB,gBAAW,wBAAmB;cACnD;cAGD,MAAK;AAAA,cACJ,iDAAD;;;cAGQ,gCADRC,6BAAA;gBAKEC,qCAAA;kBACEF;oBAAM,MAAK;AAAA,oBAAW,OAAO;qCACxB;;gBAIC,+BADRC;;kBAEG;kBACD,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,gDAAO;;kBAERF,kCAAS,OAAM;qCAAmB;sBAAAA,YAAS;AAAA;AAAA;;;;cAG/B,8BACdE,8BAAA;gBACEC;;;;;;;;kBAzCE;;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+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';
+
+script.render = render;
+script.__file = "packages/components/drawer/src/drawer.vue";
+//# sourceMappingURL=drawer2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -1,9 +1,9 @@
 export declare const ElDropdown: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
     trigger: {
-        type: import("vue").PropType<import("../../hooks/use-popper/use-target-events").TriggerType | "contextmenu">;
+        type: import("vue").PropType<"contextmenu" | import("../../hooks/use-popper/use-target-events").TriggerType>;
         default: string;
     };
-    type: import("vue").PropType<any>;
+    type: import("vue").PropType<ButtonType>;
     size: {
         type: StringConstructor;
         default: string;
@@ -26,7 +26,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
         default: number;
     };
     tabindex: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     effect: {
@@ -34,18 +34,30 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
         default: import("..").Effect;
     };
     maxHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    visibleProp: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     popperClass: {
         type: StringConstructor;
         default: string;
     };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     visible: import("vue").Ref<boolean>;
     scrollbar: import("vue").Ref<null>;
-    wrapStyle: import("vue").ComputedRef<string>;
-    dropdownSize: import("vue").ComputedRef<any>;
+    wrapStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    dropdownSize: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
     handlerMainButtonClick: (event: any) => void;
     triggerVnode: import("vue").Ref<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null>;
 }, 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<{
@@ -60,37 +72,46 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
     tabindex?: unknown;
     effect?: unknown;
     maxHeight?: unknown;
+    visibleProp?: unknown;
     popperClass?: unknown;
+    offset?: unknown;
+    showArrow?: unknown;
 } & {
     size: string;
-    effect: import("..").Effect;
     placement: import("@popperjs/core").Placement;
+    effect: import("..").Effect;
+    showArrow: boolean;
+    trigger: "contextmenu" | import("../../hooks/use-popper/use-target-events").TriggerType;
     popperClass: string;
-    trigger: import("../../hooks/use-popper/use-target-events").TriggerType | "contextmenu";
+    offset: number;
     maxHeight: string | number;
     tabindex: string | number;
     splitButton: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;
+    visibleProp: boolean;
 } & {
-    type?: unknown;
+    type?: any;
 }> & {
     onClick?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onCommand?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;
-    effect: import("..").Effect;
     placement: import("@popperjs/core").Placement;
+    effect: import("..").Effect;
+    showArrow: boolean;
+    trigger: "contextmenu" | import("../../hooks/use-popper/use-target-events").TriggerType;
     popperClass: string;
-    trigger: import("../../hooks/use-popper/use-target-events").TriggerType | "contextmenu";
+    offset: number;
     maxHeight: string | number;
     tabindex: string | number;
     splitButton: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;
+    visibleProp: boolean;
 }>> & {
     DropdownItem: import("vue").DefineComponent<{
         readonly command: import("../../utils/props").BuildPropReturn<readonly [ObjectConstructor, StringConstructor, NumberConstructor], () => {}, unknown, unknown, unknown>;

package/es/components/dropdown/index.mjs

@@ -1,10 +1,10 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
-import './src/dropdown.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 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';
 
 const ElDropdown = withInstall(script, {
   DropdownItem: script$1,

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

@@ -1,6 +1,6 @@
-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 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';
 
 script.render = render;
 script.__file = "packages/components/dropdown/src/dropdown-item.vue";

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

@@ -0,0 +1,41 @@
+import { defineComponent, getCurrentInstance } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import { useDropdown } from './useDropdown.mjs';
+
+var script = defineComponent({
+  name: "ElDropdownItem",
+  components: { ElIcon },
+  props: buildProps({
+    command: {
+      type: [Object, String, Number],
+      default: () => ({})
+    },
+    disabled: Boolean,
+    divided: Boolean,
+    icon: {
+      type: definePropType([String, Object])
+    }
+  }),
+  setup(props) {
+    const { elDropdown } = useDropdown();
+    const _instance = getCurrentInstance();
+    function handleClick(e) {
+      var _a, _b;
+      if (props.disabled) {
+        e.stopImmediatePropagation();
+        return;
+      }
+      if (elDropdown.hideOnClick.value) {
+        (_a = elDropdown.handleClick) == null ? void 0 : _a.call(elDropdown);
+      }
+      (_b = elDropdown.commandHandler) == null ? void 0 : _b.call(elDropdown, props.command, _instance, e);
+    }
+    return {
+      handleClick
+    };
+  }
+});
+
+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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <li\n    class=\"el-dropdown-menu__item\"\n    :class=\"{\n      'is-disabled': disabled,\n      'el-dropdown-menu__item--divided': divided,\n    }\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"disabled ? null : -1\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <slot></slot>\n  </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { useDropdown } from './useDropdown'\nimport type { Component } from 'vue'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: { ElIcon },\n  props: buildProps({\n    command: {\n      type: [Object, String, Number],\n      default: () => ({}),\n    },\n    disabled: Boolean,\n    divided: Boolean,\n    icon: {\n      type: definePropType<string | Component>([String, Object]),\n    },\n  } as const),\n  setup(props) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n\n    function handleClick(e: UIEvent) {\n      // if disabled don't collapse the drop-down list\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    return {\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAsBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE;AAAA,EACd,OAAO,WAAW;AAAA,IAChB,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAO;AAAA,IAElB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA;AAAA;AAAA,EAGtD,MAAM,OAAO;AACX,UAAM,EAAE,eAAe;AACvB,UAAM,YAAY;AAElB,yBAAqB,GAAY;;AAE/B,UAAI,MAAM,UAAU;AAClB,UAAE;AACF;AAAA;AAEF,UAAI,WAAW,YAAY,OAAO;AAChC,yBAAW,gBAAX;AAAA;AAEF,uBAAW,mBAAX,oCAA4B,MAAM,SAAS,WAAW;AAAA;AAGxD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,26 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = ["aria-disabled", "tabindex"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(["el-dropdown-menu__item", {
+      "is-disabled": _ctx.disabled,
+      "el-dropdown-menu__item--divided": _ctx.divided
+    }]),
+    "aria-disabled": _ctx.disabled,
+    tabindex: _ctx.disabled ? null : -1,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _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")
+  ], 10, _hoisted_1);
+}
+
+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

@@ -0,0 +1 @@
+{"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  <li\n    class=\"el-dropdown-menu__item\"\n    :class=\"{\n      'is-disabled': disabled,\n      'el-dropdown-menu__item--divided': divided,\n    }\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"disabled ? null : -1\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <slot></slot>\n  </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { useDropdown } from './useDropdown'\nimport type { Component } from 'vue'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: { ElIcon },\n  props: buildProps({\n    command: {\n      type: [Object, String, Number],\n      default: () => ({}),\n    },\n    disabled: Boolean,\n    divided: Boolean,\n    icon: {\n      type: definePropType<string | Component>([String, Object]),\n    },\n  } as const),\n  setup(props) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n\n    function handleClick(e: UIEvent) {\n      // if disabled don't collapse the drop-down list\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    return {\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;sBACEA;IACE,uBAAM;;;;IAKL,iBAAe;IACf,UAAU;IACV,gDAAO;;IAEO,0BAAfC;uBAAqB;sBAAAA,YAAwBC,wBAAR;;;;IACrCC;;;;;;"}

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

@@ -1,6 +1,6 @@
-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 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';
 
 script.render = render;
 script.__file = "packages/components/dropdown/src/dropdown-menu.vue";

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

@@ -0,0 +1,44 @@
+import { defineComponent, onMounted, getCurrentInstance } from 'vue';
+import '../../../directives/index.mjs';
+import { useDropdown, initDropdownDomEvent } from './useDropdown.mjs';
+import ClickOutside from '../../../directives/click-outside/index.mjs';
+
+var script = defineComponent({
+  name: "ElDropdownMenu",
+  directives: {
+    ClickOutside
+  },
+  setup() {
+    const { _elDropdownSize, elDropdown } = useDropdown();
+    const size = _elDropdownSize.value;
+    function show() {
+      var _a;
+      if (["click", "contextmenu"].includes(elDropdown.trigger.value))
+        return;
+      (_a = elDropdown.show) == null ? void 0 : _a.call(elDropdown);
+    }
+    function hide() {
+      if (["click", "contextmenu"].includes(elDropdown.trigger.value))
+        return;
+      _hide();
+    }
+    function _hide() {
+      var _a;
+      (_a = elDropdown.hide) == null ? void 0 : _a.call(elDropdown);
+    }
+    onMounted(() => {
+      const dropdownMenu = getCurrentInstance();
+      initDropdownDomEvent(dropdownMenu, elDropdown.triggerElm.value, elDropdown.instance);
+    });
+    return {
+      size,
+      show,
+      hide,
+      innerHide: _hide,
+      triggerElm: elDropdown.triggerElm
+    };
+  }
+});
+
+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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    v-clickOutside:[triggerElm]=\"innerHide\"\n    :class=\"[size && `el-dropdown-menu--${size}`]\"\n    class=\"el-dropdown-menu\"\n    @mouseenter.stop=\"show\"\n    @mouseleave.stop=\"hide\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  directives: {\n    ClickOutside,\n  },\n  setup() {\n    const { _elDropdownSize, elDropdown } = useDropdown()\n    const size = _elDropdownSize.value\n\n    function show() {\n      if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n      elDropdown.show?.()\n    }\n    function hide() {\n      if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n      _hide()\n    }\n    function _hide() {\n      elDropdown.hide?.()\n    }\n\n    onMounted(() => {\n      const dropdownMenu = getCurrentInstance()\n      initDropdownDomEvent(\n        dropdownMenu,\n        elDropdown.triggerElm.value,\n        elDropdown.instance\n      )\n    })\n\n    return {\n      size,\n      show,\n      hide,\n      innerHide: _hide,\n      triggerElm: elDropdown.triggerElm,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAgBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,QAAQ;AACN,UAAM,EAAE,iBAAiB,eAAe;AACxC,UAAM,OAAO,gBAAgB;AAE7B,oBAAgB;;AACd,UAAI,CAAC,SAAS,eAAe,SAAS,WAAW,QAAQ;AAAQ;AACjE,uBAAW,SAAX;AAAA;AAEF,oBAAgB;AACd,UAAI,CAAC,SAAS,eAAe,SAAS,WAAW,QAAQ;AAAQ;AACjE;AAAA;AAEF,qBAAiB;;AACf,uBAAW,SAAX;AAAA;AAGF,cAAU,MAAM;AACd,YAAM,eAAe;AACrB,2BACE,cACA,WAAW,WAAW,OACtB,WAAW;AAAA;AAIf,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,YAAY,WAAW;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,17 @@
+import { resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _directive_clickOutside = resolveDirective("clickOutside");
+  return withDirectives((openBlock(), createElementBlock("ul", {
+    class: normalizeClass([[_ctx.size && `el-dropdown-menu--${_ctx.size}`], "el-dropdown-menu"]),
+    onMouseenter: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.show && _ctx.show(...args), ["stop"])),
+    onMouseleave: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.hide && _ctx.hide(...args), ["stop"]))
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 34)), [
+    [_directive_clickOutside, _ctx.innerHide, _ctx.triggerElm]
+  ]);
+}
+
+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

@@ -0,0 +1 @@
+{"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    v-clickOutside:[triggerElm]=\"innerHide\"\n    :class=\"[size && `el-dropdown-menu--${size}`]\"\n    class=\"el-dropdown-menu\"\n    @mouseenter.stop=\"show\"\n    @mouseleave.stop=\"hide\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  directives: {\n    ClickOutside,\n  },\n  setup() {\n    const { _elDropdownSize, elDropdown } = useDropdown()\n    const size = _elDropdownSize.value\n\n    function show() {\n      if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n      elDropdown.show?.()\n    }\n    function hide() {\n      if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n      _hide()\n    }\n    function _hide() {\n      elDropdown.hide?.()\n    }\n\n    onMounted(() => {\n      const dropdownMenu = getCurrentInstance()\n      initDropdownDomEvent(\n        dropdownMenu,\n        elDropdown.triggerElm.value,\n        elDropdown.instance\n      )\n    })\n\n    return {\n      size,\n      show,\n      hide,\n      innerHide: _hide,\n      triggerElm: elDropdown.triggerElm,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;sCACEA;IAEG,wBAAQ,kCAA6B,cAChC;AAAA,IACL,mEAAiB;IACjB,mEAAiB;;IAElBC;;8BAN6B,gBAAd;;;;;;"}