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

package/es/ele-app/el.d.ts

@@ -30,6 +30,7 @@ import type {
   TabPaneProps,
   TableProps,
   TableV2Props,
+  ImageProps,
   ElCascader,
   ElPopper,
   ElPopover,
@@ -130,6 +131,8 @@ export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
 
 export type ElTreeV2Props = ComponentProps<TreeProps>;
 
+export type ElImageProps = ComponentProps<ImageProps>;
+
 /**
  * 组件实例
  */

package/es/ele-basic-select/index.d.ts

@@ -95,9 +95,9 @@ declare const _default: import("vue").DefineComponent<{
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
     onClear?: (() => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
-    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
 }, {
     disabled: boolean;
     teleported: boolean;
@@ -106,8 +106,8 @@ declare const _default: import("vue").DefineComponent<{
     visible: boolean;
     transition: string;
     value: import("./types").SelectValue;
+    filterable: boolean;
     multiple: boolean;
     automaticDropdown: boolean;
-    filterable: boolean;
 }, {}>;
 export default _default;

package/es/ele-check-card/index.d.ts

@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<{
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     row: import("vue").PropType<boolean | import("../ele-app/el").ElRowProps>;
 }>> & {
-    "onUpdate:modelValue"?: ((_value: CheckedValue) => any) | undefined;
     onChange?: ((_value: CheckedValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: CheckedValue) => any) | undefined;
 }, {
     disabled: boolean;
     modelValue: CheckedValue;

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

@@ -141,11 +141,11 @@ declare const _default: import("vue").DefineComponent<{
     title: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     ariaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
 }, {

package/es/ele-icon-select/index.d.ts

@@ -146,10 +146,10 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
     onChange?: ((_value?: string | null | undefined) => any) | undefined;
-    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }, {
     placement: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined;
     disabled: boolean;
@@ -158,9 +158,9 @@ declare const _default: import("vue").DefineComponent<{
     persistent: boolean;
     transition: string;
     tooltip: boolean;
+    filterable: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
-    filterable: boolean;
     popperWidth: string | number;
     popperHeight: string | number;
     hideOnSingleTab: boolean;

package/es/ele-map-picker/index.d.ts

@@ -145,8 +145,8 @@ declare const _default: import("vue").DefineComponent<{
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
     headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
-    onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onDone?: ((_result: CenterPoint) => any) | undefined;
     onMapDone?: ((_ins: any) => any) | undefined;

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

@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     firstPopperClass: StringConstructor;
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import("vue").PropType<import("./types").EllipsisProps>;
+    handleClick: BooleanConstructor;
     mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
@@ -43,7 +44,10 @@ declare const _default: import("vue").DefineComponent<{
     open: (index: string) => void;
     close: (index: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    itemClick: (_item: import("./types").MenuItem) => boolean;
+    /** 是否是水平菜单 */
+    itemClick: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
+    itemMouseenter: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
+    itemMouseleave: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
     close: (index: string, indexPath: string[]) => boolean;
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => boolean;
@@ -65,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
     firstPopperClass: StringConstructor;
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import("vue").PropType<import("./types").EllipsisProps>;
+    handleClick: BooleanConstructor;
     mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
@@ -88,7 +93,9 @@ declare const _default: import("vue").DefineComponent<{
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
-    onItemClick?: ((_item: import("./types").MenuItem) => any) | undefined;
+    onItemClick?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
+    onItemMouseenter?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
+    onItemMouseleave?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
 }, {
     showTimeout: number;
     hideTimeout: number;
@@ -105,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
     popperOffset: number;
     ellipsisIcon: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
     popperEffect: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
+    handleClick: boolean;
     popupTheme: import("./types").PopupMenuTheme;
     colorful: boolean;
     popupColorful: import("./types").PopupColorful;

package/es/ele-menus/index.js

@@ -11,6 +11,7 @@ const index = defineComponent({
   emits: menusEmits,
   setup(props, { slots, emit, expose }) {
     const { authenticated } = useLicense();
+    const isWebkit = navigator.userAgent.includes("WebKit");
     const menuRef = ref(null);
     const ellipsisRef = ref(null);
     const sliceIndex = ref(-1);
@@ -57,8 +58,14 @@ const index = defineComponent({
         }
       }
     );
-    const onItemClick = (item) => {
-      emit("itemClick", item);
+    const onItemClick = (item, e) => {
+      emit("itemClick", item, e);
+    };
+    const onItemMouseenter = (item, e) => {
+      emit("itemMouseenter", item, e);
+    };
+    const onItemMouseleave = (item, e) => {
+      emit("itemMouseleave", item, e);
     };
     const exposeValue = {
       menuRef,
@@ -115,7 +122,10 @@ const index = defineComponent({
             props.popupColorful,
             props.firstPopperClass,
             true,
-            onItemClick
+            onItemClick,
+            onItemMouseenter,
+            onItemMouseleave,
+            isWebkit
           );
           if (moreItems) {
             const ellipsisProps = props.ellipsisProps || {};
@@ -153,7 +163,10 @@ const index = defineComponent({
                       props.popupColorful,
                       props.firstPopperClass,
                       false,
-                      onItemClick
+                      onItemClick,
+                      onItemMouseenter,
+                      onItemMouseleave,
+                      isWebkit
                     );
                   },
                   title: () => {

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

@@ -30,6 +30,8 @@ export declare const menusProps: {
     tooltipDisabled: BooleanConstructor;
     /** 省略菜单的属性 */
     ellipsisProps: PropType<EllipsisProps>;
+    /** 是否完全自己处理子菜单项点击事件 */
+    handleClick: BooleanConstructor;
     mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
@@ -60,8 +62,12 @@ export declare const menuPropKeys: MenuPropKeys;
  * 事件
  */
 export declare const menusEmits: {
-    /** 菜单项点击事件 */
-    itemClick: (_item: MenuItem) => boolean;
+    /** 子菜单项点击事件 */
+    itemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    /** 子菜单项鼠标进入事件 */
+    itemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
+    /** 子菜单项鼠标离开事件 */
+    itemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
     close: (index: string, indexPath: string[]) => boolean;
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: import("element-plus").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => boolean;

package/es/ele-menus/props.js

@@ -25,13 +25,19 @@ const menusProps = {
   /** 禁用 tooltip */
   tooltipDisabled: Boolean,
   /** 省略菜单的属性 */
-  ellipsisProps: Object
+  ellipsisProps: Object,
+  /** 是否完全自己处理子菜单项点击事件 */
+  handleClick: Boolean
 };
 const menuPropKeys = Object.keys(menuProps);
 const menusEmits = {
   ...menuEmits,
-  /** 菜单项点击事件 */
-  itemClick: (_item) => true
+  /** 子菜单项点击事件 */
+  itemClick: (_item, _e) => true,
+  /** 子菜单项鼠标进入事件 */
+  itemMouseenter: (_item, _e) => true,
+  /** 子菜单项鼠标离开事件 */
+  itemMouseleave: (_item, _e) => true
 };
 export {
   menuPropKeys,

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

@@ -695,20 +695,21 @@
 }
 
 /* 超链接 */
+.ele-menu-trigger {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+}
+
 .el-menu-item .ele-menu-link {
+  width: 100%;
+  height: 100%;
+  display: block;
   color: inherit;
-  position: static;
   text-decoration: none;
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 2;
-  }
 }
 
 /* Tooltip */

package/es/ele-menus/types.d.ts

@@ -35,7 +35,7 @@ export interface MenuItem
   children?: MenuItem[];
   /** 附加数据 */
   meta?: Record<keyof any, any>;
-  /** 是否是溢出的菜单 */
+  /** 是否是溢出的菜单(内部属性) */
   overflow?: boolean;
 }
 
@@ -54,6 +54,11 @@ export type PopupMenuTheme = 'auto' | MenuTheme;
  */
 export type PopupColorful = 'auto' | boolean;
 
+/**
+ * 子菜单项点击事件
+ */
+export type MenuItemEvent = (item: MenuItem, e: MouseEvent) => void;
+
 /**
  * 省略菜单的属性
  */
@@ -78,19 +83,14 @@ export interface MenuResult {
   moreItems?: MenuItem[];
 }
 
-/**
- * 菜单项点击事件
- */
-export type ItemClick = (item: MenuItem) => void;
-
 /**
  * 菜单省略计算参数
  */
 export interface MenuEllipsisOption {
-  /** 获取菜单节点 */
+  /** 获取菜单节点的方法 */
   getMenuEl: () => HTMLElement | null;
-  /** 获取菜单省略项节点 */
+  /** 获取菜单省略项节点的方法 */
   getMoreEl: () => HTMLElement | null;
-  /** 返回计算结果 */
+  /** 计算结果回调 */
   onEllipsis: (index: number) => void;
 }

package/es/ele-menus/util.d.ts

@@ -1,9 +1,11 @@
 import type { VNode, Slot } from 'vue';
-import type { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, ItemClick } from './types';
-/** 菜单链接类名 */
+import type { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
+/** 子菜单项链接类名 */
 export declare const linkClass = "ele-menu-link";
 /** 菜单标题类名 */
 export declare const titleClass = "ele-menu-title";
+/** 子菜单项事件触发元素类名 */
+export declare const triggerClass = "ele-menu-trigger";
 /** 菜单溢出隐藏项类名 */
 export declare const overflowClass = "ele-menu-overflow";
 /** 菜单省略项的类名 */
@@ -12,20 +14,20 @@ export declare const ellipsisClass = "ele-sub-menu-ellipsis";
  * 生成菜单链接节点
  * @param path 链接地址
  */
-export declare function getLinkNode(item: MenuItem, onItemClick?: ItemClick): VNode | undefined;
+export declare function getLinkNode(path?: string): VNode | undefined;
 /**
  * 生成菜单内容节点
  * @param icons 图标节点
  * @param titles 标题节点
  * @param badge 徽章节点
- * @param link 链接节点
+ * @param trigger 子菜单项事件触发元素节点
  */
-export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNode | null, link?: VNode | null): VNode[];
+export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNode | null, trigger?: VNode | null): VNode[];
 /**
  * 递归生成菜单节点
  * @param items 菜单数据
  * @param sIcon 图标插槽
- * @param sTitle 白哦提插槽
+ * @param sTitle 标题插槽
  * @param tipDisabled 是否禁用折叠的tooltip
  * @param theme 主题
  * @param popTheme 气泡菜单主题
@@ -33,15 +35,12 @@ export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNod
  * @param popupColorful 气泡菜单是否彩色图标
  * @param firstPopClass 第一级气泡菜单类名
  * @param first 是否是第一级菜单
+ * @param onItemClick 子菜单项点击事件
+ * @param onItemMouseenter 子菜单项鼠标进入事件
+ * @param onItemMouseenter 子菜单项鼠标离开事件
+ * @param webkit 是否时webkit内核
  */
-export declare function renderItems(items?: MenuItem[], sIcon?: Slot, sTitle?: Slot, tipDisabled?: boolean, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean, onItemClick?: ItemClick): VNode[];
-/**
- * 生成菜单数据
- * @param items 菜单数据
- * @param index 省略位置
- * @param horizontal 是否是水平菜单
- */
-export declare function getMenuItems(menus?: MenuItem[], index?: number, horizontal?: boolean): MenuResult;
+export declare function renderItems(items?: MenuItem[], sIcon?: Slot, sTitle?: Slot, tipDisabled?: boolean, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean, onItemClick?: MenuItemEvent, onItemMouseenter?: MenuItemEvent, onItemMouseleave?: MenuItemEvent, webkit?: boolean): VNode[];
 /**
  * 生成气泡菜单的类名
  * @param customerClass 自定义的类名
@@ -52,7 +51,14 @@ export declare function getMenuItems(menus?: MenuItem[], index?: number, horizon
  * @param firstPopClass 第一级气泡菜单类名
  * @param first 是否是第一级菜单
  */
-export declare function getPopperClass(customerClass?: string, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean): string;
+export declare function getPopperClass(customerClass?: string, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean, webkit?: boolean): string;
+/**
+ * 生成菜单数据
+ * @param items 菜单数据
+ * @param index 省略位置
+ * @param horizontal 是否是水平菜单
+ */
+export declare function getMenuItems(menus?: MenuItem[], index?: number, horizontal?: boolean): MenuResult;
 /**
  * 获取菜单节点宽度
  * @param el 菜单节点