diff --git a/packages/demo/src/schema-generator/views/editor/viewComponents/Color/index.js b/packages/demo/src/schema-generator/views/editor/viewComponents/Color/index.js
index 242ca9c7..c0e36560 100644
--- a/packages/demo/src/schema-generator/views/editor/viewComponents/Color/index.js
+++ b/packages/demo/src/schema-generator/views/editor/viewComponents/Color/index.js
@@ -7,8 +7,7 @@ import genSchema from '../genSchema.js';
 const viewSchema = {
     title: '颜色选择器',
     type: 'string',
-    format: 'color',
-    'ui:widget': 'el-color-picker'
+    format: 'color'
 };
 export default {
     viewSchema,
diff --git a/packages/lib/src/JsonSchemaForm/config/WIDGET_MAP.js b/packages/lib/src/JsonSchemaForm/config/WIDGET_MAP.js
index ea8ecb26..4d410ecf 100644
--- a/packages/lib/src/JsonSchemaForm/config/WIDGET_MAP.js
+++ b/packages/lib/src/JsonSchemaForm/config/WIDGET_MAP.js
@@ -24,6 +24,7 @@ export default {
         // array: '',
     },
     formats: {
+        color: 'el-color-picker',
         time: TimePickerWidget, // 20:20:39+00:00
         date: DatePickerWidget, // 2018-11-13
         'date-time': DateTimePickerWidget, // 2018-11-13T20:20:39+00:00