fix(client): removed the editor button in ContextMenu when not developing (#2237)

Author: liangmiQwQ

packages/client/internals/ContextMenu.vue

@@ -67,31 +67,33 @@ const top = computed(() => {
   >
     <template v-for="item, index of currentContextMenu.items.value" :key="index">
       <div v-if="item === 'separator'" :key="index" class="w-full my1 border-t border-main" />
-      <div
-        v-else-if="item.small"
-        class="p-2 w-[40px] h-[40px] inline-block text-center cursor-pointer rounded flex"
-        :class="item.disabled ? `op40` : `hover:bg-active`"
-        :title="(item.label as string)"
-        @click="item.action"
-      >
-        <div v-if="typeof item.icon === 'string'" :class="item.icon" class="text-1.2em ma" />
-        <component :is="item.icon" v-else />
-      </div>
-      <div
-        v-else
-        class="w-full grid grid-cols-[35px_1fr] p-2 pl-0 cursor-pointer rounded"
-        :class="item.disabled ? `op40` : `hover:bg-active`"
-        @click="item.action"
-      >
-        <div class="mx-auto flex">
+      <template v-else-if="item.show ?? true">
+        <div
+          v-if="item.small"
+          class="p-2 w-[40px] h-[40px] inline-block text-center cursor-pointer rounded flex"
+          :class="item.disabled ? `op40` : `hover:bg-active`"
+          :title="(item.label as string)"
+          @click="item.action"
+        >
           <div v-if="typeof item.icon === 'string'" :class="item.icon" class="text-1.2em ma" />
           <component :is="item.icon" v-else />
         </div>
-        <div v-if="typeof item.label === 'string'">
-          {{ item.label }}
+        <div
+          v-else
+          class="w-full grid grid-cols-[35px_1fr] p-2 pl-0 cursor-pointer rounded"
+          :class="item.disabled ? `op40` : `hover:bg-active`"
+          @click="item.action"
+        >
+          <div class="mx-auto flex">
+            <div v-if="typeof item.icon === 'string'" :class="item.icon" class="text-1.2em ma" />
+            <component :is="item.icon" v-else />
+          </div>
+          <div v-if="typeof item.label === 'string'">
+            {{ item.label }}
+          </div>
+          <component :is="item.label" v-else />
         </div>
-        <component :is="item.label" v-else />
-      </div>
+      </template>
     </template>
     <template v-if="!isExplicitEnabled">
       <div class="w-full my1 border-t border-main" />

packages/client/setup/context-menu.ts

@@ -73,6 +73,7 @@ export default () => {
         icon: 'i-carbon:text-annotation-toggle', // IconTextNotationToggle,
         label: showEditor.value ? 'Hide editor' : 'Show editor',
         action: () => (showEditor.value = !showEditor.value),
+        show: __DEV__,
       },
       {
         icon: 'i-carbon:pen',

packages/types/src/context-menu.ts

@@ -3,6 +3,7 @@ import type { Component } from 'vue'
 type ContextMenuOption = {
   action: () => void
   disabled?: boolean
+  show?: boolean
 } & (
   | {
     small?: false