@imengyu/vue3-context-menu 1.3.2 → 1.3.3

package/examples/views/BasicUseage.vue

@@ -399,8 +399,8 @@ const menuData = reactive<MenuOptions>({
   minWidth: 230,
   x: 0,
   y: 0,
-  onClose() {
-    console.log('onClose');
+  onClose(item) {
+    console.log('onClose', item);
   },
 });
 

package/lib/ContextMenu.vue.d.ts

@@ -1,7 +1,10 @@
 import { PropType, VNode } from 'vue';
 import { MenuOptions } from './ContextMenuDefine';
-export declare type GlobalHasSlot = (name: string) => boolean;
-export declare type GlobalRenderSlot = (name: string, params: Record<string, unknown>) => VNode;
+export type GlobalHasSlot = (name: string) => boolean;
+export type GlobalRenderSlot = (name: string, params: Record<string, unknown>) => VNode;
+/**
+ * Context menu component
+ */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Menu options
@@ -41,7 +44,4 @@ declare const _default: import("vue").DefineComponent<{
     options: MenuOptions;
     show: boolean;
 }>;
-/**
- * Context menu component
- */
 export default _default;

package/lib/ContextMenuDefine.d.ts

@@ -19,10 +19,11 @@ export declare const MenuConstOptions: {
 export interface ContextMenuInstance {
     /**
      * Close this menu.
+     * @param fromItem The last clicked menu item, will pass to `MenuOptions.onClose` callback, if user does not click any item, can be `undefined`.
      */
-    closeMenu(): void;
+    closeMenu(fromItem?: MenuItem | undefined): void;
 }
-export declare type MenuPopDirection = 'br' | 'b' | 'bl' | 'tr' | 't' | 'tl' | 'l' | 'r';
+export type MenuPopDirection = 'br' | 'b' | 'bl' | 'tr' | 't' | 'tl' | 'l' | 'r';
 export interface MenuOptions {
     /**
      * The items for this menu.
@@ -191,8 +192,9 @@ export interface MenuOptions {
     getContainer?: HTMLElement | (() => HTMLElement);
     /**
      * This event emit when this menu is closing. (Usually used in function mode)
+     * @param lastClickItem The last clicked menu item, if user does not click any item, it is `undefined`. This param only valid in function mode.
      */
-    onClose?: (() => void) | undefined;
+    onClose?: ((lastClickItem: MenuItem | undefined) => void) | undefined;
     /**
      * Event for MenuBar component
      */

package/lib/ContextMenuInstance.d.ts

@@ -14,7 +14,7 @@ declare const _default: {
      * @param customSlots You can provide some custom slots to customize the rendering style of the menu. These slots are the same as the slots of component ContextMenu.
      * @returns Menu instance
      */
-    showContextMenu(options: MenuOptions, customSlots?: Record<string, Slot> | undefined): ContextMenuInstance;
+    showContextMenu(options: MenuOptions, customSlots?: Record<string, Slot>): ContextMenuInstance;
     closeContextMenu: typeof closeContextMenu;
     transformMenuPosition: typeof transformMenuPosition;
 };

package/lib/ContextMenuItem.vue.d.ts

@@ -1,5 +1,9 @@
 import { PropType, SVGAttributes } from 'vue';
 import { GlobalHasSlot, GlobalRenderSlot } from './ContextMenu.vue';
+import { MenuItem } from './ContextMenuDefine';
+/**
+ * Menu Item
+ */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Is this menu disabled?
@@ -121,6 +125,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rawMenuItem: {
+        type: PropType<MenuItem>;
+        default: undefined;
+    };
 }, {
     getItemDataForChildren(): {
         disabled: boolean;
@@ -135,8 +143,8 @@ declare const _default: import("vue").DefineComponent<{
         isOpen: import("vue").Ref<boolean>;
         hasChildren: import("vue").Ref<boolean>;
         onClick: (e: MouseEvent | KeyboardEvent) => void;
-        onMouseEnter: (e?: MouseEvent | undefined) => void;
-        closeMenu: () => void;
+        onMouseEnter: (e?: MouseEvent) => void;
+        closeMenu: (fromItem: MenuItem | undefined) => void;
     };
     showSubMenu: import("vue").Ref<boolean>;
     keyBoardFocusMenu: import("vue").Ref<boolean>;
@@ -144,7 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     globalHasSlot: GlobalHasSlot;
     globalRenderSlot: GlobalRenderSlot;
     globalIconFontClass: string;
-    onMouseEnter: (e?: MouseEvent | undefined) => void;
+    onMouseEnter: (e?: MouseEvent) => void;
     onClick: (e: MouseEvent | KeyboardEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "subMenuOpen" | "subMenuClose")[], "click" | "subMenuOpen" | "subMenuClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -267,6 +275,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rawMenuItem: {
+        type: PropType<MenuItem>;
+        default: undefined;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onSubMenuClose?: ((...args: any[]) => any) | undefined;
@@ -286,11 +298,9 @@ declare const _default: import("vue").DefineComponent<{
     clickableWhenHasChildren: boolean;
     clickClose: boolean;
     customClass: string;
+    hasChildren: boolean;
     clickHandler: (e: MouseEvent | KeyboardEvent) => void;
     showRightArrow: boolean;
-    hasChildren: boolean;
+    rawMenuItem: MenuItem;
 }>;
-/**
- * Menu Item
- */
 export default _default;

package/lib/ContextSubMenu.vue.d.ts

@@ -50,6 +50,9 @@ export interface SubMenuParentContext {
     getParentContext: () => SubMenuParentContext | null;
     getElement: () => HTMLElement | null;
 }
+/**
+ * Submenu container
+ */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Items from options
@@ -160,7 +163,4 @@ declare const _default: import("vue").DefineComponent<{
     items: MenuItem[];
     adjustPosition: boolean;
 }>;
-/**
- * Submenu container
- */
 export default _default;

package/lib/ContextSubMenuWrapper.vue.d.ts

@@ -1,7 +1,10 @@
 import { PropType, VNode } from 'vue';
 import { MenuOptions } from './ContextMenuDefine';
-export declare type GlobalHasSlot = (name: string) => boolean;
-export declare type GlobalRenderSlot = (name: string, params: Record<string, unknown>) => VNode;
+export type GlobalHasSlot = (name: string) => boolean;
+export type GlobalRenderSlot = (name: string, params: Record<string, unknown>) => VNode;
+/**
+ * Context menu component
+ */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Menu options
@@ -71,7 +74,4 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     isFullScreenContainer: boolean;
 }>;
-/**
- * Context menu component
- */
 export default _default;