n8n-io/n8n
1
1
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-09-17 16:08:12 +03:00
Code Issues Projects Releases Wiki Activity

fix: Fix color picker type errors (#9436)

Browse Source
This commit is contained in:
Mutasem Aldmour 2024-05-17 11:25:13 +02:00 committed by GitHub
parent bc05faf0a6
commit 2967df2fe0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/design-system/src/components/N8nColorPicker/ColorPicker.vue
View File

@ -40,16 +40,6 @@ const emit = defineEmits<{
(event: 'active-change', value: string): void;
}>();
const model = computed({
get() {
return color.value;
},
set(value: string) {
color.value = value;
emit('update:modelValue', value);
},
});
const onChange = (value: string) => {
emit('change', value);
};
@ -61,15 +51,20 @@ const onInput = (value: string) => {
const onActiveChange = (value: string) => {
emit('active-change', value);
};
const onColorSelect = (value: string) => {
emit('update:modelValue', value);
};
</script>
<template>
<span :class="['n8n-color-picker', $style.component]">
<ElColorPicker
v-model="model"
v-bind="colorPickerProps"
size="default"
@change="onChange"
@active-change="onActiveChange"
@update:model-value="onColorSelect"
/>
<N8nInput
v-if="showInput"

4
packages/design-system/src/components/N8nColorPicker/__tests__/__snapshots__/ColorPicker.spec.ts.snap
View File

@ -10,7 +10,7 @@ exports[`components > N8nColorPicker > should render with input 1`] = `
<div
aria-description="current color is . press enter to select a new color."
aria-label="color picker"
class="el-color-picker el-color-picker--medium el-tooltip__trigger el-tooltip__trigger"
class="el-color-picker el-color-picker--default el-tooltip__trigger el-tooltip__trigger"
role="button"
tabindex="0"
>
@ -108,7 +108,7 @@ exports[`components > N8nColorPicker > should render without input 1`] = `
<div
aria-description="current color is . press enter to select a new color."
aria-label="color picker"
class="el-color-picker el-color-picker--medium el-tooltip__trigger el-tooltip__trigger"
class="el-color-picker el-color-picker--default el-tooltip__trigger el-tooltip__trigger"
role="button"
tabindex="0"
>