changes

add border for h & v layout, stack, scroller & text
fix background color transparent

doric-Qt/doric/resources/hlayout.qml

@@ -29,6 +29,16 @@ Rectangle {
         color = backgroundColor
     }
 
+    property var borderWidth: 0
+    onBorderWidthChanged: {
+        border.width = borderWidth
+    }
+
+    property var borderColor: ""
+    onBorderColorChanged: {
+        border.color = borderColor
+    }
+
     MouseArea {
         anchors.fill: parent
         onClicked: {

doric-Qt/doric/resources/scroller.qml

@@ -27,6 +27,16 @@ ScrollView {
         bg.color = backgroundColor
     }
 
+    property var borderWidth: 0
+    onBorderWidthChanged: {
+        bg.border.width = borderWidth
+    }
+
+    property var borderColor: ""
+    onBorderColorChanged: {
+        bg.border.color = borderColor
+    }
+
     onWidthChanged: {
         bg.implicitWidth = width
         console.log(tag, uuid + " onWidthChanged: " + this.width)

doric-Qt/doric/resources/stack.qml

@@ -29,6 +29,16 @@ Rectangle {
         color = backgroundColor
     }
 
+    property var borderWidth: 0
+    onBorderWidthChanged: {
+        border.width = borderWidth
+    }
+
+    property var borderColor: ""
+    onBorderColorChanged: {
+        border.color = borderColor
+    }
+
     MouseArea {
         anchors.fill: parent
         onClicked: {

doric-Qt/doric/resources/text.qml

@@ -64,6 +64,20 @@ TextArea {
         this.text = tempText
     }
 
+    onTextChanged: {
+        console.log(tag, uuid + " onTextChanged: " + this.text)
+    }
+
+    property var borderWidth: 0
+    onBorderWidthChanged: {
+        bg.border.width = borderWidth
+    }
+
+    property var borderColor: ""
+    onBorderColorChanged: {
+        bg.border.color = borderColor
+    }
+
     MouseArea {
         anchors.fill: parent
         onClicked: {

doric-Qt/doric/resources/vlayout.qml

@@ -29,6 +29,16 @@ Rectangle {
         color = backgroundColor
     }
 
+    property var borderWidth: 0
+    onBorderWidthChanged: {
+        border.width = borderWidth
+    }
+
+    property var borderColor: ""
+    onBorderColorChanged: {
+        border.color = borderColor
+    }
+
     MouseArea {
         anchors.fill: parent
         onClicked: {