github/poster-design
1
0
Fork 0
mirror of https://github.com/palxiao/poster-design.git synced 2025-07-15 16:02:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: colorpick initialize

Browse Source
This commit is contained in:
ShawnPhang 2024-03-26 17:43:07 +08:00
parent 6fa5d35364
commit 3ef32e2007
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/modules/settings/colorSelect.vue
View File

@ -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