diff --git a/uidoc/SUMMARY.md b/uidoc/SUMMARY.md
index 479042fb5e..bde22d1264 100644
--- a/uidoc/SUMMARY.md
+++ b/uidoc/SUMMARY.md
@@ -122,6 +122,7 @@
 * [clipboard](case/clipboard.md)
 * [complex_canvas](case/complex_canvas.md)
 * [color_chooser](case/color_chooser.md)
+* [color_chooser_popup](case/color_chooser_popup.md)
 * [segment](case/segment.md)
 
 ## 详细控件
diff --git a/uidoc/case/color_chooser_popup.md b/uidoc/case/color_chooser_popup.md
new file mode 100644
index 0000000000..f279f76acf
--- /dev/null
+++ b/uidoc/case/color_chooser_popup.md
@@ -0,0 +1,45 @@
+# bi.color_chooser_popup
+
+### 选色控件弹窗
+
+{% method %}
+[source](https://jsfiddle.net/fineui/xL7moydu/)
+
+{% common %}
+```javascript
+
+BI.createWidget({
+    type: "bi.color_chooser_popup",
+});
+
+```
+
+{% endmethod %}
+
+
+
+### 参数
+
+| 参数     | 说明   | 类型     | 默认值  |
+| ------ | ---- | ------ | ---- |
+| height | 高度   | number | 145  |
+
+
+
+### 方法
+
+| 方法名            | 说明       | 参数     |
+| -------------- | -------- | ------ |
+| setStoreColors | 设置储存的颜色值 | colors |
+| setValue       | 设置颜色值    | color  |
+| getValue       | 获取颜色值    | —      |
+
+
+
+### 事件
+
+| 事件                 | 说明       |
+| ------------------ | -------- |
+| EVENT_VALUE_CHANGE | 颜色值改变时触发 |
+
+------
\ No newline at end of file