diff --git a/lib/components/ColorPicker/Gradient/index.vue b/lib/components/ColorPicker/Gradient/index.vue
index 54bd749..b9f7de2 100644
--- a/lib/components/ColorPicker/Gradient/index.vue
+++ b/lib/components/ColorPicker/Gradient/index.vue
@@ -4,7 +4,7 @@
  * @Author: June
  * @Date: 2023-03-19 20:10:11
  * @LastEditors: June
- * @LastEditTime: 2023-05-08 00:01:20
+ * @LastEditTime: 2023-05-08 16:40:25
 -->
 <template>
     <GradientControls
@@ -60,14 +60,23 @@ type Ipoit = {
     blue: number;
     alpha?: number;
 };
+
+interface IchangeData {
+    points: Ipoit[];
+    type: string;
+    degree: number;
+    style: any;
+}
+
 interface Iprops {
     type: string;
     degree: number;
     points: Ipoit[];
-    onStartChange: (data: any) => void;
-    onChange: (data: any) => void;
-    onEndChange: (data: any) => void;
+    onStartChange: (data: IchangeData) => void;
+    onChange: (data: IchangeData) => void;
+    onEndChange: (data: IchangeData) => void;
 }
+
 const props = withDefaults(defineProps<Iprops>(), {
     type: 'linear',
     degree: 0,
diff --git a/lib/components/ColorPicker/Solid/index.vue b/lib/components/ColorPicker/Solid/index.vue
index 79f02bd..b21b3ac 100644
--- a/lib/components/ColorPicker/Solid/index.vue
+++ b/lib/components/ColorPicker/Solid/index.vue
@@ -34,9 +34,9 @@ interface Iprops {
     hue: number;
     saturation: number;
     value: number;
-    onStartChange: () => void;
-    onChange: () => void;
-    onEndChange: () => void;
+    onStartChange: void;
+    onChange: void;
+    onEndChange: void;
 }
 
 const props = withDefaults(defineProps<Iprops>(), {
@@ -47,9 +47,9 @@ const props = withDefaults(defineProps<Iprops>(), {
     hue: 0,
     saturation: 0,
     value: 0,
-    onStartChange: () => false,
-    onChange: () => false,
-    onEndChange: () => false,
+    onStartChange: (): void => {},
+    onChange: (): void => {},
+    onEndChange: (): void => {},
 });
 
 const state = reactive({
diff --git a/lib/components/Input/index.vue b/lib/components/Input/index.vue
index bbee372..674707d 100644
--- a/lib/components/Input/index.vue
+++ b/lib/components/Input/index.vue
@@ -4,7 +4,7 @@
  * @Author: June
  * @Date: 2023-03-23 22:20:33
  * @LastEditors: June
- * @LastEditTime: 2023-04-26 10:42:22
+ * @LastEditTime: 2023-05-08 16:24:46
 -->
 <template>
     <div :class="`input-field ${props.classes}`">
@@ -31,8 +31,8 @@ interface Iprops {
     label: string;
     type?: string;
     classes: string;
-    onFocus?: () => void;
-    onBlur?: () => void;
+    onFocus?: void;
+    onBlur?: void;
 }
 
 const props = withDefaults(defineProps<Iprops>(), {
@@ -40,8 +40,8 @@ const props = withDefaults(defineProps<Iprops>(), {
     label: '',
     type: 'text',
     classes: '',
-    onFocus: () => false,
-    onBlur: () => false,
+    onFocus: (): void => {},
+    onBlur: (): void => {},
 });
 
 const emits = defineEmits(['input', 'update:value']);
diff --git a/lib/helpers/generateStyles.ts b/lib/helpers/generateStyles.ts
index 3882303..38047b5 100644
--- a/lib/helpers/generateStyles.ts
+++ b/lib/helpers/generateStyles.ts
@@ -4,14 +4,14 @@
  * @Author: June
  * @Date: 2023-03-18 00:33:46
  * @LastEditors: June
- * @LastEditTime: 2023-04-02 16:14:23
+ * @LastEditTime: 2023-05-08 16:37:12
  */
 export function generateSolidStyle(
     red: number,
     green: number,
     blue: number,
     alpha: number,
-) {
+): string {
     return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
 }
 
@@ -27,7 +27,7 @@ export function generateGradientStyle(
     ],
     type: string,
     degree: number,
-) {
+): string {
     let style = '';
     const sortedPoints = points.slice();
 
diff --git a/tsconfig.json b/tsconfig.json
index 69b1244..d40a676 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,7 @@
         "skipLibCheck": true,
         "noEmit": true,
         "jsx": "preserve",
-        "types": ["node", "vite/client"],
+        "types": ["node", "vite/client"]
     },
     "exclude": ["**/dist/**", "**/node_modules/**"],
     "include": ["./types/*.d.ts"]