update

2025-07-04 17:15:29 +08:00 · 2024-04-04 17:43:58 +08:00 · 2024-04-04 17:08:45 +08:00 · 2024-04-04 16:53:31 +08:00 · 2024-04-04 12:11:08 +08:00 · 2024-04-04 02:48:26 +08:00
82 changed files with 680 additions and 707 deletions
--- a/example/example.qrc
+++ b/example/example.qrc
@ -194,7 +194,6 @@
        <file>res/image/ic_crash.png</file>
        <file>qml/window/CrashWindow.qml</file>
        <file>qml/page/T_SplitLayout.qml</file>
-        <file>qml/window/FluentInitalizrWindow.qml</file>
        <file>res/template/CMakeLists.txt.in</file>
        <file>res/template/src/App.qml.in</file>
        <file>res/template/src/CMakeLists.txt.in</file>
@ -209,5 +208,6 @@
        <file>qml/page/T_Sheet.qml</file>
        <file>qml/page/T_GroupBox.qml</file>
        <file>res/image/bg_scenic.jpg</file>
+        <file>qml/window/FluentInitializrWindow.qml</file>
    </qresource>
 </RCC>
--- a/example/example_en_US.ts
+++ b/example/example_en_US.ts
@ -38,35 +38,35 @@
    </message>
 </context>
 <context>
-    <name>FluentInitalizrWindow</name>
+    <name>FluentInitializrWindow</name>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="11"/>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="30"/>
-        <source>FluentUI Initalizr</source>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="11"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="30"/>
+        <source>FluentUI Initializr</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="51"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="51"/>
        <source>Name</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="59"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="59"/>
        <source>Create In</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="63"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="63"/>
        <source>Browse</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="93"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="93"/>
        <source>Cancel</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="101"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="101"/>
        <source>Create</source>
        <translation type="unfinished"></translation>
    </message>
@ -85,24 +85,24 @@
    </message>
 </context>
 <context>
-    <name>InitalizrHelper</name>
+    <name>InitializrHelper</name>
    <message>
-        <location filename="src/helper/InitalizrHelper.cpp" line="77"/>
+        <location filename="src/helper/InitializrHelper.cpp" line="77"/>
        <source>The name cannot be empty</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="src/helper/InitalizrHelper.cpp" line="81"/>
+        <location filename="src/helper/InitializrHelper.cpp" line="81"/>
        <source>The creation path cannot be empty</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="src/helper/InitalizrHelper.cpp" line="86"/>
+        <location filename="src/helper/InitializrHelper.cpp" line="86"/>
        <source>The path does not exist</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="src/helper/InitalizrHelper.cpp" line="92"/>
+        <location filename="src/helper/InitializrHelper.cpp" line="92"/>
        <source>%1 folder already exists</source>
        <translation type="unfinished"></translation>
    </message>
@ -375,6 +375,7 @@
    <message>
        <location filename="qml/global/ItemsOriginal.qml" line="318"/>
        <source>TableView</source>
+        <oldsource>TreeView2</oldsource>
        <translation type="unfinished"></translation>
    </message>
    <message>
@ -1371,7 +1372,7 @@ My only desire is to be permitted to drive out the traitors and restore the Han.
    </message>
    <message>
        <location filename="qml/page/T_Home.qml" line="32"/>
-        <source>FluentUI Initalizr</source>
+        <source>FluentUI Initializr</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
--- a/example/example_zh_CN.ts
+++ b/example/example_zh_CN.ts
@ -38,35 +38,35 @@
    </message>
 </context>
 <context>
-    <name>FluentInitalizrWindow</name>
+    <name>FluentInitializrWindow</name>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="11"/>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="30"/>
-        <source>FluentUI Initalizr</source>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="11"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="30"/>
+        <source>FluentUI Initializr</source>
        <translation type="unfinished">FluentUI脚手架</translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="51"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="51"/>
        <source>Name</source>
        <translation type="unfinished">名称</translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="59"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="59"/>
        <source>Create In</source>
        <translation type="unfinished">创建路径</translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="63"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="63"/>
        <source>Browse</source>
        <translation type="unfinished">浏览</translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="93"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="93"/>
        <source>Cancel</source>
        <translation type="unfinished">取消</translation>
    </message>
    <message>
-        <location filename="qml/window/FluentInitalizrWindow.qml" line="101"/>
+        <location filename="qml/window/FluentInitializrWindow.qml" line="101"/>
        <source>Create</source>
        <translation type="unfinished">创建</translation>
    </message>
@ -85,26 +85,26 @@
    </message>
 </context>
 <context>
-    <name>InitalizrHelper</name>
+    <name>InitializrHelper</name>
    <message>
-        <location filename="src/helper/InitalizrHelper.cpp" line="77"/>
+        <location filename="src/helper/InitializrHelper.cpp" line="77"/>
        <source>The name cannot be empty</source>
        <translation type="unfinished">名称不能为空</translation>
    </message>
    <message>
-        <location filename="src/helper/InitalizrHelper.cpp" line="81"/>
+        <location filename="src/helper/InitializrHelper.cpp" line="81"/>
        <source>The creation path cannot be empty</source>
        <translation type="unfinished">创建路径不能为空</translation>
    </message>
    <message>
-        <location filename="src/helper/InitalizrHelper.cpp" line="86"/>
+        <location filename="src/helper/InitializrHelper.cpp" line="86"/>
        <source>The path does not exist</source>
        <translation type="unfinished">路径不存在</translation>
    </message>
    <message>
-        <location filename="src/helper/InitalizrHelper.cpp" line="92"/>
+        <location filename="src/helper/InitializrHelper.cpp" line="92"/>
        <source>%1 folder already exists</source>
-        <translation type="unfinished"></translation>
+        <translation type="unfinished">%1 文件夹已经存在</translation>
    </message>
 </context>
 <context>
@ -375,6 +375,7 @@
    <message>
        <location filename="qml/global/ItemsOriginal.qml" line="318"/>
        <source>TableView</source>
+        <oldsource>TreeView2</oldsource>
        <translation type="unfinished">表格</translation>
    </message>
    <message>
@ -1402,7 +1403,7 @@ My only desire is to be permitted to drive out the traitors and restore the Han.
    </message>
    <message>
        <location filename="qml/page/T_Home.qml" line="32"/>
-        <source>FluentUI Initalizr</source>
+        <source>FluentUI Initializr</source>
        <translation type="unfinished">FluentUI脚手架</translation>
    </message>
    <message>
--- a/example/qml/chart/T_BarChart.qml
+++ b/example/qml/chart/T_BarChart.qml
@ -70,8 +70,8 @@ FluScrollablePage{
    }

    FluFrame{
-        width: 500
-        height: 370
+        Layout.preferredWidth: 500
+        Layout.preferredHeight: 370
        padding: 10
        Layout.topMargin: 20
        FluChart{
--- a/example/qml/page/T_Acrylic.qml
+++ b/example/qml/page/T_Acrylic.qml
@ -71,7 +71,7 @@ FluScrollablePage{
                    anchors.centerIn: parent
                    text: "Acrylic"
                    color: "#FFFFFF"
-                    font.bold: true
+                    font: FluTextStyle.Subtitle
                }
                MouseArea {
                    property point clickPos: Qt.point(0,0)
--- a/example/qml/page/T_Awesome.qml
+++ b/example/qml/page/T_Awesome.qml
@ -58,6 +58,7 @@ FluContentPage {
            FluText {
                id:item_name
                font.pixelSize: 10
+                font.family: FluTextStyle.family
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.top: item_icon.bottom
                width:parent.width
--- a/example/qml/page/T_Carousel.qml
+++ b/example/qml/page/T_Carousel.qml
@ -103,7 +103,6 @@ FluScrollablePage{
                                    horizontalAlignment: Qt.AlignHCenter
                                    text:model.title
                                    color: FluColors.Grey10
-                                    font.pixelSize: 15
                                }
                            }
                        }
--- a/example/qml/page/T_Home.qml
+++ b/example/qml/page/T_Home.qml
@ -12,8 +12,8 @@ FluScrollablePage{
    animationEnabled: false
    header: Item{}

-    FluentInitalizrWindow{
-        id:fluent_initalizr
+    FluentInitializrWindow{
+        id:fluent_Initializr
    }

    ListModel{
@ -29,11 +29,11 @@ FluScrollablePage{
        }
        ListElement{
            icon: "qrc:/example/res/image/favicon.ico"
-            title: qsTr("FluentUI Initalizr")
+            title: qsTr("FluentUI Initializr")
            desc: qsTr("FluentUI Initializr is a Tool that helps you create and customize Fluent UI projects with various options.")
            url: "https://github.com/zhuzichu520/FluentUI"
            clicked: function(model){
-                fluent_initalizr.showDialog()
+                fluent_Initializr.showDialog()
            }
        }
    }
@ -122,6 +122,7 @@ FluScrollablePage{
                            Layout.leftMargin: 20
                            color: FluColors.Grey120
                            font.pixelSize: 12
+                            font.family: FluTextStyle.family
                            wrapMode: Text.WrapAnywhere
                        }
                    }
--- a/example/qml/page/T_StaggeredLayout.qml
+++ b/example/qml/page/T_StaggeredLayout.qml
@ -42,8 +42,7 @@ FluContentPage{
                FluText{
                    color:"#FFFFFF"
                    text:model.index
-                    font.bold: true
-                    font.pixelSize: 18
+                    font: FluTextStyle.Title
                    anchors.centerIn: parent
                }
            }
--- a/example/qml/window/FluentInitializrWindow.qml
+++ b/example/qml/window/FluentInitializrWindow.qml
@ -8,14 +8,14 @@ import "../component"
 FluWindowDialog {

    id:window
-    title:qsTr("FluentUI Initalizr")
+    title:qsTr("FluentUI Initializr")
    width: 600
    height: 400

    contentDelegate:Component{
        Item{
            Connections{
-                target: InitalizrHelper
+                target: InitializrHelper
                function onError(message){
                    showError(message)
                }
@ -27,7 +27,7 @@ FluWindowDialog {

            FluText{
                id:text_title
-                text:qsTr("FluentUI Initalizr")
+                text:qsTr("FluentUI Initializr")
                font: FluTextStyle.Title
                anchors{
                    left: parent.left
@ -102,7 +102,7 @@ FluWindowDialog {
                        width: 120
                        anchors.verticalCenter: parent.verticalCenter
                        onClicked: {
-                            InitalizrHelper.generate(text_box_name.text,text_box_path.text)
+                            InitializrHelper.generate(text_box_name.text,text_box_path.text)
                        }
                    }
                }
--- a/example/qml/window/HotloadWindow.qml
+++ b/example/qml/window/HotloadWindow.qml
@ -41,7 +41,7 @@ FluWindow {
        }
        FluText{
            text: qsTr("Drag in a qml file")
-            font.pixelSize: 26
+            font: FluTextStyle.Title
            anchors.centerIn: parent
            visible: !loader.itemLodaer().item && loader.statusMode === FluStatusLayoutType.Success
        }
--- a/example/qml/window/MainWindow.qml
+++ b/example/qml/window/MainWindow.qml
@ -101,7 +101,7 @@ FluWindow {
            width: 186
            FluMenuItem{
                text: qsTr("Open in Separate Window")
-                font.pixelSize: 12
+                font: FluTextStyle.Caption
                onClicked: {
                    FluRouter.navigate("/pageWindow",{title:modelData.title,url:modelData.url})
                }
--- a/example/src/helper/InitializrHelper.cpp
+++ b/example/src/helper/InitializrHelper.cpp
@ -1,16 +1,16 @@
-#include "InitalizrHelper.h"
+#include "InitializrHelper.h"

 #include <QDir>
 #include <QGuiApplication>

-InitalizrHelper::InitalizrHelper(QObject *parent) : QObject(parent)
+InitializrHelper::InitializrHelper(QObject *parent) : QObject(parent)
 {

 }

-InitalizrHelper::~InitalizrHelper() = default;
+InitializrHelper::~InitializrHelper() = default;

-bool InitalizrHelper::copyDir(const QDir& fromDir, const QDir& toDir, bool coverIfFileExists){
+bool InitializrHelper::copyDir(const QDir& fromDir, const QDir& toDir, bool coverIfFileExists){
    QDir _formDir = fromDir;
    QDir _toDir = toDir;
    if(!_toDir.exists())
@ -44,7 +44,7 @@ bool InitalizrHelper::copyDir(const QDir& fromDir, const QDir& toDir, bool cover
 }

 template <typename...Args>
-void InitalizrHelper::templateToFile(const QString& source,const QString& dest,Args &&...args){
+void InitializrHelper::templateToFile(const QString& source,const QString& dest,Args &&...args){
    QFile file(source);
    if (file.open(QIODevice::ReadOnly | QIODevice::Text)) {
        QTextStream in(&file);
@ -67,12 +67,12 @@ void InitalizrHelper::templateToFile(const QString& source,const QString& dest,A
    }
 }

-void InitalizrHelper::copyFile(const QString& source,const QString& dest){
+void InitializrHelper::copyFile(const QString& source,const QString& dest){
    QFile::copy(source,dest);
    QFile::setPermissions(dest, QFile::WriteOwner | QFile::WriteUser | QFile::WriteGroup | QFile::WriteOther);
 }

-void InitalizrHelper::generate(const QString& name,const QString& path){
+void InitializrHelper::generate(const QString& name,const QString& path){
    if(name.isEmpty()){
        error(tr("The name cannot be empty"));
        return;
--- a/example/src/helper/InitializrHelper.h
+++ b/example/src/helper/InitializrHelper.h
@ -1,26 +1,26 @@
-#ifndef INITALIZRHELPER_H
-#define INITALIZRHELPER_H
+#ifndef INITIALIZRHELPER_H
+#define INITIALIZRHELPER_H

 #include <QObject>
 #include <QtQml/qqml.h>
 #include <QDir>
 #include "src/singleton.h"

-class InitalizrHelper : public QObject
+class InitializrHelper : public QObject
 {
    Q_OBJECT
 private:
-    explicit InitalizrHelper(QObject* parent = nullptr);
+    explicit InitializrHelper(QObject* parent = nullptr);
    bool copyDir(const QDir& fromDir, const QDir& toDir, bool coverIfFileExists = true);
    void copyFile(const QString& source,const QString& dest);
    template <typename...Args>
    void templateToFile(const QString& source,const QString& dest,Args &&...args);
 public:
-    SINGLETON(InitalizrHelper)
-    ~InitalizrHelper() override;
+    SINGLETON(InitializrHelper)
+    ~InitializrHelper() override;
    Q_INVOKABLE void generate(const QString& name,const QString& path);
    Q_SIGNAL void error(const QString& message);
    Q_SIGNAL void success(const QString& path);
 };

-#endif // INITALIZRHELPER_H
+#endif // INITIALIZRHELPER_H
--- a/example/src/main.cpp
+++ b/example/src/main.cpp
@ -15,7 +15,7 @@
 #include "src/component/FileWatcher.h"
 #include "src/component/FpsItem.h"
 #include "src/helper/SettingsHelper.h"
-#include "src/helper/InitalizrHelper.h"
+#include "src/helper/InitializrHelper.h"
 #include "src/helper/TranslateHelper.h"
 #include "src/helper/Network.h"

@ -32,6 +32,9 @@ Q_IMPORT_QML_PLUGIN(FluentUIPlugin)

 int main(int argc, char *argv[])
 {
+    const char *uri = "example";
+    int major = 1;
+    int minor = 0;
 #ifdef WIN32
    ::SetUnhandledExceptionFilter(MyUnhandledExceptionFilter);
    qputenv("QT_QPA_PLATFORM","windows:darkmode=2");
@ -54,8 +57,8 @@ int main(int argc, char *argv[])
    QGuiApplication::setApplicationVersion(APPLICATION_VERSION);
    QGuiApplication::setQuitOnLastWindowClosed(false);
    SettingsHelper::getInstance()->init(argv);
-    Log::setup(argv,"example");
-#if (QT_VERSION >= QT_VERSION_CHECK(6, 5, 0))
+    Log::setup(argv,uri);
+#if (QT_VERSION >= QT_VERSION_CHECK(6, 0, 0))
    QQuickWindow::setGraphicsApi(QSGRendererInterface::OpenGL);
 #endif
 #if (QT_VERSION < QT_VERSION_CHECK(6, 0, 0))
@ -66,9 +69,6 @@ int main(int argc, char *argv[])
 #endif
 #endif
    QGuiApplication app(argc, argv);
-    const char *uri = "example";
-    int major = 1;
-    int minor = 0;
    //@uri example
    qmlRegisterType<CircularReveal>(uri, major, minor, "CircularReveal");
    qmlRegisterType<FileWatcher>(uri, major, minor, "FileWatcher");
@ -79,7 +79,7 @@ int main(int argc, char *argv[])
    TranslateHelper::getInstance()->init(&engine);
    engine.rootContext()->setContextProperty("AppInfo",AppInfo::getInstance());
    engine.rootContext()->setContextProperty("SettingsHelper",SettingsHelper::getInstance());
-    engine.rootContext()->setContextProperty("InitalizrHelper",InitalizrHelper::getInstance());
+    engine.rootContext()->setContextProperty("InitializrHelper",InitializrHelper::getInstance());
    engine.rootContext()->setContextProperty("TranslateHelper",TranslateHelper::getInstance());
    engine.rootContext()->setContextProperty("Network",Network::getInstance());
 #ifdef FLUENTUI_BUILD_STATIC_LIB
--- a/src/FluColors.cpp
+++ b/src/FluColors.cpp
@ -1,4 +1,5 @@
 #include "FluColors.h"
+#include "FluTools.h"

 FluColors::FluColors(QObject *parent):QObject{parent}{
    Transparent(QColor(0, 0, 0, 0));
@ -111,17 +112,12 @@ FluColors::FluColors(QObject *parent):QObject{parent}{

 FluAccentColor* FluColors::createAccentColor(QColor primaryColor){
    FluAccentColor *accentColor = new FluAccentColor(this);
-    accentColor->darkest(withOpacity(primaryColor,0.7));
-    accentColor->darker(withOpacity(primaryColor,0.8));
-    accentColor->dark(withOpacity(primaryColor,0.9));
+    accentColor->darkest(FluTools::getInstance()->withOpacity(primaryColor,0.7));
+    accentColor->darker(FluTools::getInstance()->withOpacity(primaryColor,0.8));
+    accentColor->dark(FluTools::getInstance()->withOpacity(primaryColor,0.9));
    accentColor->normal(primaryColor);
-    accentColor->light(withOpacity(primaryColor,0.9));
-    accentColor->lighter(withOpacity(primaryColor,0.8));
-    accentColor->lightest(withOpacity(primaryColor,0.7));
+    accentColor->light(FluTools::getInstance()->withOpacity(primaryColor,0.9));
+    accentColor->lighter(FluTools::getInstance()->withOpacity(primaryColor,0.8));
+    accentColor->lightest(FluTools::getInstance()->withOpacity(primaryColor,0.7));
    return accentColor;
 }
-
-QColor FluColors::withOpacity(QColor color,qreal opacity){
-    int alpha = qRound(opacity * 255) & 0xff;
-    return QColor::fromRgba((alpha << 24) | (color.rgba() & 0xffffff));
-}
--- a/src/FluColors.h
+++ b/src/FluColors.h
@ -3,6 +3,7 @@

 #include <QObject>
 #include <QtQml/qqml.h>
+
 #include "FluAccentColor.h"
 #include "stdafx.h"
 #include "singleton.h"
@ -50,7 +51,6 @@ class FluColors : public QObject
    QML_SINGLETON
 private:
    explicit FluColors(QObject *parent = nullptr);
-    QColor withOpacity(QColor color,qreal opacity);
 public:
    SINGLETON(FluColors)
    Q_INVOKABLE FluAccentColor* createAccentColor(QColor primaryColor);
--- a/src/FluFrameless.cpp
+++ b/src/FluFrameless.cpp
@ -3,6 +3,7 @@
 #include <QQuickWindow>
 #include <QGuiApplication>
 #include <QScreen>
+#include <QDateTime>

 #ifdef Q_OS_WIN
 #pragma comment (lib,"user32.lib")
@ -57,14 +58,16 @@ void FluFrameless::componentComplete(){
    }
    _current = window()->winId();
    window()->setFlags(( window()->flags()) | Qt::CustomizeWindowHint | Qt::WindowMinimizeButtonHint | Qt::WindowCloseButtonHint | Qt::FramelessWindowHint);
+#if QT_VERSION < QT_VERSION_CHECK(6,0,0)
+    if(QQuickWindow::sceneGraphBackend() == "software"){
+        window()->setFlag(Qt::FramelessWindowHint,false);
+    }
+#endif
    if(!_fixSize){
        window()->setFlag(Qt::WindowMaximizeButtonHint);
    }
    window()->installEventFilter(this);
    qApp->installNativeEventFilter(this);
-    if(_appbar){
-        _appbar->installEventFilter(this);
-    }
    if(_maximizeButton){
        setHitTestVisible(_maximizeButton);
    }
@ -230,12 +233,6 @@ bool FluFrameless::nativeEventFilter(const QByteArray &eventType, void *message,
        return true;
    }else if(uMsg == WM_GETMINMAXINFO){
        MINMAXINFO* minmaxInfo = reinterpret_cast<MINMAXINFO *>(lParam);
-#if QT_VERSION >= QT_VERSION_CHECK(6,0,0)
-        minmaxInfo->ptMaxPosition.x = 0;
-        minmaxInfo->ptMaxPosition.y = 0;
-        minmaxInfo->ptMaxSize.x = 0;
-        minmaxInfo->ptMaxSize.y = 0;
-#else
        auto pixelRatio = window()->devicePixelRatio();
        auto geometry = window()->screen()->availableGeometry();
        RECT rect;
@ -244,7 +241,6 @@ bool FluFrameless::nativeEventFilter(const QByteArray &eventType, void *message,
        minmaxInfo->ptMaxPosition.y = rect.top - offsetXY.x();
        minmaxInfo->ptMaxSize.x = geometry.width()*pixelRatio + offsetXY.x() * 2;
        minmaxInfo->ptMaxSize.y = geometry.height()*pixelRatio + offsetXY.y() * 2;
-#endif
        return false;
    }else if(uMsg == WM_NCRBUTTONDOWN){
        if (wParam == HTCAPTION) {
@ -425,7 +421,18 @@ bool FluFrameless::eventFilter(QObject *obj, QEvent *ev){
            }
        }else{
            if(_hitAppBar()){
-                window()->startSystemMove();
+                qint64 clickTimer = QDateTime::currentMSecsSinceEpoch();
+                qint64 offset =  clickTimer - this->_clickTimer;
+                this->_clickTimer = clickTimer;
+                if(offset<300){
+                    if(_isMaximized()){
+                        showNormal();
+                    }else{
+                        showMaximized();
+                    }
+                }else{
+                    window()->startSystemMove();
+                }
            }
        }
        break;
--- a/src/FluFrameless.h
+++ b/src/FluFrameless.h
@ -54,6 +54,7 @@ private:
    qint64 _current;
    int _edges = 0;
    int _margins = 8;
+    qint64 _clickTimer = 0;
    QList<QPointer<QQuickItem>> _hitTestList;
 };

--- a/src/FluTextStyle.cpp
+++ b/src/FluTextStyle.cpp
@ -1,35 +1,47 @@
 #include "FluTextStyle.h"

 FluTextStyle::FluTextStyle(QObject *parent):QObject{parent}{
+    _family = QFont().defaultFamily();
+#ifdef Q_OS_WIN
+    _family = "微软雅黑";
+#endif
+
    QFont caption;
+    caption.setFamily(_family);
    caption.setPixelSize(12);
    Caption(caption);

    QFont body;
+    body.setFamily(_family);
    body.setPixelSize(13);
    Body(body);

    QFont bodyStrong;
+    bodyStrong.setFamily(_family);
    bodyStrong.setPixelSize(13);
    bodyStrong.setWeight(QFont::DemiBold);
    BodyStrong(bodyStrong);

    QFont subtitle;
+    subtitle.setFamily(_family);
    subtitle.setPixelSize(20);
    subtitle.setWeight(QFont::DemiBold);
    Subtitle(subtitle);

    QFont title;
+    title.setFamily(_family);
    title.setPixelSize(28);
    title.setWeight(QFont::DemiBold);
    Title(title);

    QFont titleLarge;
+    titleLarge.setFamily(_family);
    titleLarge.setPixelSize(40);
    titleLarge.setWeight(QFont::DemiBold);
    TitleLarge(titleLarge);

    QFont display;
+    display.setFamily(_family);
    display.setPixelSize(68);
    display.setWeight(QFont::DemiBold);
    Display(display);
--- a/src/FluTextStyle.h
+++ b/src/FluTextStyle.h
@ -14,6 +14,7 @@ class FluTextStyle : public QObject
 {
    Q_OBJECT
 public:
+    Q_PROPERTY_AUTO(QString,family)
    Q_PROPERTY_AUTO(QFont,Caption);
    Q_PROPERTY_AUTO(QFont,Body);
    Q_PROPERTY_AUTO(QFont,BodyStrong);
--- a/src/FluTools.cpp
+++ b/src/FluTools.cpp
@ -119,8 +119,9 @@ QUrl FluTools::getUrlByFilePath(const QString& path){
    return QUrl::fromLocalFile(path);
 }

-QColor FluTools::colorAlpha(const QColor& color,qreal alpha){
-    return QColor(color.red(),color.green(),color.blue(),255*alpha);
+QColor FluTools::withOpacity(const QColor& color,qreal opacity){
+    int alpha = qRound(opacity * 255) & 0xff;
+    return QColor::fromRgba((alpha << 24) | (color.rgba() & 0xffffff));
 }

 QString FluTools::md5(QString text){
--- a/src/FluTools.h
+++ b/src/FluTools.h
@ -39,7 +39,7 @@ public:
    Q_INVOKABLE QRect getVirtualGeometry();
    Q_INVOKABLE QString getApplicationDirPath();
    Q_INVOKABLE QUrl getUrlByFilePath(const QString& path);
-    Q_INVOKABLE QColor colorAlpha(const QColor&,qreal alpha);
+    Q_INVOKABLE QColor withOpacity(const QColor&,qreal alpha);
    Q_INVOKABLE QString md5(QString text);
    Q_INVOKABLE QString sha256(QString text);
    Q_INVOKABLE QString toBase64(QString text);
--- a/src/FluTreeModel.cpp
+++ b/src/FluTreeModel.cpp
@ -2,7 +2,7 @@

 #include <QMetaEnum>

-FluNode::FluNode(QObject *parent): QObject{parent}{
+FluTreeNode::FluTreeNode(QObject *parent): QObject{parent}{
 }

 FluTreeModel::FluTreeModel(QObject *parent): QAbstractItemModel{parent}{
@ -41,7 +41,7 @@ QHash<int, QByteArray> FluTreeModel::roleNames() const {
    return { {Qt::DisplayRole, "dataModel"} };
 };

-void FluTreeModel::setData(QList<FluNode*> data){
+void FluTreeModel::setData(QList<FluTreeNode*> data){
    beginResetModel();
    _rows = data;
    endResetModel();
@ -51,20 +51,20 @@ void FluTreeModel::removeRows(int row,int count){
    if (row < 0 || row + count > _rows.size() || count==0)
        return;
    beginRemoveRows(QModelIndex(),row, row + count - 1);
-    QList<FluNode*> firstPart = _rows.mid(0,row);
-    QList<FluNode*> secondPart = _rows.mid(row + count);
+    QList<FluTreeNode*> firstPart = _rows.mid(0,row);
+    QList<FluTreeNode*> secondPart = _rows.mid(row + count);
    _rows.clear();
    _rows.append(firstPart);
    _rows.append(secondPart);
    endRemoveRows();
 }

-void FluTreeModel::insertRows(int row,QList<FluNode*> data){
+void FluTreeModel::insertRows(int row,QList<FluTreeNode*> data){
    if (row < 0 || row > _rows.size() || data.size() == 0)
        return;;
    beginInsertRows(QModelIndex(), row, row + data.size() - 1);
-    QList<FluNode*> firstPart = _rows.mid(0, row);
-    QList<FluNode*> secondPart = _rows.mid(row);
+    QList<FluTreeNode*> firstPart = _rows.mid(0, row);
+    QList<FluTreeNode*> secondPart = _rows.mid(row);
    _rows.clear();
    _rows.append(firstPart);
    _rows.append(data);
@ -79,7 +79,7 @@ QObject* FluTreeModel::getRow(int row){
 void FluTreeModel::checkRow(int row,bool checked){
    auto itemData = _rows.at(row);
    if(itemData->hasChildren()){
-        QList<FluNode*> stack = itemData->_children;
+        QList<FluTreeNode*> stack = itemData->_children;
        std::reverse(stack.begin(), stack.end());
        while (stack.count() > 0) {
            auto item = stack.at(stack.count()-1);
@ -87,7 +87,7 @@ void FluTreeModel::checkRow(int row,bool checked){
            if(!item->hasChildren()){
                item->_checked = checked;
            }
-            QList<FluNode*> children = item->_children;
+            QList<FluTreeNode*> children = item->_children;
            if(!children.isEmpty()){
                std::reverse(children.begin(), children.end());
                foreach (auto c, children) {
@ -101,8 +101,8 @@ void FluTreeModel::checkRow(int row,bool checked){
        }
        itemData->_checked = checked;
    }
-    Q_EMIT layoutChanged(QList<QPersistentModelIndex>(),QAbstractItemModel::VerticalSortHint);
-    QList<FluNode*> data;
+    Q_EMIT dataChanged(index(0,0),index(rowCount()-1,0));
+    QList<FluTreeNode*> data;
    foreach (auto item, _dataSource) {
        if(!item->hasChildren()){
            if(item->_checked){
@ -119,16 +119,16 @@ void FluTreeModel::setDataSource(QList<QMap<QString,QVariant>> data){
        delete _root;
        _root = nullptr;
    }
-    _root = new FluNode(this);
+    _root = new FluTreeNode(this);
    std::reverse(data.begin(), data.end());
    while (data.count() > 0) {
        auto item = data.at(data.count()-1);
        data.pop_back();
-        FluNode* node = new FluNode(this);
+        FluTreeNode* node = new FluTreeNode(this);
        node->_title = item.value("title").toString();
        node->_key = item.value("key").toString();
        node->_depth = item.value("__depth").toInt();
-        node->_parent = item.value("__parent").value<FluNode*>();
+        node->_parent = item.value("__parent").value<FluTreeNode*>();
        node->_isExpanded = true;
        if(node->_parent){
            node->_parent->_children.append(node);
@ -181,8 +181,8 @@ void FluTreeModel::expand(int row){
    _rows.at(row)->_isExpanded = true;
    Q_EMIT dataChanged(index(row,0),index(row,0));
    auto modelData = _rows.at(row);
-    QList<FluNode*> insertData;
-    QList<FluNode*> stack = modelData->_children;
+    QList<FluTreeNode*> insertData;
+    QList<FluTreeNode*> stack = modelData->_children;
    std::reverse(stack.begin(), stack.end());
    while (stack.count() > 0) {
        auto item = stack.at(stack.count()-1);
@ -190,7 +190,7 @@ void FluTreeModel::expand(int row){
        if(item->isShown()){
            insertData.append(item);
        }
-        QList<FluNode*> children = item->_children;
+        QList<FluTreeNode*> children = item->_children;
        if(!children.isEmpty()){
            std::reverse(children.begin(), children.end());
            foreach (auto c, children) {
@ -242,7 +242,7 @@ void FluTreeModel::dragAndDrop(int dragIndex,int dropIndex,bool isDropTopArea){

    Q_EMIT layoutAboutToBeChanged();
    if(dragItem->_parent == dropItem->_parent){
-        QList<FluNode*>* children = &(dragItem->_parent->_children);
+        QList<FluTreeNode*>* children = &(dragItem->_parent->_children);
        int srcIndex = children->indexOf(dragItem);
        int destIndex = children->indexOf(dropItem);
        if(dropIndex > dragIndex){
@ -260,14 +260,14 @@ void FluTreeModel::dragAndDrop(int dragIndex,int dropIndex,bool isDropTopArea){
        }
        children->move(srcIndex,targetIndex);
    }else{
-        QList<FluNode*>* srcChildren = &(dragItem->_parent->_children);
-        QList<FluNode*>* destChildren = &(dropItem->_parent->_children);
+        QList<FluTreeNode*>* srcChildren = &(dragItem->_parent->_children);
+        QList<FluTreeNode*>* destChildren = &(dropItem->_parent->_children);
        int srcIndex = srcChildren->indexOf(dragItem);
        int destIndex = destChildren->indexOf(dropItem);
        dragItem->_depth = dropItem->_depth;
        dragItem->_parent = dropItem->_parent;
        if(dragItem->hasChildren()){
-            QList<FluNode*> stack = dragItem->_children;
+            QList<FluTreeNode*> stack = dragItem->_children;
            foreach (auto node, stack) {
                node->_depth = dragItem->_depth+1;
            }
@ -275,7 +275,7 @@ void FluTreeModel::dragAndDrop(int dragIndex,int dropIndex,bool isDropTopArea){
            while (stack.count() > 0) {
                auto item = stack.at(stack.count()-1);
                stack.pop_back();
-                QList<FluNode*> children = item->_children;
+                QList<FluTreeNode*> children = item->_children;
                if(!children.isEmpty()){
                    std::reverse(children.begin(), children.end());
                    foreach (auto c, children) {
@ -302,8 +302,7 @@ void FluTreeModel::dragAndDrop(int dragIndex,int dropIndex,bool isDropTopArea){
        destChildren->insert(targetIndex,dragItem);
    }
    changePersistentIndex(index(qMin(dragIndex,dropIndex),0),index(qMax(dragIndex,dropIndex),0));
-    Q_EMIT layoutChanged(QList<QPersistentModelIndex>(),QAbstractItemModel::VerticalSortHint);
-
+    Q_EMIT dataChanged(index(0,0),index(rowCount()-1,0));
 }

 bool FluTreeModel::hitHasChildrenExpanded(int row){
@ -318,14 +317,14 @@ void FluTreeModel::refreshNode(int row){
    Q_EMIT dataChanged(index(row,0),index(row,0));
 };

-FluNode* FluTreeModel::getNode(int row){
+FluTreeNode* FluTreeModel::getNode(int row){
    return _rows.at(row);
 }

 void FluTreeModel::allExpand(){
    beginResetModel();
-    QList<FluNode*> data;
-    QList<FluNode*> stack = _root->_children;
+    QList<FluTreeNode*> data;
+    QList<FluTreeNode*> stack = _root->_children;
    std::reverse(stack.begin(), stack.end());
    while (stack.count() > 0) {
        auto item = stack.at(stack.count()-1);
@ -334,7 +333,7 @@ void FluTreeModel::allExpand(){
            item->_isExpanded = true;
        }
        data.append(item);
-        QList<FluNode*> children = item->_children;
+        QList<FluTreeNode*> children = item->_children;
        if(!children.isEmpty()){
            std::reverse(children.begin(), children.end());
            foreach (auto c, children) {
@ -347,7 +346,7 @@ void FluTreeModel::allExpand(){
 }
 void FluTreeModel::allCollapse(){
    beginResetModel();
-    QList<FluNode*> stack = _root->_children;
+    QList<FluTreeNode*> stack = _root->_children;
    std::reverse(stack.begin(), stack.end());
    while (stack.count() > 0) {
        auto item = stack.at(stack.count()-1);
@ -355,7 +354,7 @@ void FluTreeModel::allCollapse(){
        if(item->hasChildren()){
            item->_isExpanded = false;
        }
-        QList<FluNode*> children = item->_children;
+        QList<FluTreeNode*> children = item->_children;
        if(!children.isEmpty()){
            std::reverse(children.begin(), children.end());
            foreach (auto c, children) {
--- a/src/FluTreeModel.h
+++ b/src/FluTreeModel.h
@ -8,9 +8,9 @@
 #include "stdafx.h"

 /**
- * @brief The FluNode class
+ * @brief The FluTreeNode class
 */
-class FluNode : public QObject{
+class FluTreeNode : public QObject{
    Q_OBJECT
    Q_PROPERTY(QString key READ key CONSTANT)
    Q_PROPERTY(QString title READ title CONSTANT)
@ -18,14 +18,14 @@ class FluNode : public QObject{
    Q_PROPERTY(bool isExpanded READ isExpanded CONSTANT)
    Q_PROPERTY(bool checked READ checked CONSTANT)
 public:
-    explicit FluNode(QObject *parent = nullptr);
+    explicit FluTreeNode(QObject *parent = nullptr);
    Q_INVOKABLE QString key(){return _key;};
    Q_INVOKABLE QString title(){return _title;};
    Q_INVOKABLE int depth(){return _depth;};
    Q_INVOKABLE bool isExpanded(){return _isExpanded;};
    Q_INVOKABLE bool hasChildren(){ return !_children.isEmpty();};
    Q_INVOKABLE bool hasNextNodeByIndex(int index){
-        FluNode* p = this;
+        FluTreeNode* p = this;
        for(int i=0;i<(_depth - index -1);i++){
            p = p->_parent;
        }
@ -75,15 +75,15 @@ public:
    int _depth=0;
    bool _checked = false;
    bool _isExpanded=true;
-    QList<FluNode*> _children;
-    FluNode* _parent = nullptr;
+    QList<FluTreeNode*> _children;
+    FluTreeNode* _parent = nullptr;
 };

 class FluTreeModel : public QAbstractItemModel
 {
    Q_OBJECT
    Q_PROPERTY_AUTO(int,dataSourceSize)
-    Q_PROPERTY_AUTO(QList<FluNode*>,selectionModel)
+    Q_PROPERTY_AUTO(QList<FluTreeNode*>,selectionModel)
    QML_NAMED_ELEMENT(FluTreeModel)
    QML_ADDED_IN_MINOR_VERSION(1)
 public:
@ -96,23 +96,23 @@ public:
    QModelIndex index(int row, int column,const QModelIndex &parent = QModelIndex()) const override;

    Q_INVOKABLE void removeRows(int row,int count);
-    Q_INVOKABLE void insertRows(int row,QList<FluNode*> data);
+    Q_INVOKABLE void insertRows(int row,QList<FluTreeNode*> data);
    Q_INVOKABLE QObject* getRow(int row);
-    Q_INVOKABLE void setData(QList<FluNode*> data);
+    Q_INVOKABLE void setData(QList<FluTreeNode*> data);
    Q_INVOKABLE void setDataSource(QList<QMap<QString,QVariant>> data);
    Q_INVOKABLE void collapse(int row);
    Q_INVOKABLE void expand(int row);
    Q_INVOKABLE void dragAndDrop(int dragIndex,int dropIndex,bool isDropTopArea);
-    Q_INVOKABLE FluNode* getNode(int row);
+    Q_INVOKABLE FluTreeNode* getNode(int row);
    Q_INVOKABLE void refreshNode(int row);
    Q_INVOKABLE void checkRow(int row,bool checked);
    Q_INVOKABLE bool hitHasChildrenExpanded(int row);
    Q_INVOKABLE void allExpand();
    Q_INVOKABLE void allCollapse();
 private:
-    QList<FluNode*> _rows;
-    QList<FluNode*> _dataSource;
-    FluNode* _root = nullptr;
+    QList<FluTreeNode*> _rows;
+    QList<FluTreeNode*> _dataSource;
+    FluTreeNode* _root = nullptr;
 };

 #endif // FLUTREEMODEL_H
--- a/src/FluentUI.cpp
+++ b/src/FluentUI.cpp
@ -126,6 +126,7 @@ void FluentUI::registerTypes(const char *uri){
    qmlRegisterType(QUrl("qrc:/qt/qml/FluentUI/Controls/FluEvent.qml"),uri,major,minor,"FluEvent");
    qmlRegisterType(QUrl("qrc:/qt/qml/FluentUI/Controls/FluSheet.qml"),uri,major,minor,"FluSheet");
    qmlRegisterType(QUrl("qrc:/qt/qml/FluentUI/Controls/FluGroupBox.qml"),uri,major,minor,"FluGroupBox");
+    qmlRegisterType(QUrl("qrc:/qt/qml/FluentUI/Controls/FluControlBackground.qml"),uri,major,minor,"FluControlBackground");
    qmlRegisterSingletonType(QUrl("qrc:/qt/qml/FluentUI/Controls/FluRouter.qml"),uri,major,minor,"FluRouter");
    qmlRegisterSingletonType(QUrl("qrc:/qt/qml/FluentUI/Controls/FluEventBus.qml"),uri,major,minor,"FluEventBus");

@ -148,11 +149,6 @@ void FluentUI::registerTypes(const char *uri){
 }

 void FluentUI::initializeEngine(QQmlEngine *engine, const char *uri){
-#ifdef Q_OS_WIN
-    QFont font;
-    font.setFamily("微软雅黑");
-    QGuiApplication::setFont(font);
-#endif
    engine->rootContext()->setContextProperty("FluApp",FluApp::getInstance());
    engine->rootContext()->setContextProperty("FluColors",FluColors::getInstance());
    engine->rootContext()->setContextProperty("FluTheme",FluTheme::getInstance());
--- a/src/Qt5/imports/FluentUI/Controls/FluButton.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluButton.qml
@ -7,7 +7,7 @@ Button {
    property string contentDescription: ""
    property color normalColor: FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(254/255,254/255,254/255,1)
    property color hoverColor: FluTheme.dark ? Qt.rgba(68/255,68/255,68/255,1) : Qt.rgba(246/255,246/255,246/255,1)
-    property color disableColor: FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(244/255,244/255,244/255,1)
+    property color disableColor: FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(251/255,251/255,251/255,1)
    property color dividerColor: FluTheme.dark ? Qt.rgba(80/255,80/255,80/255,1) : Qt.rgba(233/255,233/255,233/255,1)
    property color textColor: {
        if(FluTheme.dark){
@ -38,18 +38,17 @@ Button {
    horizontalPadding:12
    font:FluTextStyle.Body
    focusPolicy:Qt.TabFocus
-    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
-        border.color: control.dividerColor
-        border.width: 1
+    background: FluControlBackground{
+        implicitWidth: 30
+        implicitHeight: 30
        radius: 4
-        color:{
+        color: {
            if(!enabled){
                return disableColor
            }
            return hovered ? hoverColor :normalColor
        }
+        shadow: !pressed && enabled
        FluFocusRectangle{
            visible: control.activeFocus
            radius:4
--- a/src/Qt5/imports/FluentUI/Controls/FluCalendarPicker.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluCalendarPicker.qml
@ -449,7 +449,7 @@ FluButton {
                                DayOfWeekRow {
                                    id: dayOfWeekRow
                                    locale: FluApp.locale
-                                    font.bold: false
+                                    font: FluTextStyle.Body
                                    delegate: Label {
                                        text: model.shortName
                                        font: dayOfWeekRow.font
--- a/src/Qt5/imports/FluentUI/Controls/FluComboBox.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluComboBox.qml
@ -45,7 +45,7 @@ T.ComboBox {
        topPadding: 6 - control.padding
        bottomPadding: 6 - control.padding
        renderType: FluTheme.nativeText ? Text.NativeRendering : Text.QtRendering
-        selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+        selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
        selectedTextColor: color
        text: control.editable ? control.editText : control.displayText
        enabled: control.editable
@ -62,12 +62,14 @@ T.ComboBox {
        validator: control.validator
        selectByMouse: true
        verticalAlignment: Text.AlignVCenter
-        leftInset:1
-        topInset:1
-        bottomInset:1
-        rightInset:1
        background: FluTextBoxBackground{
-            borderWidth: 0
+            border.width: 1
+            bottomMargin: {
+                if(!control.editable){
+                    return 1
+                }
+                return contentItem && contentItem.activeFocus ? 2 : 1
+            }
            inputItem: contentItem
        }
        Component.onCompleted: {
--- a/src/Qt5/imports/FluentUI/Controls/FluControlBackground.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluControlBackground.qml
@ -0,0 +1,52 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import FluentUI 1.0
+
+Item{
+    id:control
+    property int radius: 4
+    property bool shadow: true
+    property alias border: d.border
+    property var bottomMargin: undefined
+    property var topMargin: undefined
+    property var leftMargin: undefined
+    property var rightMargin: undefined
+    property color color: FluTheme.dark ? Qt.rgba(42/255,42/255,42/255,1) : Qt.rgba(254/255,254/255,254/255,1)
+    property alias gradient : rect_border.gradient
+    Rectangle{
+        id:d
+        property color startColor: Qt.lighter(d.border.color,1.25)
+        property color endColor: shadow ? control.border.color : startColor
+        visible: false
+        border.color: FluTheme.dark ? Qt.rgba(48/255,48/255,48/255,1) : Qt.rgba(188/255,188/255,188/255,1)
+    }
+    Rectangle{
+        id:rect_border
+        anchors.fill: parent
+        radius: control.radius
+        gradient: Gradient {
+            GradientStop { position: 0.0; color: d.startColor }
+            GradientStop { position: 1 - 3/control.height; color: d.startColor }
+            GradientStop { position: 1.0; color: d.endColor}
+        }
+    }
+    Rectangle{
+        id:rect_back
+        anchors{
+            fill: parent
+            margins: control.border.width
+            topMargin: control.topMargin
+            bottomMargin: control.bottomMargin
+            leftMargin: control.leftMargin
+            rightMargin: control.rightMargin
+        }
+        Behavior on anchors.bottomMargin {
+            NumberAnimation{
+                easing.type: Easing.OutCubic
+                duration: 167
+            }
+        }
+        radius: control.radius
+        color: control.color
+    }
+}
--- a/src/Qt5/imports/FluentUI/Controls/FluCopyableText.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluCopyableText.qml
@ -17,7 +17,7 @@ TextEdit {
    selectByMouse: true
    selectedTextColor: color
    bottomPadding: 0
-    selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+    selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
    font:FluTextStyle.Body
    onSelectedTextChanged: {
        control.forceActiveFocus()
--- a/src/Qt5/imports/FluentUI/Controls/FluDatePicker.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluDatePicker.qml
@ -42,7 +42,7 @@ FluButton {
        id:divider_1
        width: 1
        x:  parent.width/3
-        height: parent.height
+        height: parent.height - 1
        color: control.dividerColor
        visible: showYear
    }
@ -50,7 +50,7 @@ FluButton {
        id:divider_2
        width: 1
        x: showYear ? parent.width*2/3 :  parent.width/2
-        height: parent.height
+        height: parent.height - 1
        color: control.dividerColor
    }
    FluText{
--- a/src/Qt5/imports/FluentUI/Controls/FluDropDownButton.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluDropDownButton.qml
@ -3,75 +3,21 @@ import QtQuick.Controls 2.15
 import QtQuick.Window 2.15
 import FluentUI 1.0

-Button {
-    property bool disabled: false
-    property string contentDescription: ""
-    property color normalColor: FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(254/255,254/255,254/255,1)
-    property color hoverColor: FluTheme.dark ? Qt.rgba(68/255,68/255,68/255,1) : Qt.rgba(246/255,246/255,246/255,1)
-    property color disableColor: FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(244/255,244/255,244/255,1)
-    property color textColor: {
-        if(FluTheme.dark){
-            if(!enabled){
-                return Qt.rgba(131/255,131/255,131/255,1)
-            }
-            if(pressed){
-                return Qt.rgba(162/255,162/255,162/255,1)
-            }
-            return Qt.rgba(1,1,1,1)
-        }else{
-            if(!enabled){
-                return Qt.rgba(160/255,160/255,160/255,1)
-            }
-            if(pressed){
-                return Qt.rgba(96/255,96/255,96/255,1)
-            }
-            return Qt.rgba(0,0,0,1)
-        }
-    }
-    property var window : Window.window
-    default property alias contentData: menu.contentData
-    Accessible.role: Accessible.Button
-    Accessible.name: control.text
-    Accessible.description: contentDescription
-    Accessible.onPressAction: control.clicked()
+FluButton {
    id: control
+    default property alias contentData: menu.contentData
    rightPadding:35
-    enabled: !disabled
-    focusPolicy:Qt.TabFocus
    verticalPadding: 0
    horizontalPadding:12
-    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
-        border.color: FluTheme.dark ? "#505050" : "#DFDFDF"
-        border.width: 1
-        radius: 4
-        FluFocusRectangle{
-            visible: control.activeFocus
-            radius:8
+    FluIcon{
+        iconSource:FluentIcons.ChevronDown
+        iconSize: 15
+        anchors{
+            right: parent.right
+            rightMargin: 10
+            verticalCenter: parent.verticalCenter
        }
-        color:{
-            if(!enabled){
-                return disableColor
-            }
-            return hovered ? hoverColor :normalColor
-        }
-        FluIcon{
-            iconSource:FluentIcons.ChevronDown
-            iconSize: 15
-            anchors{
-                right: parent.right
-                rightMargin: 10
-                verticalCenter: parent.verticalCenter
-            }
-            iconColor:title.color
-        }
-    }
-    contentItem: FluText {
-        id:title
-        text: control.text
-        verticalAlignment: Text.AlignVCenter
-        color: control.textColor
+        iconColor:control.textColor
    }
    onClicked: {
        if(menu.count !==0){
--- a/src/Qt5/imports/FluentUI/Controls/FluExpander.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluExpander.qml
@ -26,8 +26,8 @@ Item {
        width: parent.width
        height: 45
        radius: 4
-        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.color: FluTheme.dividerColor
+        color: FluTheme.dark ? Window.active ?  Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
        MouseArea{
            id:control_mouse
            anchors.fill: parent
@ -90,7 +90,7 @@ Item {
            radius: 4
            clip: true
            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)
+            border.color: FluTheme.dividerColor
            anchors.topMargin: -contentHeight
            states: [
                State{
--- a/src/Qt5/imports/FluentUI/Controls/FluFilledButton.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluFilledButton.qml
@ -29,37 +29,26 @@ Button {
    font:FluTextStyle.Body
    verticalPadding: 0
    horizontalPadding:12
-    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
+    background: FluControlBackground{
+        implicitWidth: 30
+        implicitHeight: 30
        radius: 4
+        bottomMargin: enabled ? 2 : 0
+        border.width: enabled ? 1 : 0
+        border.color: enabled ? Qt.darker(control.normalColor,1.2) : disableColor
+        color:{
+            if(!enabled){
+                return disableColor
+            }
+            if(pressed){
+                return pressedColor
+            }
+            return hovered ? hoverColor :normalColor
+        }
        FluFocusRectangle{
            visible: control.visualFocus
            radius:4
        }
-        gradient: Gradient {
-            GradientStop { position: 0.33; color: control.enabled ? control.normalColor : Qt.rgba(0,0,0,0) }
-            GradientStop { position: 1.0; color: control.enabled ? Qt.darker(control.normalColor,1.3) : Qt.rgba(0,0,0,0) }
-        }
-        Rectangle{
-            radius: parent.radius
-            anchors{
-                fill: parent
-                topMargin: control.enabled ? 0 : 0
-                leftMargin: control.enabled ? 1 : 0
-                rightMargin: control.enabled ? 1 : 0
-                bottomMargin: control.enabled ? 2 : 0
-            }
-            color:{
-                if(!enabled){
-                    return disableColor
-                }
-                if(pressed){
-                    return pressedColor
-                }
-                return hovered ? hoverColor :normalColor
-            }
-        }
    }
    contentItem: FluText {
        text: control.text
--- a/src/Qt5/imports/FluentUI/Controls/FluFrame.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluFrame.qml
@ -18,7 +18,7 @@ T.Frame {
    background: Rectangle {
        id:d
        radius: 4
-        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)
-        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.dividerColor
+        color: FluTheme.dark ? Window.active ?  Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(251/255,251/255,253/255,1)
    }
 }
--- a/src/Qt5/imports/FluentUI/Controls/FluMenu.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluMenu.qml
@ -51,9 +51,9 @@ T.Menu {
        FluShadow{}
    }
    T.Overlay.modal: Rectangle {
-        color: FluTools.colorAlpha(control.palette.shadow, 0.5)
+        color: FluTools.withOpacity(control.palette.shadow, 0.5)
    }
    T.Overlay.modeless: Rectangle {
-        color: FluTools.colorAlpha(control.palette.shadow, 0.12)
+        color: FluTools.withOpacity(control.palette.shadow, 0.12)
    }
 }
--- a/src/Qt5/imports/FluentUI/Controls/FluMultilineTextBox.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluMultilineTextBox.qml
@ -25,7 +25,7 @@ TextArea{
    leftPadding: padding+4
    renderType: FluTheme.nativeText ? Text.NativeRendering : Text.QtRendering
    selectedTextColor: color
-    selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+    selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
    placeholderTextColor: {
        if(!enabled){
            return placeholderDisableColor
--- a/src/Qt5/imports/FluentUI/Controls/FluPasswordBox.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluPasswordBox.qml
@ -25,7 +25,7 @@ TextField{
    leftPadding: padding+4
    echoMode:btn_reveal.pressed ? TextField.Normal : TextField.Password
    renderType: FluTheme.nativeText ? Text.NativeRendering : Text.QtRendering
-    selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+    selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
    selectedTextColor: color
    placeholderTextColor: {
        if(!enabled){
--- a/src/Qt5/imports/FluentUI/Controls/FluPivot.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluPivot.qml
@ -7,19 +7,18 @@ Page {
    property alias currentIndex: nav_list.currentIndex
    property color textNormalColor: FluTheme.dark ? FluColors.Grey120 : FluColors.Grey120
    property color textHoverColor: FluTheme.dark ? FluColors.Grey10 : FluColors.Black
-    property int textSize: 28
-    property bool textBold: true
    property int textSpacing: 10
    property int headerSpacing: 20
    property int headerHeight: 40
    id:control
    width: 400
    height: 300
+    font: FluTextStyle.Title
    implicitHeight: height
    implicitWidth: width
    FluObject{
        id:d
-        property int tabY: control.headerHeight/2+control.textSize/2 + 3
+        property int tabY: control.headerHeight/2+control.font.pixelSize/2 + 3
    }
    background:Item{}
    header:ListView{
@ -65,8 +64,7 @@ Page {
                    id:item_title
                    text: modelData.title
                    anchors.centerIn: parent
-                    font.pixelSize: control.textSize
-                    font.bold: control.textBold
+                    font: control.font
                    color: {
                        if(item_button.hovered)
                            return textHoverColor
--- a/src/Qt5/imports/FluentUI/Controls/FluPopup.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluPopup.qml
@ -11,7 +11,7 @@ Popup {
    parent: Overlay.overlay
    x: Math.round((d.parentWidth - width) / 2)
    y: Math.round((d.parentHeight - height) / 2)
-    closePolicy: Popup.CloseOnEscape
+    closePolicy: Popup.NoAutoClose
    enter: Transition {
        NumberAnimation {
            property: "opacity"
--- a/src/Qt5/imports/FluentUI/Controls/FluProgressButton.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluProgressButton.qml
@ -2,14 +2,13 @@ import QtQuick 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0

-Button {
+FluButton {
    property real progress
-    property bool disabled: false
-    property string contentDescription: ""
    QtObject{
        id:d
-        property bool checked: (rect_back.height === background.height) && (progress === 1)
+        property bool checked: (Number(rect_back.height) === Number(background.height)) && (progress === 1)
    }
+    id: control
    property color normalColor: {
        if(d.checked){
            return FluTheme.primaryColor
@ -32,59 +31,50 @@ Button {
        }
    }
    property color pressedColor: FluTheme.dark ? Qt.darker(normalColor,1.2) : Qt.lighter(normalColor,1.2)
-    Accessible.role: Accessible.Button
-    Accessible.name: control.text
-    Accessible.description: contentDescription
-    Accessible.onPressAction: control.clicked()
-    focusPolicy:Qt.TabFocus
-    id: control
-    enabled: !disabled
-    verticalPadding: 0
-    horizontalPadding:12
-    background: FluClip{
-        implicitWidth: 28
-        implicitHeight: 28
-        radius: [4,4,4,4]
-        Rectangle{
-            anchors.fill: parent
-            border.color: FluTheme.dark ? "#505050" : "#DFDFDF"
-            border.width: d.checked ? 0 : 1
-            radius: 4
-            color:{
-                if(!enabled){
-                    return disableColor
-                }
-                if(d.checked){
-                    if(pressed){
-                        return pressedColor
-                    }
-                }
-                return hovered ? hoverColor :normalColor
+    background: FluControlBackground{
+        implicitWidth: 30
+        implicitHeight: 30
+        radius: 4
+        border.color: FluTheme.dark ? Qt.rgba(48/255,48/255,48/255,1) : Qt.rgba(188/255,188/255,188/255,1)
+        border.width: d.checked ? 0 : 1
+        color:{
+            if(!enabled){
+                return disableColor
            }
+            if(d.checked){
+                if(pressed){
+                    return pressedColor
+                }
+            }
+            return hovered ? hoverColor :normalColor
        }
-        Rectangle{
-            id:rect_back
-            width: parent.width  * control.progress
-            height: control.progress === 1 ? background.height : 3
-            visible: !d.checked
-            color: FluTheme.primaryColor
-            anchors.bottom: parent.bottom
-            Behavior on height{
-                enabled: control.progress !== 0
-                SequentialAnimation {
-                    PauseAnimation {
-                        duration: FluTheme.animationEnabled ? 167 : 0
-                    }
-                    NumberAnimation{
-                        duration: FluTheme.animationEnabled ? 167 : 0
-                        from: 3
-                        to: background.height
+        FluClip{
+            anchors.fill: parent
+            radius: [4,4,4,4]
+            Rectangle{
+                id:rect_back
+                width: parent.width  * control.progress
+                height: control.progress === 1 ? background.height : 3
+                visible: !d.checked
+                color: FluTheme.primaryColor
+                anchors.bottom: parent.bottom
+                Behavior on height{
+                    enabled: control.progress !== 0
+                    SequentialAnimation {
+                        PauseAnimation {
+                            duration: FluTheme.animationEnabled ? 167 : 0
+                        }
+                        NumberAnimation{
+                            duration: FluTheme.animationEnabled ? 167 : 0
+                            from: 3
+                            to: background.height
+                        }
                    }
                }
-            }
-            Behavior on width{
-                NumberAnimation{
-                    duration: 167
+                Behavior on width{
+                    NumberAnimation{
+                        duration: 167
+                    }
                }
            }
        }
--- a/src/Qt5/imports/FluentUI/Controls/FluShadow.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluShadow.qml
@ -5,7 +5,7 @@ import FluentUI 1.0
 Item {
    //高性能阴影！！！比DropShadow阴影性能高出数倍！！！
    property color color: FluTheme.dark ? "#AAAAAA" : "#999999"
-    property int elevation: 6
+    property int elevation: 5
    property int radius: 4
    id:control
    anchors.fill: parent
--- a/src/Qt5/imports/FluentUI/Controls/FluShortcutPicker.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluShortcutPicker.qml
@ -131,10 +131,9 @@ FluIconButton {
            width: Math.max(item_text.implicitWidth+12,28)
            height: Math.max(item_text.implicitHeight,28)
            radius: 4
-            Text{
+            FluText{
                id:item_text
                color: FluTheme.dark ? Qt.rgba(0,0,0,1)  : Qt.rgba(1,1,1,1)
-                font.pixelSize: 13
                text: keyText
                anchors.centerIn: parent
            }
--- a/src/Qt5/imports/FluentUI/Controls/FluSpinBox.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluSpinBox.qml
@ -39,7 +39,7 @@ T.SpinBox {
            }
            return normalColor
        }
-        selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+        selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
        selectedTextColor: color
        horizontalAlignment: Qt.AlignHCenter
        verticalAlignment: Qt.AlignVCenter
--- a/src/Qt5/imports/FluentUI/Controls/FluTableView.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluTableView.qml
@ -5,16 +5,17 @@ import Qt.labs.qmlmodels 1.0
 import FluentUI 1.0

 Rectangle {
+    readonly property alias rows: table_view.rows
+    readonly property alias columns: table_view.columns
+    readonly property alias current: d.current
+    readonly property alias sourceModel: table_model
    property var columnSource
    property var dataSource
-    property color borderColor: FluTheme.dark ? "#252525" : "#e4e4e4"
-    property alias rows: table_view.rows
-    property alias columns: table_view.columns
+    property color borderColor: FluTheme.dark ? Qt.rgba(37/255,37/255,37/255,1) : Qt.rgba(228/255,228/255,228/255,1)
    property bool horizonalHeaderVisible: true
    property bool verticalHeaderVisible: true
    property color selectedBorderColor: FluTheme.primaryColor
-    property color selectedColor: FluTools.colorAlpha(FluTheme.primaryColor,0.3)
-    property alias sourceModel: table_model
+    property color selectedColor: FluTools.withOpacity(FluTheme.primaryColor,0.3)
    id:control
    color: FluTheme.dark ? Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
    onColumnSourceChanged: {
@ -379,7 +380,7 @@ Rectangle {
            model: table_sort_model
            clip: true
            onRowsChanged: {
-                closeEditor()
+                control.closeEditor()
            }
            delegate: com_table_delegate
            FluLoader{
@ -492,7 +493,7 @@ Rectangle {
                }
                onClicked:
                    (event)=>{
-                        closeEditor()
+                        control.closeEditor()
                    }
            }
            FluLoader{
@ -623,7 +624,7 @@ Rectangle {
                }
                onClicked:
                    (event)=>{
-                        closeEditor()
+                        control.closeEditor()
                    }
            }
            MouseArea{
--- a/src/Qt5/imports/FluentUI/Controls/FluTextBox.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluTextBox.qml
@ -25,7 +25,7 @@ TextField{
    }
    font:FluTextStyle.Body
    renderType: FluTheme.nativeText ? Text.NativeRendering : Text.QtRendering
-    selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+    selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
    selectedTextColor: color
    placeholderTextColor: {
        if(!enabled){
--- a/src/Qt5/imports/FluentUI/Controls/FluTextBoxBackground.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluTextBoxBackground.qml
@ -2,55 +2,38 @@ import QtQuick 2.15
 import QtQuick.Controls 2.15
 import FluentUI 1.0

-FluClip{
+FluControlBackground{
    property Item inputItem
-    property int borderWidth: 1
    id:control
-    radius: [4,4,4,4]
-    Rectangle{
-        radius: 4
-        anchors.fill: parent
-        color: {
-            if(inputItem && inputItem.disabled){
-                return FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(252/255,252/255,252/255,1)
-            }
-            if(inputItem && inputItem.activeFocus){
-                return FluTheme.dark ? Qt.rgba(36/255,36/255,36/255,1) : Qt.rgba(1,1,1,1)
-            }
-            if(inputItem && inputItem.hovered){
-                return FluTheme.dark ? Qt.rgba(68/255,68/255,68/255,1) : Qt.rgba(251/255,251/255,251/255,1)
-            }
-            return FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(1,1,1,1)
+    color: {
+        if(inputItem && inputItem.disabled){
+            return FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(252/255,252/255,252/255,1)
        }
-        border.width: control.borderWidth
-        border.color: {
-            if(inputItem && inputItem.disabled){
-                return FluTheme.dark ? Qt.rgba(73/255,73/255,73/255,1) : Qt.rgba(237/255,237/255,237/255,1)
-            }
-            return FluTheme.dark ? Qt.rgba(76/255,76/255,76/255,1) : Qt.rgba(240/255,240/255,240/255,1)
+        if(inputItem && inputItem.activeFocus){
+            return FluTheme.dark ? Qt.rgba(36/255,36/255,36/255,1) : Qt.rgba(1,1,1,1)
        }
+        if(inputItem && inputItem.hovered){
+            return FluTheme.dark ? Qt.rgba(68/255,68/255,68/255,1) : Qt.rgba(251/255,251/255,251/255,1)
+        }
+        return FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(1,1,1,1)
    }
-    Rectangle{
-        width: parent.width
-        height: inputItem && inputItem.activeFocus ? 2 : 1
-        anchors.bottom: parent.bottom
-        visible: !(inputItem && inputItem.disabled)
-        color: {
-            if(inputItem && inputItem.activeFocus){
-                return FluTheme.primaryColor
-            }
-            if(FluTheme.dark){
-                return Qt.rgba(166/255,166/255,166/255,1)
-            }else{
-                return Qt.rgba(134/255,134/255,134/255,1)
-            }
-        }
-        Behavior on height{
-            enabled: FluTheme.animationEnabled
-            NumberAnimation{
-                duration: 83
-                easing.type: Easing.OutCubic
+    border.width: 1
+    gradient: Gradient {
+        GradientStop { position: 0.0; color: d.startColor }
+        GradientStop { position: 1 - d.offsetSize/control.height; color: d.startColor }
+        GradientStop { position: 1 - 1/control.height; color: d.endColor }
+        GradientStop { position: 1.0; color: d.endColor }
+    }
+    bottomMargin: inputItem && inputItem.activeFocus ? 2 : 1
+    QtObject{
+        id:d
+        property int offsetSize  : inputItem && inputItem.activeFocus ? 2 : 3
+        property color startColor: FluTheme.dark ? Qt.rgba(66/255,66/255,66/255,1) : Qt.rgba(232/255,232/255,232/255,1)
+        property color endColor: {
+            if(!control.enabled){
+                return d.startColor
            }
+            return inputItem && inputItem.activeFocus ? FluTheme.primaryColor : FluTheme.dark ? Qt.rgba(123/255,123/255,123/255,1) : Qt.rgba(132/255,132/255,132/255,1)
        }
    }
 }
--- a/src/Qt5/imports/FluentUI/Controls/FluTextButton.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluTextButton.qml
@ -28,8 +28,8 @@ Button {
    enabled: !disabled
    font:FluTextStyle.Body
    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
+        implicitWidth: 30
+        implicitHeight: 30
        radius: 4
        color: {
            if(!enabled){
--- a/src/Qt5/imports/FluentUI/Controls/FluTimePicker.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluTimePicker.qml
@ -58,14 +58,14 @@ FluButton {
        id: divider_1
        width: 1
        x: isH ? parent.width/3 : parent.width/2
-        height: parent.height
+        height: parent.height - 1
        color: dividerColor
    }
    Rectangle{
        id: divider_2
        width: 1
        x: parent.width*2/3
-        height: parent.height
+        height: parent.height - 1
        color: dividerColor
        visible: isH
    }
--- a/src/Qt5/imports/FluentUI/Controls/FluToggleButton.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluToggleButton.qml
@ -23,7 +23,7 @@ Button {
        if(checked){
            return FluTheme.dark ? Qt.rgba(82/255,82/255,82/255,1) : Qt.rgba(199/255,199/255,199/255,1)
        }else{
-            return FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(244/255,244/255,244/255,1)
+            return FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(251/255,251/255,251/255,1)
        }
    }
    property var clickListener : function(){
@ -45,45 +45,52 @@ Button {
        }
    }
    onClicked: clickListener()
-    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
+    background: FluControlBackground{
+        implicitWidth: 30
+        implicitHeight: 30
        radius: 4
        FluFocusRectangle{
            visible: control.activeFocus
            radius:4
        }
-        gradient: Gradient {
-            GradientStop { position: 0.33; color: control.enabled ? control.normalColor : Qt.rgba(0,0,0,0) }
-            GradientStop { position: 1.0; color: control.enabled ? Qt.darker(control.normalColor,1.3) : Qt.rgba(0,0,0,0) }
-        }
-        Rectangle{
-            radius: parent.radius
-            anchors{
-                fill: parent
-                topMargin: checked && enabled ? 0 : 0
-                leftMargin: checked && enabled ? 1 : 0
-                rightMargin: checked && enabled ? 1 : 0
-                bottomMargin: checked && enabled ? 2 : 0
+        color:{
+            if(!enabled){
+                return disableColor
            }
-            color:{
-                if(!enabled){
-                    return disableColor
+            if(checked){
+                if(pressed){
+                    return pressedColor
                }
-                if(checked){
-                    if(pressed){
-                        return pressedColor
-                    }
-                }
-                return hovered ? hoverColor :normalColor
+            }
+            return hovered ? hoverColor :normalColor
+        }
+        bottomMargin: {
+            if(checked){
+                return enabled ? 2 : 0
+            }else{
+                return 1
            }
        }
-        Rectangle{
-            color:"#00000000"
-            anchors.fill: parent
-            border.color: FluTheme.dark ? "#505050" : "#DFDFDF"
-            border.width: checked ? 0 : 1
-            radius: parent.radius
+        border.width: {
+            if(checked){
+                return enabled ? 1 : 0
+            }else{
+                return 1
+            }
+        }
+        shadow: {
+            if(checked){
+                return true
+            }else{
+                return !pressed && enabled
+            }
+        }
+        border.color: {
+            if(checked){
+                return enabled ? Qt.darker(control.normalColor,1.2) : disableColor
+            }else{
+                return FluTheme.dark ? Qt.rgba(48/255,48/255,48/255,1) : Qt.rgba(188/255,188/255,188/255,1)
+            }
        }
    }
    contentItem: FluText {
--- a/src/Qt5/imports/FluentUI/Controls/FluWindow.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluWindow.qml
@ -43,9 +43,9 @@ Window {
    property bool useSystemAppBar
    property color resizeBorderColor: {
        if(window.active){
-            return FluTheme.dark ? "#333333" : "#6E6E6E"
+            return FluTheme.dark ? Qt.rgba(51/255,51/255,51/255,1) : Qt.rgba(110/255,110/255,110/255,1)
        }
-        return FluTheme.dark ? "#3D3D3E" : "#A7A7A7"
+        return FluTheme.dark ? Qt.rgba(61/255,61/255,61/255,1) : Qt.rgba(167/255,167/255,167/255,1)
    }
    property int resizeBorderWidth: 1
    property var closeListener: function(event){
@ -65,7 +65,7 @@ Window {
    Component.onCompleted: {
        FluRouter.addWindow(window)
        useSystemAppBar = FluApp.useSystemAppBar
-        if(useSystemAppBar && autoCenter){
+        if(!useSystemAppBar && autoCenter){
            moveWindowToDesktopCenter()
        }
        fixWindowSize()
--- a/src/Qt5/imports/FluentUI/plugins.qmltypes
+++ b/src/Qt5/imports/FluentUI/plugins.qmltypes
@ -85,6 +85,7 @@ Module {
            name: "setHitTestVisible"
            Parameter { type: "QQuickItem"; isPointer: true }
        }
+        Method { name: "onDestruction" }
    }
    Component {
        name: "FluNavigationViewType"
@ -272,7 +273,7 @@ Module {
        exports: ["FluentUI/FluTreeModel 1.0"]
        exportMetaObjectRevisions: [0]
        Property { name: "dataSourceSize"; type: "int" }
-        Property { name: "selectionModel"; type: "QList<FluNode*>" }
+        Property { name: "selectionModel"; type: "QList<FluTreeNode*>" }
        Method {
            name: "removeRows"
            Parameter { name: "row"; type: "int" }
@ -281,7 +282,7 @@ Module {
        Method {
            name: "insertRows"
            Parameter { name: "row"; type: "int" }
-            Parameter { name: "data"; type: "QList<FluNode*>" }
+            Parameter { name: "data"; type: "QList<FluTreeNode*>" }
        }
        Method {
            name: "getRow"
@ -290,7 +291,7 @@ Module {
        }
        Method {
            name: "setData"
-            Parameter { name: "data"; type: "QList<FluNode*>" }
+            Parameter { name: "data"; type: "QList<FluTreeNode*>" }
        }
        Method {
            name: "setDataSource"
@ -305,14 +306,14 @@ Module {
            Parameter { name: "row"; type: "int" }
        }
        Method {
-            name: "dragAnddrop"
+            name: "dragAndDrop"
            Parameter { name: "dragIndex"; type: "int" }
            Parameter { name: "dropIndex"; type: "int" }
            Parameter { name: "isDropTopArea"; type: "bool" }
        }
        Method {
            name: "getNode"
-            type: "FluNode*"
+            type: "FluTreeNode*"
            Parameter { name: "row"; type: "int" }
        }
        Method {
@ -322,7 +323,7 @@ Module {
        Method {
            name: "checkRow"
            Parameter { name: "row"; type: "int" }
-            Parameter { name: "chekced"; type: "bool" }
+            Parameter { name: "checked"; type: "bool" }
        }
        Method {
            name: "hitHasChildrenExpanded"
@ -2512,6 +2513,23 @@ Module {
        defaultProperty: "data"
        Property { name: "contentDescription"; type: "string" }
    }
+    Component {
+        prototype: "QQuickItem"
+        name: "FluentUI/FluControlBackground 1.0"
+        exports: ["FluentUI/FluControlBackground 1.0"]
+        exportMetaObjectRevisions: [0]
+        isComposite: true
+        defaultProperty: "data"
+        Property { name: "radius"; type: "int" }
+        Property { name: "shadow"; type: "bool" }
+        Property { name: "bottomMargin"; type: "QVariant" }
+        Property { name: "topMargin"; type: "QVariant" }
+        Property { name: "leftMargin"; type: "QVariant" }
+        Property { name: "rightMargin"; type: "QVariant" }
+        Property { name: "color"; type: "QColor" }
+        Property { name: "border"; type: "QQuickPen"; isReadonly: true; isPointer: true }
+        Property { name: "gradient"; type: "QJSValue" }
+    }
    Component {
        prototype: "QQuickTextEdit"
        name: "FluentUI/FluCopyableText 1.0"
@ -2580,14 +2598,14 @@ Module {
        exportMetaObjectRevisions: [0]
        isComposite: true
        defaultProperty: "contentData"
+        Property { name: "contentData"; type: "QObject"; isList: true; isReadonly: true }
        Property { name: "disabled"; type: "bool" }
        Property { name: "contentDescription"; type: "string" }
        Property { name: "normalColor"; type: "QColor" }
        Property { name: "hoverColor"; type: "QColor" }
        Property { name: "disableColor"; type: "QColor" }
+        Property { name: "dividerColor"; type: "QColor" }
        Property { name: "textColor"; type: "QColor" }
-        Property { name: "window"; type: "QVariant" }
-        Property { name: "contentData"; type: "QObject"; isList: true; isReadonly: true }
    }
    Component {
        prototype: "QObject"
@ -2914,15 +2932,15 @@ Module {
        defaultProperty: "data"
        Property { name: "logo"; type: "QUrl" }
        Property { name: "title"; type: "string" }
-        Property { name: "items"; type: "FluObject_QMLTYPE_134"; isPointer: true }
-        Property { name: "footerItems"; type: "FluObject_QMLTYPE_134"; isPointer: true }
+        Property { name: "items"; type: "FluObject_QMLTYPE_137"; isPointer: true }
+        Property { name: "footerItems"; type: "FluObject_QMLTYPE_137"; isPointer: true }
        Property { name: "displayMode"; type: "int" }
        Property { name: "autoSuggestBox"; type: "QQmlComponent"; isPointer: true }
        Property { name: "actionItem"; type: "QQmlComponent"; isPointer: true }
        Property { name: "topPadding"; type: "int" }
        Property { name: "pageMode"; type: "int" }
-        Property { name: "navItemRightMenu"; type: "FluMenu_QMLTYPE_42"; isPointer: true }
-        Property { name: "navItemExpanderRightMenu"; type: "FluMenu_QMLTYPE_42"; isPointer: true }
+        Property { name: "navItemRightMenu"; type: "FluMenu_QMLTYPE_38"; isPointer: true }
+        Property { name: "navItemExpanderRightMenu"; type: "FluMenu_QMLTYPE_38"; isPointer: true }
        Property { name: "navCompactWidth"; type: "int" }
        Property { name: "navTopMargin"; type: "int" }
        Property { name: "cellHeight"; type: "int" }
@ -3121,8 +3139,6 @@ Module {
        defaultProperty: "content"
        Property { name: "textNormalColor"; type: "QColor" }
        Property { name: "textHoverColor"; type: "QColor" }
-        Property { name: "textSize"; type: "int" }
-        Property { name: "textBold"; type: "bool" }
        Property { name: "textSpacing"; type: "int" }
        Property { name: "headerSpacing"; type: "int" }
        Property { name: "headerHeight"; type: "int" }
@ -3168,12 +3184,14 @@ Module {
        isComposite: true
        defaultProperty: "data"
        Property { name: "progress"; type: "double" }
-        Property { name: "disabled"; type: "bool" }
-        Property { name: "contentDescription"; type: "string" }
        Property { name: "normalColor"; type: "QColor" }
        Property { name: "hoverColor"; type: "QColor" }
        Property { name: "disableColor"; type: "QColor" }
        Property { name: "pressedColor"; type: "QColor" }
+        Property { name: "disabled"; type: "bool" }
+        Property { name: "contentDescription"; type: "string" }
+        Property { name: "dividerColor"; type: "QColor" }
+        Property { name: "textColor"; type: "QColor" }
    }
    Component {
        prototype: "QQuickProgressBar"
@ -3518,6 +3536,7 @@ Module {
        Property { name: "selectedColor"; type: "QColor" }
        Property { name: "rows"; type: "int"; isReadonly: true }
        Property { name: "columns"; type: "int"; isReadonly: true }
+        Property { name: "current"; type: "QVariant"; isReadonly: true }
        Property { name: "sourceModel"; type: "QQmlTableModel"; isReadonly: true; isPointer: true }
        Method { name: "closeEditor"; type: "QVariant" }
        Method { name: "resetPosition"; type: "QVariant" }
@ -3590,14 +3609,22 @@ Module {
        }
    }
    Component {
-        prototype: "FluRectangle"
+        prototype: "QQuickItem"
        name: "FluentUI/FluTextBoxBackground 1.0"
        exports: ["FluentUI/FluTextBoxBackground 1.0"]
        exportMetaObjectRevisions: [0]
        isComposite: true
        defaultProperty: "data"
        Property { name: "inputItem"; type: "QQuickItem"; isPointer: true }
-        Property { name: "borderWidth"; type: "int" }
+        Property { name: "radius"; type: "int" }
+        Property { name: "shadow"; type: "bool" }
+        Property { name: "bottomMargin"; type: "QVariant" }
+        Property { name: "topMargin"; type: "QVariant" }
+        Property { name: "leftMargin"; type: "QVariant" }
+        Property { name: "rightMargin"; type: "QVariant" }
+        Property { name: "color"; type: "QColor" }
+        Property { name: "border"; type: "QQuickPen"; isReadonly: true; isPointer: true }
+        Property { name: "gradient"; type: "QJSValue" }
    }
    Component {
        prototype: "QQuickMenu"
--- a/src/Qt5/imports/FluentUI/qmldir
+++ b/src/Qt5/imports/FluentUI/qmldir
@ -19,6 +19,7 @@ FluComboBox 1.0 Controls/FluComboBox.qml
 FluContentDialog 1.0 Controls/FluContentDialog.qml
 FluContentPage 1.0 Controls/FluContentPage.qml
 FluControl 1.0 Controls/FluControl.qml
+FluControlBackground 1.0 Controls/FluControlBackground.qml
 FluCopyableText 1.0 Controls/FluCopyableText.qml
 FluDatePicker 1.0 Controls/FluDatePicker.qml
 FluDivider 1.0 Controls/FluDivider.qml
--- a/src/Qt5/imports/fluentui.qrc
+++ b/src/Qt5/imports/fluentui.qrc
@ -109,5 +109,6 @@
        <file>FluentUI/Controls/FluFrame.qml</file>
        <file>FluentUI/Controls/FluSheet.qml</file>
        <file>FluentUI/Controls/FluGroupBox.qml</file>
+        <file>FluentUI/Controls/FluControlBackground.qml</file>
    </qresource>
 </RCC>
--- a/src/Qt6/imports/FluentUI/Controls/FluButton.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluButton.qml
@ -3,12 +3,13 @@ import QtQuick.Controls
 import QtQuick.Controls.Basic
 import FluentUI

+
 Button {
    property bool disabled: false
    property string contentDescription: ""
    property color normalColor: FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(254/255,254/255,254/255,1)
    property color hoverColor: FluTheme.dark ? Qt.rgba(68/255,68/255,68/255,1) : Qt.rgba(246/255,246/255,246/255,1)
-    property color disableColor: FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(244/255,244/255,244/255,1)
+    property color disableColor: FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(251/255,251/255,251/255,1)
    property color dividerColor: FluTheme.dark ? Qt.rgba(80/255,80/255,80/255,1) : Qt.rgba(233/255,233/255,233/255,1)
    property color textColor: {
        if(FluTheme.dark){
@ -39,18 +40,17 @@ Button {
    horizontalPadding:12
    font:FluTextStyle.Body
    focusPolicy:Qt.TabFocus
-    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
-        border.color: control.dividerColor
-        border.width: 1
+    background: FluControlBackground{
+        implicitWidth: 30
+        implicitHeight: 30
        radius: 4
-        color:{
+        color: {
            if(!enabled){
                return disableColor
            }
            return hovered ? hoverColor :normalColor
        }
+        shadow: !pressed && enabled
        FluFocusRectangle{
            visible: control.activeFocus
            radius:4
--- a/src/Qt6/imports/FluentUI/Controls/FluCalendarPicker.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluCalendarPicker.qml
@ -448,7 +448,7 @@ FluButton {
                                DayOfWeekRow {
                                    id: dayOfWeekRow
                                    locale: FluApp.locale
-                                    font.bold: false
+                                    font: FluTextStyle.Body
                                    delegate: Label {
                                        text: model.shortName
                                        font: dayOfWeekRow.font
--- a/src/Qt6/imports/FluentUI/Controls/FluComboBox.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluComboBox.qml
@ -45,7 +45,7 @@ T.ComboBox {
        topPadding: 6 - control.padding
        bottomPadding: 6 - control.padding
        renderType: FluTheme.nativeText ? Text.NativeRendering : Text.QtRendering
-        selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+        selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
        selectedTextColor: color
        text: control.editable ? control.editText : control.displayText
        enabled: control.editable
@ -62,12 +62,14 @@ T.ComboBox {
        validator: control.validator
        selectByMouse: true
        verticalAlignment: Text.AlignVCenter
-        leftInset:1
-        topInset:1
-        bottomInset:1
-        rightInset:1
        background: FluTextBoxBackground{
-            borderWidth: 0
+            border.width: 1
+            bottomMargin: {
+                if(!control.editable){
+                    return 1
+                }
+                return contentItem && contentItem.activeFocus ? 2 : 1
+            }
            inputItem: contentItem
        }
        Component.onCompleted: {
--- a/src/Qt6/imports/FluentUI/Controls/FluControlBackground.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluControlBackground.qml
@ -0,0 +1,52 @@
+import QtQuick
+import QtQuick.Controls
+import FluentUI
+
+Item{
+    id:control
+    property int radius: 4
+    property bool shadow: true
+    property alias border: d.border
+    property var bottomMargin: undefined
+    property var topMargin: undefined
+    property var leftMargin: undefined
+    property var rightMargin: undefined
+    property color color: FluTheme.dark ? Qt.rgba(42/255,42/255,42/255,1) : Qt.rgba(254/255,254/255,254/255,1)
+    property alias gradient : rect_border.gradient
+    Rectangle{
+        id:d
+        property color startColor: Qt.lighter(d.border.color,1.25)
+        property color endColor: shadow ? control.border.color : startColor
+        visible: false
+        border.color: FluTheme.dark ? Qt.rgba(48/255,48/255,48/255,1) : Qt.rgba(188/255,188/255,188/255,1)
+    }
+    Rectangle{
+        id:rect_border
+        anchors.fill: parent
+        radius: control.radius
+        gradient: Gradient {
+            GradientStop { position: 0.0; color: d.startColor }
+            GradientStop { position: 1 - 3/control.height; color: d.startColor }
+            GradientStop { position: 1.0; color: d.endColor}
+        }
+    }
+    Rectangle{
+        id:rect_back
+        anchors{
+            fill: parent
+            margins: control.border.width
+            topMargin: control.topMargin
+            bottomMargin: control.bottomMargin
+            leftMargin: control.leftMargin
+            rightMargin: control.rightMargin
+        }
+        Behavior on anchors.bottomMargin {
+            NumberAnimation{
+                easing.type: Easing.OutCubic
+                duration: 167
+            }
+        }
+        radius: control.radius
+        color: control.color
+    }
+}
--- a/src/Qt6/imports/FluentUI/Controls/FluCopyableText.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluCopyableText.qml
@ -17,7 +17,7 @@ TextEdit {
    selectByMouse: true
    selectedTextColor: color
    bottomPadding: 0
-    selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+    selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
    font:FluTextStyle.Body
    onSelectedTextChanged: {
        control.forceActiveFocus()
--- a/src/Qt6/imports/FluentUI/Controls/FluDatePicker.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluDatePicker.qml
@ -41,7 +41,7 @@ FluButton {
        id:divider_1
        width: 1
        x:  parent.width/3
-        height: parent.height
+        height: parent.height-1
        color: control.dividerColor
        visible: showYear
    }
@ -49,7 +49,7 @@ FluButton {
        id:divider_2
        width: 1
        x: showYear ? parent.width*2/3 :  parent.width/2
-        height: parent.height
+        height: parent.height-1
        color: control.dividerColor
    }
    FluText{
--- a/src/Qt6/imports/FluentUI/Controls/FluDropDownButton.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluDropDownButton.qml
@ -4,75 +4,21 @@ import QtQuick.Controls.Basic
 import QtQuick.Window
 import FluentUI

-Button {
-    property bool disabled: false
-    property string contentDescription: ""
-    property color normalColor: FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(254/255,254/255,254/255,1)
-    property color hoverColor: FluTheme.dark ? Qt.rgba(68/255,68/255,68/255,1) : Qt.rgba(246/255,246/255,246/255,1)
-    property color disableColor: FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(244/255,244/255,244/255,1)
-    property color textColor: {
-        if(FluTheme.dark){
-            if(!enabled){
-                return Qt.rgba(131/255,131/255,131/255,1)
-            }
-            if(pressed){
-                return Qt.rgba(162/255,162/255,162/255,1)
-            }
-            return Qt.rgba(1,1,1,1)
-        }else{
-            if(!enabled){
-                return Qt.rgba(160/255,160/255,160/255,1)
-            }
-            if(pressed){
-                return Qt.rgba(96/255,96/255,96/255,1)
-            }
-            return Qt.rgba(0,0,0,1)
-        }
-    }
-    property var window : Window.window
-    default property alias contentData: menu.contentData
-    Accessible.role: Accessible.Button
-    Accessible.name: control.text
-    Accessible.description: contentDescription
-    Accessible.onPressAction: control.clicked()
+FluButton {
    id: control
+    default property alias contentData: menu.contentData
    rightPadding:35
-    enabled: !disabled
-    focusPolicy:Qt.TabFocus
    verticalPadding: 0
    horizontalPadding:12
-    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
-        border.color: FluTheme.dark ? "#505050" : "#DFDFDF"
-        border.width: 1
-        radius: 4
-        FluFocusRectangle{
-            visible: control.activeFocus
-            radius:8
+    FluIcon{
+        iconSource:FluentIcons.ChevronDown
+        iconSize: 15
+        anchors{
+            right: parent.right
+            rightMargin: 10
+            verticalCenter: parent.verticalCenter
        }
-        color:{
-            if(!enabled){
-                return disableColor
-            }
-            return hovered ? hoverColor :normalColor
-        }
-        FluIcon{
-            iconSource:FluentIcons.ChevronDown
-            iconSize: 15
-            anchors{
-                right: parent.right
-                rightMargin: 10
-                verticalCenter: parent.verticalCenter
-            }
-            iconColor:title.color
-        }
-    }
-    contentItem: FluText {
-        id:title
-        text: control.text
-        verticalAlignment: Text.AlignVCenter
-        color: control.textColor
+        iconColor:control.textColor
    }
    onClicked: {
        if(menu.count !==0){
--- a/src/Qt6/imports/FluentUI/Controls/FluExpander.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluExpander.qml
@ -26,8 +26,8 @@ Item {
        width: parent.width
        height: 45
        radius: 4
-        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.color: FluTheme.dividerColor
+        color: FluTheme.dark ? Window.active ?  Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
        MouseArea{
            id:control_mouse
            anchors.fill: parent
@ -90,7 +90,7 @@ Item {
            radius: 4
            clip: true
            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)
+            border.color: FluTheme.dividerColor
            anchors.topMargin: -contentHeight
            states: [
                State{
--- a/src/Qt6/imports/FluentUI/Controls/FluFilledButton.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluFilledButton.qml
@ -30,37 +30,26 @@ Button {
    font:FluTextStyle.Body
    verticalPadding: 0
    horizontalPadding:12
-    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
+    background: FluControlBackground{
+        implicitWidth: 30
+        implicitHeight: 30
        radius: 4
+        bottomMargin: enabled ? 2 : 0
+        border.width: enabled ? 1 : 0
+        border.color: enabled ? Qt.darker(control.normalColor,1.2) : disableColor
+        color:{
+            if(!enabled){
+                return disableColor
+            }
+            if(pressed){
+                return pressedColor
+            }
+            return hovered ? hoverColor :normalColor
+        }
        FluFocusRectangle{
            visible: control.visualFocus
            radius:4
        }
-        gradient: Gradient {
-            GradientStop { position: 0.33; color: control.enabled ? control.normalColor : Qt.rgba(0,0,0,0) }
-            GradientStop { position: 1.0; color: control.enabled ? Qt.darker(control.normalColor,1.3) : Qt.rgba(0,0,0,0) }
-        }
-        Rectangle{
-            radius: parent.radius
-            anchors{
-                fill: parent
-                topMargin: control.enabled ? 0 : 0
-                leftMargin: control.enabled ? 1 : 0
-                rightMargin: control.enabled ? 1 : 0
-                bottomMargin: control.enabled ? 2 : 0
-            }
-            color:{
-                if(!enabled){
-                    return disableColor
-                }
-                if(pressed){
-                    return pressedColor
-                }
-                return hovered ? hoverColor :normalColor
-            }
-        }
    }
    contentItem: FluText {
        text: control.text
--- a/src/Qt6/imports/FluentUI/Controls/FluFrame.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluFrame.qml
@ -16,7 +16,7 @@ T.Frame {
    background: Rectangle {
        id:d
        radius: 4
-        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)
-        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.dividerColor
+        color: FluTheme.dark ? Window.active ?  Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(251/255,251/255,253/255,1)
    }
 }
--- a/src/Qt6/imports/FluentUI/Controls/FluMenu.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluMenu.qml
@ -51,9 +51,9 @@ T.Menu {
        FluShadow{}
    }
    T.Overlay.modal: Rectangle {
-        color: Color.transparent(control.palette.shadow, 0.5)
+        color: FluTools.withOpacity(control.palette.shadow, 0.5)
    }
    T.Overlay.modeless: Rectangle {
-        color: Color.transparent(control.palette.shadow, 0.12)
+        color: FluTools.withOpacity(control.palette.shadow, 0.12)
    }
 }
--- a/src/Qt6/imports/FluentUI/Controls/FluMultilineTextBox.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluMultilineTextBox.qml
@ -26,7 +26,7 @@ TextArea{
    leftPadding: padding+4
    renderType: FluTheme.nativeText ? Text.NativeRendering : Text.QtRendering
    selectedTextColor: color
-    selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+    selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
    placeholderTextColor: {
        if(!enabled){
            return placeholderDisableColor
--- a/src/Qt6/imports/FluentUI/Controls/FluPasswordBox.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluPasswordBox.qml
@ -26,7 +26,7 @@ TextField{
    leftPadding: padding+4
    echoMode:btn_reveal.pressed ? TextField.Normal : TextField.Password
    renderType: FluTheme.nativeText ? Text.NativeRendering : Text.QtRendering
-    selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+    selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
    selectedTextColor: color
    placeholderTextColor: {
        if(!enabled){
--- a/src/Qt6/imports/FluentUI/Controls/FluPivot.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluPivot.qml
@ -8,19 +8,18 @@ Page {
    property alias currentIndex: nav_list.currentIndex
    property color textNormalColor: FluTheme.dark ? FluColors.Grey120 : FluColors.Grey120
    property color textHoverColor: FluTheme.dark ? FluColors.Grey10 : FluColors.Black
-    property int textSize: 28
-    property bool textBold: true
    property int textSpacing: 10
    property int headerSpacing: 20
    property int headerHeight: 40
    id:control
    width: 400
    height: 300
+    font: FluTextStyle.Title
    implicitHeight: height
    implicitWidth: width
    FluObject{
        id:d
-        property int tabY: control.headerHeight/2+control.textSize/2 + 3
+        property int tabY: control.headerHeight/2+control.font.pixelSize/2 + 3
    }
    background:Item{}
    header:ListView{
@ -66,10 +65,9 @@ Page {
                    id:item_title
                    text: modelData.title
                    anchors.centerIn: parent
-                    font.pixelSize: control.textSize
-                    font.bold: control.textBold
+                    font: control.font
                    color: {
-                        if(item_button.hovered || nav_list.currentIndex === index)
+                        if(item_button.hovered)
                            return textHoverColor
                        return textNormalColor
                    }
--- a/src/Qt6/imports/FluentUI/Controls/FluPopup.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluPopup.qml
@ -11,7 +11,7 @@ Popup {
    parent: Overlay.overlay
    x: Math.round((d.parentWidth - width) / 2)
    y: Math.round((d.parentHeight - height) / 2)
-    closePolicy: Popup.CloseOnEscape
+    closePolicy: Popup.NoAutoClose
    enter: Transition {
        NumberAnimation {
            property: "opacity"
--- a/src/Qt6/imports/FluentUI/Controls/FluProgressButton.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluProgressButton.qml
@ -3,14 +3,13 @@ import QtQuick.Controls
 import QtQuick.Controls.Basic
 import FluentUI

-Button {
+FluButton {
    property real progress
-    property bool disabled: false
-    property string contentDescription: ""
    QtObject{
        id:d
-        property bool checked: (rect_back.height === background.height) && (progress === 1)
+        property bool checked: (Number(rect_back.height) === Number(background.height)) && (progress === 1)
    }
+    id: control
    property color normalColor: {
        if(d.checked){
            return FluTheme.primaryColor
@ -33,59 +32,50 @@ Button {
        }
    }
    property color pressedColor: FluTheme.dark ? Qt.darker(normalColor,1.2) : Qt.lighter(normalColor,1.2)
-    Accessible.role: Accessible.Button
-    Accessible.name: control.text
-    Accessible.description: contentDescription
-    Accessible.onPressAction: control.clicked()
-    focusPolicy:Qt.TabFocus
-    id: control
-    enabled: !disabled
-    verticalPadding: 0
-    horizontalPadding:12
-    background: FluClip{
-        implicitWidth: 28
-        implicitHeight: 28
-        radius: [4,4,4,4]
-        Rectangle{
-            anchors.fill: parent
-            border.color: FluTheme.dark ? "#505050" : "#DFDFDF"
-            border.width: d.checked ? 0 : 1
-            radius: 4
-            color:{
-                if(!enabled){
-                    return disableColor
-                }
-                if(d.checked){
-                    if(pressed){
-                        return pressedColor
-                    }
-                }
-                return hovered ? hoverColor :normalColor
+    background: FluControlBackground{
+        implicitWidth: 30
+        implicitHeight: 30
+        radius: 4
+        border.color: FluTheme.dark ? Qt.rgba(48/255,48/255,48/255,1) : Qt.rgba(188/255,188/255,188/255,1)
+        border.width: d.checked ? 0 : 1
+        color:{
+            if(!enabled){
+                return disableColor
            }
+            if(d.checked){
+                if(pressed){
+                    return pressedColor
+                }
+            }
+            return hovered ? hoverColor :normalColor
        }
-        Rectangle{
-            id:rect_back
-            width: parent.width  * control.progress
-            height: control.progress === 1 ? background.height : 3
-            visible: !d.checked
-            color: FluTheme.primaryColor
-            anchors.bottom: parent.bottom
-            Behavior on height{
-                enabled: control.progress !== 0
-                SequentialAnimation {
-                    PauseAnimation {
-                        duration: FluTheme.animationEnabled ? 167 : 0
-                    }
-                    NumberAnimation{
-                        duration: FluTheme.animationEnabled ? 167 : 0
-                        from: 3
-                        to: background.height
+        FluClip{
+            anchors.fill: parent
+            radius: [4,4,4,4]
+            Rectangle{
+                id:rect_back
+                width: parent.width  * control.progress
+                height: control.progress === 1 ? background.height : 3
+                visible: !d.checked
+                color: FluTheme.primaryColor
+                anchors.bottom: parent.bottom
+                Behavior on height{
+                    enabled: control.progress !== 0
+                    SequentialAnimation {
+                        PauseAnimation {
+                            duration: FluTheme.animationEnabled ? 167 : 0
+                        }
+                        NumberAnimation{
+                            duration: FluTheme.animationEnabled ? 167 : 0
+                            from: 3
+                            to: background.height
+                        }
                    }
                }
-            }
-            Behavior on width{
-                NumberAnimation{
-                    duration: 167
+                Behavior on width{
+                    NumberAnimation{
+                        duration: 167
+                    }
                }
            }
        }
--- a/src/Qt6/imports/FluentUI/Controls/FluShadow.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluShadow.qml
@ -5,7 +5,7 @@ import FluentUI
 Item {
    //高性能阴影！！！比DropShadow阴影性能高出数倍！！！
    property color color: FluTheme.dark ? "#AAAAAA" : "#999999"
-    property int elevation: 6
+    property int elevation: 5
    property int radius: 4
    id:control
    anchors.fill: parent
--- a/src/Qt6/imports/FluentUI/Controls/FluShortcutPicker.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluShortcutPicker.qml
@ -131,10 +131,9 @@ FluIconButton {
            width: Math.max(item_text.implicitWidth+12,28)
            height: Math.max(item_text.implicitHeight,28)
            radius: 4
-            Text{
+            FluText{
                id:item_text
                color: FluTheme.dark ? Qt.rgba(0,0,0,1)  : Qt.rgba(1,1,1,1)
-                font.pixelSize: 13
                text: keyText
                anchors.centerIn: parent
            }
--- a/src/Qt6/imports/FluentUI/Controls/FluSpinBox.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluSpinBox.qml
@ -40,7 +40,7 @@ T.SpinBox {
            }
            return normalColor
        }
-        selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+        selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
        selectedTextColor: color
        horizontalAlignment: Qt.AlignHCenter
        verticalAlignment: Qt.AlignVCenter
--- a/src/Qt6/imports/FluentUI/Controls/FluTableView.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluTableView.qml
@ -6,16 +6,17 @@ import Qt.labs.qmlmodels
 import FluentUI

 Rectangle {
+    readonly property alias rows: table_view.rows
+    readonly property alias columns: table_view.columns
+    readonly property alias current: d.current
+    readonly property alias sourceModel: table_model
    property var columnSource
    property var dataSource
-    property color borderColor: FluTheme.dark ? "#252525" : "#e4e4e4"
-    property alias rows: table_view.rows
-    property alias columns: table_view.columns
+    property color borderColor: FluTheme.dark ? Qt.rgba(37/255,37/255,37/255,1) : Qt.rgba(228/255,228/255,228/255,1)
    property bool horizonalHeaderVisible: true
    property bool verticalHeaderVisible: true
    property color selectedBorderColor: FluTheme.primaryColor
-    property color selectedColor: FluTools.colorAlpha(FluTheme.primaryColor,0.3)
-    property alias sourceModel: table_model
+    property color selectedColor: FluTools.withOpacity(FluTheme.primaryColor,0.3)
    id:control
    color: FluTheme.dark ? Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
    onColumnSourceChanged: {
--- a/src/Qt6/imports/FluentUI/Controls/FluTextBox.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluTextBox.qml
@ -26,7 +26,7 @@ TextField{
    }
    font:FluTextStyle.Body
    renderType: FluTheme.nativeText ? Text.NativeRendering : Text.QtRendering
-    selectionColor: FluTools.colorAlpha(FluTheme.primaryColor,0.5)
+    selectionColor: FluTools.withOpacity(FluTheme.primaryColor,0.5)
    selectedTextColor: color
    placeholderTextColor: {
        if(!enabled){
--- a/src/Qt6/imports/FluentUI/Controls/FluTextBoxBackground.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluTextBoxBackground.qml
@ -2,55 +2,38 @@ import QtQuick
 import QtQuick.Controls
 import FluentUI

-FluClip{
+FluControlBackground{
    property Item inputItem
-    property int borderWidth: 1
    id:control
-    radius: [4,4,4,4]
-    Rectangle{
-        radius: 4
-        anchors.fill: parent
-        color: {
-            if(inputItem && inputItem.disabled){
-                return FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(252/255,252/255,252/255,1)
-            }
-            if(inputItem && inputItem.activeFocus){
-                return FluTheme.dark ? Qt.rgba(36/255,36/255,36/255,1) : Qt.rgba(1,1,1,1)
-            }
-            if(inputItem && inputItem.hovered){
-                return FluTheme.dark ? Qt.rgba(68/255,68/255,68/255,1) : Qt.rgba(251/255,251/255,251/255,1)
-            }
-            return FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(1,1,1,1)
+    color: {
+        if(inputItem && inputItem.disabled){
+            return FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(252/255,252/255,252/255,1)
        }
-        border.width: control.borderWidth
-        border.color: {
-            if(inputItem && inputItem.disabled){
-                return FluTheme.dark ? Qt.rgba(73/255,73/255,73/255,1) : Qt.rgba(237/255,237/255,237/255,1)
-            }
-            return FluTheme.dark ? Qt.rgba(76/255,76/255,76/255,1) : Qt.rgba(240/255,240/255,240/255,1)
+        if(inputItem && inputItem.activeFocus){
+            return FluTheme.dark ? Qt.rgba(36/255,36/255,36/255,1) : Qt.rgba(1,1,1,1)
        }
+        if(inputItem && inputItem.hovered){
+            return FluTheme.dark ? Qt.rgba(68/255,68/255,68/255,1) : Qt.rgba(251/255,251/255,251/255,1)
+        }
+        return FluTheme.dark ? Qt.rgba(62/255,62/255,62/255,1) : Qt.rgba(1,1,1,1)
    }
-    Rectangle{
-        width: parent.width
-        height: inputItem && inputItem.activeFocus ? 2 : 1
-        anchors.bottom: parent.bottom
-        visible: !(inputItem && inputItem.disabled)
-        color: {
-            if(inputItem && inputItem.activeFocus){
-                return FluTheme.primaryColor
-            }
-            if(FluTheme.dark){
-                return Qt.rgba(166/255,166/255,166/255,1)
-            }else{
-                return Qt.rgba(134/255,134/255,134/255,1)
-            }
-        }
-        Behavior on height{
-            enabled: FluTheme.animationEnabled
-            NumberAnimation{
-                duration: 83
-                easing.type: Easing.OutCubic
+    border.width: 1
+    gradient: Gradient {
+        GradientStop { position: 0.0; color: d.startColor }
+        GradientStop { position: 1 - d.offsetSize/control.height; color: d.startColor }
+        GradientStop { position: 1 - 1/control.height; color: d.endColor }
+        GradientStop { position: 1.0; color: d.endColor }
+    }
+    bottomMargin: inputItem && inputItem.activeFocus ? 2 : 1
+    QtObject{
+        id:d
+        property int offsetSize  : inputItem && inputItem.activeFocus ? 2 : 3
+        property color startColor: FluTheme.dark ? Qt.rgba(66/255,66/255,66/255,1) : Qt.rgba(232/255,232/255,232/255,1)
+        property color endColor: {
+            if(!control.enabled){
+                return d.startColor
            }
+            return inputItem && inputItem.activeFocus ? FluTheme.primaryColor : FluTheme.dark ? Qt.rgba(123/255,123/255,123/255,1) : Qt.rgba(132/255,132/255,132/255,1)
        }
    }
 }
--- a/src/Qt6/imports/FluentUI/Controls/FluTextButton.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluTextButton.qml
@ -29,8 +29,8 @@ Button {
    enabled: !disabled
    font:FluTextStyle.Body
    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
+        implicitWidth: 30
+        implicitHeight: 30
        radius: 4
        color: {
            if(!enabled){
--- a/src/Qt6/imports/FluentUI/Controls/FluTimePicker.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluTimePicker.qml
@ -8,12 +8,12 @@ FluButton {
    property int hourFormat: FluTimePickerType.H
    property int isH: hourFormat === FluTimePickerType.H
    property var current
-    property string amText: "上午"
-    property string pmText: "下午"
-    property string hourText: "时"
-    property string minuteText: "分"
-    property string cancelText: "取消"
-    property string okText: "确定"
+    property string amText: qsTr("AM")
+    property string pmText: qsTr("PM")
+    property string hourText: qsTr("Hour")
+    property string minuteText: qsTr("Minute")
+    property string cancelText: qsTr("Cancel")
+    property string okText: qsTr("OK")
    signal accepted()
    id:control
    implicitHeight: 30
@ -58,14 +58,14 @@ FluButton {
        id: divider_1
        width: 1
        x: isH ? parent.width/3 : parent.width/2
-        height: parent.height
+        height: parent.height-1
        color: dividerColor
    }
    Rectangle{
        id: divider_2
        width: 1
        x: parent.width*2/3
-        height: parent.height
+        height: parent.height-1
        color: dividerColor
        visible: isH
    }
--- a/src/Qt6/imports/FluentUI/Controls/FluToggleButton.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluToggleButton.qml
@ -24,7 +24,7 @@ Button {
        if(checked){
            return FluTheme.dark ? Qt.rgba(82/255,82/255,82/255,1) : Qt.rgba(199/255,199/255,199/255,1)
        }else{
-            return FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(244/255,244/255,244/255,1)
+            return FluTheme.dark ? Qt.rgba(59/255,59/255,59/255,1) : Qt.rgba(251/255,251/255,251/255,1)
        }
    }
    property var clickListener : function(){
@ -41,45 +41,52 @@ Button {
    verticalPadding: 0
    horizontalPadding:12
    onClicked: clickListener()
-    background: Rectangle{
-        implicitWidth: 28
-        implicitHeight: 28
+    background: FluControlBackground{
+        implicitWidth: 30
+        implicitHeight: 30
        radius: 4
        FluFocusRectangle{
            visible: control.activeFocus
            radius:4
        }
-        gradient: Gradient {
-            GradientStop { position: 0.33; color: control.enabled ? control.normalColor : Qt.rgba(0,0,0,0) }
-            GradientStop { position: 1.0; color: control.enabled ? Qt.darker(control.normalColor,1.3) : Qt.rgba(0,0,0,0) }
-        }
-        Rectangle{
-            radius: parent.radius
-            anchors{
-                fill: parent
-                topMargin: checked && enabled ? 0 : 0
-                leftMargin: checked && enabled ? 1 : 0
-                rightMargin: checked && enabled ? 1 : 0
-                bottomMargin: checked && enabled ? 2 : 0
+        color:{
+            if(!enabled){
+                return disableColor
            }
-            color:{
-                if(!enabled){
-                    return disableColor
+            if(checked){
+                if(pressed){
+                    return pressedColor
                }
-                if(checked){
-                    if(pressed){
-                        return pressedColor
-                    }
-                }
-                return hovered ? hoverColor :normalColor
+            }
+            return hovered ? hoverColor :normalColor
+        }
+        bottomMargin: {
+            if(checked){
+                return enabled ? 2 : 0
+            }else{
+                return 1
            }
        }
-        Rectangle{
-            color:"#00000000"
-            anchors.fill: parent
-            border.color: FluTheme.dark ? "#505050" : "#DFDFDF"
-            border.width: checked ? 0 : 1
-            radius: parent.radius
+        border.width: {
+            if(checked){
+                return enabled ? 1 : 0
+            }else{
+                return 1
+            }
+        }
+        shadow: {
+            if(checked){
+                return true
+            }else{
+                return !pressed && enabled
+            }
+        }
+        border.color: {
+            if(checked){
+                return enabled ? Qt.darker(control.normalColor,1.2) : disableColor
+            }else{
+                return FluTheme.dark ? Qt.rgba(48/255,48/255,48/255,1) : Qt.rgba(188/255,188/255,188/255,1)
+            }
        }
    }
    contentItem: FluText {
--- a/src/Qt6/imports/FluentUI/Controls/FluWindow.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluWindow.qml
@ -42,9 +42,9 @@ Window {
    property bool useSystemAppBar
    property color resizeBorderColor: {
        if(window.active){
-            return FluTheme.dark ? "#333333" : "#6E6E6E"
+            return FluTheme.dark ? Qt.rgba(51/255,51/255,51/255,1) : Qt.rgba(110/255,110/255,110/255,1)
        }
-        return FluTheme.dark ? "#3D3D3E" : "#A7A7A7"
+        return FluTheme.dark ? Qt.rgba(61/255,61/255,61/255,1) : Qt.rgba(167/255,167/255,167/255,1)
    }
    property int resizeBorderWidth: 1
    property var closeListener: function(event){
@ -64,7 +64,7 @@ Window {
    Component.onCompleted: {
        FluRouter.addWindow(window)
        useSystemAppBar = FluApp.useSystemAppBar
-        if(useSystemAppBar && autoCenter){
+        if(!useSystemAppBar && autoCenter){
            moveWindowToDesktopCenter()
        }
        fixWindowSize()
--- a/src/fluentui_zh_CN.ts
+++ b/src/fluentui_zh_CN.ts
@ -63,10 +63,6 @@
 </context>
 <context>
    <name>FluCalendarPicker</name>
-    <message>
-        <source>Please select a date</source>
-        <translation type="obsolete">请选择日期</translation>
-    </message>
    <message>
        <location filename="Qt5/imports/FluentUI/Controls/FluCalendarPicker.qml" line="13"/>
        <location filename="Qt6/imports/FluentUI/Controls/FluCalendarPicker.qml" line="12"/>
Author	SHA1	Message	Date
$朱子楚\zhuzi$ 朱子楚\zhuzi	bd8c80feb8	update	2024-04-04 17:43:58 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	6b617d10d5	update	2024-04-04 17:08:45 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	cf163f5e3b	update	2024-04-04 16:53:31 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	b4329fdd0a	update	2024-04-04 12:11:08 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	84b2045b5f	update	2024-04-04 02:48:26 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	18193a18be	update	2024-04-04 02:01:52 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	fe08b08c1f	update	2024-04-04 01:10:14 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	ef96618151	update	2024-04-03 21:52:26 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	be34220652	update	2024-04-03 19:31:01 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	5cf0812562	update	2024-04-03 19:30:15 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	c2b845658d	update	2024-04-03 13:24:30 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	eb4ec242b1	update	2024-04-03 11:28:18 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	a95916ab03	update	2024-04-03 11:19:35 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	bf5bedc9ed	update	2024-04-03 11:09:35 +08:00
$朱子楚\zhuzi$ 朱子楚\zhuzi	7d1666597f	update	2024-04-02 00:32:06 +08:00