.cmake/QmlPlugin.cmake

@@ -1,6 +1,7 @@
 include(CMakeParseArguments)
 find_package(QT NAMES Qt6 Qt5 REQUIRED COMPONENTS Core)
 find_package(Qt${QT_VERSION_MAJOR} REQUIRED COMPONENTS Core)
+
 function(FindQmlPluginDump)
     get_target_property (QT_QMAKE_EXECUTABLE Qt5::qmake IMPORTED_LOCATION)
     execute_process(
@@ -9,6 +10,7 @@ function(FindQmlPluginDump)
         OUTPUT_STRIP_TRAILING_WHITESPACE
     )
 endfunction()
+
 function(FindQtInstallQml)
     execute_process(
         COMMAND ${QT_QMAKE_EXECUTABLE} -query QT_INSTALL_QML
@@ -17,6 +19,7 @@ function(FindQtInstallQml)
     )
 set(QT_INSTALL_QML ${PROC_RESULT} PARENT_SCOPE)
 endfunction()
+
 function(add_qmlplugin TARGET)
     set(options NO_AUTORCC NO_AUTOMOC)
     set(oneValueArgs URI VERSION BINARY_DIR QMLDIR LIBTYPE)
@@ -27,12 +30,13 @@ function(add_qmlplugin TARGET)
         return()
     endif()
     if(NOT QMLPLUGIN_BINARY_DIR)
-        set(QMLPLUGIN_BINARY_DIR ${CMAKE_CURRENT_BINARY_DIR}/${QMLPLUGIN_URI})
+        set(QMLPLUGIN_BINARY_DIR ${CMAKE_BINARY_DIR}/${QMLPLUGIN_URI})
     endif()
     add_library(${TARGET} ${QMLPLUGIN_LIBTYPE}
         ${QMLPLUGIN_SOURCES}
     )
 set(LIBRARY_OUTPUT_PATH ${CMAKE_CURRENT_BINARY_DIR}/lib)
+
 if(QMLPLUGIN_NO_AUTORCC)
     set_target_properties(${TARGET} PROPERTIES AUTOMOC OFF)
 else()
@@ -43,24 +47,25 @@ if(QMLPLUGIN_NO_AUTOMOC)
 else()
     set_target_properties(${TARGET} PROPERTIES AUTOMOC ON)
 endif()
+
 if (${QMLPLUGIN_LIBTYPE} MATCHES "SHARED")
     FindQmlPluginDump()
     FindQtInstallQml()
     if(QMLPLUGIN_BINARY_DIR)
         set(MAKE_QMLPLUGINDIR_COMMAND ${CMAKE_COMMAND} -E make_directory ${QMLPLUGIN_BINARY_DIR})
     endif()
-    set(COPY_QMLDIR_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/Qt5/${QMLPLUGIN_QMLDIR}/qmldir $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI}/qmldir)
-    set(INSTALL_QMLDIR_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/Qt5/${QMLPLUGIN_QMLDIR}/qmldir ${QMLPLUGIN_BINARY_DIR}/qmldir)
-    set(COPY_QMLTYPES_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/Qt5/${QMLPLUGIN_QMLDIR}/plugins.qmltypes $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI}/plugins.qmltypes)
-    set(INSTALL_QMLTYPES_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/Qt5/${QMLPLUGIN_QMLDIR}/plugins.qmltypes ${QMLPLUGIN_BINARY_DIR}/plugins.qmltypes)
+    set(COPY_QMLDIR_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_LIST_DIR}/Qt5/${QMLPLUGIN_QMLDIR}/qmldir $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI}/qmldir)
+    set(INSTALL_QMLDIR_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_LIST_DIR}/Qt5/${QMLPLUGIN_QMLDIR}/qmldir ${QMLPLUGIN_BINARY_DIR}/qmldir)
+    set(COPY_QMLTYPES_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_LIST_DIR}/Qt5/${QMLPLUGIN_QMLDIR}/plugins.qmltypes $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI}/plugins.qmltypes)
+    set(INSTALL_QMLTYPES_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_LIST_DIR}/Qt5/${QMLPLUGIN_QMLDIR}/plugins.qmltypes ${QMLPLUGIN_BINARY_DIR}/plugins.qmltypes)
     set(COPY_LIBRARY_COMMAND ${CMAKE_COMMAND} -E copy $<TARGET_FILE_DIR:${TARGET}>/$<TARGET_FILE_NAME:${TARGET}> $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI})
     set(INSTALL_LIBRARY_COMMAND ${CMAKE_COMMAND} -E copy $<TARGET_FILE_DIR:${TARGET}>/$<TARGET_FILE_NAME:${TARGET}> ${QMLPLUGIN_BINARY_DIR})
     if(QMLPLUGIN_QMLDIR)
-        set(COPY_QMLFILES_COMMAND ${CMAKE_COMMAND} -E copy_directory ${CMAKE_CURRENT_SOURCE_DIR}/Qt5/${QMLPLUGIN_QMLDIR} $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI})
+        set(COPY_QMLFILES_COMMAND ${CMAKE_COMMAND} -E copy_directory ${CMAKE_CURRENT_LIST_DIR}/Qt5/${QMLPLUGIN_QMLDIR} $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI})
     else()
-        set(COPY_QMLFILES_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/${QMLPLUGIN_QMLFILES} $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI})
+        set(COPY_QMLFILES_COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_LIST_DIR}/${QMLPLUGIN_QMLFILES} $<TARGET_FILE_DIR:${TARGET}>/${QMLPLUGIN_URI})
     endif()
-    set(INSTALL_QMLFILES_COMMAND ${CMAKE_COMMAND} -E copy_directory ${CMAKE_CURRENT_SOURCE_DIR}/Qt5/${QMLPLUGIN_QMLDIR} ${QMLPLUGIN_BINARY_DIR})
+    set(INSTALL_QMLFILES_COMMAND ${CMAKE_COMMAND} -E copy_directory ${CMAKE_CURRENT_LIST_DIR}/Qt5/${QMLPLUGIN_QMLDIR} ${QMLPLUGIN_BINARY_DIR})
     if(QMLPLUGIN_BINARY_DIR)
         add_custom_command(
             TARGET ${TARGET}
@@ -77,6 +82,7 @@ else()
         COMMENT "Copying qmldir to binary directory"
     )
 endif()
+
 if(QMLPLUGIN_BINARY_DIR)
     add_custom_command(
         TARGET ${TARGET}
@@ -93,12 +99,14 @@ else()
         COMMENT "Copying qmltypes to binary directory"
     )
 endif()
+
 add_custom_command(
     TARGET ${TARGET}
     POST_BUILD
     COMMAND ${COPY_LIBRARY_COMMAND}
     COMMENT "Copying Lib to binary plugin directory"
 )
+
 if(QMLPLUGIN_QMLFILES)
     add_custom_command(
         TARGET ${TARGET}
@@ -107,13 +115,16 @@ if(QMLPLUGIN_QMLFILES)
         COMMENT "Copying QML files to binary directory"
     )
 endif()
+
 add_custom_command(
     TARGET ${TARGET}
     POST_BUILD
     COMMAND ${GENERATE_QMLTYPES_COMMAND}
     COMMENT "Generating plugin.qmltypes"
 )
+
 string(REPLACE "." "/" QMLPLUGIN_INSTALL_URI ${QMLPLUGIN_URI})
+
 add_custom_command(
     TARGET ${TARGET}
     POST_BUILD

.cmake/version_exe.rc.in

@@ -31,4 +31,4 @@ BEGIN
     END
 END
 
-IDI_ICON1 ICON DISCARDABLE "${CMAKE_SOURCE_DIR}/example/favicon.ico"
+IDI_ICON1 ICON DISCARDABLE "${FLUENTUI_DIRECTORY}/example/favicon.ico"

.gitignore

@@ -41,5 +41,3 @@ example/Version.h
 
 action-cli
 dist
-
-*.qm

CMakeLists.txt

@@ -8,7 +8,8 @@ if(MSVC)
     set(CMAKE_EXE_LINKER_FLAGS_RELEASE "${CMAKE_EXE_LINKER_FLAGS_RELEASE} /DEBUG /OPT:REF /OPT:ICF")
 endif()
 
-list(APPEND CMAKE_MODULE_PATH ${CMAKE_SOURCE_DIR}/.cmake/)
+set(FLUENTUI_DIRECTORY ${CMAKE_CURRENT_LIST_DIR})
+list(APPEND CMAKE_MODULE_PATH ${FLUENTUI_DIRECTORY}/.cmake/)
 
 include(GetGitRevisionDescription)
 

example/CMakeLists.txt

@@ -6,6 +6,9 @@ project(example VERSION 1.0 LANGUAGES CXX)
 set(CMAKE_CXX_STANDARD 17)
 set(CMAKE_CXX_STANDARD_REQUIRED ON)
 
+#导入exmaple的QML位置，不然import example有时候会爆红
+set(QML_IMPORT_PATH ${CMAKE_BINARY_DIR}/example CACHE STRING "Qt Creator extra QML import paths" FORCE)
+
 #判断FluentUI库类型
 if(FLUENTUI_BUILD_STATIC_LIB)
     add_definitions(-DFLUENTUI_BUILD_STATIC_LIB)
@@ -13,9 +16,9 @@ endif()
 
 #设置可执行文件输出目录
 if(CMAKE_BUILD_TYPE STREQUAL "Debug")
-    set(CMAKE_RUNTIME_OUTPUT_DIRECTORY ${CMAKE_SOURCE_DIR}/bin/debug)
+    set(CMAKE_RUNTIME_OUTPUT_DIRECTORY $<1:${FLUENTUI_DIRECTORY}/bin/debug>)
 else()
-    set(CMAKE_RUNTIME_OUTPUT_DIRECTORY ${CMAKE_SOURCE_DIR}/bin/release)
+    set(CMAKE_RUNTIME_OUTPUT_DIRECTORY $<1:${FLUENTUI_DIRECTORY}/bin/release>)
 endif()
 
 #导入Qt相关依赖包
@@ -30,25 +33,10 @@ else()
     set(CMAKE_AUTOUIC ON)
 endif()
 
-#国际化
-find_program(QT_LUPDATE NAMES lupdate)
-find_program(QT_LRELEASE NAMES lrelease)
-if (NOT EXISTS ${CMAKE_CURRENT_LIST_DIR}/example_en.qm)
-    execute_process(COMMAND ${QT_LUPDATE} ${CMAKE_CURRENT_LIST_DIR} -ts example_en.ts WORKING_DIRECTORY ${CMAKE_CURRENT_LIST_DIR})
-    execute_process(COMMAND ${QT_LRELEASE} example_en.ts WORKING_DIRECTORY ${CMAKE_CURRENT_LIST_DIR})
-endif ()
-if (NOT EXISTS ${CMAKE_CURRENT_LIST_DIR}/example_zh.qm)
-    execute_process(COMMAND ${QT_LUPDATE} ${CMAKE_CURRENT_LIST_DIR} -ts example_zh.ts WORKING_DIRECTORY ${CMAKE_CURRENT_LIST_DIR})
-    execute_process(COMMAND ${QT_LRELEASE} example_zh.ts WORKING_DIRECTORY ${CMAKE_CURRENT_LIST_DIR})
-endif ()
-
-file(GLOB QM_FILE_PATHS ${CMAKE_CURRENT_LIST_DIR}/ *.qm)
-file(COPY ${QM_FILE_PATHS} DESTINATION ${CMAKE_RUNTIME_OUTPUT_DIRECTORY}/i18n)
-
 ##生成版本信息头文件
-set(HEADER_FILE_VERSION_PATH ${CMAKE_SOURCE_DIR}/example/Version.h)
+set(HEADER_FILE_VERSION_PATH ${FLUENTUI_DIRECTORY}/example/Version.h)
 configure_file(
-    ${CMAKE_SOURCE_DIR}/.cmake/Version.h.in
+    ${FLUENTUI_DIRECTORY}/.cmake/Version.h.in
     ${HEADER_FILE_VERSION_PATH}
 )
 
@@ -85,19 +73,20 @@ if(QT_VERSION VERSION_GREATER_EQUAL "6.2")
         string(REPLACE "${CMAKE_CURRENT_SOURCE_DIR}/" "" filename ${filepath})
         list(APPEND resource_files ${filename})
     endforeach(filepath)
+
 endif()
 
 #如果是Windows平台，则生成rc文件，还有inno setup脚本文件
 set(EXAMPLE_VERSION_RC_PATH "")
 if(WIN32)
-    set(EXAMPLE_VERSION_RC_PATH ${CMAKE_CURRENT_BINARY_DIR}/version_${PROJECT_NAME}.rc)
+    set(EXAMPLE_VERSION_RC_PATH ${CMAKE_BINARY_DIR}/version_${PROJECT_NAME}.rc)
     configure_file(
-        ${CMAKE_SOURCE_DIR}/.cmake/version_exe.rc.in
+        ${FLUENTUI_DIRECTORY}/.cmake/version_exe.rc.in
         ${EXAMPLE_VERSION_RC_PATH}
     )
 configure_file(
-    ${CMAKE_SOURCE_DIR}/.cmake/InstallerScript.iss.in
-    ${CMAKE_SOURCE_DIR}/action-cli/InstallerScript.iss
+    ${FLUENTUI_DIRECTORY}/.cmake/InstallerScript.iss.in
+    ${FLUENTUI_DIRECTORY}/action-cli/InstallerScript.iss
 )
 endif()
 
@@ -131,9 +120,6 @@ if(WIN32)
     )
 endif()
 
-file(MAKE_DIRECTORY ${CMAKE_RUNTIME_OUTPUT_DIRECTORY}/source/)
-file(COPY ${CMAKE_SOURCE_DIR}/src/ DESTINATION ${CMAKE_RUNTIME_OUTPUT_DIRECTORY}/source/)
-
 if(QT_VERSION VERSION_GREATER_EQUAL "6.2")
     #如果是Qt6.2以上，则使用qt_add_qml_module添加资源文件
     qt_add_qml_module(example

example/example.qrc

@@ -185,6 +185,7 @@
         <file>qml/viewmodel/TextBoxViewModel.qml</file>
         <file>qml/page/T_Clip.qml</file>
         <file>qml/page/T_3D.qml</file>
+        <file>qml/global/Lang.qml</file>
         <file>qml/page/T_Network.qml</file>
         <file>qml/page/T_ShortcutPicker.qml</file>
         <file>qml/chart/T_BarChart.qml</file>
@@ -197,6 +198,5 @@
         <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>
     </qresource>
 </RCC>

example/qml-Qt6/App.qml

@@ -21,13 +21,6 @@ Item {
         }
     }
 
-    Connections{
-        target: TranslateHelper
-        function onCurrentChanged(){
-            SettingsHelper.saveLanguage(TranslateHelper.current)
-        }
-    }
-
     Component.onCompleted: {
         FluNetwork.openLog = false
         FluNetwork.setInterceptor(function(param){
@@ -44,7 +37,6 @@ Item {
             "/login":"qrc:/example/qml/window/LoginWindow.qml",
             "/hotload":"qrc:/example/qml/window/HotloadWindow.qml",
             "/crash":"qrc:/example/qml/window/CrashWindow.qml",
-            "/fluentInitalizr":"qrc:/example/qml/window/FluentInitalizrWindow.qml",
             "/singleTaskWindow":"qrc:/example/qml/window/SingleTaskWindow.qml",
             "/standardWindow":"qrc:/example/qml/window/StandardWindow.qml",
             "/singleInstanceWindow":"qrc:/example/qml/window/SingleInstanceWindow.qml",

example/qml-Qt6/chart/T_BarChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Bar Chart")
+    title:"Bar Chart"
 
     FluArea{
         width: 500

example/qml-Qt6/chart/T_BubbleChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Bubble Chart")
+    title:"Bubble Chart"
 
     function randomScalingFactor() {
         return Math.random().toFixed(1);

example/qml-Qt6/chart/T_LineChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Line Chart")
+    title:"Line Chart"
 
     FluArea{
         width: 500

example/qml-Qt6/chart/T_PieChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Pie Chart")
+    title:"Doughnut and Pie Chart"
 
     FluArea{
         width: 500

example/qml-Qt6/chart/T_PolarAreaChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Polar Area Chart")
+    title:"PolarArea Chart"
 
     FluArea{
         width: 500

example/qml-Qt6/chart/T_RadarChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Radar Chart")
+    title:"Radar Chart"
 
     FluArea{
         width: 500

example/qml-Qt6/chart/T_ScatterChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Scatter Chart")
+    title:"Scatter Chart"
 
     function randomScalingFactor() {
         return Math.random().toFixed(1);

example/qml-Qt6/component/CodeExpander.qml

@@ -8,7 +8,7 @@ FluExpander{
 
     id:control
     property string code: ""
-    headerText: qsTr("Source")
+    headerText: "Source"
     contentHeight:content.height
     focus: false
 
@@ -34,7 +34,7 @@ FluExpander{
         }
         onClicked:{
             FluTools.clipText(FluTools.html2PlantText(content.text))
-            showSuccess(qsTr("The Copy is Successful"))
+            showSuccess("复制成功")
         }
     }
 
@@ -49,6 +49,7 @@ FluExpander{
     }
 
     function highlightQmlCode(code) {
+        // 定义 QML 关键字列表
         var qmlKeywords = [
                     "FluTextButton",
                     "FluAppBar",

example/qml-Qt6/global/ItemsFooter.qml

@@ -13,7 +13,7 @@ FluObject{
     FluPaneItemSeparator{}
 
     FluPaneItem{
-        title:qsTr("About")
+        title:Lang.about
         icon:FluentIcons.Contact
         onTapListener:function(){
             FluApp.navigate("/about")
@@ -21,7 +21,7 @@ FluObject{
     }
 
     FluPaneItem{
-        title:qsTr("Settings")
+        title:Lang.settings
         menuDelegate: paneItemMenu
         icon:FluentIcons.Settings
         url:"qrc:/example/qml/page/T_Settings.qml"

example/qml-Qt6/global/ItemsOriginal.qml

@@ -17,14 +17,14 @@ FluObject{
     FluPaneItem{
         id:item_home
         count: 9
-        title: qsTr("Home")
+        title:Lang.home
         menuDelegate: paneItemMenu
-        infoBadge: FluBadge{
+        infoBadge:FluBadge{
             count: item_home.count
         }
-        icon: FluentIcons.Home
-        url: "qrc:/example/qml/page/T_Home.qml"
-        onTap: {
+        icon:FluentIcons.Home
+        url:"qrc:/example/qml/page/T_Home.qml"
+        onTap:{
             if(navigationView.getCurrentUrl()){
                 item_home.count = 0
             }
@@ -33,376 +33,376 @@ FluObject{
     }
 
     FluPaneItemExpander{
-        title: qsTr("PaneItemExpander Disabled")
+        title:"PaneItemExpander Disabled"
         iconVisible: false
         disabled: true
     }
 
     FluPaneItemExpander{
-        id: item_expander_basic_input
-        title: qsTr("Basic Input")
-        icon: FluentIcons.CheckboxComposite
+        id:item_expander_basic_input
+        title:Lang.basic_input
+        icon:FluentIcons.CheckboxComposite
         FluPaneItem{
-            id: item_buttons
+            id:item_buttons
             count: 99
-            infoBadge: FluBadge{
+            infoBadge:FluBadge{
                 count: item_buttons.count
             }
-            title: qsTr("Buttons")
+            title:"Buttons"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/Button.png",recentlyUpdated:true,desc:qsTr("A control that responds to user input and raisesa Click event.")})
-            url: "qrc:/example/qml/page/T_Buttons.qml"
-            onTap: {
+            extra:({image:"qrc:/example/res/image/control/Button.png",recentlyUpdated:true,desc:"A control that responds to user input and raisesa Click event."})
+            url:"qrc:/example/qml/page/T_Buttons.qml"
+            onTap:{
                 item_buttons.count = 0
                 navigationView.push(url)
             }
         }
         FluPaneItem{
-            id: item_text
-            title: qsTr("Text")
+            id:item_text
+            title:"Text"
             menuDelegate: paneItemMenu
             count: 5
-            infoBadge: FluBadge{
+            infoBadge:FluBadge{
                 count: item_text.count
                 color: Qt.rgba(82/255,196/255,26/255,1)
             }
-            url: "qrc:/example/qml/page/T_Text.qml"
-            onTap: {
+            url:"qrc:/example/qml/page/T_Text.qml"
+            onTap:{
                 item_text.count = 0
                 navigationView.push(url)
             }
         }
         FluPaneItem{
-            title: qsTr("Image")
+            title:"Image"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Image.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Image.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Slider")
+            title:"Slider"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/Slider.png",recentlyUpdated:true,desc:qsTr("A control that lets the user select from a rangeof values by moving a Thumb control along atrack.")})
-            url: "qrc:/example/qml/page/T_Slider.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/Slider.png",recentlyUpdated:true,desc:"A control that lets the user select from a rangeof values by moving a Thumb control along atrack."})
+            url:"qrc:/example/qml/page/T_Slider.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("CheckBox")
+            title:"CheckBox"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/Checkbox.png",recentlyUpdated:true,desc:qsTr("A control that a user can select or clear.")})
-            url: "qrc:/example/qml/page/T_CheckBox.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/Checkbox.png",recentlyUpdated:true,desc:"A control that a user can select or clear."})
+            url:"qrc:/example/qml/page/T_CheckBox.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("RadioButton")
+            title:"RadioButton"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_RadioButton.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_RadioButton.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("ToggleSwitch")
+            title:"ToggleSwitch"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_ToggleSwitch.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_ToggleSwitch.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("PaneItem Disabled")
+            title:"PaneItem Disabled"
             disabled: true
             icon: FluentIcons.Error
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Form")
-        icon: FluentIcons.GridView
-        FluPaneItem {
-            title: qsTr("TextBox")
+        title:Lang.form
+        icon:FluentIcons.GridView
+        FluPaneItem{
+            title:"TextBox"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_TextBox.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_TextBox.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("TimePicker")
+            title:"TimePicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_TimePicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_TimePicker.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("DatePicker")
+            title:"DatePicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_DatePicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_DatePicker.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("CalendarPicker")
+            title:"CalendarPicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_CalendarPicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_CalendarPicker.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("ColorPicker")
+            title:"ColorPicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_ColorPicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_ColorPicker.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("ShortcutPicker")
+            title:"ShortcutPicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_ShortcutPicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_ShortcutPicker.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Surface")
-        icon: FluentIcons.SurfaceHub
+        title:Lang.surface
+        icon:FluentIcons.SurfaceHub
         FluPaneItem{
-            title: qsTr("InfoBar")
+            title:"InfoBar"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/InfoBar.png",recentlyUpdated:true,desc:qsTr("An inline message to display app-wide statuschange information.")})
-            url: "qrc:/example/qml/page/T_InfoBar.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/InfoBar.png",recentlyUpdated:true,desc:"An inline message to display app-wide statuschange information."})
+            url:"qrc:/example/qml/page/T_InfoBar.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Progress")
+            title:"Progress"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Progress.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Progress.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("RatingControl")
+            title:"RatingControl"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_RatingControl.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_RatingControl.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Badge")
+            title:"Badge"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Badge.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Badge.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Rectangle")
+            title:"Rectangle"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Rectangle.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Rectangle.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Clip")
+            title:"Clip"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Clip.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Clip.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Carousel")
+            title:"Carousel"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Carousel.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Carousel.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Expander")
+            title:"Expander"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Expander.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Expander.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Watermark")
+            title:"Watermark"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Watermark.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Watermark.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Layout")
-        icon: FluentIcons.DockLeft
-        FluPaneItem {
-            title: qsTr("StaggeredLayout")
+        title:Lang.layout
+        icon:FluentIcons.DockLeft
+        FluPaneItem{
+            title:"StaggeredLayout"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_StaggeredLayout.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_StaggeredLayout.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("SplitLayout")
+            title:"SplitLayout"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_SplitLayout.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_SplitLayout.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("StatusLayout")
+            title:"StatusLayout"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_StatusLayout.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_StatusLayout.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Popus")
-        icon: FluentIcons.ButtonMenu
+        title:Lang.popus
+        icon:FluentIcons.ButtonMenu
         FluPaneItem{
-            title: qsTr("Dialog")
+            title:"Dialog"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Dialog.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Dialog.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            id: item_combobox
-            title: qsTr("ComboBox")
+            id:item_combobox
+            title:"ComboBox"
             menuDelegate: paneItemMenu
             count: 9
             infoBadge:FluBadge{
                 count: item_combobox.count
                 color: Qt.rgba(250/255,173/255,20/255,1)
             }
-            url: "qrc:/example/qml/page/T_ComboBox.qml"
-            onTap: {
+            url:"qrc:/example/qml/page/T_ComboBox.qml"
+            onTap:{
                 item_combobox.count = 0
                 navigationView.push("qrc:/example/qml/page/T_ComboBox.qml")
             }
         }
         FluPaneItem{
-            title: qsTr("Tooltip")
+            title:"Tooltip"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Tooltip.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Tooltip.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Menu")
+            title:"Menu"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Menu.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Menu.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Navigation")
-        icon: FluentIcons.AllApps
+        title:Lang.navigation
+        icon:FluentIcons.AllApps
         FluPaneItem{
-            title: qsTr("Pivot")
+            title:"Pivot"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/Pivot.png",order:3,recentlyAdded:true,desc:qsTr("Presents information from different sources in a tabbed view.")})
-            url: "qrc:/example/qml/page/T_Pivot.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/Pivot.png",order:3,recentlyAdded:true,desc:"Presents information from different sources in atabbed view."})
+            url:"qrc:/example/qml/page/T_Pivot.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("BreadcrumbBar")
+            title:"BreadcrumbBar"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_BreadcrumbBar.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_BreadcrumbBar.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("TabView")
+            title:"TabView"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/TabView.png",order:1,recentlyAdded:true,desc:qsTr("A control that displays a collection of tabs thatcan be used to display several documents.")})
-            url: "qrc:/example/qml/page/T_TabView.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/TabView.png",order:1,recentlyAdded:true,desc:"A control that displays a collection of tabs thatcan be used to display several documents."})
+            url:"qrc:/example/qml/page/T_TabView.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("TreeView")
+            title:"TreeView"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_TreeView.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_TreeView.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("TableView")
+            title:"TableView"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/DataGrid.png",order:4,recentlyAdded:true,desc:qsTr("The TableView control provides a flexible way to display a collection of data in rows and columns")})
-            url: "qrc:/example/qml/page/T_TableView.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/DataGrid.png",order:4,recentlyAdded:true,desc:"The TableView control provides a flexible way to display a collection of data in rows and columns"})
+            url:"qrc:/example/qml/page/T_TableView.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Pagination")
+            title:"Pagination"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Pagination.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Pagination.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("MultiWindow")
+            title:"MultiWindow"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_MultiWindow.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_MultiWindow.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("FlipView")
+            title:"FlipView"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/FlipView.png",order:2,recentlyAdded:true,desc:qsTr("Presents a collection of items that the user canflip through, one item at a time.")})
-            url: "qrc:/example/qml/page/T_FlipView.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/FlipView.png",order:2,recentlyAdded:true,desc:"Presents a collection of items that the user canflip through, one item at a time."})
+            url:"qrc:/example/qml/page/T_FlipView.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Theming")
+        title:Lang.theming
         icon:FluentIcons.Brightness
         FluPaneItem{
-            title: qsTr("Acrylic")
+            title:"Acrylic"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Acrylic.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Acrylic.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Theme")
+            title:"Theme"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Theme.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Theme.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Typography")
+            title:"Typography"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Typography.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Typography.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Awesome")
+            title:"Awesome"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Awesome.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Awesome.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Chart")
-        icon: FluentIcons.AreaChart
+        title: Lang.chart
+        icon:FluentIcons.AreaChart
         FluPaneItem{
-            title: qsTr("Bar Chart")
+            title:Lang.bar_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_BarChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_BarChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Line Chart")
+            title:Lang.line_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_LineChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_LineChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Pie Chart")
+            title:Lang.pie_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_PieChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_PieChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Polar Area Chart")
+            title:Lang.polar_area_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_PolarAreaChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_PolarAreaChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Bubble Chart")
+            title:Lang.bubble_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_BubbleChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_BubbleChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Scatter Chart")
+            title:Lang.scatter_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_ScatterChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_ScatterChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Radar Chart")
+            title:Lang.radar_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_RadarChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_RadarChart.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
@@ -412,67 +412,67 @@ FluObject{
     }
 
     FluPaneItemExpander{
-        title: qsTr("Other")
-        icon: FluentIcons.Shop
+        title:Lang.other
+        icon:FluentIcons.Shop
         FluPaneItem{
-            title: qsTr("QRCode")
+            title:"QRCode"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_QRCode.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_QRCode.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Tour")
+            title:"Tour"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Tour.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Tour.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Timeline")
+            title:"Timeline"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Timeline.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Timeline.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Captcha")
+            title:"Captcha"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Captcha.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Captcha.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Network")
+            title:"Network"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Network.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Network.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            id: item_other
-            title: qsTr("Remote Loader")
+            id:item_other
+            title:"RemoteLoader"
             menuDelegate: paneItemMenu
             count: 99
             infoBadge:FluBadge{
                 count: item_other.count
                 color: Qt.rgba(82/255,196/255,26/255,1)
             }
-            url: "qrc:/example/qml/page/T_RemoteLoader.qml"
-            onTap: {
+            url:"qrc:/example/qml/page/T_RemoteLoader.qml"
+            onTap:{
                 item_other.count = 0
                 navigationView.push("qrc:/example/qml/page/T_RemoteLoader.qml")
             }
         }
         FluPaneItem{
-            title: qsTr("Hot Loader")
-            onTapListener: function(){
+            title:"HotLoader"
+            onTapListener:function(){
                 FluApp.navigate("/hotload")
             }
         }
         FluPaneItem{
-            title: qsTr("3D")
+            title:"3D"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_3D.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_3D.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Test Crash")
+            title:"Test Crash"
             visible: FluTools.isWin()
             onTapListener: function(){
                 AppInfo.testCrash()

example/qml-Qt6/global/Lang.qml

@@ -0,0 +1,104 @@
+pragma Singleton
+
+import QtQuick
+
+QtObject {
+
+    property string home
+    property string basic_input
+    property string form
+    property string surface
+    property string layout
+    property string popus
+    property string navigation
+    property string theming
+    property string media
+    property string dark_mode
+    property string sys_dark_mode
+    property string search
+    property string about
+    property string settings
+    property string locale
+    property string navigation_view_display_mode
+    property string other
+    property string chart
+    property string bar_chart
+    property string line_chart
+    property string pie_chart
+    property string polar_area_chart
+    property string bubble_chart
+    property string scatter_chart
+    property string radar_chart
+
+    function zh(){
+        home="首页"
+        basic_input="基本输入"
+        form="表单"
+        surface="表面"
+        layout="布局"
+        popus="弹窗"
+        navigation="导航"
+        theming="主题"
+        media="媒体"
+        dark_mode="夜间模式"
+        sys_dark_mode="跟随系统"
+        search="查找"
+        about="关于"
+        settings="设置"
+        locale="语言环境"
+        navigation_view_display_mode="导航视图显示模式"
+        other="其他"
+        chart="表格"
+        bar_chart="条形图"
+        line_chart="折线图"
+        pie_chart="饼图"
+        polar_area_chart="极坐标区域图"
+        bubble_chart="气泡图"
+        scatter_chart="散点图"
+        radar_chart="雷达图"
+    }
+
+    function en(){
+        home="Home"
+        basic_input="Basic Input"
+        form="Form"
+        surface="Surfaces"
+        layout="Layout"
+        popus="Popus"
+        navigation="Navigation"
+        theming="Theming"
+        media="Media"
+        dark_mode="Dark Mode"
+        sys_dark_mode="Sync with system"
+        search="Search"
+        about="About"
+        settings="Settings"
+        locale="Locale"
+        navigation_view_display_mode="NavigationView Display Mode"
+        other="Other"
+        chart="Chart"
+        bar_chart="Bar Chart"
+        line_chart="Line Chart"
+        pie_chart="Pie Chart"
+        polar_area_chart="Polar Area Chart"
+        bubble_chart="Bubble Chart"
+        scatter_chart="Scatter Chart"
+        radar_chart="Radar Chart"
+    }
+
+    property string __locale
+    property var __localeList: ["Zh","En"]
+
+    on__LocaleChanged: {
+        if(__locale === "Zh"){
+            zh()
+        }else{
+            en()
+        }
+    }
+
+    Component.onCompleted: {
+        __locale = "En"
+    }
+
+}

example/qml-Qt6/global/qmldir

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

example/qml-Qt6/page/T_Acrylic.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Acrylic")
+    title:"Acrylic"
 
     RowLayout{
         spacing: 10

example/qml-Qt6/page/T_Awesome.qml

@@ -6,11 +6,11 @@ import FluentUI
 
 FluContentPage {
 
-    title: qsTr("Awesome")
+    title:"Awesome"
 
     FluTextBox{
         id:text_box
-        placeholderText: qsTr("Please enter a keyword")
+        placeholderText: "请输入关键字"
         anchors{
             topMargin: 20
             top:parent.top
@@ -18,7 +18,7 @@ FluContentPage {
     }
 
     FluFilledButton{
-        text: qsTr("Search")
+        text:"搜索"
         anchors{
             left: text_box.right
             verticalCenter: text_box.verticalCenter
@@ -53,7 +53,7 @@ FluContentPage {
                 onClicked: {
                     var text  ="FluentIcons."+modelData.name;
                     FluTools.clipText(text)
-                    showSuccess(qsTr("You Copied ")+text)
+                    showSuccess("您复制了 "+text)
                 }
             }
             FluText {
@@ -62,7 +62,7 @@ FluContentPage {
                 anchors.horizontalCenter: parent.horizontalCenter
                 anchors.top: item_icon.bottom
                 width:parent.width
-                wrapMode: Text.WordWrap
+                wrapMode: Text.WrapAnywhere
                 text: modelData.name
                 horizontalAlignment: Text.AlignHCenter
             }

example/qml-Qt6/page/T_Badge.qml

@@ -7,12 +7,12 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Badge")
+    title:"Badge"
 
     FluArea{
         Layout.fillWidth: true
         Layout.topMargin: 20
-        height: 120
+        height: 106
         paddings: 10
 
         Column{
@@ -20,13 +20,11 @@ FluScrollablePage{
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
-                right: parent.right
             }
             FluText{
-                wrapMode: Text.WordWrap
-                width: parent.width
-                text: qsTr("It usually appears in the upper right corner of the notification icon or avatar to display the number of messages that need to be processed")
+                text:"一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数"
             }
+
             Row{
                 spacing: 20
                 Rectangle{

example/qml-Qt6/page/T_BreadcrumbBar.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("BreadcurmbBar")
+    title:"BreadcurmbBar"
 
     Component.onCompleted: {
         var items = []
@@ -48,7 +48,7 @@ FluScrollablePage{
             spacing: 10
 
             FluFilledButton{
-                text: qsTr("Reset sample")
+                text:"Reset sample"
                 onClicked:{
                     var items = []
                     for(var i=0;i<10;i++){
@@ -66,6 +66,7 @@ FluScrollablePage{
                 Layout.fillWidth: true
                 onClickItem:
                     (model)=>{
+                        //不是点击最后一个item元素
                         if(model.index+1!==count()){
                             breadcrumb_2.remove(model.index+1,count()-model.index-1)
                         }

example/qml-Qt6/page/T_Buttons.qml

@@ -8,11 +8,11 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Buttons")
+    title:"Buttons"
 
     FluText{
         Layout.topMargin: 20
-        text: qsTr("Support the Tab key to switch focus, and the Space key to perform click events")
+        text:"支持Tab键切换焦点，空格键执行点击事件"
     }
 
     FluArea{
@@ -22,8 +22,9 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluTextButton{
-            disabled: text_button_switch.checked
-            text: qsTr("Text Button")
+            disabled:text_button_switch.checked
+            text:"Text Button"
+            contentDescription: "文本按钮"
             onClicked: {
                 showInfo("点击Text Button")
             }
@@ -33,12 +34,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: text_button_switch
+            id:text_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -59,10 +60,10 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluButton{
-            disabled: button_switch.checked
-            text: qsTr("Standard Button")
+            disabled:button_switch.checked
+            text:"Standard Button"
             onClicked: {
-                showInfo(qsTr("Click StandardButton"))
+                showInfo("点击StandardButton")
             }
             anchors{
                 verticalCenter: parent.verticalCenter
@@ -70,12 +71,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: button_switch
+            id:button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -96,10 +97,10 @@ FluScrollablePage{
         paddings: 10
 
         FluFilledButton{
-            disabled: filled_button_switch.checked
-            text: qsTr("Filled Button")
+            disabled:filled_button_switch.checked
+            text:"Filled Button"
             onClicked: {
-                showWarning(qsTr("Click FilledButton"))
+                showWarning("点击FilledButton"+height)
             }
             anchors{
                 verticalCenter: parent.verticalCenter
@@ -107,12 +108,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: filled_button_switch
+            id:filled_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -134,19 +135,19 @@ FluScrollablePage{
 
         FluToggleButton{
             disabled:toggle_button_switch.checked
-            text: qsTr("Toggle Button")
+            text:"Toggle Button"
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
             }
         }
         FluToggleSwitch{
-            id: toggle_button_switch
+            id:toggle_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -161,7 +162,7 @@ FluScrollablePage{
     }
 
     Timer{
-        id: timer_progress
+        id:timer_progress
         interval: 200
         onTriggered: {
             btn_progress.progress = (btn_progress.progress + 0.1).toFixed(1)
@@ -180,9 +181,9 @@ FluScrollablePage{
         paddings: 10
 
         FluProgressButton{
-            id: btn_progress
-            disabled: progress_button_switch.checked
-            text: qsTr("Progress Button")
+            id:btn_progress
+            disabled:progress_button_switch.checked
+            text:"Progress Button"
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
@@ -193,12 +194,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: progress_button_switch
+            id:progress_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -219,9 +220,9 @@ FluScrollablePage{
         paddings: 10
 
         FluLoadingButton{
-            id: btn_loading
-            loading: loading_button_switch.checked
-            text: qsTr("Loading Button")
+            id:btn_loading
+            loading:loading_button_switch.checked
+            text:"Loading Button"
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
@@ -231,13 +232,13 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: loading_button_switch
+            id:loading_button_switch
             checked: true
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Loading")
+            text:"Loading"
         }
     }
     CodeExpander{
@@ -258,7 +259,7 @@ FluScrollablePage{
         paddings: 10
         Layout.topMargin: 20
         Flow{
-            id: layout_icon_button
+            id:layout_icon_button
             spacing: 10
             anchors{
                 verticalCenter: parent.verticalCenter
@@ -266,60 +267,60 @@ FluScrollablePage{
                 right: icon_button_switch.left
             }
             FluIconButton{
-                disabled: icon_button_switch.checked
+                disabled:icon_button_switch.checked
                 iconDelegate: Image{ sourceSize: Qt.size(40,40) ; width: 20; height: 20; source: "qrc:/example/res/image/ic_home_github.png" }
                 onClicked:{
-                    showSuccess(qsTr("Click IconButton"))
+                    showSuccess("点击IconButton")
                 }
             }
             FluIconButton{
-                iconSource: FluentIcons.ChromeCloseContrast
-                disabled: icon_button_switch.checked
+                iconSource:FluentIcons.ChromeCloseContrast
+                disabled:icon_button_switch.checked
                 iconSize: 15
-                text: qsTr("IconOnly")
+                text:"IconOnly"
                 display: Button.IconOnly
                 onClicked:{
-                    showSuccess(qsTr("Button.IconOnly"))
+                    showSuccess("Button.IconOnly")
                 }
             }
             FluIconButton{
-                iconSource: FluentIcons.ChromeCloseContrast
-                disabled: icon_button_switch.checked
+                iconSource:FluentIcons.ChromeCloseContrast
+                disabled:icon_button_switch.checked
                 iconSize: 15
-                text: qsTr("TextOnly")
+                text:"TextOnly"
                 display: Button.TextOnly
                 onClicked:{
-                    showSuccess(qsTr("Button.TextOnly"))
+                    showSuccess("Button.TextOnly")
                 }
             }
             FluIconButton{
-                iconSource: FluentIcons.ChromeCloseContrast
-                disabled: icon_button_switch.checked
+                iconSource:FluentIcons.ChromeCloseContrast
+                disabled:icon_button_switch.checked
                 iconSize: 15
-                text: qsTr("TextBesideIcon")
+                text:"TextBesideIcon"
                 display: Button.TextBesideIcon
                 onClicked:{
-                    showSuccess(qsTr("Button.TextBesideIcon"))
+                    showSuccess("Button.TextBesideIcon")
                 }
             }
             FluIconButton{
-                iconSource: FluentIcons.ChromeCloseContrast
-                disabled: icon_button_switch.checked
+                iconSource:FluentIcons.ChromeCloseContrast
+                disabled:icon_button_switch.checked
                 iconSize: 15
-                text: qsTr("TextUnderIcon")
+                text:"TextUnderIcon"
                 display: Button.TextUnderIcon
                 onClicked:{
-                    showSuccess(qsTr("Button.TextUnderIcon"))
+                    showSuccess("Button.TextUnderIcon")
                 }
             }
         }
         FluToggleSwitch{
-            id: icon_button_switch
+            id:icon_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -339,35 +340,35 @@ FluScrollablePage{
         paddings: 10
         Layout.topMargin: 20
         FluDropDownButton{
-            disabled: drop_down_button_switch.checked
-            text: qsTr("DropDownButton")
+            disabled:drop_down_button_switch.checked
+            text:"DropDownButton"
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
             }
             FluMenuItem{
-                text: qsTr("Menu_1")
+                text:"Menu_1"
             }
             FluMenuItem{
-                text: qsTr("Menu_2")
+                text:"Menu_2"
             }
             FluMenuItem{
-                text: qsTr("Menu_3")
+                text:"Menu_3"
             }
             FluMenuItem{
-                text: qsTr("Menu_4")
+                text:"Menu_4"
                 onClicked: {
 
                 }
             }
         }
         FluToggleSwitch{
-            id: drop_down_button_switch
+            id:drop_down_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -403,24 +404,24 @@ FluScrollablePage{
             }
             FluRadioButton{
                 disabled:radio_button_switch.checked
-                text: qsTr("Radio Button_1")
+                text:"Radio Button_1"
             }
             FluRadioButton{
                 disabled:radio_button_switch.checked
-                text: qsTr("Radio Button_2")
+                text:"Radio Button_2"
             }
             FluRadioButton{
                 disabled:radio_button_switch.checked
-                text: qsTr("Radio Button_3")
+                text:"Radio Button_3"
             }
         }
         FluToggleSwitch{
-            id: radio_button_switch
+            id:radio_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{

example/qml-Qt6/page/T_CalendarPicker.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("CalendarPicker")
+    title:"CalendarPicker"
 
     FluArea{
         Layout.fillWidth: true

example/qml-Qt6/page/T_Captcha.qml

@@ -7,10 +7,10 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Captcha")
+    title:"Captcha"
 
     FluCaptcha{
-        id: captcha
+        id:captcha
         Layout.topMargin: 20
         ignoreCase:switch_case.checked
         MouseArea{
@@ -23,7 +23,7 @@ FluScrollablePage{
     }
 
     FluButton{
-        text: qsTr("Refresh")
+        text:"Refresh"
         Layout.topMargin: 20
         onClicked: {
             captcha.refresh()
@@ -31,8 +31,8 @@ FluScrollablePage{
     }
 
     FluToggleSwitch{
-        id: switch_case
-        text: qsTr("Ignore Case")
+        id:switch_case
+        text:"Ignore Case"
         checked: true
         Layout.topMargin: 10
     }
@@ -42,7 +42,7 @@ FluScrollablePage{
         Layout.topMargin: 10
         FluTextBox{
             id:text_box
-            placeholderText: qsTr("Please enter a verification code")
+            placeholderText: "请输入验证码"
             Layout.preferredWidth: 240
         }
         FluButton{
@@ -50,9 +50,9 @@ FluScrollablePage{
             onClicked: {
                 var success =  captcha.verify(text_box.text)
                 if(success){
-                    showSuccess(qsTr("The verification code is correct"))
+                    showSuccess("验证码正确")
                 }else{
-                    showError(qsTr("Error validation, please re-enter"))
+                    showError("错误验证，请重新输入")
                 }
             }
         }

example/qml-Qt6/page/T_Carousel.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Carousel")
+    title:"Carousel"
 
     ListModel{
         id:data_model
@@ -34,7 +34,7 @@ FluScrollablePage{
                 left:parent.left
             }
             FluText{
-                text: qsTr("Carousel map, support infinite carousel, infinite swipe, and components implemented with ListView")
+                text:"轮播图，支持无限轮播，无限滑动，用ListView实现的组件"
             }
             Item{
                 width: 400

example/qml-Qt6/page/T_CheckBox.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("CheckBox")
+    title:"CheckBox"
 
     FluArea{
         Layout.fillWidth: true
@@ -16,7 +16,7 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluText{
-            text: qsTr("A 2-state CheckBox")
+            text:"A 2-state CheckBox"
         }
 
         Row{
@@ -30,11 +30,11 @@ FluScrollablePage{
             }
             FluCheckBox{
                 disabled: check_box_switch_two.checked
-                text: qsTr("Right")
+                text:"Right"
             }
             FluCheckBox{
                 disabled: check_box_switch_two.checked
-                text: qsTr("Left")
+                text:"Left"
                 textRight: false
             }
         }
@@ -44,7 +44,7 @@ FluScrollablePage{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -62,7 +62,7 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluText{
-            text: qsTr("A 3-state CheckBox")
+            text:"A 3-state CheckBox"
         }
 
         Row{
@@ -73,7 +73,7 @@ FluScrollablePage{
             }
             FluCheckBox{
                 property int count: 1
-                text: qsTr("Three State")
+                text:"Three State"
                 disabled: check_box_switch_three.checked
                 clickListener: function(){
                     var flag = count%3
@@ -94,12 +94,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id:  check_box_switch_three
+            id:check_box_switch_three
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{

example/qml-Qt6/page/T_Clip.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Clip")
+    title:"Clip"
 
     FluArea{
         Layout.fillWidth: true
@@ -22,7 +22,8 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("Use with images (this component will have no effect under software rendering)")
+                text:"配合图片使用(software渲染下该组件将没有效果)"
+                font: FluTextStyle.Subtitle
                 Layout.topMargin: 20
             }
             RowLayout{
@@ -30,7 +31,7 @@ FluScrollablePage{
                 FluClip{
                     width: 50
                     height: 50
-                    radius: [25,0,25,25]
+                    radius:[25,0,25,25]
                     Image {
                         asynchronous: true
                         anchors.fill: parent
@@ -41,7 +42,7 @@ FluScrollablePage{
                 FluClip{
                     width: 50
                     height: 50
-                    radius: [10,10,10,10]
+                    radius:[10,10,10,10]
                     Image {
                         asynchronous: true
                         anchors.fill: parent
@@ -52,7 +53,7 @@ FluScrollablePage{
                 FluClip{
                     width: 50
                     height: 50
-                    radius: [25,25,25,25]
+                    radius:[25,25,25,25]
                     Image {
                         asynchronous: true
                         anchors.fill: parent
@@ -63,7 +64,7 @@ FluScrollablePage{
                 FluClip{
                     width: 50
                     height: 50
-                    radius: [0,25,25,25]
+                    radius:[0,25,25,25]
                     Image {
                         asynchronous: true
                         anchors.fill: parent
@@ -75,7 +76,7 @@ FluScrollablePage{
             FluClip{
                 width: 1920/5
                 height: 1200/5
-                radius: [8,8,8,8]
+                radius:[8,8,8,8]
                 Image {
                     asynchronous: true
                     source: "qrc:/example/res/image/banner_1.jpg"

example/qml-Qt6/page/T_ColorPicker.qml

@@ -7,27 +7,21 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("ColorPicker")
+    title:"ColorPicker"
 
     FluArea{
         Layout.fillWidth: true
         Layout.topMargin: 20
         height: 60
         paddings: 10
+
         RowLayout{
             FluText{
-                text: qsTr("Click to Select a Color - >")
+                text:"点击选择颜色->"
                 Layout.alignment: Qt.AlignVCenter
             }
             FluColorPicker{
-                cancelText: qsTr("Cancel")
-                okText: qsTr("OK")
-                titleText: qsTr("Color Picker")
-                editText: qsTr("Edit Color")
-                redText: qsTr("Red")
-                greenText: qsTr("Green")
-                blueText: qsTr("Blue")
-                opacityText: qsTr("Opacity")
+
             }
         }
     }

example/qml-Qt6/page/T_ComboBox.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("ComboBox")
+    title:"ComboBox"
 
     FluArea{
         Layout.fillWidth: true

example/qml-Qt6/page/T_DatePicker.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("TimePicker")
+    title:"TimePicker"
 
     FluArea{
         Layout.fillWidth: true
@@ -20,15 +20,10 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("showYear=true")
+                text:"showYear=true"
             }
             FluDatePicker{
                 current: new Date()
-                yearText: qsTr("Year")
-                monthText: qsTr("Month")
-                dayText: qsTr("Day")
-                cancelText: qsTr("Cancel")
-                okText: qsTr("OK")
                 onAccepted: {
                     showSuccess(current.toLocaleDateString())
                 }
@@ -54,15 +49,10 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("showYear=false")
+                text:"showYear=false"
             }
             FluDatePicker{
-                showYear: false
-                yearText: qsTr("Year")
-                monthText: qsTr("Month")
-                dayText: qsTr("Day")
-                cancelText: qsTr("Cancel")
-                okText: qsTr("OK")
+                showYear:false
                 onAccepted: {
                     showSuccess(current.toLocaleDateString())
                 }

example/qml-Qt6/page/T_Dialog.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Dialog")
+    title:"Dialog"
 
     FluArea{
         Layout.fillWidth: true
@@ -16,7 +16,7 @@ FluScrollablePage{
         Layout.topMargin: 20
         FluButton{
             anchors.verticalCenter: parent.verticalCenter
-            text: qsTr("Show Double Button Dialog")
+            text:"Show Double Button Dialog"
             onClicked: {
                 double_btn_dialog.open()
             }
@@ -27,16 +27,16 @@ FluScrollablePage{
         Layout.topMargin: -1
         code:'FluContentDialog{
     id:dialog
-    title: qsTr("Friendly Reminder")
-    message: qsTr("Are you sure you want to opt out?")
-    negativeText: qsTr("Cancel")
+    title:"友情提示"
+    message:"确定要退出程序么？"
+    negativeText:"取消"
     buttonFlags: FluContentDialogType.NegativeButton | FluContentDialogType.PositiveButton
     onNegativeClicked:{
-        showSuccess(qsTr("Click the Cancel Button"))
+        showSuccess("点击取消按钮")
     }
-    positiveText: qsTr("OK")
+    positiveText:"确定"
     onPositiveClicked:{
-        showSuccess(qsTr("Click the OK Button"))
+        showSuccess("点击确定按钮")
         }
     }
     dialog.open()'
@@ -44,16 +44,16 @@ FluScrollablePage{
 
     FluContentDialog{
         id:double_btn_dialog
-        title: qsTr("Friendly Reminder")
-        message: qsTr("Are you sure you want to opt out?")
+        title:"友情提示"
+        message:"确定要退出程序么？"
         buttonFlags: FluContentDialogType.NegativeButton | FluContentDialogType.PositiveButton
-        negativeText: qsTr("Cancel")
-        onNegativeClicked: {
-            showSuccess(qsTr("Click the Cancel Button"))
+        negativeText:"取消"
+        onNegativeClicked:{
+            showSuccess("点击取消按钮")
         }
-        positiveText: qsTr("OK")
+        positiveText:"确定"
         onPositiveClicked:{
-            showSuccess(qsTr("Click the OK Button"))
+            showSuccess("点击确定按钮")
         }
     }
 
@@ -64,7 +64,7 @@ FluScrollablePage{
         Layout.topMargin: 20
         FluButton{
             anchors.verticalCenter: parent.verticalCenter
-            text: qsTr("Show Triple Button Dialog")
+            text:"Show Triple Button Dialog"
             onClicked: {
                 triple_btn_dialog.open()
             }
@@ -74,43 +74,43 @@ FluScrollablePage{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluContentDialog{
-    id: dialog
-    title: qsTr("Friendly Reminder")
-    message: qsTr("Are you sure you want to opt out?")
-    negativeText: qsTr("Cancel")
+    id:dialog
+    title:"友情提示"
+    message:"确定要退出程序么？"
+    negativeText:"取消"
     buttonFlags: FluContentDialogType.NeutralButton | FluContentDialogType.NegativeButton | FluContentDialogType.PositiveButton
-    negativeText: qsTr("Cancel")
-    onNegativeClicked: {
-        showSuccess(qsTr("Click the Cancel Button"))
+    negativeText:"取消"
+    onNegativeClicked:{
+        showSuccess("点击取消按钮")
     }
-    positiveText: qsTr("OK")
-    onPositiveClicked: {
-        showSuccess(qsTr("Click the OK Button"))
+    positiveText:"确定"
+    onPositiveClicked:{
+        showSuccess("点击确定按钮")
     }
-    neutralText: qsTr("Minimize")
-    onNeutralClicked: {
-        showSuccess(qsTr("Click Minimize"))
+    neutralText:"最小化"
+    onNeutralClicked:{
+        showSuccess("点击最小化按钮")
         }
     }
     dialog.open()'
     }
 
     FluContentDialog{
-        id: triple_btn_dialog
-        title: qsTr("Friendly Reminder")
-        message: qsTr("Are you sure you want to opt out?")
+        id:triple_btn_dialog
+        title:"友情提示"
+        message:"确定要退出程序么？"
         buttonFlags: FluContentDialogType.NeutralButton | FluContentDialogType.NegativeButton | FluContentDialogType.PositiveButton
-        negativeText: qsTr("Cancel")
-        onNegativeClicked: {
-            showSuccess(qsTr("Click the Cancel Button"))
+        negativeText:"取消"
+        onNegativeClicked:{
+            showSuccess("点击取消按钮")
         }
-        positiveText: qsTr("OK")
-        onPositiveClicked: {
-            showSuccess(qsTr("Click the OK Button"))
+        positiveText:"确定"
+        onPositiveClicked:{
+            showSuccess("点击确定按钮")
         }
-        neutralText: qsTr("Minimize")
-        onNeutralClicked: {
-            showSuccess(qsTr("Click Minimize"))
+        neutralText:"最小化"
+        onNeutralClicked:{
+            showSuccess("点击最小化按钮")
         }
     }
 
@@ -122,7 +122,7 @@ FluScrollablePage{
         FluButton{
             anchors.top: parent.top
             anchors.topMargin: 5
-            text: qsTr("Custom Content Dialog")
+            text:"Custom Content Dialog"
             onClicked: {
                 custom_btn_dialog.open()
             }
@@ -130,7 +130,7 @@ FluScrollablePage{
         FluButton{
             anchors.top: parent.top
             anchors.topMargin: 48
-            text: qsTr("Custom Content Dialog2")
+            text:"Custom Content Dialog2"
             onClicked: {
                 custom_btn_dialog2.open()
             }
@@ -140,10 +140,10 @@ FluScrollablePage{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluContentDialog{
-    id: dialog
-    title: qsTr("Friendly Reminder")
-    message: qsTr("Data is loading, please wait...")
-    negativeText: qsTr("Unload")
+    id:dialog
+    title:"友情提示"
+    message:"数据正在加载中，请稍等..."
+    negativeText:"取消加载"
     contentDelegate: Component{
         Item{
             width: parent.width
@@ -153,22 +153,22 @@ FluScrollablePage{
             }
         }
     }
-    onNegativeClicked: {
-        showSuccess(qsTr("Click the Cancel Button"))
+    onNegativeClicked:{
+        showSuccess("点击取消按钮")
     }
-    positiveText :qsTr("OK")
-    onPositiveClicked: {
-        showSuccess(qsTr("Click the OK Button"))
+    positiveText:"确定"
+    onPositiveClicked:{
+        showSuccess("点击确定按钮")
         }
     }
     dialog.open()'
     }
 
     FluContentDialog{
-        id: custom_btn_dialog
-        title: qsTr("Friendly Reminder")
-        message: qsTr("Data is loading, please wait...")
-        negativeText: qsTr("Unload")
+        id:custom_btn_dialog
+        title:"友情提示"
+        message:"数据正在加载中，请稍等..."
+        negativeText:"取消加载"
         contentDelegate: Component{
             Item{
                 implicitWidth: parent.width
@@ -178,18 +178,18 @@ FluScrollablePage{
                 }
             }
         }
-        onNegativeClicked: {
-            showSuccess(qsTr("Click the Cancel Button"))
+        onNegativeClicked:{
+            showSuccess("点击取消按钮")
         }
-        positiveText: qsTr("OK")
-        onPositiveClickListener: function(){
-            showError(qsTr("Test the InfoBar level on top of the Popup"))
+        positiveText:"确定"
+        onPositiveClickListener:function(){
+            showError("测试InfoBar层级在Popup之上")
         }
     }
 
     FluContentDialog{
         id:custom_btn_dialog2
-        title: qsTr("Line Chart")
+        title:"折线图"
         contentDelegate: Component{
             Item{
                 implicitWidth: parent.width
@@ -224,9 +224,9 @@ FluScrollablePage{
             }
         }
         buttonFlags: FluContentDialogType.PositiveButton
-        positiveText: qsTr("OK")
-        onPositiveClicked: {
-            showSuccess(qsTr("Click the OK Button"))
+        positiveText:"确定"
+        onPositiveClicked:{
+            showSuccess("点击确定按钮")
         }
     }
 }

example/qml-Qt6/page/T_Expander.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Expander")
+    title:"Expander"
 
     FluArea{
         Layout.fillWidth: true
@@ -23,7 +23,7 @@ FluScrollablePage{
             }
 
             FluExpander{
-                headerText: qsTr("Open a radio box")
+                headerText:"打开一个单选框"
                 Layout.topMargin: 20
                 Item{
                     anchors.fill: parent
@@ -50,7 +50,7 @@ FluScrollablePage{
 
             FluExpander{
                 Layout.topMargin: 20
-                headerText: qsTr("Open a sliding text box")
+                headerText:"打开一个滑动文本框"
                 Item{
                     anchors.fill: parent
                     Flickable{
@@ -64,16 +64,9 @@ FluScrollablePage{
                         FluText{
                             id:text_info
                             width: scrollview.width
-                            wrapMode: Text.WordWrap
+                            wrapMode: Text.WrapAnywhere
                             padding: 14
-                            text: qsTr("Permit me to observe: the late emperor was taken from us before he could finish his life`s work, the restoration of Han. Today, the empire is still divided in three, and our very survival is threatened. Yet still the officials at court and the soldiers throughout the realm remain loyal to you, your majesty. Because they remember the late emperor, all of them, and they wish to repay his kindness in service to you. This is the moment to extend your divine influence, to honour the memory of the late Emperor and strengthen the morale of your officers. It is not time to listen to bad advice, or close your ears to the suggestions of loyal men.
-The court and the administration are as one. Both must be judged by one standard. Those who are loyal and good must get what they deserve, but so must the evil-doers who break the law. This will demonstrate the justice of your rule. There cannot be one law for the court and another for the administration.
-Counselors and attendants like Guo Youzhi, Fei Yi, and Dong Yun are all reliable men, loyal of purpose and pure in motive. The late Emperor selected them for office so that they would serve you after his death.These are the men who should be consulted on all palace affairs. Xiang Chong has proved himself a fine general in battle, and the late Emperor believed in him. That is why the assembly has recommended him for overall command. It will keep the troops happy if he is consulted on all military matters.
-Xiang Chong has proved himself a fine general in battle, and the late Emperor believed in him. That is why the assembly has recommended him for overall command. It will keep the troops happy if he is consulted on all military matters.
-The emperors of the Western Han chose their courtiers wisely, and their dynasty flourished. The emperors of the Eastern Han chose poorly, and they doomed the empire to ruin. Whenever the late Emperor discussed this problem with me, he lamented the failings of Emperors Huan and Ling. Advisors like Guo Youzhi, Fei Yi, Chen Zhen, Zhang Yi, and Jiang Wan – these are all men of great integrity and devotion. I encourage you to trust them, your majesty, if the house of Han is to rise again.
-I begin as a common man, farming in my fields in Nanyang, doing what I could to survive in an age of chaos. I never had any interest in making a name for myself as a noble. The late Emperor was not ashamed to visit my cottage and seek my advice. Grateful for his regard, I responded to his appeal and threw myself into his service. Now twenty-one years has passed, the late Emperor always appreciated my caution and, in his final days, entrusted me with his cause.
-Since that moment, I have been tormented day and night by the fear that I might let him down. That is why I crossed the Lu river at the height of summer, and entered the wastelands beyond. Now the south has been subdued, and our forces are fully armed.I should lead our soldiers to conquer the northern heartland and attempt to remove the hateful traitors, restore the house of Han, and return it to the former capital.This the way I mean to honor my debt to the late Emperor and fulfill my duty to you. Guo Youzhi, Fei Yi, and Dong Yun are the ones who should be making policy decisions and recommendations.
-My only desire is to be permitted to drive out the traitors and restore the Han. If I should let you down, punish my offense and report it to the spirit of the late Emperor. If those three advisors should fail in their duties, then they should be punished for their negligence.Your Majesty, consider your course of action carefully. Seek out good advice, and never forget the late Emperor. I depart now on a long expedition, and I will be forever grateful if you heed my advice. Blinded by my own tears, I know not what I write.")
+                            text:"先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。宫中府中，俱为一体；陟罚臧否，不宜异同。若有作奸犯科及为忠善者，宜付有司论其刑赏，以昭陛下平明之理，不宜偏私，使内外异法也。侍中、侍郎郭攸之、费祎、董允等，此皆良实，志虑忠纯，是以先帝简拔以遗陛下。愚以为宫中之事，事无大小，悉以咨之，然后施行，必能裨补阙漏，有所广益。将军向宠，性行淑均，晓畅军事，试用于昔日，先帝称之曰能，是以众议举宠为督。愚以为营中之事，悉以咨之，必能使行阵和睦，优劣得所。亲贤臣，远小人，此先汉所以兴隆也；亲小人，远贤臣，此后汉所以倾颓也。先帝在时，每与臣论此事，未尝不叹息痛恨于桓、灵也。侍中、尚书、长史、参军，此悉贞良死节之臣，愿陛下亲之信之，则汉室之隆，可计日而待也。臣本布衣，躬耕于南阳，苟全性命于乱世，不求闻达于诸侯。先帝不以臣卑鄙，猥自枉屈，三顾臣于草庐之中，咨臣以当世之事，由是感激，遂许先帝以驱驰。后值倾覆，受任于败军之际，奉命于危难之间，尔来二十有一年矣。先帝知臣谨慎，故临崩寄臣以大事也。受命以来，夙夜忧叹，恐托付不效，以伤先帝之明；故五月渡泸，深入不毛。今南方已定，兵甲已足，当奖率三军，北定中原，庶竭驽钝，攘除奸凶，兴复汉室，还于旧都。此臣所以报先帝而忠陛下之职分也。至于斟酌损益，进尽忠言，则攸之、祎、允之任也。愿陛下托臣以讨贼兴复之效，不效，则治臣之罪，以告先帝之灵。若无兴德之言，则责攸之、祎、允等之慢，以彰其咎；陛下亦宜自谋，以咨诹善道，察纳雅言，深追先帝遗诏。臣不胜受恩感激。今当远离，临表涕零，不知所言。"
                         }
                     }
                 }
@@ -85,7 +78,7 @@ My only desire is to be permitted to drive out the traitors and restore the Han.
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluExpander{
-    headerText: qsTr("Open a radio box")
+    headerText:"打开一个单选框"
     Item{
         anchors.fill: parent
         Flickable{
@@ -97,9 +90,9 @@ My only desire is to be permitted to drive out the traitors and restore the Han.
             FluText{
                 id:text_info
                 width: scrollview.width
-                wrapMode: Text.WordWrap
+                wrapMode: Text.WrapAnywhere
                 padding: 14
-                text: qsTr("Permit me to observe: the late emperor was taken from us before he could finish his life`s work...")
+                text:"先帝创业未半而中道崩殂，今天下三分......""
             }
         }
     }

example/qml-Qt6/page/T_FlipView.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("FlipView")
+    title:"FlipView"
 
     FluArea{
         Layout.fillWidth: true
@@ -17,7 +17,7 @@ FluScrollablePage{
         ColumnLayout{
             anchors.verticalCenter: parent.verticalCenter
             FluText{
-                text: qsTr("Horizontal FlipView")
+                text:"水平方向的FlipView"
             }
             FluFlipView{
                 Image{
@@ -69,7 +69,7 @@ FluScrollablePage{
         ColumnLayout{
             anchors.verticalCenter: parent.verticalCenter
             FluText{
-                text: qsTr("Vertical FlipView")
+                text:"垂直方向的FlipView"
             }
             FluFlipView{
                 vertical:true

example/qml-Qt6/page/T_Home.qml

@@ -11,24 +11,12 @@ FluScrollablePage{
     animDisabled: true
 
     ListModel{
-        id: model_header
+        id:model_header
         ListElement{
-            icon: "qrc:/example/res/image/ic_home_github.png"
-            title: qsTr("FluentUI GitHub")
-            desc: qsTr("The latest FluentUI controls and styles for your applications.")
-            url: "https://github.com/zhuzichu520/FluentUI"
-            clicked: function(model){
-                Qt.openUrlExternally(model.url)
-            }
-        }
-        ListElement{
-            icon: "qrc:/example/res/image/favicon.ico"
-            title: qsTr("FluentUI Initalizr")
-            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){
-                FluApp.navigate("/fluentInitalizr")
-            }
+            icon:"qrc:/example/res/image/ic_home_github.png"
+            title:"FluentUI GitHub"
+            desc:"The latest FluentUI controls and styles for your applications."
+            url:"https://github.com/zhuzichu520/FluentUI"
         }
     }
 
@@ -118,7 +106,7 @@ FluScrollablePage{
                             Layout.leftMargin: 20
                             color: FluColors.Grey120
                             font.pixelSize: 12
-                            wrapMode: Text.WordWrap
+                            wrapMode: Text.WrapAnywhere
                         }
                     }
                     FluIcon{
@@ -141,7 +129,7 @@ FluScrollablePage{
                                 else scrollbar_header.increase()
                             }
                         onClicked: {
-                            model.clicked(model)
+                            Qt.openUrlExternally(model.url)
                         }
                     }
                 }
@@ -214,7 +202,7 @@ FluScrollablePage{
                     id:item_desc
                     text:desc
                     color:FluColors.Grey120
-                    wrapMode: Text.WordWrap
+                    wrapMode: Text.WrapAnywhere
                     elide: Text.ElideRight
                     font: FluTextStyle.Caption
                     maximumLineCount: 2

example/qml-Qt6/page/T_Image.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Image")
+    title:"Image"
 
     FluArea{
         Layout.fillWidth: true
@@ -24,10 +24,9 @@ FluScrollablePage{
                 width: 384
                 height: 240
                 source: "https://gitee.com/zhu-zichu/zhu-zichu/raw/74f075efe2f8d3c3bb7ba3c2259e403450e4050b/image/banner_4.jpg"
-                errorButtonText: qsTr("Reload")
                 onStatusChanged:{
                     if(status === Image.Error){
-                        showError(qsTr("The image failed to load, please reload"))
+                        showError("图片加载失败，请重新加载")
                     }
                 }
                 clickErrorListener: function(){

example/qml-Qt6/page/T_InfoBar.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("InfoBar")
+    title:"InfoBar"
 
     FluArea{
         Layout.fillWidth: true
@@ -21,39 +21,39 @@ FluScrollablePage{
                 left: parent.left
             }
             FluButton{
-                text: qsTr("Info")
+                text:"Info"
                 onClicked: {
-                    showInfo(qsTr("This is an InfoBar in the Info Style"))
+                    showInfo("这是一个Info样式的InfoBar")
                 }
             }
             FluButton{
-                text: qsTr("Warning")
+                text:"Warning"
                 onClicked: {
-                    showWarning(qsTr("This is an InfoBar in the Warning Style"))
+                    showWarning("这是一个Warning样式的InfoBar")
                 }
             }
             FluButton{
                 text:"Error"
                 onClicked: {
-                    showError(qsTr("This is an InfoBar in the Error Style"))
+                    showError("这是一个Error样式的InfoBar")
                 }
             }
             FluButton{
                 text:"Success"
                 onClicked: {
-                    showSuccess(qsTr("This is an InfoBar in the Success Style"))
+                    showSuccess("这是一个Success样式的InfoBar")
                 }
             }
             FluButton{
-                text: qsTr("InfoBar that needs to be turned off manually")
+                text:"手动关闭的InfoBar"
                 onClicked: {
-                    showInfo("This is an InfoBar in the Info Style",0,"Manual shutdown is supported")
+                    showInfo("这是一个Info样式的InfoBar",0,"支持手动关闭")
                 }
             }
             FluButton{
                 text:"Loading"
                 onClicked: {
-                    showLoading(qsTr("Loading..."))
+                    showLoading()
                 }
             }
         }
@@ -61,12 +61,12 @@ FluScrollablePage{
     CodeExpander{
         Layout.fillWidth: true
         Layout.topMargin: -1
-        code:'showInfo(qsTr("This is an InfoBar in the Info Style"))
+        code:'showInfo("这是一个Info样式的InfoBar")
 
-showWarning(qsTr("This is an InfoBar in the Warning Style"))
+showWarning("这是一个Warning样式的InfoBar")
 
-showError(qsTr("This is an InfoBar in the Error Style"))
+showError("这是一个Error样式的InfoBar")
 
-showSuccess(qsTr("This is an InfoBar in the Success Style"))'
+showSuccess("这是一个Success样式的InfoBar这是一个Success样式的InfoBar")'
     }
 }

example/qml-Qt6/page/T_Menu.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Menu")
+    title:"Menu"
 
     FluMenu {
         id:menu
@@ -27,20 +27,20 @@ FluScrollablePage{
             iconSource: FluentIcons.Zoom
             iconSpacing: 3
             onTriggered: {
-                showError(qsTr("Search"))
+                showError("Search")
             }
         }
         Action {
             text: qsTr("Disable")
             enabled:false
             onTriggered: {
-                showError(qsTr("Disable"))
+                showError("Disable")
             }
         }
         FluMenuSeparator { }
         Action { text: qsTr("Check");checkable: true;checked: true}
         FluMenu{
-            title: qsTr("Save As...")
+            title: "Save As..."
             Action { text: qsTr("Doc") }
             Action { text: qsTr("PDF") }
         }
@@ -53,7 +53,7 @@ FluScrollablePage{
         paddings: 10
         Layout.topMargin: 20
         Column{
-            id: layout_column
+            id:layout_column
             spacing: 15
             anchors{
                 verticalCenter: parent.verticalCenter
@@ -61,11 +61,11 @@ FluScrollablePage{
             }
 
             FluText{
-                text: qsTr("Menu")
+                text:"Menu"
             }
 
             FluButton{
-                text: qsTr("Show Menu Popup")
+                text:"Show Menu Popup"
                 Layout.topMargin: 20
                 onClicked:{
                     menu.popup()
@@ -112,7 +112,7 @@ menu.popup()
             }
 
             FluText{
-                text: qsTr("MenuBar")
+                text:"MenuBar"
             }
 
             FluMenuBar {
@@ -129,7 +129,7 @@ menu.popup()
                         enabled:false
                     }
                     FluMenu{
-                        title: qsTr("Save As...")
+                        title: "Save As..."
                         Action { text: qsTr("Doc") }
                         Action { text: qsTr("PDF") }
                     }
@@ -168,4 +168,8 @@ menu.popup()
 menu.popup()
 '
     }
+
+
+
+
 }

example/qml-Qt6/page/T_MultiWindow.qml

@@ -10,7 +10,7 @@ FluScrollablePage{
     property string password: ""
     property var loginPageRegister: registerForWindowResult("/login")
 
-    title: qsTr("MultiWindow")
+    title:"MultiWindow"
 
     Connections{
         target: loginPageRegister
@@ -32,10 +32,10 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("<font color='red'>Standard</font> mode window，a new window is created every time")
+                text:"<font color='red'>Standard</font>模式窗口，每次都会创建新窗口"
             }
             FluButton{
-                text: qsTr("Create Window")
+                text:"点击创建窗口"
                 onClicked: {
                     FluApp.navigate("/standardWindow")
                 }
@@ -55,11 +55,11 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("<font color='red'>SingleTask</font> mode window，If a window exists, this activates the window")
+                text:"<font color='red'>SingleTask</font>模式窗口，如果窗口存在，这激活该窗口"
                 textFormat: Text.RichText
             }
             FluButton{
-                text: qsTr("Create Window")
+                text:"点击创建窗口"
                 onClicked: {
                     FluApp.navigate("/singleTaskWindow")
                 }
@@ -79,10 +79,10 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("<font color='red'>SingleInstance</font> mode window，If the window exists, destroy the window and create a new window")
+                text:"<font color='red'>SingleInstance</font>模式窗口，如果窗口存在，则销毁窗口，然后新建窗口"
             }
             FluButton{
-                text: qsTr("Create Window")
+                text:"点击创建窗口"
                 onClicked: {
                     FluApp.navigate("/singleInstanceWindow")
                 }
@@ -113,10 +113,10 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("Create the window without carrying any parameters")
+                text:"页面跳转，不携带任何参数"
             }
             FluButton{
-                text: qsTr("Create Window")
+                text:"点击跳转"
                 onClicked: {
                     FluApp.navigate("/about")
                 }
@@ -127,7 +127,7 @@ FluScrollablePage{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluButton{
-    text: qsTr("Create Window")
+    text:"点击跳转"
     onClicked: {
         FluApp.navigate("/about")
     }
@@ -148,16 +148,16 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("Create a window with the parameter username: zhuzichu")
+                text:"页面跳转，并携带参数用户名：zhuzichu"
             }
             FluButton{
-                text: qsTr("Create Window")
+                text:"点击跳转到登录"
                 onClicked: {
                     loginPageRegister.launch({username:"zhuzichu"})
                 }
             }
             FluText{
-                text:qsTr("Login Window Returned Password - >")+password
+                text:"登录窗口返回过来的密码->"+password
             }
         }
     }
@@ -175,7 +175,7 @@ Connections{
 }
 
 FluButton{
-    text: qsTr("Create Window")
+    text:"点击跳转"
     onClicked: {
         loginPageRegister.launch({username:"zhuzichu"})
     }

example/qml-Qt6/page/T_Network.qml

@@ -9,7 +9,7 @@ import "../component"
 FluContentPage{
 
     id:root
-    title: qsTr("Network")
+    title:"Network"
 
     FluNetworkCallable{
         id:callable
@@ -552,7 +552,7 @@ FluContentPage{
             FluText{
                 id:text_info
                 width: scrollview.width
-                wrapMode: Text.WordWrap
+                wrapMode: Text.WrapAnywhere
                 padding: 14
             }
         }

example/qml-Qt6/page/T_Pagination.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Pagination")
+    title:"Pagination"
 
     FluArea{
         Layout.fillWidth: true
@@ -21,22 +21,16 @@ FluScrollablePage{
                 pageCurrent: 1
                 pageButtonCount: 5
                 itemCount: 5000
-                previousText: qsTr("<Previous")
-                nextText: qsTr("Next>")
             }
             FluPagination{
                 pageCurrent: 2
                 itemCount: 5000
                 pageButtonCount: 7
-                previousText: qsTr("<Previous")
-                nextText: qsTr("Next>")
             }
             FluPagination{
                 pageCurrent: 3
                 itemCount: 5000
                 pageButtonCount: 9
-                previousText: qsTr("<Previous")
-                nextText: qsTr("Next>")
             }
         }
 

example/qml-Qt6/page/T_Pivot.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Pivot")
+    title:"Pivot"
 
     FluArea{
         Layout.fillWidth: true
@@ -15,34 +15,31 @@ FluScrollablePage{
         height: 400
         paddings: 10
 
-
-
         FluPivot{
             anchors.fill: parent
             currentIndex: 2
-
             FluPivotItem{
-                title: qsTr("All")
+                title:"All"
                 contentItem:FluText{
-                    text: qsTr("All emails go here.")
+                    text:"All emails go here."
                 }
             }
             FluPivotItem{
-                title: qsTr("Unread")
-                contentItem: FluText{
-                    text: qsTr("Unread emails go here.")
+                title:"Unread"
+                contentItem:FluText{
+                    text:"Unread emails go here."
                 }
             }
             FluPivotItem{
-                title: qsTr("Flagged")
-                contentItem: FluText{
-                    text: qsTr("Flagged emails go here.")
+                title:"Flagged"
+                contentItem:FluText{
+                    text:"Flagged emails go here."
                 }
             }
             FluPivotItem{
-                title: qsTr("Urgent")
-                contentItem: FluText{
-                    text: qsTr("Urgent emails go here.")
+                title:"Urgent"
+                contentItem:FluText{
+                    text:"Urgent emails go here."
                 }
             }
         }
@@ -53,27 +50,27 @@ FluScrollablePage{
         code:'FluPivot{
     anchors.fill: parent
     FluPivotItem:{
-        text: qsTr("All")
+        text:"All"
         contentItem: FluText{
-            text: qsTr("All emails go here.")
+            text:"All emails go here."
         }
     }
     FluPivotItem:{
-        text: qsTr("Unread")
+        text:"Unread"
         contentItem: FluText{
-            text: qsTr("Unread emails go here.")
+            text:"Unread emails go here."
         }
     }
     FluPivotItem:{
-        text: qsTr("Flagged")
+        text:"Flagged"
         contentItem: FluText{
-            text: qsTr("Flagged emails go here.")
+            text:"Flagged emails go here."
         }
     }
     FluPivotItem:{
-        text: qsTr("Urgent")
+        text:"Urgent"
         contentItem: FluText{
-            text: qsTr("Urgent emails go here.")
+            text:"Urgent emails go here."
         }
     }
 }

example/qml-Qt6/page/T_Progress.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Progress")
+    title:"Progress"
 
     FluArea{
         Layout.fillWidth: true

example/qml-Qt6/page/T_QRCode.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("QRCode")
+    title:"QRCode"
 
     FluQRCode{
         id:qrcode

example/qml-Qt6/page/T_RadioButton.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("RadioButton")
+    title:"RadioButton"
 
     FluArea{
         Layout.fillWidth: true
@@ -22,21 +22,21 @@ FluScrollablePage{
             }
             FluRadioButton{
                 disabled: radio_button_switch.checked
-                text: qsTr("Right")
+                text:"Right"
             }
             FluRadioButton{
                 disabled: radio_button_switch.checked
-                text: qsTr("Left")
+                text:"Left"
                 textRight: false
             }
         }
         FluToggleSwitch{
-            id: radio_button_switch
+            id:radio_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -61,24 +61,24 @@ FluScrollablePage{
             }
             FluRadioButton{
                 disabled: radio_button_switch2.checked
-                text: qsTr("Radio Button_1")
+                text:"Radio Button_1"
             }
             FluRadioButton{
                 disabled: radio_button_switch2.checked
-                text: qsTr("Radio Button_2")
+                text:"Radio Button_2"
             }
             FluRadioButton{
                 disabled: radio_button_switch2.checked
-                text: qsTr("Radio Button_3")
+                text:"Radio Button_3"
             }
         }
         FluToggleSwitch{
-            id: radio_button_switch2
+            id:radio_button_switch2
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{

example/qml-Qt6/page/T_RatingControl.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage {
 
-    title: qsTr("RatingControl")
+    title: "RatingControl"
 
     FluArea {
         Layout.fillWidth: true

example/qml-Qt6/page/T_Rectangle.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Rectangle")
+    title:"Rectangle"
 
     FluArea{
         Layout.fillWidth: true

example/qml-Qt6/page/T_Settings.qml

@@ -9,7 +9,7 @@ import "../viewmodel"
 
 FluScrollablePage{
 
-    title: qsTr("Settings")
+    title:"Settings"
 
     SettingsViewModel{
         id:viewmodel_settings
@@ -40,13 +40,13 @@ FluScrollablePage{
             spacing: 20
             anchors.verticalCenter: parent.verticalCenter
             FluText{
-                text: "%1 v%2".arg(qsTr("Current Version")).arg(AppInfo.version)
+                text:"当前版本 v%1".arg(AppInfo.version)
                 font: FluTextStyle.Body
                 anchors.verticalCenter: parent.verticalCenter
             }
             FluLoadingButton{
-                id: btn_checkupdate
-                text: qsTr("Check for Updates")
+                id:btn_checkupdate
+                text:"检查更新"
                 anchors.verticalCenter: parent.verticalCenter
                 onClicked: {
                     loading = true
@@ -62,7 +62,7 @@ FluScrollablePage{
         height: 50
         paddings: 10
         FluCheckBox{
-            text: qsTr("Use System AppBar")
+            text:"Use System AppBar"
             checked: FluApp.useSystemAppBar
             anchors.verticalCenter: parent.verticalCenter
             onClicked: {
@@ -78,7 +78,7 @@ FluScrollablePage{
         height: 50
         paddings: 10
         FluCheckBox{
-            text:qsTr("Fits AppBar Windows")
+            text:"fitsAppBarWindows"
             checked: window.fitsAppBarWindows
             anchors.verticalCenter: parent.verticalCenter
             onClicked: {
@@ -88,13 +88,13 @@ FluScrollablePage{
     }
 
     FluContentDialog{
-        id: dialog_restart
-        title: qsTr("Friendly Reminder")
-        message: qsTr("This action requires a restart of the program to take effect, is it restarted?")
+        id:dialog_restart
+        title:"友情提示"
+        message:"此操作需要重启才能生效，是否重新启动？"
         buttonFlags: FluContentDialogType.NegativeButton | FluContentDialogType.PositiveButton
-        negativeText: qsTr("Cancel")
-        positiveText: qsTr("OK")
-        onPositiveClicked: {
+        negativeText: "取消"
+        positiveText:"确定"
+        onPositiveClicked:{
             FluApp.exit(931)
         }
     }
@@ -112,13 +112,13 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("Dark Mode")
+                text:Lang.dark_mode
                 font: FluTextStyle.BodyStrong
                 Layout.bottomMargin: 4
             }
             Repeater{
-                model: [{title:qsTr("System"),mode:FluThemeType.System},{title:qsTr("Light"),mode:FluThemeType.Light},{title:qsTr("Dark"),mode:FluThemeType.Dark}]
-                delegate: FluRadioButton{
+                model: [{title:"System",mode:FluThemeType.System},{title:"Light",mode:FluThemeType.Light},{title:"Dark",mode:FluThemeType.Dark}]
+                delegate:  FluRadioButton{
                     checked : FluTheme.darkMode === modelData.mode
                     text:modelData.title
                     clickListener:function(){
@@ -142,12 +142,12 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text:qsTr("Navigation View Display Mode")
+                text:Lang.navigation_view_display_mode
                 font: FluTextStyle.BodyStrong
                 Layout.bottomMargin: 4
             }
             Repeater{
-                model: [{title:qsTr("Open"),mode:FluNavigationViewType.Open},{title:qsTr("Compact"),mode:FluNavigationViewType.Compact},{title:qsTr("Minimal"),mode:FluNavigationViewType.Minimal},{title:qsTr("Auto"),mode:FluNavigationViewType.Auto}]
+                model: [{title:"Open",mode:FluNavigationViewType.Open},{title:"Compact",mode:FluNavigationViewType.Compact},{title:"Minimal",mode:FluNavigationViewType.Minimal},{title:"Auto",mode:FluNavigationViewType.Auto}]
                 delegate: FluRadioButton{
                     checked : viewmodel_settings.displayMode===modelData.mode
                     text:modelData.title
@@ -159,16 +159,6 @@ FluScrollablePage{
         }
     }
 
-    ListModel{
-        id:model_language
-        ListElement{
-            name:"en"
-        }
-        ListElement{
-            name:"zh"
-        }
-    }
-
     FluArea{
         Layout.fillWidth: true
         Layout.topMargin: 20
@@ -181,21 +171,22 @@ FluScrollablePage{
                 top: parent.top
                 left: parent.left
             }
+
             FluText{
-                text:qsTr("Language")
+                text:Lang.locale
                 font: FluTextStyle.BodyStrong
                 Layout.bottomMargin: 4
             }
+
             Flow{
                 spacing: 5
                 Repeater{
-                    model: TranslateHelper.languages
+                    model: Lang.__localeList
                     delegate: FluRadioButton{
-                        checked: TranslateHelper.current === modelData
+                        checked: Lang.__locale === modelData
                         text:modelData
                         clickListener:function(){
-                            TranslateHelper.current = modelData
-                            dialog_restart.open()
+                            Lang.__locale = modelData
                         }
                     }
                 }

example/qml-Qt6/page/T_ShortcutPicker.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("ShortcutPicker")
+    title:"ShortcutPicker"
 
     FluArea{
         Layout.fillWidth: true
@@ -16,11 +16,6 @@ FluScrollablePage{
         paddings: 10
         FluShortcutPicker{
             anchors.verticalCenter: parent.verticalCenter
-            title: qsTr("Activate the Shortcut")
-            message: qsTr("Press the key combination to change the shortcut")
-            positiveText: qsTr("Save")
-            neutralText: qsTr("Cancel")
-            negativeText: qsTr("Reset")
         }
     }
     CodeExpander{

example/qml-Qt6/page/T_Slider.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Slider")
+    title:"Slider"
 
     FluArea{
         Layout.fillWidth: true

example/qml-Qt6/page/T_SplitLayout.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluContentPage{
 
-    title: qsTr("SplitLayout")
+    title:"SplitLayout"
 
     RowLayout{
         id:layout_dropdown

example/qml-Qt6/page/T_StaggeredLayout.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluContentPage{
 
-    title: qsTr("StaggeredLayout")
+    title:"StaggeredLayout"
 
     property var colors : [FluColors.Yellow,FluColors.Orange,FluColors.Red,FluColors.Magenta,FluColors.Purple,FluColors.Blue,FluColors.Teal,FluColors.Green]
 

example/qml-Qt6/page/T_StatusLayout.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("StatusLayout")
+    title:"StatusLayout"
 
     FluArea{
         id:layout_actions
@@ -61,12 +61,8 @@ FluScrollablePage{
         FluStatusLayout{
             id:status_view
             anchors.fill: parent
-            loadingText: qsTr("Loading...")
-            emptyText: qsTr("Empty")
-            errorText: qsTr("The page went wrong...")
-            errorButtonText: qsTr("Reload")
             onErrorClicked:{
-                showError("Click Reload")
+                showError("点击重新加载")
             }
             Rectangle {
                 anchors.fill: parent

example/qml-Qt6/page/T_TabView.qml

@@ -9,7 +9,7 @@ FluScrollablePage{
 
     property var colors : [FluColors.Yellow,FluColors.Orange,FluColors.Red,FluColors.Magenta,FluColors.Purple,FluColors.Blue,FluColors.Teal,FluColors.Green]
 
-    title: qsTr("TabView")
+    title:"TabView"
 
     Component{
         id:com_page
@@ -20,7 +20,7 @@ FluScrollablePage{
     }
 
     function newTab(){
-        tab_view.appendTab("qrc:/example/res/image/favicon.ico",qsTr("Document ")+tab_view.count(),com_page,colors[Math.floor(Math.random() * 8)])
+        tab_view.appendTab("qrc:/example/res/image/favicon.ico","Document "+tab_view.count(),com_page,colors[Math.floor(Math.random() * 8)])
     }
 
     Component.onCompleted: {

example/qml-Qt6/page/T_TableView.qml

@@ -8,7 +8,7 @@ import "../component"
 FluContentPage{
 
     id:root
-    title: qsTr("TableView")
+    title:"TableView"
     signal checkBoxChanged
 
     property var dataSource : []
@@ -70,8 +70,8 @@ FluContentPage{
         id:custom_update_dialog
         property var text
         property var onAccpetListener
-        title: qsTr("Modify the column name")
-        negativeText: qsTr("Cancel")
+        title:"修改列名"
+        negativeText:"取消"
         contentDelegate: Component{
             Item{
                 implicitWidth: parent.width
@@ -89,7 +89,7 @@ FluContentPage{
                 }
             }
         }
-        positiveText: qsTr("OK")
+        positiveText:"确定"
         onPositiveClicked:{
             if(custom_update_dialog.onAccpetListener){
                 custom_update_dialog.onAccpetListener(custom_update_dialog.text)
@@ -131,7 +131,7 @@ FluContentPage{
             }
 
             FluButton{
-                text: qsTr("Search")
+                text:"搜索"
                 anchors{
                     bottom: parent.bottom
                     right: parent.right
@@ -174,7 +174,7 @@ FluContentPage{
         id:com_column_filter_name
         Item{
             FluText{
-                text: qsTr("Name")
+                text:"姓名"
                 anchors.centerIn: parent
             }
             FluIconButton{
@@ -208,14 +208,14 @@ FluContentPage{
             RowLayout{
                 anchors.centerIn: parent
                 FluButton{
-                    text: qsTr("Delete")
+                    text:"删除"
                     onClicked: {
                         table_view.closeEditor()
                         table_view.removeRow(row)
                     }
                 }
                 FluFilledButton{
-                    text: qsTr("Edit")
+                    text:"编辑"
                     onClicked: {
                         var obj = table_view.getRow(row)
                         obj.name = "12345"
@@ -234,7 +234,7 @@ FluContentPage{
             RowLayout{
                 anchors.centerIn: parent
                 FluText{
-                    text: qsTr("Select All")
+                    text:"全选"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluCheckBox{
@@ -334,7 +334,7 @@ FluContentPage{
         id:com_column_sort_age
         Item{
             FluText{
-                text: qsTr("Age")
+                text:"年龄"
                 anchors.centerIn: parent
             }
             ColumnLayout{
@@ -409,14 +409,14 @@ FluContentPage{
             }
 
             FluButton{
-                text: qsTr("Clear All")
+                text:"清空"
                 onClicked: {
                     table_view.dataSource = []
                 }
             }
 
             FluButton{
-                text: qsTr("Delete Selection")
+                text:"删除选中"
                 onClicked: {
                     var data = []
                     var rows = []
@@ -440,7 +440,7 @@ FluContentPage{
             }
 
             FluButton{
-                text: qsTr("Add a row of Data")
+                text:"添加一行数据"
                 onClicked: {
                     table_view.appendRow(genTestObject())
                 }
@@ -465,17 +465,17 @@ FluContentPage{
             {
                 title: table_view.customItem(com_column_checbox,{checked:true}),
                 dataIndex: 'checkbox',
-                width:100,
-                minimumWidth:100,
-                maximumWidth:100
+                width:80,
+                minimumWidth:80,
+                maximumWidth:80
             },
             {
-                title: table_view.customItem(com_column_update_title,{title:qsTr("Avatar")}),
+                title: table_view.customItem(com_column_update_title,{title:'头像'}),
                 dataIndex: 'avatar',
                 width:100
             },
             {
-                title: table_view.customItem(com_column_filter_name,{title:qsTr("Name")}),
+                title: table_view.customItem(com_column_filter_name,{title:'姓名'}),
                 dataIndex: 'name',
                 readOnly:true
             },
@@ -488,28 +488,28 @@ FluContentPage{
                 maximumWidth:100
             },
             {
-                title: qsTr("Address"),
+                title: '住址',
                 dataIndex: 'address',
                 width:200,
                 minimumWidth:100,
                 maximumWidth:250
             },
             {
-                title: qsTr("Nickname"),
+                title: '别名',
                 dataIndex: 'nickname',
                 width:100,
                 minimumWidth:80,
                 maximumWidth:200
             },
             {
-                title: qsTr("Long String"),
+                title: '长字符串',
                 dataIndex: 'longstring',
                 width:200,
                 minimumWidth:100,
                 maximumWidth:300
             },
             {
-                title: qsTr("Options"),
+                title: '操作',
                 dataIndex: 'action',
                 width:160,
                 minimumWidth:160,
@@ -528,8 +528,6 @@ FluContentPage{
         itemCount: 100000
         pageButtonCount: 7
         __itemPerPage: 1000
-        previousText: qsTr("<Previous")
-        nextText: qsTr("Next>")
         onRequestPage:
             (page,count)=> {
                 table_view.closeEditor()

example/qml-Qt6/page/T_Text.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Text")
+    title:"Text"
 
     FluArea{
         Layout.fillWidth: true
@@ -16,7 +16,7 @@ FluScrollablePage{
         paddings: 10
 
         FluCopyableText{
-            text: qsTr("This is a text that can be copied")
+            text: "这是一个可以支持复制的Text"
             anchors.verticalCenter: parent.verticalCenter
         }
 
@@ -25,7 +25,7 @@ FluScrollablePage{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluCopyableText{
-    text: qsTr("This is a text that can be copied")
+    text:"这是一个可以支持复制的Text"
 }'
     }
 

example/qml-Qt6/page/T_TextBox.qml

@@ -7,13 +7,16 @@ import "../component"
 import "../viewmodel"
 
 FluScrollablePage{
-
-    title: qsTr("TextBox")
+    title:"TextBox"
 
     TextBoxViewModel{
         id:viewModel
     }
 
+    Component.onDestruction: {
+        console.debug("T_TextBox页面销毁了")
+    }
+
     FluArea{
         Layout.fillWidth: true
         height: 68
@@ -21,10 +24,10 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluTextBox{
-            placeholderText: qsTr("Single-line Input Box")
-            disabled: text_box_switch.checked
+            placeholderText: "单行输入框"
+            disabled:text_box_switch.checked
             cleanEnabled: true
-            text: viewModel.text1
+            text:viewModel.text1
             onTextChanged: {
                 viewModel.text1 = text
             }
@@ -35,19 +38,19 @@ FluScrollablePage{
         }
 
         FluToggleSwitch{
-            id: text_box_switch
+            id:text_box_switch
             anchors{
                 verticalCenter: parent.verticalCenter
                 right: parent.right
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluTextBox{
-    placeholderText: qsTr("Single-line Input Box")
+    placeholderText:"单行输入框"
 }'
     }
 
@@ -58,7 +61,7 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluPasswordBox{
-            placeholderText: qsTr("Please enter your password")
+            placeholderText: "请输入密码"
             disabled:password_box_switch.checked
             anchors{
                 verticalCenter: parent.verticalCenter
@@ -71,14 +74,14 @@ FluScrollablePage{
                 verticalCenter: parent.verticalCenter
                 right: parent.right
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluPasswordBox{
-    placeholderText: qsTr("Please enter your password")
+    placeholderText:"请输入密码"
 }'
     }
 
@@ -90,13 +93,13 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluMultilineTextBox{
-            id: multiine_textbox
-            placeholderText: qsTr("Multi-line Input Box")
+            id:multiine_textbox
+            placeholderText: "多行输入框"
             text:viewModel.text2
             onTextChanged: {
                 viewModel.text2 = text
             }
-            disabled: text_box_multi_switch.checked
+            disabled:text_box_multi_switch.checked
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
@@ -109,14 +112,14 @@ FluScrollablePage{
                 verticalCenter: parent.verticalCenter
                 right: parent.right
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluMultilineTextBox{
-    placeholderText: qsTr("Multi-line Input Box")
+    placeholderText:"多行输入框"
 }'
     }
 
@@ -126,9 +129,9 @@ FluScrollablePage{
         paddings: 10
         Layout.topMargin: 20
         FluAutoSuggestBox{
-            placeholderText: qsTr("AutoSuggestBox")
-            items: generateRandomNames(100)
-            disabled: text_box_suggest_switch.checked
+            placeholderText: "AutoSuggestBox"
+            items:generateRandomNames(100)
+            disabled:text_box_suggest_switch.checked
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
@@ -140,14 +143,14 @@ FluScrollablePage{
                 verticalCenter: parent.verticalCenter
                 right: parent.right
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluAutoSuggestBox{
-    placeholderText: qsTr("AutoSuggestBox")
+    placeholderText:"AutoSuggestBox"
 }'
     }
 
@@ -164,12 +167,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: spin_box_switch
+            id:spin_box_switch
             anchors{
                 verticalCenter: parent.verticalCenter
                 right: parent.right
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{

example/qml-Qt6/page/T_Theme.qml

@@ -8,8 +8,8 @@ import "../component"
 FluScrollablePage{
 
     property var colorData: [FluColors.Yellow,FluColors.Orange,FluColors.Red,FluColors.Magenta,FluColors.Purple,FluColors.Blue,FluColors.Teal,FluColors.Green]
-    id: root
-    title: qsTr("Theme")
+    id:root
+    title:"Theme"
 
     FluArea{
         Layout.fillWidth: true
@@ -23,7 +23,7 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("Theme colors")
+                text:"主题颜色"
                 Layout.topMargin: 10
             }
             RowLayout{
@@ -58,7 +58,7 @@ FluScrollablePage{
                 Layout.topMargin: 10
                 spacing: 10
                 FluText{
-                    text: qsTr("Customize the Theme Color")
+                    text:"自定义主题颜色"
                     anchors.verticalCenter: parent.verticalCenter
                 }
                 FluColorPicker{
@@ -84,7 +84,7 @@ FluScrollablePage{
                 }
             }
             FluText{
-                text: qsTr("Dark Mode")
+                text:"夜间模式"
                 Layout.topMargin: 20
             }
             FluToggleSwitch{
@@ -99,7 +99,7 @@ FluScrollablePage{
                 }
             }
             FluText{
-                text: qsTr("Native Text")
+                text:"native文本渲染"
                 Layout.topMargin: 20
             }
             FluToggleSwitch{
@@ -110,7 +110,7 @@ FluScrollablePage{
                 }
             }
             FluText{
-                text: qsTr("Open Animation")
+                text:"开启动画效果"
                 Layout.topMargin: 20
             }
             FluToggleSwitch{

example/qml-Qt6/page/T_TimePicker.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("TimePicker")
+    title:"TimePicker"
     launchMode: FluPageType.SingleInstance
     FluArea{
         Layout.fillWidth: true
@@ -23,17 +23,11 @@ FluScrollablePage{
             }
 
             FluText{
-                text: qsTr("hourFormat=FluTimePickerType.H")
+                text:"hourFormat=FluTimePickerType.H"
             }
 
             FluTimePicker{
                 current: new Date()
-                amText: qsTr("AM")
-                pmText: qsTr("PM")
-                hourText: qsTr("Hour")
-                minuteText: qsTr("Minute")
-                cancelText: qsTr("Cancel")
-                okText: qsTr("OK")
                 onAccepted: {
                     showSuccess(current.toLocaleTimeString(Qt.locale("de_DE")))
                 }
@@ -63,17 +57,11 @@ FluScrollablePage{
             }
 
             FluText{
-                text: qsTr("hourFormat=FluTimePickerType.HH")
+                text:"hourFormat=FluTimePickerType.HH"
             }
 
             FluTimePicker{
                 hourFormat:FluTimePickerType.HH
-                amText: qsTr("AM")
-                pmText: qsTr("PM")
-                hourText: qsTr("Hour")
-                minuteText: qsTr("Minute")
-                cancelText: qsTr("Cancel")
-                okText: qsTr("OK")
                 onAccepted: {
                     showSuccess(current.toLocaleTimeString(Qt.locale("de_DE")))
                 }

example/qml-Qt6/page/T_Timeline.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Timeline")
+    title:"Timeline"
 
     Component{
         id:com_dot
@@ -23,7 +23,7 @@ FluScrollablePage{
     Component{
         id:com_lable
         FluText{
-            wrapMode: Text.WordWrap
+            wrapMode: Text.WrapAnywhere
             font.bold: true
             horizontalAlignment: isRight ? Qt.AlignRight : Qt.AlignLeft
             text: modelData.lable
@@ -41,7 +41,7 @@ FluScrollablePage{
     Component{
         id:com_text
         FluText{
-            wrapMode: Text.WordWrap
+            wrapMode: Text.WrapAnywhere
             horizontalAlignment: isRight ? Qt.AlignRight : Qt.AlignLeft
             text: modelData.text
             font.bold: true
@@ -108,18 +108,18 @@ FluScrollablePage{
         spacing: 20
         Layout.topMargin: 20
         FluTextBox{
-            id: text_box
-            text: "Technical testing 2015-09-01"
+            id:text_box
+            text:"Technical testing 2015-09-01"
             Layout.preferredWidth: 240
         }
         FluFilledButton{
-            text: qsTr("Append")
+            text:"Append"
             onClicked: {
                 list_model.append({text:text_box.text})
             }
         }
         FluFilledButton{
-            text: qsTr("clear")
+            text:"clear"
             onClicked: {
                 list_model.clear()
             }
@@ -132,25 +132,25 @@ FluScrollablePage{
             text:"mode:"
         }
         FluDropDownButton{
-            id: btn_mode
+            id:btn_mode
             Layout.preferredWidth: 100
-            text: "Alternate"
+            text:"Alternate"
             FluMenuItem{
-                text: "Left"
+                text:"Left"
                 onClicked: {
                     btn_mode.text = text
                     time_line.mode = FluTimelineType.Left
                 }
             }
             FluMenuItem{
-                text: "Right"
+                text:"Right"
                 onClicked: {
                     btn_mode.text = text
                     time_line.mode = FluTimelineType.Right
                 }
             }
             FluMenuItem{
-                text: "Alternate"
+                text:"Alternate"
                 onClicked: {
                     btn_mode.text = text
                     time_line.mode = FluTimelineType.Alternate
@@ -160,12 +160,12 @@ FluScrollablePage{
     }
 
     FluTimeline{
-        id: time_line
+        id:time_line
         Layout.fillWidth: true
         Layout.topMargin: 20
         Layout.bottomMargin: 20
         mode: FluTimelineType.Alternate
-        model: list_model
+        model:list_model
     }
 
 }

example/qml-Qt6/page/T_ToggleSwitch.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("ToggleSwitch")
+    title:"ToggleSwitch"
 
     FluArea{
         Layout.fillWidth: true
@@ -22,21 +22,21 @@ FluScrollablePage{
             }
             FluToggleSwitch{
                 disabled: toggle_switch.checked
-                text: qsTr("Right")
+                text:"Right"
             }
             FluToggleSwitch{
                 disabled: toggle_switch.checked
-                text: qsTr("Left")
+                text:"Left"
                 textRight: false
             }
         }
         FluToggleSwitch{
-            id: toggle_switch
+            id:toggle_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{

example/qml-Qt6/page/T_Tooltip.qml

@@ -7,11 +7,11 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Tooltip")
+    title:"Tooltip"
 
     FluText{
         Layout.topMargin: 20
-        text: qsTr("Hover over Tultip and it pops up")
+        text:"鼠标悬停不动，弹出Tooltip"
     }
 
     FluArea{
@@ -27,14 +27,14 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("Text properties of FluIconButton support the Tooltip pop-up window by default")
+                text:"FluIconButton的text属性自带Tooltip效果"
             }
             FluIconButton{
                 iconSource:FluentIcons.ChromeCloseContrast
                 iconSize: 15
-                text: qsTr("Delete")
+                text:"删除"
                 onClicked:{
-                    showSuccess(qsTr("Click IconButton"))
+                    showSuccess("点击IconButton")
                 }
             }
         }
@@ -45,9 +45,9 @@ FluScrollablePage{
         code:'FluIconButton{
     iconSource:FluentIcons.ChromeCloseContrast
     iconSize: 15
-    text: qsTr("Delete")
+    text:"删除"
     onClicked:{
-        showSuccess(qsTr("Click IconButton"))
+        showSuccess("点击IconButton")
     }
 }
 '
@@ -66,13 +66,13 @@ FluScrollablePage{
                 left: parent.left
             }
             FluText{
-                text: qsTr("Add a Tooltip pop-up to a Button")
+                text:"给一个Button添加Tooltip效果"
             }
             FluButton{
                 id:button_1
-                text: qsTr("Delete")
+                text:"删除"
                 onClicked:{
-                    showSuccess(qsTr("Click Button"))
+                    showSuccess("点击一个Button")
                 }
                 FluTooltip{
                     visible: button_1.hovered
@@ -86,15 +86,15 @@ FluScrollablePage{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'FluButton{
-    id: button_1
-    text: qsTr("Delete")
+    id:button_1
+    text:"删除"
     FluTooltip{
         visible: button_1.hovered
         text:button_1.text
         delay: 1000
     }
     onClicked:{
-        showSuccess(qsTr("Click Button"))
+        showSuccess("点击一个Button")
     }
 }'
     }

example/qml-Qt6/page/T_Tour.qml

@@ -7,17 +7,14 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Tour")
+    title:"Tour"
 
     FluTour{
         id:tour
-        finishText: qsTr("Finish")
-        nextText: qsTr("Next")
-        previousText: qsTr("Previous")
         steps:[
-            {title:qsTr("Upload File"),description: qsTr("Put your files here."),target:()=>btn_upload},
-            {title:qsTr("Save"),description: qsTr("Save your changes."),target:()=>btn_save},
-            {title:qsTr("Other Actions"),description: qsTr("Click to see other actions."),target:()=>btn_more}
+            {title:"Upload File",description: "Put your files here.",target:()=>btn_upload},
+            {title:"Save",description: "Save your changes.",target:()=>btn_save},
+            {title:"Other Actions",description: "Click to see other actions.",target:()=>btn_more}
         ]
     }
 
@@ -32,7 +29,7 @@ FluScrollablePage{
                 top: parent.top
                 topMargin: 14
             }
-            text: qsTr("Begin Tour")
+            text:"Begin Tour"
             onClicked: {
                 tour.open()
             }
@@ -45,24 +42,24 @@ FluScrollablePage{
                 topMargin: 60
             }
             FluButton{
-                id: btn_upload
-                text: qsTr("Upload")
+                id:btn_upload
+                text:"Upload"
                 onClicked: {
-                    showInfo(qsTr("Upload"))
+                    showInfo("Upload")
                 }
             }
             FluFilledButton{
-                id: btn_save
-                text: qsTr("Save")
+                id:btn_save
+                text:"Save"
                 onClicked: {
-                    showInfo(qsTr("Save"))
+                    showInfo("Save")
                 }
             }
             FluIconButton{
-                id: btn_more
+                id:btn_more
                 iconSource: FluentIcons.More
                 onClicked: {
-                    showInfo(qsTr("More"))
+                    showInfo("More")
                 }
             }
         }

example/qml-Qt6/page/T_TreeView.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluContentPage {
 
-    title: qsTr("TreeView")
+    title:"TreeView"
 
     function treeData(){
         const dig = (path = '0', level = 4) => {
@@ -29,7 +29,7 @@ FluContentPage {
     }
 
     Column{
-        id: layout_column
+        id:layout_column
         spacing: 12
         width: 300
         anchors{
@@ -42,21 +42,21 @@ FluContentPage {
         }
 
         FluText{
-            text: qsTr("Total %1 data, %2 data currently displayed").arg(tree_view.count()).arg(tree_view.visibleCount())
+            text:"共计%1条数据，当前显示的%2条数据".arg(tree_view.count()).arg(tree_view.visibleCount())
         }
 
         FluText{
-            text: qsTr("A total of %1 data items are selected").arg(tree_view.selectionModel().length)
+            text:"共计选中%1条数据".arg(tree_view.selectionModel().length)
         }
 
         RowLayout{
             spacing: 10
             FluText{
-                text: "cellHeight:"
+                text:"cellHeight:"
                 Layout.alignment: Qt.AlignVCenter
             }
             FluSlider{
-                id: slider_cell_height
+                id:slider_cell_height
                 value: 30
                 from: 30
                 to:100
@@ -65,39 +65,39 @@ FluContentPage {
         RowLayout{
             spacing: 10
             FluText{
-                text: "depthPadding:"
+                text:"depthPadding:"
                 Layout.alignment: Qt.AlignVCenter
             }
             FluSlider{
-                id: slider_depth_padding
+                id:slider_depth_padding
                 value: 30
                 from: 30
                 to:100
             }
         }
         FluToggleSwitch{
-            id: switch_showline
+            id:switch_showline
             text:"showLine"
             checked: false
         }
         FluToggleSwitch{
-            id: switch_draggable
+            id:switch_draggable
             text:"draggable"
             checked: false
         }
         FluToggleSwitch{
-            id: switch_checkable
+            id:switch_checkable
             text:"checkable"
             checked: false
         }
         FluButton{
-            text: "all expand"
+            text:"all expand"
             onClicked: {
                 tree_view.allExpand()
             }
         }
         FluButton{
-            text: "all collapse"
+            text:"all collapse"
             onClicked: {
                 tree_view.allCollapse()
             }

example/qml-Qt6/page/T_Typography.qml

@@ -7,7 +7,7 @@ FluContentPage {
 
     property real textScale: 1
 
-    title: qsTr("Typography")
+    title: "Typography"
     rightPadding: 10
 
     FluArea{

example/qml-Qt6/page/T_Watermark.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluContentPage{
 
-    title: qsTr("Watermark")
+    title:"Watermark"
 
     FluArea{
         anchors.fill: parent
@@ -23,12 +23,12 @@ FluContentPage{
                 spacing: 10
                 Layout.topMargin: 14
                 FluText{
-                    text: "text:"
+                    text:"text:"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluTextBox{
-                    id: text_box
-                    text: "会磨刀的小猪"
+                    id:text_box
+                    text:"会磨刀的小猪"
                     Layout.preferredWidth: 240
                 }
             }
@@ -36,11 +36,11 @@ FluContentPage{
             RowLayout{
                 spacing: 10
                 FluText{
-                    text: "textSize:"
+                    text:"textSize:"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluSlider{
-                    id: slider_text_size
+                    id:slider_text_size
                     value: 20
                     from: 13
                     to:50
@@ -49,7 +49,7 @@ FluContentPage{
             RowLayout{
                 spacing: 10
                 FluText{
-                    text: "gapX:"
+                    text:"gapX:"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluSlider{
@@ -60,18 +60,18 @@ FluContentPage{
             RowLayout{
                 spacing: 10
                 FluText{
-                    text: "gapY:"
+                    text:"gapY:"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluSlider{
-                    id: slider_gap_y
+                    id:slider_gap_y
                     value: 100
                 }
             }
             RowLayout{
                 spacing: 10
                 FluText{
-                    text: "offsetX:"
+                    text:"offsetX:"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluSlider{
@@ -82,22 +82,22 @@ FluContentPage{
             RowLayout{
                 spacing: 10
                 FluText{
-                    text: "offsetY:"
+                    text:"offsetY:"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluSlider{
-                    id: slider_offset_y
+                    id:slider_offset_y
                     value: 50
                 }
             }
             RowLayout{
                 spacing: 10
                 FluText{
-                    text: "rotate:"
+                    text:"rotate:"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluSlider{
-                    id: slider_rotate
+                    id:slider_rotate
                     value: 22
                     from: 0
                     to:360
@@ -106,18 +106,18 @@ FluContentPage{
             RowLayout{
                 spacing: 10
                 FluText{
-                    text: "textColor:"
+                    text:"textColor:"
                     Layout.alignment: Qt.AlignVCenter
                 }
                 FluColorPicker{
-                    id: color_picker
+                    id:color_picker
                     current: Qt.rgba(0,0,0,0.1)
                 }
             }
         }
 
         FluWatermark{
-            id: water_mark
+            id:water_mark
             anchors.fill: parent
             text:text_box.text
             textColor: color_picker.current

example/qml-Qt6/window/CrashWindow.qml

@@ -8,7 +8,7 @@ import "../component"
 FluWindow {
 
     id:window
-    title: qsTr("Friendly Reminder")
+    title:"友情提示"
     width: 300
     height: 400
     fixSize: true
@@ -37,15 +37,11 @@ FluWindow {
     FluText{
         id:text_info
         anchors{
+            horizontalCenter: parent.horizontalCenter
             top: parent.top
             topMargin: 240
-            left: parent.left
-            right: parent.right
-            leftMargin: 10
-            rightMargin: 10
         }
-        wrapMode: Text.WordWrap
-        text: qsTr("We apologize for the inconvenience caused by an unexpected error")
+        text:"发生意外错误\n给您带来的不便，我们深表歉意"
         horizontalAlignment: Text.AlignHCenter
         verticalAlignment: Text.AlignVCenter
     }
@@ -57,7 +53,7 @@ FluWindow {
             bottomMargin: 20
         }
         FluButton{
-            text: qsTr("Report Logs")
+            text:"日志上报"
             onClicked: {
                 FluTools.showFileInFolder(crashFilePath)
             }
@@ -67,7 +63,7 @@ FluWindow {
             height: 1
         }
         FluFilledButton{
-            text: qsTr("Restart Program")
+            text:"重启程序"
             onClicked: {
                 FluApp.exit(931)
             }

example/qml-Qt6/window/FluentInitalizrWindow.qml

@@ -1,115 +0,0 @@
-import QtQuick
-import QtQuick.Controls
-import QtQuick.Layouts
-import FluentUI
-import Qt.labs.platform
-import "../component"
-
-FluWindow {
-
-    id:window
-    title:qsTr("FluentUI Initalizr")
-    width: 600
-    height: 400
-    fixSize: true
-    //    modality: Qt.ApplicationModal
-    launchMode: FluWindowType.SingleTask
-    showStayTop: false
-
-    Connections{
-        target: InitalizrHelper
-        function onError(message){
-            showError(message)
-        }
-        function onSuccess(){
-            showSuccess("创建成功")
-        }
-    }
-
-    FluText{
-        id:text_title
-        text:qsTr("FluentUI Initalizr")
-        font: FluTextStyle.Title
-        anchors{
-            left: parent.left
-            top: parent.top
-            leftMargin: 20
-            topMargin: 20
-        }
-    }
-
-    Column{
-        spacing: 14
-        anchors{
-            left: parent.left
-            top: text_title.bottom
-            leftMargin: 20
-            topMargin: 20
-        }
-        FluTextBox{
-            id:text_box_name
-            width: 180
-            placeholderText: qsTr("Name")
-            focus: true
-        }
-        Row{
-            spacing: 8
-            FluTextBox{
-                id:text_box_path
-                width: 300
-                placeholderText: qsTr("Create In")
-                anchors.verticalCenter: parent.verticalCenter
-                Component.onCompleted: {
-                    text = FluTools.toLocalPath(StandardPaths.standardLocations(StandardPaths.DocumentsLocation)[0])
-                }
-            }
-            FluButton{
-                text:qsTr("Browse")
-                anchors.verticalCenter: parent.verticalCenter
-                onClicked: {
-                    folder_dialog.open()
-                }
-            }
-        }
-    }
-
-    FolderDialog{
-        id:folder_dialog
-        folder: StandardPaths.standardLocations(StandardPaths.DocumentsLocation)[0]
-        onAccepted: {
-            text_box_path.text = FluTools.toLocalPath(currentFolder)
-        }
-    }
-
-    Rectangle{
-        id:layout_actions
-        width: parent.width
-        height: 60
-        anchors.bottom: parent.bottom
-        color: FluTheme.backgroundColor
-        Row{
-            height: parent.height
-            spacing: 20
-            anchors{
-                right: parent.right
-                rightMargin: 20
-            }
-            FluButton{
-                text:qsTr("Cancel")
-                width: 120
-                anchors.verticalCenter: parent.verticalCenter
-                onClicked: {
-                    window.close()
-                }
-            }
-            FluFilledButton{
-                text:qsTr("Create")
-                width: 120
-                anchors.verticalCenter: parent.verticalCenter
-                onClicked: {
-                    InitalizrHelper.generate(text_box_name.text,text_box_path.text)
-                }
-            }
-        }
-    }
-}

example/qml-Qt6/window/HotloadWindow.qml

@@ -8,7 +8,7 @@ import "../component"
 FluWindow {
 
     id:window
-    title: qsTr("Hot Loader")
+    title:"热加载"
     width: 800
     height: 600
     minimumWidth: 520
@@ -32,7 +32,7 @@ FluWindow {
                     text:loader.itemLodaer().sourceComponent.errorString()
                     color:"red"
                     anchors.fill: parent
-                    wrapMode: Text.WordWrap
+                    wrapMode: Text.WrapAnywhere
                     padding: 20
                     verticalAlignment: Qt.AlignVCenter
                     horizontalAlignment: Qt.AlignHCenter
@@ -40,7 +40,7 @@ FluWindow {
             }
         }
         FluText{
-            text: qsTr("Drag in a qml file")
+            text:"拖入qml文件"
             font.pixelSize: 26
             anchors.centerIn: parent
             visible: !loader.itemLodaer().item && loader.statusMode === FluStatusLayoutType.Success

example/qml-Qt6/window/LoginWindow.qml

@@ -6,8 +6,8 @@ import "../component"
 
 FluWindow {
 
-    id: window
-    title: qsTr("Login")
+    id:window
+    title:"登录"
     width: 400
     height: 400
     fixSize: true
@@ -26,34 +26,38 @@ FluWindow {
         }
 
         FluAutoSuggestBox{
-            id: textbox_uesrname
+            id:textbox_uesrname
             items:[{title:"Admin"},{title:"User"}]
-            placeholderText: qsTr("Please enter the account")
+            placeholderText: "请输入账号"
             Layout.preferredWidth: 260
             Layout.alignment: Qt.AlignHCenter
         }
 
         FluTextBox{
-            id: textbox_password
+            id:textbox_password
             Layout.topMargin: 20
             Layout.preferredWidth: 260
-            placeholderText: qsTr("Please enter your password")
+            placeholderText: "请输入密码"
             echoMode:TextInput.Password
             Layout.alignment: Qt.AlignHCenter
         }
 
         FluFilledButton{
-            text: qsTr("Login")
+            text:"登录"
             Layout.alignment: Qt.AlignHCenter
             Layout.topMargin: 20
             onClicked:{
                 if(textbox_password.text === ""){
-                    showError(qsTr("Please feel free to enter a password"))
+                    showError("请随便输入一个密码")
                     return
                 }
                 onResult({password:textbox_password.text})
                 window.close()
             }
         }
+
     }
+
+
+
 }

example/qml-Qt6/window/MainWindow.qml

@@ -21,7 +21,7 @@ FluWindow {
     fitsAppBarWindows: true
     appBar: FluAppBar {
         height: 30
-        darkText: qsTr("Dark Mode")
+        darkText: Lang.dark_mode
         showDark: true
         darkClickListener:(button)=>handleDarkChanged(button)
         closeClickListener: ()=>{dialog_close.open()}
@@ -85,7 +85,7 @@ FluWindow {
     }
 
     Timer{
-        id: timer_window_hide_delay
+        id:timer_window_hide_delay
         interval: 150
         onTriggered: {
             window.hide()
@@ -93,29 +93,29 @@ FluWindow {
     }
 
     FluContentDialog{
-        id: dialog_close
-        title: qsTr("Quit")
-        message: qsTr("Are you sure you want to exit the program?")
-        negativeText: qsTr("Minimize")
+        id:dialog_close
+        title:"退出"
+        message:"确定要退出程序吗？"
+        negativeText:"最小化"
         buttonFlags: FluContentDialogType.NegativeButton | FluContentDialogType.NeutralButton | FluContentDialogType.PositiveButton
         onNegativeClicked: {
-            system_tray.showMessage(qsTr("Friendly Reminder"),qsTr("FluentUI is hidden from the tray, click on the tray to activate the window again"));
+            system_tray.showMessage("友情提示","FluentUI已隐藏至托盘,点击托盘可再次激活窗口");
             timer_window_hide_delay.restart()
         }
-        positiveText: qsTr("Quit")
-        neutralText: qsTr("Cancel")
+        positiveText:"退出"
+        neutralText:"取消"
         onPositiveClicked:{
             FluApp.exit(0)
         }
     }
 
     Component{
-        id: nav_item_right_menu
+        id:nav_item_right_menu
         FluMenu{
-            id: menu
+            id:menu
             width: 130
             FluMenuItem{
-                text: qsTr("Open in Separate Window")
+                text: "在独立窗口打开"
                 visible: true
                 onClicked: {
                     FluApp.navigate("/pageWindow",{title:modelData.title,url:modelData.url})
@@ -212,7 +212,7 @@ FluWindow {
                 title:"FluentUI"
                 onLogoClicked:{
                     clickCount += 1
-                    showSuccess("%1:%2".arg(qsTr("Click Time")).arg(clickCount))
+                    showSuccess("点击%1次".arg(clickCount))
                     if(clickCount === 5){
                         loader.reload()
                         flipable.flipped = true
@@ -222,7 +222,7 @@ FluWindow {
                 autoSuggestBox:FluAutoSuggestBox{
                     iconSource: FluentIcons.Search
                     items: ItemsOriginal.getSearchData()
-                    placeholderText: qsTr("Search")
+                    placeholderText: Lang.search
                     onItemClicked:
                         (data)=>{
                             ItemsOriginal.startPageByItem(data)
@@ -312,16 +312,13 @@ FluWindow {
     }
 
     FluTour{
-        id: tour
-        finishText: qsTr("Finish")
-        nextText: qsTr("Next")
-        previousText: qsTr("Previous")
+        id:tour
         steps:{
             var data = []
             if(!window.useSystemAppBar){
-                data.push({title:qsTr("Dark Mode"),description: qsTr("Here you can switch to night mode."),target:()=>appBar.buttonDark})
+                data.push({title:"夜间模式",description: "这里可以切换夜间模式.",target:()=>appBar.buttonDark})
             }
-            data.push({title:qsTr("Hide Easter eggs"),description: qsTr("Try a few more clicks!!"),target:()=>nav_view.imageLogo})
+            data.push({title:"隐藏彩蛋",description: "多点几下试试！！",target:()=>nav_view.imageLogo})
             return data
         }
     }
@@ -331,7 +328,7 @@ FluWindow {
     }
 
     FluText{
-        text: "fps %1".arg(fps_item.fps)
+        text:"fps %1".arg(fps_item.fps)
         opacity: 0.3
         anchors{
             bottom: parent.bottom
@@ -344,12 +341,12 @@ FluWindow {
     FluContentDialog{
         property string newVerson
         property string body
-        id: dialog_update
-        title: qsTr("Upgrade Tips")
-        message:qsTr("FluentUI is currently up to date ")+ newVerson +qsTr(" -- The current app version") +AppInfo.version+qsTr(" \nNow go and download the new version？\n\nUpdated content: \n")+body
+        id:dialog_update
+        title:"升级提示"
+        message:"FluentUI目前最新版本 "+ newVerson +" -- 当前应用版本 "+AppInfo.version+" \n现在是否去下载新版本？\n\n更新内容：\n"+body
         buttonFlags: FluContentDialogType.NegativeButton | FluContentDialogType.PositiveButton
-        negativeText: qsTr("Cancel")
-        positiveText: qsTr("OK")
+        negativeText: "取消"
+        positiveText:"确定"
         onPositiveClicked:{
             Qt.openUrlExternally("https://github.com/zhuzichu520/FluentUI/releases/latest")
         }
@@ -376,14 +373,14 @@ FluWindow {
                     dialog_update.open()
                 }else{
                     if(!silent){
-                        showInfo(qsTr("The current version is already the latest"))
+                        showInfo("当前版本已经是最新版")
                     }
                 }
             }
         onError:
             (status,errorString)=>{
                 if(!silent){
-                    showError(qsTr("The network is abnormal"))
+                    showError("网络异常!")
                 }
                 console.debug(status+";"+errorString)
             }

example/qml-Qt6/window/SingleInstanceWindow.qml

@@ -2,12 +2,13 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 import FluentUI
+
 import "../component"
 
 FluWindow {
 
-    id: window
-    title: qsTr("SingleInstance")
+    id:window
+    title:"SingleInstance"
     width: 500
     height: 600
     fixSize: true
@@ -22,7 +23,7 @@ FluWindow {
     }
 
     FluText{
-        wrapMode: Text.WordWrap
+        wrapMode: Text.WrapAnywhere
         anchors{
             left: parent.left
             right: parent.right
@@ -30,6 +31,6 @@ FluWindow {
             rightMargin: 20
             verticalCenter: parent.verticalCenter
         }
-        text: qsTr("I'm a SingleInstance window, and if I exist, I'll destroy the previous window and create a new one")
+        text:"我是一个SingleInstance模式的窗口，如果我存在，我会销毁之前的窗口，并创建一个新窗口"
     }
 }

example/qml-Qt6/window/SingleTaskWindow.qml

@@ -6,8 +6,8 @@ import "../component"
 
 FluWindow {
 
-    id: window
-    title: qsTr("SingleTask")
+    id:window
+    title:"SingleTask"
     width: 500
     height: 600
     fixSize: true
@@ -15,7 +15,7 @@ FluWindow {
 
     FluText{
         anchors.centerIn: parent
-        text: qsTr("I'm a SingleTask mode window, and if I exist, I activate the window")
+        text:"我是一个SingleTask模式的窗口，如果我存在，我就激活窗口"
     }
 
 }

example/qml-Qt6/window/StandardWindow.qml

@@ -37,7 +37,7 @@ FluWindow {
 
     FluText{
         anchors.centerIn: parent
-        text: qsTr("I'm a Standard mode window, and every time I create a new window")
+        text:"我是一个Standard模式的窗口，每次我都会创建一个新的窗口"
     }
 
 }

example/qml/App.qml

@@ -21,13 +21,6 @@ Item {
         }
     }
 
-    Connections{
-        target: TranslateHelper
-        function onCurrentChanged(){
-            SettingsHelper.saveLanguage(TranslateHelper.current)
-        }
-    }
-
     Component.onCompleted: {
         FluNetwork.openLog = false
         FluNetwork.setInterceptor(function(param){
@@ -44,7 +37,6 @@ Item {
             "/login":"qrc:/example/qml/window/LoginWindow.qml",
             "/hotload":"qrc:/example/qml/window/HotloadWindow.qml",
             "/crash":"qrc:/example/qml/window/CrashWindow.qml",
-            "/fluentInitalizr":"qrc:/example/qml/window/FluentInitalizrWindow.qml",
             "/singleTaskWindow":"qrc:/example/qml/window/SingleTaskWindow.qml",
             "/standardWindow":"qrc:/example/qml/window/StandardWindow.qml",
             "/singleInstanceWindow":"qrc:/example/qml/window/SingleInstanceWindow.qml",

example/qml/chart/T_BarChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Bar Chart")
+    title:"Bar Chart"
 
     FluArea{
         width: 500

example/qml/chart/T_BubbleChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Bubble Chart")
+    title:"Bubble Chart"
 
     function randomScalingFactor() {
         return Math.random().toFixed(1);

example/qml/chart/T_LineChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Line Chart")
+    title:"Line Chart"
 
     FluArea{
         width: 500

example/qml/chart/T_PieChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Pie Chart")
+    title:"Doughnut and Pie Chart"
 
     FluArea{
         width: 500

example/qml/chart/T_PolarAreaChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Polar Area Chart")
+    title:"PolarArea Chart"
 
     FluArea{
         width: 500

example/qml/chart/T_RadarChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Radar Chart")
+    title:"Radar Chart"
 
     FluArea{
         width: 500

example/qml/chart/T_ScatterChart.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Scatter Chart")
+    title:"Scatter Chart"
 
     function randomScalingFactor() {
         return Math.random().toFixed(1);

example/qml/component/CodeExpander.qml

@@ -8,7 +8,7 @@ FluExpander{
 
     id:control
     property string code: ""
-    headerText: qsTr("Source")
+    headerText: "Source"
     contentHeight:content.height
     focus: false
 
@@ -34,7 +34,7 @@ FluExpander{
         }
         onClicked:{
             FluTools.clipText(FluTools.html2PlantText(content.text))
-            showSuccess(qsTr("The Copy is Successful"))
+            showSuccess("复制成功")
         }
     }
 
@@ -49,6 +49,7 @@ FluExpander{
     }
 
     function highlightQmlCode(code) {
+        // 定义 QML 关键字列表
         var qmlKeywords = [
                     "FluTextButton",
                     "FluAppBar",

example/qml/global/ItemsFooter.qml

@@ -13,7 +13,7 @@ FluObject{
     FluPaneItemSeparator{}
 
     FluPaneItem{
-        title:qsTr("About")
+        title:Lang.about
         icon:FluentIcons.Contact
         onTapListener:function(){
             FluApp.navigate("/about")
@@ -21,7 +21,7 @@ FluObject{
     }
 
     FluPaneItem{
-        title:qsTr("Settings")
+        title:Lang.settings
         menuDelegate: paneItemMenu
         icon:FluentIcons.Settings
         url:"qrc:/example/qml/page/T_Settings.qml"

example/qml/global/ItemsOriginal.qml

@@ -17,14 +17,14 @@ FluObject{
     FluPaneItem{
         id:item_home
         count: 9
-        title: qsTr("Home")
+        title:Lang.home
         menuDelegate: paneItemMenu
-        infoBadge: FluBadge{
+        infoBadge:FluBadge{
             count: item_home.count
         }
-        icon: FluentIcons.Home
-        url: "qrc:/example/qml/page/T_Home.qml"
-        onTap: {
+        icon:FluentIcons.Home
+        url:"qrc:/example/qml/page/T_Home.qml"
+        onTap:{
             if(navigationView.getCurrentUrl()){
                 item_home.count = 0
             }
@@ -33,376 +33,376 @@ FluObject{
     }
 
     FluPaneItemExpander{
-        title: qsTr("PaneItemExpander Disabled")
+        title:"PaneItemExpander Disabled"
         iconVisible: false
         disabled: true
     }
 
     FluPaneItemExpander{
-        id: item_expander_basic_input
-        title: qsTr("Basic Input")
-        icon: FluentIcons.CheckboxComposite
+        id:item_expander_basic_input
+        title:Lang.basic_input
+        icon:FluentIcons.CheckboxComposite
         FluPaneItem{
-            id: item_buttons
+            id:item_buttons
             count: 99
-            infoBadge: FluBadge{
+            infoBadge:FluBadge{
                 count: item_buttons.count
             }
-            title: qsTr("Buttons")
+            title:"Buttons"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/Button.png",recentlyUpdated:true,desc:qsTr("A control that responds to user input and raisesa Click event.")})
-            url: "qrc:/example/qml/page/T_Buttons.qml"
-            onTap: {
+            extra:({image:"qrc:/example/res/image/control/Button.png",recentlyUpdated:true,desc:"A control that responds to user input and raisesa Click event."})
+            url:"qrc:/example/qml/page/T_Buttons.qml"
+            onTap:{
                 item_buttons.count = 0
                 navigationView.push(url)
             }
         }
         FluPaneItem{
-            id: item_text
-            title: qsTr("Text")
+            id:item_text
+            title:"Text"
             menuDelegate: paneItemMenu
             count: 5
-            infoBadge: FluBadge{
+            infoBadge:FluBadge{
                 count: item_text.count
                 color: Qt.rgba(82/255,196/255,26/255,1)
             }
-            url: "qrc:/example/qml/page/T_Text.qml"
-            onTap: {
+            url:"qrc:/example/qml/page/T_Text.qml"
+            onTap:{
                 item_text.count = 0
                 navigationView.push(url)
             }
         }
         FluPaneItem{
-            title: qsTr("Image")
+            title:"Image"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Image.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Image.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Slider")
+            title:"Slider"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/Slider.png",recentlyUpdated:true,desc:qsTr("A control that lets the user select from a rangeof values by moving a Thumb control along atrack.")})
-            url: "qrc:/example/qml/page/T_Slider.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/Slider.png",recentlyUpdated:true,desc:"A control that lets the user select from a rangeof values by moving a Thumb control along atrack."})
+            url:"qrc:/example/qml/page/T_Slider.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("CheckBox")
+            title:"CheckBox"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/Checkbox.png",recentlyUpdated:true,desc:qsTr("A control that a user can select or clear.")})
-            url: "qrc:/example/qml/page/T_CheckBox.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/Checkbox.png",recentlyUpdated:true,desc:"A control that a user can select or clear."})
+            url:"qrc:/example/qml/page/T_CheckBox.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("RadioButton")
+            title:"RadioButton"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_RadioButton.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_RadioButton.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("ToggleSwitch")
+            title:"ToggleSwitch"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_ToggleSwitch.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_ToggleSwitch.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("PaneItem Disabled")
+            title:"PaneItem Disabled"
             disabled: true
             icon: FluentIcons.Error
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Form")
-        icon: FluentIcons.GridView
-        FluPaneItem {
-            title: qsTr("TextBox")
+        title:Lang.form
+        icon:FluentIcons.GridView
+        FluPaneItem{
+            title:"TextBox"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_TextBox.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_TextBox.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("TimePicker")
+            title:"TimePicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_TimePicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_TimePicker.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("DatePicker")
+            title:"DatePicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_DatePicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_DatePicker.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("CalendarPicker")
+            title:"CalendarPicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_CalendarPicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_CalendarPicker.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("ColorPicker")
+            title:"ColorPicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_ColorPicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_ColorPicker.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("ShortcutPicker")
+            title:"ShortcutPicker"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_ShortcutPicker.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_ShortcutPicker.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Surface")
-        icon: FluentIcons.SurfaceHub
+        title:Lang.surface
+        icon:FluentIcons.SurfaceHub
         FluPaneItem{
-            title: qsTr("InfoBar")
+            title:"InfoBar"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/InfoBar.png",recentlyUpdated:true,desc:qsTr("An inline message to display app-wide statuschange information.")})
-            url: "qrc:/example/qml/page/T_InfoBar.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/InfoBar.png",recentlyUpdated:true,desc:"An inline message to display app-wide statuschange information."})
+            url:"qrc:/example/qml/page/T_InfoBar.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Progress")
+            title:"Progress"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Progress.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Progress.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("RatingControl")
+            title:"RatingControl"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_RatingControl.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_RatingControl.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Badge")
+            title:"Badge"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Badge.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Badge.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Rectangle")
+            title:"Rectangle"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Rectangle.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Rectangle.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Clip")
+            title:"Clip"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Clip.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Clip.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Carousel")
+            title:"Carousel"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Carousel.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Carousel.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Expander")
+            title:"Expander"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Expander.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Expander.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Watermark")
+            title:"Watermark"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Watermark.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Watermark.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Layout")
-        icon: FluentIcons.DockLeft
-        FluPaneItem {
-            title: qsTr("StaggeredLayout")
+        title:Lang.layout
+        icon:FluentIcons.DockLeft
+        FluPaneItem{
+            title:"StaggeredLayout"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_StaggeredLayout.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_StaggeredLayout.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("SplitLayout")
+            title:"SplitLayout"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_SplitLayout.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_SplitLayout.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("StatusLayout")
+            title:"StatusLayout"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_StatusLayout.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_StatusLayout.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Popus")
-        icon: FluentIcons.ButtonMenu
+        title:Lang.popus
+        icon:FluentIcons.ButtonMenu
         FluPaneItem{
-            title: qsTr("Dialog")
+            title:"Dialog"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Dialog.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Dialog.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            id: item_combobox
-            title: qsTr("ComboBox")
+            id:item_combobox
+            title:"ComboBox"
             menuDelegate: paneItemMenu
             count: 9
             infoBadge:FluBadge{
                 count: item_combobox.count
                 color: Qt.rgba(250/255,173/255,20/255,1)
             }
-            url: "qrc:/example/qml/page/T_ComboBox.qml"
-            onTap: {
+            url:"qrc:/example/qml/page/T_ComboBox.qml"
+            onTap:{
                 item_combobox.count = 0
                 navigationView.push("qrc:/example/qml/page/T_ComboBox.qml")
             }
         }
         FluPaneItem{
-            title: qsTr("Tooltip")
+            title:"Tooltip"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Tooltip.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Tooltip.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Menu")
+            title:"Menu"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Menu.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Menu.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Navigation")
-        icon: FluentIcons.AllApps
+        title:Lang.navigation
+        icon:FluentIcons.AllApps
         FluPaneItem{
-            title: qsTr("Pivot")
+            title:"Pivot"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/Pivot.png",order:3,recentlyAdded:true,desc:qsTr("Presents information from different sources in a tabbed view.")})
-            url: "qrc:/example/qml/page/T_Pivot.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/Pivot.png",order:3,recentlyAdded:true,desc:"Presents information from different sources in atabbed view."})
+            url:"qrc:/example/qml/page/T_Pivot.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("BreadcrumbBar")
+            title:"BreadcrumbBar"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_BreadcrumbBar.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_BreadcrumbBar.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("TabView")
+            title:"TabView"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/TabView.png",order:1,recentlyAdded:true,desc:qsTr("A control that displays a collection of tabs thatcan be used to display several documents.")})
-            url: "qrc:/example/qml/page/T_TabView.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/TabView.png",order:1,recentlyAdded:true,desc:"A control that displays a collection of tabs thatcan be used to display several documents."})
+            url:"qrc:/example/qml/page/T_TabView.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("TreeView")
+            title:"TreeView"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_TreeView.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_TreeView.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("TableView")
+            title:"TableView"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/DataGrid.png",order:4,recentlyAdded:true,desc:qsTr("The TableView control provides a flexible way to display a collection of data in rows and columns")})
-            url: "qrc:/example/qml/page/T_TableView.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/DataGrid.png",order:4,recentlyAdded:true,desc:"The TableView control provides a flexible way to display a collection of data in rows and columns"})
+            url:"qrc:/example/qml/page/T_TableView.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Pagination")
+            title:"Pagination"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Pagination.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Pagination.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("MultiWindow")
+            title:"MultiWindow"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_MultiWindow.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_MultiWindow.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("FlipView")
+            title:"FlipView"
             menuDelegate: paneItemMenu
-            extra: ({image:"qrc:/example/res/image/control/FlipView.png",order:2,recentlyAdded:true,desc:qsTr("Presents a collection of items that the user canflip through, one item at a time.")})
-            url: "qrc:/example/qml/page/T_FlipView.qml"
-            onTap: { navigationView.push(url) }
+            extra:({image:"qrc:/example/res/image/control/FlipView.png",order:2,recentlyAdded:true,desc:"Presents a collection of items that the user canflip through, one item at a time."})
+            url:"qrc:/example/qml/page/T_FlipView.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Theming")
+        title:Lang.theming
         icon:FluentIcons.Brightness
         FluPaneItem{
-            title: qsTr("Acrylic")
+            title:"Acrylic"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Acrylic.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Acrylic.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Theme")
+            title:"Theme"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Theme.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Theme.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Typography")
+            title:"Typography"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Typography.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Typography.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Awesome")
+            title:"Awesome"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Awesome.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Awesome.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
     FluPaneItemExpander{
-        title: qsTr("Chart")
-        icon: FluentIcons.AreaChart
+        title: Lang.chart
+        icon:FluentIcons.AreaChart
         FluPaneItem{
-            title: qsTr("Bar Chart")
+            title:Lang.bar_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_BarChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_BarChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Line Chart")
+            title:Lang.line_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_LineChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_LineChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Pie Chart")
+            title:Lang.pie_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_PieChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_PieChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Polar Area Chart")
+            title:Lang.polar_area_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_PolarAreaChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_PolarAreaChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Bubble Chart")
+            title:Lang.bubble_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_BubbleChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_BubbleChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Scatter Chart")
+            title:Lang.scatter_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_ScatterChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_ScatterChart.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Radar Chart")
+            title:Lang.radar_chart
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/chart/T_RadarChart.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/chart/T_RadarChart.qml"
+            onTap:{ navigationView.push(url) }
         }
     }
 
@@ -412,67 +412,67 @@ FluObject{
     }
 
     FluPaneItemExpander{
-        title: qsTr("Other")
-        icon: FluentIcons.Shop
+        title:Lang.other
+        icon:FluentIcons.Shop
         FluPaneItem{
-            title: qsTr("QRCode")
+            title:"QRCode"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_QRCode.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_QRCode.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Tour")
+            title:"Tour"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Tour.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Tour.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Timeline")
+            title:"Timeline"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Timeline.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Timeline.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Captcha")
+            title:"Captcha"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Captcha.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Captcha.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Network")
+            title:"Network"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_Network.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_Network.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            id: item_other
-            title: qsTr("Remote Loader")
+            id:item_other
+            title:"RemoteLoader"
             menuDelegate: paneItemMenu
             count: 99
             infoBadge:FluBadge{
                 count: item_other.count
                 color: Qt.rgba(82/255,196/255,26/255,1)
             }
-            url: "qrc:/example/qml/page/T_RemoteLoader.qml"
-            onTap: {
+            url:"qrc:/example/qml/page/T_RemoteLoader.qml"
+            onTap:{
                 item_other.count = 0
                 navigationView.push("qrc:/example/qml/page/T_RemoteLoader.qml")
             }
         }
         FluPaneItem{
-            title: qsTr("Hot Loader")
-            onTapListener: function(){
+            title:"HotLoader"
+            onTapListener:function(){
                 FluApp.navigate("/hotload")
             }
         }
         FluPaneItem{
-            title: qsTr("3D")
+            title:"3D"
             menuDelegate: paneItemMenu
-            url: "qrc:/example/qml/page/T_3D.qml"
-            onTap: { navigationView.push(url) }
+            url:"qrc:/example/qml/page/T_3D.qml"
+            onTap:{ navigationView.push(url) }
         }
         FluPaneItem{
-            title: qsTr("Test Crash")
+            title:"Test Crash"
             visible: FluTools.isWin()
             onTapListener: function(){
                 AppInfo.testCrash()

example/qml/global/Lang.qml

@@ -0,0 +1,104 @@
+pragma Singleton
+
+import QtQuick 2.15
+
+QtObject {
+
+    property string home
+    property string basic_input
+    property string form
+    property string surface
+    property string layout
+    property string popus
+    property string navigation
+    property string theming
+    property string media
+    property string dark_mode
+    property string sys_dark_mode
+    property string search
+    property string about
+    property string settings
+    property string locale
+    property string navigation_view_display_mode
+    property string other
+    property string chart
+    property string bar_chart
+    property string line_chart
+    property string pie_chart
+    property string polar_area_chart
+    property string bubble_chart
+    property string scatter_chart
+    property string radar_chart
+
+    function zh(){
+        home="首页"
+        basic_input="基本输入"
+        form="表单"
+        surface="表面"
+        layout="布局"
+        popus="弹窗"
+        navigation="导航"
+        theming="主题"
+        media="媒体"
+        dark_mode="夜间模式"
+        sys_dark_mode="跟随系统"
+        search="查找"
+        about="关于"
+        settings="设置"
+        locale="语言环境"
+        navigation_view_display_mode="导航视图显示模式"
+        other="其他"
+        chart="表格"
+        bar_chart="条形图"
+        line_chart="折线图"
+        pie_chart="饼图"
+        polar_area_chart="极坐标区域图"
+        bubble_chart="气泡图"
+        scatter_chart="散点图"
+        radar_chart="雷达图"
+    }
+
+    function en(){
+        home="Home"
+        basic_input="Basic Input"
+        form="Form"
+        surface="Surfaces"
+        layout="Layout"
+        popus="Popus"
+        navigation="Navigation"
+        theming="Theming"
+        media="Media"
+        dark_mode="Dark Mode"
+        sys_dark_mode="Sync with system"
+        search="Search"
+        about="About"
+        settings="Settings"
+        locale="Locale"
+        navigation_view_display_mode="NavigationView Display Mode"
+        other="Other"
+        chart="Chart"
+        bar_chart="Bar Chart"
+        line_chart="Line Chart"
+        pie_chart="Pie Chart"
+        polar_area_chart="Polar Area Chart"
+        bubble_chart="Bubble Chart"
+        scatter_chart="Scatter Chart"
+        radar_chart="Radar Chart"
+    }
+
+    property string __locale
+    property var __localeList: ["Zh","En"]
+
+    on__LocaleChanged: {
+        if(__locale === "Zh"){
+            zh()
+        }else{
+            en()
+        }
+    }
+
+    Component.onCompleted: {
+        __locale = "En"
+    }
+
+}

example/qml/global/qmldir

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

example/qml/page/T_Acrylic.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Acrylic")
+    title:"Acrylic"
 
     RowLayout{
         spacing: 10

example/qml/page/T_Awesome.qml

@@ -6,11 +6,11 @@ import FluentUI 1.0
 
 FluContentPage {
 
-    title: qsTr("Awesome")
+    title:"Awesome"
 
     FluTextBox{
         id:text_box
-        placeholderText: qsTr("Please enter a keyword")
+        placeholderText: "请输入关键字"
         anchors{
             topMargin: 20
             top:parent.top
@@ -18,7 +18,7 @@ FluContentPage {
     }
 
     FluFilledButton{
-        text: qsTr("Search")
+        text:"搜索"
         anchors{
             left: text_box.right
             verticalCenter: text_box.verticalCenter
@@ -53,7 +53,7 @@ FluContentPage {
                 onClicked: {
                     var text  ="FluentIcons."+modelData.name;
                     FluTools.clipText(text)
-                    showSuccess(qsTr("You Copied ")+text)
+                    showSuccess("您复制了 "+text)
                 }
             }
             FluText {
@@ -62,7 +62,7 @@ FluContentPage {
                 anchors.horizontalCenter: parent.horizontalCenter
                 anchors.top: item_icon.bottom
                 width:parent.width
-                wrapMode: Text.WordWrap
+                wrapMode: Text.WrapAnywhere
                 text: modelData.name
                 horizontalAlignment: Text.AlignHCenter
             }

example/qml/page/T_Badge.qml

@@ -7,12 +7,12 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Badge")
+    title:"Badge"
 
     FluArea{
         Layout.fillWidth: true
         Layout.topMargin: 20
-        height: 120
+        height: 106
         paddings: 10
 
         Column{
@@ -20,13 +20,11 @@ FluScrollablePage{
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
-                right: parent.right
             }
             FluText{
-                wrapMode: Text.WordWrap
-                width: parent.width
-                text: qsTr("It usually appears in the upper right corner of the notification icon or avatar to display the number of messages that need to be processed")
+                text:"一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数"
             }
+
             Row{
                 spacing: 20
                 Rectangle{

example/qml/page/T_BreadcrumbBar.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("BreadcurmbBar")
+    title:"BreadcurmbBar"
 
     Component.onCompleted: {
         var items = []
@@ -48,7 +48,7 @@ FluScrollablePage{
             spacing: 10
 
             FluFilledButton{
-                text: qsTr("Reset sample")
+                text:"Reset sample"
                 onClicked:{
                     var items = []
                     for(var i=0;i<10;i++){
@@ -66,6 +66,7 @@ FluScrollablePage{
                 Layout.fillWidth: true
                 onClickItem:
                     (model)=>{
+                        //不是点击最后一个item元素
                         if(model.index+1!==count()){
                             breadcrumb_2.remove(model.index+1,count()-model.index-1)
                         }

example/qml/page/T_Buttons.qml

@@ -7,11 +7,11 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Buttons")
+    title:"Buttons"
 
     FluText{
         Layout.topMargin: 20
-        text: qsTr("Support the Tab key to switch focus, and the Space key to perform click events")
+        text:"支持Tab键切换焦点，空格键执行点击事件"
     }
 
     FluArea{
@@ -21,8 +21,9 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluTextButton{
-            disabled: text_button_switch.checked
-            text: qsTr("Text Button")
+            disabled:text_button_switch.checked
+            text:"Text Button"
+            contentDescription: "文本按钮"
             onClicked: {
                 showInfo("点击Text Button")
             }
@@ -32,12 +33,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: text_button_switch
+            id:text_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -58,10 +59,10 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluButton{
-            disabled: button_switch.checked
-            text: qsTr("Standard Button")
+            disabled:button_switch.checked
+            text:"Standard Button"
             onClicked: {
-                showInfo(qsTr("Click StandardButton"))
+                showInfo("点击StandardButton")
             }
             anchors{
                 verticalCenter: parent.verticalCenter
@@ -69,12 +70,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: button_switch
+            id:button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -95,10 +96,10 @@ FluScrollablePage{
         paddings: 10
 
         FluFilledButton{
-            disabled: filled_button_switch.checked
-            text: qsTr("Filled Button")
+            disabled:filled_button_switch.checked
+            text:"Filled Button"
             onClicked: {
-                showWarning(qsTr("Click FilledButton"))
+                showWarning("点击FilledButton"+height)
             }
             anchors{
                 verticalCenter: parent.verticalCenter
@@ -106,12 +107,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: filled_button_switch
+            id:filled_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -133,19 +134,19 @@ FluScrollablePage{
 
         FluToggleButton{
             disabled:toggle_button_switch.checked
-            text: qsTr("Toggle Button")
+            text:"Toggle Button"
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
             }
         }
         FluToggleSwitch{
-            id: toggle_button_switch
+            id:toggle_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -160,7 +161,7 @@ FluScrollablePage{
     }
 
     Timer{
-        id: timer_progress
+        id:timer_progress
         interval: 200
         onTriggered: {
             btn_progress.progress = (btn_progress.progress + 0.1).toFixed(1)
@@ -179,9 +180,9 @@ FluScrollablePage{
         paddings: 10
 
         FluProgressButton{
-            id: btn_progress
-            disabled: progress_button_switch.checked
-            text: qsTr("Progress Button")
+            id:btn_progress
+            disabled:progress_button_switch.checked
+            text:"Progress Button"
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
@@ -192,12 +193,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: progress_button_switch
+            id:progress_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -218,9 +219,9 @@ FluScrollablePage{
         paddings: 10
 
         FluLoadingButton{
-            id: btn_loading
-            loading: loading_button_switch.checked
-            text: qsTr("Loading Button")
+            id:btn_loading
+            loading:loading_button_switch.checked
+            text:"Loading Button"
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
@@ -230,13 +231,13 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id: loading_button_switch
+            id:loading_button_switch
             checked: true
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Loading")
+            text:"Loading"
         }
     }
     CodeExpander{
@@ -257,7 +258,7 @@ FluScrollablePage{
         paddings: 10
         Layout.topMargin: 20
         Flow{
-            id: layout_icon_button
+            id:layout_icon_button
             spacing: 10
             anchors{
                 verticalCenter: parent.verticalCenter
@@ -265,60 +266,60 @@ FluScrollablePage{
                 right: icon_button_switch.left
             }
             FluIconButton{
-                disabled: icon_button_switch.checked
+                disabled:icon_button_switch.checked
                 iconDelegate: Image{ sourceSize: Qt.size(40,40) ; width: 20; height: 20; source: "qrc:/example/res/image/ic_home_github.png" }
                 onClicked:{
-                    showSuccess(qsTr("Click IconButton"))
+                    showSuccess("点击IconButton")
                 }
             }
             FluIconButton{
-                iconSource: FluentIcons.ChromeCloseContrast
-                disabled: icon_button_switch.checked
+                iconSource:FluentIcons.ChromeCloseContrast
+                disabled:icon_button_switch.checked
                 iconSize: 15
-                text: qsTr("IconOnly")
+                text:"IconOnly"
                 display: Button.IconOnly
                 onClicked:{
-                    showSuccess(qsTr("Button.IconOnly"))
+                    showSuccess("Button.IconOnly")
                 }
             }
             FluIconButton{
-                iconSource: FluentIcons.ChromeCloseContrast
-                disabled: icon_button_switch.checked
+                iconSource:FluentIcons.ChromeCloseContrast
+                disabled:icon_button_switch.checked
                 iconSize: 15
-                text: qsTr("TextOnly")
+                text:"TextOnly"
                 display: Button.TextOnly
                 onClicked:{
-                    showSuccess(qsTr("Button.TextOnly"))
+                    showSuccess("Button.TextOnly")
                 }
             }
             FluIconButton{
-                iconSource: FluentIcons.ChromeCloseContrast
-                disabled: icon_button_switch.checked
+                iconSource:FluentIcons.ChromeCloseContrast
+                disabled:icon_button_switch.checked
                 iconSize: 15
-                text: qsTr("TextBesideIcon")
+                text:"TextBesideIcon"
                 display: Button.TextBesideIcon
                 onClicked:{
-                    showSuccess(qsTr("Button.TextBesideIcon"))
+                    showSuccess("Button.TextBesideIcon")
                 }
             }
             FluIconButton{
-                iconSource: FluentIcons.ChromeCloseContrast
-                disabled: icon_button_switch.checked
+                iconSource:FluentIcons.ChromeCloseContrast
+                disabled:icon_button_switch.checked
                 iconSize: 15
-                text: qsTr("TextUnderIcon")
+                text:"TextUnderIcon"
                 display: Button.TextUnderIcon
                 onClicked:{
-                    showSuccess(qsTr("Button.TextUnderIcon"))
+                    showSuccess("Button.TextUnderIcon")
                 }
             }
         }
         FluToggleSwitch{
-            id: icon_button_switch
+            id:icon_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -338,35 +339,35 @@ FluScrollablePage{
         paddings: 10
         Layout.topMargin: 20
         FluDropDownButton{
-            disabled: drop_down_button_switch.checked
-            text: qsTr("DropDownButton")
+            disabled:drop_down_button_switch.checked
+            text:"DropDownButton"
             anchors{
                 verticalCenter: parent.verticalCenter
                 left: parent.left
             }
             FluMenuItem{
-                text: qsTr("Menu_1")
+                text:"Menu_1"
             }
             FluMenuItem{
-                text: qsTr("Menu_2")
+                text:"Menu_2"
             }
             FluMenuItem{
-                text: qsTr("Menu_3")
+                text:"Menu_3"
             }
             FluMenuItem{
-                text: qsTr("Menu_4")
+                text:"Menu_4"
                 onClicked: {
 
                 }
             }
         }
         FluToggleSwitch{
-            id: drop_down_button_switch
+            id:drop_down_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -402,24 +403,24 @@ FluScrollablePage{
             }
             FluRadioButton{
                 disabled:radio_button_switch.checked
-                text: qsTr("Radio Button_1")
+                text:"Radio Button_1"
             }
             FluRadioButton{
                 disabled:radio_button_switch.checked
-                text: qsTr("Radio Button_2")
+                text:"Radio Button_2"
             }
             FluRadioButton{
                 disabled:radio_button_switch.checked
-                text: qsTr("Radio Button_3")
+                text:"Radio Button_3"
             }
         }
         FluToggleSwitch{
-            id: radio_button_switch
+            id:radio_button_switch
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{

example/qml/page/T_CalendarPicker.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("CalendarPicker")
+    title:"CalendarPicker"
 
     FluArea{
         Layout.fillWidth: true

example/qml/page/T_Captcha.qml

@@ -7,10 +7,10 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Captcha")
+    title:"Captcha"
 
     FluCaptcha{
-        id: captcha
+        id:captcha
         Layout.topMargin: 20
         ignoreCase:switch_case.checked
         MouseArea{
@@ -23,7 +23,7 @@ FluScrollablePage{
     }
 
     FluButton{
-        text: qsTr("Refresh")
+        text:"Refresh"
         Layout.topMargin: 20
         onClicked: {
             captcha.refresh()
@@ -31,8 +31,8 @@ FluScrollablePage{
     }
 
     FluToggleSwitch{
-        id: switch_case
-        text: qsTr("Ignore Case")
+        id:switch_case
+        text:"Ignore Case"
         checked: true
         Layout.topMargin: 10
     }
@@ -42,7 +42,7 @@ FluScrollablePage{
         Layout.topMargin: 10
         FluTextBox{
             id:text_box
-            placeholderText: qsTr("Please enter a verification code")
+            placeholderText: "请输入验证码"
             Layout.preferredWidth: 240
         }
         FluButton{
@@ -50,9 +50,9 @@ FluScrollablePage{
             onClicked: {
                 var success =  captcha.verify(text_box.text)
                 if(success){
-                    showSuccess(qsTr("The verification code is correct"))
+                    showSuccess("验证码正确")
                 }else{
-                    showError(qsTr("Error validation, please re-enter"))
+                    showError("错误验证，请重新输入")
                 }
             }
         }

example/qml/page/T_Carousel.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("Carousel")
+    title:"Carousel"
 
     ListModel{
         id:data_model
@@ -34,7 +34,7 @@ FluScrollablePage{
                 left:parent.left
             }
             FluText{
-                text: qsTr("Carousel map, support infinite carousel, infinite swipe, and components implemented with ListView")
+                text:"轮播图，支持无限轮播，无限滑动，用ListView实现的组件"
             }
             Item{
                 width: 400

example/qml/page/T_CheckBox.qml

@@ -7,7 +7,7 @@ import "../component"
 
 FluScrollablePage{
 
-    title: qsTr("CheckBox")
+    title:"CheckBox"
 
     FluArea{
         Layout.fillWidth: true
@@ -16,7 +16,7 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluText{
-            text: qsTr("A 2-state CheckBox")
+            text:"A 2-state CheckBox"
         }
 
         Row{
@@ -30,11 +30,11 @@ FluScrollablePage{
             }
             FluCheckBox{
                 disabled: check_box_switch_two.checked
-                text: qsTr("Right")
+                text:"Right"
             }
             FluCheckBox{
                 disabled: check_box_switch_two.checked
-                text: qsTr("Left")
+                text:"Left"
                 textRight: false
             }
         }
@@ -44,7 +44,7 @@ FluScrollablePage{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{
@@ -62,7 +62,7 @@ FluScrollablePage{
         Layout.topMargin: 20
 
         FluText{
-            text: qsTr("A 3-state CheckBox")
+            text:"A 3-state CheckBox"
         }
 
         Row{
@@ -73,7 +73,7 @@ FluScrollablePage{
             }
             FluCheckBox{
                 property int count: 1
-                text: qsTr("Three State")
+                text:"Three State"
                 disabled: check_box_switch_three.checked
                 clickListener: function(){
                     var flag = count%3
@@ -94,12 +94,12 @@ FluScrollablePage{
             }
         }
         FluToggleSwitch{
-            id:  check_box_switch_three
+            id:check_box_switch_three
             anchors{
                 right: parent.right
                 verticalCenter: parent.verticalCenter
             }
-            text: qsTr("Disabled")
+            text:"Disabled"
         }
     }
     CodeExpander{