ele-admin-plus 1.3.0-beta.3 → 1.3.0-beta.4

package/lib/ele-drawer/index.cjs

@@ -6,12 +6,15 @@ const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const util = require("../ele-pro-layout/util");
 const util$1 = require("../ele-modal/util");
 const props = require("./props");
-const _sfc_main = vue.defineComponent({
-  name: "EleDrawer",
-  components: { ElDrawer: elementPlus.ElDrawer, ElIcon: elementPlus.ElIcon, CloseOutlined: icons.CloseOutlined, ReceiverView },
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EleDrawer" },
+  __name: "index",
   props: props.drawerProps,
   emits: elementPlus.drawerEmits,
-  setup(props2, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
     const layoutState = util.useLayoutState();
     const drawerRef = vue.ref(null);
     const isActivated = vue.ref(true);
@@ -76,126 +79,104 @@ const _sfc_main = vue.defineComponent({
     vue.onDeactivated(() => {
       isActivated.value = false;
     });
-    return {
+    __expose({
       drawerRef,
-      drawerClass,
-      teleportTo,
-      teleportDisabled,
-      handleClose,
-      updateModelValue,
-      handleDrawerOpen,
-      handleDrawerOpened,
-      handleDrawerClose,
-      handleDrawerClosed,
-      handleDrawerOpenAutoFocus,
-      handleDrawerCloseAutoFocus
+      handleClose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Teleport, {
+        to: teleportTo.value,
+        disabled: teleportDisabled.value
+      }, [
+        vue.createVNode(vue.unref(elementPlus.ElDrawer), vue.mergeProps(_ctx.$attrs, {
+          ref_key: "drawerRef",
+          ref: drawerRef,
+          modelValue: _ctx.modelValue,
+          appendToBody: false,
+          lockScroll: _ctx.inner ? false : _ctx.lockScroll,
+          beforeClose: _ctx.beforeClose,
+          closeOnClickModal: _ctx.closeOnClickModal,
+          closeOnPressEscape: _ctx.closeOnPressEscape,
+          openDelay: _ctx.openDelay,
+          closeDelay: _ctx.closeDelay,
+          destroyOnClose: _ctx.destroyOnClose,
+          modal: _ctx.modal,
+          direction: _ctx.direction,
+          showClose: false,
+          size: _ctx.size,
+          title: _ctx.title,
+          withHeader: _ctx.withHeader,
+          modalClass: drawerClass.value,
+          zIndex: _ctx.zIndex,
+          headerAriaLevel: _ctx.headerAriaLevel,
+          onOpen: handleDrawerOpen,
+          onOpened: handleDrawerOpened,
+          onClose: handleDrawerClose,
+          onClosed: handleDrawerClosed,
+          onOpenAutoFocus: handleDrawerOpenAutoFocus,
+          onCloseAutoFocus: handleDrawerCloseAutoFocus,
+          "onUpdate:modelValue": updateModelValue
+        }), vue.createSlots({
+          header: vue.withCtx(({ close }) => [
+            vue.createElementVNode("div", {
+              class: "ele-drawer-header",
+              style: vue.normalizeStyle(_ctx.headerStyle)
+            }, [
+              vue.createElementVNode("div", {
+                role: "heading",
+                class: "ele-drawer-title",
+                style: vue.normalizeStyle(_ctx.titleStyle)
+              }, [
+                vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+                ])
+              ], 4),
+              _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "ele-drawer-close",
+                style: vue.normalizeStyle(_ctx.closeBtnStyle),
+                onClick: close
+              }, [
+                vue.renderSlot(_ctx.$slots, "closeBtn", {}, () => [
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(icons.CloseOutlined))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 12, _hoisted_1)) : vue.createCommentVNode("", true)
+            ], 4)
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(ReceiverView, {
+              wrapPosition: false,
+              class: "ele-drawer-body",
+              style: vue.normalizeStyle(_ctx.bodyStyle)
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["style"])
+          ]),
+          _: 2
+        }, [
+          _ctx.$slots.footer ? {
+            name: "footer",
+            fn: vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                class: "ele-drawer-footer",
+                style: vue.normalizeStyle(_ctx.footerStyle)
+              }, [
+                vue.renderSlot(_ctx.$slots, "footer")
+              ], 4)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "lockScroll", "beforeClose", "closeOnClickModal", "closeOnPressEscape", "openDelay", "closeDelay", "destroyOnClose", "modal", "direction", "size", "title", "withHeader", "modalClass", "zIndex", "headerAriaLevel"])
+      ], 8, ["to", "disabled"]);
     };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = ["onClick"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
-  const _component_ElDrawer = vue.resolveComponent("ElDrawer");
-  return vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: _ctx.teleportTo,
-    disabled: _ctx.teleportDisabled
-  }, [
-    vue.createVNode(_component_ElDrawer, vue.mergeProps(_ctx.$attrs, {
-      ref: "drawerRef",
-      modelValue: _ctx.modelValue,
-      appendToBody: false,
-      lockScroll: _ctx.inner ? false : _ctx.lockScroll,
-      beforeClose: _ctx.beforeClose,
-      closeOnClickModal: _ctx.closeOnClickModal,
-      closeOnPressEscape: _ctx.closeOnPressEscape,
-      openDelay: _ctx.openDelay,
-      closeDelay: _ctx.closeDelay,
-      destroyOnClose: _ctx.destroyOnClose,
-      modal: _ctx.modal,
-      direction: _ctx.direction,
-      showClose: false,
-      size: _ctx.size,
-      title: _ctx.title,
-      withHeader: _ctx.withHeader,
-      modalClass: _ctx.drawerClass,
-      zIndex: _ctx.zIndex,
-      headerAriaLevel: _ctx.headerAriaLevel,
-      onOpen: _ctx.handleDrawerOpen,
-      onOpened: _ctx.handleDrawerOpened,
-      onClose: _ctx.handleDrawerClose,
-      onClosed: _ctx.handleDrawerClosed,
-      onOpenAutoFocus: _ctx.handleDrawerOpenAutoFocus,
-      onCloseAutoFocus: _ctx.handleDrawerCloseAutoFocus,
-      "onUpdate:modelValue": _ctx.updateModelValue
-    }), vue.createSlots({
-      header: vue.withCtx(({ close }) => [
-        vue.createElementVNode("div", {
-          class: "ele-drawer-header",
-          style: vue.normalizeStyle(_ctx.headerStyle)
-        }, [
-          vue.createElementVNode("div", {
-            role: "heading",
-            class: "ele-drawer-title",
-            style: vue.normalizeStyle(_ctx.titleStyle)
-          }, [
-            vue.renderSlot(_ctx.$slots, "header", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-            ])
-          ], 4),
-          _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "ele-drawer-close",
-            style: vue.normalizeStyle(_ctx.closeBtnStyle),
-            onClick: close
-          }, [
-            vue.renderSlot(_ctx.$slots, "closeBtn", {}, () => [
-              vue.createVNode(_component_ElIcon, null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_CloseOutlined)
-                ]),
-                _: 1
-              })
-            ])
-          ], 12, _hoisted_1)) : vue.createCommentVNode("", true)
-        ], 4)
-      ]),
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_ReceiverView, {
-          wrapPosition: false,
-          class: "ele-drawer-body",
-          style: vue.normalizeStyle(_ctx.bodyStyle)
-        }, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["style"])
-      ]),
-      _: 2
-    }, [
-      _ctx.$slots.footer ? {
-        name: "footer",
-        fn: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            class: "ele-drawer-footer",
-            style: vue.normalizeStyle(_ctx.footerStyle)
-          }, [
-            vue.renderSlot(_ctx.$slots, "footer")
-          ], 4)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["modelValue", "lockScroll", "beforeClose", "closeOnClickModal", "closeOnPressEscape", "openDelay", "closeDelay", "destroyOnClose", "modal", "direction", "size", "title", "withHeader", "modalClass", "zIndex", "headerAriaLevel", "onOpen", "onOpened", "onClose", "onClosed", "onOpenAutoFocus", "onCloseAutoFocus", "onUpdate:modelValue"])
-  ], 8, ["to", "disabled"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = index;
+module.exports = _sfc_main;

package/lib/ele-drawer/index.d.ts

@@ -1,6 +1,12 @@
 import { ElDrawerInstance } from '../ele-app/el';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    header?(_: {}): any;
+    closeBtn?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
@@ -13,7 +19,7 @@ declare const _default: import('vue').DefineComponent<{
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -51,7 +57,7 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -62,27 +68,17 @@ declare const _default: import('vue').DefineComponent<{
     showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-}, {
-    drawerRef: import('vue').Ref<ElDrawerInstance>;
-    drawerClass: import('vue').ComputedRef<string>;
-    teleportTo: import('vue').ComputedRef<string | Element>;
-    teleportDisabled: import('vue').ComputedRef<boolean>;
+}>, {
+    drawerRef: import('vue').Ref<ElDrawerInstance, ElDrawerInstance>;
     handleClose: () => void;
-    updateModelValue: (value: boolean) => void;
-    handleDrawerOpen: () => void;
-    handleDrawerOpened: () => void;
-    handleDrawerClose: () => void;
-    handleDrawerClosed: () => void;
-    handleDrawerOpenAutoFocus: () => void;
-    handleDrawerCloseAutoFocus: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    open: () => boolean;
-    opened: () => boolean;
-    close: () => boolean;
-    closed: () => boolean;
-    "update:modelValue": (value: boolean) => boolean;
-    openAutoFocus: () => boolean;
-    closeAutoFocus: () => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+    open: () => void;
+    "update:modelValue": (value: boolean) => void;
+    closed: () => void;
+    opened: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
@@ -96,7 +92,7 @@ declare const _default: import('vue').DefineComponent<{
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -134,7 +130,7 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -145,21 +141,21 @@ declare const _default: import('vue').DefineComponent<{
     showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-}>> & {
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>> & Readonly<{
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
-    onOpened?: (() => any) | undefined;
-    onClosed?: (() => any) | undefined;
-}, {
-    size: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+}>, {
     title: string;
     center: boolean;
     modelValue: boolean;
+    size: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     appendToBody: boolean;
-    appendTo: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
+    appendTo: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>;
     destroyOnClose: boolean;
     closeOnClickModal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -179,5 +175,11 @@ declare const _default: import('vue').DefineComponent<{
     withHeader: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modalFade: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     inner: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-drawer/props.d.ts

@@ -23,7 +23,7 @@ export declare const drawerProps: {
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -61,7 +61,7 @@ export declare const drawerProps: {
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/lib/ele-dropdown/components/dropdown-menu-item.cjs

@@ -2,9 +2,14 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const icons = require("../../icons");
-const _sfc_main = vue.defineComponent({
-  name: "DropdownMenuItem",
-  components: { ElIcon: elementPlus.ElIcon, ArrowRight: icons.ArrowRight },
+const _hoisted_1 = {
+  key: 0,
+  class: "ele-dropdown-menu-divider"
+};
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "DropdownMenuItem" },
+  __name: "dropdown-menu-item",
   props: {
     /** 菜单项数据 */
     item: {
@@ -20,7 +25,9 @@ const _sfc_main = vue.defineComponent({
     itemClick: (_item) => true,
     wrapperContext: (_e) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const itemRef = vue.ref(null);
     const subMenuRef = vue.ref(null);
     const placement = vue.ref();
@@ -51,81 +58,60 @@ const _sfc_main = vue.defineComponent({
     const handleWrapperContext = (e) => {
       emit("wrapperContext", e);
     };
-    return {
-      itemRef,
-      subMenuRef,
-      placement,
-      handleItemClick,
-      handleItemMouseenter,
-      handleWrapperContext
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-dropdown-menu-divider"
-};
-const _hoisted_2 = { key: 1 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ArrowRight = vue.resolveComponent("ArrowRight");
-  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _ctx.item.divided ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1)) : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", {
-      ref: "itemRef",
-      class: vue.normalizeClass([
-        "ele-dropdown-menu-item",
-        { "is-disabled": !!_ctx.item.disabled },
-        { "is-active": _ctx.selected === _ctx.item.command },
-        { "is-danger": !!_ctx.item.danger }
-      ]),
-      onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args), ["stop"])),
-      onMouseenter: _cache[3] || (_cache[3] = (...args) => _ctx.handleItemMouseenter && _ctx.handleItemMouseenter(...args))
-    }, [
-      _ctx.item.slot && _ctx.item.slot !== "default" && _ctx.item.slot !== "subMenus" && _ctx.$slots[_ctx.item.slot] ? vue.renderSlot(_ctx.$slots, _ctx.item.slot, {
-        key: 0,
-        item: _ctx.item
-      }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-        _ctx.item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, { ..._ctx.iconProps || {}, ..._ctx.item.iconProps || {} })), {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.item.icon), {
-              style: vue.normalizeStyle(_ctx.item.iconStyle)
-            }, null, 8, ["style"]))
-          ]),
-          _: 1
-        }, 16)) : vue.createCommentVNode("", true),
-        _ctx.item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.item.title), 1)) : vue.createCommentVNode("", true)
-      ], 64)),
-      _ctx.item.children && _ctx.item.children.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-        vue.createVNode(_component_ElIcon, { class: "ele-dropdown-menu-item-arrow" }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ArrowRight)
-          ]),
-          _: 1
-        }),
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        __props.item.divided ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
-          ref: "subMenuRef",
-          class: vue.normalizeClass(["ele-dropdown-wrapper is-sub-menu", [
-            { "is-right-end": _ctx.placement === "rightEnd" },
-            { "is-left-start": _ctx.placement === "leftStart" },
-            { "is-left-end": _ctx.placement === "leftEnd" }
-          ]]),
-          onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.handleWrapperContext && _ctx.handleWrapperContext(...args)),
-          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-          }, ["stop"]))
+          ref_key: "itemRef",
+          ref: itemRef,
+          class: vue.normalizeClass([
+            "ele-dropdown-menu-item",
+            { "is-disabled": !!__props.item.disabled },
+            { "is-active": __props.selected === __props.item.command },
+            { "is-danger": !!__props.item.danger }
+          ]),
+          onClick: vue.withModifiers(handleItemClick, ["stop"]),
+          onMouseenter: handleItemMouseenter
         }, [
-          vue.renderSlot(_ctx.$slots, "subMenus")
+          __props.item.slot && __props.item.slot !== "default" && __props.item.slot !== "subMenus" && _ctx.$slots[__props.item.slot] ? vue.renderSlot(_ctx.$slots, __props.item.slot, {
+            key: 0,
+            item: __props.item
+          }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            __props.item.icon ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), vue.normalizeProps(vue.mergeProps({ key: 0 }, { ...__props.iconProps || {}, ...__props.item.iconProps || {} })), {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.item.icon), {
+                  style: vue.normalizeStyle(__props.item.iconStyle)
+                }, null, 8, ["style"]))
+              ]),
+              _: 1
+            }, 16)) : vue.createCommentVNode("", true),
+            __props.item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(__props.item.title), 1)) : vue.createCommentVNode("", true)
+          ], 64)),
+          __props.item.children && __props.item.children.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "ele-dropdown-menu-item-arrow" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(icons.ArrowRight))
+              ]),
+              _: 1
+            }),
+            vue.createElementVNode("div", {
+              ref_key: "subMenuRef",
+              ref: subMenuRef,
+              class: vue.normalizeClass(["ele-dropdown-wrapper is-sub-menu", [
+                { "is-right-end": placement.value === "rightEnd" },
+                { "is-left-start": placement.value === "leftStart" },
+                { "is-left-end": placement.value === "leftEnd" }
+              ]]),
+              onContextmenu: handleWrapperContext,
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              vue.renderSlot(_ctx.$slots, "subMenus")
+            ], 34)
+          ], 64)) : vue.createCommentVNode("", true)
         ], 34)
-      ], 64)) : vue.createCommentVNode("", true)
-    ], 34)
-  ], 64);
-}
-const dropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = dropdownMenuItem;
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-dropdown/components/dropdown-menu-item.d.ts

@@ -2,7 +2,12 @@ import { PropType } from 'vue';
 import { ElIconProps } from '../../ele-app/el';
 import { DropdownItem } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: {
+    item: DropdownItem;
+}) => any>> & {
+    subMenus?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 菜单项数据 */
     item: {
         type: PropType<DropdownItem>;
@@ -12,16 +17,9 @@ declare const _default: import('vue').DefineComponent<{
     selected: PropType<DropdownItem["command"]>;
     /** 自定义图标属性 */
     iconProps: PropType<ElIconProps>;
-}, {
-    itemRef: import('vue').Ref<HTMLDivElement | null>;
-    subMenuRef: import('vue').Ref<HTMLDivElement | null>;
-    placement: import('vue').Ref<"rightEnd" | "leftStart" | "leftEnd" | undefined>;
-    handleItemClick: () => void;
-    handleItemMouseenter: () => void;
-    handleWrapperContext: (e: MouseEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    itemClick: (_item: DropdownItem) => true;
-    wrapperContext: (_e: MouseEvent) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_item: DropdownItem) => void;
+    wrapperContext: (_e: MouseEvent) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 菜单项数据 */
     item: {
@@ -32,8 +30,14 @@ declare const _default: import('vue').DefineComponent<{
     selected: PropType<DropdownItem["command"]>;
     /** 自定义图标属性 */
     iconProps: PropType<ElIconProps>;
-}>> & {
+}>> & Readonly<{
     onItemClick?: ((_item: DropdownItem) => any) | undefined;
     onWrapperContext?: ((_e: MouseEvent) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};