ele-admin-plus 1.0.2 → 1.1.0

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

@@ -0,0 +1,122 @@
+import type { ElDropdownProps, ElDropdownInstance } from '../ele-app/types';
+import { omit } from '../utils/core';
+import type { DropdownItem } from './types';
+declare const _default: import("vue").DefineComponent<{
+    items: import("vue").PropType<DropdownItem[]>;
+    modelValue: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
+    menuStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    effect: {
+        readonly default: "light";
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    type: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "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" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown, "bottom", boolean>;
+    popperOptions: import("element-plus/es/utils").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").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    splitButton: BooleanConstructor;
+    hideOnClick: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    loop: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showTimeout: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    hideTimeout: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    tabindex: import("element-plus/es/utils").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").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+    popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    role: import("element-plus/es/utils").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;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, {
+    omit: typeof omit;
+    dropdownRef: import("vue").Ref<ElDropdownInstance | undefined>;
+    rootProps: import("vue").ComputedRef<ElDropdownProps>;
+    selected: import("vue").ComputedRef<DropdownItem | null | undefined>;
+    onMenuClick: (command: DropdownItem['command']) => void;
+    onBtnClick: () => void;
+    onPopVisibleChange: (visible: boolean) => void;
+    handleOpen: () => void;
+    handleClose: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => boolean;
+    command: (_command: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => boolean;
+    visibleChange: (_visible: boolean) => boolean;
+    'update:modelValue': (_value: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => boolean;
+    change: (_active: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: import("vue").PropType<DropdownItem[]>;
+    modelValue: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
+    menuStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    effect: {
+        readonly default: "light";
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    type: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "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" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown, "bottom", boolean>;
+    popperOptions: import("element-plus/es/utils").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").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    splitButton: BooleanConstructor;
+    hideOnClick: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    loop: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showTimeout: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    hideTimeout: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    tabindex: import("element-plus/es/utils").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").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+    popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    role: import("element-plus/es/utils").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;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>> & {
+    onClick?: (() => any) | undefined;
+    onCommand?: ((_command: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
+    onChange?: ((_active: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
+}, {
+    size: string;
+    trigger: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown>;
+    effect: string;
+    placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "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" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown>;
+    popperOptions: Partial<import("element-plus").Options>;
+    splitButton: boolean;
+    hideOnClick: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    loop: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    showTimeout: number;
+    hideTimeout: number;
+    tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
+    maxHeight: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
+    popperClass: string;
+    disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    role: string;
+    teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/es/ele-dropdown/index.js

@@ -0,0 +1,144 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, normalizeStyle, createElementBlock, Fragment, renderList, renderSlot, normalizeProps, resolveDynamicComponent, createCommentVNode, toDisplayString } from "vue";
+import { ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
+import { useLicense } from "../ele-config-provider/receiver";
+import { omit } from "../utils/core";
+import { dropdownProps, dropdownEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleDropdown",
+  components: { ElDropdown, ElDropdownMenu, ElDropdownItem },
+  props: dropdownProps,
+  emits: dropdownEmits,
+  setup(props, { emit }) {
+    const { authenticated } = useLicense();
+    const dropdownRef = ref();
+    const rootProps = computed(() => {
+      const options = omit(props, [
+        "items",
+        "modelValue",
+        "menuStyle",
+        "onCommand",
+        "onClick",
+        "onVisibleChange"
+      ]);
+      if (authenticated.value) {
+        const classes = ["ele-popper", "ele-dropdown"];
+        if (props.popperClass) {
+          classes.push(props.popperClass);
+        }
+        options.popperClass = classes.join(" ");
+      }
+      return options;
+    });
+    const selected = computed(() => {
+      if (props.modelValue == null || props.modelValue === "" || !props.items) {
+        return;
+      }
+      return props.items.find((d) => d.command === props.modelValue);
+    });
+    const updateModelValue = (value) => {
+      if (authenticated.value && value !== props.modelValue) {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    };
+    const onMenuClick = (command) => {
+      updateModelValue(command);
+      emit("command", command);
+    };
+    const onBtnClick = () => {
+      emit("click");
+    };
+    const onPopVisibleChange = (visible) => {
+      emit("visibleChange", visible);
+    };
+    const handleOpen = () => {
+      if (dropdownRef.value) {
+        dropdownRef.value.handleOpen();
+      }
+    };
+    const handleClose = () => {
+      if (dropdownRef.value) {
+        dropdownRef.value.handleClose();
+      }
+    };
+    return {
+      omit,
+      dropdownRef,
+      rootProps,
+      selected,
+      onMenuClick,
+      onBtnClick,
+      onPopVisibleChange,
+      handleOpen,
+      handleClose
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  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, {
+    ref: "dropdownRef",
+    onClick: _ctx.onBtnClick,
+    onCommand: _ctx.onMenuClick,
+    onVisibleChange: _ctx.onPopVisibleChange
+  }), {
+    dropdown: withCtx(() => [
+      createVNode(_component_ElDropdownMenu, {
+        style: normalizeStyle(_ctx.menuStyle)
+      }, {
+        default: withCtx(() => [
+          _ctx.items ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index2) => {
+            return openBlock(), createBlock(_component_ElDropdownItem, mergeProps({
+              key: typeof item.command === "object" ? index2 : item.command,
+              class: [
+                { "is-active": _ctx.modelValue === item.command },
+                { "is-danger": !!item.danger }
+              ]
+            }, _ctx.omit(item, ["icon"])), {
+              default: withCtx(() => [
+                item.slot && item.slot !== "default" && _ctx.$slots[item.slot] ? renderSlot(_ctx.$slots, item.slot, {
+                  key: 0,
+                  item
+                }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  item.icon ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, item.iconProps || {})), {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                        style: normalizeStyle(item.iconStyle)
+                      }, null, 8, ["style"]))
+                    ]),
+                    _: 2
+                  }, 1040)) : createCommentVNode("", true),
+                  item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.title), 1)) : createCommentVNode("", true)
+                ], 64))
+              ]),
+              _: 2
+            }, 1040, ["class"]);
+          }), 128)) : _ctx.$slots.dropdownMenu ? renderSlot(_ctx.$slots, "dropdownMenu", { key: 1 }) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["style"])
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", {
+        active: _ctx.modelValue,
+        selected: _ctx.selected
+      })
+    ]),
+    _: 3
+  }, 16, ["onClick", "onCommand", "onVisibleChange"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

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

@@ -0,0 +1,57 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue } from '../ele-app/types';
+import type { DropdownItem } from './types';
+/**
+ * 属性
+ */
+export declare const dropdownProps: {
+    items: PropType<DropdownItem[]>;
+    modelValue: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
+    menuStyle: PropType<StyleValue>;
+    trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    effect: {
+        readonly default: "light";
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    type: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "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" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown, "bottom", boolean>;
+    popperOptions: import("element-plus/es/utils").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").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    splitButton: BooleanConstructor;
+    hideOnClick: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    loop: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showTimeout: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    hideTimeout: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    tabindex: import("element-plus/es/utils").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").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+    popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+    buttonProps: {
+        readonly type: PropType<import("element-plus").ButtonProps>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
+/**
+ * 事件
+ */
+export declare const dropdownEmits: {
+    click: () => boolean;
+    command: (_command: DropdownItem['command']) => boolean;
+    visibleChange: (_visible: boolean) => boolean;
+    'update:modelValue': (_value: DropdownItem['command']) => boolean;
+    change: (_active: DropdownItem['command']) => boolean;
+};

package/es/ele-dropdown/props.js

@@ -0,0 +1,26 @@
+import { dropdownProps as dropdownProps$1 } from "element-plus";
+const dropdownProps = {
+  ...dropdownProps$1,
+  // 下拉菜单数据
+  items: Array,
+  // 选中的菜单
+  modelValue: String,
+  // 自定义下拉菜单样式
+  menuStyle: Object
+};
+const dropdownEmits = {
+  // SplitButton 点击事件
+  click: () => true,
+  // 菜单项点击事件
+  command: (_command) => true,
+  // 下拉框出现/隐藏事件
+  visibleChange: (_visible) => true,
+  // 更新选中值
+  "update:modelValue": (_value) => true,
+  // 选中改变的事件
+  change: (_active) => true
+};
+export {
+  dropdownEmits,
+  dropdownProps
+};

package/es/ele-dropdown/style/css-var.scss

@@ -0,0 +1,7 @@
+@use '../../style/util.scss' as *;
+
+@mixin set-dropdown-var($var) {
+  .ele-dropdown {
+    @include set-ele-var('dropdown', $var);
+  }
+}

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

@@ -0,0 +1,5 @@
+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 '../../ele-popover/style/index';
+import './index.scss';

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

@@ -0,0 +1,80 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-dropdown-var($ele);
+
+.ele-dropdown {
+  & > .el-scrollbar {
+    background: inherit;
+    border-radius: inherit;
+  }
+
+  .el-dropdown-menu {
+    background: none;
+    border-radius: 0;
+    padding: eleVar('dropdown', 'padding');
+    box-sizing: border-box;
+  }
+
+  .el-dropdown-menu__item {
+    height: eleVar('dropdown', 'item-height');
+    line-height: eleVar('dropdown', 'item-height');
+    color: eleVar('dropdown', 'item-color');
+    font-size: eleVar('dropdown', 'item-font-size');
+    padding: eleVar('dropdown', 'item-padding');
+    border-radius: eleVar('dropdown', 'item-radius');
+    transition: color $ele-transition, background-color $ele-transition;
+
+    & + .el-dropdown-menu__item {
+      margin-top: eleVar('dropdown', 'item-margin');
+    }
+
+    & > .el-icon {
+      font-size: eleVar('dropdown', 'icon-size');
+      margin: eleVar('dropdown', 'icon-margin');
+    }
+
+    &:not(.is-disabled):hover,
+    &:not(.is-disabled):focus {
+      color: eleVar('dropdown', 'item-hover-color');
+      background: eleVar('dropdown', 'item-hover-bg');
+    }
+
+    &:not(.is-disabled).is-active {
+      color: eleVar('dropdown', 'item-active-color');
+      background: eleVar('dropdown', 'item-active-bg');
+      font-weight: eleVar('dropdown', 'item-active-font-weight');
+    }
+
+    &:not(.is-disabled).is-danger {
+      color: eleVar('dropdown', 'item-danger-color');
+
+      &.is-active {
+        background: eleVar('dropdown', 'item-danger-bg');
+      }
+    }
+  }
+
+  .el-dropdown-menu--small {
+    padding: eleVar('dropdown', 'sm-padding');
+
+    .el-dropdown-menu__item {
+      height: eleVar('dropdown', 'sm-item-height');
+      line-height: eleVar('dropdown', 'sm-item-height');
+      font-size: eleVar('dropdown', 'sm-item-font-size');
+      padding: eleVar('dropdown', 'sm-item-padding');
+    }
+  }
+
+  .el-dropdown-menu--large {
+    padding: eleVar('dropdown', 'lg-padding');
+
+    .el-dropdown-menu__item {
+      height: eleVar('dropdown', 'lg-item-height');
+      line-height: eleVar('dropdown', 'lg-item-height');
+      font-size: eleVar('dropdown', 'lg-item-font-size');
+      padding: eleVar('dropdown', 'lg-item-padding');
+    }
+  }
+}

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

@@ -0,0 +1,18 @@
+import type { StyleValue, ElIconProps, ElDropdownItemProps } from '../../ele-app/types';
+/**
+ * 下拉菜单数据
+ */
+export interface DropdownItem extends ElDropdownItemProps {
+    /** 循环的 key */
+    key?: string | number | symbol;
+    /** 标题 */
+    title?: string;
+    /** 图标属性 */
+    iconProps?: ElIconProps;
+    /** 图标样式 */
+    iconStyle?: StyleValue;
+    /** 插槽名称 */
+    slot?: Exclude<string, 'default'>;
+    /** 是否为危险样式 */
+    danger?: boolean;
+}

package/es/ele-edit-tag/index.d.ts

@@ -1,21 +1,21 @@
 import type { ElInputInstance } from '../ele-app/types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: import("vue").PropType<string[]>;
         required: boolean;
     };
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: import("vue").PropType<import("vue").CSSProperties>;
-    buttonStyle: import("vue").PropType<import("vue").CSSProperties>;
+    inputStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    buttonStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
 }, {
     inputRef: import("vue").Ref<ElInputInstance>;
     isEdit: import("vue").Ref<boolean>;
@@ -33,22 +33,22 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         required: boolean;
     };
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: import("vue").PropType<import("vue").CSSProperties>;
-    buttonStyle: import("vue").PropType<import("vue").CSSProperties>;
+    inputStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    buttonStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
 }>> & {
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
 }, {
-    hit: boolean;
     round: boolean;
+    hit: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-edit-tag/index.js

@@ -1,17 +1,18 @@
 import { defineComponent, ref, onDeactivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, mergeProps, createVNode, normalizeStyle, createCommentVNode, renderSlot } from "vue";
-import { ElTag, ElInput, ElTooltip, ElIcon } from "element-plus";
 import { Plus, Loading } from "@element-plus/icons-vue";
+import { ElTag, ElInput, ElIcon } from "element-plus";
+import EleTooltip from "../ele-tooltip/index";
 import { useLicense } from "../ele-config-provider/receiver";
 import { editTagProps, editTagEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleEditTag",
   components: {
+    Plus,
+    Loading,
     ElTag,
     ElInput,
-    ElTooltip,
     ElIcon,
-    Plus,
-    Loading
+    EleTooltip
   },
   props: editTagProps,
   emits: editTagEmits,
@@ -123,7 +124,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Loading = resolveComponent("Loading");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_ElInput = resolveComponent("ElInput");
-  const _component_ElTooltip = resolveComponent("ElTooltip");
+  const _component_EleTooltip = resolveComponent("EleTooltip");
   const _component_Plus = resolveComponent("Plus");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
@@ -151,7 +152,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 2
       }, 1032, ["type", "hit", "color", "size", "effect", "round", "onClose"]);
     }), 128)),
-    _ctx.isEdit ? (openBlock(), createBlock(_component_ElTooltip, mergeProps({ key: 0 }, _ctx.tooltipProps, {
+    _ctx.isEdit ? (openBlock(), createBlock(_component_EleTooltip, mergeProps({ key: 0 }, _ctx.tooltipProps, {
       content: _ctx.errorMessage,
       visible: _ctx.isEdit && !!_ctx.errorMessage
     }), {

package/es/ele-edit-tag/props.d.ts

@@ -1,5 +1,6 @@
-import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
-import type { ElTooltipProps } from 'element-plus';
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue } from '../ele-app/types';
+import type { EleTooltipProps } from '../ele-avatar-group/types';
 import { Validator, BeforeRemove } from './types';
 /**
  * 属性
@@ -9,18 +10,18 @@ export declare const editTagProps: {
         type: PropType<string[]>;
         required: boolean;
     };
-    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
-    effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
+    effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: PropType<CSSProperties>;
-    buttonStyle: PropType<CSSProperties>;
+    inputStyle: PropType<StyleValue>;
+    buttonStyle: PropType<StyleValue>;
     validator: PropType<Validator>;
     beforeRemove: PropType<BeforeRemove>;
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
 };
 export type EditTagProps = ExtractPropTypes<typeof editTagProps>;
 /**

package/es/ele-edit-tag/style/index.js

@@ -1,5 +1,5 @@
 import 'element-plus/es/components/tag/style/index';
 import 'element-plus/es/components/input/style/index';
-import 'element-plus/es/components/tooltip/style/index';
 import 'element-plus/es/components/icon/style/index';
+import '../../ele-tooltip/style/index';
 import './index.scss';