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

package/lib/ele-dropdown/components/pro-dropdown.d.ts

@@ -0,0 +1,237 @@
+import { PropType } from 'vue';
+import { EleTooltipInstance } from '../../ele-app/plus';
+import { DropdownItem } from '../types';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 当前选中菜单项 */
+    selected: PropType<DropdownItem | null>;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: PropType<DropdownItem[]>;
+    modelValue: PropType<DropdownItem["command"]>;
+    menuStyle: PropType<import('../../ele-app/types').StyleValue>;
+    iconProps: PropType<import('../../ele-app/el').ElIconProps>;
+    componentType: PropType<"pro">;
+    preventContextmenu: BooleanConstructor;
+    splitButtonProps: PropType<import('../../ele-app/el').ElButtonProps>;
+    caretButtonProps: PropType<import('../../ele-app/el').ElButtonProps>;
+    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 required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    effect: {
+        readonly default: "light";
+        readonly type: import('vue').PropType<string>;
+        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>;
+    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;
+    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;
+    hideOnClick: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    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>;
+    role: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+    buttonProps: {
+        readonly type: import('vue').PropType<import('element-plus').ButtonProps>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    size: PropType<import('../../ele-app/el').ElButtonProps["size"]>;
+    ariaLabel: StringConstructor;
+    offset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
+    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 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>;
+    popperStyle: PropType<import('../../ele-app/types').StyleValue>;
+    enterable: {
+        readonly default: true;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        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>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    className: StringConstructor;
+    gpuAcceleration: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    arrowBg: StringConstructor;
+}, {
+    ArrowDown: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+    tooltipRef: import('vue').Ref<EleTooltipInstance>;
+    tooltipProps: import('vue').ComputedRef<Partial<import('../../ele-tooltip/props').TooltipProps>>;
+    hidePopper: () => void;
+    updatePopper: () => void;
+    handleUpdateVisible: (visible: boolean) => void;
+    handlePopBeforeEnter: () => void;
+    handlePopBeforeLeave: () => void;
+    handlePopAfterEnter: () => void;
+    handlePopAfterLeave: () => void;
+    handleItemClick: (item: DropdownItem) => void;
+    handleBtnClick: (e: MouseEvent) => void;
+    handleOpen: () => void;
+    handleClose: () => void;
+    handleContextmenu: (e: MouseEvent) => 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;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 当前选中菜单项 */
+    selected: PropType<DropdownItem | null>;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: PropType<DropdownItem[]>;
+    modelValue: PropType<DropdownItem["command"]>;
+    menuStyle: PropType<import('../../ele-app/types').StyleValue>;
+    iconProps: PropType<import('../../ele-app/el').ElIconProps>;
+    componentType: PropType<"pro">;
+    preventContextmenu: BooleanConstructor;
+    splitButtonProps: PropType<import('../../ele-app/el').ElButtonProps>;
+    caretButtonProps: PropType<import('../../ele-app/el').ElButtonProps>;
+    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 required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    effect: {
+        readonly default: "light";
+        readonly type: import('vue').PropType<string>;
+        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>;
+    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;
+    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;
+    hideOnClick: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    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>;
+    role: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+    buttonProps: {
+        readonly type: import('vue').PropType<import('element-plus').ButtonProps>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    size: PropType<import('../../ele-app/el').ElButtonProps["size"]>;
+    ariaLabel: StringConstructor;
+    offset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
+    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 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>;
+    popperStyle: PropType<import('../../ele-app/types').StyleValue>;
+    enterable: {
+        readonly default: true;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        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>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    className: StringConstructor;
+    gpuAcceleration: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    arrowBg: StringConstructor;
+}>> & {
+    onChange?: ((_active: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
+    onClick?: ((_e: MouseEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onCommand?: ((_command: 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;
+    "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>;
+    popperClass: string;
+    teleported: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    disabled: boolean;
+    offset: number;
+    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>;
+    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>;
+    role: string;
+    triggerKeys: string[];
+    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;
+}, {}>;
+export default _default;

package/lib/ele-dropdown/index.cjs

@@ -2,40 +2,42 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const core = require("../utils/core");
+const util = require("../ele-basic-select/util");
+const ProDropdown = require("./components/pro-dropdown");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleDropdown",
-  components: { ElDropdown: elementPlus.ElDropdown, ElDropdownMenu: elementPlus.ElDropdownMenu, ElDropdownItem: elementPlus.ElDropdownItem, ElIcon: elementPlus.ElIcon },
+  components: {
+    ElDropdown: elementPlus.ElDropdown,
+    ElDropdownMenu: elementPlus.ElDropdownMenu,
+    ElDropdownItem: elementPlus.ElDropdownItem,
+    ElIcon: elementPlus.ElIcon,
+    ProDropdown
+  },
   props: props.dropdownProps,
   emits: props.dropdownEmits,
-  setup(props2, { emit }) {
+  setup(props$1, { emit }) {
+    const { validateChange } = util.useFormValidate();
     const dropdownRef = vue.ref();
-    const rootProps = vue.computed(() => {
-      const options = core.omit(props2, [
-        "items",
-        "modelValue",
-        "menuStyle",
-        "iconProps",
-        "onCommand",
-        "onClick",
-        "onVisibleChange"
-      ]);
+    const dropdownProps2 = vue.computed(() => {
+      const options = core.pick(props$1, props.elDropdownPropKeys);
       const classes = ["ele-popper", "ele-dropdown"];
-      if (props2.popperClass) {
-        classes.push(props2.popperClass);
+      if (props$1.popperClass) {
+        classes.push(props$1.popperClass);
       }
       options.popperClass = classes.join(" ");
       return options;
     });
     const selected = vue.computed(() => {
-      if (props2.modelValue == null || props2.modelValue === "" || !props2.items) {
+      if (props$1.modelValue == null || props$1.modelValue === "" || !props$1.items) {
         return;
       }
-      return props2.items.find((d) => d.command === props2.modelValue);
+      return props$1.items.find((d) => d.command === props$1.modelValue);
     });
     const updateModelValue = (value) => {
-      if (value !== props2.modelValue) {
+      if (value !== props$1.modelValue) {
         emit("update:modelValue", value);
+        validateChange();
         emit("change", value);
       }
     };
@@ -43,8 +45,8 @@ const _sfc_main = vue.defineComponent({
       updateModelValue(command);
       emit("command", command);
     };
-    const handleBtnClick = () => {
-      emit("click");
+    const handleBtnClick = (e) => {
+      emit("click", e);
     };
     const handlePopVisibleChange = (visible) => {
       emit("visibleChange", visible);
@@ -59,16 +61,22 @@ const _sfc_main = vue.defineComponent({
         dropdownRef.value.handleClose();
       }
     };
+    const updatePopper = () => {
+      if (dropdownRef.value && dropdownRef.value.updatePopper) {
+        dropdownRef.value.updatePopper();
+      }
+    };
     return {
       omit: core.omit,
       dropdownRef,
-      rootProps,
+      dropdownProps: dropdownProps2,
       selected,
       handleMenuClick,
       handleBtnClick,
       handlePopVisibleChange,
       handleOpen,
-      handleClose
+      handleClose,
+      updatePopper
     };
   }
 });
@@ -79,15 +87,92 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _hoisted_1 = { key: 1 };
+const _hoisted_1 = {
+  key: 1,
+  class: "ele-dropdown-trigger"
+};
+const _hoisted_2 = { key: 1 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ProDropdown = vue.resolveComponent("ProDropdown");
+  const _component_ElButton = vue.resolveComponent("ElButton");
+  const _component_ElButtonGroup = vue.resolveComponent("ElButtonGroup");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ElDropdownItem = vue.resolveComponent("ElDropdownItem");
   const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
   const _component_ElDropdown = vue.resolveComponent("ElDropdown");
-  return vue.openBlock(), vue.createBlock(_component_ElDropdown, vue.mergeProps(_ctx.rootProps, {
+  return _ctx.componentType === "pro" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+    _ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(_component_ProDropdown, vue.mergeProps({ key: 0 }, _ctx.$props, {
+      ref: "dropdownRef",
+      splitButton: false,
+      selected: _ctx.selected,
+      onClick: _ctx.handleBtnClick,
+      onCommand: _ctx.handleMenuClick,
+      onVisibleChange: _ctx.handlePopVisibleChange
+    }), vue.createSlots({ _: 2 }, [
+      vue.renderList(Object.keys(_ctx.$slots), (name) => {
+        return {
+          name,
+          fn: vue.withCtx((slotProps) => [
+            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+          ])
+        };
+      })
+    ]), 1040, ["selected", "onClick", "onCommand", "onVisibleChange"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_ElButtonGroup, { key: 0 }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_ElButton, vue.mergeProps({
+            type: _ctx.type,
+            size: _ctx.size,
+            disabled: _ctx.disabled
+          }, _ctx.splitButtonProps || {}, { onClick: _ctx.handleBtnClick }), {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default", {
+                active: _ctx.modelValue,
+                selected: _ctx.selected
+              })
+            ]),
+            _: 3
+          }, 16, ["type", "size", "disabled", "onClick"]),
+          vue.createVNode(_component_ProDropdown, vue.mergeProps(_ctx.$props, {
+            ref: "dropdownRef",
+            selected: _ctx.selected,
+            onClick: _ctx.handleBtnClick,
+            onCommand: _ctx.handleMenuClick,
+            onVisibleChange: _ctx.handlePopVisibleChange
+          }), vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040, ["selected", "onClick", "onCommand", "onVisibleChange"])
+        ]),
+        _: 3
+      })) : (vue.openBlock(), vue.createBlock(_component_ProDropdown, vue.mergeProps({ key: 1 }, _ctx.$props, {
+        ref: "dropdownRef",
+        selected: _ctx.selected,
+        onClick: _ctx.handleBtnClick,
+        onCommand: _ctx.handleMenuClick,
+        onVisibleChange: _ctx.handlePopVisibleChange
+      }), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1040, ["selected", "onClick", "onCommand", "onVisibleChange"]))
+    ]))
+  ], 64)) : (vue.openBlock(), vue.createBlock(_component_ElDropdown, vue.mergeProps({
+    key: 1,
+    class: "ele-dropdown-trigger"
+  }, _ctx.dropdownProps, {
     ref: "dropdownRef",
-    class: "ele-dropdown-trigger",
     onClick: _ctx.handleBtnClick,
     onCommand: _ctx.handleMenuClick,
     onVisibleChange: _ctx.handlePopVisibleChange
@@ -98,10 +183,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         style: vue.normalizeStyle(_ctx.menuStyle)
       }, {
         default: vue.withCtx(() => [
-          _ctx.items ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.items, (item, index2) => {
+          _ctx.items ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.items, (item) => {
             return vue.openBlock(), vue.createBlock(_component_ElDropdownItem, vue.mergeProps(
               {
-                key: typeof item.command === "object" ? index2 : item.command,
+                key: item.key == null ? JSON.stringify(item.command) : item.key,
                 class: [
                   { "is-active": _ctx.modelValue === item.command },
                   { "is-danger": !!item.danger }
@@ -133,7 +218,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     ]),
                     _: 2
                   }, 1040)) : vue.createCommentVNode("", true),
-                  item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(item.title), 1)) : vue.createCommentVNode("", true)
+                  item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(item.title), 1)) : vue.createCommentVNode("", true)
                 ], 64))
               ]),
               _: 2
@@ -150,7 +235,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       })
     ]),
     _: 3
-  }, 16, ["onClick", "onCommand", "onVisibleChange"]);
+  }, 16, ["onClick", "onCommand", "onVisibleChange"]));
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;