update

example/page/AboutPage.qml

@@ -36,7 +36,7 @@ FluWindow {
                 fontStyle: FluText.Title
             }
             FluText{
-                text:"v1.1.9"
+                text:"v1.2.0"
                 fontStyle: FluText.Body
                 Layout.alignment: Qt.AlignBottom
             }

src/controls/FluButton.qml

@@ -2,7 +2,7 @@
 import QtQuick.Controls
 import FluentUI
 
-Button {
+FluControl {
 
     property bool disabled: false
     property color normalColor: FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(254/255,254/255,254/255,1)

src/controls/FluCheckBox.qml

@@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import FluentUI
 
-Button {
+FluControl {
 
     property bool selected: false
     property var clickFunc

src/controls/FluColorPicker.qml

@@ -4,8 +4,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
 
-
+FluControl{
-Button{
     id:control
     width: 36
     height: 36

src/controls/FluDropDownButton.qml

@@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Window
 import FluentUI
 
-Button {
+FluControl {
 
     property bool disabled: false
     property color normalColor: FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(254/255,254/255,254/255,1)

src/controls/FluFilledButton.qml

@@ -2,7 +2,7 @@
 import QtQuick.Controls
 import FluentUI
 
-Button {
+FluControl {
 
     property bool disabled: false
     property color normalColor: FluTheme.dark ? FluTheme.primaryColor.lighter : FluTheme.primaryColor.dark

src/controls/FluFlipView.qml

@@ -52,7 +52,7 @@ Item{
         anchors.fill: parent
     }
 
-    Button{
+    FluControl{
         id:btn_start
         height: vertical ? 20 : 40
         width: vertical ? 40 : 20
@@ -82,7 +82,7 @@ Item{
         }
     }
 
-    Button{
+    FluControl{
         id:btn_end
         height: vertical ? 20 : 40
         width: vertical ? 40 : 20

src/controls/FluIconButton.qml

@@ -2,7 +2,7 @@
 import QtQuick.Controls
 import FluentUI
 
-Button {
+FluControl {
 
     property int iconSize: 20
     property int iconSource

src/controls/FluMultilineTextBox.qml

@@ -2,7 +2,7 @@
 import QtQuick.Controls
 import FluentUI
 
-TextArea{
+FluTextArea{
 
     property int fontStyle: FluText.Body
     property int pixelSize : FluTheme.textSize

src/controls/FluRadioButton.qml

@@ -3,8 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import FluentUI
 
-
+FluControl {
-Button {
 
     property bool selected: false
     property bool disabled: false

src/controls/FluScrollBar.qml

@@ -114,11 +114,9 @@ ScrollBar {
             anchors.fill: parent
             onEntered: {
                 timer.restart()
-                console.debug("onEntered")
             }
             onExited: {
                 timer.restart()
-                console.debug("onExited")
             }
         }
     }

src/controls/FluTextBox.qml

@@ -2,7 +2,7 @@
 import QtQuick.Controls
 import FluentUI
 
-TextField{
+FluTextFiled{
 
     property int fontStyle: FluText.Body
     property int pixelSize : FluTheme.textSize

src/controls/FluTextButton.qml

@@ -2,7 +2,7 @@
 import QtQuick.Controls
 import FluentUI
 
-Button {
+FluControl {
 
     property bool disabled: false
     property color normalColor: FluTheme.dark ? FluTheme.primaryColor.lighter : FluTheme.primaryColor.dark

src/controls/FluToggleSwitch.qml

@@ -1,9 +1,9 @@
-import QtQuick 2.0
+import QtQuick
-import QtQuick.Controls 2.0
+import QtQuick.Controls
 import FluentUI
 import QtQuick.Layouts
 
-Button {
+FluControl {
 
     property bool selected: false
     property var clickFunc

src/res.qrc

@@ -64,5 +64,8 @@
         <file>controls/FluFlipView.qml</file>
         <file>controls/FluPivot.qml</file>
         <file>controls/FluPivotItem.qml</file>
+        <file>controls/FluControl.qml</file>
+        <file>controls/FluTextFiled.qml</file>
+        <file>controls/FluTextArea.qml</file>
     </qresource>
 </RCC>