update

2025-07-01 23:51:48 +08:00 · 2023-04-24 21:14:08 +08:00 · 2023-04-24 21:05:39 +08:00 · 2023-04-24 17:48:12 +08:00 · 2023-04-24 17:02:26 +08:00 · 2023-04-23 18:08:50 +08:00
126 changed files with 1549 additions and 611 deletions
--- a/.github/workflows/ubuntu.yml
+++ b/.github/workflows/ubuntu.yml
@ -56,7 +56,7 @@ jobs:
      - name: package
        run: |
          # make sure Qt plugin finds QML sources so it can deploy the imported files
-          export QML_SOURCES_PATHS=src
+          export QML_SOURCES_PATHS=./
          # 拷贝依赖
          linuxdeploy-x86_64.AppImage --plugin=qt --output=appimage --create-desktop-file --icon-file=${targetName}.svg --executable=bin/release/${targetName} --appdir bin/release/
          mv ${{ env.targetName }}-*.AppImage ${{ env.targetName }}.AppImage
--- a/example/App.qml
+++ b/example/App.qml
@ -1,26 +0,0 @@
-import QtQuick
-import QtQuick.Window
-import QtQuick.Controls
-import QtQuick.Layouts
-import FluentUI
-
-Window {
-    id:app
-    Component.onCompleted: {
-        FluApp.init(app)
-        FluTheme.frameless = ("windows" === Qt.platform.os)
-        FluTheme.dark = false
-        FluApp.routes = {
-            "/":"qrc:/page/MainPage.qml",
-            "/about":"qrc:/page/AboutPage.qml",
-            "/login":"qrc:/page/LoginPage.qml",
-            "/chat":"qrc:/page/ChatPage.qml",
-            "/media":"qrc:/page/MediaPage.qml",
-            "/singleTaskWindow":"qrc:/page/SingleTaskWindow.qml",
-            "/standardWindow":"qrc:/page/StandardWindow.qml",
-            "/singleInstanceWindow":"qrc:/page/SingleInstanceWindow.qml"
-        }
-        FluApp.initialRoute = "/"
-        FluApp.run()
-    }
-}
--- a/example/CMakeLists.txt
+++ b/example/CMakeLists.txt
@ -24,14 +24,23 @@ endif()
 find_package(Qt6 COMPONENTS Core Quick QuickControls2 Concurrent Network Multimedia REQUIRED)

 set(SOURCES
-    ChatController.cpp
-	AppInfo.cpp 
-    main.cpp
+    src/controller/ChatController.cpp
+    src/AppInfo.cpp
+    src/main.cpp
+    src/lang/Lang.cpp
+    src/lang/Zh.cpp
+    src/lang/En.cpp
+    src/tool/IPC.cpp
 )

 set(HEADERS
-    ChatController.h
-	AppInfo.h
+    src/controller/ChatController.h
+    src/AppInfo.h
+    src/stdafx.h
+    src/lang/Lang.h
+    src/lang/Zh.h
+    src/lang/En.h
+    src/tool/IPC.h
 )

 set(RESOURCES
--- a/example/T_Dialog.qml
+++ b/example/T_Dialog.qml
@ -1,64 +0,0 @@
-import QtQuick
-import QtQuick.Layouts
-import QtQuick.Window
-import QtQuick.Controls
-import FluentUI
-import "./component"
-
-FluScrollablePage{
-
-    title:"Dialog"
-    leftPadding:10
-    rightPadding:10
-    bottomPadding:20
-    spacing: 0
-
-    FluArea{
-        Layout.fillWidth: true
-        height: 68
-        paddings: 10
-        Layout.topMargin: 20
-            FluButton{
-                anchors.verticalCenter: parent.verticalCenter
-                Layout.topMargin: 20
-                text:"Show Dialog"
-                onClicked: {
-                    dialog.open()
-                }
-            }
-    }
-    CodeExpander{
-        Layout.fillWidth: true
-        code:'FluContentDialog{
-    id:dialog
-    title:"友情提示"
-    message:"确定要退出程序么？"
-    negativeText:"取消"
-    onNegativeClicked:{
-        showSuccess("点击取消按钮")
-    }
-    positiveText:"确定"
-    onPositiveClicked:{
-        showSuccess("点击确定按钮")
-    }
-}
-dialog.open()
-'
-    }
-
-    FluContentDialog{
-        id:dialog
-        title:"友情提示"
-        message:"确定要退出程序么？"
-        negativeText:"取消"
-        onNegativeClicked:{
-            showSuccess("点击取消按钮")
-        }
-        positiveText:"确定"
-        onPositiveClicked:{
-            showSuccess("点击确定按钮")
-        }
-    }
-
-
-}
--- a/example/example.pro
+++ b/example/example.pro
@ -1,22 +1,24 @@
-QT += quick quickcontrols2 concurrent network multimedia
+QT += quick concurrent network multimedia
 CONFIG += c++17
 DEFINES += QT_DEPRECATED_WARNINGS QT_NO_WARNING_OUTPUT

 HEADERS += \
-    lang/En.h \
-    lang/Lang.h \
-    lang/Zh.h \
-    stdafx.h \
-    ChatController.h \
-    AppInfo.h
+    src/lang/En.h \
+    src/lang/Lang.h \
+    src/lang/Zh.h \
+    src/stdafx.h \
+    src/controller/ChatController.h \
+    src/AppInfo.h \
+    src/tool/IPC.h

 SOURCES += \
-        ChatController.cpp \
-        AppInfo.cpp \
-        lang/En.cpp \
-        lang/Lang.cpp \
-        lang/Zh.cpp \
-        main.cpp
+        src/controller/ChatController.cpp \
+        src/AppInfo.cpp \
+        src/lang/En.cpp \
+        src/lang/Lang.cpp \
+        src/lang/Zh.cpp \
+        src/main.cpp \
+        src/tool/IPC.cpp

 RESOURCES += qml.qrc

@ -50,3 +52,8 @@ else: unix:!android: target.path = /opt/$${TARGET}/bin
 mac: {
    QMAKE_INFO_PLIST = Info.plist
 }
+
+#### 如果你正在使用静态库，请将将下面的配置注释取消掉。
+#DEFINES += STATICLIB
+#INCLUDEPATH += $$OUT_PWD/../bin/FluentUI/
+#LIBS += -L$$OUT_PWD/../bin/FluentUI/ -lFluentUI
--- a/example/main.cpp
+++ b/example/main.cpp
@ -1,38 +0,0 @@
-#include <QGuiApplication>
-#include <QQmlApplicationEngine>
-#include <QQmlContext>
-#include <QDir>
-#include <QQuickWindow>
-#include <QQuickStyle>
-#include <QProcess>
-#include "lang/Lang.h"
-#include "AppInfo.h"
-#include "ChatController.h"
-
-int main(int argc, char *argv[])
-{
-    QCoreApplication::setOrganizationName("ZhuZiChu");
-    QCoreApplication::setOrganizationDomain("https://zhuzichu520.github.io");
-    QCoreApplication::setApplicationName("FluentUI");
-    QQuickStyle::setStyle("Basic");
-    QGuiApplication app(argc, argv);
-    app.setQuitOnLastWindowClosed(false);
-    QQmlApplicationEngine engine;
-    qmlRegisterType<ChatController>("Controller",1,0,"ChatController");
-    AppInfo* appInfo = new AppInfo();
-    QQmlContext * context = engine.rootContext();
-    Lang* lang = appInfo->lang();
-    context->setContextProperty("lang",lang);
-    QObject::connect(appInfo,&AppInfo::langChanged,&app,[context,appInfo]{
-        context->setContextProperty("lang",appInfo->lang());
-    });
-    context->setContextProperty("appInfo",appInfo);
-    const QUrl url(QStringLiteral("qrc:/App.qml"));
-    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
-                     &app, [url](QObject *obj, const QUrl &objUrl) {
-        if (!obj && url == objUrl)
-            QCoreApplication::exit(-1);
-    }, Qt::QueuedConnection);
-    engine.load(url);
-    return app.exec();
-}
--- a/example/qml.qrc
+++ b/example/qml.qrc
@ -1,6 +1,5 @@
 <RCC>
    <qresource prefix="/">
-        <file>App.qml</file>
        <file>res/image/image_huoyin.webp</file>
        <file>res/svg/avatar_1.svg</file>
        <file>res/svg/avatar_2.svg</file>
@ -14,40 +13,11 @@
        <file>res/svg/avatar_10.svg</file>
        <file>res/svg/avatar_11.svg</file>
        <file>res/svg/avatar_12.svg</file>
-        <file>page/AboutPage.qml</file>
-        <file>page/MainPage.qml</file>
-        <file>page/LoginPage.qml</file>
-        <file>T_ToggleSwitch.qml</file>
-        <file>T_Typography.qml</file>
-        <file>T_Awesome.qml</file>
-        <file>T_Buttons.qml</file>
-        <file>T_Rectangle.qml</file>
-        <file>T_InfoBar.qml</file>
-        <file>T_Progress.qml</file>
-        <file>T_Slider.qml</file>
-        <file>T_TextBox.qml</file>
-        <file>T_Theme.qml</file>
-        <file>T_Dialog.qml</file>
-        <file>T_TreeView.qml</file>
-        <file>T_Expander.qml</file>
-        <file>T_TimePicker.qml</file>
-        <file>T_DatePicker.qml</file>
-        <file>T_MultiWindow.qml</file>
-        <file>T_Menu.qml</file>
        <file>res/image/banner_1.jpg</file>
        <file>res/image/banner_2.jpg</file>
        <file>res/image/banner_3.jpg</file>
        <file>res/image/logo_openai.png</file>
-        <file>page/ChatPage.qml</file>
-        <file>T_Tooltip.qml</file>
-        <file>T_Badge.qml</file>
-        <file>T_CalendarPicker.qml</file>
-        <file>T_ColorPicker.qml</file>
-        <file>T_Carousel.qml</file>
-        <file>T_MediaPlayer.qml</file>
-        <file>T_TabView.qml</file>
        <file>res/image/favicon.ico</file>
-        <file>T_Home.qml</file>
        <file>res/image/bg_home_header.png</file>
        <file>res/image/ic_home_github.png</file>
        <file>res/image/control/Acrylic.png</file>
@ -148,25 +118,56 @@
        <file>res/image/control/Viewbox.png</file>
        <file>res/image/control/WebView.png</file>
        <file>res/image/control/XamlUICommand.png</file>
-        <file>T_CheckBox.qml</file>
-        <file>global/ItemsOriginal.qml</file>
-        <file>global/qmldir</file>
-        <file>global/ItemsFooter.qml</file>
-        <file>page/MediaPage.qml</file>
-        <file>T_FlipView.qml</file>
-        <file>T_Pivot.qml</file>
-        <file>component/CodeExpander.qml</file>
-        <file>T_TableView.qml</file>
-        <file>T_StatusView.qml</file>
-        <file>T_Settings.qml</file>
-        <file>global/MainEvent.qml</file>
        <file>res/svg/home.svg</file>
        <file>res/svg/home_dark.svg</file>
-        <file>page/StandardWindow.qml</file>
-        <file>page/SingleTaskWindow.qml</file>
-        <file>page/SingleInstanceWindow.qml</file>
-        <file>T_RatingControl.qml</file>
        <file>res/image/qrcode_wx.jpg</file>
        <file>res/image/qrcode_zfb.jpg</file>
+        <file>qml/component/CodeExpander.qml</file>
+        <file>qml/global/ItemsFooter.qml</file>
+        <file>qml/global/ItemsOriginal.qml</file>
+        <file>qml/global/MainEvent.qml</file>
+        <file>qml/global/qmldir</file>
+        <file>qml/App.qml</file>
+        <file>qml/window/AboutWindow.qml</file>
+        <file>qml/window/ChatWindow.qml</file>
+        <file>qml/window/LoginWindow.qml</file>
+        <file>qml/window/MainWindow.qml</file>
+        <file>qml/window/MediaWindow.qml</file>
+        <file>qml/window/SingleInstanceWindow.qml</file>
+        <file>qml/window/SingleTaskWindow.qml</file>
+        <file>qml/window/StandardWindow.qml</file>
+        <file>qml/page/T_Awesome.qml</file>
+        <file>qml/page/T_Badge.qml</file>
+        <file>qml/page/T_Buttons.qml</file>
+        <file>qml/page/T_CalendarPicker.qml</file>
+        <file>qml/page/T_Carousel.qml</file>
+        <file>qml/page/T_CheckBox.qml</file>
+        <file>qml/page/T_ColorPicker.qml</file>
+        <file>qml/page/T_DatePicker.qml</file>
+        <file>qml/page/T_Dialog.qml</file>
+        <file>qml/page/T_Expander.qml</file>
+        <file>qml/page/T_FlipView.qml</file>
+        <file>qml/page/T_Home.qml</file>
+        <file>qml/page/T_InfoBar.qml</file>
+        <file>qml/page/T_MediaPlayer.qml</file>
+        <file>qml/page/T_Menu.qml</file>
+        <file>qml/page/T_MultiWindow.qml</file>
+        <file>qml/page/T_Pivot.qml</file>
+        <file>qml/page/T_Progress.qml</file>
+        <file>qml/page/T_RatingControl.qml</file>
+        <file>qml/page/T_Rectangle.qml</file>
+        <file>qml/page/T_Settings.qml</file>
+        <file>qml/page/T_Slider.qml</file>
+        <file>qml/page/T_StatusView.qml</file>
+        <file>qml/page/T_TableView.qml</file>
+        <file>qml/page/T_TabView.qml</file>
+        <file>qml/page/T_TextBox.qml</file>
+        <file>qml/page/T_Theme.qml</file>
+        <file>qml/page/T_TimePicker.qml</file>
+        <file>qml/page/T_ToggleSwitch.qml</file>
+        <file>qml/page/T_Tooltip.qml</file>
+        <file>qml/page/T_TreeView.qml</file>
+        <file>qml/page/T_Typography.qml</file>
+        <file>qml/page/T_BreadcrumbBar.qml</file>
    </qresource>
 </RCC>
--- a/example/qml/App.qml
+++ b/example/qml/App.qml
@ -0,0 +1,26 @@
+import QtQuick
+import QtQuick.Window
+import QtQuick.Controls
+import QtQuick.Layouts
+import FluentUI
+
+Window {
+    id:app
+    Component.onCompleted: {
+        FluApp.init(app)
+        FluTheme.frameless = ("windows" === Qt.platform.os)
+        FluTheme.darkMode = FluDarkMode.System
+        FluApp.routes = {
+            "/":"qrc:/qml/window/MainWindow.qml",
+            "/about":"qrc:/qml/window/AboutWindow.qml",
+            "/login":"qrc:/qml/window/LoginWindow.qml",
+            "/chat":"qrc:/qml/window/ChatWindow.qml",
+            "/media":"qrc:/qml/window/MediaWindow.qml",
+            "/singleTaskWindow":"qrc:/qml/window/SingleTaskWindow.qml",
+            "/standardWindow":"qrc:/qml/window/StandardWindow.qml",
+            "/singleInstanceWindow":"qrc:/qml/window/SingleInstanceWindow.qml"
+        }
+        FluApp.initialRoute = "/"
+        FluApp.run()
+    }
+}
--- a/example/qml/component/CodeExpander.qml
+++ b/example/qml/component/CodeExpander.qml
@ -68,7 +68,6 @@ FluExpander{
          "FluComboBox",
          "FluContentDialog",
          "FluContentPage",
-          "FluControl",
          "FluDatePicker",
          "FluDivider",
          "FluDropDownButton",
@ -119,7 +118,9 @@ FluExpander{
          "FluColors",
          "FluTheme",
          "FluStatusView",
-          "FluRatingControl"
+          "FluRatingControl",
+          "FluPasswordBox",
+          "FluBreadcrumbBar"
      ];
      code = code.replace(/\n/g, "<br>");
      code = code.replace(/ /g, "&nbsp;");
--- a/example/qml/global/ItemsFooter.qml
+++ b/example/qml/global/ItemsFooter.qml
@ -20,7 +20,7 @@ FluObject{
        title:lang.settings
        icon:FluentIcons.Settings
        onTap:{
-            navigationView.push("qrc:/T_Settings.qml")
+            navigationView.push("qrc:/qml/page/T_Settings.qml")
        }
    }
 }
--- a/example/qml/global/ItemsOriginal.qml
+++ b/example/qml/global/ItemsOriginal.qml
@ -18,7 +18,7 @@ FluObject{
            height: 18
        }
        onTap:{
-            navigationView.push("qrc:/T_Home.qml")
+            navigationView.push("qrc:/qml/page/T_Home.qml")
        }
    }

@ -31,7 +31,7 @@ FluObject{
            recentlyUpdated:true
            desc:"A control that responds to user input and raisesa Click event."
            onTap:{
-                navigationView.push("qrc:/T_Buttons.qml")
+                navigationView.push("qrc:/qml/page/T_Buttons.qml")
            }
        }
        FluPaneItem{
@ -40,7 +40,7 @@ FluObject{
            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")
+                navigationView.push("qrc:/qml/page/T_Slider.qml")
            }
        }
        FluPaneItem{
@ -49,13 +49,13 @@ FluObject{
            recentlyUpdated:true
            desc:"A control that a user can select or clear."
            onTap:{
-                navigationView.push("qrc:/T_CheckBox.qml")
+                navigationView.push("qrc:/qml/page/T_CheckBox.qml")
            }
        }
        FluPaneItem{
            title:"ToggleSwitch"
            onTap:{
-                navigationView.push("qrc:/T_ToggleSwitch.qml")
+                navigationView.push("qrc:/qml/page/T_ToggleSwitch.qml")
            }
        }
    }
@ -66,31 +66,31 @@ FluObject{
        FluPaneItem{
            title:"TextBox"
            onTap:{
-                navigationView.push("qrc:/T_TextBox.qml")
+                navigationView.push("qrc:/qml/page/T_TextBox.qml")
            }
        }
        FluPaneItem{
            title:"TimePicker"
            onTap:{
-                navigationView.push("qrc:/T_TimePicker.qml")
+                navigationView.push("qrc:/qml/page/T_TimePicker.qml")
            }
        }
        FluPaneItem{
            title:"DatePicker"
            onTap:{
-                navigationView.push("qrc:/T_DatePicker.qml")
+                navigationView.push("qrc:/qml/page/T_DatePicker.qml")
            }
        }
        FluPaneItem{
            title:"CalendarPicker"
            onTap:{
-                navigationView.push("qrc:/T_CalendarPicker.qml")
+                navigationView.push("qrc:/qml/page/T_CalendarPicker.qml")
            }
        }
        FluPaneItem{
            title:"ColorPicker"
            onTap:{
-                navigationView.push("qrc:/T_ColorPicker.qml")
+                navigationView.push("qrc:/qml/page/T_ColorPicker.qml")
            }
        }
    }
@ -104,49 +104,49 @@ FluObject{
            recentlyUpdated:true
            desc:"An inline message to display app-wide statuschange information."
            onTap:{
-                navigationView.push("qrc:/T_InfoBar.qml")
+                navigationView.push("qrc:/qml/page/T_InfoBar.qml")
            }
        }
        FluPaneItem{
            title:"Progress"
            onTap:{
-                navigationView.push("qrc:/T_Progress.qml")
+                navigationView.push("qrc:/qml/page/T_Progress.qml")
            }
        }
        FluPaneItem{
            title:"RatingControl"
            onTap:{
-                navigationView.push("qrc:/T_RatingControl.qml")
+                navigationView.push("qrc:/qml/page/T_RatingControl.qml")
            }
        }
        FluPaneItem{
            title:"Badge"
            onTap:{
-                navigationView.push("qrc:/T_Badge.qml")
+                navigationView.push("qrc:/qml/page/T_Badge.qml")
            }
        }
        FluPaneItem{
            title:"Rectangle"
            onTap:{
-                navigationView.push("qrc:/T_Rectangle.qml")
+                navigationView.push("qrc:/qml/page/T_Rectangle.qml")
            }
        }
        FluPaneItem{
            title:"StatusView"
            onTap:{
-                navigationView.push("qrc:/T_StatusView.qml")
+                navigationView.push("qrc:/qml/page/T_StatusView.qml")
            }
        }
        FluPaneItem{
            title:"Carousel"
            onTap:{
-                navigationView.push("qrc:/T_Carousel.qml")
+                navigationView.push("qrc:/qml/page/T_Carousel.qml")
            }
        }
        FluPaneItem{
            title:"Expander"
            onTap:{
-                navigationView.push("qrc:/T_Expander.qml")
+                navigationView.push("qrc:/qml/page/T_Expander.qml")
            }
        }
    }
@ -157,19 +157,19 @@ FluObject{
        FluPaneItem{
            title:"Dialog"
            onTap:{
-                navigationView.push("qrc:/T_Dialog.qml")
+                navigationView.push("qrc:/qml/page/T_Dialog.qml")
            }
        }
        FluPaneItem{
            title:"Tooltip"
            onTap:{
-                navigationView.push("qrc:/T_Tooltip.qml")
+                navigationView.push("qrc:/qml/page/T_Tooltip.qml")
            }
        }
        FluPaneItem{
            title:"Menu"
            onTap:{
-                navigationView.push("qrc:/T_Menu.qml")
+                navigationView.push("qrc:/qml/page/T_Menu.qml")
            }
        }
    }
@ -184,7 +184,13 @@ FluObject{
            order:3
            desc:"Presents information from different sources in atabbed view."
            onTap:{
-                navigationView.push("qrc:/T_Pivot.qml")
+                navigationView.push("qrc:/qml/page/T_Pivot.qml")
+            }
+        }
+        FluPaneItem{
+            title:"BreadcrumbBar"
+            onTap:{
+                navigationView.push("qrc:/qml/page/T_BreadcrumbBar.qml")
            }
        }
        FluPaneItem{
@ -194,13 +200,13 @@ FluObject{
            order:1
            desc:"A control that displays a collection of tabs thatcan be used to display several documents."
            onTap:{
-                navigationView.push("qrc:/T_TabView.qml")
+                navigationView.push("qrc:/qml/page/T_TabView.qml")
            }
        }
        FluPaneItem{
            title:"TreeView"
            onTap:{
-                navigationView.push("qrc:/T_TreeView.qml")
+                navigationView.push("qrc:/qml/page/T_TreeView.qml")
            }
        }
        FluPaneItem{
@ -210,13 +216,13 @@ FluObject{
            order:4
            desc:"The TableView control provides a flexible way to display a collection of data in rows and columns"
            onTap:{
-                navigationView.push("qrc:/T_TableView.qml")
+                navigationView.push("qrc:/qml/page/T_TableView.qml")
            }
        }
        FluPaneItem{
            title:"MultiWindow"
            onTap:{
-                navigationView.push("qrc:/T_MultiWindow.qml")
+                navigationView.push("qrc:/qml/page/T_MultiWindow.qml")
            }
        }
        FluPaneItem{
@ -226,7 +232,7 @@ FluObject{
            order:2
            desc:"Presents a collection of items that the user canflip through, one item at a time."
            onTap:{
-                navigationView.push("qrc:/T_FlipView.qml")
+                navigationView.push("qrc:/qml/page/T_FlipView.qml")
            }
        }
    }
@ -237,19 +243,19 @@ FluObject{
        FluPaneItem{
            title:"Theme"
            onTap:{
-                navigationView.push("qrc:/T_Theme.qml")
+                navigationView.push("qrc:/qml/page/T_Theme.qml")
            }
        }
        FluPaneItem{
            title:"Typography"
            onTap:{
-                navigationView.push("qrc:/T_Typography.qml")
+                navigationView.push("qrc:/qml/page/T_Typography.qml")
            }
        }
        FluPaneItem{
            title:"Awesome"
            onTap:{
-                navigationView.push("qrc:/T_Awesome.qml")
+                navigationView.push("qrc:/qml/page/T_Awesome.qml")
            }
        }
    }
@ -264,7 +270,7 @@ FluObject{
            order:0
            desc:"A control to display video and image content."
            onTap:{
-                navigationView.push("qrc:/T_MediaPlayer.qml")
+                navigationView.push("qrc:/qml/page/T_MediaPlayer.qml")
            }
        }
    }
--- a/example/qml/global/MainEvent.qml
+++ b/example/qml/global/MainEvent.qml
--- a/example/qml/global/qmldir
+++ b/example/qml/global/qmldir
--- a/example/qml/page/T_Awesome.qml
+++ b/example/qml/page/T_Awesome.qml
--- a/example/qml/page/T_Badge.qml
+++ b/example/qml/page/T_Badge.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -103,6 +103,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'Rectangle{
    width: 40
    height: 40
--- a/example/qml/page/T_BreadcrumbBar.qml
+++ b/example/qml/page/T_BreadcrumbBar.qml
@ -0,0 +1,98 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.Window
+import FluentUI
+import "../component"
+
+FluScrollablePage{
+
+    title:"BreadcurmbBar"
+    leftPadding:10
+    rightPadding:10
+    bottomPadding:20
+    spacing: 0
+
+    Component.onCompleted: {
+        var items = []
+        for(var i=0;i<10;i++){
+            items.push({title:"Item_"+(i+1)})
+        }
+        breadcrumb_1.items = items
+        breadcrumb_2.items = items
+    }
+
+    FluArea{
+        Layout.fillWidth: true
+        height: 68
+        paddings: 10
+        Layout.topMargin: 20
+
+        FluBreadcrumbBar{
+            id:breadcrumb_1
+            width:parent.width
+            anchors.verticalCenter: parent.verticalCenter
+            onClickItem:
+                (model)=>{
+                    showSuccess(model.title)
+                }
+        }
+    }
+
+
+    FluArea{
+        Layout.fillWidth: true
+        height: 100
+        paddings: 10
+        Layout.topMargin: 20
+
+        ColumnLayout{
+            anchors.verticalCenter: parent.verticalCenter
+            width:parent.width
+            spacing: 10
+
+            FluFilledButton{
+                text:"Reset sample"
+                onClicked:{
+                    var items = []
+                    for(var i=0;i<10;i++){
+                        items.push({title:"Item_"+(i+1)})
+                    }
+                     breadcrumb_2.items = items
+                }
+            }
+
+            FluBreadcrumbBar{
+                id:breadcrumb_2
+                separator:">"
+                spacing:8
+                textSize:18
+                Layout.fillWidth: true
+                onClickItem:
+                    (model)=>{
+                        //不是点击最后一个item元素
+                        if(model.index+1!==count()){
+                            breadcrumb_2.remove(model.index+1,count()-model.index-1)
+                        }
+                        showSuccess(model.title)
+                    }
+            }
+        }
+    }
+
+    CodeExpander{
+        Layout.fillWidth: true
+        Layout.topMargin: -1
+        code:'FluBreadcrumbBar{
+    width:parent.width
+    separator:">"
+    spacing:8
+    textSize:18
+    onClickItem: (model)=>{
+
+    }
+}'
+    }
+
+
+}
--- a/example/qml/page/T_Buttons.qml
+++ b/example/qml/page/T_Buttons.qml
@ -2,8 +2,9 @@
 import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{
    title:"Buttons"
@ -51,6 +52,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluTextButton{
    text:"Text Button"
    onClicked: {
@ -92,6 +94,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluButton{
    text:"Standard Button"
    onClicked: {
@ -133,6 +136,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluFilledButton{
    text:"Filled Button"
    onClicked: {
@ -174,6 +178,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluToggleButton{
    text:"Toggle Button"
    onClicked: {
@ -216,6 +221,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluIconButton{
    iconSource:FluentIcons.ChromeCloseContrast
    onClicked: {
@ -266,6 +272,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluDropDownButton{
    text:"DropDownButton"
    items:[
@ -327,6 +334,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluRadioButton{
    selected:true
    text:"Text Button"
@ -365,6 +373,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluCheckBox{
    text:"Check Box"
 }'
--- a/example/qml/page/T_CalendarPicker.qml
+++ b/example/qml/page/T_CalendarPicker.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -23,6 +23,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluCalendarView{

 }'
@ -44,6 +45,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluCalendarPicker{

 }'
--- a/example/qml/page/T_Carousel.qml
+++ b/example/qml/page/T_Carousel.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -39,6 +39,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluCarousel{
    width: 400
    height: 300
--- a/example/qml/page/T_CheckBox.qml
+++ b/example/qml/page/T_CheckBox.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -30,6 +30,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluCheckBox{
    text:"Text"
 }'
--- a/example/qml/page/T_ColorPicker.qml
+++ b/example/qml/page/T_ColorPicker.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -41,6 +41,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluColorView{

 }'
@ -64,6 +65,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluColorPicker{

 }'
--- a/example/qml/page/T_DatePicker.qml
+++ b/example/qml/page/T_DatePicker.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -32,6 +32,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluDatePicker{

 }'
@ -59,6 +60,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluDatePicker{
    showYear:false
 }'
--- a/example/qml/page/T_Dialog.qml
+++ b/example/qml/page/T_Dialog.qml
@ -0,0 +1,122 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Window
+import QtQuick.Controls
+import FluentUI
+import "../component"
+
+FluScrollablePage{
+
+    title:"Dialog"
+    leftPadding:10
+    rightPadding:10
+    bottomPadding:20
+    spacing: 0
+
+    FluArea{
+        Layout.fillWidth: true
+        height: 68
+        paddings: 10
+        Layout.topMargin: 20
+        FluButton{
+            anchors.verticalCenter: parent.verticalCenter
+            Layout.topMargin: 20
+            text:"Show Double Button Dialog"
+            onClicked: {
+                double_btn_dialog.open()
+            }
+        }
+    }
+    CodeExpander{
+        Layout.fillWidth: true
+        Layout.topMargin: -1
+        code:'FluContentDialog{
+    id:dialog
+    title:"友情提示"
+    message:"确定要退出程序么？"
+    negativeText:"取消"
+    buttonFlags: FluContentDialog.NegativeButton | FluContentDialog.PositiveButton
+    onNegativeClicked:{
+        showSuccess("点击取消按钮")
+    }
+    positiveText:"确定"
+    onPositiveClicked:{
+        showSuccess("点击确定按钮")
+    }
+    }
+    dialog.open()'
+    }
+
+    FluContentDialog{
+        id:double_btn_dialog
+        title:"友情提示"
+        message:"确定要退出程序么？"
+        buttonFlags: FluContentDialog.NegativeButton | FluContentDialog.PositiveButton
+        negativeText:"取消"
+        onNegativeClicked:{
+            showSuccess("点击取消按钮")
+        }
+        positiveText:"确定"
+        onPositiveClicked:{
+            showSuccess("点击确定按钮")
+        }
+    }
+
+    FluArea{
+        Layout.fillWidth: true
+        height: 68
+        paddings: 10
+        Layout.topMargin: 20
+        FluButton{
+            anchors.verticalCenter: parent.verticalCenter
+            Layout.topMargin: 20
+            text:"Show Triple Button Dialog"
+            onClicked: {
+                triple_btn_dialog.open()
+            }
+        }
+    }
+    CodeExpander{
+        Layout.fillWidth: true
+        Layout.topMargin: -1
+        code:'FluContentDialog{
+    id:dialog
+    title:"友情提示"
+    message:"确定要退出程序么？"
+    negativeText:"取消"
+    buttonFlags: FluContentDialog.NeutralButton | FluContentDialog.NegativeButton | FluContentDialog.PositiveButton
+    negativeText:"取消"
+    onNegativeClicked:{
+        showSuccess("点击取消按钮")
+    }
+    positiveText:"确定"
+    onPositiveClicked:{
+        showSuccess("点击确定按钮")
+    }
+    neutralText:"最小化"
+    onNeutralClicked:{
+        showSuccess("点击最小化按钮")
+        }
+    }
+    dialog.open()'
+    }
+
+    FluContentDialog{
+        id:triple_btn_dialog
+        title:"友情提示"
+        message:"确定要退出程序么？"
+        buttonFlags: FluContentDialog.NeutralButton | FluContentDialog.NegativeButton | FluContentDialog.PositiveButton
+        negativeText:"取消"
+        onNegativeClicked:{
+            showSuccess("点击取消按钮")
+        }
+        positiveText:"确定"
+        onPositiveClicked:{
+            showSuccess("点击确定按钮")
+        }
+        neutralText:"最小化"
+        onNeutralClicked:{
+            showSuccess("点击最小化按钮")
+        }
+    }
+}
--- a/example/qml/page/T_Expander.qml
+++ b/example/qml/page/T_Expander.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -15,14 +15,14 @@ FluScrollablePage{

    FluArea{
        Layout.fillWidth: true
-        height: layout_column.height+40
+        height: layout_column.height+20
        paddings: 10
        Layout.topMargin: 20
        Column{
            id:layout_column
            spacing: 15
            anchors{
-                verticalCenter: parent.verticalCenter
+                top:parent.top
                left:parent.left
            }

@ -77,12 +77,12 @@ FluScrollablePage{
                    }
                }
            }
-
        }
    }

    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluExpander{
    headerText:"打开一个单选框"
    Item{
--- a/example/qml/page/T_FlipView.qml
+++ b/example/qml/page/T_FlipView.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -44,6 +44,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluFlipView{
    Image{
        source: "qrc:/res/image/banner_1.jpg"
@ -97,6 +98,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluFlipView{
    vertical:true
    Image{
--- a/example/qml/page/T_Home.qml
+++ b/example/qml/page/T_Home.qml
@ -2,7 +2,7 @@
 import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
-import "qrc:///global/"
+import "qrc:///qml/global/"
 import FluentUI

 FluScrollablePage{
--- a/example/qml/page/T_InfoBar.qml
+++ b/example/qml/page/T_InfoBar.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -52,6 +52,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'showInfo("这是一个Info样式的InfoBar")

 showWarning("这是一个Warning样式的InfoBar")
--- a/example/qml/page/T_MediaPlayer.qml
+++ b/example/qml/page/T_MediaPlayer.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -38,6 +38,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluMediaPlayer{
    id:player
    source:"http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"
--- a/example/qml/page/T_Menu.qml
+++ b/example/qml/page/T_Menu.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -53,6 +53,7 @@ FluScrollablePage{

    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluMenu{
    id:menu
    FluMenuItem:{
--- a/example/qml/page/T_MultiWindow.qml
+++ b/example/qml/page/T_MultiWindow.qml
@ -3,12 +3,12 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

    property string password: ""
-    property var loginPageRegister: registerForPageResult("/login")
+    property var loginPageRegister: registerForWindowResult("/login")

    title:"MultiWindow"
    leftPadding:10
@ -95,6 +95,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluWindow{
  //launchMode: FluWindow.Standard
  //launchMode: FluWindow.SingleTask
@ -128,6 +129,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluButton{
    text:"点击跳转"
    onClicked: {
@ -165,7 +167,8 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
-        code:'property var loginPageRegister: registerForPageResult("/login")
+        Layout.topMargin: -1
+        code:'property var loginPageRegister: registerForWindowResult("/login")

 Connections{
    target: loginPageRegister
--- a/example/qml/page/T_Pivot.qml
+++ b/example/qml/page/T_Pivot.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -50,6 +50,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluPivot{
    anchors.fill: parent
    FluPivotItem:{
--- a/example/qml/page/T_Progress.qml
+++ b/example/qml/page/T_Progress.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -47,6 +47,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluProgressBar{

 }
--- a/example/qml/page/T_RatingControl.qml
+++ b/example/qml/page/T_RatingControl.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -34,6 +34,7 @@ FluScrollablePage{

    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluRatingControl{

 }'
--- a/example/qml/page/T_Rectangle.qml
+++ b/example/qml/page/T_Rectangle.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Controls
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -134,6 +134,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluRectangle{
    radius: [25,25,25,25]
    width: 50
--- a/example/qml/page/T_Settings.qml
+++ b/example/qml/page/T_Settings.qml
@ -3,8 +3,8 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "qrc:///global/"
-import "./component"
+import "qrc:///qml/global/"
+import "../component"

 FluScrollablePage{

@ -14,6 +14,39 @@ FluScrollablePage{
    bottomPadding:20
    spacing: 0

+    FluArea{
+        Layout.fillWidth: true
+        Layout.topMargin: 20
+        height: 136
+        paddings: 10
+
+        ColumnLayout{
+            spacing: 10
+            anchors{
+                top: parent.top
+                left: parent.left
+            }
+            FluText{
+                text:lang.dark_mode
+                fontStyle: FluText.BodyStrong
+                Layout.bottomMargin: 4
+            }
+            Repeater{
+                model: [{title:"System",mode:FluDarkMode.System},{title:"Light",mode:FluDarkMode.Light},{title:"Dark",mode:FluDarkMode.Dark}]
+                delegate:  FluRadioButton{
+                    selected : FluTheme.darkMode === modelData.mode
+                    text:modelData.title
+                    onClicked:{
+                        FluTheme.darkMode = modelData.mode
+                    }
+                }
+            }
+
+
+        }
+
+    }
+
    FluArea{
        Layout.fillWidth: true
        Layout.topMargin: 20
@ -32,9 +65,7 @@ FluScrollablePage{
                fontStyle: FluText.BodyStrong
                Layout.bottomMargin: 4
            }
-
            Repeater{
-                id:repeater
                model: [{title:"Open",mode:FluNavigationView.Open},{title:"Compact",mode:FluNavigationView.Compact},{title:"Minimal",mode:FluNavigationView.Minimal},{title:"Auto",mode:FluNavigationView.Auto}]
                delegate:  FluRadioButton{
                    selected : MainEvent.displayMode===modelData.mode
@ -45,13 +76,12 @@ FluScrollablePage{
                }
            }
        }
-
    }

    FluArea{
        Layout.fillWidth: true
        Layout.topMargin: 20
-        height: 168
+        height: 80
        paddings: 10

        ColumnLayout{
@ -82,7 +112,6 @@ FluScrollablePage{
                }
            }
        }
-
    }

 }
--- a/example/qml/page/T_Slider.qml
+++ b/example/qml/page/T_Slider.qml
@ -2,7 +2,7 @@
 import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
-import "./component"
+import "../component"
 import FluentUI

 FluScrollablePage{
@ -25,6 +25,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluSlider{
    value:50
 }'
@ -46,6 +47,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluSlider{
    vertical:true
    value:50
--- a/example/qml/page/T_StatusView.qml
+++ b/example/qml/page/T_StatusView.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Controls
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -78,6 +78,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluStatusView{
    anchors.fill: parent
    statusMode: FluStatusView.Loading
--- a/example/qml/page/T_TabView.qml
+++ b/example/qml/page/T_TabView.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -113,6 +113,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluTabView{
    anchors.fill: parent
    Component.onCompleted: {
--- a/example/qml/page/T_TableView.qml
+++ b/example/qml/page/T_TableView.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -68,8 +68,8 @@ FluScrollablePage{
                    text:"编辑"
                    topPadding:3
                    bottomPadding:3
-                    leftPadding:3
-                    rightPadding:3
+                    leftPadding:6
+                    rightPadding:6
                    onClicked:{
                        console.debug(dataModel.index)
                        showSuccess(JSON.stringify(dataObject))
@ -79,8 +79,8 @@ FluScrollablePage{
                    text:"删除"
                    topPadding:3
                    bottomPadding:3
-                    leftPadding:3
-                    rightPadding:3
+                    leftPadding:6
+                    rightPadding:6
                    onClicked:{
                        showError(JSON.stringify(dataObject))
                    }
@ -110,7 +110,6 @@ FluScrollablePage{
    id:table_view
    Layout.fillWidth: true
    Layout.topMargin: 20
-    width:parent.width
    pageCurrent:1
    pageCount:10
    itemCount: 1000
@ -141,15 +140,15 @@ FluScrollablePage{
                              width:100
                          }
                      ];
-            table_view.columns = columns
+        table_view.columns = columns
        const dataSource = [
-                          {
-                              name: "孙悟空”,
-                              age: 500,
-                              address:"钟灵毓秀的花果山,如神仙仙境的水帘洞",
+                {
+                    name: "孙悟空”,
+                    age: 500,
+                    address:"钟灵毓秀的花果山,如神仙仙境的水帘洞",
                    nickname:"齐天大圣"
-                          }
-                      ];
+                }
+        ];
        table_view.dataSource = columns
    }
 }'
--- a/example/qml/page/T_TextBox.qml
+++ b/example/qml/page/T_TextBox.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -45,19 +45,59 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluTextBox{
    placeholderText:"单行输入框"
 }'
    }

-
    FluArea{
        Layout.fillWidth: true
        height: 68
        paddings: 10
        Layout.topMargin: 20

+        FluPasswordBox{
+            Layout.topMargin: 20
+            placeholderText: "请输入密码"
+            Layout.preferredWidth: 300
+            disabled:password_box_switch.selected
+            anchors{
+                verticalCenter: parent.verticalCenter
+                left: parent.left
+            }
+        }
+
+        Row{
+            spacing: 5
+            anchors{
+                verticalCenter: parent.verticalCenter
+                right: parent.right
+            }
+            FluToggleSwitch{
+                id:password_box_switch
+                Layout.alignment: Qt.AlignRight
+                text:"Disabled"
+            }
+        }
+    }
+    CodeExpander{
+        Layout.fillWidth: true
+        Layout.topMargin: -1
+        code:'FluPasswordBox{
+    placeholderText:"请输入密码"
+}'
+    }
+
+
+    FluArea{
+        Layout.fillWidth: true
+        height: 36+multiine_textbox.height
+        paddings: 10
+        Layout.topMargin: 20
+
        FluMultilineTextBox{
+            id:multiine_textbox
            Layout.topMargin: 20
            placeholderText: "多行输入框"
            Layout.preferredWidth: 300
@ -83,6 +123,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluMultilineTextBox{
    placeholderText:"多行输入框"
 }'
@ -122,6 +163,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluAutoSuggestBox{
    placeholderText:"AutoSuggestBox"
 }'
--- a/example/qml/page/T_Theme.qml
+++ b/example/qml/page/T_Theme.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -58,7 +58,11 @@ FluScrollablePage{
                Layout.topMargin: 5
                selected: FluTheme.dark
                clickFunc:function(){
-                    FluTheme.dark = !FluTheme.dark
+                    if(FluTheme.dark){
+                        FluTheme.darkMode = FluDarkMode.Light
+                    }else{
+                        FluTheme.darkMode = FluDarkMode.Dark
+                    }
                }
            }
            FluText{
@ -76,12 +80,12 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluTheme.primaryColor = FluColors.Orange

 FluTheme.dark = true

-FluTheme.nativeText = true
-'
+FluTheme.nativeText = true'
    }


--- a/example/qml/page/T_TimePicker.qml
+++ b/example/qml/page/T_TimePicker.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -37,6 +37,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluTimePicker{

 }'
@ -67,6 +68,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluTimePicker{
    hourFormat:FluTimePicker.HH
 }'
--- a/example/qml/page/T_ToggleSwitch.qml
+++ b/example/qml/page/T_ToggleSwitch.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -30,6 +30,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluToggleSwitch{
    text:"Text"
 }'
--- a/example/qml/page/T_Tooltip.qml
+++ b/example/qml/page/T_Tooltip.qml
@ -3,7 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage{

@ -45,6 +45,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluIconButton{
    iconSource:FluentIcons.ChromeCloseContrast
    iconSize: 15
@ -87,6 +88,7 @@ FluScrollablePage{
    }
    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluButton{
    id:button_1
    text:"删除"
@ -98,8 +100,7 @@ FluScrollablePage{
    onClicked:{
        showSuccess("点击一个Button")
    }
-}
-'
+}'
    }


--- a/example/qml/page/T_TreeView.qml
+++ b/example/qml/page/T_TreeView.qml
@ -3,7 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Window
 import QtQuick.Controls
 import FluentUI
-import "./component"
+import "../component"

 FluScrollablePage {

@ -142,6 +142,7 @@ FluScrollablePage {

    CodeExpander{
        Layout.fillWidth: true
+        Layout.topMargin: -1
        code:'FluTreeView{
    id:tree_view
    width:240
--- a/example/qml/page/T_Typography.qml
+++ b/example/qml/page/T_Typography.qml
--- a/example/qml/window/AboutWindow.qml
+++ b/example/qml/window/AboutWindow.qml
@ -6,7 +6,7 @@ import FluentUI
 FluWindow {

    id:window
-
+    title:"关于"
    width: 600
    height: 600
    minimumWidth: 600
@ -15,8 +15,6 @@ FluWindow {
    maximumHeight: 600
    launchMode: FluWindow.SingleTask

-    title:"关于"
-
    FluAppBar{
        id:appbar
        title:"关于"
@ -66,6 +64,8 @@ FluWindow {
            }
            FluTextButton{
                id:text_hublink
+                topPadding:0
+                bottomPadding:0
                text:"https://github.com/zhuzichu520/FluentUI"
                Layout.alignment: Qt.AlignBottom
                onClicked: {
@ -81,6 +81,8 @@ FluWindow {
                text:"B站："
            }
            FluTextButton{
+                topPadding:0
+                bottomPadding:0
                text:"https://www.bilibili.com/video/BV1mg4y1M71w/"
                Layout.alignment: Qt.AlignBottom
                onClicked: {
--- a/example/qml/window/ChatWindow.qml
+++ b/example/qml/window/ChatWindow.qml
@ -7,13 +7,12 @@ import QtQuick.Dialogs

 FluWindow {

+    title:"ChatGPT"
    width: 680
    height: 600
    minimumWidth: 500
    minimumHeight: 600

-    title:"ChatGPT"
-
    onInitArgument:
        (argument)=>{
            scrollview.focus = true
--- a/example/qml/window/LoginWindow.qml
+++ b/example/qml/window/LoginWindow.qml
@ -6,13 +6,13 @@ import FluentUI
 FluWindow {

    id:window
+    title:"登录"
    width: 400
    height: 400
    minimumWidth: 400
    minimumHeight: 400
    maximumWidth: 400
    maximumHeight: 400
-    title:"登录"

    onInitArgument:
        (argument)=>{
--- a/example/qml/window/MainWindow.qml
+++ b/example/qml/window/MainWindow.qml
@ -4,17 +4,32 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import Qt.labs.platform
 import FluentUI
-import "qrc:///global/"
+import "qrc:///qml/global/"

 FluWindow {
+
    id:window
+    title: "FluentUI"
    width: 1000
    height: 640
-    title: "FluentUI"
    closeDestory:false
    minimumWidth: 520
    minimumHeight: 460

+    closeFunc:function(event){
+        close_app.open()
+        event.accepted = false
+    }
+
+    Connections{
+        target: appInfo
+        function onActiveWindow(){
+            window.show()
+            window.raise()
+            window.requestActivate()
+        }
+    }
+
    FluAppBar{
        id:appbar
        z:9
@ -24,6 +39,7 @@ FluWindow {
    }

    SystemTrayIcon {
+        id:system_tray
        visible: true
        icon.source: "qrc:/res/image/favicon.ico"
        tooltip: "FluentUI"
@ -46,6 +62,24 @@ FluWindow {
            }
    }

+    FluContentDialog{
+        id:close_app
+        title:"退出"
+        message:"确定要退出程序吗？"
+        negativeText:"最小化"
+        buttonFlags: FluContentDialog.NeutralButton | FluContentDialog.NegativeButton | FluContentDialog.PositiveButton
+        onNegativeClicked:{
+            system_tray.showMessage("友情提示","FluentUI已隐藏至托盘,点击托盘可再次激活窗口");
+            window.hide()
+        }
+        positiveText:"退出"
+        neutralText:"取消"
+        onPositiveClicked:{
+            window.destoryWindow()
+            FluApp.closeApp()
+        }
+
+    }

    FluNavigationView{
        id:nav_view
--- a/example/qml/window/MediaWindow.qml
+++ b/example/qml/window/MediaWindow.qml
@ -5,13 +5,12 @@ import FluentUI

 FluWindow {

+    title:"视频播放器"
    width: 640
    height: 480
    minimumWidth: 640
    minimumHeight: 480

-    title:"视频播放器"
-
    onInitArgument:
        (argument)=>{
            player.source = argument.source
@ -23,7 +22,6 @@ FluWindow {
        width:parent.width
    }

-
    FluMediaPlayer{
        id:player
        anchors{
--- a/example/qml/window/SingleInstanceWindow.qml
+++ b/example/qml/window/SingleInstanceWindow.qml
@ -6,7 +6,7 @@ import FluentUI
 FluWindow {

    id:window
-
+    title:"SingleInstance"
    width: 500
    height: 600
    minimumWidth: 500
@ -15,8 +15,6 @@ FluWindow {
    maximumHeight: 600
    launchMode: FluWindow.SingleInstance

-    title:"SingleInstance"
-
    FluAppBar{
        id:appbar
        title:"SingleInstance"
--- a/example/qml/window/SingleTaskWindow.qml
+++ b/example/qml/window/SingleTaskWindow.qml
@ -6,7 +6,7 @@ import FluentUI
 FluWindow {

    id:window
-
+    title:"SingleTask"
    width: 500
    height: 600
    minimumWidth: 500
@ -15,8 +15,6 @@ FluWindow {
    maximumHeight: 600
    launchMode: FluWindow.SingleTask

-    title:"SingleTask"
-
    FluAppBar{
        id:appbar
        title:"SingleTask"
--- a/example/qml/window/StandardWindow.qml
+++ b/example/qml/window/StandardWindow.qml
@ -6,7 +6,7 @@ import FluentUI
 FluWindow {

    id:window
-
+    title:"Standard"
    width: 500
    height: 600
    minimumWidth: 500
@ -15,8 +15,6 @@ FluWindow {
    maximumHeight: 600
    launchMode: FluWindow.Standard

-    title:"Standard"
-
    FluAppBar{
        id:appbar
        title:"Standard"
--- a/example/src/AppInfo.cpp
+++ b/example/src/AppInfo.cpp
@ -2,11 +2,10 @@
 #include "lang/En.h"
 #include "lang/Zh.h"

-
 AppInfo::AppInfo(QObject *parent)
    : QObject{parent}
 {
-    version("1.2.5");
+    version("1.2.7");
    lang(new En());
 }

--- a/example/src/AppInfo.h
+++ b/example/src/AppInfo.h
@ -13,6 +13,7 @@ class AppInfo : public QObject
 public:
    explicit AppInfo(QObject *parent = nullptr);
    Q_INVOKABLE void changeLang(const QString& locale);
+    Q_SIGNAL void activeWindow();
 };

 #endif // APPINFO_H
--- a/example/src/controller/ChatController.cpp
+++ b/example/src/controller/ChatController.cpp
--- a/example/src/controller/ChatController.h
+++ b/example/src/controller/ChatController.h
@ -11,7 +11,7 @@
 #include <QClipboard>
 #include <QByteArray>
 #include <QFile>
-#include "stdafx.h"
+#include "../stdafx.h"

 class ChatController : public QObject
 {
--- a/example/src/lang/En.cpp
+++ b/example/src/lang/En.cpp
@ -13,6 +13,7 @@ En::En(QObject *parent)
    theming("Theming");
    media("Media");
    dark_mode("Dark Mode");
+    sys_dark_mode("Sync with system");
    search("Search");
    about("About");
    settings("Settings");
--- a/example/src/lang/En.h
+++ b/example/src/lang/En.h
--- a/example/src/lang/Lang.cpp
+++ b/example/src/lang/Lang.cpp
--- a/example/src/lang/Lang.h
+++ b/example/src/lang/Lang.h
@ -2,7 +2,7 @@
 #define LANG_H

 #include <QObject>
-#include "stdafx.h"
+#include "../stdafx.h"

 class Lang : public QObject
 {
@ -16,6 +16,7 @@ class Lang : public QObject
    Q_PROPERTY_AUTO(QString,theming);
    Q_PROPERTY_AUTO(QString,media);
    Q_PROPERTY_AUTO(QString,dark_mode);
+    Q_PROPERTY_AUTO(QString,sys_dark_mode);
    Q_PROPERTY_AUTO(QString,search);
    Q_PROPERTY_AUTO(QString,about);
    Q_PROPERTY_AUTO(QString,settings);
--- a/example/src/lang/Zh.cpp
+++ b/example/src/lang/Zh.cpp
@ -13,6 +13,7 @@ Zh::Zh(QObject *parent)
    theming("主题");
    media("媒体");
    dark_mode("夜间模式");
+    sys_dark_mode("跟随系统");
    search("查找");
    about("关于");
    settings("设置");
--- a/example/src/lang/Zh.h
+++ b/example/src/lang/Zh.h
--- a/example/src/main.cpp
+++ b/example/src/main.cpp
@ -0,0 +1,63 @@
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+#include <QQmlContext>
+#include <QDir>
+#include <QQuickWindow>
+#include <QProcess>
+#include "lang/Lang.h"
+#include "AppInfo.h"
+#include "controller/ChatController.h"
+#include "tool/IPC.h"
+#if defined(STATICLIB)
+#include <FluentUI.h>
+#endif
+
+int main(int argc, char *argv[])
+{
+    //将样式设置为Basic，不然会导致组件显示异常
+    qputenv("QT_QUICK_CONTROLS_STYLE","Basic");
+    //6.4及以下监听系统深色模式变化
+#ifdef Q_OS_WIN
+    qputenv("QT_QPA_PLATFORM","windows:darkmode=2");
+#endif
+    QGuiApplication::setOrganizationName("ZhuZiChu");
+    QGuiApplication::setOrganizationDomain("https://zhuzichu520.github.io");
+    QGuiApplication::setApplicationName("FluentUI");
+    //    QQuickWindow::setGraphicsApi(QSGRendererInterface::Software);
+    QGuiApplication app(argc, argv);
+    AppInfo* appInfo = new AppInfo();
+    IPC ipc(0);
+    QString activeWindowEvent = "activeWindow";
+    if(!ipc.isCurrentOwner()){
+        ipc.postEvent(activeWindowEvent,QString().toUtf8(),0);
+        delete appInfo;
+        return 0;
+    }
+    if(ipc.isAttached()){
+        ipc.registerEventHandler(activeWindowEvent,[&appInfo](const QByteArray&){
+            Q_EMIT appInfo->activeWindow();
+            return true;
+        });
+    }
+    app.setQuitOnLastWindowClosed(false);
+    QQmlApplicationEngine engine;
+#if defined(STATICLIB)
+    FluentUI::initialize(&engine);
+#endif
+    qmlRegisterType<ChatController>("Controller",1,0,"ChatController");
+    QQmlContext * context = engine.rootContext();
+    Lang* lang = appInfo->lang();
+    context->setContextProperty("lang",lang);
+    QObject::connect(appInfo,&AppInfo::langChanged,&app,[context,appInfo]{
+        context->setContextProperty("lang",appInfo->lang());
+    });
+    context->setContextProperty("appInfo",appInfo);
+    const QUrl url(QStringLiteral("qrc:/qml/App.qml"));
+    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
+        &app, [url](QObject *obj, const QUrl &objUrl) {
+            if (!obj && url == objUrl)
+                QCoreApplication::exit(-1);
+        }, Qt::QueuedConnection);
+    engine.load(url);
+    return app.exec();
+}
--- a/example/src/stdafx.h
+++ b/example/src/stdafx.h
--- a/example/src/tool/IPC.cpp
+++ b/example/src/tool/IPC.cpp
@ -0,0 +1,250 @@
+#include "IPC.h"
+
+#include <QCoreApplication>
+#include <QDebug>
+#include <QThread>
+#include <ctime>
+#include <random>
+
+
+IPC::IPC(uint32_t profileId)
+    : profileId{profileId}
+    , globalMemory{"ipc-" IPC_PROTOCOL_VERSION}
+{
+    qRegisterMetaType<IPCEventHandler>("IPCEventHandler");
+    timer.setInterval(EVENT_TIMER_MS);
+    timer.setSingleShot(true);
+    connect(&timer, &QTimer::timeout, this, &IPC::processEvents);
+    std::default_random_engine randEngine((std::random_device())());
+    std::uniform_int_distribution<uint64_t> distribution;
+    globalId = distribution(randEngine);
+    qDebug() << "Our global IPC ID is " << globalId;
+    if (globalMemory.create(sizeof(IPCMemory))) {
+        if (globalMemory.lock()) {
+            IPCMemory* mem = global();
+            memset(mem, 0, sizeof(IPCMemory));
+            mem->globalId = globalId;
+            mem->lastProcessed = time(nullptr);
+            globalMemory.unlock();
+        } else {
+            qWarning() << "Couldn't lock to take ownership";
+        }
+    } else if (globalMemory.attach()) {
+        qDebug() << "Attaching to the global shared memory";
+    } else {
+        qDebug() << "Failed to attach to the global shared memory, giving up. Error:"
+                 << globalMemory.error();
+        return;
+    }
+
+    processEvents();
+}
+
+IPC::~IPC()
+{
+    if (!globalMemory.lock()) {
+        qWarning() << "Failed to lock in ~IPC";
+        return;
+    }
+
+    if (isCurrentOwnerNoLock()) {
+        global()->globalId = 0;
+    }
+    globalMemory.unlock();
+}
+
+time_t IPC::postEvent(const QString& name, const QByteArray& data, uint32_t dest)
+{
+    QByteArray binName = name.toUtf8();
+    if (binName.length() > (int32_t)sizeof(IPCEvent::name)) {
+        return 0;
+    }
+
+    if (data.length() > (int32_t)sizeof(IPCEvent::data)) {
+        return 0;
+    }
+
+    if (!globalMemory.lock()) {
+        qDebug() << "Failed to lock in postEvent()";
+        return 0;
+    }
+
+    IPCEvent* evt = nullptr;
+    IPCMemory* mem = global();
+    time_t result = 0;
+
+    for (uint32_t i = 0; !evt && i < EVENT_QUEUE_SIZE; ++i) {
+        if (mem->events[i].posted == 0) {
+            evt = &mem->events[i];
+        }
+    }
+
+    if (evt) {
+        memset(evt, 0, sizeof(IPCEvent));
+        memcpy(evt->name, binName.constData(), binName.length());
+        memcpy(evt->data, data.constData(), data.length());
+        mem->lastEvent = evt->posted = result = qMax(mem->lastEvent + 1, time(nullptr));
+        evt->dest = dest;
+        evt->sender = qApp->applicationPid();
+        qDebug() << "postEvent " << name << "to" << dest;
+    }
+    globalMemory.unlock();
+    return result;
+}
+
+bool IPC::isCurrentOwner()
+{
+    if (globalMemory.lock()) {
+        const bool isOwner = isCurrentOwnerNoLock();
+        globalMemory.unlock();
+        return isOwner;
+    } else {
+        qWarning() << "isCurrentOwner failed to lock, returning false";
+        return false;
+    }
+}
+
+void IPC::registerEventHandler(const QString& name, IPCEventHandler handler)
+{
+    eventHandlers[name] = handler;
+}
+
+bool IPC::isEventAccepted(time_t time)
+{
+    bool result = false;
+    if (!globalMemory.lock()) {
+        return result;
+    }
+
+    if (difftime(global()->lastProcessed, time) > 0) {
+        IPCMemory* mem = global();
+        for (uint32_t i = 0; i < EVENT_QUEUE_SIZE; ++i) {
+            if (mem->events[i].posted == time && mem->events[i].processed) {
+                result = mem->events[i].accepted;
+                break;
+            }
+        }
+    }
+    globalMemory.unlock();
+
+    return result;
+}
+
+bool IPC::waitUntilAccepted(time_t postTime, int32_t timeout /*=-1*/)
+{
+    bool result = false;
+    time_t start = time(nullptr);
+    forever
+    {
+        result = isEventAccepted(postTime);
+        if (result || (timeout > 0 && difftime(time(nullptr), start) >= timeout)) {
+            break;
+        }
+
+        qApp->processEvents();
+        QThread::msleep(0);
+    }
+    return result;
+}
+
+bool IPC::isAttached() const
+{
+    return globalMemory.isAttached();
+}
+
+void IPC::setProfileId(uint32_t profileId)
+{
+    this->profileId = profileId;
+}
+
+IPC::IPCEvent* IPC::fetchEvent()
+{
+    IPCMemory* mem = global();
+    for (uint32_t i = 0; i < EVENT_QUEUE_SIZE; ++i) {
+        IPCEvent* evt = &mem->events[i];
+        if ((evt->processed && difftime(time(nullptr), evt->processed) > EVENT_GC_TIMEOUT)
+            || (!evt->processed && difftime(time(nullptr), evt->posted) > EVENT_GC_TIMEOUT)) {
+            memset(evt, 0, sizeof(IPCEvent));
+        }
+
+        if (evt->posted && !evt->processed && evt->sender != qApp->applicationPid()
+            && (evt->dest == profileId || (evt->dest == 0 && isCurrentOwnerNoLock()))) {
+            return evt;
+        }
+    }
+
+    return nullptr;
+}
+
+bool IPC::runEventHandler(IPCEventHandler handler, const QByteArray& arg)
+{
+    bool result = false;
+    if (QThread::currentThread() == qApp->thread()) {
+        result = handler(arg);
+    } else {
+        QMetaObject::invokeMethod(this, "runEventHandler", Qt::BlockingQueuedConnection,
+                                  Q_RETURN_ARG(bool, result), Q_ARG(IPCEventHandler, handler),
+                                  Q_ARG(const QByteArray&, arg));
+    }
+    return result;
+}
+
+void IPC::processEvents()
+{
+    if (!globalMemory.lock()) {
+        timer.start();
+        return;
+    }
+
+    IPCMemory* mem = global();
+
+    if (mem->globalId == globalId) {
+        mem->lastProcessed = time(nullptr);
+    } else {
+        if (difftime(time(nullptr), mem->lastProcessed) >= OWNERSHIP_TIMEOUT_S) {
+            qDebug() << "Previous owner timed out, taking ownership" << mem->globalId << "->"
+                     << globalId;
+            memset(mem, 0, sizeof(IPCMemory));
+            mem->globalId = globalId;
+            mem->lastProcessed = time(nullptr);
+        }
+    }
+
+    while (IPCEvent* evt = fetchEvent()) {
+        QString name = QString::fromUtf8(evt->name);
+        auto it = eventHandlers.find(name);
+        if (it != eventHandlers.end()) {
+            evt->accepted = runEventHandler(it.value(), evt->data);
+            qDebug() << "Processed event:" << name << "posted:" << evt->posted
+                     << "accepted:" << evt->accepted;
+            if (evt->dest == 0) {
+                if (evt->accepted) {
+                    evt->processed = time(nullptr);
+                }
+            } else {
+                evt->processed = time(nullptr);
+            }
+        } else {
+            qDebug() << "Received event:" << name << "without handler";
+            qDebug() << "Available handlers:" << eventHandlers.keys();
+        }
+    }
+
+    globalMemory.unlock();
+    timer.start();
+}
+
+bool IPC::isCurrentOwnerNoLock()
+{
+    const void* const data = globalMemory.data();
+    if (!data) {
+        qWarning() << "isCurrentOwnerNoLock failed to access the memory, returning false";
+        return false;
+    }
+    return (*static_cast<const uint64_t*>(data) == globalId);
+}
+
+IPC::IPCMemory* IPC::global()
+{
+    return static_cast<IPCMemory*>(globalMemory.data());
+}
--- a/example/src/tool/IPC.h
+++ b/example/src/tool/IPC.h
@ -0,0 +1,75 @@
+#ifndef IPC_H
+#define IPC_H
+
+#include <QMap>
+#include <QObject>
+#include <QSharedMemory>
+#include <QTimer>
+#include <ctime>
+#include <functional>
+
+using IPCEventHandler = std::function<bool(const QByteArray&)>;
+
+#define IPC_PROTOCOL_VERSION "1"
+
+class IPC : public QObject
+{
+    Q_OBJECT
+
+protected:
+    static const int EVENT_TIMER_MS = 1000;
+    static const int EVENT_GC_TIMEOUT = 5;
+    static const int EVENT_QUEUE_SIZE = 32;
+    static const int OWNERSHIP_TIMEOUT_S = 5;
+
+public:
+    IPC(uint32_t profileId);
+    ~IPC();
+
+    struct IPCEvent
+    {
+        uint32_t dest;
+        int32_t sender;
+        char name[16];
+        char data[128];
+        time_t posted;
+        time_t processed;
+        uint32_t flags;
+        bool accepted;
+        bool global;
+    };
+
+    struct IPCMemory
+    {
+        uint64_t globalId;
+        time_t lastEvent;
+        time_t lastProcessed;
+        IPCEvent events[IPC::EVENT_QUEUE_SIZE];
+    };
+
+    time_t postEvent(const QString& name, const QByteArray& data = QByteArray(), uint32_t dest = 0);
+    bool isCurrentOwner();
+    void registerEventHandler(const QString& name, IPCEventHandler handler);
+    bool isEventAccepted(time_t time);
+    bool waitUntilAccepted(time_t time, int32_t timeout = -1);
+    bool isAttached() const;
+
+public slots:
+    void setProfileId(uint32_t profileId);
+
+private:
+    IPCMemory* global();
+    bool runEventHandler(IPCEventHandler handler, const QByteArray& arg);
+    IPCEvent* fetchEvent();
+    void processEvents();
+    bool isCurrentOwnerNoLock();
+
+private:
+    QTimer timer;
+    uint64_t globalId;
+    uint32_t profileId;
+    QSharedMemory globalMemory;
+    QMap<QString, IPCEventHandler> eventHandlers;
+};
+
+#endif // IPC_H
--- a/src/CMakeLists.txt
+++ b/src/CMakeLists.txt
@ -45,7 +45,7 @@ set(TARGET_HEADERS
 )

 add_definitions(-DVERSION_IN="1.0.0")
-add_definitions(-DVURI_STR="FluentUI")
+add_definitions(-DURI_STR="FluentUI")

 add_library(${PROJECT_NAME} ${TARGET_TYPE} ${TARGET_SOURCES} ${TARGET_HEADERS} ${TARGET_RESOURCES})

--- a/src/Def.h
+++ b/src/Def.h
@ -3,6 +3,16 @@

 #include <QObject>

+namespace Fluent_DarkMode {
+Q_NAMESPACE
+    enum Fluent_DarkModeType {
+        System      = 0x0,
+        Light    = 0x1,
+        Dark     = 0x2,
+    };
+Q_ENUMS(Fluent_DarkModeType);
+}
+
 namespace Fluent_Awesome {
 Q_NAMESPACE
 enum class Fluent_AwesomeType {
--- a/src/FluApp.cpp
+++ b/src/FluApp.cpp
@ -11,6 +11,8 @@
 #include "Def.h"

 #ifdef Q_OS_WIN
+#pragma comment(lib, "Dwmapi.lib")
+#pragma comment(lib, "User32.lib")
 #include <dwmapi.h>
 #include <Windows.h>
 #include <windowsx.h>
--- a/src/FluTheme.cpp
+++ b/src/FluTheme.cpp
@ -1,6 +1,7 @@
 #include "FluTheme.h"

 #include "FluColors.h"
+#include "Def.h"
 #include <QPalette>
 #include <QGuiApplication>

@ -17,17 +18,44 @@ FluTheme *FluTheme::getInstance()
 FluTheme::FluTheme(QObject *parent)
    : QObject{parent}
 {
+    connect(this,&FluTheme::darkModeChanged,this,[=]{
+        Q_EMIT darkChanged();
+    });
    primaryColor(FluColors::getInstance()->Blue());
    textSize(13);
-    nativeText(true);
+    nativeText(false);
    frameless(true);
-    std::function<bool()> isDark = [](){
-        QPalette palette = (qobject_cast<QGuiApplication *>(QCoreApplication::instance()))->palette();
-        QColor color = palette.color(QPalette::Window).rgb();
-        return !(color.red() * 0.2126 + color.green() * 0.7152 + color.blue() * 0.0722 > 255 / 2);
-    };
-    dark(isDark());
-    connect(qobject_cast<QGuiApplication *>(QCoreApplication::instance()), &QGuiApplication::paletteChanged, this, [=] (const QPalette &) {
-        dark(isDark());
-    });
+    darkMode(Fluent_DarkMode::Fluent_DarkModeType::Light);
+    qApp->installEventFilter(this);
+}
+
+bool FluTheme::eventFilter(QObject *obj, QEvent *event)
+{
+    Q_UNUSED(obj);
+    if (event->type() == QEvent::ApplicationPaletteChange)
+    {
+        Q_EMIT darkChanged();
+        event->accept();
+        return true;
+    }
+    return false;
+}
+
+bool FluTheme::systemDark()
+{
+    QPalette palette = qApp->palette();
+    QColor color = palette.color(QPalette::Window).rgb();
+    return !(color.red() * 0.2126 + color.green() * 0.7152 + color.blue() * 0.0722 > 255 / 2);
+}
+
+bool FluTheme::dark(){
+    if(_darkMode == Fluent_DarkMode::Fluent_DarkModeType::Dark){
+        return true;
+    }else if(_darkMode == Fluent_DarkMode::Fluent_DarkModeType::Light){
+        return false;
+    }else if(_darkMode == Fluent_DarkMode::Fluent_DarkModeType::System){
+        return systemDark();
+    }else{
+        return false;
+    }
 }
--- a/src/FluTheme.h
+++ b/src/FluTheme.h
@ -8,17 +8,22 @@
 class FluTheme : public QObject
 {
    Q_OBJECT
+    Q_PROPERTY(bool dark READ dark NOTIFY darkChanged)
    Q_PROPERTY_AUTO(FluColorSet*,primaryColor)
    Q_PROPERTY_AUTO(bool,frameless);
-    Q_PROPERTY_AUTO(bool,dark);
+    Q_PROPERTY_AUTO(int,darkMode);
    Q_PROPERTY_AUTO(bool,nativeText);
    Q_PROPERTY_AUTO(int,textSize);
 public:
    explicit FluTheme(QObject *parent = nullptr);
    static FluTheme *getInstance();
+    bool dark();
+    Q_SIGNAL void darkChanged();
 private:
    static FluTheme* m_instance;
-
+    bool _dark;
+    bool eventFilter(QObject *obj, QEvent *event);
+    bool systemDark();
 };

 #endif // FLUTHEME_H
--- a/src/Fluent.cpp
+++ b/src/Fluent.cpp
@ -34,6 +34,7 @@ void Fluent::registerTypes(const char *uri){
    qmlRegisterType<WindowHelper>(uri,major,minor,"WindowHelper");
    qmlRegisterType<FluColorSet>(uri,major,minor,"FluColorSet");

+    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluBreadcrumbBar.qml"),uri,major,minor,"FluBreadcrumbBar");
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluRatingControl.qml"),uri,major,minor,"FluRatingControl");
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluStatusView.qml"),uri,major,minor,"FluStatusView");
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluPagination.qml"),uri,major,minor,"FluPagination");
@ -88,11 +89,14 @@ void Fluent::registerTypes(const char *uri){
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluRadioButton.qml"),uri,major,minor,"FluRadioButton");
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluSlider.qml"),uri,major,minor,"FluSlider");
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluTextBox.qml"),uri,major,minor,"FluTextBox");
+    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluPasswordBox.qml"),uri,major,minor,"FluPasswordBox");
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluText.qml"),uri,major,minor,"FluText");
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluFilledButton.qml"),uri,major,minor,"FluFilledButton");
    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluToggleSwitch.qml"),uri,major,minor,"FluToggleSwitch");

    qmlRegisterUncreatableMetaObject(Fluent_Awesome::staticMetaObject,  uri,major,minor,"FluentIcons", "Access to enums & flags only");
+    qmlRegisterUncreatableMetaObject(Fluent_DarkMode::staticMetaObject,  uri,major,minor,"FluDarkMode", "Access to enums & flags only");
+
 }

 void Fluent::initializeEngine(QQmlEngine *engine, const char *uri)
--- a/src/FluentUI.cpp
+++ b/src/FluentUI.cpp
@ -8,3 +8,8 @@ void FluentUI::registerTypes(const char *uri){
 void FluentUI::initializeEngine(QQmlEngine *engine, const char *uri){
    Fluent::getInstance()->initializeEngine(engine,uri);
 }
+
+void FluentUI::initialize(QQmlEngine *engine){
+    Fluent::getInstance()->registerTypes(URI_STR);
+    Fluent::getInstance()->initializeEngine(engine,URI_STR);
+}
--- a/src/FluentUI.h
+++ b/src/FluentUI.h
@ -3,12 +3,13 @@

 #include <QQmlEngine>

-class FluentUI
+class Q_DECL_EXPORT FluentUI
 {

 public:
    static void registerTypes(const char *uri) ;
    static void initializeEngine(QQmlEngine *engine, const char *uri);
+    static void initialize(QQmlEngine *engine);
 };

 #endif // FLUENTUI_H
--- a/src/NativeEventFilter.cpp
+++ b/src/NativeEventFilter.cpp
@ -2,6 +2,8 @@
 #include "FluTheme.h"
 #include "FluApp.h"
 #ifdef Q_OS_WIN
+#pragma comment(lib, "Dwmapi.lib")
+#pragma comment(lib, "User32.lib")
 #include <Windows.h>
 #include <windowsx.h>
 #endif
@ -13,6 +15,9 @@ bool NativeEventFilter::nativeEventFilter(const QByteArray &eventType, void *mes
        MSG* msg = static_cast<MSG *>(message);
        if (msg == Q_NULLPTR)
            return false;
+        if(!FluApp::getInstance()->wnds.contains((WId)msg->hwnd)){
+            return false;
+        }
        switch(msg->message) {
        case WM_NCCALCSIZE:{
            NCCALCSIZE_PARAMS& params = *reinterpret_cast<NCCALCSIZE_PARAMS*>(msg->lParam);
--- a/src/WindowHelper.cpp
+++ b/src/WindowHelper.cpp
@ -5,6 +5,8 @@
 #include "FluTheme.h"

 #ifdef Q_OS_WIN
+#pragma comment(lib, "Dwmapi.lib")
+#pragma comment(lib, "User32.lib")
 #include <dwmapi.h>
 #include <Windows.h>
 #include <windowsx.h>
--- a/src/colorpicker/content/ColorSlider.qml
+++ b/src/colorpicker/content/ColorSlider.qml
@ -24,6 +24,7 @@ Item {
        y: -Math.round(cursorHeight/2)
        height: parent.height+cursorHeight
        anchors.left: parent.left
+        preventStealing: true
        anchors.right: parent.right
        function handleMouse(mouse) {
            if (mouse.buttons & Qt.LeftButton) {
--- a/src/controls/FluAppBar.qml
+++ b/src/controls/FluAppBar.qml
@ -19,8 +19,6 @@ Rectangle{
    property color maximizeHoverColor: FluTheme.dark ? Qt.rgba(1,1,1,0.1) : Qt.rgba(0,0,0,0.06)
    property color closeNormalColor: Qt.rgba(0,0,0,0)
    property color closeHoverColor:  Qt.rgba(251/255,115/255,115/255,1)
-
-
    property bool showDark: false
    property color borerlessColor : FluTheme.dark ? FluTheme.primaryColor.lighter : FluTheme.primaryColor.dark

@ -79,7 +77,11 @@ Rectangle{
            FluToggleSwitch{
                selected: FluTheme.dark
                clickFunc:function(){
-                    FluTheme.dark = !FluTheme.dark
+                    if(FluTheme.dark){
+                        FluTheme.darkMode = FluDarkMode.Light
+                    }else{
+                        FluTheme.darkMode = FluDarkMode.Dark
+                    }
                }
            }
        }
--- a/src/controls/FluArea.qml
+++ b/src/controls/FluArea.qml
@ -1,4 +1,6 @@
 import QtQuick
+import QtQuick.Controls
+import QtQuick.Window
 import FluentUI

 Rectangle {
@ -11,12 +13,24 @@ Rectangle {
    property int bottomPadding : 0

    radius: 4
-    color: FluTheme.dark ? Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
-    border.color: FluTheme.dark ? Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,229/255,234/255,1)
+    color: FluTheme.dark ? Window.active ?  Qt.rgba(38/255,44/255,54/255,1) : Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
+    border.color: FluTheme.dark ? Window.active ? Qt.rgba(55/255,55/255,55/255,1):Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,229/255,234/255,1)
    border.width: 1
    implicitHeight: height
    implicitWidth: width

+    Behavior on color{
+        ColorAnimation {
+            duration: 300
+        }
+    }
+
+    Behavior on border.color{
+        ColorAnimation {
+            duration: 300
+        }
+    }
+
    Item {
        id: container
        anchors.fill: parent
--- a/src/controls/FluAutoSuggestBox.qml
+++ b/src/controls/FluAutoSuggestBox.qml
@ -3,20 +3,25 @@ import QtQuick.Controls
 import FluentUI

 FluTextBox{
+
    property var items:[]
    property string emptyText: "没有找到结果"
    property int autoSuggestBoxReplacement: FluentIcons.Search
    signal itemClicked(var data)
    signal handleClicked
+
+    id:control
+    width: 300
+
+    Component.onCompleted: {
+        loadData()
+    }
+
    QtObject{
        id:d
        property bool flagVisible: true
    }
-    id:control
-    width: 300
-    Component.onCompleted: {
-        loadData()
-    }
+
    Popup{
        id:control_popup
        y:control.height
@ -121,14 +126,6 @@ FluTextBox{
            control_popup.visible = true
        }
    }
-    TapHandler {
-        acceptedButtons: Qt.RightButton
-        onTapped: control.echoMode !== TextInput.Password && menu.popup()
-    }
-    FluTextBoxMenu{
-        id:menu
-        inputItem: control
-    }

    function handleClick(modelData){
        control_popup.visible = false
--- a/src/controls/FluBreadcrumbBar.qml
+++ b/src/controls/FluBreadcrumbBar.qml
@ -0,0 +1,100 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import FluentUI
+
+Item {
+
+    property int textSize: 15
+    property string separator: "/"
+    property var items: []
+    property int spacing: 5
+    signal clickItem(var model)
+
+    id:control
+    implicitWidth: 300
+    height: 30
+
+    onItemsChanged: {
+        list_model.clear()
+        list_model.append(items)
+    }
+
+    ListModel{
+        id:list_model
+    }
+
+    ListView{
+        id:list_view
+        width: parent.width
+        height: 30
+        orientation: ListView.Horizontal
+        model: list_model
+        clip: true
+        spacing : control.spacing
+        boundsBehavior: ListView.StopAtBounds
+        remove: Transition {
+            NumberAnimation {
+                properties: "opacity"
+                from: 1
+                to: 0
+                duration: 83
+            }
+        }
+        add: Transition {
+            NumberAnimation {
+                properties: "opacity"
+                from: 0
+                to: 1
+                duration: 83
+            }
+        }
+        delegate: Item{
+            height: item_layout.height
+            width: item_layout.width
+            RowLayout{
+                id:item_layout
+                spacing: list_view.spacing
+                height: list_view.height
+
+                FluText{
+                    text:model.title
+                    Layout.alignment: Qt.AlignVCenter
+                    color: {
+                        if(item_mouse.pressed){
+                            return FluTheme.dark ? Qt.rgba(150/255,150/255,150/235,1) : Qt.rgba(134/255,134/255,134/235,1)
+                        }
+                        if(item_mouse.containsMouse){
+                            return FluTheme.dark ? Qt.rgba(204/255,204/255,204/235,1) : Qt.rgba(92/255,92/255,92/235,1)
+                        }
+                        return FluTheme.dark ? Qt.rgba(255/255,255/255,255/235,1) :  Qt.rgba(26/255,26/255,26/235,1)
+                    }
+                    MouseArea{
+                        id:item_mouse
+                        anchors.fill: parent
+                        hoverEnabled: true
+                        onClicked: {
+                            control.clickItem(model)
+                        }
+                    }
+                }
+
+                FluText{
+                    text:control.separator
+                    font.pixelSize:  control.textSize
+                    visible: list_view.count-1 !== index
+                    Layout.alignment: Qt.AlignVCenter
+                }
+            }
+        }
+    }
+
+    function remove(index,count){
+        list_model.remove(index,count)
+    }
+
+    function count(){
+        return list_model.count
+    }
+
+}
--- a/src/controls/FluButton.qml
+++ b/src/controls/FluButton.qml
@ -1,8 +1,9 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import FluentUI

-FluControl {
+Button {

    property bool disabled: false
    property color normalColor: FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(254/255,254/255,254/255,1)
@ -16,7 +17,6 @@ FluControl {
    rightPadding:15
    enabled: !disabled
    focusPolicy:Qt.TabFocus
-
    Keys.onSpacePressed: control.visualFocus&&clicked()

    background: Rectangle{
--- a/src/controls/FluCarousel.qml
+++ b/src/controls/FluCarousel.qml
@ -12,9 +12,11 @@ Item {
    id:control
    width: 400
    height: 300
+
    ListModel{
        id:content_model
    }
+
    FluRectangle{
        anchors.fill: parent
        radius: [control.radius,control.radius,control.radius,control.radius]
@ -105,9 +107,6 @@ Item {
                        return false
                    return true
                }
-                layer.samples: 4
-                layer.enabled: true
-                layer.smooth: true
                border.width: 1
                border.color: FluColors.Grey100
                color:   list_view.currentIndex === index ?  FluTheme.primaryColor.dark : Qt.rgba(1,1,1,0.5)
--- a/src/controls/FluCheckBox.qml
+++ b/src/controls/FluCheckBox.qml
@ -1,9 +1,10 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import QtQuick.Layouts
 import FluentUI

-FluControl {
+Button {

    property bool selected: false
    property var clickFunc
--- a/src/controls/FluColorPicker.qml
+++ b/src/controls/FluColorPicker.qml
@ -1,10 +1,11 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import QtQuick.Layouts
 import QtQuick.Window
 import FluentUI

-FluControl{
+Button{
    id:control
    width: 36
    height: 36
--- a/src/controls/FluContentDialog.qml
+++ b/src/controls/FluContentDialog.qml
@ -7,11 +7,19 @@ Popup {
    id: popup

    property string title: "Title"
-    property string message: "Messaeg"
+    property string message: "Message"
+    property string neutralText: "Neutral"
    property string negativeText: "Negative"
    property string positiveText: "Positive"
+    signal neutralClicked
    signal negativeClicked
    signal positiveClicked
+    enum ButtonFlag{
+        NegativeButton=1
+        ,NeutralButton=2
+        ,PositiveButton=4
+    }
+    property int buttonFlags: FluContentDialog.NegativeButton | FluContentDialog.PositiveButton
    property var minWidth: {
        if(Window.window==null)
            return 400
@ -21,6 +29,28 @@ Popup {
    anchors.centerIn: Overlay.overlay
    closePolicy: Popup.CloseOnEscape
    background:Item{}
+
+    enter: Transition {
+        reversible: true
+        NumberAnimation {
+            properties: "opacity,scale"
+            from:0
+            to:1
+            duration: 167
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: [ 0, 0, 0, 1 ]
+        }
+    }
+    exit:Transition {
+        NumberAnimation {
+            properties: "opacity,scale"
+            from:1
+            to:0
+            duration: 167
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: [ 1, 0, 0, 0 ]
+        }
+    }
    contentItem: Rectangle {
        id:layout_content
        implicitWidth:minWidth
@ -74,40 +104,48 @@ Popup {
                right: parent.right
            }

-            Item {
-                id:divider
-                width: 1
-                height: parent.height
-                anchors.centerIn: parent
-            }
+            RowLayout{
+                anchors
+                {
+                    centerIn: parent
+                    margins: spacing
+                    fill: parent
+                }
+                spacing: 15
+                FluButton{
+                    id:neutral_btn
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                    visible: popup.buttonFlags&FluContentDialog.NeutralButton
+                    text: neutralText
+                    onClicked: {
+                        popup.close()
+                        neutralClicked()
+                    }
+                }

-            FluButton{
-                anchors{
-                    left: parent.left
-                    leftMargin: 20
-                    rightMargin: 10
-                    right: divider.left
-                    verticalCenter: parent.verticalCenter
+                FluButton{
+                    id:negative_btn
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                    visible: popup.buttonFlags&FluContentDialog.NegativeButton
+                    text: negativeText
+                    onClicked: {
+                        popup.close()
+                        negativeClicked()
+                    }
                }
-                text: negativeText
-                onClicked: {
-                    popup.close()
-                    negativeClicked()
-                }
-            }

-            FluFilledButton{
-                anchors{
-                    right: parent.right
-                    left: divider.right
-                    rightMargin: 20
-                    leftMargin: 10
-                    verticalCenter: parent.verticalCenter
-                }
-                text: positiveText
-                onClicked: {
-                    popup.close()
-                    positiveClicked()
+                FluFilledButton{
+                    id:positive_btn
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                    visible: popup.buttonFlags&FluContentDialog.PositiveButton
+                    text: positiveText
+                    onClicked: {
+                        popup.close()
+                        positiveClicked()
+                    }
                }
            }
        }
--- a/src/controls/FluControl.qml
+++ b/src/controls/FluControl.qml
@ -1,13 +0,0 @@
-import QtQuick
-import QtQuick.Controls
-import QtQuick.Controls.impl
-import QtQuick.Templates as T
-import FluentUI
-
-T.Button {
-    id: control
-    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
-                            implicitContentWidth + leftPadding + rightPadding)
-    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
-                             implicitContentHeight + topPadding + bottomPadding)
-}
--- a/src/controls/FluDatePicker.qml
+++ b/src/controls/FluDatePicker.qml
@ -14,7 +14,6 @@ Rectangle {
    property bool changeFlag: true
    readonly property var rowData: ["","",""]

-
    id:root
    color: {
        if(mouse_area.containsMouse){
--- a/src/controls/FluDivider.qml
+++ b/src/controls/FluDivider.qml
@ -1,9 +1,10 @@
 import QtQuick
+import QtQuick.Window
 import FluentUI

 Rectangle {

-    color: FluTheme.dark ? Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,230/255,234/255,1)
+    color: FluTheme.dark ? Window.active ? Qt.rgba(55/255,55/255,55/255,1):Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,230/255,234/255,1)

    Behavior on color{
        ColorAnimation {
--- a/src/controls/FluDropDownButton.qml
+++ b/src/controls/FluDropDownButton.qml
@ -1,9 +1,10 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import QtQuick.Window
 import FluentUI

-FluControl {
+Button {

    property bool disabled: false
    property color normalColor: FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(254/255,254/255,254/255,1)
@ -90,7 +91,6 @@ FluControl {
    FluMenu{
        id:menu
        width: control.width
-        animEnabled: true
    }

 }
--- a/src/controls/FluExpander.qml
+++ b/src/controls/FluExpander.qml
@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Window
 import FluentUI

 Item {
@ -20,8 +21,20 @@ Item {
        width: parent.width
        height: 45
        radius: 4
-        color: FluTheme.dark ? Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
-        border.color: FluTheme.dark ? Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,229/255,234/255,1)
+        color: FluTheme.dark ? Window.active ? Qt.rgba(38/255,44/255,54/255,1) : Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
+        border.color: FluTheme.dark ?  Window.active ? Qt.rgba(55/255,55/255,55/255,1) : Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,229/255,234/255,1)
+
+        Behavior on color{
+            ColorAnimation {
+                duration: 300
+            }
+        }
+
+        Behavior on border.color{
+            ColorAnimation {
+                duration: 300
+            }
+        }

        MouseArea{
            id:root_mouse
@ -48,7 +61,7 @@ Item {
                rightMargin: 15
            }
            color:{
-                if(root_mouse.containsMouse){
+                if(root_mouse.containsMouse || hovered){
                    return FluTheme.dark ? Qt.rgba(73/255,73/255,73/255,1) : Qt.rgba(245/255,245/255,245/255,1)
                }
                return FluTheme.dark ? Qt.rgba(0,0,0,0) : Qt.rgba(0,0,0,0)
@ -76,6 +89,7 @@ Item {
        clip: true
        anchors{
            top: layout_header.bottom
+            topMargin: -1
            left: layout_header.left
        }
        radius: 4
@ -85,7 +99,7 @@ Item {
        Behavior on height {
            NumberAnimation{
                duration: 167
-                easing.type: Easing.Bezier
+                easing.type: Easing.BezierSpline
                easing.bezierCurve: expand ? [ 0, 0, 0, 1 ] : [ 1, 0, 0, 0 ]
            }
        }
--- a/src/controls/FluFilledButton.qml
+++ b/src/controls/FluFilledButton.qml
@ -1,8 +1,9 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import FluentUI

-FluControl {
+Button {

    property bool disabled: false
    property color normalColor: FluTheme.dark ? FluTheme.primaryColor.lighter : FluTheme.primaryColor.dark
--- a/src/controls/FluFlipView.qml
+++ b/src/controls/FluFlipView.qml
@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import FluentUI

 Item{
@ -52,7 +53,7 @@ Item{
        anchors.fill: parent
    }

-    FluControl{
+    Button{
        id:btn_start
        height: vertical ? 20 : 40
        width: vertical ? 40 : 20
@ -82,7 +83,7 @@ Item{
        }
    }

-    FluControl{
+    Button{
        id:btn_end
        height: vertical ? 20 : 40
        width: vertical ? 40 : 20
--- a/src/controls/FluFocusRectangle.qml
+++ b/src/controls/FluFocusRectangle.qml
@ -8,7 +8,6 @@ Item {
    id:root
    anchors.fill: parent
    anchors.margins: -3
-
    Rectangle{
        width: root.width
        height: root.height
--- a/src/controls/FluIconButton.qml
+++ b/src/controls/FluIconButton.qml
@ -1,8 +1,9 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import FluentUI

-FluControl {
+Button {

    property int iconSize: 20
    property int iconSource
@ -38,7 +39,6 @@ FluControl {
    id:control
    width: 30
    height: 30
-    clip: true
    implicitWidth: width
    implicitHeight: height
    padding: 0
--- a/src/controls/FluMenu.qml
+++ b/src/controls/FluMenu.qml
@ -5,7 +5,7 @@ import QtQuick.Controls
 Menu {

    default property alias content: container.data
-    property bool animEnabled: false
+    property bool enableAnimation: true
    id: popup
    width: 140
    height: container.height
@ -17,7 +17,7 @@ Menu {
            property: "opacity"
            from:0
            to:1
-            duration: 83
+            duration: enableAnimation ? 83 : 0
        }
    }

@ -26,7 +26,7 @@ Menu {
            property: "opacity"
            from:1
            to:0
-            duration: 83
+            duration: enableAnimation ? 83 : 0
        }
    }

@ -39,7 +39,9 @@ Menu {
        clip: true
        Rectangle{
            anchors.fill: parent
-            color:FluTheme.dark ? Qt.rgba(45/255,45/255,45/255,0.97) : Qt.rgba(237/255,237/255,237/255,0.97)
+            color:FluTheme.dark ? Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(249/255,249/255,249/255,1)
+            border.color: FluTheme.dark ? Window.active ? Qt.rgba(55/255,55/255,55/255,1):Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,229/255,234/255,1)
+            border.width: 1
            radius: 5
        }
        Column{
--- a/src/controls/FluMenuItem.qml
+++ b/src/controls/FluMenuItem.qml
@ -4,12 +4,13 @@ import QtQuick.Controls
 Item {

    property string text: "MenuItem"
+    property var onClickFunc
    signal clicked

-    id:root
+    id:control
    width: {
-        if(root.parent){
-            return root.parent.width
+        if(control.parent){
+            return control.parent.width
        }
        return 140
    }
@ -18,7 +19,7 @@ Item {

    Rectangle{
        anchors.centerIn: parent
-        width: root.width-40
+        width: control.width-40
        height: 32
        radius: 4
        color:{
@ -36,7 +37,7 @@ Item {
        }

        FluText{
-            text: root.text
+            text: control.text
            anchors.centerIn: parent
        }

@ -45,8 +46,12 @@ Item {
            hoverEnabled: true
            anchors.fill: parent
            onClicked: {
-                root.clicked()
-                root.parent.closePopup()
+                if(control.onClickFunc){
+                    control.onClickFunc()
+                    return
+                }
+                control.parent.closePopup()
+                control.clicked()
            }
        }
    }
--- a/src/controls/FluMultilineTextBox.qml
+++ b/src/controls/FluMultilineTextBox.qml
@ -1,8 +1,9 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Controls.Basic
 import FluentUI

-FluTextArea{
+TextArea{

    property int fontStyle: FluText.Body
    property int pixelSize : FluTheme.textSize
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
$朱子楚\zhuzi$ 朱子楚\zhuzi	36ac017e3d	update	2023-04-24 21:14:08 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	981445630b	update	2023-04-24 21:05:39 +08:00
zhuzihcu	9494ec4ac6	update	2023-04-24 17:48:12 +08:00
zhuzihcu	d71441e7c5	update	2023-04-24 17:02:26 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	9f0b8c5ec5	Merge branch 'main' of https://github.com/zhuzichu520/FluentUI	2023-04-23 18:08:50 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	94c0356c25	update	2023-04-23 18:08:20 +08:00
zhuzichu	9e73f33877	Merge pull request #70 from LiangLiang723/main 🐛 修复宏定义错误导致无法编译	2023-04-23 15:53:58 +08:00
liangliang723	adc8040604	🐛 修复宏定义错误导致无法编译	2023-04-23 10:26:06 +08:00
zhuzichu	82d1edc43c	update	2023-04-22 19:25:10 +08:00
zhuzichu	da17b31be7	update	2023-04-22 18:45:10 +08:00
zhuzichu	67518fb4e6	update	2023-04-22 18:29:43 +08:00
zhuzichu	2bd03ad9d8	update	2023-04-22 18:26:10 +08:00
zhuzichu	e16a8d6b09	update	2023-04-22 18:18:13 +08:00
zhuzichu	9e0050be63	update	2023-04-22 18:08:11 +08:00
zhuzichu	a4398d1a2f	update	2023-04-22 18:01:52 +08:00
zhuzichu	a27e5db032	update	2023-04-22 16:02:52 +08:00
zhuzichu	f7c17a27b6	update	2023-04-22 00:29:47 +08:00
zhuzichu	020a75ac93	update	2023-04-21 09:37:10 +08:00
zhuzichu	1b0cdd6152	update	2023-04-20 23:37:51 +08:00
zhuzichu	1a9cca4300	Merge pull request #67 from mentalfl0w/dev Add addButtonVisibility into FluTabView.	2023-04-20 23:16:51 +08:00
Mentalflow	d939546f31	Add addButtonVisibility into FluTabView.	2023-04-20 22:57:56 +08:00
zhuzichu	9f9d9da601	update	2023-04-20 20:22:56 +08:00
zhuzichu	6d24cbf37c	update	2023-04-20 20:13:31 +08:00
zhuzichu	d2929ad701	update	2023-04-20 19:15:38 +08:00
zhuzichu	689843fbef	Merge pull request #65 from mentalfl0w/dev Imporve FluContentDialog and add relative example.	2023-04-20 18:49:53 +08:00
Mentalflow	c6db001b74	Imporve FluContentDialog and add relative example.	2023-04-20 18:10:45 +08:00
zhuzihcu	3ec0841b44	add FluPasswordBox	2023-04-20 14:56:09 +08:00
zhuzichu	b3d1568de4	Merge pull request #62 from mentalfl0w/dev Fix crash in macOS.	2023-04-20 11:24:54 +08:00
Mentalflow	2511c5dba8	Fix crash in macOS.	2023-04-20 11:08:13 +08:00
zhuzihcu	3049be128f	update	2023-04-20 11:06:24 +08:00
zhuzihcu	3291b3a882	update	2023-04-20 09:34:57 +08:00
zhuzihcu	d5744a39bd	update	2023-04-20 09:15:28 +08:00
zhuzihcu	882606b2f6	update	2023-04-20 09:01:58 +08:00
zhuzichu	aba33c4d1f	update	2023-04-20 00:15:13 +08:00
zhuzichu	51aef3f3ec	update	2023-04-19 23:53:00 +08:00
zhuzichu	221afeea58	Merge branch 'main' of https://github.com/zhuzichu520/FluentUI	2023-04-19 23:05:02 +08:00
zhuzichu	c19f5d4c48	update	2023-04-19 23:04:56 +08:00
zhuzichu	d2eb72cc5b	Merge pull request #60 from mentalfl0w/dev Add sync with system toggle switch and remove the deprecated warning.	2023-04-19 22:58:33 +08:00
Mentalflow	420a9b2bbb	Add sync with system toggle switch and remove the deprecated warning.	2023-04-19 22:27:27 +08:00
zhuzihcu	59dacd8fae	update	2023-04-19 18:24:08 +08:00
zhuzihcu	7489a4bcbe	update	2023-04-19 18:04:14 +08:00
zhuzihcu	6dd859dd1d	update	2023-04-19 17:25:46 +08:00
zhuzihcu	98363542d3	update	2023-04-19 16:58:54 +08:00
zhuzihcu	5b836a4d82	update	2023-04-19 14:13:46 +08:00
zhuzihcu	7dcb65f7b6	update	2023-04-19 11:22:44 +08:00