update

example/qml/page/T_Timeline.qml

@@ -65,7 +65,7 @@ FluScrollablePage{
         id:list_model
         ListElement{
             lable:"2013-09-01"
-            text:"考上中国皮城大学，杰斯武器工坊专业"
+            text:'&nbsp;<img src="qrc:/example/res/image/image_1.jpg" align="top" width="144" height="102.4">&nbsp;考上中国皮城大学，杰斯武器工坊专业'
         }
         ListElement{
             lable:"2017-07-01"
@@ -96,7 +96,7 @@ FluScrollablePage{
             text:"开发FluentUI组件库"
         }
         ListElement{
-            lable:"2023-03-28（富文本展示）"
+            lable:"2023-03-28"
             text:'将FluentUI源码开源到<a href="https://github.com/zhuzichu520/FluentUI">github</a>，并发布视频到<a href="https://www.bilibili.com/video/BV1mg4y1M71w">B站</a>'
             lableDelegate:()=>com_lable
             textDelegate:()=>com_text

src/imports/FluentUI/Controls/FluAutoSuggestBox.qml

@@ -17,13 +17,15 @@ FluTextBox{
         id:d
         property bool flagVisible: true
     }
+    onActiveFocusChanged: {
+        if(!activeFocus){
+            control_popup.visible = false
+        }
+    }
     Popup{
         id:control_popup
         y:control.height
         focus: false
-//        modal: true
-//        Overlay.modal: Item{}
-
         padding: 0
         enter: Transition {
             NumberAnimation {

src/imports/FluentUI/Controls/FluNavigationView.qml

@@ -98,6 +98,9 @@ Item {
                 collapseAll()
             }
             d.enableNavigationPanel = false
+            if(loader_auto_suggest_box.item){
+                loader_auto_suggest_box.item.focus = false
+            }
         }
     }
     Component{
@@ -122,6 +125,7 @@ Item {
     Component{
         id:com_panel_item_header
         Item{
+            clip: true
             height: {
                 if(model.parent){
                     return model.parent.isExpand ? 30 : 0
@@ -151,6 +155,7 @@ Item {
         Item{
             height: 38
             width: layout_list.width
+            clip: true
             FluControl{
                 id:item_control
                 anchors{
@@ -335,7 +340,12 @@ Item {
                             right: item_title.right
                             rightMargin: 8
                         }
-                        sourceComponent: model.showEdit ? model.editDelegate : undefined
+                        sourceComponent: {
+                            if(d.isCompact){
+                                return undefined
+                            }
+                            return model.showEdit ? model.editDelegate : undefined
+                        }
                         onStatusChanged: {
                             if(status === Loader.Ready){
                                 item.forceActiveFocus()
@@ -529,7 +539,12 @@ Item {
                             right: item_title.right
                             rightMargin: 8
                         }
-                        sourceComponent: model.showEdit ? model.editDelegate : undefined
+                        sourceComponent: {
+                            if(d.isCompact){
+                                return undefined
+                            }
+                            return model.showEdit ? model.editDelegate : undefined
+                        }
                         onStatusChanged: {
                             if(status === Loader.Ready){
                                 item.forceActiveFocus()

src/imports/FluentUI/Controls/FluTimeline.qml

@@ -102,6 +102,7 @@ Item{
             wrapMode: Text.WrapAnywhere
             horizontalAlignment: isRight ? Qt.AlignRight : Qt.AlignLeft
             text: modelData.text
+            textFormat: Text.RichText
         }
     }