update

example/T_CheckBox.qml

@@ -3,6 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
+import "./component"
 
 FluScrollablePage{
 
@@ -10,14 +11,28 @@ FluScrollablePage{
     leftPadding:10
     rightPadding:10
     bottomPadding:20
+    spacing: 0
 
-    FluCheckBox{
+    FluArea{
+        Layout.fillWidth: true
+        height: 68
+        paddings: 10
         Layout.topMargin: 20
+        Row{
+            spacing: 30
+            anchors.verticalCenter: parent.verticalCenter
+            FluCheckBox{
             }
-
             FluCheckBox{
-        Layout.topMargin: 20
                 text:"Text"
             }
+        }
+    }
+    CodeExpander{
+        Layout.fillWidth: true
+        code:'FluCheckBox{
+   text:"Text"
+}'
+    }
 
 }

example/T_Slider.qml

@@ -2,6 +2,7 @@
 import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
+import "./component"
 import FluentUI
 
 FluScrollablePage{
@@ -10,17 +11,46 @@ FluScrollablePage{
     leftPadding:10
     rightPadding:10
     bottomPadding:20
+    spacing: 0
 
-    FluSlider{
+    FluArea{
+        Layout.fillWidth: true
+        height: 100
+        paddings: 10
         Layout.topMargin: 20
-        value: 50
-        Layout.leftMargin: 10
-    }
         FluSlider{
+            value: 50
+            anchors.verticalCenter: parent.verticalCenter
+        }
+    }
+    CodeExpander{
+        Layout.fillWidth: true
+        code:'FluSlider{
+   value:50
+}'
+    }
+
+
+    FluArea{
+        Layout.fillWidth: true
+        height: 200
+        paddings: 10
+        Layout.topMargin: 20
+        FluSlider{
+            value: 50
             vertical:true
-        Layout.topMargin: 20
+            anchors.left: parent.left
-        Layout.leftMargin: 10
+            anchors.leftMargin: 20
-        Layout.bottomMargin: 20
+            anchors.verticalCenter: parent.verticalCenter
-        value: 50
         }
+    }
+    CodeExpander{
+        Layout.fillWidth: true
+        code:'FluSlider{
+   vertical:true
+   value:50
+}'
+    }
+
+
 }

src/controls/FluTextBoxMenu.qml

@@ -11,7 +11,7 @@ FluMenu{
     focus: false
     FluMenuItem{
         text: cutText
-        visible: inputItem.text !== ""
+        visible: inputItem.text !== "" && !inputItem.readOnly
         onClicked: {
             inputItem.cut()
         }