From ffecfa43a4a1887509ce3e8bfee342d45bd984ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sat, 19 Feb 2022 16:39:59 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E7=BC=96=E5=86=99=20color-picker=20?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/colorPicker.md | 40 ++++++++++++++++++--
 src/component/colorPicker/index.vue          |  2 +-
 2 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/example/docs/zh-CN/components/colorPicker.md b/example/docs/zh-CN/components/colorPicker.md
index 13f3ba6e..d9f62cd8 100644
--- a/example/docs/zh-CN/components/colorPicker.md
+++ b/example/docs/zh-CN/components/colorPicker.md
@@ -7,13 +7,46 @@
 ::: demo
 
 <template>
-  <lay-color-picker></lay-color-picker>
+  <lay-color-picker v-model="color"></lay-color-picker>
 </template>
 
 <script>
+import { ref } from "vue";
+
 export default {
   setup() {
+    const color = ref("#009688");
+
     return {
+      color
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 预设颜色
+:::
+
+::: demo
+
+<template>
+  <lay-color-picker v-model="color" :preset="preset"></lay-color-picker>
+</template>
+
+<script>
+import { ref } from "vue";
+
+export default {
+  setup() {
+    const color = ref("#009688");
+
+    const preset = ref(["#009688", "#1e9fff", "#ffb800", "#ff5722", "#5fb878"])
+
+    return {
+      color,
+      preset
     }
   }
 }
@@ -28,9 +61,8 @@ export default {
 
 |            |          |     |
 | ---------- | -------- | --- |
-| v-model    | 默认值   | --  |
-| page       | 开启分页 | --  |
-| showSearch | 启用搜索 | --  |
+| v-model    | 选中色   | --  |
+| preset | 预设颜色 | --  |
 
 :::
 
diff --git a/src/component/colorPicker/index.vue b/src/component/colorPicker/index.vue
index 92b5f328..c51d73a4 100644
--- a/src/component/colorPicker/index.vue
+++ b/src/component/colorPicker/index.vue
@@ -109,7 +109,7 @@ export interface LayColorPicker {
 }
 
 const props = withDefaults(defineProps<LayColorPicker>(), {
-  modelValue: { r: 217, g: 128, b: 95, a: 1 },
+  modelValue: { r: 255, g: 255, b: 255, a: 1 },
   preset: ["#009688", "#1e9fff", "#ffb800", "#ff5722", "#5fb878"],
 });