add text wrap or precise width height

doric-Qt/doric/resources/text.qml

@@ -1,9 +1,36 @@
 import QtQuick 2.12
 import QtQuick.Controls 2.5
+import "util.mjs" as Util
 
 Rectangle {
+    property var uuid: Util.uuidv4()
+    property int childrenRectWidth: childrenRect.width
+    property int childrenRectHeight: childrenRect.width
     color: 'transparent'
 
+    property var tag: "Text"
+
+    onWidthChanged: () => {
+        console.log(tag, uuid + " onWidthChanged: " + this.width)
+    }
+
+    onHeightChanged: () => {
+        console.log(tag, uuid + " onHeightChanged: " + this.height)
+    }
+
+    onChildrenRectChanged: () => {
+        console.log(tag, uuid + " childrenRect: " + uuid + " onChildrenRectChanged: " +childrenRect)
+        this.childrenRectWidth = childrenRect.width
+        this.childrenRectHeight = childrenRect.height
+
+        if (this.width === 0) {
+            this.width = this.childrenRectWidth
+        }
+        if (this.height === 0) {
+            this.height = this.childrenRectHeight
+        }
+    }
+
     Text {
 
     }