microApp offset in menu

ideal-world · Aug 20, 2024 · 240a8c1 · 240a8c1
1 parent 4e743b2
commit 240a8c1
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 1 deletion.
diff --git a/docs/TableDemo.vue b/docs/TableDemo.vue
@@ -603,6 +603,12 @@ const events: IwProps.TableEventProps = {
   selectContextMenu(item: IwProps.ContextMenuItemProps, rowPk: string) {
     // select context menu option
   },
+  getMicroAppOffset() {
+    return {
+      left: -20,
+      top: -20,
+    }
+  },
 }
 
 const columns: IwProps.SimpleTableColumnProps[] = [

diff --git a/src/components/common/Menu.ts b/src/components/common/Menu.ts
@@ -1,4 +1,5 @@
 import { getParentWithClass } from '../../utils/basic'
+import * as eb from '../../components/eventbus'
 
 /**
  * 上下文菜单的位置偏移类型
@@ -131,6 +132,12 @@ export function getInitOffset(attachObj: HTMLElement | MouseEvent, offset: MenuO
     }
   }
 
+  if(eb.getMicroAppOffset){
+    const { left: microAppLeft, top: microAppTop } = eb.getMicroAppOffset()
+    left -= microAppLeft
+    top -= microAppTop
+  }
+
   return { left, top }
 }
 

diff --git a/src/components/common/Menu.vue b/src/components/common/Menu.vue
@@ -175,7 +175,8 @@ export const FUN_CLOSE_CONTEXT_MENU_TYPE = Symbol('FUN_CLOSE_CONTEXT_MENU_TYPE')
     v-show="isInit"
     :id="'iw-contextmenu-' + `${contextmenuMathRandom}`"
     ref="contextmenuRef"
-    class="iw-contextmenu flex flex-col items-start fixed z-[3100] bg-base-100 p-1 rounded-md border border-base-300"
+    class="iw-contextmenu overflow-auto flex flex-col items-start fixed z-[3100] bg-base-100 p-1 rounded-md border border-base-300"
+    :style="{'maxHeight': '600px'}"
   >
     <!-- 仅在初始化后渲染插槽信息 -->
     <!-- Only render slot information after initialization -->

diff --git a/src/components/eventbus.ts b/src/components/eventbus.ts
@@ -621,3 +621,16 @@ export function selectContextMenu(item: ContextMenuItemProps, exArg?: any) {
     events.selectContextMenu(item, exArg)
   }
 }
+
+/**
+ * 获取微应用偏移
+ *
+ * get micro app offset
+ *
+ */
+export function getMicroAppOffset() {
+  if (events.getMicroAppOffset) {
+    return events.getMicroAppOffset()
+  }
+  return { left: 0, top: 0 }
+}
diff --git a/src/props/eventProps.ts b/src/props/eventProps.ts
@@ -206,4 +206,10 @@ export interface TableEventProps {
    * @param exArg 额外参数 / Extra argument
    */
   selectContextMenu?: (item: ContextMenuItemProps, exArg?: any) => void
+  /**
+   * 获取微应用偏移
+   *
+   * get micro app offset
+   */
+  getMicroAppOffset?: () => {left: number, top: number}
 }