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

package/es/ele-dropdown/components/pro-dropdown.js

@@ -1,21 +1,23 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
-import { ElButton, ElScrollbar } from "element-plus";
+import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, withCtx, createElementBlock, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, unref } from "vue";
+import { ElScrollbar, ElButton } from "element-plus";
 import { ArrowDown } from "../../icons";
 import { pick } from "../../utils/core";
 import EleTooltip from "../../ele-tooltip/index";
 import { tooltipPropKeys } from "../../ele-tooltip/props";
 import DropdownMenus from "./dropdown-menus";
 import { dropdownProps, dropdownEmits } from "../props";
-const _sfc_main = defineComponent({
-  name: "ProDropdown",
-  components: { ElButton, ElScrollbar, EleTooltip, DropdownMenus },
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProDropdown" },
+  __name: "pro-dropdown",
   props: {
     ...dropdownProps,
     /** 当前选中菜单项 */
     selected: Object
   },
   emits: dropdownEmits,
-  setup(props, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const tooltipRef = ref(null);
     const tooltipProps = computed(() => {
       const options = pick(props, tooltipPropKeys);
@@ -68,9 +70,6 @@ const _sfc_main = defineComponent({
       }
       emit("command", item.command);
     };
-    const handleBtnClick = (e) => {
-      emit("click", e);
-    };
     const handleOpen = () => {
       if (props.disabled) {
         return;
@@ -85,121 +84,99 @@ const _sfc_main = defineComponent({
         e.preventDefault();
       }
     };
-    return {
-      ArrowDown,
+    __expose({
       tooltipRef,
-      tooltipProps,
-      hasSubMenu,
       hidePopper,
       updatePopper,
-      handleUpdateVisible,
-      handlePopBeforeEnter,
-      handlePopBeforeLeave,
-      handlePopAfterEnter,
-      handlePopAfterLeave,
-      handleItemClick,
-      handleBtnClick,
       handleOpen,
-      handleClose,
-      handleWrapperContext
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElButton = resolveComponent("ElButton");
-  const _component_DropdownMenus = resolveComponent("DropdownMenus");
-  const _component_ElScrollbar = resolveComponent("ElScrollbar");
-  const _component_EleTooltip = resolveComponent("EleTooltip");
-  return openBlock(), createBlock(_component_EleTooltip, mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
-    ref: "tooltipRef",
-    "onUpdate:visible": _ctx.handleUpdateVisible,
-    onBeforeShow: _ctx.handlePopBeforeEnter,
-    onBeforeHide: _ctx.handlePopBeforeLeave,
-    onShow: _ctx.handlePopAfterEnter,
-    onHide: _ctx.handlePopAfterLeave
-  }), {
-    body: withCtx(() => [
-      _ctx.hasSubMenu ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "ele-dropdown-wrapper",
-        onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.handleWrapperContext && _ctx.handleWrapperContext(...args))
-      }, [
-        _ctx.items && _ctx.items.length ? (openBlock(), createBlock(_component_DropdownMenus, {
-          key: 0,
-          role: _ctx.role,
-          items: _ctx.items,
-          selected: _ctx.modelValue,
-          menuStyle: _ctx.menuStyle,
-          iconProps: _ctx.iconProps,
-          size: _ctx.size,
-          onItemClick: _ctx.handleItemClick,
-          onWrapperContext: _ctx.handleWrapperContext
-        }, createSlots({ _: 2 }, [
-          renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
-            return {
-              name,
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-              ])
-            };
-          })
-        ]), 1032, ["role", "items", "selected", "menuStyle", "iconProps", "size", "onItemClick", "onWrapperContext"])) : createCommentVNode("", true)
-      ], 32)) : (openBlock(), createBlock(_component_ElScrollbar, {
-        key: 1,
-        maxHeight: _ctx.maxHeight,
-        class: "ele-dropdown-wrapper",
-        onContextmenu: _ctx.handleWrapperContext
-      }, {
+      handleClose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(EleTooltip, mergeProps({ tabindex: _ctx.tabindex }, tooltipProps.value, {
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        "onUpdate:visible": handleUpdateVisible,
+        onBeforeShow: handlePopBeforeEnter,
+        onBeforeHide: handlePopBeforeLeave,
+        onShow: handlePopAfterEnter,
+        onHide: handlePopAfterLeave
+      }), {
+        body: withCtx(() => [
+          hasSubMenu.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ele-dropdown-wrapper",
+            onContextmenu: handleWrapperContext
+          }, [
+            _ctx.items && _ctx.items.length ? (openBlock(), createBlock(DropdownMenus, {
+              key: 0,
+              role: _ctx.role,
+              items: _ctx.items,
+              selected: _ctx.modelValue,
+              menuStyle: _ctx.menuStyle,
+              iconProps: _ctx.iconProps,
+              size: _ctx.size,
+              onItemClick: handleItemClick,
+              onWrapperContext: handleWrapperContext
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["role", "items", "selected", "menuStyle", "iconProps", "size"])) : createCommentVNode("", true)
+          ], 32)) : (openBlock(), createBlock(unref(ElScrollbar), {
+            key: 1,
+            maxHeight: _ctx.maxHeight,
+            class: "ele-dropdown-wrapper",
+            onContextmenu: handleWrapperContext
+          }, {
+            default: withCtx(() => [
+              _ctx.items && _ctx.items.length ? (openBlock(), createBlock(DropdownMenus, {
+                key: 0,
+                role: _ctx.role,
+                items: _ctx.items,
+                selected: _ctx.modelValue,
+                menuStyle: _ctx.menuStyle,
+                iconProps: _ctx.iconProps,
+                size: _ctx.size,
+                onItemClick: handleItemClick,
+                onWrapperContext: handleWrapperContext
+              }, createSlots({ _: 2 }, [
+                renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
+                  return {
+                    name,
+                    fn: withCtx((slotProps) => [
+                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                    ])
+                  };
+                })
+              ]), 1032, ["role", "items", "selected", "menuStyle", "iconProps", "size"])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["maxHeight"]))
+        ]),
         default: withCtx(() => [
-          _ctx.items && _ctx.items.length ? (openBlock(), createBlock(_component_DropdownMenus, {
+          _ctx.splitButton ? (openBlock(), createBlock(unref(ElButton), mergeProps({
             key: 0,
-            role: _ctx.role,
-            items: _ctx.items,
-            selected: _ctx.modelValue,
-            menuStyle: _ctx.menuStyle,
-            iconProps: _ctx.iconProps,
+            type: _ctx.type,
             size: _ctx.size,
-            onItemClick: _ctx.handleItemClick,
-            onWrapperContext: _ctx.handleWrapperContext
-          }, createSlots({ _: 2 }, [
-            renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
-              return {
-                name,
-                fn: withCtx((slotProps) => [
-                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-                ])
-              };
-            })
-          ]), 1032, ["role", "items", "selected", "menuStyle", "iconProps", "size", "onItemClick", "onWrapperContext"])) : createCommentVNode("", true)
+            disabled: _ctx.disabled,
+            icon: unref(ArrowDown),
+            class: "ele-dropdown-caret-button"
+          }, _ctx.caretButtonProps || {}), null, 16, ["type", "size", "disabled", "icon"])) : renderSlot(_ctx.$slots, "default", {
+            key: 1,
+            active: _ctx.modelValue,
+            selected: __props.selected
+          })
         ]),
         _: 3
-      }, 8, ["maxHeight", "onContextmenu"]))
-    ]),
-    default: withCtx(() => [
-      _ctx.splitButton ? (openBlock(), createBlock(_component_ElButton, mergeProps({
-        key: 0,
-        type: _ctx.type,
-        size: _ctx.size,
-        disabled: _ctx.disabled,
-        icon: _ctx.ArrowDown,
-        class: "ele-dropdown-caret-button"
-      }, _ctx.caretButtonProps || {}), null, 16, ["type", "size", "disabled", "icon"])) : renderSlot(_ctx.$slots, "default", {
-        key: 1,
-        active: _ctx.modelValue,
-        selected: _ctx.selected
-      })
-    ]),
-    _: 3
-  }, 16, ["tabindex", "onUpdate:visible", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
-}
-const proDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+      }, 16, ["tabindex"]);
+    };
+  }
+});
 export {
-  proDropdown as default
+  _sfc_main as default
 };

package/es/ele-dropdown/index.d.ts

@@ -1,10 +1,18 @@
 import { Ref } from 'vue';
-import { ElDropdownProps } from '../ele-app/el';
-import { omit } from '../utils/core';
 import { DropdownItem } from './types';
 import { DropdownInstance } from './props';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: {
+    item: DropdownItem;
+}) => any>> & {
+    default?(_: {
+        active: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        selected: DropdownItem | null | undefined;
+    }): any;
+    dropdown?(_: {}): any;
+    dropdownMenu?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     transition: {
         type: StringConstructor;
         default: string;
@@ -22,22 +30,23 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     type: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     effect: {
         readonly default: "light";
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
     popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     disabled: BooleanConstructor;
+    triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
     popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
     id: StringConstructor;
     splitButton: BooleanConstructor;
@@ -45,8 +54,8 @@ declare const _default: import('vue').DefineComponent<{
     loop: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
     hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-    tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 0, boolean>;
-    maxHeight: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, "", boolean>;
+    tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    maxHeight: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
     role: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
     buttonProps: {
         readonly type: import('vue').PropType<import('element-plus').ButtonProps>;
@@ -60,15 +69,15 @@ declare const _default: import('vue').DefineComponent<{
     bg: StringConstructor;
     persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     appendTo: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     zIndex: NumberConstructor;
-    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown, null, boolean>;
-    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-    triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     enterable: {
         readonly default: true;
@@ -77,7 +86,6 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
-    showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     arrowOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
     virtualRef: {
         readonly type: import('vue').PropType<import('element-plus').Measurable>;
@@ -89,28 +97,22 @@ declare const _default: import('vue').DefineComponent<{
     className: StringConstructor;
     gpuAcceleration: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     arrowBg: StringConstructor;
-}, {
-    omit: typeof omit;
-    dropdownRef: Ref<DropdownInstance>;
-    dropdownProps: import('vue').ComputedRef<ElDropdownProps>;
-    selected: import('vue').ComputedRef<DropdownItem | null | undefined>;
-    handleMenuClick: (command: DropdownItem["command"]) => void;
-    handleBtnClick: (e: MouseEvent) => void;
-    handlePopVisibleChange: (visible: boolean) => void;
+}>, {
+    dropdownRef: Ref<DropdownInstance, DropdownInstance>;
     handleOpen: () => void;
     handleClose: () => void;
     updatePopper: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (_e: MouseEvent) => boolean;
-    command: (_command: DropdownItem["command"]) => boolean;
-    visibleChange: (_visible: boolean) => boolean;
-    'update:modelValue': (_value: DropdownItem["command"]) => boolean;
-    change: (_active: DropdownItem["command"]) => boolean;
-    'update:visible': (value: boolean) => boolean;
-    'before-enter': () => boolean;
-    'before-leave': () => boolean;
-    'after-enter': () => boolean;
-    'after-leave': () => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_e: MouseEvent) => void;
+    command: (_command: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => void;
+    "update:modelValue": (_value: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => void;
+    change: (_active: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => void;
+    "update:visible": (value: boolean) => void;
+    visibleChange: (_visible: boolean) => void;
+    "before-enter": () => void;
+    "before-leave": () => void;
+    "after-enter": () => void;
+    "after-leave": () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     transition: {
         type: StringConstructor;
@@ -129,22 +131,23 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     type: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     effect: {
         readonly default: "light";
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
     popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     disabled: BooleanConstructor;
+    triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
     popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
     id: StringConstructor;
     splitButton: BooleanConstructor;
@@ -152,8 +155,8 @@ declare const _default: import('vue').DefineComponent<{
     loop: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
     hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-    tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 0, boolean>;
-    maxHeight: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, "", boolean>;
+    tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    maxHeight: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
     role: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
     buttonProps: {
         readonly type: import('vue').PropType<import('element-plus').ButtonProps>;
@@ -167,15 +170,15 @@ declare const _default: import('vue').DefineComponent<{
     bg: StringConstructor;
     persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     appendTo: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     zIndex: NumberConstructor;
-    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown, null, boolean>;
-    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-    triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     enterable: {
         readonly default: true;
@@ -184,7 +187,6 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
-    showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     arrowOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
     virtualRef: {
         readonly type: import('vue').PropType<import('element-plus').Measurable>;
@@ -196,44 +198,50 @@ declare const _default: import('vue').DefineComponent<{
     className: StringConstructor;
     gpuAcceleration: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     arrowBg: StringConstructor;
-}>> & {
-    "onUpdate:modelValue"?: ((_value: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
-    onChange?: ((_active: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
-    onVisibleChange?: ((_visible: boolean) => any) | undefined;
+}>> & Readonly<{
     onClick?: ((_e: MouseEvent) => any) | undefined;
     onCommand?: ((_command: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
+    onChange?: ((_active: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-    "onAfter-enter"?: (() => any) | undefined;
-    "onAfter-leave"?: (() => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
     "onBefore-enter"?: (() => any) | undefined;
     "onBefore-leave"?: (() => any) | undefined;
-}, {
-    effect: string;
-    placement: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], unknown, unknown>;
+    "onAfter-enter"?: (() => any) | undefined;
+    "onAfter-leave"?: (() => any) | undefined;
+}>, {
+    effect: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown>;
+    placement: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown>;
     popperClass: string;
     teleported: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: boolean;
     offset: number;
     validateEvent: boolean;
     persistent: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    visible: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
-    trigger: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown>;
+    visible: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown>;
+    trigger: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown>;
+    triggerKeys: string[];
     popperOptions: Partial<import('element-plus').Options>;
     splitButton: boolean;
     hideOnClick: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     loop: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     showTimeout: number;
     hideTimeout: number;
-    tabindex: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>;
-    maxHeight: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>;
+    tabindex: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
+    maxHeight: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     role: string;
-    triggerKeys: string[];
+    showArrow: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     transition: string;
     enterable: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    showArrow: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     arrowOffset: number;
     virtualTriggering: boolean;
     gpuAcceleration: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     preventContextmenu: 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;
+    };
+};