From a8cffb4bc367306f16190a2727d53dd0f574fc72 Mon Sep 17 00:00:00 2001
From: wsg123 <1453416853@qq.com>
Date: Fri, 5 Jul 2024 16:13:23 +0800
Subject: [PATCH] Add RightMenu.vue

Signed-off-by: wsg123 <1453416853@qq.com>
---
 RightMenu.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 RightMenu.vue

diff --git a/RightMenu.vue b/RightMenu.vue
new file mode 100644
index 0000000..3ed1836
--- /dev/null
+++ b/RightMenu.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { useRightMenu } from '../flowDetail/useRightMenu'
+const { visible, x, y, items } = useRightMenu()
+</script>
+<template>
+  <div
+    v-if="visible"
+    class="rightMenu absolute w-32 bg-white border border-gray-200 leading-8 border-solid"
+    :style="{ top: y + 'px', left: x + 'px' }"
+  >
+    <p
+      v-for="item in items"
+      @click="item.click"
+      class="rightMenuitem flex justify-between px-2 text-[13px]"
+      :key="item.text"
+    >
+      <span>{{ item.text }}</span>
+      <span v-if="item.keyCode">{{ item.keyCode }}</span>
+    </p>
+  </div>
+</template>
+<style lang="postcss" scoped>
+.rightMenuitem:hover {
+  background-color: #eee;
+}
+</style>