From be342206525602cf5e3f1c4c2d4d4fde9c01bf53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=B1=E5=AD=90=E6=A5=9A=5Czhuzi?=
 <zhuzichu520@outlook.com>
Date: Wed, 3 Apr 2024 19:31:01 +0800
Subject: [PATCH] update

---
 .../Controls/FluControlBackground.qml         | 40 +++++++++++++++++++
 .../Controls/FluControlBackground.qml         | 40 +++++++++++++++++++
 2 files changed, 80 insertions(+)
 create mode 100644 src/Qt5/imports/FluentUI/Controls/FluControlBackground.qml
 create mode 100644 src/Qt6/imports/FluentUI/Controls/FluControlBackground.qml

diff --git a/src/Qt5/imports/FluentUI/Controls/FluControlBackground.qml b/src/Qt5/imports/FluentUI/Controls/FluControlBackground.qml
new file mode 100644
index 00000000..017a0e9b
--- /dev/null
+++ b/src/Qt5/imports/FluentUI/Controls/FluControlBackground.qml
@@ -0,0 +1,40 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import FluentUI 1.0
+
+Item{
+    id:control
+    property int radius: 4
+    property bool shadow: true
+    property alias border: d.border
+    property alias bottomMargin: rect_back.anchors.bottomMargin
+    property alias topMargin: rect_back.anchors.topMargin
+    property alias leftMargin: rect_back.anchors.leftMargin
+    property alias rightMargin: rect_back.anchors.rightMargin
+    property color color: FluTheme.dark ? Qt.rgba(42/255,42/255,42/255,1) : Qt.rgba(254/255,254/255,254/255,1)
+    property alias gradient : rect_border.gradient
+    Rectangle{
+        id:d
+        property color startColor: Qt.lighter(d.border.color,1.15)
+        property color endColor: shadow ? control.border.color : startColor
+        visible: false
+        border.color: FluTheme.dark ? Qt.rgba(48/255,48/255,48/255,1) : Qt.rgba(206/255,206/255,206/255,1)
+    }
+    Rectangle{
+        id:rect_border
+        anchors.fill: parent
+        radius: control.radius
+        gradient: Gradient {
+            GradientStop { position: 0.0; color: d.startColor }
+            GradientStop { position: 0.8; color: d.startColor }
+            GradientStop { position: 1.0; color: d.endColor}
+        }
+    }
+    Rectangle{
+        id:rect_back
+        anchors.fill: parent
+        anchors.margins: control.border.width
+        radius: control.radius
+        color: control.color
+    }
+}
diff --git a/src/Qt6/imports/FluentUI/Controls/FluControlBackground.qml b/src/Qt6/imports/FluentUI/Controls/FluControlBackground.qml
new file mode 100644
index 00000000..7c491758
--- /dev/null
+++ b/src/Qt6/imports/FluentUI/Controls/FluControlBackground.qml
@@ -0,0 +1,40 @@
+import QtQuick
+import QtQuick.Controls
+import FluentUI
+
+Item{
+    id:control
+    property int radius: 4
+    property bool shadow: true
+    property alias border: d.border
+    property alias bottomMargin: rect_back.anchors.bottomMargin
+    property alias topMargin: rect_back.anchors.topMargin
+    property alias leftMargin: rect_back.anchors.leftMargin
+    property alias rightMargin: rect_back.anchors.rightMargin
+    property color color: FluTheme.dark ? Qt.rgba(42/255,42/255,42/255,1) : Qt.rgba(254/255,254/255,254/255,1)
+    property alias gradient : rect_border.gradient
+    Rectangle{
+        id:d
+        property color startColor: Qt.lighter(d.border.color,1.15)
+        property color endColor: shadow ? control.border.color : startColor
+        visible: false
+        border.color: FluTheme.dark ? Qt.rgba(48/255,48/255,48/255,1) : Qt.rgba(206/255,206/255,206/255,1)
+    }
+    Rectangle{
+        id:rect_border
+        anchors.fill: parent
+        radius: control.radius
+        gradient: Gradient {
+            GradientStop { position: 0.0; color: d.startColor }
+            GradientStop { position: 0.8; color: d.startColor }
+            GradientStop { position: 1.0; color: d.endColor}
+        }
+    }
+    Rectangle{
+        id:rect_back
+        anchors.fill: parent
+        anchors.margins: control.border.width
+        radius: control.radius
+        color: control.color
+    }
+}