From 78b3b9b8ecb48c50593690770c6e242417387236 Mon Sep 17 00:00:00 2001
From: yanglbme <szuyanglb@outlook.com>
Date: Wed, 18 Dec 2024 17:04:58 +0800
Subject: [PATCH] chore: update

---
 src/components/CodemirrorEditor/EditorHeader/index.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/CodemirrorEditor/EditorHeader/index.vue b/src/components/CodemirrorEditor/EditorHeader/index.vue
index f1f5a3fd5..9a4240b4f 100644
--- a/src/components/CodemirrorEditor/EditorHeader/index.vue
+++ b/src/components/CodemirrorEditor/EditorHeader/index.vue
@@ -184,7 +184,7 @@ function customStyle() {
   }, 50)
 }
 
-const pickColorsContainer = useTemplateRef(`pickColorsContainer`)
+const pickColorsContainer = useTemplateRef<HTMLElement | undefined>('pickColorsContainer')
 const format = ref<Format>(`rgb`)
 const formatOptions = ref<Format[]>([`rgb`, `hex`, `hsl`, `hsv`])
 </script>
@@ -294,8 +294,9 @@ const formatOptions = ref<Format[]>([`rgb`, `hex`, `hsl`, `hsv`])
                 show-alpha
                 :format="format" :format-options="formatOptions"
                 :theme="store.isDark ? 'dark' : 'light'"
-                :popup-container="pickColorsContainer!"
+                :popup-container="pickColorsContainer"
                 @change="store.colorChanged"
+                v-if="pickColorsContainer"
               />
             </div>
           </div>