update

src/controls/FluCalendarView.qml

@@ -44,7 +44,6 @@ Item {
         return {type:3,date:date,name:"",isDecade:isDecade}
     }
     
-
     function updateDecade(date){
         list_model.clear()
         var year = date.getFullYear()

src/controls/FluColorPicker.qml

@@ -0,0 +1,52 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtQuick.Window 2.15
+import FluentUI 1.0
+
+
+Button{
+    id:control
+    width: 36
+    height: 36
+    implicitWidth: width
+    implicitHeight: height
+    background:
+        Rectangle{
+        id:layout_color
+        radius: 5
+        color: container.colorValue
+        border.color: {
+            if(hovered)
+                return FluTheme.primaryColor.light
+            return FluTheme.isDark ? Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,229/255,234/255,1)
+        }
+        border.width: 1
+    }
+    contentItem: Item{}
+    onClicked: {
+        popup.showPopup()
+    }
+    Popup{
+        id:popup
+        height: container.height
+        width: container.width
+        background: FluColorView{
+            id:container
+        }
+        contentItem: Item{}
+        function showPopup() {
+            var pos = control.mapToItem(null, 0, 0)
+            if(window.height>pos.y+control.height+popup.height){
+                popup.y = control.height
+            } else if(pos.y>popup.height){
+                popup.y = -popup.height
+            } else {
+                popup.y = window.height-(pos.y+popup.height)
+            }
+            popup.x = -(popup.width-control.width)/2
+            popup.open()
+        }
+    }
+
+}

src/controls/FluColorView.qml

@@ -0,0 +1,29 @@
+import QtQuick 2.15
+import "../colorpicker"
+
+Item {
+
+    width: color_picker.width+10
+    height: color_picker.height
+
+    property alias colorValue: color_picker.colorValue
+
+    FluArea{
+        anchors.fill: parent
+        radius: 5
+
+        FluShadow{
+            radius: 5
+        }
+
+        ColorPicker{
+            id:color_picker
+        }
+    }
+
+    function setColor(color) {
+        color_picker.setColor(color)
+    }
+
+}
+