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

package/es/ele-dropdown/index.js

@@ -1,24 +1,25 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, normalizeStyle, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, normalizeStyle, resolveDynamicComponent, createCommentVNode, toDisplayString } from "vue";
 import { ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon } from "element-plus";
-import { omit } from "../utils/core";
-import { dropdownProps, dropdownEmits } from "./props";
+import { pick, omit } from "../utils/core";
+import { useFormValidate } from "../ele-basic-select/util";
+import ProDropdown from "./components/pro-dropdown";
+import { dropdownProps, dropdownEmits, elDropdownPropKeys } from "./props";
 const _sfc_main = defineComponent({
   name: "EleDropdown",
-  components: { ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon },
+  components: {
+    ElDropdown,
+    ElDropdownMenu,
+    ElDropdownItem,
+    ElIcon,
+    ProDropdown
+  },
   props: dropdownProps,
   emits: dropdownEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const dropdownRef = ref();
-    const rootProps = computed(() => {
-      const options = omit(props, [
-        "items",
-        "modelValue",
-        "menuStyle",
-        "iconProps",
-        "onCommand",
-        "onClick",
-        "onVisibleChange"
-      ]);
+    const dropdownProps2 = computed(() => {
+      const options = pick(props, elDropdownPropKeys);
       const classes = ["ele-popper", "ele-dropdown"];
       if (props.popperClass) {
         classes.push(props.popperClass);
@@ -35,6 +36,7 @@ const _sfc_main = defineComponent({
     const updateModelValue = (value) => {
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
+        validateChange();
         emit("change", value);
       }
     };
@@ -42,8 +44,8 @@ const _sfc_main = defineComponent({
       updateModelValue(command);
       emit("command", command);
     };
-    const handleBtnClick = () => {
-      emit("click");
+    const handleBtnClick = (e) => {
+      emit("click", e);
     };
     const handlePopVisibleChange = (visible) => {
       emit("visibleChange", visible);
@@ -58,16 +60,22 @@ const _sfc_main = defineComponent({
         dropdownRef.value.handleClose();
       }
     };
+    const updatePopper = () => {
+      if (dropdownRef.value && dropdownRef.value.updatePopper) {
+        dropdownRef.value.updatePopper();
+      }
+    };
     return {
       omit,
       dropdownRef,
-      rootProps,
+      dropdownProps: dropdownProps2,
       selected,
       handleMenuClick,
       handleBtnClick,
       handlePopVisibleChange,
       handleOpen,
-      handleClose
+      handleClose,
+      updatePopper
     };
   }
 });
@@ -78,15 +86,92 @@ const _export_sfc = (sfc, props) => {
   }
   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 = resolveComponent("ProDropdown");
+  const _component_ElButton = resolveComponent("ElButton");
+  const _component_ElButtonGroup = resolveComponent("ElButtonGroup");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_ElDropdownItem = resolveComponent("ElDropdownItem");
   const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
   const _component_ElDropdown = resolveComponent("ElDropdown");
-  return openBlock(), createBlock(_component_ElDropdown, mergeProps(_ctx.rootProps, {
+  return _ctx.componentType === "pro" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+    _ctx.virtualTriggering ? (openBlock(), createBlock(_component_ProDropdown, mergeProps({ key: 0 }, _ctx.$props, {
+      ref: "dropdownRef",
+      splitButton: false,
+      selected: _ctx.selected,
+      onClick: _ctx.handleBtnClick,
+      onCommand: _ctx.handleMenuClick,
+      onVisibleChange: _ctx.handlePopVisibleChange
+    }), createSlots({ _: 2 }, [
+      renderList(Object.keys(_ctx.$slots), (name) => {
+        return {
+          name,
+          fn: withCtx((slotProps) => [
+            renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+          ])
+        };
+      })
+    ]), 1040, ["selected", "onClick", "onCommand", "onVisibleChange"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
+      _ctx.splitButton ? (openBlock(), createBlock(_component_ElButtonGroup, { key: 0 }, {
+        default: withCtx(() => [
+          createVNode(_component_ElButton, mergeProps({
+            type: _ctx.type,
+            size: _ctx.size,
+            disabled: _ctx.disabled
+          }, _ctx.splitButtonProps || {}, { onClick: _ctx.handleBtnClick }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {
+                active: _ctx.modelValue,
+                selected: _ctx.selected
+              })
+            ]),
+            _: 3
+          }, 16, ["type", "size", "disabled", "onClick"]),
+          createVNode(_component_ProDropdown, mergeProps(_ctx.$props, {
+            ref: "dropdownRef",
+            selected: _ctx.selected,
+            onClick: _ctx.handleBtnClick,
+            onCommand: _ctx.handleMenuClick,
+            onVisibleChange: _ctx.handlePopVisibleChange
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040, ["selected", "onClick", "onCommand", "onVisibleChange"])
+        ]),
+        _: 3
+      })) : (openBlock(), createBlock(_component_ProDropdown, mergeProps({ key: 1 }, _ctx.$props, {
+        ref: "dropdownRef",
+        selected: _ctx.selected,
+        onClick: _ctx.handleBtnClick,
+        onCommand: _ctx.handleMenuClick,
+        onVisibleChange: _ctx.handlePopVisibleChange
+      }), createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.$slots), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1040, ["selected", "onClick", "onCommand", "onVisibleChange"]))
+    ]))
+  ], 64)) : (openBlock(), createBlock(_component_ElDropdown, mergeProps({
+    key: 1,
+    class: "ele-dropdown-trigger"
+  }, _ctx.dropdownProps, {
     ref: "dropdownRef",
-    class: "ele-dropdown-trigger",
     onClick: _ctx.handleBtnClick,
     onCommand: _ctx.handleMenuClick,
     onVisibleChange: _ctx.handlePopVisibleChange
@@ -97,10 +182,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.menuStyle)
       }, {
         default: withCtx(() => [
-          _ctx.items ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index2) => {
+          _ctx.items ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item) => {
             return openBlock(), createBlock(_component_ElDropdownItem, 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 }
@@ -132,7 +217,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     ]),
                     _: 2
                   }, 1040)) : createCommentVNode("", true),
-                  item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.title), 1)) : createCommentVNode("", true)
+                  item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.title), 1)) : createCommentVNode("", true)
                 ], 64))
               ]),
               _: 2
@@ -149,7 +234,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]]);
 export {

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

@@ -1,68 +1,163 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ElIconProps } from '../ele-app/el';
+import { StyleValue } from '../ele-app/types';
+import { ElIconProps, ElButtonProps } from '../ele-app/el';
 import { DropdownItem } from './types';
 
+declare const normalizeDropdownProps: import('../ele-app/types').Mutable<Omit<{
+    readonly 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>;
+    readonly effect: {
+        readonly default: "light";
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    readonly 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;
+    };
+    readonly 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>;
+    readonly 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>;
+    readonly id: StringConstructor;
+    readonly size: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly splitButton: BooleanConstructor;
+    readonly hideOnClick: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loop: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    readonly hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    readonly 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>;
+    readonly 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>;
+    readonly popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly role: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+    readonly buttonProps: {
+        readonly type: import('vue').PropType<import('element-plus').ButtonProps>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, "size" | "trigger">>;
 /**
  * 属性
  */
 export declare const dropdownProps: {
+    /** 下拉框渐变动画 */
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
     /** 下拉菜单数据 */
     items: PropType<DropdownItem[]>;
     /** 选中的菜单 */
-    modelValue: PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
+    modelValue: PropType<DropdownItem["command"]>;
     /** 自定义下拉菜单样式 */
-    menuStyle: PropType<Partial<import('vue').CSSProperties>>;
+    menuStyle: PropType<StyleValue>;
     /** 自定义图标属性 */
     iconProps: PropType<ElIconProps>;
-    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-    effect: {
-        readonly default: "light";
-        readonly type: PropType<string>;
+    /** 下拉菜单使用的组件类型 */
+    componentType: PropType<"pro">;
+    /** 是否阻止下拉菜单的右键事件 */
+    preventContextmenu: BooleanConstructor;
+    /** 内容按钮属性 */
+    splitButtonProps: PropType<ElButtonProps>;
+    /** 箭头按钮属性 */
+    caretButtonProps: PropType<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;
-        readonly __epPropKey: true;
+        __epPropKey: true;
     };
-    type: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text", unknown>))[], unknown, unknown>>;
+    effect: {
+        readonly default: "light";
+        readonly type: import('vue').PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        readonly __epPropKey: true;
     };
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    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;
-    size: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     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>;
-    popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    disabled: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, 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: PropType<import('element-plus').ButtonProps>;
+        readonly type: import('vue').PropType<import('element-plus').ButtonProps>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: PropType<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<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;
 };
 export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
 /**
  * 事件
  */
 export declare const dropdownEmits: {
-    /** SplitButton 点击事件 */
-    click: () => boolean;
+    /** 内容按钮点击事件 */
+    click: (_e: MouseEvent) => boolean;
     /** 菜单项点击事件 */
-    command: (_command: DropdownItem['command']) => boolean;
-    /** 下拉框出现/隐藏事件 */
+    command: (_command: DropdownItem["command"]) => boolean;
+    /** 下拉框显示状态改变事件 */
     visibleChange: (_visible: boolean) => boolean;
     /** 更新选中值 */
-    'update:modelValue': (_value: DropdownItem['command']) => boolean;
+    'update:modelValue': (_value: DropdownItem["command"]) => boolean;
     /** 选中改变的事件 */
-    change: (_active: 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;
 };
+/**
+ * 属性名
+ */
+export type ElDropdownPropKeys = Array<keyof typeof normalizeDropdownProps>;
+export declare const elDropdownPropKeys: ElDropdownPropKeys;
+export {};

package/es/ele-dropdown/props.js

@@ -1,28 +1,75 @@
 import { dropdownProps as dropdownProps$1 } from "element-plus";
+import { omit } from "../utils/core";
+import { popoverProps, popoverEmits } from "../ele-popover/props";
+const normalizePopoverProps = omit(popoverProps, [
+  "title",
+  "effect",
+  "content",
+  "width",
+  "placement",
+  "disabled",
+  "popperOptions",
+  "popperClass",
+  "showAfter",
+  "hideAfter",
+  "autoClose",
+  "tabindex",
+  "teleported",
+  "bodyClass",
+  "bodyStyle",
+  "titleStyle",
+  "contentStyle"
+]);
+const normalizeDropdownProps = omit(dropdownProps$1, [
+  "onCommand",
+  "onClick",
+  "onVisibleChange",
+  "onVisible-change"
+]);
 const dropdownProps = {
-  ...dropdownProps$1,
+  ...normalizePopoverProps,
+  size: String,
+  ...normalizeDropdownProps,
+  /** 下拉框渐变动画 */
+  transition: {
+    type: String,
+    default: "el-zoom-in-top"
+  },
   /** 下拉菜单数据 */
   items: Array,
   /** 选中的菜单 */
-  modelValue: String,
+  modelValue: [String, Number, Object],
   /** 自定义下拉菜单样式 */
   menuStyle: Object,
   /** 自定义图标属性 */
-  iconProps: Object
+  iconProps: Object,
+  /** 下拉菜单使用的组件类型 */
+  componentType: String,
+  /** 是否阻止下拉菜单的右键事件 */
+  preventContextmenu: Boolean,
+  /** 内容按钮属性 */
+  splitButtonProps: Object,
+  /** 箭头按钮属性 */
+  caretButtonProps: Object
 };
 const dropdownEmits = {
-  /** SplitButton 点击事件 */
-  click: () => true,
+  ...popoverEmits,
+  /** 内容按钮点击事件 */
+  click: (_e) => true,
   /** 菜单项点击事件 */
   command: (_command) => true,
-  /** 下拉框出现/隐藏事件 */
+  /** 下拉框显示状态改变事件 */
   visibleChange: (_visible) => true,
   /** 更新选中值 */
   "update:modelValue": (_value) => true,
   /** 选中改变的事件 */
   change: (_active) => true
 };
+const elDropdownPropKeys = Object.keys(
+  normalizeDropdownProps
+);
 export {
   dropdownEmits,
-  dropdownProps
+  dropdownProps,
+  elDropdownPropKeys
 };

package/es/ele-dropdown/style/index.js

@@ -2,5 +2,8 @@ import "element-plus/es/components/dropdown/style/index";
 import "element-plus/es/components/dropdown-menu/style/index";
 import "element-plus/es/components/dropdown-item/style/index";
 import "element-plus/es/components/icon/style/index";
-import "../../ele-popover/style/index";
+import "element-plus/es/components/scrollbar/style/index";
+import "element-plus/es/components/button-group/style/index";
+import "element-plus/es/components/button/style/index";
+import "../../ele-tooltip/style/index";
 import "./index.scss";