update

example/global/ItemsFooter.qml

@@ -0,0 +1,21 @@
+pragma Singleton
+
+import QtQuick 2.15
+import FluentUI 1.0
+
+FluObject{
+    id:footer_items
+    FluPaneItemSeparator{}
+    FluPaneItem{
+        title:"意见反馈"
+        onTap:{
+            Qt.openUrlExternally("https://github.com/zhuzichu520/FluentUI/issues/new")
+        }
+    }
+    FluPaneItem{
+        title:"关于"
+        onTap:{
+            FluApp.navigate("/about")
+        }
+    }
+}

example/global/ItemsOriginal.qml

@@ -0,0 +1,286 @@
+pragma Singleton
+
+import QtQuick 2.15
+import FluentUI 1.0
+
+
+FluObject{
+
+    property var navigationView
+
+    FluPaneItem{
+        title:"Home"
+        icon:FluentIcons.Home
+        onTap:{
+            navigationView.push("qrc:/T_Home.qml")
+        }
+    }
+
+    FluPaneItemHeader{
+        title:"Inputs"
+    }
+
+    FluPaneItem{
+        title:"Buttons"
+        image:"qrc:/res/image/control/Button.png"
+        recentlyUpdated:true
+        desc:"A control that responds to user input and raisesa Click event."
+        onTap:{
+            navigationView.push("qrc:/T_Buttons.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Slider"
+        image:"qrc:/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."
+        onTap:{
+            navigationView.push("qrc:/T_Slider.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"CheckBox"
+        image:"qrc:/res/image/control/Checkbox.png"
+        recentlyUpdated:true
+        desc:"A control that a user can select or clear."
+        onTap:{
+            navigationView.push("qrc:/T_CheckBox.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"ToggleSwitch"
+        onTap:{
+            navigationView.push("qrc:/T_ToggleSwitch.qml")
+        }
+    }
+
+    FluPaneItemHeader{
+        title:"Form"
+    }
+
+    FluPaneItem{
+        title:"TextBox"
+        onTap:{
+            navigationView.push("qrc:/T_TextBox.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"TimePicker"
+        onTap:{
+            navigationView.push("qrc:/T_TimePicker.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"DatePicker"
+        onTap:{
+            navigationView.push("qrc:/T_DatePicker.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"CalendarPicker"
+        onTap:{
+            navigationView.push("qrc:/T_CalendarPicker.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"ColorPicker"
+        onTap:{
+            navigationView.push("qrc:/T_ColorPicker.qml")
+        }
+    }
+
+    FluPaneItemHeader{
+        title:"Surface"
+    }
+
+    FluPaneItem{
+        title:"InfoBar"
+        image:"qrc:/res/image/control/InfoBar.png"
+        recentlyUpdated:true
+        desc:"An inline message to display app-wide statuschange information."
+        onTap:{
+            navigationView.push("qrc:/T_InfoBar.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Progress"
+        onTap:{
+            navigationView.push("qrc:/T_Progress.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Badge"
+        onTap:{
+            navigationView.push("qrc:/T_Badge.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Rectangle"
+        onTap:{
+            navigationView.push("qrc:/T_Rectangle.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Carousel"
+        onTap:{
+            navigationView.push("qrc:/T_Carousel.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Expander"
+        onTap:{
+            navigationView.push("qrc:/T_Expander.qml")
+        }
+    }
+
+    FluPaneItemHeader{
+        title:"Popus"
+    }
+
+    FluPaneItem{
+        title:"Dialog"
+        onTap:{
+            navigationView.push("qrc:/T_Dialog.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Tooltip"
+        onTap:{
+            navigationView.push("qrc:/T_Tooltip.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Menu"
+        onTap:{
+            navigationView.push("qrc:/T_Menu.qml")
+        }
+    }
+
+    FluPaneItemHeader{
+        title:"Navigation"
+    }
+
+    FluPaneItem{
+        title:"TabView"
+        image:"qrc:/res/image/control/TabView.png"
+        recentlyAdded:true
+        desc:"A control that displays a collection of tabs thatcan be used to display several documents."
+        onTap:{
+            navigationView.push("qrc:/T_TabView.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"TreeView"
+        onTap:{
+            navigationView.push("qrc:/T_TreeView.qml")
+        }
+    }
+
+
+    FluPaneItem{
+        title:"MultiWindow"
+        onTap:{
+            navigationView.push("qrc:/T_MultiWindow.qml")
+        }
+    }
+
+    FluPaneItemHeader{
+        title:"Theming"
+    }
+
+    FluPaneItem{
+        title:"Theme"
+        onTap:{
+            navigationView.push("qrc:/T_Theme.qml")
+        }
+    }
+
+    FluPaneItem{
+        title:"Awesome"
+        onTap:{
+            navigationView.push("qrc:/T_Awesome.qml")
+        }
+    }
+    FluPaneItem{
+        title:"Typography"
+        onTap:{
+            navigationView.push("qrc:/T_Typography.qml")
+        }
+    }
+
+    FluPaneItemHeader{
+        title:"Media"
+    }
+
+    FluPaneItem{
+        title:"MediaPlayer"
+        image:"qrc:/res/image/control/MediaPlayerElement.png"
+        recentlyAdded:true
+        desc:"A control to display video and image content."
+        onTap:{
+            navigationView.push("qrc:/T_MediaPlayer.qml")
+        }
+    }
+
+    function getRecentlyAddedData(){
+        var arr = []
+        for(var i=0;i<children.length;i++){
+            var item = children[i]
+            if(item instanceof FluPaneItem && item.recentlyAdded){
+                arr.push(item)
+            }
+        }
+        return arr
+    }
+
+    function getRecentlyUpdatedData(){
+        var arr = []
+        for(var i=0;i<children.length;i++){
+            var item = children[i]
+            if(item instanceof FluPaneItem && item.recentlyUpdated){
+                arr.push(item)
+            }
+        }
+        return arr
+    }
+
+    function getSearchData(){
+        var arr = []
+        for(var i=0;i<children.length;i++){
+            var item = children[i]
+            if(item instanceof FluPaneItem){
+                arr.push({title:item.title,key:item.key})
+            }
+        }
+        return arr
+    }
+
+    function startPageByItem(item){
+        for(var i=0;i<children.length;i++){
+            if(children[i].key === item.key){
+                if(navigationView.getCurrentIndex() === i){
+                    return
+                }
+                children[i].tap()
+                navigationView.setCurrentIndex(i)
+                return
+            }
+        }
+    }
+
+}

example/global/qmldir

@@ -0,0 +1,2 @@
+singleton ItemsOriginal 1.0 ItemsOriginal.qml
+singleton ItemsFooter 1.0 ItemsFooter.qml