split project with app & doric module

doric-Qt/example/doric/resources/scroller.qml

@@ -0,0 +1,73 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.5
+import QtQuick.Layouts 1.15
+
+import "util.mjs" as Util
+
+ScrollView {
+    property var wrapper
+
+    property var uuid: Util.uuidv4()
+
+    property var tag: "Scroller"
+
+    ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
+    ScrollBar.vertical.policy: ScrollBar.AlwaysOff
+
+    clip: true
+
+    background: Rectangle {
+        id: bg
+        color: 'transparent'
+    }
+
+    property var backgroundColor
+
+    onBackgroundColorChanged: {
+        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)
+    }
+
+    onHeightChanged: {
+        bg.implicitHeight = height
+        console.log(tag, uuid + " onHeightChanged: " + this.height)
+    }
+
+    onImplicitWidthChanged: {
+        console.log(tag, uuid + " onImplicitWidthChanged: " + this.implicitWidth)
+    }
+
+    onImplicitHeightChanged: {
+        console.log(tag, uuid + " onImplicitHeightChanged: " + this.implicitHeight)
+    }
+
+    onContentWidthChanged: {
+        console.log(tag, uuid + " onContentWidthChanged: " + this.contentWidth)
+    }
+
+    onContentHeightChanged: {
+        console.log(tag, uuid + " onContentHeightChanged: " + this.contentHeight)
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        onClicked: {
+            console.log(tag, uuid + " wrapper: " + wrapper)
+            mouseAreaBridge.onClick(wrapper)
+        }
+    }
+}