example/qml-Qt6/App.qml

@@ -35,8 +35,7 @@ Window {
             "/hotload":"qrc:/example/qml/window/HotloadWindow.qml",
             "/singleTaskWindow":"qrc:/example/qml/window/SingleTaskWindow.qml",
             "/standardWindow":"qrc:/example/qml/window/StandardWindow.qml",
-            "/singleInstanceWindow":"qrc:/example/qml/window/SingleInstanceWindow.qml",
-            "/pageWindow":"qrc:/example/qml/window/PageWindow.qml"
+            "/singleInstanceWindow":"qrc:/example/qml/window/SingleInstanceWindow.qml"
         }
         FluApp.initialRoute = "/"
         FluApp.httpInterceptor = interceptor

example/qml-Qt6/global/ItemsFooter.qml

@@ -14,8 +14,7 @@ FluObject{
     FluPaneItem{
         title:lang.about
         icon:FluentIcons.Contact
-        onDropped: { FluApp.navigate("/about") }
-        onTapListener:function(){
+        tapFunc:function(){
             FluApp.navigate("/about")
         }
     }
@@ -23,10 +22,8 @@ FluObject{
     FluPaneItem{
         title:lang.settings
         icon:FluentIcons.Settings
-        url:"qrc:/example/qml/page/T_Settings.qml"
-        onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
         onTap:{
-            navigationView.push(url)
+            navigationView.push("qrc:/example/qml/page/T_Settings.qml")
         }
     }
 

example/qml-Qt6/global/ItemsOriginal.qml

@@ -21,13 +21,11 @@ FluObject{
             count: item_home.count
         }
         icon:FluentIcons.Home
-        url:"qrc:/example/qml/page/T_Home.qml"
-        onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
         onTap:{
             if(navigationView.getCurrentUrl()){
                 item_home.count = 0
             }
-            navigationView.push(url)
+            navigationView.push("qrc:/example/qml/page/T_Home.qml")
         }
         editDelegate: FluTextBox{
             text:item_home.title
@@ -71,11 +69,9 @@ FluObject{
             image:"qrc:/example/res/image/control/Button.png"
             recentlyUpdated:true
             desc:"A control that responds to user input and raisesa Click event."
-            url:"qrc:/example/qml/page/T_Buttons.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
             onTap:{
                 item_buttons.count = 0
-                navigationView.push(url)
+                navigationView.push("qrc:/example/qml/page/T_Buttons.qml")
             }
         }
         FluPaneItem{
@@ -86,45 +82,46 @@ FluObject{
                 count: item_text.count
                 color: Qt.rgba(82/255,196/255,26/255,1)
             }
-            url:"qrc:/example/qml/page/T_Text.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                item_text.count = 0
+                navigationView.push("qrc:/example/qml/page/T_Text.qml")
+            }
         }
         FluPaneItem{
             title:"Image"
-            url:"qrc:/example/qml/page/T_Image.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Image.qml")
+            }
         }
         FluPaneItem{
             title:"Slider"
             image:"qrc:/example/res/image/control/Slider.png"
             recentlyUpdated:true
             desc:"A control that lets the user select from a rangeof values by moving a Thumb control along atrack."
-            url:"qrc:/example/qml/page/T_Slider.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Slider.qml")
+            }
         }
         FluPaneItem{
             title:"CheckBox"
             image:"qrc:/example/res/image/control/Checkbox.png"
             recentlyUpdated:true
             desc:"A control that a user can select or clear."
-            url:"qrc:/example/qml/page/T_CheckBox.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_CheckBox.qml")
+            }
         }
         FluPaneItem{
             title:"RadioButton"
-            url:"qrc:/example/qml/page/T_RadioButton.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_RadioButton.qml")
+            }
         }
         FluPaneItem{
             title:"ToggleSwitch"
-            url:"qrc:/example/qml/page/T_ToggleSwitch.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_ToggleSwitch.qml")
+            }
         }
     }
 
@@ -133,33 +130,33 @@ FluObject{
         icon:FluentIcons.GridView
         FluPaneItem{
             title:"TextBox"
-            url:"qrc:/example/qml/page/T_TextBox.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TextBox.qml")
+            }
         }
         FluPaneItem{
             title:"TimePicker"
-            url:"qrc:/example/qml/page/T_TimePicker.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TimePicker.qml")
+            }
         }
         FluPaneItem{
             title:"DatePicker"
-            url:"qrc:/example/qml/page/T_DatePicker.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_DatePicker.qml")
+            }
         }
         FluPaneItem{
             title:"CalendarPicker"
-            url:"qrc:/example/qml/page/T_CalendarPicker.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_CalendarPicker.qml")
+            }
         }
         FluPaneItem{
             title:"ColorPicker"
-            url:"qrc:/example/qml/page/T_ColorPicker.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_ColorPicker.qml")
+            }
         }
     }
 
@@ -171,57 +168,57 @@ FluObject{
             image:"qrc:/example/res/image/control/InfoBar.png"
             recentlyUpdated:true
             desc:"An inline message to display app-wide statuschange information."
-            url:"qrc:/example/qml/page/T_InfoBar.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_InfoBar.qml")
+            }
         }
         FluPaneItem{
             title:"Progress"
-            url:"qrc:/example/qml/page/T_Progress.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Progress.qml")
+            }
         }
         FluPaneItem{
             title:"RatingControl"
-            url:"qrc:/example/qml/page/T_RatingControl.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_RatingControl.qml")
+            }
         }
         FluPaneItem{
             title:"Badge"
-            url:"qrc:/example/qml/page/T_Badge.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Badge.qml")
+            }
         }
         FluPaneItem{
             title:"Rectangle"
-            url:"qrc:/example/qml/page/T_Rectangle.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Rectangle.qml")
+            }
         }
         FluPaneItem{
             title:"StatusView"
-            url:"qrc:/example/qml/page/T_StatusView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_StatusView.qml")
+            }
         }
         FluPaneItem{
             title:"Carousel"
-            url:"qrc:/example/qml/page/T_Carousel.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Carousel.qml")
+            }
         }
         FluPaneItem{
             title:"Expander"
-            url:"qrc:/example/qml/page/T_Expander.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Expander.qml")
+            }
         }
         FluPaneItem{
             title:"Watermark"
-            url:"qrc:/example/qml/page/T_Watermark.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Watermark.qml")
+            }
         }
     }
 
@@ -230,9 +227,9 @@ FluObject{
         icon:FluentIcons.ButtonMenu
         FluPaneItem{
             title:"Dialog"
-            url:"qrc:/example/qml/page/T_Dialog.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Dialog.qml")
+            }
         }
         FluPaneItem{
             id:item_combobox
@@ -242,8 +239,6 @@ FluObject{
                 count: item_combobox.count
                 color: Qt.rgba(250/255,173/255,20/255,1)
             }
-            url:"qrc:/example/qml/page/T_ComboBox.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
             onTap:{
                 item_combobox.count = 0
                 navigationView.push("qrc:/example/qml/page/T_ComboBox.qml")
@@ -251,15 +246,15 @@ FluObject{
         }
         FluPaneItem{
             title:"Tooltip"
-            url:"qrc:/example/qml/page/T_Tooltip.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Tooltip.qml")
+            }
         }
         FluPaneItem{
             title:"Menu"
-            url:"qrc:/example/qml/page/T_Menu.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Menu.qml")
+            }
         }
     }
 
@@ -272,15 +267,15 @@ FluObject{
             recentlyAdded:true
             order:3
             desc:"Presents information from different sources in atabbed view."
-            url:"qrc:/example/qml/page/T_Pivot.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Pivot.qml")
+            }
         }
         FluPaneItem{
             title:"BreadcrumbBar"
-            url:"qrc:/example/qml/page/T_BreadcrumbBar.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_BreadcrumbBar.qml")
+            }
         }
         FluPaneItem{
             title:"TabView"
@@ -288,15 +283,15 @@ FluObject{
             recentlyAdded:true
             order:1
             desc:"A control that displays a collection of tabs thatcan be used to display several documents."
-            url:"qrc:/example/qml/page/T_TabView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TabView.qml")
+            }
         }
         FluPaneItem{
             title:"TreeView"
-            url:"qrc:/example/qml/page/T_TreeView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TreeView.qml")
+            }
         }
         FluPaneItem{
             title:"TableView"
@@ -304,21 +299,21 @@ FluObject{
             recentlyAdded:true
             order:4
             desc:"The TableView control provides a flexible way to display a collection of data in rows and columns"
-            url:"qrc:/example/qml/page/T_TableView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TableView.qml")
+            }
         }
         FluPaneItem{
             title:"Pagination"
-            url:"qrc:/example/qml/page/T_Pagination.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Pagination.qml")
+            }
         }
         FluPaneItem{
             title:"MultiWindow"
-            url:"qrc:/example/qml/page/T_MultiWindow.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_MultiWindow.qml")
+            }
         }
         FluPaneItem{
             title:"FlipView"
@@ -326,9 +321,9 @@ FluObject{
             recentlyAdded:true
             order:2
             desc:"Presents a collection of items that the user canflip through, one item at a time."
-            url:"qrc:/example/qml/page/T_FlipView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_FlipView.qml")
+            }
         }
     }
 
@@ -337,27 +332,27 @@ FluObject{
         icon:FluentIcons.Brightness
         FluPaneItem{
             title:"Acrylic"
-            url:"qrc:/example/qml/page/T_Acrylic.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Acrylic.qml")
+            }
         }
         FluPaneItem{
             title:"Theme"
-            url:"qrc:/example/qml/page/T_Theme.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Theme.qml")
+            }
         }
         FluPaneItem{
             title:"Typography"
-            url:"qrc:/example/qml/page/T_Typography.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Typography.qml")
+            }
         }
         FluPaneItem{
             title:"Awesome"
-            url:"qrc:/example/qml/page/T_Awesome.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Awesome.qml")
+            }
         }
     }
 
@@ -371,45 +366,45 @@ FluObject{
         icon:FluentIcons.Shop
         FluPaneItem{
             title:"QRCode"
-            url:"qrc:/example/qml/page/T_QRCode.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_QRCode.qml")
+            }
         }
         FluPaneItem{
             title:"Tour"
-            url:"qrc:/example/qml/page/T_Tour.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Tour.qml")
+            }
         }
         FluPaneItem{
             title:"Timeline"
-            url:"qrc:/example/qml/page/T_Timeline.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Timeline.qml")
+            }
         }
         FluPaneItem{
             title:"Screenshot"
-            url:"qrc:/example/qml/page/T_Screenshot.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Screenshot.qml")
+            }
         }
         FluPaneItem{
             title:"Captcha"
-            url:"qrc:/example/qml/page/T_Captcha.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Captcha.qml")
+            }
         }
         FluPaneItem{
             title:"Chart"
-            url:"qrc:/example/qml/page/T_Chart.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Chart.qml")
+            }
         }
         FluPaneItem{
             title:"Http"
-            url:"qrc:/example/qml/page/T_Http.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Http.qml")
+            }
         }
         FluPaneItem{
             id:item_other
@@ -419,8 +414,6 @@ FluObject{
                 count: item_other.count
                 color: Qt.rgba(82/255,196/255,26/255,1)
             }
-            url:"qrc:/example/qml/page/T_RemoteLoader.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
             onTap:{
                 item_other.count = 0
                 navigationView.push("qrc:/example/qml/page/T_RemoteLoader.qml")
@@ -428,10 +421,9 @@ FluObject{
         }
         FluPaneItem{
             title:"HotLoader"
-            onTapListener:function(){
+            tapFunc:function(){
                 FluApp.navigate("/hotload")
             }
-            onDropped:{ FluApp.navigate("/hotload") }
         }
     }
 

example/qml-Qt6/window/PageWindow.qml

@@ -1,25 +0,0 @@
-import QtQuick
-import QtQuick.Controls
-import QtQuick.Layouts
-import FluentUI
-import example
-import "qrc:///example/qml/component"
-
-CustomWindow {
-
-    id:window
-    width: 800
-    height: 600
-    minimumWidth: 520
-    minimumHeight: 200
-    launchMode: FluWindowType.SingleInstance
-    onInitArgument:
-        (arg)=>{
-            window.title = arg.title
-            loader.setSource( arg.url,{animDisabled:true})
-        }
-    Loader{
-        id: loader
-        anchors.fill: parent
-    }
-}

example/qml/App.qml

@@ -35,8 +35,7 @@ Window {
             "/hotload":"qrc:/example/qml/window/HotloadWindow.qml",
             "/singleTaskWindow":"qrc:/example/qml/window/SingleTaskWindow.qml",
             "/standardWindow":"qrc:/example/qml/window/StandardWindow.qml",
-            "/singleInstanceWindow":"qrc:/example/qml/window/SingleInstanceWindow.qml",
-            "/pageWindow":"qrc:/example/qml/window/PageWindow.qml"
+            "/singleInstanceWindow":"qrc:/example/qml/window/SingleInstanceWindow.qml"
         }
         FluApp.initialRoute = "/"
         FluApp.httpInterceptor = interceptor

example/qml/global/ItemsFooter.qml

@@ -14,8 +14,7 @@ FluObject{
     FluPaneItem{
         title:lang.about
         icon:FluentIcons.Contact
-        onDropped: { FluApp.navigate("/about") }
-        onTapListener:function(){
+        tapFunc:function(){
             FluApp.navigate("/about")
         }
     }
@@ -23,10 +22,8 @@ FluObject{
     FluPaneItem{
         title:lang.settings
         icon:FluentIcons.Settings
-        url:"qrc:/example/qml/page/T_Settings.qml"
-        onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
         onTap:{
-            navigationView.push(url)
+            navigationView.push("qrc:/example/qml/page/T_Settings.qml")
         }
     }
 

example/qml/global/ItemsOriginal.qml

@@ -21,13 +21,11 @@ FluObject{
             count: item_home.count
         }
         icon:FluentIcons.Home
-        url:"qrc:/example/qml/page/T_Home.qml"
-        onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
         onTap:{
             if(navigationView.getCurrentUrl()){
                 item_home.count = 0
             }
-            navigationView.push(url)
+            navigationView.push("qrc:/example/qml/page/T_Home.qml")
         }
         editDelegate: FluTextBox{
             text:item_home.title
@@ -71,11 +69,9 @@ FluObject{
             image:"qrc:/example/res/image/control/Button.png"
             recentlyUpdated:true
             desc:"A control that responds to user input and raisesa Click event."
-            url:"qrc:/example/qml/page/T_Buttons.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
             onTap:{
                 item_buttons.count = 0
-                navigationView.push(url)
+                navigationView.push("qrc:/example/qml/page/T_Buttons.qml")
             }
         }
         FluPaneItem{
@@ -86,45 +82,46 @@ FluObject{
                 count: item_text.count
                 color: Qt.rgba(82/255,196/255,26/255,1)
             }
-            url:"qrc:/example/qml/page/T_Text.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                item_text.count = 0
+                navigationView.push("qrc:/example/qml/page/T_Text.qml")
+            }
         }
         FluPaneItem{
             title:"Image"
-            url:"qrc:/example/qml/page/T_Image.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Image.qml")
+            }
         }
         FluPaneItem{
             title:"Slider"
             image:"qrc:/example/res/image/control/Slider.png"
             recentlyUpdated:true
             desc:"A control that lets the user select from a rangeof values by moving a Thumb control along atrack."
-            url:"qrc:/example/qml/page/T_Slider.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Slider.qml")
+            }
         }
         FluPaneItem{
             title:"CheckBox"
             image:"qrc:/example/res/image/control/Checkbox.png"
             recentlyUpdated:true
             desc:"A control that a user can select or clear."
-            url:"qrc:/example/qml/page/T_CheckBox.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_CheckBox.qml")
+            }
         }
         FluPaneItem{
             title:"RadioButton"
-            url:"qrc:/example/qml/page/T_RadioButton.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_RadioButton.qml")
+            }
         }
         FluPaneItem{
             title:"ToggleSwitch"
-            url:"qrc:/example/qml/page/T_ToggleSwitch.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_ToggleSwitch.qml")
+            }
         }
     }
 
@@ -133,33 +130,33 @@ FluObject{
         icon:FluentIcons.GridView
         FluPaneItem{
             title:"TextBox"
-            url:"qrc:/example/qml/page/T_TextBox.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TextBox.qml")
+            }
         }
         FluPaneItem{
             title:"TimePicker"
-            url:"qrc:/example/qml/page/T_TimePicker.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TimePicker.qml")
+            }
         }
         FluPaneItem{
             title:"DatePicker"
-            url:"qrc:/example/qml/page/T_DatePicker.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_DatePicker.qml")
+            }
         }
         FluPaneItem{
             title:"CalendarPicker"
-            url:"qrc:/example/qml/page/T_CalendarPicker.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_CalendarPicker.qml")
+            }
         }
         FluPaneItem{
             title:"ColorPicker"
-            url:"qrc:/example/qml/page/T_ColorPicker.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_ColorPicker.qml")
+            }
         }
     }
 
@@ -171,57 +168,57 @@ FluObject{
             image:"qrc:/example/res/image/control/InfoBar.png"
             recentlyUpdated:true
             desc:"An inline message to display app-wide statuschange information."
-            url:"qrc:/example/qml/page/T_InfoBar.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_InfoBar.qml")
+            }
         }
         FluPaneItem{
             title:"Progress"
-            url:"qrc:/example/qml/page/T_Progress.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Progress.qml")
+            }
         }
         FluPaneItem{
             title:"RatingControl"
-            url:"qrc:/example/qml/page/T_RatingControl.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_RatingControl.qml")
+            }
         }
         FluPaneItem{
             title:"Badge"
-            url:"qrc:/example/qml/page/T_Badge.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Badge.qml")
+            }
         }
         FluPaneItem{
             title:"Rectangle"
-            url:"qrc:/example/qml/page/T_Rectangle.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Rectangle.qml")
+            }
         }
         FluPaneItem{
             title:"StatusView"
-            url:"qrc:/example/qml/page/T_StatusView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_StatusView.qml")
+            }
         }
         FluPaneItem{
             title:"Carousel"
-            url:"qrc:/example/qml/page/T_Carousel.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Carousel.qml")
+            }
         }
         FluPaneItem{
             title:"Expander"
-            url:"qrc:/example/qml/page/T_Expander.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Expander.qml")
+            }
         }
         FluPaneItem{
             title:"Watermark"
-            url:"qrc:/example/qml/page/T_Watermark.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Watermark.qml")
+            }
         }
     }
 
@@ -230,9 +227,9 @@ FluObject{
         icon:FluentIcons.ButtonMenu
         FluPaneItem{
             title:"Dialog"
-            url:"qrc:/example/qml/page/T_Dialog.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Dialog.qml")
+            }
         }
         FluPaneItem{
             id:item_combobox
@@ -242,8 +239,6 @@ FluObject{
                 count: item_combobox.count
                 color: Qt.rgba(250/255,173/255,20/255,1)
             }
-            url:"qrc:/example/qml/page/T_ComboBox.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
             onTap:{
                 item_combobox.count = 0
                 navigationView.push("qrc:/example/qml/page/T_ComboBox.qml")
@@ -251,15 +246,15 @@ FluObject{
         }
         FluPaneItem{
             title:"Tooltip"
-            url:"qrc:/example/qml/page/T_Tooltip.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Tooltip.qml")
+            }
         }
         FluPaneItem{
             title:"Menu"
-            url:"qrc:/example/qml/page/T_Menu.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Menu.qml")
+            }
         }
     }
 
@@ -272,15 +267,15 @@ FluObject{
             recentlyAdded:true
             order:3
             desc:"Presents information from different sources in atabbed view."
-            url:"qrc:/example/qml/page/T_Pivot.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Pivot.qml")
+            }
         }
         FluPaneItem{
             title:"BreadcrumbBar"
-            url:"qrc:/example/qml/page/T_BreadcrumbBar.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_BreadcrumbBar.qml")
+            }
         }
         FluPaneItem{
             title:"TabView"
@@ -288,15 +283,15 @@ FluObject{
             recentlyAdded:true
             order:1
             desc:"A control that displays a collection of tabs thatcan be used to display several documents."
-            url:"qrc:/example/qml/page/T_TabView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TabView.qml")
+            }
         }
         FluPaneItem{
             title:"TreeView"
-            url:"qrc:/example/qml/page/T_TreeView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TreeView.qml")
+            }
         }
         FluPaneItem{
             title:"TableView"
@@ -304,21 +299,21 @@ FluObject{
             recentlyAdded:true
             order:4
             desc:"The TableView control provides a flexible way to display a collection of data in rows and columns"
-            url:"qrc:/example/qml/page/T_TableView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_TableView.qml")
+            }
         }
         FluPaneItem{
             title:"Pagination"
-            url:"qrc:/example/qml/page/T_Pagination.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Pagination.qml")
+            }
         }
         FluPaneItem{
             title:"MultiWindow"
-            url:"qrc:/example/qml/page/T_MultiWindow.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_MultiWindow.qml")
+            }
         }
         FluPaneItem{
             title:"FlipView"
@@ -326,9 +321,9 @@ FluObject{
             recentlyAdded:true
             order:2
             desc:"Presents a collection of items that the user canflip through, one item at a time."
-            url:"qrc:/example/qml/page/T_FlipView.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_FlipView.qml")
+            }
         }
     }
 
@@ -337,27 +332,27 @@ FluObject{
         icon:FluentIcons.Brightness
         FluPaneItem{
             title:"Acrylic"
-            url:"qrc:/example/qml/page/T_Acrylic.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Acrylic.qml")
+            }
         }
         FluPaneItem{
             title:"Theme"
-            url:"qrc:/example/qml/page/T_Theme.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Theme.qml")
+            }
         }
         FluPaneItem{
             title:"Typography"
-            url:"qrc:/example/qml/page/T_Typography.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Typography.qml")
+            }
         }
         FluPaneItem{
             title:"Awesome"
-            url:"qrc:/example/qml/page/T_Awesome.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Awesome.qml")
+            }
         }
     }
 
@@ -371,45 +366,45 @@ FluObject{
         icon:FluentIcons.Shop
         FluPaneItem{
             title:"QRCode"
-            url:"qrc:/example/qml/page/T_QRCode.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_QRCode.qml")
+            }
         }
         FluPaneItem{
             title:"Tour"
-            url:"qrc:/example/qml/page/T_Tour.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Tour.qml")
+            }
         }
         FluPaneItem{
             title:"Timeline"
-            url:"qrc:/example/qml/page/T_Timeline.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Timeline.qml")
+            }
         }
         FluPaneItem{
             title:"Screenshot"
-            url:"qrc:/example/qml/page/T_Screenshot.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Screenshot.qml")
+            }
         }
         FluPaneItem{
             title:"Captcha"
-            url:"qrc:/example/qml/page/T_Captcha.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Captcha.qml")
+            }
         }
         FluPaneItem{
             title:"Chart"
-            url:"qrc:/example/qml/page/T_Chart.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Chart.qml")
+            }
         }
         FluPaneItem{
             title:"Http"
-            url:"qrc:/example/qml/page/T_Http.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
-            onTap:{ navigationView.push(url) }
+            onTap:{
+                navigationView.push("qrc:/example/qml/page/T_Http.qml")
+            }
         }
         FluPaneItem{
             id:item_other
@@ -419,8 +414,6 @@ FluObject{
                 count: item_other.count
                 color: Qt.rgba(82/255,196/255,26/255,1)
             }
-            url:"qrc:/example/qml/page/T_RemoteLoader.qml"
-            onDropped:{ FluApp.navigate("/pageWindow",{title:title,url:url}) }
             onTap:{
                 item_other.count = 0
                 navigationView.push("qrc:/example/qml/page/T_RemoteLoader.qml")
@@ -428,10 +421,9 @@ FluObject{
         }
         FluPaneItem{
             title:"HotLoader"
-            onTapListener:function(){
+            tapFunc:function(){
                 FluApp.navigate("/hotload")
             }
-            onDropped:{ FluApp.navigate("/hotload") }
         }
     }
 

example/qml/page/T_Acrylic.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Badge.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_BreadcrumbBar.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Buttons.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_CalendarPicker.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Captcha.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Carousel.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Chart.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_CheckBox.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_ColorPicker.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_ComboBox.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_DatePicker.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Dialog.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Expander.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_FlipView.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Http.qml

@@ -6,7 +6,6 @@ import QtQuick.Controls 2.15
 import QtQuick.Dialogs 1.3
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluContentPage{
 

example/qml/page/T_Image.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_InfoBar.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Menu.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_MultiWindow.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Pagination.qml

@@ -3,7 +3,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import "qrc:///example/qml/component"
-import "../component"
 import FluentUI 1.0
 
 FluScrollablePage{

example/qml/page/T_Pivot.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Progress.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_QRCode.qml

@@ -5,7 +5,6 @@ import QtQuick.Window 2.15
 import FluentUI 1.0
 import QtGraphicalEffects 1.15
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_RadioButton.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_RatingControl.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage {
 

example/qml/page/T_Rectangle.qml

@@ -4,7 +4,6 @@ import QtQuick.Controls 2.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_RemoteLoader.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluPage{
     launchMode: FluPageType.SingleTop

example/qml/page/T_Screenshot.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Settings.qml

@@ -5,7 +5,6 @@ import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/global"
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Slider.qml

@@ -3,7 +3,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import "qrc:///example/qml/component"
-import "../component"
 import FluentUI 1.0
 
 FluScrollablePage{

example/qml/page/T_StatusView.qml

@@ -4,7 +4,6 @@ import QtQuick.Controls 2.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_TabView.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_TableView.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluContentPage{
 

example/qml/page/T_Text.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_TextBox.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Theme.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_TimePicker.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Timeline.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_ToggleSwitch.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Tooltip.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_Tour.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage{
 

example/qml/page/T_TreeView.qml

@@ -4,7 +4,6 @@ import QtQuick.Window 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluScrollablePage {
 

example/qml/page/T_Watermark.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 FluContentPage{
 

example/qml/window/AboutWindow.qml

@@ -3,7 +3,6 @@ import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 CustomWindow {
 

example/qml/window/HotloadWindow.qml

@@ -4,7 +4,6 @@ import QtQuick.Layouts 1.15
 import FluentUI 1.0
 import example 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 CustomWindow {
 

example/qml/window/LoginWindow.qml

@@ -3,7 +3,6 @@ import QtQuick.Layouts 1.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 CustomWindow {
 

example/qml/window/MainWindow.qml

@@ -6,7 +6,6 @@ import Qt.labs.platform 1.1
 import FluentUI 1.0
 import example 1.0
 import "qrc:///example/qml/component"
-import "../component"
 import "qrc:///example/qml/global"
 
 CustomWindow {

example/qml/window/PageWindow.qml

@@ -1,26 +0,0 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 1.15
-import FluentUI 1.0
-import example 1.0
-import "qrc:///example/qml/component"
-import "../component"
-
-CustomWindow {
-
-    id:window
-    width: 800
-    height: 600
-    minimumWidth: 520
-    minimumHeight: 200
-    launchMode: FluWindowType.SingleInstance
-    onInitArgument:
-        (arg)=>{
-            window.title = arg.title
-            loader.setSource( arg.url,{animDisabled:true})
-        }
-    Loader{
-        id: loader
-        anchors.fill: parent
-    }
-}

example/qml/window/SingleInstanceWindow.qml

@@ -3,7 +3,6 @@ import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 CustomWindow {
 

example/qml/window/SingleTaskWindow.qml

@@ -3,7 +3,6 @@ import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 CustomWindow {
 

example/qml/window/StandardWindow.qml

@@ -3,7 +3,6 @@ import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import FluentUI 1.0
 import "qrc:///example/qml/component"
-import "../component"
 
 CustomWindow {
 

example/resource.qrc

@@ -184,6 +184,5 @@
         <file>qml/window/StandardWindow.qml</file>
         <file>res/image/bg_scenic.png</file>
         <file>res/image/image_1.jpg</file>
-        <file>qml/window/PageWindow.qml</file>
     </qresource>
 </RCC>

example/src/main.cpp

@@ -36,7 +36,7 @@ int main(int argc, char *argv[])
     FramelessConfig::instance()->set(Global::Option::EnableBlurBehindWindow);
 #ifdef Q_OS_WIN // 此设置仅在Windows下生效
     FramelessConfig::instance()->set(Global::Option::ForceHideWindowFrameBorder);
-    FramelessConfig::instance()->set(Global::Option::EnableBlurBehindWindow,true);
+    FramelessConfig::instance()->set(Global::Option::EnableBlurBehindWindow,false);
 #endif
 #ifdef Q_OS_MACOS
     FramelessConfig::instance()->set(Global::Option::ForceNonNativeBackgroundBlur,false);

src/Qt5/imports/FluentUI/Controls/FluNavigationView.qml

@@ -170,17 +170,17 @@ Item {
                 MouseArea{
                     anchors.fill: parent
                     acceptedButtons: Qt.RightButton
-                    onClicked:
-                        (mouse) =>{
-                            if (mouse.button === Qt.RightButton) {
-                                if(model.menuDelegate){
-                                    loader_item_menu.sourceComponent = model.menuDelegate
-                                    loader_item_menu.item.popup()
-                                }
+                    onClicked: function(mouse){
+                        if (mouse.button === Qt.RightButton) {
+                            if(model.menuDelegate){
+                                loader_item_menu.sourceComponent = model.menuDelegate
+                                loader_item_menu.item.popup()
                             }
                         }
+                    }
                     z:-100
                 }
+
                 onClicked: {
                     if(d.isCompactAndNotPanel){
                         control_popup.showPopup(Qt.point(50,mapToItem(control,0,0).y),model.children)
@@ -356,7 +356,7 @@ Item {
                             ignoreUnknownSignals:true
                             function onActiveFocusChanged(focus){
                                 if(focus === false){
-                                    model.showEdit = false
+                                   model.showEdit = false
                                 }
                             }
                             function onCommit(text){
@@ -393,7 +393,6 @@ Item {
             }
             width: layout_list.width
             FluControl{
-                property var modelData: model
                 id:item_control
                 anchors{
                     top: parent.top
@@ -405,59 +404,43 @@ Item {
                     leftMargin: 6
                     rightMargin: 6
                 }
-                Drag.active: item_mouse.drag.active
-                Drag.hotSpot.x: item_control.width / 2
-                Drag.hotSpot.y: item_control.height / 2
-                Drag.dragType: Drag.Automatic
                 MouseArea{
-                    id:item_mouse
                     anchors.fill: parent
-                    acceptedButtons: Qt.RightButton | Qt.LeftButton
-                    drag.target: item_control
-                    onPositionChanged: {
-                        parent.grabToImage(function(result) {
-                            parent.Drag.imageSource = result.url;
-                        })
-                    }
-                    drag.onActiveChanged:
-                        if (active) {
-                            parent.grabToImage(function(result) {
-                                parent.Drag.imageSource = result.url;
-                            })
-                        }
-                    onClicked:
-                        (mouse)=>{
-                            if (mouse.button === Qt.RightButton) {
-                                if(model.menuDelegate){
-                                    loader_item_menu.sourceComponent = model.menuDelegate
-                                    loader_item_menu.item.popup();
-                                }
-                            }else{
-                                if(type === 0){
-                                    if(model.onTapListener){
-                                        model.onTapListener()
-                                    }else{
-                                        nav_list.currentIndex = _idx
-                                        layout_footer.currentIndex = -1
-                                        model.tap()
-                                        if(d.isMinimal || d.isCompact){
-                                            d.enableNavigationPanel = false
-                                        }
-                                    }
-                                }else{
-                                    if(model.onTapListener){
-                                        model.onTapListener()
-                                    }else{
-                                        nav_list.currentIndex = nav_list.count-layout_footer.count+_idx
-                                        layout_footer.currentIndex = _idx
-                                        model.tap()
-                                        if(d.isMinimal || d.isCompact){
-                                            d.enableNavigationPanel = false
-                                        }
-                                    }
-                                }
+                    acceptedButtons:  Qt.RightButton
+                    onClicked: function(mouse){
+                        if (mouse.button === Qt.RightButton) {
+                            if(model.menuDelegate){
+                                loader_item_menu.sourceComponent = model.menuDelegate
+                                loader_item_menu.item.popup();
                             }
                         }
+                    }
+                    z:-100
+                }
+                onClicked: {
+                    if(type === 0){
+                        if(model.tapFunc){
+                            model.tapFunc()
+                        }else{
+                            nav_list.currentIndex = _idx
+                            layout_footer.currentIndex = -1
+                            model.tap()
+                            if(d.isMinimal || d.isCompact){
+                                d.enableNavigationPanel = false
+                            }
+                        }
+                    }else{
+                        if(model.tapFunc){
+                            model.tapFunc()
+                        }else{
+                            nav_list.currentIndex = nav_list.count-layout_footer.count+_idx
+                            layout_footer.currentIndex = _idx
+                            model.tap()
+                            if(d.isMinimal || d.isCompact){
+                                d.enableNavigationPanel = false
+                            }
+                        }
+                    }
                 }
                 Rectangle{
                     radius: 4
@@ -535,7 +518,7 @@ Item {
                         }
                         elide: Text.ElideRight
                         color:{
-                            if(item_mouse.pressed){
+                            if(item_control.pressed){
                                 return FluTheme.dark ? FluColors.Grey80 : FluColors.Grey120
                             }
                             return FluTheme.dark ? FluColors.White : FluColors.Grey220
@@ -572,7 +555,7 @@ Item {
                             ignoreUnknownSignals:true
                             function onActiveFocusChanged(focus){
                                 if(focus === false){
-                                    model.showEdit = false
+                                   model.showEdit = false
                                 }
                             }
                             function onCommit(text){
@@ -762,13 +745,7 @@ Item {
             }
         }
     }
-    DropArea{
-        anchors.fill: loader_content
-        onDropped:
-            (drag)=>{
-                drag.source.modelData.dropped(drag)
-            }
-    }
+
     Loader{
         id:loader_content
         anchors{
@@ -903,12 +880,6 @@ Item {
             ListView{
                 id:nav_list
                 clip: true
-                displaced: Transition {
-                    NumberAnimation {
-                        properties: "x,y"
-                        easing.type: Easing.OutQuad
-                    }
-                }
                 anchors.fill: parent
                 model:d.handleItems()
                 boundsBehavior: ListView.StopAtBounds
@@ -928,6 +899,7 @@ Item {
                     }
                 }
                 currentIndex: -1
+
                 delegate: Loader{
                     property var model: modelData
                     property var _idx: index
@@ -1079,8 +1051,8 @@ Item {
                         }
                     }
                     onClicked: {
-                        if(modelData.onTapListener){
-                            modelData.onTapListener()
+                        if(modelData.tapFunc){
+                            modelData.tapFunc()
                         }else{
                             modelData.tap()
                             nav_list.currentIndex = _idx

src/Qt5/imports/FluentUI/Controls/FluPaneItem.qml

@@ -9,7 +9,6 @@ QtObject {
     property string title
     property int order : 0
     property int icon
-    property var url
     property Component cusIcon
     property Component infoBadge
     property bool recentlyAdded: false
@@ -19,9 +18,8 @@ QtObject {
     property var parent
     property int count: 0
     signal tap
-    property var onTapListener
+    property var tapFunc
     property Component menuDelegate
     property Component editDelegate
     property bool showEdit
-    signal dropped(var drag)
 }

src/Qt6/imports/FluentUI/Controls/FluNavigationView.qml

@@ -171,17 +171,17 @@ Item {
                 MouseArea{
                     anchors.fill: parent
                     acceptedButtons: Qt.RightButton
-                    onClicked:
-                        (mouse) =>{
-                            if (mouse.button === Qt.RightButton) {
-                                if(model.menuDelegate){
-                                    loader_item_menu.sourceComponent = model.menuDelegate
-                                    loader_item_menu.item.popup()
-                                }
+                    onClicked: function(mouse){
+                        if (mouse.button === Qt.RightButton) {
+                            if(model.menuDelegate){
+                                loader_item_menu.sourceComponent = model.menuDelegate
+                                loader_item_menu.item.popup()
                             }
                         }
+                    }
                     z:-100
                 }
+
                 onClicked: {
                     if(d.isCompactAndNotPanel){
                         control_popup.showPopup(Qt.point(50,mapToItem(control,0,0).y),model.children)
@@ -357,7 +357,7 @@ Item {
                             ignoreUnknownSignals:true
                             function onActiveFocusChanged(focus){
                                 if(focus === false){
-                                    model.showEdit = false
+                                   model.showEdit = false
                                 }
                             }
                             function onCommit(text){
@@ -394,7 +394,6 @@ Item {
             }
             width: layout_list.width
             FluControl{
-                property var modelData: model
                 id:item_control
                 anchors{
                     top: parent.top
@@ -406,59 +405,43 @@ Item {
                     leftMargin: 6
                     rightMargin: 6
                 }
-                Drag.active: item_mouse.drag.active
-                Drag.hotSpot.x: item_control.width / 2
-                Drag.hotSpot.y: item_control.height / 2
-                Drag.dragType: Drag.Automatic
                 MouseArea{
-                    id:item_mouse
                     anchors.fill: parent
-                    acceptedButtons: Qt.RightButton | Qt.LeftButton
-                    drag.target: item_control
-                    onPositionChanged: {
-                        parent.grabToImage(function(result) {
-                            parent.Drag.imageSource = result.url;
-                        })
-                    }
-                    drag.onActiveChanged:
-                        if (active) {
-                            parent.grabToImage(function(result) {
-                                parent.Drag.imageSource = result.url;
-                            })
-                        }
-                    onClicked:
-                        (mouse)=>{
-                            if (mouse.button === Qt.RightButton) {
-                                if(model.menuDelegate){
-                                    loader_item_menu.sourceComponent = model.menuDelegate
-                                    loader_item_menu.item.popup();
-                                }
-                            }else{
-                                if(type === 0){
-                                    if(model.onTapListener){
-                                        model.onTapListener()
-                                    }else{
-                                        nav_list.currentIndex = _idx
-                                        layout_footer.currentIndex = -1
-                                        model.tap()
-                                        if(d.isMinimal || d.isCompact){
-                                            d.enableNavigationPanel = false
-                                        }
-                                    }
-                                }else{
-                                    if(model.onTapListener){
-                                        model.onTapListener()
-                                    }else{
-                                        nav_list.currentIndex = nav_list.count-layout_footer.count+_idx
-                                        layout_footer.currentIndex = _idx
-                                        model.tap()
-                                        if(d.isMinimal || d.isCompact){
-                                            d.enableNavigationPanel = false
-                                        }
-                                    }
-                                }
+                    acceptedButtons:  Qt.RightButton
+                    onClicked: function(mouse){
+                        if (mouse.button === Qt.RightButton) {
+                            if(model.menuDelegate){
+                                loader_item_menu.sourceComponent = model.menuDelegate
+                                loader_item_menu.item.popup();
                             }
                         }
+                    }
+                    z:-100
+                }
+                onClicked: {
+                    if(type === 0){
+                        if(model.tapFunc){
+                            model.tapFunc()
+                        }else{
+                            nav_list.currentIndex = _idx
+                            layout_footer.currentIndex = -1
+                            model.tap()
+                            if(d.isMinimal || d.isCompact){
+                                d.enableNavigationPanel = false
+                            }
+                        }
+                    }else{
+                        if(model.tapFunc){
+                            model.tapFunc()
+                        }else{
+                            nav_list.currentIndex = nav_list.count-layout_footer.count+_idx
+                            layout_footer.currentIndex = _idx
+                            model.tap()
+                            if(d.isMinimal || d.isCompact){
+                                d.enableNavigationPanel = false
+                            }
+                        }
+                    }
                 }
                 Rectangle{
                     radius: 4
@@ -536,7 +519,7 @@ Item {
                         }
                         elide: Text.ElideRight
                         color:{
-                            if(item_mouse.pressed){
+                            if(item_control.pressed){
                                 return FluTheme.dark ? FluColors.Grey80 : FluColors.Grey120
                             }
                             return FluTheme.dark ? FluColors.White : FluColors.Grey220
@@ -573,7 +556,7 @@ Item {
                             ignoreUnknownSignals:true
                             function onActiveFocusChanged(focus){
                                 if(focus === false){
-                                    model.showEdit = false
+                                   model.showEdit = false
                                 }
                             }
                             function onCommit(text){
@@ -753,7 +736,7 @@ Item {
                 id:nav_stack2
                 anchors.fill: nav_stack
                 clip: true
-                visible: FluPageType.SingleInstance === nav_stack.currentItem.launchMode
+                visible: nav_stack.currentItem?.launchMode === FluPageType.SingleInstance
             }
             function navStack(){
                 return nav_stack
@@ -763,13 +746,7 @@ Item {
             }
         }
     }
-    DropArea{
-        anchors.fill: loader_content
-        onDropped:
-            (drag)=>{
-                drag.source.modelData.dropped(drag)
-            }
-    }
+
     Loader{
         id:loader_content
         anchors{
@@ -904,12 +881,6 @@ Item {
             ListView{
                 id:nav_list
                 clip: true
-                displaced: Transition {
-                    NumberAnimation {
-                        properties: "x,y"
-                        easing.type: Easing.OutQuad
-                    }
-                }
                 anchors.fill: parent
                 model:d.handleItems()
                 boundsBehavior: ListView.StopAtBounds
@@ -929,6 +900,7 @@ Item {
                     }
                 }
                 currentIndex: -1
+
                 delegate: Loader{
                     property var model: modelData
                     property var _idx: index
@@ -1080,8 +1052,8 @@ Item {
                         }
                     }
                     onClicked: {
-                        if(modelData.onTapListener){
-                            modelData.onTapListener()
+                        if(modelData.tapFunc){
+                            modelData.tapFunc()
                         }else{
                             modelData.tap()
                             nav_list.currentIndex = _idx

src/Qt6/imports/FluentUI/Controls/FluPaneItem.qml

@@ -9,7 +9,6 @@ QtObject {
     property string title
     property int order : 0
     property int icon
-    property var url
     property Component cusIcon
     property Component infoBadge
     property bool recentlyAdded: false
@@ -19,9 +18,8 @@ QtObject {
     property var parent
     property int count: 0
     signal tap
-    property var onTapListener
+    property var tapFunc
     property Component menuDelegate
     property Component editDelegate
     property bool showEdit
-    signal dropped(var drag)
 }