fix: DEFECT-736 data component icon color set default color on clear

@@ -18,6 +18,10 @@
     config: {
     config: {
       type: Object as PropType<ColorPicker.Options>,
       type: Object as PropType<ColorPicker.Options>,
     },
     },
+    defaultValue: {
+      type: String,
+      default: null,
+    },
   });
   });
 
 
   const emit = defineEmits(['update:value']);
   const emit = defineEmits(['update:value']);
@@ -47,6 +51,11 @@
     unref(picker)?.hide();
     unref(picker)?.hide();
   };
   };
 
 
+  const onClear = () => {
+    emit('update:value', props.defaultValue);
+    unref(picker)?.hide();
+  };
+
   const getOption = computed<ColorPicker.Options>(() => {
   const getOption = computed<ColorPicker.Options>(() => {
     const { config = {} } = props;
     const { config = {} } = props;
     return {
     return {
@@ -94,11 +103,13 @@
     picker.value = ColorPicker.create(unref(getOption));
     picker.value = ColorPicker.create(unref(getOption));
     unref(picker)?.on('init', onInit);
     unref(picker)?.on('init', onInit);
     unref(picker)?.on('save', onSave);
     unref(picker)?.on('save', onSave);
+    unref(picker)?.on('clear', onClear);
   });
   });
 
 
   onUnmounted(() => {
   onUnmounted(() => {
     unref(picker)?.off('init', onInit);
     unref(picker)?.off('init', onInit);
     unref(picker)?.off('save', onSave);
     unref(picker)?.off('save', onSave);
+    unref(picker)?.off('clear', onClear);
 
 
     unref(picker)?.destroyAndRemove();
     unref(picker)?.destroyAndRemove();
   });
   });

@@ -81,6 +81,7 @@ export const modeTwo: FormSchema[] = [
       const color = formModel[visualOptionField.ICON_COLOR];
       const color = formModel[visualOptionField.ICON_COLOR];
       return {
       return {
         color,
         color,
+        defaultValue: '#367BFF',
       };
       };
     },
     },
   },
   },