Add clickCloseOnOutside allow do not close menu when the user click on other places (#76)

Author: imengyu

library/ContextMenuDefine.ts

@@ -124,6 +124,12 @@ export interface MenuOptions {
  * If your element in menu item has this className, click it will ignore event. 
  */
  ignoreClickClassName?: string,
+ /**
+ * Set should close menu when the user click on other places.
+ * 
+ * @default true
+ */
+ clickCloseOnOutside ?: boolean;
  /**
  * If your element in menu item has this className, click it will ignore event and close hole menu. 
  */
@@ -206,12 +212,12 @@ 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 ?: ((lastClickItem: MenuItem|undefined) => void) | undefined;
-
  /**
  * Event for MenuBar component
  */

library/ContextSubMenuWrapper.vue

@@ -171,10 +171,11 @@ export default defineComponent({
  return;
  target = target.parentNode as HTMLElement;
  }
- 
- //Close menu
- removeBodyEvents();
- closeMenu();
+ if (options.value.clickCloseOnOutside !== false) {
+ //Close menu
+ removeBodyEvents();
+ closeMenu();
+ }
  }
  
  //provide globalOptions for child use