Feature/color picker

src/color-picker/color-picker-panel.tsx

@@ -1,8 +1,6 @@
-import { defineComponent, toRefs } from 'vue';
-import useVModel from '../hooks/useVModel';
+import { defineComponent } from 'vue';
 import props from './props';
 import ColorPanel from './panel';
-import { TdColorContext } from './interfaces';
 import { usePrefixClass } from '../hooks/useConfig';
 
 export default defineComponent({
@@ -15,24 +13,10 @@ export default defineComponent({
     ...props,
   },
 
-  setup(props) {
+  setup() {
     const prefix = usePrefixClass();
-    const { value, modelValue } = toRefs(props);
-    const [innerValue, setInnerValue] = useVModel(value, modelValue, props.defaultValue, props.onChange);
-
-    const handleChange = (value: string, context: TdColorContext) => {
-      setInnerValue(value, context);
-    };
-
-    const handlePaletteChange = (context: TdColorContext) => {
-      props.onPaletteBarChange(context);
-    };
-
     return {
-      innerValue,
       prefix,
-      handleChange,
-      handlePaletteChange,
     };
   },
   render() {

src/color-picker/color-picker.tsx

@@ -42,9 +42,11 @@ export default defineComponent({
       if (props.disabled) {
         return null;
       }
+      const newProps = { ...props };
+      delete newProps.onChange;
       return (
         <ColorPanel
-          {...props}
+          {...newProps}
           disabled={props.disabled}
           value={innerValue.value}
           togglePopup={setVisible}