feat(copy-uuid): add option to completely hide uuid [MA-1917]

sometimes we only want to show the icon and no uuid at all, redacted or not.
Kong · Aug 1, 2023 · c3d4383 · c3d4383
1 parent 1aba4fa
commit c3d4383
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/core/copy-uuid/sandbox/App.vue b/packages/core/copy-uuid/sandbox/App.vue
@@ -49,6 +49,13 @@
           :uuid="uuid"
         />
       </div>
+      <div>
+        <h3>Don't show uuid</h3>
+        <CopyUuid
+          :show-uuid="false"
+          :uuid="uuid"
+        />
+      </div>
     </main>
   </div>
 </template>

diff --git a/packages/core/copy-uuid/src/components/CopyUuid.vue b/packages/core/copy-uuid/src/components/CopyUuid.vue
@@ -11,7 +11,9 @@
           useMono ? 'mono' : null
         ]"
       >
-        {{ isHidden ? '**********' : uuid }}
+        <span v-if="showUuid">
+          {{ isHidden ? '**********' : uuid }}
+        </span>
       </div>
     </div>
     <component
@@ -82,6 +84,11 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  showUuid: {
+    type: Boolean,
+    required: false,
+    default: true,
+  },
 })
 
 const emit = defineEmits<{