From d013f67c70f769d240d2ca414f4ac96460765871 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 9 Jul 2023 00:43:28 +0800
Subject: [PATCH] itemicon supports hidden status

---
 src/components/desktop/ItemIcon.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/desktop/ItemIcon.vue b/src/components/desktop/ItemIcon.vue
index aa1dfdfc..87ccd0f1 100644
--- a/src/components/desktop/ItemIcon.vue
+++ b/src/components/desktop/ItemIcon.vue
@@ -1,7 +1,14 @@
 <template>
-    <i class="item-icon" :class="icon" :style="style">
+    <i class="item-icon" :class="icon" :style="style" v-if="!hiddenStatus">
         <slot></slot>
     </i>
+    <v-badge class="right-bottom-icon" color="secondary"
+             location="bottom right" offset-y="2" :icon="icons.hide"
+             v-if="hiddenStatus">
+        <i class="item-icon" :class="icon" :style="style">
+            <slot></slot>
+        </i>
+    </v-badge>
 </template>
 
 <script>
@@ -9,14 +16,26 @@ import iconConstatns from '@/consts/icon.js';
 import colorConstatns from '@/consts/color.js';
 import { isNumber } from '@/lib/common.js';
 
+import {
+    mdiEyeOffOutline
+} from '@mdi/js';
+
 export default {
     props: [
         'iconType',
         'iconId',
         'color',
         'defaultColor',
-        'additionalColorAttr'
+        'additionalColorAttr',
+        'hiddenStatus'
     ],
+    data() {
+        return {
+            icons: {
+                hide: mdiEyeOffOutline
+            }
+        }
+    },
     computed: {
         icon() {
             if (this.iconType === 'account') {