From 3ef32e200785a2b3081d815f885734853387fd73 Mon Sep 17 00:00:00 2001
From: ShawnPhang <palxiao@vip.qq.com>
Date: Tue, 26 Mar 2024 17:43:07 +0800
Subject: [PATCH] fix: colorpick initialize

---
 src/components/modules/settings/colorSelect.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/modules/settings/colorSelect.vue b/src/components/modules/settings/colorSelect.vue
index a659f5f..f2dbc61 100644
--- a/src/components/modules/settings/colorSelect.vue
+++ b/src/components/modules/settings/colorSelect.vue
@@ -65,9 +65,7 @@ let first = true
     // })
 
 onMounted(() => {
-  if (props.modelValue) {
-    state.innerColor = props.modelValue + (props.modelValue.length === 7 ? 'ff' : '')
-  }
+  checkColorLength()
 })
 
 const dropColor = async (color: string) => {
@@ -90,6 +88,7 @@ watch(
   () => props.modelValue,
   (val) => {
     val !== state.innerColor && (state.innerColor = val)
+    checkColorLength()
   },
 )
 
@@ -105,12 +104,12 @@ const onChange = () => {
   emit('finish', state.innerColor)
 }
 
-// const addHistory = debounce(300, false, async (value) => {
-//   store.dispatch('pushColorToHistory', value)
-// })
-// const colorChange = debounce(150, false, async (e) => {
-//   state.innerColor = e + (e.length === 7 ? 'ff' : '')
-// })
+function checkColorLength() {
+  if (!props.modelValue) {
+    return
+  }
+  state.innerColor = props.modelValue + (props.modelValue.length === 7 ? 'ff' : '')
+}
 
 const inputBlur = (color: string) => {
   state.innerColor = color